@0xchain/ui 1.1.0-beta.2 → 1.1.0-beta.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/ui",
-  "version": "1.1.0-beta.2",
+  "version": "1.1.0-beta.21",
   "type": "module",
   "files": [
     "dist",
@@ -10,216 +10,217 @@
     "./package.json": "./package.json",
     "./accordion": {
       "types": "./dist/accordion.d.ts",
-      "import": "./dist/accordion.mjs",
-      "default": "./dist/accordion.mjs"
+      "import": "./dist/accordion.js",
+      "default": "./dist/accordion.js"
     },
     "./alert": {
       "types": "./dist/alert.d.ts",
-      "import": "./dist/alert.mjs",
-      "default": "./dist/alert.mjs"
+      "import": "./dist/alert.js",
+      "default": "./dist/alert.js"
     },
     "./alert-dialog": {
       "types": "./dist/alert-dialog.d.ts",
-      "import": "./dist/alert-dialog.mjs",
-      "default": "./dist/alert-dialog.mjs"
+      "import": "./dist/alert-dialog.js",
+      "default": "./dist/alert-dialog.js"
     },
     "./aspect-ratio": {
       "types": "./dist/aspect-ratio.d.ts",
-      "import": "./dist/aspect-ratio.mjs",
-      "default": "./dist/aspect-ratio.mjs"
+      "import": "./dist/aspect-ratio.js",
+      "default": "./dist/aspect-ratio.js"
     },
     "./avatar": {
       "types": "./dist/avatar.d.ts",
-      "import": "./dist/avatar.mjs",
-      "default": "./dist/avatar.mjs"
+      "import": "./dist/avatar.js",
+      "default": "./dist/avatar.js"
     },
     "./badge": {
       "types": "./dist/badge.d.ts",
-      "import": "./dist/badge.mjs",
-      "default": "./dist/badge.mjs"
+      "import": "./dist/badge.js",
+      "default": "./dist/badge.js"
     },
     "./breadcrumb": {
       "types": "./dist/breadcrumb.d.ts",
-      "import": "./dist/breadcrumb.mjs",
-      "default": "./dist/breadcrumb.mjs"
+      "import": "./dist/breadcrumb.js",
+      "default": "./dist/breadcrumb.js"
     },
     "./button": {
       "types": "./dist/button.d.ts",
-      "import": "./dist/button.mjs",
-      "default": "./dist/button.mjs"
+      "import": "./dist/button.js",
+      "default": "./dist/button.js"
     },
     "./calendar": {
       "types": "./dist/calendar.d.ts",
-      "import": "./dist/calendar.mjs",
-      "default": "./dist/calendar.mjs"
+      "import": "./dist/calendar.js",
+      "default": "./dist/calendar.js"
     },
     "./card": {
       "types": "./dist/card.d.ts",
-      "import": "./dist/card.mjs",
-      "default": "./dist/card.mjs"
+      "import": "./dist/card.js",
+      "default": "./dist/card.js"
     },
     "./carousel": {
       "types": "./dist/carousel.d.ts",
-      "import": "./dist/carousel.mjs",
-      "default": "./dist/carousel.mjs"
+      "import": "./dist/carousel.js",
+      "default": "./dist/carousel.js"
     },
     "./checkbox": {
       "types": "./dist/checkbox.d.ts",
-      "import": "./dist/checkbox.mjs",
-      "default": "./dist/checkbox.mjs"
+      "import": "./dist/checkbox.js",
+      "default": "./dist/checkbox.js"
     },
     "./collapsible": {
       "types": "./dist/collapsible.d.ts",
-      "import": "./dist/collapsible.mjs",
-      "default": "./dist/collapsible.mjs"
+      "import": "./dist/collapsible.js",
+      "default": "./dist/collapsible.js"
     },
     "./command": {
       "types": "./dist/command.d.ts",
-      "import": "./dist/command.mjs",
-      "default": "./dist/command.mjs"
+      "import": "./dist/command.js",
+      "default": "./dist/command.js"
     },
     "./context-menu": {
       "types": "./dist/context-menu.d.ts",
-      "import": "./dist/context-menu.mjs",
-      "default": "./dist/context-menu.mjs"
+      "import": "./dist/context-menu.js",
+      "default": "./dist/context-menu.js"
     },
     "./dialog": {
       "types": "./dist/dialog.d.ts",
-      "import": "./dist/dialog.mjs",
-      "default": "./dist/dialog.mjs"
+      "import": "./dist/dialog.js",
+      "default": "./dist/dialog.js"
     },
     "./dropdown-menu": {
       "types": "./dist/dropdown-menu.d.ts",
-      "import": "./dist/dropdown-menu.mjs",
-      "default": "./dist/dropdown-menu.mjs"
+      "import": "./dist/dropdown-menu.js",
+      "default": "./dist/dropdown-menu.js"
     },
     "./form": {
       "types": "./dist/form.d.ts",
-      "import": "./dist/form.mjs",
-      "default": "./dist/form.mjs"
+      "import": "./dist/form.js",
+      "default": "./dist/form.js"
     },
     "./hover-card": {
       "types": "./dist/hover-card.d.ts",
-      "import": "./dist/hover-card.mjs",
-      "default": "./dist/hover-card.mjs"
+      "import": "./dist/hover-card.js",
+      "default": "./dist/hover-card.js"
     },
     "./input": {
       "types": "./dist/input.d.ts",
-      "import": "./dist/input.mjs",
-      "default": "./dist/input.mjs"
+      "import": "./dist/input.js",
+      "default": "./dist/input.js"
     },
     "./label": {
       "types": "./dist/label.d.ts",
-      "import": "./dist/label.mjs",
-      "default": "./dist/label.mjs"
+      "import": "./dist/label.js",
+      "default": "./dist/label.js"
     },
     "./menubar": {
       "types": "./dist/menubar.d.ts",
-      "import": "./dist/menubar.mjs",
-      "default": "./dist/menubar.mjs"
+      "import": "./dist/menubar.js",
+      "default": "./dist/menubar.js"
     },
     "./navigation-menu": {
       "types": "./dist/navigation-menu.d.ts",
-      "import": "./dist/navigation-menu.mjs",
-      "default": "./dist/navigation-menu.mjs"
+      "import": "./dist/navigation-menu.js",
+      "default": "./dist/navigation-menu.js"
     },
     "./pagination": {
       "types": "./dist/pagination.d.ts",
-      "import": "./dist/pagination.mjs",
-      "default": "./dist/pagination.mjs"
+      "import": "./dist/pagination.js",
+      "default": "./dist/pagination.js"
     },
     "./popover": {
       "types": "./dist/popover.d.ts",
-      "import": "./dist/popover.mjs",
-      "default": "./dist/popover.mjs"
+      "import": "./dist/popover.js",
+      "default": "./dist/popover.js"
     },
     "./progress": {
       "types": "./dist/progress.d.ts",
-      "import": "./dist/progress.mjs",
-      "default": "./dist/progress.mjs"
+      "import": "./dist/progress.js",
+      "default": "./dist/progress.js"
     },
     "./radio-group": {
       "types": "./dist/radio-group.d.ts",
-      "import": "./dist/radio-group.mjs",
-      "default": "./dist/radio-group.mjs"
+      "import": "./dist/radio-group.js",
+      "default": "./dist/radio-group.js"
     },
     "./resizable": {
       "types": "./dist/resizable.d.ts",
-      "import": "./dist/resizable.mjs",
-      "default": "./dist/resizable.mjs"
+      "import": "./dist/resizable.js",
+      "default": "./dist/resizable.js"
     },
     "./scroll-area": {
       "types": "./dist/scroll-area.d.ts",
-      "import": "./dist/scroll-area.mjs",
-      "default": "./dist/scroll-area.mjs"
+      "import": "./dist/scroll-area.js",
+      "default": "./dist/scroll-area.js"
     },
     "./select": {
       "types": "./dist/select.d.ts",
-      "import": "./dist/select.mjs",
-      "default": "./dist/select.mjs"
+      "import": "./dist/select.js",
+      "default": "./dist/select.js"
     },
     "./separator": {
       "types": "./dist/separator.d.ts",
-      "import": "./dist/separator.mjs",
-      "default": "./dist/separator.mjs"
+      "import": "./dist/separator.js",
+      "default": "./dist/separator.js"
     },
     "./sheet": {
       "types": "./dist/sheet.d.ts",
-      "import": "./dist/sheet.mjs",
-      "default": "./dist/sheet.mjs"
+      "import": "./dist/sheet.js",
+      "default": "./dist/sheet.js"
     },
     "./skeleton": {
       "types": "./dist/skeleton.d.ts",
-      "import": "./dist/skeleton.mjs",
-      "default": "./dist/skeleton.mjs"
+      "import": "./dist/skeleton.js",
+      "default": "./dist/skeleton.js"
     },
     "./slider": {
       "types": "./dist/slider.d.ts",
-      "import": "./dist/slider.mjs",
-      "default": "./dist/slider.mjs"
+      "import": "./dist/slider.js",
+      "default": "./dist/slider.js"
     },
     "./sonner": {
       "types": "./dist/sonner.d.ts",
-      "import": "./dist/sonner.mjs",
-      "default": "./dist/sonner.mjs"
+      "import": "./dist/sonner.js",
+      "default": "./dist/sonner.js"
     },
     "./switch": {
       "types": "./dist/switch.d.ts",
-      "import": "./dist/switch.mjs",
-      "default": "./dist/switch.mjs"
+      "import": "./dist/switch.js",
+      "default": "./dist/switch.js"
     },
     "./table": {
       "types": "./dist/table.d.ts",
-      "import": "./dist/table.mjs",
-      "default": "./dist/table.mjs"
+      "import": "./dist/table.js",
+      "default": "./dist/table.js"
     },
     "./tabs": {
       "types": "./dist/tabs.d.ts",
-      "import": "./dist/tabs.mjs",
-      "default": "./dist/tabs.mjs"
+      "import": "./dist/tabs.js",
+      "default": "./dist/tabs.js"
     },
     "./textarea": {
       "types": "./dist/textarea.d.ts",
-      "import": "./dist/textarea.mjs",
-      "default": "./dist/textarea.mjs"
+      "import": "./dist/textarea.js",
+      "default": "./dist/textarea.js"
     },
     "./toggle-group": {
       "types": "./dist/toggle-group.d.ts",
-      "import": "./dist/toggle-group.mjs",
-      "default": "./dist/toggle-group.mjs"
+      "import": "./dist/toggle-group.js",
+      "default": "./dist/toggle-group.js"
     },
     "./toggle": {
       "types": "./dist/toggle.d.ts",
-      "import": "./dist/toggle.mjs",
-      "default": "./dist/toggle.mjs"
+      "import": "./dist/toggle.js",
+      "default": "./dist/toggle.js"
     },
     "./tooltip": {
       "types": "./dist/tooltip.d.ts",
-      "import": "./dist/tooltip.mjs",
-      "default": "./dist/tooltip.mjs"
+      "import": "./dist/tooltip.js",
+      "default": "./dist/tooltip.js"
     }
   },
