@fragment-build/ui 1.3.0 → 1.5.0

package/dist/components/chart/Chart.js

@@ -9,7 +9,7 @@ import { FragmentUIContext } from "../../context";
 export const Chart = (props) => {
     const context = useContext(FragmentUIContext);
     const defaults = context['defaults']['chart']?.[props.type];
-    const mergedProps = React.useMemo(() => defaultsDeep(structuredClone(props), defaults ?? {}), [props, defaults]);
+    const mergedProps = React.useMemo(() => defaultsDeep({ ...props }, defaults ?? {}), [props, defaults]);
     const [component, setComponent] = useState(_jsx("div", { style: { height: mergedProps.height, width: mergedProps.width }, className: "flex justify-center align-center", children: _jsx(Spinner, {}) }));
     useEffect(() => {
         const importComponent = async () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAmB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,SAAS,EAAC,kCAAkC,YAAC,KAAC,OAAO,KAAG,GAAM,CACrI,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;YACjC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;YAChD,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;YACjC,YAAY,CACV,KAAC,SAAS,OACJ,WAAW,EACf,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EACxD,KAAK,EAAE,KAAK,CAAC,KAAK,IAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GACpD,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE;QACD,WAAW;QACX,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI;QAC9B,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;QAChC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK;QAC/B,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK;KAC1B,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAmB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,SAAS,EAAC,kCAAkC,YAAC,KAAC,OAAO,KAAG,GAAM,CACrI,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;YACjC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;YAChD,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;YACjC,YAAY,CACV,KAAC,SAAS,OACJ,WAAW,EACf,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EACxD,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GACrD,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE;QACD,WAAW;QACX,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI;QAC9B,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;QAChC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK;QAC/B,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK;KAC1B,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}

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

@@ -11,6 +11,11 @@ export const Area = {
     args: {
         type: 'area',
         height: '500px',
+        options: {
+            xaxis: {
+                categories: ['01 February', '02 February', '03 February', '04 February', '05 February', '06 February', '07 February'],
+            }
+        },
         series: [
             {
                 name: "New users",
@@ -76,6 +81,15 @@ export const Bar = {
     args: {
         type: 'bar',
         height: '500px',
+        options: {
+            tooltip: {
+                y: {
+                    formatter: function (value) {
+                        return "$" + value;
+                    }
+                }
+            },
+        },
         series: [
             {
                 name: "Income",
@@ -94,6 +108,23 @@ export const Pie = {
     args: {
         type: 'pie',
         height: '500px',
+        options: {
+            labels: ["Direct", "Organic search", "Referrals"],
+            yaxis: {
+                labels: {
+                    formatter: function (value) {
+                        return value + "%";
+                    },
+                },
+            },
+            xaxis: {
+                labels: {
+                    formatter: function (value) {
+                        return value + "%";
+                    },
+                },
+            }
+        },
         series: [52.8, 26.8, 20.4],
     },
 };
@@ -101,6 +132,45 @@ export const Donut = {
     args: {
         type: 'donut',
         height: '500px',
+        options: {
+            labels: ["Direct", "Sponsor", "Affiliate", "Email marketing"],
+            plotOptions: {
+                pie: {
+                    donut: {
+                        labels: {
+                            total: {
+                                label: "Unique visitors",
+                                formatter: function (w) {
+                                    const sum = w.globals.seriesTotals.reduce((a, b) => {
+                                        return a + b;
+                                    }, 0);
+                                    return '$' + sum + 'k';
+                                },
+                            },
+                            value: {
+                                formatter: function (value) {
+                                    return value + "k";
+                                },
+                            }
+                        }
+                    }
+                }
+            },
+            yaxis: {
+                labels: {
+                    formatter: function (value) {
+                        return value + "k";
+                    },
+                },
+            },
+            xaxis: {
+                labels: {
+                    formatter: function (value) {
+                        return value + "k";
+                    },
+                },
+            },
+        },
         series: [35.1, 23.5, 2.4, 5.4],
     },
 };
@@ -108,6 +178,16 @@ export const Radial = {
     args: {
         type: 'radial',
         height: '500px',
+        options: {
+            labels: ["Done", "In progress", "To do"],
+            yaxis: {
+                labels: {
+                    formatter: function (value) {
+                        return value + '%';
+                    }
+                }
+            }
+        },
         series: [90, 85, 70],
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.stories.js","sourceRoot":"","sources":["../../../src/components/chart/Chart.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chart.stories.js","sourceRoot":"","sources":["../../../src/components/chart/Chart.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Primary UI component for selecting a color
+ */
+export interface GridProps {
+    children: React.ReactNode;
+    size: 'sm' | 'md' | 'lg';
+}
+export declare const Grid: React.FC<GridProps>;

package/dist/components/grid/Grid.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from '@nextui-org/react';
+const grid = tv({
+    slots: {
+        base: 'grid gap-6 grid-flow-row-dense',
+    },
+    variants: {
+        size: {
+            sm: {
+                base: 'grid-cols-1'
+            },
+            md: {
+                base: 'grid-cols-1 lg:grid-cols-2'
+            },
+            lg: {
+                base: 'grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3'
+            }
+        }
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+export const Grid = ({ children, ...props }) => {
+    const { base } = grid(props);
+    return _jsx("div", { className: base(), children: children });
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Grid } from "./Grid";
+declare const meta: Meta<typeof Grid>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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",
+    component: Grid,
+    tags: ["autodocs"],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Small = {
+    args: {
+        size: 'sm',
+        children: (_jsxs(_Fragment, { children: [_jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } })] })),
+    },
+};
+export const Medium = {
+    args: {
+        size: 'md',
+        children: (_jsxs(_Fragment, { children: [_jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } })] })),
+    },
+};
+export const Large = {
+    args: {
+        size: 'lg',
+        children: (_jsxs(_Fragment, { children: [_jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } }), _jsx("div", { style: { backgroundColor: 'lightblue', height: '250px' } })] })),
+    },
+};
+//# sourceMappingURL=Grid.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../src/components/grid/Grid.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qGAAqG;AACrG,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,CACR,8BACE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,IACpE,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,CACR,8BACE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,IACpE,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,CACR,8BACE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,EACrE,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAQ,IACpE,CACJ;KACF;CACF,CAAC"}

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './base';
 export * from './chart/Chart';
 export * from './color-input/ColorInput';
+export * from './grid/Grid';
 export * from './multi-switch/MultiSwitch';
 export * from './color-selector/ColorSelector';

package/dist/components/index.js

@@ -1,6 +1,7 @@
 export * from './base';
 export * from './chart/Chart';
 export * from './color-input/ColorInput';
+export * from './grid/Grid';
 export * from './multi-switch/MultiSwitch';
 export * from './color-selector/ColorSelector';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}

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

@@ -20,7 +20,7 @@ const multiSwitch = tv({
                 button: 'px-5'
             }
         }
-    }
+    },
 });
 export const MultiSwitch = withFragment(forwardRef(({ defaultValue, onValueChange, size = 'md', ...props }, ref) => {
     const [value, setValue] = useState(defaultValue ?? 0);

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,EACS,EAAE,GAAG,EAAE,EAAE;IAC1B,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,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"}

package/dist/context.js

@@ -29,6 +29,9 @@ export const defaultContext = {
                         toolbar: {
                             show: false,
                         },
+                        zoom: {
+                            enabled: false,
+                        },
                     },
                     tooltip: {
                         theme: 'dark',
@@ -50,7 +53,7 @@ export const defaultContext = {
                         enabled: false,
                     },
                     stroke: {
-                        width: 6,
+                        width: 3,
                     },
                     grid: {
                         show: false,
@@ -62,7 +65,6 @@ export const defaultContext = {
                         },
                     },
                     xaxis: {
-                        categories: ['01 February', '02 February', '03 February', '04 February', '05 February', '06 February', '07 February'],
                         labels: {
                             show: false,
                         },
@@ -94,6 +96,9 @@ export const defaultContext = {
                         animations: {
                             enabled: false
                         },
+                        zoom: {
+                            enabled: false,
+                        },
                     },
                     tooltip: {
                         theme: 'dark',
@@ -145,7 +150,6 @@ export const defaultContext = {
             },
             column: {
                 options: {
-                    colors: ["#1A56DB", "#FDBA8C"],
                     chart: {
                         type: "bar",
                         fontFamily: "Inter, sans-serif",
@@ -177,11 +181,6 @@ export const defaultContext = {
                             },
                         },
                     },
-                    stroke: {
-                        show: true,
-                        width: 0,
-                        colors: ["transparent"],
-                    },
                     grid: {
                         show: false,
                         strokeDashArray: 4,
@@ -259,18 +258,12 @@ export const defaultContext = {
                         theme: 'dark',
                         shared: true,
                         intersect: false,
-                        y: {
-                            formatter: function (value) {
-                                return "$" + value;
-                            }
-                        }
                     },
                     xaxis: {
                         labels: {
                             show: true,
                             style: {
                                 fontFamily: "Inter, sans-serif",
-                                cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
                             },
                             formatter: function (value) {
                                 return "$" + value;
@@ -289,7 +282,6 @@ export const defaultContext = {
                             show: true,
                             style: {
                                 fontFamily: "Inter, sans-serif",
-                                cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
                             }
                         }
                     },
@@ -306,46 +298,45 @@ export const defaultContext = {
             },
             pie: {
                 options: {
-                    colors: ["#1C64F2", "#16BDCA", "#9061F9"],
                     chart: {
-                        height: 420,
+                        height: "100%",
                         width: "100%",
                         type: "pie",
                     },
                     stroke: {
-                        colors: ["white"],
+                        width: 5,
                     },
                     plotOptions: {
                         pie: {
+                            expandOnClick: false,
                             dataLabels: {
                                 offset: -25,
                             }
                         },
                     },
-                    labels: ["Direct", "Organic search", "Referrals"],
                     dataLabels: {
                         enabled: true,
                         style: {
                             fontFamily: "Inter, sans-serif",
                         },
+                        background: {
+                            enabled: true,
+                            padding: 10,
+                            borderWidth: 0,
+                            borderRadius: 5,
+                            dropShadow: {
+                                enabled: true,
+                            }
+                        },
+                        dropShadow: {
+                            enabled: false,
+                        }
                     },
                     legend: {
                         position: "bottom",
                         fontFamily: "Inter, sans-serif",
                     },
-                    yaxis: {
-                        labels: {
-                            formatter: function (value) {
-                                return value + "%";
-                            },
-                        },
-                    },
                     xaxis: {
-                        labels: {
-                            formatter: function (value) {
-                                return value + "%";
-                            },
-                        },
                         axisTicks: {
                             show: false,
                         },
@@ -357,14 +348,13 @@ export const defaultContext = {
             },
             donut: {
                 options: {
-                    colors: ["#1C64F2", "#16BDCA", "#FDBA8C", "#E74694"],
                     chart: {
                         height: "100%",
                         width: "100%",
                         type: "donut",
                     },
                     stroke: {
-                        colors: ["transparent"],
+                        width: 5,
                     },
                     plotOptions: {
                         pie: {
@@ -379,22 +369,12 @@ export const defaultContext = {
                                     total: {
                                         showAlways: true,
                                         show: true,
-                                        label: "Unique visitors",
                                         fontFamily: "Inter, sans-serif",
-                                        formatter: function (w) {
-                                            const sum = w.globals.seriesTotals.reduce((a, b) => {
-                                                return a + b;
-                                            }, 0);
-                                            return '$' + sum + 'k';
-                                        },
                                     },
                                     value: {
                                         show: true,
                                         fontFamily: "Inter, sans-serif",
                                         offsetY: -20,
-                                        formatter: function (value) {
-                                            return value + "k";
-                                        },
                                     },
                                 },
                                 size: "80%",
@@ -406,7 +386,6 @@ export const defaultContext = {
                             top: -2,
                         },
                     },
-                    labels: ["Direct", "Sponsor", "Affiliate", "Email marketing"],
                     dataLabels: {
                         enabled: false,
                     },
@@ -414,19 +393,7 @@ export const defaultContext = {
                         position: "bottom",
                         fontFamily: "Inter, sans-serif",
                     },
-                    yaxis: {
-                        labels: {
-                            formatter: function (value) {
-                                return value + "k";
-                            },
-                        },
-                    },
                     xaxis: {
-                        labels: {
-                            formatter: function (value) {
-                                return value + "k";
-                            },
-                        },
                         axisTicks: {
                             show: false,
                         },
@@ -438,20 +405,19 @@ export const defaultContext = {
             },
             radial: {
                 options: {
-                    colors: ["#1C64F2", "#16BDCA", "#FDBA8C"],
                     chart: {
-                        height: "380px",
+                        height: "100%",
                         width: "100%",
                         type: "radialBar",
                         sparkline: {
                             enabled: true,
                         },
                     },
+                    stroke: {
+                        lineCap: 'round',
+                    },
                     plotOptions: {
                         radialBar: {
-                            track: {
-                                background: '#E5E7EB',
-                            },
                             dataLabels: {
                                 show: false,
                             },
@@ -471,13 +437,13 @@ export const defaultContext = {
                             bottom: -20,
                         },
                     },
-                    labels: ["Done", "In progress", "To do"],
                     legend: {
                         show: true,
                         position: "bottom",
                         fontFamily: "Inter, sans-serif",
                     },
                     tooltip: {
+                        theme: 'dark',
                         enabled: true,
                         x: {
                             show: false,
@@ -485,11 +451,6 @@ export const defaultContext = {
                     },
                     yaxis: {
                         show: false,
-                        labels: {
-                            formatter: function (value) {
-                                return value + '%';
-                            }
-                        }
                     }
                 },
             },

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"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"}

package/dist/fragments/form/FormSection.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tv } from "@nextui-org/react";
 const formSection = tv({
     slots: {
-        base: 'flex gap-4 py-6 border-t-1 border-default-100 max-w-3xl',
+        base: 'flex gap-4 py-6 border-t-1 border-default-100 max-w-3xl flex-col',
         content: 'flex flex-col gap-4 flex-1',
         info: 'flex-1',
         description: 'text-small text-foreground-500',
@@ -13,13 +13,10 @@ const formSection = tv({
     variants: {
         direction: {
             horizontal: {
-                base: 'flex-row',
-                content: 'items-end justify-center',
+                base: 'sm:flex-row',
+                content: 'sm:items-end sm:justify-center',
             },
-            vertical: {
-                base: 'flex-col',
-                content: 'items-start',
-            }
+            vertical: {},
         }
     },
     defaultVariants: {

package/dist/fragments/form/FormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AASvC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,yDAAyD;QAC/D,OAAO,EAAE,4BAA4B;QACrC,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,0BAA0B;aACpC;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,aAAa;aACvB;SACF;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEpF,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,EAAE,aACpB,eAAK,SAAS,EAAE,IAAI,EAAE,aACpB,uBAAK,KAAK,GAAM,EAChB,YAAG,SAAS,EAAE,kBAAkB,EAAE,YAAG,WAAW,GAAK,IACjD,EACN,cAAK,SAAS,EAAE,OAAO,EAAE,YACtB,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AASvC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,kEAAkE;QACxE,OAAO,EAAE,4BAA4B;QACrC,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,gCAAgC;aAC1C;YACD,QAAQ,EAAE,EAAE;SACb;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEpF,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,EAAE,aACpB,eAAK,SAAS,EAAE,IAAI,EAAE,aACpB,uBAAK,KAAK,GAAM,EAChB,YAAG,SAAS,EAAE,kBAAkB,EAAE,YAAG,WAAW,GAAK,IACjD,EACN,cAAK,SAAS,EAAE,OAAO,EAAE,YACtB,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/fragments/shell/Shell.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Sidebar } from '../sidebar/Sidebar';
 export const Shell = ({ sidebar, children }) => {
-    return (_jsxs("div", { className: `flex min-h-screen`, children: [_jsx(Sidebar, { ...sidebar }), _jsx("main", { className: "flex-1 px-6 lg:px-12 xl:px-20 py-14 max-w-screen-2xl min-w-0", children: children })] }));
+    return (_jsxs("div", { className: "flex min-h-screen", children: [_jsx(Sidebar, { ...sidebar }), _jsx("main", { className: "flex-1 px-6 lg:px-12 xl:px-20 py-14 max-w-screen-2xl", children: children })] }));
 };
 //# sourceMappingURL=Shell.js.map

package/dist/fragments/shell/Shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,oBAAoB,CAAC;AAW3D,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,eAAK,SAAS,EAAE,mBAAmB,aACjC,KAAC,OAAO,OAAK,OAAO,GAAI,EACxB,eAAM,SAAS,EAAC,8DAA8D,YAC3E,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,oBAAoB,CAAC;AAW3D,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,OAAO,OAAK,OAAO,GAAI,EACxB,eAAM,SAAS,EAAC,sDAAsD,YACnE,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/fragments/shell/Shell.stories.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { IconBox, IconBoxMultiple, IconHome, IconMessageCircle, } from "@tabler/icons-react";
 import { Shell } from "./Shell";
-import { Card, CardBody, Divider, Input, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tab, Tabs } from "../../components/base";
+import { Card, CardBody, Divider, Input, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tab, Tabs, BreadcrumbItem, Breadcrumbs, Textarea, Switch } from "../../components/base";
 import { FormSection } from "../form/FormSection";
 import { Widget } from "../widget/Widget";
+import { Chart, Grid } from "../../components";
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
     title: "fragments/Shell",
@@ -125,13 +126,151 @@ export const Auto = {
 export const WithTable = {
     args: {
         ...Primary.args,
-        children: (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Customers" }), _jsx("p", { className: "mt-2 text-foreground-500", children: "Blablabla" }), _jsx(Divider, { className: "my-4" }), _jsxs(Tabs, { "aria-label": "Options", children: [_jsx(Tab, { title: "Table", children: _jsxs(Table, { "aria-label": "Example static collection table", selectionMode: "multiple", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "NAME" }), _jsx(TableColumn, { children: "ROLE" }), _jsx(TableColumn, { children: "STATUS" })] }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Tony Reichert" }), _jsx(TableCell, { children: "CEO" }), _jsx(TableCell, { children: "Active" })] }, "1"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Zoey Lang" }), _jsx(TableCell, { children: "Technical Lead" }), _jsx(TableCell, { children: "Paused" })] }, "2"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Jane Fisher" }), _jsx(TableCell, { children: "Senior Developer" }), _jsx(TableCell, { children: "Active" })] }, "3"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "William Howard" }), _jsx(TableCell, { children: "Community Manager" }), _jsx(TableCell, { children: "Vacation" })] }, "4")] })] }) }, "table"), _jsx(Tab, { title: "Settings", children: _jsxs("form", { children: [_jsx("h2", { children: "First Section" }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx("h2", { children: "Second Section" }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) }), _jsx(FormSection, { title: "Title", description: "Description", children: _jsx(Input, {}) })] }) }, "settings"), _jsx(Tab, { title: "Videos", children: _jsx(Card, { children: _jsx(CardBody, { children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }) }) }, "videos")] })] })),
+        sidebar: Primary.args?.sidebar ? {
+            ...Primary.args.sidebar,
+            autoLayout: true,
+        } : undefined,
+        children: (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Customers" }), _jsx("p", { className: "mt-2 text-foreground-500", children: "Blablabla" }), _jsx(Divider, { className: "my-4" }), _jsxs(Tabs, { "aria-label": "Options", children: [_jsx(Tab, { title: "Table", children: _jsxs(Table, { "aria-label": "Example static collection table", selectionMode: "multiple", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "NAME" }), _jsx(TableColumn, { children: "ROLE" }), _jsx(TableColumn, { children: "STATUS" })] }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Tony Reichert" }), _jsx(TableCell, { children: "CEO" }), _jsx(TableCell, { children: "Active" })] }, "1"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Zoey Lang" }), _jsx(TableCell, { children: "Technical Lead" }), _jsx(TableCell, { children: "Paused" })] }, "2"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Jane Fisher" }), _jsx(TableCell, { children: "Senior Developer" }), _jsx(TableCell, { children: "Active" })] }, "3"), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "William Howard" }), _jsx(TableCell, { children: "Community Manager" }), _jsx(TableCell, { children: "Vacation" })] }, "4")] })] }) }, "table"), _jsx(Tab, { title: "Settings", children: _jsxs("form", { children: [_jsx("h2", { children: "First Section" }), _jsxs(FormSection, { title: "Name", description: "Description", direction: "horizontal", children: [_jsx(Input, { label: "First name" }), _jsx(Input, { label: "Last name" })] }), _jsx(FormSection, { title: "Biography", description: "Description", children: _jsx(Textarea, { label: "Biography", minRows: 6 }) }), _jsx(FormSection, { title: "Notifications", description: "Turn on/off email notifications.", direction: "horizontal", children: _jsx(Switch, {}) }), _jsx("h2", { children: "Second Section" }), _jsxs(FormSection, { title: "Title", description: "Description", direction: "horizontal", children: [_jsx(Input, { label: "First name" }), _jsx(Input, { label: "Last name" })] }), _jsxs(FormSection, { title: "Title", description: "Description", direction: "horizontal", children: [_jsx(Input, { label: "First name" }), _jsx(Input, { label: "Last name" })] })] }) }, "settings"), _jsx(Tab, { title: "Videos", children: _jsx(Card, { children: _jsx(CardBody, { children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }) }) }, "videos")] })] })),
     },
 };
 export const WithGrid = {
     args: {
         ...Primary.args,
-        children: (_jsxs(_Fragment, { children: [_jsx("h1", { children: "Customers" }), _jsx("p", { className: "mt-2 text-foreground-500", children: "Blablabla" }), _jsx(Divider, { className: "my-4" }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-4 gap-6", children: [_jsx(Widget, { title: "Bla", children: "Bla" }), _jsx(Widget, { title: "Bla", children: "Bla" }), _jsx(Widget, { title: "Bla", children: "Bla" }), _jsx(Widget, { title: "Bla", children: "Bla" })] })] })),
+        sidebar: Primary.args?.sidebar ? {
+            ...Primary.args.sidebar,
+            autoLayout: true,
+        } : undefined,
+        children: (_jsxs(_Fragment, { children: [_jsxs(Breadcrumbs, { children: [_jsx(BreadcrumbItem, { children: "Home" }), _jsx(BreadcrumbItem, { children: "Customers" })] }), _jsx("h1", { children: "Customers" }), _jsx("p", { className: "mt-2 text-foreground-500", children: "Blablabla" }), _jsx(Divider, { className: "my-4" }), _jsxs(Grid, { size: "lg", children: [_jsx(Widget, { title: "Analytics", size: "md", children: _jsx(Chart, { type: "line", series: [
+                                    {
+                                        name: "Clicks",
+                                        data: [6500, 6418, 6456, 6526, 6356, 6456],
+                                        color: "#1A56DB",
+                                    },
+                                    {
+                                        name: "CPC",
+                                        data: [6456, 6356, 6526, 6332, 6418, 6500],
+                                        color: "#7E3AF2",
+                                    },
+                                ], height: "350px" }) }), _jsx(Widget, { title: "Traffic", children: _jsx(Chart, { type: "pie", options: {
+                                    labels: ["Direct", "Organic search", "Referrals"],
+                                    yaxis: {
+                                        labels: {
+                                            formatter: function (value) {
+                                                return value + "%";
+                                            },
+                                        },
+                                    },
+                                    xaxis: {
+                                        labels: {
+                                            formatter: function (value) {
+                                                return value + "%";
+                                            },
+                                        },
+                                    }
+                                }, series: [52.8, 26.8, 20.4], height: "350px" }) }), _jsx(Widget, { title: "Origins", size: "md", children: _jsx(Chart, { type: "column", series: [
+                                    {
+                                        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 },
+                                        ],
+                                    },
+                                    {
+                                        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 },
+                                        ],
+                                    },
+                                ], height: "350px" }) }), _jsx(Widget, { title: "Cost", children: _jsx(Chart, { type: "bar", options: {
+                                    tooltip: {
+                                        y: {
+                                            formatter: function (value) {
+                                                return "$" + value;
+                                            }
+                                        }
+                                    },
+                                }, series: [
+                                    {
+                                        name: "Income",
+                                        color: "#31C48D",
+                                        data: [1420, 1620, 1820, 1420, 1650, 2120],
+                                    },
+                                    {
+                                        name: "Expense",
+                                        data: [788, 810, 866, 788, 1100, 1200],
+                                        color: "#F05252",
+                                    }
+                                ] }) }), _jsx(Widget, { title: "New Users", children: _jsx(Chart, { type: "area", options: {
+                                    xaxis: {
+                                        categories: ['01 February', '02 February', '03 February', '04 February', '05 February', '06 February', '07 February'],
+                                    }
+                                }, series: [
+                                    {
+                                        name: "New users",
+                                        data: [6500, 6418, 6456, 6526, 6356, 6456],
+                                        color: "#1A56DB",
+                                    },
+                                ] }) }), _jsx(Widget, { title: "Website traffic", children: _jsx(Chart, { type: "donut", options: {
+                                    labels: ["Direct", "Sponsor", "Affiliate", "Email marketing"],
+                                    plotOptions: {
+                                        pie: {
+                                            donut: {
+                                                labels: {
+                                                    total: {
+                                                        label: "Unique visitors",
+                                                        formatter: function (w) {
+                                                            const sum = w.globals.seriesTotals.reduce((a, b) => {
+                                                                return a + b;
+                                                            }, 0);
+                                                            return sum + 'k';
+                                                        },
+                                                    },
+                                                    value: {
+                                                        formatter: function (value) {
+                                                            return value + "k";
+                                                        },
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    },
+                                    yaxis: {
+                                        labels: {
+                                            formatter: function (value) {
+                                                return value + "k";
+                                            },
+                                        },
+                                    },
+                                    xaxis: {
+                                        labels: {
+                                            formatter: function (value) {
+                                                return value + "k";
+                                            },
+                                        },
+                                    },
+                                }, series: [35.1, 23.5, 2.4, 5.4], height: "350px" }) }), _jsx(Widget, { title: "New Users", children: _jsx(Chart, { type: "radial", options: {
+                                    labels: ["Done", "In progress", "To do"],
+                                    yaxis: {
+                                        labels: {
+                                            formatter: function (value) {
+                                                return value + '%';
+                                            }
+                                        }
+                                    }
+                                }, series: [90, 85, 70], height: "350px" }) })] })] })),
     },
 };
 //# sourceMappingURL=Shell.stories.js.map

package/dist/fragments/shell/Shell.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../src/fragments/shell/Shell.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,OAAO,EACP,eAAe,EACf,QAAQ,EACR,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,cAAc,EACd,WAAW,EACX,QAAQ,EACR,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE/C,qGAAqG;AACrG,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,MAAM;oBACZ,GAAG,EAAE,MAAM;oBACX,IAAI,EAAE,eAAe;oBACrB,WAAW,EAAE,WAAW;oBACxB,MAAM,EAAE;wBACN,GAAG,EAAE,iDAAiD;qBACvD;oBACD,aAAa,EAAE;wBACb;4BACE,KAAK,EAAE,YAAY;yBACpB;wBACD;4BACE,KAAK,EAAE,UAAU;yBAClB;wBACD;4BACE,KAAK,EAAE,uBAAuB;4BAC9B,WAAW,EAAE,IAAI;yBAClB;wBACD;4BACE,KAAK,EAAE,QAAQ;4BACf,KAAK,EAAE,QAAQ;yBAChB;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,GAAG,EAAE,QAAQ;oBACb,MAAM,EAAE,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG;iBACpC;gBACD;oBACE,IAAI,EAAE,YAAY;oBAClB,GAAG,EAAE,qBAAqB;oBAC1B,KAAK,EAAE,UAAU;oBACjB,UAAU,EAAE;wBACV;4BACE,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,GAAG;4BACT,IAAI,EAAE,KAAC,QAAQ,IAAC,MAAM,EAAE,GAAG,GAAI;yBAChC;wBACD;4BACE,KAAK,EAAE,aAAa;4BACpB,IAAI,EAAE,WAAW;4BACjB,IAAI,EAAE,KAAC,eAAe,IAAC,MAAM,EAAE,GAAG,GAAI;yBACvC;wBACD;4BACE,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,OAAO;4BACb,IAAI,EAAE,KAAC,iBAAiB,IAAC,MAAM,EAAE,GAAG,GAAI;yBACzC;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE,YAAY;oBAClB,GAAG,EAAE,qBAAqB;oBAC1B,KAAK,EAAE,UAAU;oBACjB,UAAU,EAAE;wBACV;4BACE,KAAK,EAAE,WAAW;4BAClB,IAAI,EAAE,aAAa;4BACnB,IAAI,EAAE,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,GAAI;yBAC/B;wBACD;4BACE,KAAK,EAAE,WAAW;4BAClB,IAAI,EAAE,aAAa;4BACnB,IAAI,EAAE,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,GAAI;yBAC/B;wBACD;4BACE,KAAK,EAAE,WAAW;4BAClB,IAAI,EAAE,aAAa;4BACnB,IAAI,EAAE,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,GAAI;yBAC/B;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,GAAG,EAAE,eAAe;oBACpB,MAAM,EAAE,CACN,KAAC,IAAI,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,YACvC,cACE,GAAG,EAAC,wBAAwB,EAC5B,SAAS,EAAC,qBAAqB,EAC/B,MAAM,EAAE,GAAG,EACX,GAAG,EAAC,0CAA0C,EAC9C,KAAK,EAAE,GAAG,GACV,GACG,CACR;oBACD,KAAK,EAAE,QAAQ;iBAChB;aACF;SACF;QACD,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/B,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO;YACvB,MAAM,EAAE,WAAW;SACpB,CAAC,CAAC,CAAC,SAAS;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/B,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO;YACvB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAC,SAAS;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/B,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO;YACvB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAC,SAAS;QACb,QAAQ,EAAE,CACR,8BACE,qCAAkB,EAClB,YAAG,SAAS,EAAC,0BAA0B,0BAAc,EACrD,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,MAAC,IAAI,kBAAY,SAAS,aACxB,KAAC,GAAG,IAAa,KAAK,EAAC,OAAO,YAC5B,MAAC,KAAK,kBACO,iCAAiC,EAC5C,aAAa,EAAC,UAAU,aAExB,MAAC,WAAW,eACV,KAAC,WAAW,uBAAmB,EAC/B,KAAC,WAAW,uBAAmB,EAC/B,KAAC,WAAW,yBAAqB,IACrB,EACd,MAAC,SAAS,eACR,MAAC,QAAQ,eACP,KAAC,SAAS,gCAA0B,EACpC,KAAC,SAAS,sBAAgB,EAC1B,KAAC,SAAS,yBAAmB,KAHjB,GAAG,CAIN,EACX,MAAC,QAAQ,eACP,KAAC,SAAS,4BAAsB,EAChC,KAAC,SAAS,iCAA2B,EACrC,KAAC,SAAS,yBAAmB,KAHjB,GAAG,CAIN,EACX,MAAC,QAAQ,eACP,KAAC,SAAS,8BAAwB,EAClC,KAAC,SAAS,mCAA6B,EACvC,KAAC,SAAS,yBAAmB,KAHjB,GAAG,CAIN,EACX,MAAC,QAAQ,eACP,KAAC,SAAS,iCAA2B,EACrC,KAAC,SAAS,oCAA8B,EACxC,KAAC,SAAS,2BAAqB,KAHnB,GAAG,CAIN,IACD,IACN,IAhCD,OAAO,CAiCV,EACN,KAAC,GAAG,IAAgB,KAAK,EAAC,UAAU,YAClC,2BACE,yCAAsB,EACtB,MAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,aACxE,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,GAAG,EAC5B,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,IACf,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,YACtD,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,CAAC,GAAI,GAC9B,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,EAAC,WAAW,EAAC,kCAAkC,EAAC,SAAS,EAAC,YAAY,YACtG,KAAC,MAAM,KAAG,GACE,EACd,0CAAuB,EACvB,MAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,aACzE,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,GAAG,EAC5B,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,IACf,EACd,MAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,aACzE,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,GAAG,EAC5B,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,IACf,IACT,IAtBA,UAAU,CAuBb,EACN,KAAC,GAAG,IAAc,KAAK,EAAC,QAAQ,YAC9B,KAAC,IAAI,cACH,KAAC,QAAQ,iIAGE,GACN,IANA,QAAQ,CAOX,IACD,IACN,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/B,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO;YACvB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAC,SAAS;QACb,QAAQ,EAAE,CACR,8BACE,MAAC,WAAW,eACV,KAAC,cAAc,uBAAsB,EACrC,KAAC,cAAc,4BAA2B,IAC9B,EACd,qCAAkB,EAClB,YAAG,SAAS,EAAC,0BAA0B,0BAAc,EACrD,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,aACb,KAAC,MAAM,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,YACjC,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAE;oCACN;wCACE,IAAI,EAAE,QAAQ;wCACd,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;wCAC1C,KAAK,EAAE,SAAS;qCACjB;oCACD;wCACE,IAAI,EAAE,KAAK;wCACX,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;wCAC1C,KAAK,EAAE,SAAS;qCACjB;iCACF,EACD,MAAM,EAAC,OAAO,GACd,GACK,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,YACrB,KAAC,KAAK,IACJ,IAAI,EAAC,KAAK,EACV,OAAO,EAAE;oCACP,MAAM,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,WAAW,CAAC;oCACjD,KAAK,EAAE;wCACL,MAAM,EAAE;4CACN,SAAS,EAAE,UAAU,KAAK;gDACxB,OAAO,KAAK,GAAG,GAAG,CAAA;4CACpB,CAAC;yCACF;qCACF;oCACD,KAAK,EAAE;wCACL,MAAM,EAAE;4CACN,SAAS,EAAE,UAAU,KAAK;gDACxB,OAAO,KAAK,GAAI,GAAG,CAAA;4CACrB,CAAC;yCACF;qCACF;iCACF,EACD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAC1B,MAAM,EAAC,OAAO,GACd,GACK,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,YAC/B,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE;oCACN;wCACE,IAAI,EAAE,SAAS;wCACf,KAAK,EAAE,SAAS;wCAChB,IAAI,EAAE;4CACJ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE;4CACnB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;yCACrB;qCACF;oCACD;wCACE,IAAI,EAAE,cAAc;wCACpB,KAAK,EAAE,SAAS;wCAChB,IAAI,EAAE;4CACJ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;4CACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;yCACrB;qCACF;iCACF,EACD,MAAM,EAAC,OAAO,GACd,GACK,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,MAAM,YAClB,KAAC,KAAK,IACJ,IAAI,EAAC,KAAK,EACV,OAAO,EAAE;oCACP,OAAO,EAAE;wCACP,CAAC,EAAE;4CACD,SAAS,EAAE,UAAU,KAAK;gDACxB,OAAO,GAAG,GAAG,KAAK,CAAA;4CACpB,CAAC;yCACF;qCACF;iCACF,EACD,MAAM,EAAE;oCACN;wCACE,IAAI,EAAE,QAAQ;wCACd,KAAK,EAAE,SAAS;wCAChB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;qCAC3C;oCACD;wCACE,IAAI,EAAE,SAAS;wCACf,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;wCACtC,KAAK,EAAE,SAAS;qCACjB;iCACF,GACD,GACK,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,WAAW,YACvB,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,OAAO,EAAE;oCACP,KAAK,EAAE;wCACL,UAAU,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC;qCACtH;iCACF,EACD,MAAM,EAAE;oCACN;wCACE,IAAI,EAAE,WAAW;wCACjB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;wCAC1C,KAAK,EAAE,SAAS;qCACjB;iCACF,GACD,GACK,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,iBAAiB,YAC7B,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;oCACP,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,CAAC;oCAC7D,WAAW,EAAE;wCACX,GAAG,EAAE;4CACH,KAAK,EAAE;gDACL,MAAM,EAAE;oDACN,KAAK,EAAE;wDACL,KAAK,EAAE,iBAAiB;wDACxB,SAAS,EAAE,UAAU,CAAC;4DACpB,MAAM,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;gEACjE,OAAO,CAAC,GAAG,CAAC,CAAA;4DACd,CAAC,EAAE,CAAC,CAAC,CAAA;4DACL,OAAO,GAAG,GAAG,GAAG,CAAA;wDAClB,CAAC;qDACF;oDACD,KAAK,EAAE;wDACL,SAAS,EAAE,UAAU,KAAK;4DACxB,OAAO,KAAK,GAAG,GAAG,CAAA;wDACpB,CAAC;qDACF;iDACF;6CACF;yCACF;qCACF;oCACD,KAAK,EAAE;wCACL,MAAM,EAAE;4CACN,SAAS,EAAE,UAAU,KAAK;gDACxB,OAAO,KAAK,GAAG,GAAG,CAAA;4CACpB,CAAC;yCACF;qCACF;oCACD,KAAK,EAAE;wCACL,MAAM,EAAE;4CACN,SAAS,EAAE,UAAU,KAAK;gDACxB,OAAO,KAAK,GAAI,GAAG,CAAA;4CACrB,CAAC;yCACF;qCACF;iCACF,EACD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAC,OAAO,GACd,GACK,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,WAAW,YACvB,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;oCACP,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC;oCACxC,KAAK,EAAE;wCACL,MAAM,EAAE;4CACN,SAAS,EAAE,UAAU,KAAK;gDACxB,OAAO,KAAK,GAAG,GAAG,CAAC;4CACrB,CAAC;yCACF;qCACF;iCACF,EACD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EACpB,MAAM,EAAC,OAAO,GACd,GACK,IACJ,IACN,CACJ;KACF;CACF,CAAC"}

package/dist/fragments/widget/Widget.d.ts

@@ -9,5 +9,6 @@ export interface WidgetProps {
         endContent?: React.ReactNode;
     };
     title: string;
+    size?: 'sm' | 'md' | 'lg';
 }
 export declare const Widget: React.FC<WidgetProps>;

package/dist/fragments/widget/Widget.js

@@ -6,12 +6,24 @@ import { tv } from "@nextui-org/react";
 import { Card, CardBody, CardHeader } from "../../components";
 const widget = tv({
     slots: {
-        base: 'border-[1px] border-default-100 px-5 py-3',
+        base: 'border-[1px] border-default-100',
         headerEndContent: 'ml-auto',
+        header: 'px-7 pt-5',
+        body: 'px-7 pb-5',
     },
+    variants: {
+        size: {
+            sm: 'lg:col-span-1',
+            md: 'lg:col-span-2',
+            lg: 'lg:col-span-3',
+        },
+    },
+    defaultVariants: {
+        size: 'sm',
+    }
 });
 export const Widget = ({ children, title, header, ...props }) => {
-    const { base, headerEndContent } = widget(props);
-    return (_jsxs(Card, { shadow: "none", classNames: { base: base() }, children: [_jsxs(CardHeader, { children: [_jsx("h3", { children: title }), _jsx("div", { className: headerEndContent(), children: header?.endContent })] }), _jsx(CardBody, { children: children })] }));
+    const { base, body, header: headerClasses, headerEndContent } = widget(props);
+    return (_jsxs(Card, { shadow: "none", classNames: { base: base(), body: body(), header: headerClasses(), }, children: [_jsxs(CardHeader, { children: [_jsx("h3", { children: title }), _jsx("div", { className: headerEndContent(), children: header?.endContent })] }), _jsx(CardBody, { children: children })] }));
 };
 //# sourceMappingURL=Widget.js.map

package/dist/fragments/widget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/fragments/widget/Widget.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAW9D,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,IAAI,EAAE,2CAA2C;QACjD,gBAAgB,EAAE,SAAS;KAC5B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,aAC9C,MAAC,UAAU,eACT,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,gBAAgB,EAAE,YAAG,MAAM,EAAE,UAAU,GAAO,IACnD,EACb,KAAC,QAAQ,cACN,QAAQ,GACA,IACN,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/fragments/widget/Widget.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAY9D,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,IAAI,EAAE,iCAAiC;QACvC,gBAAgB,EAAE,SAAS;QAC3B,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,WAAW;KAClB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,eAAe;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9E,OAAO,CACL,MAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAAI,aACvF,MAAC,UAAU,eACT,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,gBAAgB,EAAE,YAAG,MAAM,EAAE,UAAU,GAAO,IACnD,EACb,KAAC,QAAQ,cACN,QAAQ,GACA,IACN,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/tailwind.plugin.js

@@ -1,19 +1,19 @@
 import { nextui } from "@nextui-org/react";
 import defaultsDeep from "lodash.defaultsdeep";
 import plugin from "tailwindcss/plugin";
-export const fragmentui = () => plugin(function ({ addBase, config }) {
+export const fragmentui = () => plugin(function ({ addBase, theme }) {
     addBase({
         'h1': {
-            fontSize: config('theme.fontSize.3xl'),
-            fontWeight: config('theme.fontWeight.semibold'),
+            fontSize: theme('fontSize.3xl'),
+            fontWeight: theme('fontWeight.semibold'),
         },
         'h2': {
-            fontSize: config('theme.fontSize.2xl'),
-            fontWeight: config('theme.fontWeight.semibold'),
+            fontSize: theme('fontSize.2xl'),
+            fontWeight: theme('fontWeight.semibold'),
         },
         'h3': {
-            fontSize: config('theme.fontSize.xl'),
-            fontWeight: config('theme.fontWeight.semibold'),
+            fontSize: theme('fontSize.xl'),
+            fontWeight: theme('fontWeight.semibold'),
         },
         '.apexcharts-yaxis-label, .apexcharts-xaxis-label': {
             fill: 'currentColor !important',
@@ -21,6 +21,33 @@ export const fragmentui = () => plugin(function ({ addBase, config }) {
         '.apexcharts-legend-text': {
             color: 'inherit !important',
         },
+        '.apexcharts-datalabel-label, .apexcharts-datalabel-value': {
+            fill: 'currentColor !important',
+        },
+        '.apexcharts-tracks .apexcharts-radialbar-area': {
+            stroke: theme('colors.content2'),
+        },
+        '.apexcharts-gridline': {
+            stroke: theme('colors.content4'),
+        },
+        '.apexcharts-pie-area': {
+            stroke: theme('colors.content1'),
+            transitionProperty: theme('transitionProperty.opacity'),
+            transitionDuration: theme('transitionDuration.250'),
+            filter: 'none !important',
+            '&:hover': {
+                opacity: theme('opacity.hover'),
+            },
+        },
+        '.apexcharts-pie .apexcharts-datalabels rect': {
+            fill: String(theme('colors.content1')),
+        },
+        '.apexcharts-pie-label': {
+            fill: 'currentColor !important',
+        },
+        '.apexcharts-tooltip-series-group': {
+            backgroundColor: 'inherit !important'
+        }
     });
 });
 export const withTailwindFragment = (config, options) => ({

package/dist/tailwind.plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.plugin.js","sourceRoot":"","sources":["../src/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,UAAS,EAAE,OAAO,EAAE,MAAM,EAAE;IACjE,OAAO,CAAC;QACN,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACtC,UAAU,EAAE,MAAM,CAAC,2BAA2B,CAAC;SAChD;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACtC,UAAU,EAAE,MAAM,CAAC,2BAA2B,CAAC;SAChD;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC;YACrC,UAAU,EAAE,MAAM,CAAC,2BAA2B,CAAC;SAChD;QACD,kDAAkD,EAAE;YAClD,IAAI,EAAE,yBAAyB;SAChC;QACD,yBAAyB,EAAE;YACzB,KAAK,EAAE,oBAAoB;SAC5B;KACF,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAc,EAAE,OAAiC,EAAU,EAAE,CAAC,CAAC;IAClG,QAAQ,EAAE,OAAO;IACjB,GAAG,MAAM;IACT,OAAO,EAAE;QACP,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC;QACzB,UAAU,EAAE;QACZ,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,IAAI,EAAE,EAAE;YACrD,MAAM,EAAE;gBACN,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN,UAAU,EAAE,SAAS;qBACtB;iBACF;aACF;SACF,CAAC,CAAC;KACJ;CACF,CAAC,CAAC"}
+{"version":3,"file":"tailwind.plugin.js","sourceRoot":"","sources":["../src/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,UAAS,EAAE,OAAO,EAAE,KAAK,EAAE;IAChE,OAAO,CAAC;QACN,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC;YAC/B,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC;YAC/B,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;YAC9B,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAAC;SACzC;QACD,kDAAkD,EAAE;YAClD,IAAI,EAAE,yBAAyB;SAChC;QACD,yBAAyB,EAAE;YACzB,KAAK,EAAE,oBAAoB;SAC5B;QACD,0DAA0D,EAAE;YAC1D,IAAI,EAAE,yBAAyB;SAChC;QACD,+CAA+C,EAAE;YAC/C,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;SACjC;QACD,sBAAsB,EAAE;YACtB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;SACjC;QACD,sBAAsB,EAAE;YACtB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAChC,kBAAkB,EAAE,KAAK,CAAC,4BAA4B,CAAC;YACvD,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CAAC;YACnD,MAAM,EAAE,iBAAiB;YACzB,SAAS,EAAE;gBACT,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC;aAChC;SACF;QACD,6CAA6C,EAAE;YAC7C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;SACvC;QACD,uBAAuB,EAAE;YACvB,IAAI,EAAE,yBAAyB;SAChC;QACD,kCAAkC,EAAE;YAClC,eAAe,EAAE,oBAAoB;SACtC;KACF,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAc,EAAE,OAAiC,EAAU,EAAE,CAAC,CAAC;IAClG,QAAQ,EAAE,OAAO;IACjB,GAAG,MAAM;IACT,OAAO,EAAE;QACP,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC;QACzB,UAAU,EAAE;QACZ,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,IAAI,EAAE,EAAE;YACrD,MAAM,EAAE;gBACN,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN,UAAU,EAAE,SAAS;qBACtB;iBACF;aACF;SACF,CAAC,CAAC;KACJ;CACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragment-build/ui",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -9,20 +9,20 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "@storybook/addon-a11y": "8.0.8",
-    "@storybook/addon-essentials": "8.0.8",
-    "@storybook/addon-interactions": "8.0.8",
-    "@storybook/addon-links": "8.0.8",
+    "@storybook/addon-a11y": "8.0.9",
+    "@storybook/addon-essentials": "8.0.9",
+    "@storybook/addon-interactions": "8.0.9",
+    "@storybook/addon-links": "8.0.9",
     "@storybook/addon-styling": "1.3.7",
-    "@storybook/blocks": "8.0.8",
-    "@storybook/react": "8.0.8",
-    "@storybook/react-vite": "8.0.8",
-    "@storybook/test": "8.0.8",
+    "@storybook/blocks": "8.0.9",
+    "@storybook/react": "8.0.9",
+    "@storybook/react-vite": "8.0.9",
+    "@storybook/test": "8.0.9",
     "@types/lodash.defaultsdeep": "4.6.9",
     "@types/react": "18.2.79",
     "@types/react-dom": "18.2.25",
-    "@typescript-eslint/eslint-plugin": "7.7.0",
-    "@typescript-eslint/parser": "7.7.0",
+    "@typescript-eslint/eslint-plugin": "7.7.1",
+    "@typescript-eslint/parser": "7.7.1",
     "@vitejs/plugin-react": "4.2.1",
     "@vitejs/plugin-react-swc": "3.6.0",
     "autoprefixer": "10.4.19",
@@ -33,10 +33,10 @@
     "postcss": "8.4.38",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "storybook": "8.0.8",
+    "storybook": "8.0.9",
     "storybook-dark-mode": "4.0.1",
     "typescript": "5.4.5",
-    "vite": "5.2.9"
+    "vite": "5.2.10"
   },
   "scripts": {
     "build": "tsc",
@@ -46,10 +46,10 @@
     "update": "npx npm-check-updates -i"
   },
   "dependencies": {
-    "@nextui-org/react": "2.3.5",
+    "@nextui-org/react": "2.3.6",
     "@react-hooks-library/core": "0.6.2",
     "@tabler/icons-react": "3.2.0",
-    "apexcharts": "3.48.0",
+    "apexcharts": "3.49.0",
     "framer-motion": "11.1.7",
     "lodash.defaultsdeep": "4.6.1",
     "next-themes": "0.3.0",