@mivabyte/ui 26.9.21 → 26.10.3

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@mivabyte/ui",
-  "version": "26.9.21",
+  "version": "26.10.3",
   "description": "Shared Mivabyte design tokens and React UI primitives.",
   "license": "MIT",
   "private": false,
   "type": "module",
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "./dist/components/ui/toast.js",
+    "./dist/components/ui/toast.cjs"
   ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -254,17 +256,6 @@
       },
       "default": "./dist/components/ui/command.js"
     },
-    "./container": {
-      "import": {
-        "types": "./dist/components/ui/container.d.ts",
-        "default": "./dist/components/ui/container.js"
-      },
-      "require": {
-        "types": "./dist/components/ui/container.d.cts",
-        "default": "./dist/components/ui/container.cjs"
-      },
-      "default": "./dist/components/ui/container.js"
-    },
     "./context-menu": {
       "import": {
         "types": "./dist/components/ui/context-menu.d.ts",
@@ -364,6 +355,17 @@
       },
       "default": "./dist/components/ui/field.js"
     },
+    "./form": {
+      "import": {
+        "types": "./dist/components/ui/form.d.ts",
+        "default": "./dist/components/ui/form.js"
+      },
+      "require": {
+        "types": "./dist/components/ui/form.d.cts",
+        "default": "./dist/components/ui/form.cjs"
+      },
+      "default": "./dist/components/ui/form.js"
+    },
     "./hover-card": {
       "import": {
         "types": "./dist/components/ui/hover-card.d.ts",
@@ -430,17 +432,6 @@
       },
       "default": "./dist/components/ui/kbd.js"
     },
-    "./kbd-group": {
-      "import": {
-        "types": "./dist/components/ui/kbd-group.d.ts",
-        "default": "./dist/components/ui/kbd-group.js"
-      },
-      "require": {
-        "types": "./dist/components/ui/kbd-group.d.cts",
-        "default": "./dist/components/ui/kbd-group.cjs"
-      },
-      "default": "./dist/components/ui/kbd-group.js"
-    },
     "./label": {
       "import": {
         "types": "./dist/components/ui/label.d.ts",
@@ -661,6 +652,17 @@
       },
       "default": "./dist/components/ui/slider.js"
     },
