art-bd-ui 1.0.13 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "art-bd-ui",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Set of handy components for React like projects",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -26,6 +26,9 @@
   },
   "license": "MIT",
   "sideEffects": false,
+  "engines": {
+    "node": ">=22"
+  },
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
@@ -43,13 +46,15 @@
     "@rollup/plugin-node-resolve": "16.0.1",
     "@rollup/plugin-typescript": "12.1.2",
     "@semantic-release/git": "10.0.1",
-    "@storybook/addon-docs": "^9.1.0-alpha.1",
-    "@storybook/react-vite": "9.1.0-alpha.1",
+    "@storybook/addon-docs": "10.0.2",
+    "@storybook/react-vite": "10.0.2",
     "@tailwindcss/postcss": "4.1.4",
+    "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "4.1.4",
     "@types/lodash": "4.17.16",
     "@types/node": "22.14.1",
-    "@types/react": "19.1.2",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "4.4.1",
     "chromatic": "11.28.0",
     "eslint": "9.25.1",
@@ -57,10 +62,11 @@
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-prettier": "5.2.6",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-storybook": "^9.1.0-alpha.1",
+    "eslint-plugin-storybook": "10.0.2",
     "globals": "16.0.0",
+    "http-proxy-middleware": "^3.0.5",
     "postcss": "8.5.3",
-    "prettier": "3.5.3",
+    "prettier": "^3.5.3",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "rollup": "4.40.0",
@@ -69,7 +75,7 @@
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-preserve-directives": "0.4.0",
     "semantic-release": "24.2.3",
-    "storybook": "9.1.0-alpha.1",
+    "storybook": "10.0.2",
     "tailwindcss": "4.1.4",
     "typescript": "5.8.3",
     "typescript-eslint": "8.31.1",
@@ -77,41 +83,108 @@
     "vite-tsconfig-paths": "5.1.4"
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.0.1",
-    "@radix-ui/react-accordion": "^1.2.11",
+    "@ckeditor/ckeditor5-react": "^10.0.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@hookform/resolvers": "5.0.1",
+    "@monaco-editor/react": "4.7.0",
+    "@radix-ui/react-accordion": "1.2.11",
     "@radix-ui/react-aspect-ratio": "1.1.6",
     "@radix-ui/react-avatar": "1.1.9",
     "@radix-ui/react-checkbox": "1.3.1",
-    "@radix-ui/react-dialog": "1.1.13",
-    "@radix-ui/react-dropdown-menu": "2.1.14",
+    "@radix-ui/react-collapsible": "1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
     "@radix-ui/react-label": "^2.1.6",
-    "@radix-ui/react-popover": "1.1.13",
+    "@radix-ui/react-menubar": "1.1.16",
+    "@radix-ui/react-navigation-menu": "1.2.14",
+    "@radix-ui/react-popover": "^1.1.13",
     "@radix-ui/react-progress": "1.1.6",
     "@radix-ui/react-radio-group": "1.3.6",
+    "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "2.2.4",
-    "@radix-ui/react-separator": "1.1.6",
-    "@radix-ui/react-slot": "1.2.3",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "1.2.4",
     "@radix-ui/react-tabs": "1.1.11",
     "@radix-ui/react-toast": "1.2.13",
     "@radix-ui/react-toggle": "1.1.8",
     "@radix-ui/react-toggle-group": "1.1.9",
