@wealthx/shadcn 0.0.2 → 1.0.0

package/dist/chunk-CGOKTPXU.mjs

@@ -0,0 +1,79 @@
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Positioner, { sideOffset, children: [
+    /* @__PURE__ */ jsx(
+      TooltipPrimitive.Popup,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "z-50 w-fit animate-in bg-brand-secondary px-3 py-1.5 text-xs text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+          className
+        ),
+        "data-slot": "tooltip-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style)
+      }, props), {
+        children
+      })
+    ),
+    /* @__PURE__ */ jsx(
+      TooltipPrimitive.Arrow,
+      {
+        className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
+      }
+    )
+  ] }) });
+}
+
+export {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};

package/dist/chunk-CZ3BW5GL.mjs

@@ -0,0 +1,81 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/alert.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-card text-card-foreground",
+        destructive: "border-destructive/40 bg-destructive/10 text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-destructive",
+        warning: "border-warning/40 bg-warning/10 text-warning *:data-[slot=alert-description]:text-warning/90 [&>svg]:text-warning",
+        success: "border-success/40 bg-success/10 text-success *:data-[slot=alert-description]:text-success/90 [&>svg]:text-success",
+        info: "border-info/40 bg-info/10 text-info *:data-[slot=alert-description]:text-info/90 [&>svg]:text-info"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert(_a) {
+  var _b = _a, {
+    className,
+    variant
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(alertVariants({ variant }), className),
+      "data-slot": "alert",
+      role: "alert"
+    }, props)
+  );
+}
+function AlertTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      ),
+      "data-slot": "alert-title"
+    }, props)
+  );
+}
+function AlertDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed",
+        className
+      ),
+      "data-slot": "alert-description"
+    }, props)
+  );
+}
+
+export {
+  Alert,
+  AlertTitle,
+  AlertDescription
+};

package/dist/chunk-DBHJ5KC3.mjs

@@ -0,0 +1,55 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/lib/slot.tsx
+import * as React from "react";
+function mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(value);
+      else if (ref !== null)
+        ref.current = value;
+    }
+  };
+}
+var Slot = React.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    const child = React.Children.only(children);
+    if (!React.isValidElement(child)) return null;
+    const childProps = child.props;
+    const merged = __spreadValues({}, props);
+    for (const key of Object.keys(childProps)) {
+      if (key === "className") {
+        merged.className = [props.className, childProps.className].filter(Boolean).join(" ");
+      } else if (key === "style") {
+        merged.style = __spreadValues(__spreadValues({}, props.style), childProps.style);
+      } else if (key.startsWith("on") && typeof childProps[key] === "function") {
+        const parentHandler = props[key];
+        if (typeof parentHandler === "function") {
+          merged[key] = (...args) => {
+            childProps[key](...args);
+            parentHandler(...args);
+          };
+        } else {
+          merged[key] = childProps[key];
+        }
+      } else {
+        merged[key] = childProps[key];
+      }
+    }
+    const childRef = child.ref;
+    merged.ref = forwardedRef ? mergeRefs(forwardedRef, childRef) : childRef;
+    return React.cloneElement(
+      child,
+      merged
+    );
+  }
+);
+Slot.displayName = "Slot";
+
+export {
+  Slot
+};

package/dist/chunk-DDPA2XXS.mjs

@@ -0,0 +1,97 @@
+import {
+  toggleVariants
+} from "./chunk-3U7SD3MS.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/toggle-group.tsx
+import * as React from "react";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { Toggle as ToggleComponent } from "@base-ui/react/toggle";
+import { jsx } from "react/jsx-runtime";
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0
+});
+function ToggleGroup(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    spacing = 0,
+    type,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "spacing",
+    "type",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive,
+    __spreadProps(__spreadValues({
+      className: cn(
+        // WealthX: removed rounded-md (sharp corners) and shadow-xs (flat panels)
+        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))]",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "toggle-group",
+      "data-spacing": spacing,
+      "data-variant": variant,
+      multiple: type === "multiple",
+      style: { "--gap": spacing }
+    }, props), {
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+    })
+  );
+}
+function ToggleGroupItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    variant,
+    size
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "variant",
+    "size"
+  ]);
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleComponent,
+    __spreadProps(__spreadValues({
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "w-auto min-w-0 shrink-0 focus:z-10 focus-visible:z-10",
+        // WealthX: no rounded corners on grouped items
+        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
+        className
+      ),
+      "data-size": context.size || size,
+      "data-slot": "toggle-group-item",
+      "data-spacing": context.spacing,
+      "data-variant": context.variant || variant
+    }, props), {
+      children
+    })
+  );
+}
+
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};

package/dist/chunk-DS2AMHN2.mjs

@@ -0,0 +1,30 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/input.tsx
+import { jsx } from "react/jsx-runtime";
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ jsx(
+    "input",
+    __spreadValues({
+      className: cn(
+        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-base font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "input",
+      type
+    }, props)
+  );
+}
+
+export {
+  Input
+};

package/dist/chunk-E3K6O4FZ.mjs

@@ -0,0 +1,57 @@
+import {
+  Slot
+} from "./chunk-DBHJ5KC3.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/badge.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-muted text-muted-foreground [a&]:hover:bg-muted/80",
+        destructive: "bg-destructive text-destructive-foreground focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    __spreadValues({
+      className: cn(badgeVariants({ variant }), className),
+      "data-slot": "badge",
+      "data-variant": variant
+    }, props)
+  );
+}
+
+export {
+  badgeVariants,
+  Badge
+};

package/dist/chunk-FWCSY2DS.mjs

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/dist/chunk-GPRJQ24C.mjs

@@ -0,0 +1,28 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/textarea.tsx
+import { jsx } from "react/jsx-runtime";
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    __spreadValues({
+      className: cn(
+        // WealthX: removed shadow-xs (flat panels), added font-sans
+        "flex field-sizing-content min-h-16 w-full border border-input bg-transparent px-3 py-2 text-base font-sans transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "textarea"
+    }, props)
+  );
+}
+
+export {
+  Textarea
+};

package/dist/chunk-HS7TFG7V.mjs

@@ -0,0 +1,24 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+function Skeleton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("animate-pulse bg-muted", className),
+      "data-slot": "skeleton"
+    }, props)
+  );
+}
+
+export {
+  Skeleton
+};