+    "./sonner": {
+      "import": {
+        "types": "./dist/components/ui/sonner.d.ts",
+        "default": "./dist/components/ui/sonner.js"
+      },
+      "require": {
+        "types": "./dist/components/ui/sonner.d.cts",
+        "default": "./dist/components/ui/sonner.cjs"
+      },
+      "default": "./dist/components/ui/sonner.js"
+    },
     "./spinner": {
       "import": {
         "types": "./dist/components/ui/spinner.d.ts",
@@ -780,13 +782,11 @@
     "sync:upstream": "node scripts/sync-upstream.mjs",
     "sync:imports": "node scripts/fix-shadcn-imports.mjs",
     "typecheck": "tsc --noEmit",
-    "test": "echo No tests configured yet",
     "audit:source": "node scripts/audit-source.mjs",
-    "bundle:check": "node scripts/check-bundle-budgets.mjs",
     "pack:check": "node scripts/check-packed-package.mjs",
-    "verify:core": "npm run format:check && npm run audit:source && npm run registry:check && npm run storybook:check && npm run typecheck && npm run build && npm run bundle:check && npm run test:contracts && npm run pack:check && npm run package:lint",
+    "verify:core": "npm run format:check && npm run audit:source && npm run registry:check && npm run storybook:check && npm run typecheck && npm run build && npm run test:contracts && npm run pack:check && npm run package:lint",
     "verify": "npm run lint && npm run verify:core && npm run api:check && npm run test:coverage",
-    "prepublishOnly": "npm run verify",
+    "prepublishOnly": "node scripts/without-dry-run.mjs npm run verify",
     "prepare": "npm run build",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -803,7 +803,7 @@
     "storybook:typecheck": "tsc -p tsconfig.storybook.json",
     "storybook:build": "storybook build",
     "package:publint": "publint",
-    "package:types": "attw --pack . --profile node16 --exclude-entrypoints styles.css --ignore-rules cjs-resolves-to-esm false-esm",
+    "package:types": "node scripts/check-packed-types.mjs",
     "package:lint": "npm run package:publint && npm run package:types",
     "registry:write": "node scripts/check-component-registry.mjs --write",
     "registry:check": "node scripts/check-component-registry.mjs",
@@ -817,10 +817,24 @@
   },
   "peerDependencies": {
     "react": ">=19 <20",
-    "react-dom": ">=19 <20"
+    "react-dom": ">=19 <20",
+    "@hookform/resolvers": "^5.9.1",
+    "@tanstack/react-table": "^9.2.4",
+    "zod": "^3.25.76"
+  },
+  "peerDependenciesMeta": {
+    "@hookform/resolvers": {
+      "optional": true
+    },
+    "@tanstack/react-table": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.9.1",
+    "@base-ui/react": "^1.8.0",
     "@radix-ui/react-accordion": "^1.2.20",
     "@radix-ui/react-alert-dialog": "^1.1.23",
     "@radix-ui/react-avatar": "^1.2.6",
@@ -847,13 +861,10 @@
     "@radix-ui/react-toggle": "^1.1.18",
     "@radix-ui/react-toggle-group": "^1.1.19",
     "@radix-ui/react-tooltip": "^1.2.16",
-    "@shadcn/react": "0.3.1",
-    "@tanstack/react-table": "^9.2.4",
-    "@types/lodash": "^4.17.25",
     "class-variance-authority": "^0.7.1",
+    "@types/lodash": "^4.17.25",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.5.0",
     "lucide-react": "^1.47.0",
@@ -865,8 +876,7 @@
     "sonner": "^2.0.8",
     "tailwind-merge": "^3.7.0",
     "tw-animate-css": "^1.4.0",
-    "vaul": "^1.1.2",
-    "zod": "^3.25.76"
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
@@ -891,7 +901,6 @@
     "axe-core": "^4.13.0",
     "eslint": "^10.11.0",
     "eslint-plugin-import-x": "^4.17.1",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-unused-imports": "^4.4.1",
     "globals": "^17.12.0",
@@ -905,20 +914,13 @@
     "tailwindcss": "^4.3.3",
     "tsup": "^8.5.1",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.70.0",
-    "vitest": "^4.1.11",
-    "vitest-axe": "^0.1.0"
-  },
-  "overrides": {
-    "eslint-plugin-jsx-a11y": {
-      "eslint": "$eslint"
-    }
+    "vitest": "^4.1.11"
   },
   "publishConfig": {
     "access": "public"
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=22"
   },
   "repository": {
     "type": "git",

package/dist/components/ui/container.cjs

@@ -1,69 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-// src/components/ui/container.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var containerVariants = classVarianceAuthority.cva("mx-auto w-full min-w-0", {
-  variants: {
-    size: {
-      standard: "max-w-[var(--content-width)]",
-      reading: "max-w-[var(--reading-width)]",
-      wide: "max-w-[var(--wide-width)]"
-    },
-    gutter: {
-      true: "px-[var(--page-gutter)]",
-      false: null
-    }
-  },
-  defaultVariants: {
-    size: "standard",
-    gutter: true
-  }
-});
-var Container = React__namespace.forwardRef(
-  ({ className, size, gutter, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        ref,
-        className: cn(containerVariants({ size, gutter, className })),
-        ...props
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-
-exports.Container = Container;
-exports.containerVariants = containerVariants;
-//# sourceMappingURL=container.cjs.map
-//# sourceMappingURL=container.cjs.map

package/dist/components/ui/container.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/container.tsx"],"names":["twMerge","clsx","cva","React","Slot","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,iBAAA,GAAoBC,2BAAI,wBAAA,EAA0B;AAAA,EACtD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,8BAAA;AAAA,MACV,OAAA,EAAS,8BAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,yBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,UAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEZ,CAAC;AASD,IAAM,SAAA,GAAkBC,gBAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,KAAA;AAC9B,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,iBAAA,CAAkB,EAAE,MAAM,MAAA,EAAQ,SAAA,EAAW,CAAC,CAAA;AAAA,QAC3D,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"container.cjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst containerVariants = cva(\"mx-auto w-full min-w-0\", {\n  variants: {\n    size: {\n      standard: \"max-w-[var(--content-width)]\",\n      reading: \"max-w-[var(--reading-width)]\",\n      wide: \"max-w-[var(--wide-width)]\",\n    },\n    gutter: {\n      true: \"px-[var(--page-gutter)]\",\n      false: null,\n    },\n  },\n  defaultVariants: {\n    size: \"standard\",\n    gutter: true,\n  },\n})\n\nexport interface ContainerProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof containerVariants> {\n  asChild?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size, gutter, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\"\n    return (\n      <Comp\n        ref={ref}\n        className={cn(containerVariants({ size, gutter, className }))}\n        {...props}\n      />\n    )\n  }\n)\nContainer.displayName = \"Container\"\n\nexport { Container, containerVariants }\n"]}

package/dist/components/ui/container.d.cts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const containerVariants: (props?: ({
-    size?: "standard" | "reading" | "wide" | null | undefined;
-    gutter?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
-    asChild?: boolean;
-}
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
-export { Container, containerVariants };

package/dist/components/ui/container.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const containerVariants: (props?: ({
-    size?: "standard" | "reading" | "wide" | null | undefined;
-    gutter?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
-    asChild?: boolean;
-}
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
-export { Container, containerVariants };
-//# sourceMappingURL=container.d.ts.map

package/dist/components/ui/container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;;8EAgBrB,CAAA;AAEF,MAAM,WAAW,cACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,SAAS,uFAWd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/ui/container.js

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/ui/container.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var containerVariants = cva("mx-auto w-full min-w-0", {
-  variants: {
-    size: {
-      standard: "max-w-[var(--content-width)]",
-      reading: "max-w-[var(--reading-width)]",
-      wide: "max-w-[var(--wide-width)]"
-    },
-    gutter: {
-      true: "px-[var(--page-gutter)]",
-      false: null
-    }
-  },
-  defaultVariants: {
-    size: "standard",
-    gutter: true
-  }
-});
-var Container = React.forwardRef(
-  ({ className, size, gutter, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        ref,
-        className: cn(containerVariants({ size, gutter, className })),
-        ...props
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-
-export { Container, containerVariants };
-//# sourceMappingURL=container.js.map
-//# sourceMappingURL=container.js.map

package/dist/components/ui/container.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/container.tsx"],"names":[],"mappings":";;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,iBAAA,GAAoB,IAAI,wBAAA,EAA0B;AAAA,EACtD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,8BAAA;AAAA,MACV,OAAA,EAAS,8BAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,yBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,UAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEZ,CAAC;AASD,IAAM,SAAA,GAAkB,KAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,KAAA;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,iBAAA,CAAkB,EAAE,MAAM,MAAA,EAAQ,SAAA,EAAW,CAAC,CAAA;AAAA,QAC3D,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"container.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst containerVariants = cva(\"mx-auto w-full min-w-0\", {\n  variants: {\n    size: {\n      standard: \"max-w-[var(--content-width)]\",\n      reading: \"max-w-[var(--reading-width)]\",\n      wide: \"max-w-[var(--wide-width)]\",\n    },\n    gutter: {\n      true: \"px-[var(--page-gutter)]\",\n      false: null,\n    },\n  },\n  defaultVariants: {\n    size: \"standard\",\n    gutter: true,\n  },\n})\n\nexport interface ContainerProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof containerVariants> {\n  asChild?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size, gutter, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\"\n    return (\n      <Comp\n        ref={ref}\n        className={cn(containerVariants({ size, gutter, className }))}\n        {...props}\n      />\n    )\n  }\n)\nContainer.displayName = \"Container\"\n\nexport { Container, containerVariants }\n"]}

package/dist/components/ui/kbd-group.cjs

@@ -1,74 +0,0 @@
-'use strict';
-
-var React2 = require('react');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
-
-// src/components/ui/kbd-group.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var Separator = React2__namespace.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
-function KbdGroup({
-  separator = true,
-  className,
-  children,
-  ...props
-}) {
-  const nodes = Array.isArray(children) ? children : [children];
-  const segment = nodes.filter((child) => React2__namespace.isValidElement(child));
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: `inline-flex gap-1 rounded border border-border bg-background p-1 text-foreground ${className || ""}`,
-      ...props,
-      children: segment.map((child, index) => /* @__PURE__ */ jsxRuntime.jsxs(React2__namespace.Fragment, { children: [
-        child,
-        separator && index < segment.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical" })
-      ] }, index))
-    }
-  );
-}
-
-exports.KbdGroup = KbdGroup;
-//# sourceMappingURL=kbd-group.cjs.map
-//# sourceMappingURL=kbd-group.cjs.map

package/dist/components/ui/kbd-group.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/separator.tsx","../../../src/components/ui/kbd-group.tsx"],"names":["twMerge","clsx","React","jsx","SeparatorPrimitive","React2","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,SAAA,GAAkBC,iBAAA,CAAA,UAAA;AAAA,EAItB,CACE,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,aAAa,IAAA,EAAM,GAAG,KAAA,EAAM,EACrE,GAAA,qBAEAC,cAAA;AAAA,IAAoBC,6BAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACC,GAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oBAAA;AAAA,QACA,WAAA,KAAgB,eAAe,gBAAA,GAAmB,gBAAA;AAAA,QAClD;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,SAAA,CAAU,cAAiCA,6BAAA,CAAA,IAAA,CAAK,WAAA;ACfzC,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAQ,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,GAAI,QAAA,GAAW,CAAC,QAAQ,CAAA;AAC5D,EAAA,MAAM,UAAU,KAAA,CAAM,MAAA,CAAO,CAAC,KAAA,KAAgBC,iBAAA,CAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAEnE,EAAA,uBACEF,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,iFAAA,EAAoF,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MAC7G,GAAG,KAAA;AAAA,MAEH,kBAAQ,GAAA,CAAI,CAAC,OAAO,KAAA,qBACnBG,eAAA,CAAOD,4BAAN,EACE,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,SAAA,IAAa,QAAQ,OAAA,CAAQ,MAAA,GAAS,qBACrCF,cAAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW;AAAA,OAAA,EAAA,EAHjB,KAKrB,CACD;AAAA;AAAA,GACH;AAEJ","file":"kbd-group.cjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Separator } from \"./separator\"\nimport { cn } from \"@/lib/utils\"\n\ninterface KbdGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  separator?: boolean\n  children: React.ReactNode\n}\n\nexport interface KbdGroupPropsInternal extends KbdGroupProps {}\n\nexport function KbdGroup({\n  separator = true,\n  className,\n  children,\n  ...props\n}: KbdGroupProps) {\n  const nodes = Array.isArray(children) ? children : [children]\n  const segment = nodes.filter((child) => React.isValidElement(child))\n\n  return (\n    <div\n      className={`inline-flex gap-1 rounded border border-border bg-background p-1 text-foreground ${className || \"\"}`}\n      {...props}\n    >\n      {segment.map((child, index) => (\n        <React.Fragment key={index}>\n          {child}\n          {separator && index < segment.length - 1 && (\n            <Separator orientation=\"vertical\" />\n          )}\n        </React.Fragment>\n      ))}\n    </div>\n  )\n}\n"]}

package/dist/components/ui/kbd-group.d.cts

@@ -1,9 +0,0 @@
-import * as React from "react";
-interface KbdGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    separator?: boolean;
-    children: React.ReactNode;
-}
-export interface KbdGroupPropsInternal extends KbdGroupProps {
-}
-export declare function KbdGroup({ separator, className, children, ...props }: KbdGroupProps): React.JSX.Element;
-export {};

