@0xchain/ui 1.1.0-beta.4 → 1.1.0-beta.43

package/dist/separator.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Separator
+};

package/dist/sheet.d.ts

@@ -1,23 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-
-export declare function Sheet({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Root>): JSX.Element;
-
-export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Close>): JSX.Element;
-
-export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Content> & {
-    side?: "top" | "right" | "bottom" | "left";
-}): JSX.Element;
-
-export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Description>): JSX.Element;
-
-export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Title>): JSX.Element;
-
-export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element;
-
-export { }
+export * from './components/ui/sheet'
+export {}

package/dist/sheet.js

@@ -0,0 +1,126 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+};

package/dist/skeleton.d.ts

@@ -1,5 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-
-export { }
+export * from './components/ui/skeleton'
+export {}

package/dist/skeleton.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+export {
+  Skeleton
+};

package/dist/slider.d.ts

@@ -1,7 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-
-export declare function Slider({ className, defaultValue, value, min, max, ...props }: React_2.ComponentProps<typeof SliderPrimitive.Root>): JSX.Element;
-
-export { }
+export * from './components/ui/slider'
+export {}

package/dist/{slider.mjs → slider.js}

@@ -1,63 +1,63 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import * as a from "@radix-ui/react-slider";
-import { c as n } from "./utils-B7J70Nno.js";
-function g({
-  className: l,
-  defaultValue: r,
-  value: t,
-  min: o = 0,
-  max: i = 100,
-  ...s
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
 }) {
-  const d = m.useMemo(
-    () => Array.isArray(t) ? t : Array.isArray(r) ? r : [o, i],
-    [t, r, o, i]
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ h(
-    a.Root,
+  return /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
     {
       "data-slot": "slider",
-      defaultValue: r,
-      value: t,
-      min: o,
-      max: i,
-      className: n(
+      defaultValue,
+      value,
+      min,
+      max,
+      className: cn(
         "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        l
+        className
       ),
-      ...s,
+      ...props,
       children: [
-        /* @__PURE__ */ e(
-          a.Track,
+        /* @__PURE__ */ jsx(
+          SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
-            className: n(
+            className: cn(
               "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ e(
-              a.Range,
+            children: /* @__PURE__ */ jsx(
+              SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
-                className: n(
+                className: cn(
                   "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
                 )
               }
             )
           }
         ),
-        Array.from({ length: d.length }, (b, c) => /* @__PURE__ */ e(
-          a.Thumb,
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
+          SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
             className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
           },
-          c
+          index
         ))
       ]
     }
   );
 }
 export {
-  g as Slider
+  Slider
 };

package/dist/sonner.d.ts

@@ -1,6 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import { ToasterProps } from 'sonner';
-
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
-
-export { }
+export * from './components/ui/sonner'
+export {}

package/dist/sonner.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@0xchain/next-themes";
+import { Toaster as Toaster$1 } from "sonner";
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...props
+    }
+  );
+};
+export {
+  Toaster
+};

package/dist/switch.d.ts

@@ -1,7 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-
-export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
-
-export { }
+export * from './components/ui/switch'
+export {}

package/dist/{switch.mjs → switch.js}

@@ -1,24 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-switch";
-import { c as a } from "./utils-B7J70Nno.js";
-function o({
-  className: r,
-  ...n
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Switch({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ e(
-    t.Root,
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
     {
       "data-slot": "switch",
-      className: a(
+      className: cn(
         "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        r
+        className
       ),
-      ...n,
-      children: /* @__PURE__ */ e(
-        t.Thumb,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: a(
+          className: cn(
             "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
@@ -27,5 +27,5 @@ function o({
   );
 }
 export {
-  o as Switch
+  Switch
 };

package/dist/table.d.ts

@@ -1,20 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
-
-export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
-
-export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
-
-export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
-
-export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
-
-export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
-
-export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
-
-export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
-
-export { }
+export * from './components/ui/table'
+export {}

package/dist/table.js

@@ -0,0 +1,114 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};

package/dist/tabs.d.ts

@@ -1,13 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-
-export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
-
-export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
-
-export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
-
-export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
-
-export { }
+export * from './components/ui/tabs'
+export {}

package/dist/{tabs.mjs → tabs.js}

@@ -1,67 +1,67 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as s from "@radix-ui/react-tabs";
-import { c as i } from "./utils-B7J70Nno.js";
-function o({
-  className: t,
-  ...e
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { c as cn } from "./utils-CzDCF-Ah.js";
+function Tabs({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ a(
-    s.Root,
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
     {
       "data-slot": "tabs",
-      className: i("flex flex-col gap-2", t),
-      ...e
+      className: cn("flex flex-col gap-2", className),
+      ...props
     }
   );
 }
-function d({
-  className: t,
-  ...e
+function TabsList({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ a(
-    s.List,
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
-      className: i(
+      className: cn(
         "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        t
+        className
       ),
-      ...e
+      ...props
     }
   );
 }
-function c({
-  className: t,
-  ...e
+function TabsTrigger({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ a(
-    s.Trigger,
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: i(
+      className: cn(
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        t
+        className
       ),
-      ...e
+      ...props
     }
   );
 }
-function l({
-  className: t,
-  ...e
+function TabsContent({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ a(
-    s.Content,
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
-      className: i("flex-1 outline-none", t),
-      ...e
+      className: cn("flex-1 outline-none", className),
+      ...props
     }
   );
 }
 export {
-  o as Tabs,
-  l as TabsContent,
-  d as TabsList,
-  c as TabsTrigger
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
 };

package/dist/textarea.d.ts

@@ -1,6 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
-
-export { }
+export * from './components/ui/textarea'
+export {}