-    "@radix-ui/react-tooltip": "1.2.6",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "@tiptap/core": "^3.10.7",
+    "@tiptap/extension-blockquote": "^3.10.7",
+    "@tiptap/extension-bold": "^3.10.7",
+    "@tiptap/extension-bullet-list": "^3.10.7",
+    "@tiptap/extension-character-count": "^3.10.7",
+    "@tiptap/extension-code": "^3.10.7",
+    "@tiptap/extension-code-block-lowlight": "^3.10.7",
+    "@tiptap/extension-color": "^3.10.1",
+    "@tiptap/extension-details": "^3.10.7",
+    "@tiptap/extension-document": "^3.10.7",
+    "@tiptap/extension-dropcursor": "^3.10.7",
+    "@tiptap/extension-gapcursor": "^3.10.7",
+    "@tiptap/extension-hard-break": "^3.10.7",
+    "@tiptap/extension-heading": "^3.10.7",
+    "@tiptap/extension-highlight": "^3.10.1",
+    "@tiptap/extension-history": "^3.10.7",
+    "@tiptap/extension-horizontal-rule": "^3.10.7",
+    "@tiptap/extension-image": "^3.10.1",
+    "@tiptap/extension-italic": "^3.10.7",
+    "@tiptap/extension-list": "^3.10.7",
+    "@tiptap/extension-list-item": "^3.10.7",
+    "@tiptap/extension-ordered-list": "^3.10.7",
+    "@tiptap/extension-paragraph": "^3.10.7",
+    "@tiptap/extension-placeholder": "^3.10.7",
+    "@tiptap/extension-strike": "^3.10.7",
+    "@tiptap/extension-subscript": "^3.10.7",
+    "@tiptap/extension-superscript": "^3.10.7",
+    "@tiptap/extension-table": "^3.10.7",
+    "@tiptap/extension-table-cell": "^3.10.7",
+    "@tiptap/extension-table-header": "^3.10.7",
+    "@tiptap/extension-table-row": "^3.10.7",
+    "@tiptap/extension-task-item": "^3.10.7",
+    "@tiptap/extension-task-list": "^3.10.7",
+    "@tiptap/extension-text": "^3.10.7",
+    "@tiptap/extension-text-align": "^3.10.1",
+    "@tiptap/extension-text-style": "^3.10.7",
+    "@tiptap/extension-typography": "^3.10.7",
+    "@tiptap/extension-youtube": "^3.10.7",
+    "@tiptap/html": "^3.10.1",
+    "@tiptap/pm": "^3.10.7",
+    "@tiptap/react": "^3.10.7",
+    "@tiptap/starter-kit": "^3.10.7",
+    "@tiptap/suggestion": "^3.10.7",
+    "@webcontainer/api": "1.6.1",
+    "@xterm/addon-fit": "0.10.0",
+    "@xterm/xterm": "5.5.0",
     "chrono-node": "2.8.2",
-    "class-variance-authority": "0.7.1",
+    "ckeditor5": "43.3.1",
+    "class-variance-authority": "^0.7.1",
     "clsx": "2.1.1",
-    "cmdk": "1.1.1",
+    "cmdk": "^1.1.1",
     "date-fns": "4.1.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "fastdom": "1.0.12",
+    "fuse.js": "^7.1.0",
+    "isomorphic-dompurify": "^2.28.0",
     "lodash": "4.17.21",
-    "lucide-react": "0.488.0",
+    "lowlight": "^3.3.0",
+    "lucide-react": "^0.488.0",
+    "monaco-editor": "0.52.2",
     "react-day-picker": "9.6.7",
-    "react-hook-form": "^7.56.4",
+    "react-dropzone": "^14.3.8",
+    "react-hook-form": "7.56.4",
+    "react-resizable-panels": "3.0.3",
     "tailwind-merge": "3.2.0",
+    "tippy.js": "^6.3.7",
     "tslib": "2.8.1",
     "tw-animate-css": "1.2.5",
     "vaul": "1.1.2",
