@youwen/ai-design-system/dist/ui.mjs

Enterprise AI-driven design system with comprehensive design tokens

import { B as H, I, b as S, i as T } from "./ui-3cbc7c26.mjs";
import { jsxs as p, jsx as t } from "react/jsx-runtime";
import * as d from "react";
import { cva as l } from "class-variance-authority";
import { c as m } from "./charts-563ee857.mjs";
import "@radix-ui/react-slot";
import "clsx";
import "tailwind-merge";
const b = l(
  "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
  {
    variants: {
      variant: {
        default: "border-input",
        error: "border-destructive focus:ring-destructive",
        success: "border-success focus:ring-success"
      },
      size: {
        default: "h-10",
        sm: "h-9",
        lg: "h-11"
      }
    },
    defaultVariants: {
      variant: "default",
      size: "default"
    }
  }
), g = d.forwardRef(
  ({ className: e, variant: r, size: a, placeholder: s, options: n = [], children: c, ...f }, u) => /* @__PURE__ */ p(
    "select",
    {
      className: m(b({ variant: r, size: a, className: e })),
      ref: u,
      ...f,
      children: [
        s && /* @__PURE__ */ t("option", { value: "", disabled: !0, children: s }),
        n.map((i) => /* @__PURE__ */ t("option", { value: i.value, children: i.label }, i.value)),
        c
      ]
    }
  )
);
g.displayName = "Select";
const o = (...e) => e.filter(Boolean).join(" "), v = l(
  "rounded-lg border bg-card text-card-foreground shadow-sm",
  {
    variants: {
      variant: {
        default: "border-border",
        outlined: "border-2 border-border",
        elevated: "border-border shadow-lg",
        flat: "border-border shadow-none"
      },
      padding: {
        none: "p-0",
        sm: "p-4",
        default: "p-6",
        lg: "p-8"
      }
    },
    defaultVariants: {
      variant: "default",
      padding: "default"
    }
  }
), x = d.forwardRef(
  ({ className: e, variant: r, padding: a, ...s }, n) => /* @__PURE__ */ t(
    "div",
    {
      ref: n,
      className: o(v({ variant: r, padding: a, className: e })),
      ...s
    }
  )
);
x.displayName = "Card";
const C = d.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ t(
  "div",
  {
    ref: a,
    className: o("flex flex-col space-y-1.5 p-6", e),
    ...r
  }
));
C.displayName = "CardHeader";
const N = d.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ t(
  "h3",
  {
    ref: a,
    className: o(
      "text-2xl font-semibold leading-none tracking-tight",
      e
    ),
    ...r
  }
));
N.displayName = "CardTitle";
const w = d.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ t(
  "p",
  {
    ref: a,
    className: o("text-sm text-muted-foreground", e),
    ...r
  }
));
w.displayName = "CardDescription";
const h = d.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ref: a, className: o("p-6 pt-0", e), ...r }));
h.displayName = "CardContent";
const y = d.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ t(
  "div",
  {
    ref: a,
    className: o("flex items-center p-6 pt-0", e),
    ...r
  }
));
y.displayName = "CardFooter";
export {
  H as Button,
  x as Card,
  h as CardContent,
  w as CardDescription,
  y as CardFooter,
  C as CardHeader,
  N as CardTitle,
  I as Input,
  g as Select,
  S as buttonVariants,
  v as cardVariants,
  T as inputVariants,
  b as selectVariants
};