package/dist/components/ui/kbd-group.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-interface KbdGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    separator?: boolean;
-    children: React.ReactNode;
-}
-export interface KbdGroupPropsInternal extends KbdGroupProps {
-}
-export declare function KbdGroup({ separator, className, children, ...props }: KbdGroupProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=kbd-group.d.ts.map

package/dist/components/ui/kbd-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kbd-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;CAAG;AAE/D,wBAAgB,QAAQ,CAAC,EACvB,SAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,qBAmBf"}

package/dist/components/ui/kbd-group.js

@@ -1,51 +0,0 @@
-import * as React2 from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/ui/kbd-group.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var Separator = React2.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-function KbdGroup({
-  separator = true,
-  className,
-  children,
-  ...props
-}) {
-  const nodes = Array.isArray(children) ? children : [children];
-  const segment = nodes.filter((child) => React2.isValidElement(child));
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `inline-flex gap-1 rounded border border-border bg-background p-1 text-foreground ${className || ""}`,
-      ...props,
-      children: segment.map((child, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
-        child,
-        separator && index < segment.length - 1 && /* @__PURE__ */ jsx(Separator, { orientation: "vertical" })
-      ] }, index))
-    }
-  );
-}
-
-export { KbdGroup };
-//# sourceMappingURL=kbd-group.js.map
-//# sourceMappingURL=kbd-group.js.map