-    "zod": "^3.25.7"
+    "zod": "3.25.7"
   },
   "overrides": {
     "storybook": "$storybook"

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1,10 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-exports.commonjsGlobal = commonjsGlobal;
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/cjs/_virtual/_nodeUtil.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var _nodeUtil = {exports: {}};
-
-exports.__module = _nodeUtil;

package/dist/cjs/_virtual/debounce.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var debounce$1 = require('../node_modules/lodash/debounce.js');
-
-var debounceExports = debounce$1.__require();
-var debounce = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(debounceExports);
-
-exports.default = debounce;

package/dist/cjs/_virtual/difference.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var difference = require('../node_modules/lodash/difference.js');
-
-var differenceExports = difference.__require();
-var _difference = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(differenceExports);
-
-exports.default = _difference;

package/dist/cjs/_virtual/fastdom.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var fastdom$1 = require('../node_modules/fastdom/fastdom.js');
-
-var fastdomExports = fastdom$1.__require();
-var fastdom = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(fastdomExports);
-
-exports.default = fastdom;

package/dist/cjs/_virtual/fastdom2.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var fastdom = {exports: {}};
-
-exports.__module = fastdom;

package/dist/cjs/_virtual/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-var index = require('../node_modules/use-sync-external-store/shim/index.js');
-
-var shimExports = index.__require();
-
-exports.shimExports = shimExports;

package/dist/cjs/_virtual/index2.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var shim = {exports: {}};
-
-exports.__module = shim;

package/dist/cjs/_virtual/isBuffer.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var isBuffer = {exports: {}};
-
-exports.__module = isBuffer;

package/dist/cjs/_virtual/map.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var map = require('../node_modules/lodash/map.js');
-
-var mapExports = map.__require();
-var _map = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(mapExports);
-
-exports.default = _map;

package/dist/cjs/_virtual/pick.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var pick = require('../node_modules/lodash/pick.js');
-
-var pickExports = pick.__require();
-var _pick = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(pickExports);
-
-exports.default = _pick;

package/dist/cjs/_virtual/range.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var range$1 = require('../node_modules/lodash/range.js');
-
-var rangeExports = range$1.__require();
-var range = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(rangeExports);
-
-exports.default = range;

package/dist/cjs/_virtual/throttle.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var throttle$1 = require('../node_modules/lodash/throttle.js');
-
-var throttleExports = throttle$1.__require();
-var throttle = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(throttleExports);
-
-exports.default = throttle;

package/dist/cjs/_virtual/use-sync-external-store-shim.development.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var useSyncExternalStoreShim_development = {};
-
-exports.__exports = useSyncExternalStoreShim_development;

package/dist/cjs/_virtual/use-sync-external-store-shim.production.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var useSyncExternalStoreShim_production = {};
-
-exports.__exports = useSyncExternalStoreShim_production;

package/dist/cjs/components/buttons/button/button.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
-var index$1 = require('../../../node_modules/class-variance-authority/dist/index.js');
-var utils = require('../../../lib/utils.js');
-var icon = require('../../media/icon/icon.js');
-
-const buttonVariants = index$1.cva([
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 shrink-0 ",
-    "focusable aria-invalid-state non-interactive-inner-svg",
-], {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-9",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Button = React.forwardRef((_a, ref) => {
-    var { className, variant, size, asChild = false, loading, children, leftIcon, rightIcon } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size", "asChild", "loading", "children", "leftIcon", "rightIcon"]);
-    const Comp = asChild ? index.Root : "button";
-    const leftElement = loading ? (jsxRuntime.jsx(icon.Icon, { name: "loader-2", className: "animate-spin" })) : (leftIcon && jsxRuntime.jsx(icon.Icon, { name: leftIcon }));
-    const rightElement = rightIcon && jsxRuntime.jsx(icon.Icon, { name: rightIcon });
-    return (jsxRuntime.jsxs(Comp, Object.assign({ ref: ref, "data-slot": "button", className: utils.cn(buttonVariants({ variant, size }), className) }, props, { children: [leftElement, jsxRuntime.jsx(index.Slottable, { children: children }), rightElement] })));
-});
-Button.displayName = "Button";
-
-exports.Button = Button;
-exports.buttonVariants = buttonVariants;

package/dist/cjs/components/buttons/icon-button/icon-button.js

@@ -1,33 +0,0 @@
-"use client";
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../../../node_modules/class-variance-authority/dist/index.js');
-var utils = require('../../../lib/utils.js');
-var icon = require('../../media/icon/icon.js');
-var button = require('../button/button.js');
-var tooltip = require('../../popovers/tooltip/tooltip.js');
-
-const iconButtonVariants = index.cva("cursor-pointer", {
-    variants: {
-        radius: {
-            none: "rounded-none",
-            small: "rounded-sm",
-            medium: "rounded-md",
-            large: "rounded-lg",
-            full: "rounded-full",
-        },
-    },
-    defaultVariants: {
-        radius: "medium",
-    },
-});
-const IconButton = React.forwardRef((_a, ref) => {
-    var { className, variant, radius, loading, icon: icon$1, tooltip: tooltip$1 } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "radius", "loading", "icon", "tooltip"]);
-    return (jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(button.Button, Object.assign({ ref: ref, "data-slot": "icon-button", variant: variant, size: "icon", loading: loading, className: utils.cn(iconButtonVariants({ radius }), className) }, props, { children: !loading && jsxRuntime.jsx(icon.Icon, { name: icon$1 }) })) }), jsxRuntime.jsx(tooltip.TooltipContent, { sideOffset: 0, arrow: true, children: tooltip$1 })] }));
-});
-IconButton.displayName = "IconButton";
-
-exports.IconButton = IconButton;

package/dist/cjs/components/buttons/toggle/toggle.js

