@wealthx/shadcn 1.0.0 → 1.0.2

package/dist/index.js

@@ -207,6 +207,7 @@ __export(index_exports, {
   SheetTitle: () => SheetTitle,
   SheetTrigger: () => SheetTrigger,
   Skeleton: () => Skeleton,
+  Slider: () => Slider,
   Spinner: () => Spinner,
   Switch: () => Switch,
   SwitchCard: () => SwitchCard,
@@ -530,6 +531,7 @@ var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
     asChild = false,
     loading = false,
     disabled,
+    type = "button",
     children
   } = _b, props = __objRest(_b, [
     "className",
@@ -538,6 +540,7 @@ var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
     "asChild",
     "loading",
     "disabled",
+    "type",
     "children"
   ]);
   const Comp = asChild ? Slot : "button";
@@ -550,7 +553,8 @@ var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
       "data-slot": "button",
       "data-variant": variant,
       disabled: loading || disabled,
-      ref
+      ref,
+      type
     }, props), {
       children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
@@ -3747,22 +3751,116 @@ function SheetDescription(_a) {
   );
 }
 
+// src/components/ui/slider.tsx
+var React7 = __toESM(require("react"));
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Slider = React7.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      value,
+      defaultValue = 0,
+      min = 0,
+      max = 100,
+      step = 1,
+      disabled = false,
+      onValueChange
+    } = _b, props = __objRest(_b, [
+      "className",
+      "value",
+      "defaultValue",
+      "min",
+      "max",
+      "step",
+      "disabled",
+      "onValueChange"
+    ]);
+    const [internalValue, setInternalValue] = React7.useState(defaultValue);
+    const currentValue = value !== void 0 ? value : internalValue;
+    const percentage = (currentValue - min) / (max - min) * 100;
+    const handleChange = (e) => {
+      const newValue = Number(e.target.value);
+      if (value === void 0) {
+        setInternalValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        "data-slot": "slider",
+        className: cn(
+          "relative flex w-full touch-none items-center select-none",
+          disabled && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              "data-slot": "slider-track",
+              className: "relative h-2 w-full overflow-hidden rounded-full bg-muted",
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                "div",
+                {
+                  "data-slot": "slider-range",
+                  className: "absolute h-full rounded-full bg-primary",
+                  style: { width: `${percentage}%` }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "input",
+            __spreadValues({
+              ref,
+              type: "range",
+              min,
+              max,
+              step,
+              value: currentValue,
+              disabled,
+              onChange: handleChange,
+              className: cn(
+                "absolute inset-0 h-full w-full cursor-pointer opacity-0",
+                disabled && "cursor-not-allowed"
+              )
+            }, props)
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              "data-slot": "slider-thumb",
+              className: cn(
+                "pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2",
+                "block size-5 rounded-full border-2 border-primary bg-background shadow-sm"
+              ),
+              style: { left: `${percentage}%` }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
 // src/components/ui/sonner.tsx
 var import_lucide_react15 = require("lucide-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Toaster(_a) {
   var _b = _a, { theme = "light" } = _b, props = __objRest(_b, ["theme"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_sonner.Toaster,
     __spreadValues({
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.Loader2Icon, { className: "size-4 animate-spin" })
       },
       style: {
         "--normal-bg": "var(--popover)",
@@ -3783,7 +3881,7 @@ function Toaster(_a) {
 // src/components/ui/spinner.tsx
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var spinnerVariants = (0, import_class_variance_authority7.cva)("animate-spin shrink-0", {
   variants: {
     size: {
@@ -3799,7 +3897,7 @@ var spinnerVariants = (0, import_class_variance_authority7.cva)("animate-spin sh
 });
 function Spinner(_a) {
   var _b = _a, { className, size } = _b, props = __objRest(_b, ["className", "size"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_lucide_react16.LoaderCircle,
     __spreadValues({
       "aria-hidden": "true",
@@ -3812,7 +3910,7 @@ function Spinner(_a) {
 // src/components/ui/switch.tsx
 var import_react5 = require("react");
 var import_switch = require("@base-ui/react/switch");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -3821,7 +3919,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_switch.Switch.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3838,7 +3936,7 @@ function Switch(_a) {
       "data-size": size,
       "data-slot": "switch"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         import_switch.Switch.Thumb,
         {
           className: cn(
@@ -3879,7 +3977,7 @@ function SwitchCard(_a) {
   ]);
   const [internalChecked, setInternalChecked] = (0, import_react5.useState)(defaultChecked != null ? defaultChecked : false);
   const isChecked = checked != null ? checked : internalChecked;
-  const switchElement = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  const switchElement = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Switch,
     __spreadValues({
       "aria-invalid": error || void 0,
@@ -3893,11 +3991,11 @@ function SwitchCard(_a) {
       size
     }, props)
   );
-  const contentElement = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
-    description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
+  const contentElement = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "label",
     {
       className: cn(
@@ -3908,10 +4006,10 @@ function SwitchCard(_a) {
         className
       ),
       "data-slot": "switch-card",
-      children: switchPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+      children: switchPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
         switchElement,
         contentElement
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
         contentElement,
         switchElement
       ] })
@@ -3922,7 +4020,7 @@ function SwitchCard(_a) {
 // src/components/ui/tabs.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_tabs = require("@base-ui/react/tabs");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -3931,7 +4029,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.Root,
     __spreadValues({
       className: cn(
@@ -3965,7 +4063,7 @@ function TabsList(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.List,
     __spreadValues({
       className: cn(tabsListVariants({ variant }), className),
@@ -3980,7 +4078,7 @@ function TabsTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.Tab,
     __spreadValues({
       className: cn(
@@ -4021,7 +4119,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tabs.Tabs.Panel,
     __spreadValues({
       className: cn("flex-1 outline-none", className),
@@ -4031,14 +4129,14 @@ function TabsContent(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
 // src/components/ui/toggle.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_toggle = require("@base-ui/react/toggle");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] 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 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -4069,7 +4167,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_toggle.Toggle,
     __spreadValues({
       className: cn(toggleVariants({ variant, size, className })),
@@ -4079,8 +4177,8 @@ function Toggle(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var ToggleGroupContext = React7.createContext({
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ToggleGroupContext = React8.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -4101,7 +4199,7 @@ function ToggleGroup(_a) {
     "type",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_toggle_group.ToggleGroup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -4116,7 +4214,7 @@ function ToggleGroup(_a) {
       multiple: type === "multiple",
       style: { "--gap": spacing }
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -4132,8 +4230,8 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React7.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  const context = React8.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -4158,14 +4256,14 @@ function ToggleGroupItem(_a) {
 
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -4175,11 +4273,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -4194,8 +4292,8 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_tooltip.Tooltip.Positioner, { sideOffset, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_tooltip.Tooltip.Positioner, { sideOffset, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       import_tooltip.Tooltip.Popup,
       __spreadProps(__spreadValues({
         className: cn(
@@ -4208,7 +4306,7 @@ function TooltipContent(_a) {
         children
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       import_tooltip.Tooltip.Arrow,
       {
         className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
@@ -4366,6 +4464,7 @@ function TooltipContent(_a) {
   SheetTitle,
   SheetTrigger,
   Skeleton,
+  Slider,
   Spinner,
   Switch,
   SwitchCard,

package/dist/index.mjs

@@ -23,6 +23,9 @@ import {
   SheetTitle,
   SheetTrigger
 } from "./chunk-PMKODV6M.mjs";
+import {
+  Slider
+} from "./chunk-K74JRTJR.mjs";
 import {
   Toaster
 } from "./chunk-2Y7YJKPE.mjs";
@@ -49,7 +52,7 @@ import {
   PaginationLink,
   PaginationNext,
   PaginationPrevious
-} from "./chunk-NGYG2EA6.mjs";
+} from "./chunk-I64K754C.mjs";
 import {
   Progress
 } from "./chunk-BBJBJSXQ.mjs";
@@ -60,7 +63,7 @@ import {
 } from "./chunk-JU2RUWHF.mjs";
 import {
   DatePicker
-} from "./chunk-AMJ23O53.mjs";
+} from "./chunk-FHNT55I5.mjs";
 import {
   Popover,
   PopoverAnchor,
@@ -81,7 +84,7 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger
-} from "./chunk-7LDIMXGM.mjs";
+} from "./chunk-DKZRJOMF.mjs";
 import {
   Drawer,
   DrawerClose,
@@ -127,7 +130,7 @@ import {
   InputGroupInput,
   InputGroupText,
   InputGroupTextarea
-} from "./chunk-ZN2QKLF6.mjs";
+} from "./chunk-46OFHMQA.mjs";
 import {
   Textarea
 } from "./chunk-GPRJQ24C.mjs";
@@ -148,7 +151,7 @@ import {
 import {
   Calendar,
   CalendarDayButton
-} from "./chunk-2WZVSBAY.mjs";
+} from "./chunk-3NQGYJEZ.mjs";
 import {
   Card,
   CardAction,
@@ -172,7 +175,7 @@ import {
   DataTableSkeleton,
   DataTableToolbar,
   getSelectionColumn
-} from "./chunk-MKFL5MNH.mjs";
+} from "./chunk-K76E2TQU.mjs";
 import {
   Skeleton
 } from "./chunk-HS7TFG7V.mjs";
@@ -253,11 +256,11 @@ import {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "./chunk-NWZ46DJL.mjs";
+} from "./chunk-KQDD5MU3.mjs";
 import {
   Button,
   buttonVariants
-} from "./chunk-IAOOZCUY.mjs";
+} from "./chunk-4AJ5HWHD.mjs";
 import "./chunk-DBHJ5KC3.mjs";
 import "./chunk-OXQQNQZI.mjs";
 import "./chunk-QOJ2DQD6.mjs";
@@ -419,6 +422,7 @@ export {
   SheetTitle,
   SheetTrigger,
   Skeleton,
+  Slider,
   Spinner,
   Switch,
   SwitchCard,