package/dist/components/ui/kbd-group.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/separator.tsx","../../../src/components/ui/kbd-group.tsx"],"names":["React","jsx"],"mappings":";;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,SAAA,GAAkBA,MAAA,CAAA,UAAA;AAAA,EAItB,CACE,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,aAAa,IAAA,EAAM,GAAG,KAAA,EAAM,EACrE,GAAA,qBAEA,GAAA;AAAA,IAAoB,kBAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACC,GAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oBAAA;AAAA,QACA,WAAA,KAAgB,eAAe,gBAAA,GAAmB,gBAAA;AAAA,QAClD;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,SAAA,CAAU,cAAiC,kBAAA,CAAA,IAAA,CAAK,WAAA;ACfzC,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAQ,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,GAAI,QAAA,GAAW,CAAC,QAAQ,CAAA;AAC5D,EAAA,MAAM,UAAU,KAAA,CAAM,MAAA,CAAO,CAAC,KAAA,KAAgB,MAAA,CAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAEnE,EAAA,uBACEC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,iFAAA,EAAoF,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MAC7G,GAAG,KAAA;AAAA,MAEH,kBAAQ,GAAA,CAAI,CAAC,OAAO,KAAA,qBACnB,IAAA,CAAO,iBAAN,EACE,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,SAAA,IAAa,QAAQ,OAAA,CAAQ,MAAA,GAAS,qBACrCA,GAAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW;AAAA,OAAA,EAAA,EAHjB,KAKrB,CACD;AAAA;AAAA,GACH;AAEJ","file":"kbd-group.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Separator } from \"./separator\"\nimport { cn } from \"@/lib/utils\"\n\ninterface KbdGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  separator?: boolean\n  children: React.ReactNode\n}\n\nexport interface KbdGroupPropsInternal extends KbdGroupProps {}\n\nexport function KbdGroup({\n  separator = true,\n  className,\n  children,\n  ...props\n}: KbdGroupProps) {\n  const nodes = Array.isArray(children) ? children : [children]\n  const segment = nodes.filter((child) => React.isValidElement(child))\n\n  return (\n    <div\n      className={`inline-flex gap-1 rounded border border-border bg-background p-1 text-foreground ${className || \"\"}`}\n      {...props}\n    >\n      {segment.map((child, index) => (\n        <React.Fragment key={index}>\n          {child}\n          {separator && index < segment.length - 1 && (\n            <Separator orientation=\"vertical\" />\n          )}\n        </React.Fragment>\n      ))}\n    </div>\n  )\n}\n"]}