@@ -1,39 +0,0 @@
-"use client";
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('../../../node_modules/@radix-ui/react-toggle/dist/index.js');
-var index = require('../../../node_modules/class-variance-authority/dist/index.js');
-var utils = require('../../../lib/utils.js');
-
-const toggleVariants = index.cva([
-    "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap",
-    "data-[state=on]:bg-accent",
-    "data-[state=on]:text-accent-foreground",
-    "focusable aria-invalid-state non-interactive-inner-svg",
-], {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
-        },
-        size: {
-            default: "h-9 px-2 min-w-9",
-            sm: "h-8 px-1.5 min-w-8",
-            lg: "h-10 px-2.5 min-w-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Toggle = (_a) => {
-    var { className, variant, size } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size"]);
-    return jsxRuntime.jsx(index$1.Root, Object.assign({ "data-slot": "toggle", className: utils.cn(toggleVariants({ variant, size }), className) }, props));
-};
-Toggle.displayName = "Toggle";
-
-exports.Toggle = Toggle;
-exports.toggleVariants = toggleVariants;

package/dist/cjs/components/buttons/toggle-group/toggle-group.js

@@ -1,31 +0,0 @@
-"use client";
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../../../node_modules/@radix-ui/react-toggle-group/dist/index.js');
-var utils = require('../../../lib/utils.js');
-var toggle = require('../toggle/toggle.js');
-
-const ToggleGroupContext = React.createContext({
-    size: "default",
-    variant: "default",
-});
-const ToggleGroup = (_a) => {
-    var { className, variant, size, children } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size", "children"]);
-    return (jsxRuntime.jsx(index.Root, Object.assign({ "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: utils.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className) }, props, { children: jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
-};
-ToggleGroup.displayName = "ToggleGroup";
-const ToggleGroupItem = (_a) => {
-    var { className, children, variant, size } = _a, props = tslib_es6.__rest(_a, ["className", "children", "variant", "size"]);
-    const context = React.useContext(ToggleGroupContext);
-    return (jsxRuntime.jsx(index.Item, Object.assign({ "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: utils.cn(toggle.toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size,
-        }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md", "focus:z-10 focus-visible:z-10", "data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className) }, props, { children: children })));
-};
-ToggleGroupItem.displayName = "ToggleGroupItem";
-
-exports.ToggleGroup = ToggleGroup;
-exports.ToggleGroupItem = ToggleGroupItem;

package/dist/cjs/components/forms/checkbox/checkbox.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../../../node_modules/@radix-ui/react-checkbox/dist/index.js');
-var index$1 = require('../../../node_modules/class-variance-authority/dist/index.js');
-var utils = require('../../../lib/utils.js');
-var icon = require('../../media/icon/icon.js');
-
-const checkboxVariants = index$1.cva([
-    "peer shrink-0 rounded-[4px] border shadow-xs transition-shadow",
-    "border-input dark:bg-input/30",
-    "focusable aria-invalid-state",
-    "disabled:cursor-not-allowed disabled:opacity-50",
-], {
-    variants: {
-        size: {
-            default: "size-4",
-            sm: "size-3.5",
-            lg: "size-5",
-        },
-    },
-    defaultVariants: {
-        size: "default",
-    },
-});
-const checkboxIndicatorVariants = index$1.cva(["flex items-center justify-center text-current transition-none"], {
-    variants: {
-        size: {
-            default: "size-3.5",
-            sm: "size-3",
-            lg: "size-4",
-        },
-    },
-    defaultVariants: {
-        size: "default",
-    },
-});
-const Checkbox = React.forwardRef((_a, ref) => {
-    var { className, checked, onChange, onCheckedChange, indeterminate = false, size } = _a, props = tslib_es6.__rest(_a, ["className", "checked", "onChange", "onCheckedChange", "indeterminate", "size"]);
-    return (jsxRuntime.jsx(index.Checkbox, Object.assign({ ref: ref, "data-slot": "checkbox", checked: checked, onCheckedChange: onCheckedChange || onChange, className: utils.cn(checkboxVariants({ size }), [
-            "data-[state=checked]:bg-primary",
-            "data-[state=checked]:text-primary-foreground",
-            "dark:data-[state=checked]:bg-primary",
-            "data-[state=checked]:border-primary",
-        ], className) }, props, { children: jsxRuntime.jsx(index.CheckboxIndicator, { "data-slot": "checkbox-indicator", className: utils.cn(checkboxIndicatorVariants({ size })), children: indeterminate ? (jsxRuntime.jsx(icon.Icon, { name: "minus", size: 16 })) : (checked && jsxRuntime.jsx(icon.Icon, { name: "check", size: 16, className: utils.cn(checkboxIndicatorVariants({ size })) })) }) })));
-});
-Checkbox.displayName = "Checkbox";
-
-exports.Checkbox = Checkbox;

package/dist/cjs/components/forms/form/form-control.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var index_esm = require('../../../node_modules/react-hook-form/dist/index.esm.js');
-var form = require('./form.js');
-
-function FormControl(_a) {
-    var { name, label, description, showMessage = true, children } = _a, props = tslib_es6.__rest(_a, ["name", "label", "description", "showMessage", "children"]);
-    const form$1 = index_esm.useFormContext();
-    if (!form$1) {
-        throw new Error("FormControl must be used within a Form component");
-    }
-    return (jsxRuntime.jsx(form.FormField, { control: form$1.control, name: name, render: ({ field }) => (jsxRuntime.jsxs(form.FormItem, Object.assign({}, props, { children: [label && jsxRuntime.jsx(form.FormLabel, { children: label }), jsxRuntime.jsx(form.FormFieldControl, Object.assign({}, field, { children: children })), description && jsxRuntime.jsx(form.FormDescription, { children: description }), showMessage && jsxRuntime.jsx(form.FormMessage, {})] }))) }));
-}
-
-exports.FormControl = FormControl;

package/dist/cjs/components/forms/form/form.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
-var index_esm = require('../../../node_modules/react-hook-form/dist/index.esm.js');
-var React = require('react');
-var utils = require('../../../lib/utils.js');
-var label = require('../label/label.js');
-
-const Form = index_esm.FormProvider;
-const FormFieldContext = React.createContext({});
-const FormField = (_a) => {
-    var props = tslib_es6.__rest(_a, []);
-    return (jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: jsxRuntime.jsx(index_esm.Controller, Object.assign({}, props)) }));
-};
-const FormItemContext = React.createContext({});
-const useFormField = () => {
-    const fieldContext = React.useContext(FormFieldContext);
-    const itemContext = React.useContext(FormItemContext);
-    const { getFieldState } = index_esm.useFormContext();
-    const formState = index_esm.useFormState({ name: fieldContext.name });
-    const fieldState = getFieldState(fieldContext.name, formState);
-    if (!fieldContext) {
-        throw new Error("useFormField should be used within <FormField>");
-    }
-    const { id } = itemContext;
-    return Object.assign({ id, name: fieldContext.name, formItemId: `${id}-form-item`, formDescriptionId: `${id}-form-item-description`, formMessageId: `${id}-form-item-message` }, fieldState);
-};
-function FormItem(_a) {
-    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    const id = React.useId();
-    return (jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: jsxRuntime.jsx("div", Object.assign({ "data-slot": "form-item", className: utils.cn("grid gap-2", className) }, props)) }));
-}
-function FormLabel(_a) {
-    var { className, weight = "bold" } = _a, props = tslib_es6.__rest(_a, ["className", "weight"]);
-    const { error, formItemId } = useFormField();
-    return (jsxRuntime.jsx(label.Label, Object.assign({ "data-slot": "form-label", "data-error": !!error, className: utils.cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, weight: weight }, props)));
-}
-function FormFieldControl(_a) {
-    var props = tslib_es6.__rest(_a, []);
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return (jsxRuntime.jsx(index.Root, Object.assign({ "data-slot": "form-control", id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error }, props)));
-}
-function FormDescription(_a) {
-    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    const { formDescriptionId } = useFormField();
-    return (jsxRuntime.jsx("p", Object.assign({ "data-slot": "form-description", id: formDescriptionId, className: utils.cn("text-muted-foreground text-sm", className) }, props)));
-}
-function FormMessage(_a) {
-    var _b;
-    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    const { error, formMessageId } = useFormField();
-    const body = error ? String((_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : "") : props.children;
-    if (!body) {
-        return null;
-    }
-    return (jsxRuntime.jsx("p", Object.assign({ "data-slot": "form-message", id: formMessageId, className: utils.cn("text-destructive text-sm", className) }, props, { children: body })));
-}
-
-exports.Form = Form;
-exports.FormDescription = FormDescription;
-exports.FormField = FormField;
-exports.FormFieldControl = FormFieldControl;
-exports.FormItem = FormItem;
-exports.FormLabel = FormLabel;
-exports.FormMessage = FormMessage;
-exports.useFormField = useFormField;