-  "dependencies": {
+  "peerDependencies": {
+    "@0xchain/next-themes": "1.0.0",
     "@hookform/resolvers": "5.2.1",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-alert-dialog": "1.1.15",
@@ -253,26 +254,74 @@
     "date-fns": "4.1.0",
     "embla-carousel-react": "8.6.0",
     "lucide-react": "0.539.0",
-    "@0xchain/next-themes": "1.0.0",
+    "react": "19.1.1",
     "react-day-picker": "9.8.1",
+    "react-dom": "19.1.1",
     "react-hook-form": "7.62.0",
     "react-resizable-panels": "3.0.4",
     "sonner": "2.0.7",
     "tailwind-merge": "3.3.1",
-    "tailwindcss-animate": "1.0.7",
+    "tailwindcss": "4.1.12",
     "zod": "4.0.17"
   },
   "devDependencies": {
+    "@0xchain/next-themes": "1.0.0",
+    "@hookform/resolvers": "5.2.1",
+    "@radix-ui/react-accordion": "1.2.12",
+    "@radix-ui/react-alert-dialog": "1.1.15",
+    "@radix-ui/react-aspect-ratio": "1.1.7",
+    "@radix-ui/react-avatar": "1.1.10",
+    "@radix-ui/react-checkbox": "1.3.3",
+    "@radix-ui/react-collapsible": "1.1.12",
+    "@radix-ui/react-context-menu": "2.2.16",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-dropdown-menu": "2.1.16",
+    "@radix-ui/react-hover-card": "1.1.15",
+    "@radix-ui/react-label": "2.1.7",
+    "@radix-ui/react-menubar": "1.1.16",
+    "@radix-ui/react-navigation-menu": "1.2.14",
+    "@radix-ui/react-popover": "1.1.15",
+    "@radix-ui/react-progress": "1.1.7",
+    "@radix-ui/react-radio-group": "1.3.8",
+    "@radix-ui/react-scroll-area": "1.2.10",
+    "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-separator": "1.1.7",
+    "@radix-ui/react-slider": "1.3.6",
+    "@radix-ui/react-slot": "1.2.3",
+    "@radix-ui/react-switch": "1.2.6",
+    "@radix-ui/react-tabs": "1.1.13",
+    "@radix-ui/react-toggle": "1.1.10",
+    "@radix-ui/react-toggle-group": "1.1.11",
+    "@radix-ui/react-tooltip": "1.2.8",
     "@tailwindcss/postcss": "4.1.12",
     "@tailwindcss/vite": "4.1.12",
     "@types/node": "20.19.11",
     "autoprefixer": "10.4.21",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cmdk": "1.1.1",
+    "date-fns": "4.1.0",
+    "embla-carousel-react": "8.6.0",
+    "lucide-react": "0.539.0",
     "postcss": "8.5.6",
+    "react": "19.1.1",
+    "react-day-picker": "9.8.1",
+    "react-dom": "19.1.1",
+    "react-hook-form": "7.62.0",
+    "react-resizable-panels": "3.0.4",
+    "rollup-plugin-preserve-use-client": "3.0.1",
     "shadcn-ui": "0.9.5",
+    "sonner": "2.0.7",
+    "tailwind-merge": "3.3.1",
     "tailwindcss": "4.1.12",
     "ts-node": "10.9.1",
     "tw-animate-css": "1.3.6",
-    "rollup-plugin-preserve-use-client": "3.0.1"
+    "zod": "4.0.17"
+  },
+  "nx": {
+    "tags": [
+      "type:ui"
+    ]
   },
   "publishConfig": {
     "access": "public"

package/dist/accordion.mjs

@@ -1,64 +0,0 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-accordion";
-import { ChevronDownIcon as s } from "lucide-react";
-import { c as i } from "./utils-B7J70Nno.js";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(n.Root, { "data-slot": "accordion", ...t });
-}
-function f({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ e(
-    n.Item,
-    {
-      "data-slot": "accordion-item",
-      className: i("border-b last:border-b-0", t),
-      ...o
-    }
-  );
-}
-function u({
-  className: t,
-  children: o,
-  ...r
-}) {
-  return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ a(
-    n.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: i(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        t
-      ),
-      ...r,
-      children: [
-        o,
-        /* @__PURE__ */ e(s, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
-      ]
-    }
-  ) });
-}
-function p({
-  className: t,
-  children: o,
-  ...r
-}) {
-  return /* @__PURE__ */ e(
-    n.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...r,
-      children: /* @__PURE__ */ e("div", { className: i("pt-0 pb-4", t), children: o })
-    }
-  );
-}
-export {
-  m as Accordion,
-  p as AccordionContent,
-  f as AccordionItem,
-  u as AccordionTrigger
-};

