@wealthx/shadcn 0.0.2 → 1.0.1

package/dist/chunk-YN5SYTOO.mjs

@@ -0,0 +1,117 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/empty.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+function Empty(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 border border-dashed p-6 text-center text-balance md:p-12",
+        className
+      ),
+      "data-slot": "empty"
+    }, props)
+  );
+}
+function EmptyHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      ),
+      "data-slot": "empty-header"
+    }, props)
+  );
+}
+var emptyMediaVariants = cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "[&_svg:not([class*='size-'])]:size-10",
+        icon: "flex size-10 shrink-0 items-center justify-center text-muted-foreground [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(emptyMediaVariants({ variant, className })),
+      "data-slot": "empty-icon",
+      "data-variant": variant
+    }, props)
+  );
+}
+function EmptyTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("text-lg font-medium tracking-tight", className),
+      "data-slot": "empty-title"
+    }, props)
+  );
+}
+function EmptyDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      "data-slot": "empty-description"
+    }, props)
+  );
+}
+function EmptyContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
+        className
+      ),
+      "data-slot": "empty-content"
+    }, props)
+  );
+}
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent
+};

package/dist/chunk-Z3MK2KKZ.mjs

@@ -0,0 +1,83 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/input-otp.tsx
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InputOTP(_a) {
+  var _b = _a, {
+    className,
+    containerClassName
+  } = _b, props = __objRest(_b, [
+    "className",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    __spreadValues({
+      className: cn("disabled:cursor-not-allowed", className),
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      "data-slot": "input-otp"
+    }, props)
+  );
+}
+function InputOTPGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex items-center", className),
+      "data-slot": "input-otp-group"
+    }, props)
+  );
+}
+function InputOTPSlot(_a) {
+  var _b = _a, {
+    index,
+    className
+  } = _b, props = __objRest(_b, [
+    "index",
+    "className"
+  ]);
+  var _a2;
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext.slots[index]) != null ? _a2 : {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:border-l aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-active": isActive,
+      "data-slot": "input-otp-slot"
+    }, props), {
+      children: [
+        char,
+        hasFakeCaret ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+      ]
+    })
+  );
+}
+function InputOTPSeparator(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx(MinusIcon, {}) }));
+}
+
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  InputOTPSeparator
+};

package/dist/chunk-ZN2QKLF6.mjs

@@ -0,0 +1,187 @@
+import {
+  Textarea
+} from "./chunk-GPRJQ24C.mjs";
+import {
+  Input
+} from "./chunk-DS2AMHN2.mjs";
+import {
+  Button
+} from "./chunk-IAOOZCUY.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/input-group.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+function InputGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/input-group relative flex w-full items-center border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30",
+        "h-9 min-w-0 has-[>textarea]:h-auto",
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-primary has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-primary/20",
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        className
+      ),
+      "data-slot": "input-group",
+      role: "group"
+    }, props)
+  );
+}
+var inputGroupAddonVariants = cva(
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+        "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon(_a) {
+  var _b = _a, {
+    className,
+    align = "inline-start"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align"
+  ]);
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- click only forwards focus to the sibling input; the div is not truly interactive
+    /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        className: cn(inputGroupAddonVariants({ align }), className),
+        "data-align": align,
+        "data-slot": "input-group-addon",
+        onClick: (e) => {
+          var _a2, _b2;
+          if (e.target.closest("button")) {
+            return;
+          }
+          (_b2 = (_a2 = e.currentTarget.parentElement) == null ? void 0 : _a2.querySelector("input")) == null ? void 0 : _b2.focus();
+        },
+        onKeyDown: (e) => {
+          var _a2, _b2;
+          if (e.key === "Enter" || e.key === " ") {
+            (_b2 = (_a2 = e.currentTarget.parentElement) == null ? void 0 : _a2.querySelector("input")) == null ? void 0 : _b2.focus();
+          }
+        },
+        role: "group"
+      }, props)
+    )
+  );
+}
+var inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 px-2.5 has-[>svg]:px-2.5",
+        "icon-xs": "size-6 p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton(_a) {
+  var _b = _a, {
+    className,
+    type = "button",
+    variant = "ghost",
+    size = "xs"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "type",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadValues({
+      className: cn(inputGroupButtonVariants({ size }), className),
+      "data-size": size,
+      type,
+      variant
+    }, props)
+  );
+}
+function InputGroupText(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+function InputGroupInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Input,
+    __spreadValues({
+      className: cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      "data-slot": "input-group-control"
+    }, props)
+  );
+}
+function InputGroupTextarea(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    __spreadValues({
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      "data-slot": "input-group-control"
+    }, props)
+  );
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea
+};

package/dist/chunk-ZZV5JVNW.mjs

@@ -0,0 +1,34 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/label.tsx
+import { jsx } from "react/jsx-runtime";
+function Label(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return (
+    // eslint-disable-next-line jsx-a11y/label-has-associated-control -- htmlFor is passed by the consumer
+    /* @__PURE__ */ jsx(
+      "label",
+      __spreadValues({
+        className: cn(
+          "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+          className
+        ),
+        "data-slot": "label"
+      }, props)
+    )
+  );
+}
+
+export {
+  Label
+};

package/dist/components/ui/accordion.js

@@ -0,0 +1,142 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/accordion.tsx
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_lucide_react = require("lucide-react");
+var import_accordion = require("@base-ui/react/accordion");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/accordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Accordion(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Root, __spreadValues({ "data-slot": "accordion" }, props));
+}
+function AccordionItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.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__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_accordion.Accordion.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__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.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__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.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__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pb-4 text-muted-foreground", className), children })
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+});

package/dist/components/ui/accordion.mjs

@@ -0,0 +1,14 @@
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../../chunk-KKHTJNMM.mjs";
+import "../../chunk-V7CNWJT3.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};