@wealthx/shadcn 0.0.2 → 1.0.1

package/dist/chunk-HUVTPUV2.mjs

@@ -0,0 +1,256 @@
+import {
+  Label
+} from "./chunk-ZZV5JVNW.mjs";
+import {
+  Separator
+} from "./chunk-55CEW76V.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/field.tsx
+import { useMemo } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldSet(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    __spreadValues({
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      "data-slot": "field-set"
+    }, props)
+  );
+}
+function FieldLegend(_a) {
+  var _b = _a, {
+    className,
+    variant = "legend"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "legend",
+    __spreadValues({
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      "data-slot": "field-legend",
+      "data-variant": variant
+    }, props)
+  );
+}
+function FieldGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      "data-slot": "field-group"
+    }, props)
+  );
+}
+var fieldVariants = cva(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(fieldVariants({ orientation }), className),
+      "data-orientation": orientation,
+      "data-slot": "field",
+      role: "group"
+    }, props)
+  );
+}
+function FieldContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      ),
+      "data-slot": "field-content"
+    }, props)
+  );
+}
+function FieldLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Label,
+    __spreadValues({
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-checked:border-primary has-data-checked:bg-primary/5 dark:has-data-checked:bg-primary/10",
+        className
+      ),
+      "data-slot": "field-label"
+    }, props)
+  );
+}
+function FieldTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      "data-slot": "field-label"
+    }, props)
+  );
+}
+function FieldDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      className: cn(
+        "text-xs leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      "data-slot": "field-description"
+    }, props)
+  );
+}
+function FieldSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      "data-content": Boolean(children),
+      "data-slot": "field-separator"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            "data-slot": "field-separator-content",
+            children
+          }
+        ) : null
+      ]
+    })
+  );
+}
+function FieldError(_a) {
+  var _b = _a, {
+    className,
+    children,
+    errors
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "errors"
+  ]);
+  const content = useMemo(() => {
+    var _a2;
+    if (children) {
+      return children;
+    }
+    if (!(errors == null ? void 0 : errors.length)) {
+      return null;
+    }
+    const uniqueErrors = Array.from(
+      new Map(errors.map((error) => [error == null ? void 0 : error.message, error])).values()
+    );
+    if (uniqueErrors.length === 1) {
+      return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
+    }
+    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx("li", { children: error.message }, error.message)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn("text-xs font-normal text-destructive", className),
+      "data-slot": "field-error",
+      role: "alert"
+    }, props), {
+      children: content
+    })
+  );
+}
+
+export {
+  FieldSet,
+  FieldLegend,
+  FieldGroup,
+  Field,
+  FieldContent,
+  FieldLabel,
+  FieldTitle,
+  FieldDescription,
+  FieldSeparator,
+  FieldError
+};

package/dist/chunk-IAOOZCUY.mjs

@@ -0,0 +1,90 @@
+import {
+  Slot
+} from "./chunk-DBHJ5KC3.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/button.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 font-sans text-sm font-medium whitespace-nowrap transition-all active:scale-[0.98] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
+        destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
+        "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = forwardRef(function Button2(_a, ref) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    asChild = false,
+    loading = false,
+    disabled,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "asChild",
+    "loading",
+    "disabled",
+    "children"
+  ]);
+  const Comp = asChild ? Slot : "button";
+  const isIconOnly = size === "icon" || size === "icon-xs" || size === "icon-sm" || size === "icon-lg";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    __spreadProps(__spreadValues({
+      className: cn(buttonVariants({ variant, size, className })),
+      "data-size": size,
+      "data-slot": "button",
+      "data-variant": variant,
+      disabled: loading || disabled,
+      ref
+    }, props), {
+      children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "animate-spin" }),
+        !isIconOnly && children
+      ] }) : children
+    })
+  );
+});
+
+export {
+  buttonVariants,
+  Button
+};

package/dist/chunk-JF4PHPD5.mjs