package/dist/alert-dialog.mjs

@@ -1,146 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-alert-dialog";
-import { c as l } from "./utils-B7J70Nno.js";
-import { buttonVariants as r } from "./button.mjs";
-function u({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "alert-dialog", ...t });
-}
-function f({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
-}
-function i({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
-}
-function s({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Overlay,
-    {
-      "data-slot": "alert-dialog-overlay",
-      className: l(
-        "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",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function m({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ n(i, { children: [
-    /* @__PURE__ */ e(s, {}),
-    /* @__PURE__ */ e(
-      o.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        className: l(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          t
-        ),
-        ...a
-      }
-    )
-  ] });
-}
-function p({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: l("flex flex-col gap-2 text-center sm:text-left", t),
-      ...a
-    }
-  );
-}
-function x({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: l(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function A({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: l("text-lg font-semibold", t),
-      ...a
-    }
-  );
-}
-function D({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: l("text-muted-foreground text-sm", t),
-      ...a
-    }
-  );
-}
-function v({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Action,
-    {
-      className: l(r(), t),
-      ...a
-    }
-  );
-}
-function N({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Cancel,
-    {
-      className: l(r({ variant: "outline" }), t),
-      ...a
-    }
-  );
-}
-export {
-  u as AlertDialog,
-  v as AlertDialogAction,
-  N as AlertDialogCancel,
-  m as AlertDialogContent,
-  D as AlertDialogDescription,
-  x as AlertDialogFooter,
-  p as AlertDialogHeader,
-  s as AlertDialogOverlay,
-  i as AlertDialogPortal,
-  A as AlertDialogTitle,
-  f as AlertDialogTrigger
-};

package/dist/aspect-ratio.mjs

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as i from "@radix-ui/react-aspect-ratio";
-function a({
-  ...t
-}) {
-  return /* @__PURE__ */ o(i.Root, { "data-slot": "aspect-ratio", ...t });
-}
-export {
-  a as AspectRatio
-};

package/dist/avatar.mjs

@@ -1,53 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-avatar";
-import { c as l } from "./utils-B7J70Nno.js";
-function i({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    r.Root,
-    {
-      "data-slot": "avatar",
-      className: l(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function n({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    r.Image,
-    {
-      "data-slot": "avatar-image",
-      className: l("aspect-square size-full", a),
-      ...t
-    }
-  );
-}
-function f({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    r.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: l(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        a
-      ),
-      ...t
-    }
-  );
-}
-export {
-  i as Avatar,
-  f as AvatarFallback,
-  n as AvatarImage
-};