@fragment-build/ui 1.14.2 → 2.0.0

package/dist/components/chart/Chart.stories.js

@@ -1,7 +1,7 @@
-import { Chart } from "./Chart";
+import { Chart } from './Chart';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "components/Chart",
+    title: 'components/Chart',
     component: Chart,
     tags: ['autodocs'],
 };
@@ -18,9 +18,9 @@ export const Area = {
         },
         series: [
             {
-                name: "New users",
+                name: 'New users',
                 data: [6500, 6418, 6456, 6526, 6356, 6456],
-                color: "#1A56DB",
+                color: '#1A56DB',
             },
         ],
     },
@@ -31,14 +31,14 @@ export const Line = {
         height: '500px',
         series: [
             {
-                name: "Clicks",
+                name: 'Clicks',
                 data: [6500, 6418, 6456, 6526, 6356, 6456],
-                color: "#1A56DB",
+                color: '#1A56DB',
             },
             {
-                name: "CPC",
+                name: 'CPC',
                 data: [6456, 6356, 6526, 6332, 6418, 6500],
-                color: "#7E3AF2",
+                color: '#7E3AF2',
             },
         ],
     },
@@ -49,29 +49,29 @@ export const Column = {
         height: '500px',
         series: [
             {
-                name: "Organic",
-                color: "#1A56DB",
+                name: 'Organic',
+                color: '#1A56DB',
                 data: [
-                    { x: "Mon", y: 231 },
-                    { x: "Tue", y: 122 },
-                    { x: "Wed", y: 63 },
-                    { x: "Thu", y: 421 },
-                    { x: "Fri", y: 122 },
-                    { x: "Sat", y: 323 },
-                    { x: "Sun", y: 111 },
+                    { x: 'Mon', y: 231 },
+                    { x: 'Tue', y: 122 },
+                    { x: 'Wed', y: 63 },
+                    { x: 'Thu', y: 421 },
+                    { x: 'Fri', y: 122 },
+                    { x: 'Sat', y: 323 },
+                    { x: 'Sun', y: 111 },
                 ],
             },
             {
-                name: "Social media",
-                color: "#FDBA8C",
+                name: 'Social media',
+                color: '#FDBA8C',
                 data: [
-                    { x: "Mon", y: 232 },
-                    { x: "Tue", y: 113 },
-                    { x: "Wed", y: 341 },
-                    { x: "Thu", y: 224 },
-                    { x: "Fri", y: 522 },
-                    { x: "Sat", y: 411 },
-                    { x: "Sun", y: 243 },
+                    { x: 'Mon', y: 232 },
+                    { x: 'Tue', y: 113 },
+                    { x: 'Wed', y: 341 },
+                    { x: 'Thu', y: 224 },
+                    { x: 'Fri', y: 522 },
+                    { x: 'Sat', y: 411 },
+                    { x: 'Sun', y: 243 },
                 ],
             },
         ],
@@ -85,21 +85,21 @@ export const Bar = {
             tooltip: {
                 y: {
                     formatter: function (value) {
-                        return "$" + value;
+                        return '$' + value;
                     }
                 }
             },
         },
         series: [
             {
-                name: "Income",
-                color: "#31C48D",
+                name: 'Income',
+                color: '#31C48D',
                 data: [1420, 1620, 1820, 1420, 1650, 2120],
             },
             {
-                name: "Expense",
+                name: 'Expense',
                 data: [788, 810, 866, 788, 1100, 1200],
-                color: "#F05252",
+                color: '#F05252',
             }
         ]
     },