@@ -0,0 +1,111 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/checkbox.tsx
+import { useState } from "react";
+import { CheckIcon, MinusIcon } from "lucide-react";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Checkbox(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group inline-flex size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+        "data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground",
+        // Dark mode (upstream shadcn)
+        "dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-checked:bg-primary",
+        // Stacked (2 attr selectors) → wins over single-attr rules above
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive aria-invalid:data-checked:text-destructive-foreground",
+        "aria-invalid:data-indeterminate:border-destructive aria-invalid:data-indeterminate:bg-destructive aria-invalid:data-indeterminate:text-destructive-foreground",
+        className
+      ),
+      "data-slot": "checkbox"
+    }, props), {
+      children: /* @__PURE__ */ jsxs(
+        CheckboxPrimitive.Indicator,
+        {
+          className: "grid place-content-center text-current transition-none",
+          "data-slot": "checkbox-indicator",
+          children: [
+            /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5 group-data-indeterminate:hidden" }),
+            /* @__PURE__ */ jsx(MinusIcon, { className: "size-3.5 hidden group-data-indeterminate:block" })
+          ]
+        }
+      )
+    })
+  );
+}
+function CheckboxCard(_a) {
+  var _b = _a, {
+    className,
+    checked,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    error,
+    label,
+    description
+  } = _b, props = __objRest(_b, [
+    "className",
+    "checked",
+    "defaultChecked",
+    "onCheckedChange",
+    "disabled",
+    "error",
+    "label",
+    "description"
+  ]);
+  const [internalChecked, setInternalChecked] = useState(
+    Boolean(defaultChecked)
+  );
+  const resolvedChecked = checked != null ? checked : internalChecked;
+  const isTinted = resolvedChecked;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex items-start gap-3 border border-border p-4 font-sans transition-colors cursor-pointer",
+        error ? ["border-destructive", isTinted && "bg-destructive/5"] : isTinted && "border-primary bg-primary/5",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      "data-slot": "checkbox-card",
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          __spreadValues({
+            "aria-invalid": error || void 0,
+            checked: resolvedChecked,
+            className: "mt-0.5",
+            disabled,
+            onCheckedChange: (value, event) => {
+              setInternalChecked(value);
+              onCheckedChange == null ? void 0 : onCheckedChange(value, event);
+            }
+          }, props)
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-none", children: label }),
+          description ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  Checkbox,
+  CheckboxCard
+};

package/dist/chunk-JU2RUWHF.mjs

@@ -0,0 +1,123 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/radio-group.tsx
+import { CircleIcon } from "lucide-react";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CIRCLE_BASE = "inline-flex items-center justify-center aspect-square size-4 shrink-0 rounded-full border border-primary bg-background";
+var INDICATOR_DOT = "size-2 fill-background text-background";
+function RadioGroup(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive,
+    __spreadValues({
+      className: cn("grid gap-3", className),
+      "data-slot": "radio-group"
+    }, props)
+  );
+}
+function RadioGroupItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    RadioPrimitive.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        CIRCLE_BASE,
+        "transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-checked:bg-primary",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive",
+        "dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "radio-group-item"
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        RadioPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          children: /* @__PURE__ */ jsx(CircleIcon, { className: INDICATOR_DOT })
+        }
+      )
+    })
+  );
+}
+function RadioGroupCard(_a) {
+  var _b = _a, {
+    className,
+    value,
+    disabled,
+    error,
+    label,
+    description
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value",
+    "disabled",
+    "error",
+    "label",
+    "description"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    RadioPrimitive.Root,
+    __spreadProps(__spreadValues({
+      "aria-invalid": error || void 0,
+      className: cn(
+        "group/card flex items-center gap-3 border border-border p-4 font-sans transition-colors text-left cursor-pointer outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-checked:border-primary data-checked:bg-primary/5",
+        "aria-invalid:border-destructive",
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive/5",
+        className
+      ),
+      "data-slot": "radio-group-card",
+      disabled,
+      value
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              CIRCLE_BASE,
+              "transition-colors",
+              "group-data-[checked]/card:bg-primary",
+              "group-aria-invalid/card:border-destructive",
+              "group-aria-invalid/card:group-data-[checked]/card:border-destructive group-aria-invalid/card:group-data-[checked]/card:bg-destructive"
+            ),
+            children: /* @__PURE__ */ jsx(RadioPrimitive.Indicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: INDICATOR_DOT }) })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-none", children: label }),
+          description ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description }) : null
+        ] })
+      ]
+    })
+  );
+}
+
+export {
+  RadioGroup,
+  RadioGroupItem,
+  RadioGroupCard
+};

package/dist/chunk-KKHTJNMM.mjs

@@ -0,0 +1,86 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/accordion.tsx
+import { ChevronDownIcon } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Accordion(props) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, __spreadValues({ "data-slot": "accordion" }, props));
+}
+function AccordionItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    __spreadValues({
+      className: cn("border-b", className),
+      "data-slot": "accordion-item"
+    }, props)
+  );
+}
+function AccordionTrigger(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        // layout
+        "flex flex-1 items-center justify-between gap-4 py-4 text-left",
+        // typography
+        "text-sm font-medium",
+        // base
+        "rounded-none outline-none transition-[color,opacity]",
+        // interactive states
+        "hover:underline",
+        "focus-visible:ring-2 focus-visible:ring-foreground/30",
+        "disabled:pointer-events-none disabled:opacity-50",
+        // chevron rotation when open
+        "[&[data-panel-open]>svg]:rotate-180",
+        className
+      ),
+      "data-slot": "accordion-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    })
+  ) });
+}
+function AccordionContent(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Panel,
+    __spreadProps(__spreadValues({
+      className: "overflow-hidden text-sm h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
+      "data-slot": "accordion-content"
+    }, props), {
+      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 text-muted-foreground", className), children })
+    })
+  );
+}
+
+export {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent
+};