@@ -109,18 +109,18 @@ export const Pie = {
         type: 'pie',
         height: '500px',
         options: {
-            labels: ["Direct", "Organic search", "Referrals"],
+            labels: ['Direct', 'Organic search', 'Referrals'],
             yaxis: {
                 labels: {
                     formatter: function (value) {
-                        return value + "%";
+                        return value + '%';
                     },
                 },
             },
             xaxis: {
                 labels: {
                     formatter: function (value) {
-                        return value + "%";
+                        return value + '%';
                     },
                 },
             }
@@ -133,13 +133,13 @@ export const Donut = {
         type: 'donut',
         height: '500px',
         options: {
-            labels: ["Direct", "Sponsor", "Affiliate", "Email marketing"],
+            labels: ['Direct', 'Sponsor', 'Affiliate', 'Email marketing'],
             plotOptions: {
                 pie: {
                     donut: {
                         labels: {
                             total: {
-                                label: "Unique visitors",
+                                label: 'Unique visitors',
                                 formatter: function (w) {
                                     const sum = w.globals.seriesTotals.reduce((a, b) => {
                                         return a + b;
@@ -149,7 +149,7 @@ export const Donut = {
                             },
                             value: {
                                 formatter: function (value) {
-                                    return value + "k";
+                                    return value + 'k';
                                 },
                             }
                         }
@@ -159,14 +159,14 @@ export const Donut = {
             yaxis: {
                 labels: {
                     formatter: function (value) {
-                        return value + "k";
+                        return value + 'k';
                     },
                 },
             },
             xaxis: {
                 labels: {
                     formatter: function (value) {
-                        return value + "k";
+                        return value + 'k';
                     },
                 },
             },
@@ -179,7 +179,7 @@ export const Radial = {
         type: 'radial',
         height: '500px',
         options: {
-            labels: ["Done", "In progress", "To do"],
+            labels: ['Done', 'In progress', 'To do'],
             yaxis: {
                 labels: {
                     formatter: function (value) {

package/dist/components/color-input/ColorInput.d.ts

@@ -1,4 +1,4 @@
-import type { InputProps } from '@nextui-org/react';
+import type { InputProps } from '@heroui/react';
 /**
  * Primary UI component for selecting a color
  */

package/dist/components/color-input/ColorInput.js

@@ -3,7 +3,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { Avatar, Input } from '../base';
 import { withFragment } from '../../withFragment';
 ;
-export const ColorInput = withFragment(({ defaultValue, placeholderValue, label = 'Color', errorMessage = "Please enter a valid color in hex format e.g. #f3f or #ff33ff", onValueChange, isInvalid, value: controlledValue, placeholder, ...rest }) => {
+export const ColorInput = withFragment(({ defaultValue, placeholderValue, label = 'Color', errorMessage = 'Please enter a valid color in hex format e.g. #f3f or #ff33ff', onValueChange, isInvalid, value: controlledValue, placeholder, ...rest }) => {
     const [value, setValue] = useState(controlledValue || defaultValue);
     useEffect(() => onValueChange && onValueChange(value || ''), [value, onValueChange]);
     useEffect(() => setValue(controlledValue), [controlledValue]);

package/dist/components/color-input/ColorInput.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ColorInput } from "./ColorInput";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ColorInput } from './ColorInput';
 declare const meta: Meta<typeof ColorInput>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/color-input/ColorInput.stories.js

@@ -1,9 +1,9 @@
-import { ColorInput } from "./ColorInput";
+import { ColorInput } from './ColorInput';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "components/ColorInput",
+    title: 'components/ColorInput',
     component: ColorInput,
-    tags: ["autodocs"],
+    tags: ['autodocs'],
 };
 export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args

package/dist/components/color-selector/ColorSelector.d.ts

@@ -1,4 +1,4 @@
-import { type AvatarProps } from '@nextui-org/react';
+import { type AvatarProps } from '@heroui/react';
 /**
  * Primary UI component for selecting a color
  */

package/dist/components/color-selector/ColorSelector.js

@@ -10,6 +10,6 @@ export const ColorSelector = withFragment(({ values, value: controlledValue, def
             return;
         setValue(controlledValue);
     }, [controlledValue]);
-    return (_jsx("div", { className: 'flex gap-3', children: values.map((color) => (_jsx(Button, { radius: "full", size: rest.size, isIconOnly: true, disableRipple: true, className: "overflow-visible", children: _jsx(Avatar, { showFallback: true, fallback: value === color && icon ? icon : _jsx(_Fragment, {}), style: { backgroundColor: color }, classNames: { base: 'shrink-0' }, isBordered: value === color, onClick: () => setValue(color), ...rest }) }))) }));
+    return (_jsx("div", { className: "flex gap-3", children: values.map((color) => (_jsx(Button, { radius: "full", size: rest.size, isIconOnly: true, disableRipple: true, className: "overflow-visible", children: _jsx(Avatar, { showFallback: true, fallback: value === color && icon ? icon : _jsx(_Fragment, {}), style: { backgroundColor: color }, classNames: { base: 'shrink-0' }, isBordered: value === color, onClick: () => setValue(color), ...rest }) }))) }));
 }, 'colorSelector');
 //# sourceMappingURL=ColorSelector.js.map

package/dist/components/color-selector/ColorSelector.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ColorSelector } from "./ColorSelector";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ColorSelector } from './ColorSelector';
 declare const meta: Meta<typeof ColorSelector>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/color-selector/ColorSelector.stories.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ColorSelector } from "./ColorSelector";
-import { IconCheck } from "@tabler/icons-react";
+import { ColorSelector } from './ColorSelector';
+import { IconCheck } from '@tabler/icons-react';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "components/ColorSelector",
+    title: 'components/ColorSelector',
     component: ColorSelector,
-    tags: ["autodocs"],
+    tags: ['autodocs'],
 };
 export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args

package/dist/components/grid/Grid.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { tv } from '@nextui-org/react';
+import { tv } from '@heroui/react';
 const grid = tv({
     slots: {
         base: 'grid gap-6 grid-flow-row-dense',

package/dist/components/grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAWvC,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,KAAK,EAAE;QACL,IAAI,EAAE,gCAAgC;KACvC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,IAAI,EAAE,aAAa;aACpB;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,4BAA4B;aACnC;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,4CAA4C;aACnD;SACF;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,cAAK,SAAS,EAAE,IAAI,EAAE,YAAG,QAAQ,GAAO,CAAC;AAClD,CAAC,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAWnC,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,KAAK,EAAE;QACL,IAAI,EAAE,gCAAgC;KACvC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,IAAI,EAAE,aAAa;aACpB;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,4BAA4B;aACnC;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,4CAA4C;aACnD;SACF;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,cAAK,SAAS,EAAE,IAAI,EAAE,YAAG,QAAQ,GAAO,CAAC;AAClD,CAAC,CAAC"}

package/dist/components/grid/Grid.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Grid } from "./Grid";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Grid } from './Grid';
 declare const meta: Meta<typeof Grid>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/grid/Grid.stories.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from "./Grid";
+import { Grid } from './Grid';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "components/Grid",
+    title: 'components/Grid',
     component: Grid,
-    tags: ["autodocs"],
+    tags: ['autodocs'],
 };
 export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args

package/dist/components/multi-switch/MultiSwitch.d.ts

@@ -1,4 +1,4 @@
-import { ButtonGroupProps } from '@nextui-org/react';
+import { ButtonGroupProps } from '@heroui/react';
 /**
  * Primary UI component for selecting a color
  */

package/dist/components/multi-switch/MultiSwitch.js

@@ -3,7 +3,7 @@ import { forwardRef, useEffect, useState } from 'react';
 import { Button, ButtonGroup } from '../base';
 import { withFragment } from '../../withFragment';
 import { IconCheck, IconSlash, IconX } from '@tabler/icons-react';
-import { tv } from '@nextui-org/react';
+import { tv } from '@heroui/react';
 const multiSwitch = tv({
     slots: {
         button: 'min-w-0',
@@ -26,6 +26,6 @@ export const MultiSwitch = withFragment(forwardRef(({ defaultValue, onValueChang
     const [value, setValue] = useState(defaultValue ?? 0);
     const { button } = multiSwitch({ size });
     useEffect(() => onValueChange && onValueChange(value), [value, onValueChange]);
-    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: ref, value: value, type: "number", className: "hidden", min: 0, max: 2, required: true }), _jsxs(ButtonGroup, { size: size, ...props, children: [_jsx(Button, { className: button(), onClick: () => setValue(0), ...value === 0 ? { color: 'danger' } : {}, children: _jsx(IconX, { size: 20 }) }), _jsx(Button, { className: button(), onClick: () => setValue(1), ...value === 1 ? { color: 'default', variant: 'solid' } : {}, children: _jsx(IconSlash, { size: 20 }) }), _jsx(Button, { className: button(), onClick: () => setValue(2), ...value === 2 ? { color: 'success' } : {}, children: _jsx(IconCheck, { size: 20 }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: ref, value: value, type: "number", className: "hidden", min: 0, max: 2, required: true }), _jsxs(ButtonGroup, { size: size, ...props, children: [_jsx(Button, { className: button(), onPress: () => setValue(0), ...value === 0 ? { color: 'danger' } : {}, children: _jsx(IconX, { size: 20 }) }), _jsx(Button, { className: button(), onPress: () => setValue(1), ...value === 1 ? { color: 'default', variant: 'solid' } : {}, children: _jsx(IconSlash, { size: 20 }) }), _jsx(Button, { className: button(), onPress: () => setValue(2), ...value === 2 ? { color: 'success' } : {}, children: _jsx(IconCheck, { size: 20 }) })] })] }));
 }), 'multiSwitch');
 //# sourceMappingURL=MultiSwitch.js.map

package/dist/components/multi-switch/MultiSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSwitch.js","sourceRoot":"","sources":["../../../src/components/multi-switch/MultiSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAoB,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAWzD,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAqC,CAAC,EACtF,YAAY,EACZ,aAAa,EACb,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,OAAO,CACL,8BACE,gBAAO,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,SAAG,EAC3F,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,aAChC,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EACjI,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EACxJ,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,IAC1H,IACb,CACJ,CAAC;AACJ,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC"}
+{"version":3,"file":"MultiSwitch.js","sourceRoot":"","sources":["../../../src/components/multi-switch/MultiSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAoB,EAAE,EAAE,MAAM,eAAe,CAAC;AAWrD,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAqC,CAAC,EACtF,YAAY,EACZ,aAAa,EACb,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,OAAO,CACL,8BACE,gBAAO,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,SAAG,EAC3F,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,aAChC,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EACjI,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EACxJ,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,IAC1H,IACb,CACJ,CAAC;AACJ,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/multi-switch/MultiSwitch.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { MultiSwitch } from "./MultiSwitch";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { MultiSwitch } from './MultiSwitch';
 declare const meta: Meta<typeof MultiSwitch>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/multi-switch/MultiSwitch.stories.js

@@ -1,9 +1,9 @@
-import { MultiSwitch } from "./MultiSwitch";
+import { MultiSwitch } from './MultiSwitch';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "components/MultiSwitch",
+    title: 'components/MultiSwitch',
     component: MultiSwitch,
-    tags: ["autodocs"],
+    tags: ['autodocs'],
 };
 export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args

package/dist/components/theme-switch/ThemeSwitch.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@nextui-org/react';
+import { ButtonProps } from '@heroui/react';
 /**
  * Primary UI component for selecting a color
  */

package/dist/components/theme-switch/ThemeSwitch.js

@@ -11,6 +11,6 @@ export const ThemeSwitch = (props) => {
     }, []);
     if (!mounted)
         return null;
-    return (_jsx(Button, { isIconOnly: true, size: "sm", onClick: () => setTheme(theme === 'light' ? 'dark' : 'light'), ...props, children: theme === 'light' ? _jsx(IconSun, { size: 18 }) : _jsx(IconMoon, { size: 18 }) }));
+    return (_jsx(Button, { isIconOnly: true, size: "sm", onPress: () => setTheme(theme === 'light' ? 'dark' : 'light'), ...props, children: theme === 'light' ? _jsx(IconSun, { size: 18 }) : _jsx(IconMoon, { size: 18 }) }));
 };
 //# sourceMappingURL=ThemeSwitch.js.map

package/dist/components/theme-switch/ThemeSwitch.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ThemeSwitch } from "./ThemeSwitch";
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ThemeSwitch } from './ThemeSwitch';
 declare const meta: Meta<typeof ThemeSwitch>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/theme-switch/ThemeSwitch.stories.js

@@ -1,9 +1,9 @@
-import { ThemeSwitch } from "./ThemeSwitch";
+import { ThemeSwitch } from './ThemeSwitch';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "components/ThemeSwitch",
+    title: 'components/ThemeSwitch',
     component: ThemeSwitch,
-    tags: ["autodocs"],
+    tags: ['autodocs'],
 };
 export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args

package/dist/context.d.ts

@@ -1,19 +1,22 @@
-import { AccordionItemProps, AccordionProps, AutocompleteItemProps, AutocompleteProps, AutocompleteSectionProps, AvatarGroupProps, AvatarProps, BadgeProps, BreadcrumbsProps, ButtonGroupProps, ButtonProps, CardProps, CheckboxGroupProps, CheckboxProps, ChipProps, CircularProgressProps, CodeProps, DividerProps, DropdownItemProps, DropdownMenuProps, DropdownProps, DropdownSectionProps, DropdownTriggerProps, ImageProps, InputProps, KbdProps, LinkProps, ListboxItemProps, ListboxProps, ListboxSectionProps, ModalBodyProps, ModalContentProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarBrandProps, NavbarContentProps, NavbarItemProps, NavbarMenuItemProps, NavbarMenuToggleProps, NavbarProps, PaginationCursorProps, PaginationItemProps, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupProps, RadioProps, ScrollShadowProps, SelectItemProps, SelectProps, SelectSectionProps, SkeletonProps, SliderProps, SnippetProps, SpacerProps, SpinnerProps, SwitchProps, TabItemProps, TableBodyProps, TableCellProps, TableColumnProps, TableHeaderProps, TableProps, TableRowProps, TabsProps, TextAreaProps, TooltipProps, UserProps } from "@nextui-org/react";
-import type { Props as ApexChartProps } from "react-apexcharts";
-import { ChartProps, ColorInputProps, ColorSelectorProps, MultiSwitchProps } from "./components";
+import { AccordionItemProps, AccordionProps, AlertProps, AutocompleteItemProps, AutocompleteProps, AutocompleteSectionProps, AvatarGroupProps, AvatarProps, BadgeProps, BreadcrumbsProps, ButtonGroupProps, ButtonProps, CalendarProps, CardProps, CheckboxGroupProps, CheckboxProps, ChipProps, CircularProgressProps, CodeProps, DateInputProps, DatePickerProps, DateRangePickerProps, DividerProps, DrawerBodyProps, DrawerContentProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DropdownItemProps, DropdownMenuProps, DropdownProps, DropdownSectionProps, DropdownTriggerProps, ImageProps, InputOtpProps, InputProps, KbdProps, LinkProps, ListboxItemProps, ListboxProps, ListboxSectionProps, ModalBodyProps, ModalContentProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarBrandProps, NavbarContentProps, NavbarItemProps, NavbarMenuItemProps, NavbarMenuToggleProps, NavbarProps, NumberInputProps, PaginationCursorProps, PaginationItemProps, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupProps, RadioProps, RangeCalendarProps, ScrollShadowProps, SelectItemProps, SelectProps, SelectSectionProps, SkeletonProps, SliderProps, SnippetProps, SpacerProps, SpinnerProps, SwitchProps, TabItemProps, TableBodyProps, TableCellProps, TableColumnProps, TableHeaderProps, TableProps, TableRowProps, TabsProps, TextAreaProps, TimeInputProps, ToastProps, TooltipProps, UserProps } from '@heroui/react';
+import type { Props as ApexChartProps } from 'react-apexcharts';
+import { ChartProps, ColorInputProps, ColorSelectorProps, MultiSwitchProps } from './components';
+import { FormProps, FormSectionProps } from './fragments';
 export interface FragmentUIContext {
     defaults: {
-        avatar?: Partial<AvatarProps>;
-        avatarGroup?: Partial<AvatarGroupProps>;
         accordion?: Partial<AccordionProps>;
         accordionItem?: Partial<AccordionItemProps>;
+        alert?: Partial<AlertProps>;
         autocomplete?: Partial<AutocompleteProps>;
         autocompleteItem?: Partial<AutocompleteItemProps>;
         autocompleteSection?: Partial<AutocompleteSectionProps>;
+        avatar?: Partial<AvatarProps>;
+        avatarGroup?: Partial<AvatarGroupProps>;
         badge?: Partial<BadgeProps>;
+        breadcrumbs?: Partial<BreadcrumbsProps>;
         button?: Partial<ButtonProps>;
         buttonGroup?: Partial<ButtonGroupProps>;
-        breadcrumbs?: Partial<BreadcrumbsProps>;
+        calendar?: Partial<CalendarProps>;
         card?: Partial<CardProps>;
         chart?: Partial<Record<ChartProps['type'], Partial<Pick<ApexChartProps, 'options' | 'series'>>>>;
         checkbox?: Partial<CheckboxProps>;
@@ -23,14 +26,25 @@ export interface FragmentUIContext {
         code?: Partial<CodeProps>;
         colorInput?: Partial<ColorInputProps>;
         colorSelector?: Partial<ColorSelectorProps>;
+        dateInput?: Partial<DateInputProps>;
+        datePicker?: Partial<DatePickerProps>;
+        dateRangePicker?: Partial<DateRangePickerProps>;
         divider?: Partial<DividerProps>;
+        drawer?: Partial<DrawerProps>;
+        drawerBody?: Partial<DrawerBodyProps>;
+        drawerContent?: Partial<DrawerContentProps>;
+        drawerFooter?: Partial<DrawerFooterProps>;
+        drawerHeader?: Partial<DrawerHeaderProps>;
         dropdown?: Partial<DropdownProps>;
         dropdownItem?: Partial<DropdownItemProps>;
         dropdownMenu?: Partial<DropdownMenuProps>;
         dropdownSection?: Partial<DropdownSectionProps>;
         dropdownTrigger?: Partial<DropdownTriggerProps>;
+        form?: Partial<FormProps>;
+        formSection?: Partial<FormSectionProps>;
         image?: Partial<ImageProps>;
         input?: Partial<InputProps>;
+        inputOtp?: Partial<InputOtpProps>;
         kbd?: Partial<KbdProps>;
         link?: Partial<LinkProps>;
         listbox?: Partial<ListboxProps>;
@@ -48,6 +62,7 @@ export interface FragmentUIContext {
         navbarItem?: Partial<NavbarItemProps>;
         navbarMenuItem?: Partial<NavbarMenuItemProps>;
         navbarMenuToggle?: Partial<NavbarMenuToggleProps>;
+        numberInput?: Partial<NumberInputProps>;
         pagination?: Partial<PaginationProps>;
         paginationItem?: Partial<PaginationItemProps>;
         paginationCursor?: Partial<PaginationCursorProps>;
@@ -57,16 +72,17 @@ export interface FragmentUIContext {
         progress?: Partial<ProgressProps>;
         radio?: Partial<RadioProps>;
         radioGroup?: Partial<RadioGroupProps>;
+        rangeCalendar?: Partial<RangeCalendarProps>;
+        scrollShadow?: Partial<ScrollShadowProps>;
         select?: Partial<SelectProps>;
         selectItem?: Partial<SelectItemProps>;
         selectSection?: Partial<SelectSectionProps>;
         skeleton?: Partial<SkeletonProps>;
+        slider?: Partial<SliderProps>;
         snippet?: Partial<SnippetProps>;
-        scrollShadow?: Partial<ScrollShadowProps>;
         spacer?: Partial<SpacerProps>;
         spinner?: Partial<SpinnerProps>;
         switch?: Partial<SwitchProps>;
-        slider?: Partial<SliderProps>;
         table?: Partial<TableProps>;
         tableBody?: Partial<TableBodyProps<unknown>>;
         tableCell?: Partial<TableCellProps>;
@@ -76,6 +92,8 @@ export interface FragmentUIContext {
         tab?: Partial<TabItemProps>;
         tabs?: Partial<TabsProps>;
         textArea?: Partial<TextAreaProps>;
+        timeInput?: Partial<TimeInputProps>;
+        toast?: Partial<ToastProps>;
         tooltip?: Partial<TooltipProps>;
         user?: Partial<UserProps>;
     };