@fragment-build/ui 1.2.3 → 1.3.0

package/dist/components/base/Breadcrumbs.js

@@ -1,5 +1,5 @@
 import { Breadcrumbs as NextBreadcrumbs, BreadcrumbItem as NextBreadcrumbItem, } from '@nextui-org/react';
 import { withFragment } from '../../withFragment';
 export const Breadcrumbs = withFragment(NextBreadcrumbs, 'breadcrumbs');
-export const BreadcrumbItem = withFragment(NextBreadcrumbItem, 'breadcrumbItem');
+export const BreadcrumbItem = NextBreadcrumbItem;
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/base/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/base/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,eAAe,EAC9B,cAAc,IAAI,kBAAkB,GACrC,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/base/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,eAAe,EAC9B,cAAc,IAAI,kBAAkB,GACrC,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC"}

package/dist/components/base/Button.d.ts

@@ -1 +1,2 @@
 export declare const Button: import("@nextui-org/react").InternalForwardRefRenderFunction<"button", import("@nextui-org/react").ButtonProps, never>;
+export declare const ButtonGroup: import("@nextui-org/react").InternalForwardRefRenderFunction<"div", import("@nextui-org/react").ButtonGroupProps, never>;

package/dist/components/base/Button.js

@@ -1,4 +1,5 @@
-import { Button as NextButton } from '@nextui-org/react';
+import { Button as NextButton, ButtonGroup as NextButtonGroup } from '@nextui-org/react';
 import { withFragment } from '../../withFragment';
 export const Button = withFragment(NextButton, 'button');
+export const ButtonGroup = withFragment(NextButtonGroup, 'buttonGroup');
 //# sourceMappingURL=Button.js.map

package/dist/components/base/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/base/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/base/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/base/Navbar.js

@@ -4,7 +4,7 @@ export const Navbar = withFragment(NextNavbar, 'navbar');
 export const NavbarBrand = withFragment(NextNavbarBrand, 'navbarBrand');
 export const NavbarContent = withFragment(NextNavbarContent, 'navbarContent');
 export const NavbarItem = withFragment(NextNavbarItem, 'navbarItem');
-export const NavbarMenu = withFragment(NextNavbarMenu, 'navbarMenu');
+export const NavbarMenu = NextNavbarMenu;
 export const NavbarMenuItem = withFragment(NextNavbarMenuItem, 'navbarMenuItem');
 export const NavbarMenuToggle = withFragment(NextNavbarMenuToggle, 'navbarMenuToggle');
 //# sourceMappingURL=Navbar.js.map

package/dist/components/base/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/components/base/Navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,WAAW,IAAI,eAAe,EAC9B,aAAa,IAAI,iBAAiB,EAClC,UAAU,IAAI,cAAc,EAC5B,UAAU,IAAI,cAAc,EAC5B,cAAc,IAAI,kBAAkB,EACpC,gBAAgB,IAAI,oBAAoB,GACzC,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/components/base/Navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,WAAW,IAAI,eAAe,EAC9B,aAAa,IAAI,iBAAiB,EAClC,UAAU,IAAI,cAAc,EAC5B,UAAU,IAAI,cAAc,EAC5B,cAAc,IAAI,kBAAkB,EACpC,gBAAgB,IAAI,oBAAoB,GACzC,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/chart/Chart.d.ts

@@ -4,7 +4,7 @@
 import React from "react";
 import type { Props as ApexChartProps } from "react-apexcharts";
 export interface ChartProps {
-    type: 'line';
+    type: 'area' | 'line' | 'column' | 'bar' | 'pie' | 'donut' | 'radial';
     series: ApexAxisChartSeries | ApexNonAxisChartSeries;
     options?: ApexCharts.ApexOptions;
     height?: ApexChartProps['height'];

package/dist/components/chart/Chart.js

@@ -15,10 +15,16 @@ export const Chart = (props) => {
         const importComponent = async () => {
             const module = await import('react-apexcharts');
             const ApexChart = module.default;
-            setComponent(_jsx(ApexChart, { ...mergedProps }));
+            setComponent(_jsx(ApexChart, { ...mergedProps, type: defaults?.options?.chart?.type, height: props.height ?? defaults?.options?.chart?.height, width: props.width ?? defaults?.options?.chart?.width }));
         };
         importComponent();
-    }, [mergedProps]);
+    }, [
+        mergedProps,
+        defaults?.options?.chart?.type,
+        defaults?.options?.chart?.height,
+        defaults?.options?.chart?.width,
+        props.height, props.width,
+    ]);
     return component;
 };
 //# sourceMappingURL=Chart.js.map

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,GAAe,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;IAC7H,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,CAAC,KAAC,SAAS,OAAK,WAAW,GAAI,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,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,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"}

package/dist/components/chart/Chart.stories.d.ts

@@ -3,4 +3,10 @@ import { Chart } from "./Chart";
 declare const meta: Meta<typeof Chart>;
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Area: Story;
 export declare const Line: Story;
+export declare const Column: Story;
+export declare const Bar: Story;
+export declare const Pie: Story;
+export declare const Donut: Story;
+export declare const Radial: Story;

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

@@ -1,12 +1,25 @@
 import { Chart } from "./Chart";
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta = {
-    title: "component/Chart",
+    title: "components/Chart",
     component: Chart,
     tags: ['autodocs'],
 };
 export default meta;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Area = {
+    args: {
+        type: 'area',
+        height: '500px',
+        series: [
+            {
+                name: "New users",
+                data: [6500, 6418, 6456, 6526, 6356, 6456],
+                color: "#1A56DB",
+            },
+        ],
+    },
+};
 export const Line = {
     args: {
         type: 'line',
@@ -25,4 +38,77 @@ export const Line = {
         ],
     },
 };
+export const Column = {
+    args: {
+        type: 'column',
+        height: '500px',
+        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 },
+                ],
+            },
+        ],
+    },
+};
+export const Bar = {
+    args: {
+        type: 'bar',
+        height: '500px',
+        series: [
+            {
+                name: "Income",
+                color: "#31C48D",
+                data: [1420, 1620, 1820, 1420, 1650, 2120],
+            },
+            {
+                name: "Expense",
+                data: [788, 810, 866, 788, 1100, 1200],
+                color: "#F05252",
+            }
+        ]
+    },
+};
+export const Pie = {
+    args: {
+        type: 'pie',
+        height: '500px',
+        series: [52.8, 26.8, 20.4],
+    },
+};
+export const Donut = {
+    args: {
+        type: 'donut',
+        height: '500px',
+        series: [35.1, 23.5, 2.4, 5.4],
+    },
+};
+export const Radial = {
+    args: {
+        type: 'radial',
+        height: '500px',
+        series: [90, 85, 70],
+    },
+};
 //# sourceMappingURL=Chart.stories.js.map

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":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,qGAAqG;AACrG,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,OAAO;QACf,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;gBAC1C,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;gBAC1C,KAAK,EAAE,SAAS;aACjB;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"Chart.stories.js","sourceRoot":"","sources":["../../../src/components/chart/Chart.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { InputProps } from '@nextui-org/react';
 /**
  * Primary UI component for selecting a color
  */
 export interface ColorInputProps extends InputProps {
 }
-export declare const ColorInput: import("react").ForwardRefExoticComponent<Omit<ColorInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ColorInput: ({ defaultValue, label, errorMessage, onValueChange, isInvalid, ...rest }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Avatar, Input } from '../base';
 import { withFragment } from '../../withFragment';
-export const ColorInput = withFragment(forwardRef(({ defaultValue, label = 'Color', errorMessage = "Please enter a valid color in hex format e.g. #f3f or #ff33ff", onValueChange, isInvalid, ...rest }, ref) => {
+export const ColorInput = withFragment(({ defaultValue, label = 'Color', errorMessage = "Please enter a valid color in hex format e.g. #f3f or #ff33ff", onValueChange, isInvalid, ...rest }) => {
     const [value, setValue] = useState(defaultValue || '#7d7d7d');
     useEffect(() => onValueChange && onValueChange(value), [value, onValueChange]);
     const validateHexColor = (value) => value.match(/^#(?:[0-9a-fA-F]{3}){1,2}$/i);
@@ -11,6 +11,11 @@ export const ColorInput = withFragment(forwardRef(({ defaultValue, label = 'Colo
             return false;
         return validateHexColor(value) && !isInvalid ? false : true;
     }, [value, isInvalid]);
-    return (_jsx(Input, { ...rest, ref: ref, label: label, type: "text", value: value, onValueChange: setValue, isInvalid: invalid, errorMessage: invalid && errorMessage, endContent: (_jsx(Avatar, { as: "button", size: "sm", showFallback: true, fallback: _jsx("input", { type: 'color', className: "w-full h-full opacity-0 cursor-pointer", onChange: (e) => setValue(e.currentTarget.value) }), style: { backgroundColor: value }, classNames: { base: 'shrink-0', fallback: 'w-full h-full' } })) }));
-}), 'colorInput');
+    const handleOnChange = (e) => {
+        if (rest.onChange)
+            rest.onChange(e);
+        setValue(e.currentTarget.value);
+    };
+    return (_jsx(Input, { ...rest, label: label, type: "text", value: value, onValueChange: setValue, isInvalid: invalid, errorMessage: invalid && errorMessage, endContent: (_jsx(Avatar, { as: "button", size: "sm", showFallback: true, fallback: _jsx("input", { type: 'color', className: "w-full h-full opacity-0 cursor-pointer", onChange: handleOnChange }), style: { backgroundColor: value }, classNames: { base: 'shrink-0 self-center -mb-0.5', fallback: 'w-full h-full' } })) }));
+}, 'colorInput');
 //# sourceMappingURL=ColorInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,UAAU,CAAoC,CAAC,EACpF,YAAY,EACZ,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,+DAA+D,EAC9E,aAAa,EACb,SAAS,EACT,GAAG,IAAI,EACS,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAEvF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAE/B,OAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,KAAK,OACA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,OAAO,IAAI,YAAY,EACrC,UAAU,EAAE,CACV,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,IAAI,EACT,YAAY,QACZ,QAAQ,EAAE,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,wCAAwC,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI,EACrI,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC3D,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC"}
+{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,EACtC,YAAY,EACZ,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,+DAA+D,EAC9E,aAAa,EACb,SAAS,EACT,GAAG,IAAI,EACS,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAEvF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAE/B,OAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC1D,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,OACA,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,OAAO,IAAI,YAAY,EACrC,UAAU,EAAE,CACV,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,IAAI,EACT,YAAY,QACZ,QAAQ,EAAE,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,wCAAwC,EAAC,QAAQ,EAAE,cAAc,GAAI,EAC7G,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,UAAU,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC/E,CACH,GACD,CACH,CAAC;AACJ,CAAC,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -1,5 +1,6 @@
 export * from './base';
 export * from './chart/Chart';
 export * from './color-input/ColorInput';
+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,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,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ButtonGroupProps } from '@nextui-org/react';
+/**
+ * Primary UI component for selecting a color
+ */
+export interface MultiSwitchProps extends Omit<ButtonGroupProps, 'className'> {
+    defaultValue?: number;
+    onValueChange: (value: number) => void;
+}
+export declare const MultiSwitch: import("react").ForwardRefExoticComponent<Omit<MultiSwitchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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';
+const multiSwitch = tv({
+    slots: {
+        button: 'min-w-0',
+    },
+    variants: {
+        size: {
+            sm: {
+                button: 'px-3'
+            },
+            md: {
+                button: 'px-4'
+            },
+            lg: {
+                button: 'px-5'
+            }
+        }
+    }
+});
+export const MultiSwitch = withFragment(forwardRef(({ defaultValue, onValueChange, size = 'md', ...props }, ref) => {
+    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 }) })] })] }));
+}), 'multiSwitch');
+//# sourceMappingURL=MultiSwitch.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MultiSwitch } from "./MultiSwitch";
+declare const meta: Meta<typeof MultiSwitch>;
+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/multi-switch/MultiSwitch.stories.js

@@ -0,0 +1,28 @@
+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",
+    component: MultiSwitch,
+    tags: ["autodocs"],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Small = {
+    args: {
+        onValueChange: console.log,
+        size: 'sm',
+    },
+};
+export const Medium = {
+    args: {
+        onValueChange: console.log,
+        size: 'md',
+    },
+};
+export const Large = {
+    args: {
+        onValueChange: console.log,
+        size: 'lg',
+    },
+};
+//# sourceMappingURL=MultiSwitch.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSwitch.stories.js","sourceRoot":"","sources":["../../../src/components/multi-switch/MultiSwitch.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qGAAqG;AACrG,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,aAAa,EAAE,OAAO,CAAC,GAAG;QAC1B,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,aAAa,EAAE,OAAO,CAAC,GAAG;QAC1B,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,aAAa,EAAE,OAAO,CAAC,GAAG;QAC1B,IAAI,EAAE,IAAI;KACX;CACF,CAAC"}

package/dist/context.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { AccordionItemProps, AccordionProps, AutocompleteItemProps, AutocompleteProps, AutocompleteSectionProps, AvatarGroupProps, AvatarProps, BadgeProps, BreadcrumbItemProps, BreadcrumbsProps, ButtonProps, CardProps, CheckboxGroupProps, CheckboxProps, ChipProps, CircularProgressProps, CodeProps, DividerProps, DropdownItemProps, DropdownMenuProps, DropdownProps, DropdownSectionProps, DropdownTriggerProps, HTMLNextUIProps, ImageProps, InputProps, KbdProps, LinkProps, ListboxItemProps, ListboxProps, ListboxSectionProps, ModalBodyProps, ModalContentProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarBrandProps, NavbarContentProps, NavbarItemProps, NavbarMenuItemProps, NavbarMenuProps, 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, TabsProps, TextAreaProps, TooltipProps, UserProps } from "@nextui-org/react";
+import { AccordionItemProps, AccordionProps, AutocompleteItemProps, AutocompleteProps, AutocompleteSectionProps, AvatarGroupProps, AvatarProps, BadgeProps, BreadcrumbsProps, ButtonGroupProps, ButtonProps, CardProps, CheckboxGroupProps, CheckboxProps, ChipProps, CircularProgressProps, CodeProps, DividerProps, DropdownItemProps, DropdownMenuProps, DropdownProps, DropdownSectionProps, DropdownTriggerProps, HTMLNextUIProps, 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, TabsProps, TextAreaProps, TooltipProps, UserProps } from "@nextui-org/react";
 import { RowProps } from '@react-types/table';
-import { ColorInputProps, ColorSelectorProps } from "./components";
-import { ChartProps } from "./components/chart/Chart";
+import type { Props as ApexChartProps } from "react-apexcharts";
+import { ChartProps, ColorInputProps, ColorSelectorProps, MultiSwitchProps } from "./components";
 export type TableRowProps<T = object> = RowProps<T> & Omit<HTMLNextUIProps<"tr">, keyof RowProps<T>>;
 export interface FragmentUIContext {
     defaults: {
@@ -15,11 +15,11 @@ export interface FragmentUIContext {
         autocompleteSection?: Partial<AutocompleteSectionProps>;
         badge?: Partial<BadgeProps>;
         button?: Partial<ButtonProps>;
+        buttonGroup?: Partial<ButtonGroupProps>;
         breadcrumbs?: Partial<BreadcrumbsProps>;
-        breadcrumbItem?: Partial<BreadcrumbItemProps>;
         card?: Partial<CardProps>;
         chart?: Partial<{
-            [chartType in ChartProps['type']]: Partial<ChartProps>;
+            [chartType in ChartProps['type']]: Partial<Pick<ApexChartProps, 'options' | 'series'>>;
         }>;
         checkbox?: Partial<CheckboxProps>;
         checkboxGroup?: Partial<CheckboxGroupProps>;
@@ -46,11 +46,11 @@ export interface FragmentUIContext {
         modalContent?: Partial<ModalContentProps>;
         modalFooter?: Partial<ModalFooterProps>;
         modalHeader?: Partial<ModalHeaderProps>;
+        multiSwitch?: Partial<MultiSwitchProps>;
         navbar?: Partial<NavbarProps>;
         navbarBrand?: Partial<NavbarBrandProps>;
         navbarContent?: Partial<NavbarContentProps>;
         navbarItem?: Partial<NavbarItemProps>;
-        navbarMenu?: Partial<NavbarMenuProps>;
         navbarMenuItem?: Partial<NavbarMenuItemProps>;
         navbarMenuToggle?: Partial<NavbarMenuToggleProps>;
         pagination?: Partial<PaginationProps>;

package/dist/context.js

@@ -12,10 +12,73 @@ export const defaultContext = {
                 radius: 'full',
             },
         },
+        multiSwitch: {
+            variant: 'flat',
+        },
         chart: {
+            area: {
+                options: {
+                    chart: {
+                        height: "100%",
+                        width: "100%",
+                        type: "area",
+                        fontFamily: "Inter, sans-serif",
+                        dropShadow: {
+                            enabled: false,
+                        },
+                        toolbar: {
+                            show: false,
+                        },
+                    },
+                    tooltip: {
+                        theme: 'dark',
+                        enabled: true,
+                        x: {
+                            show: false,
+                        },
+                    },
+                    fill: {
+                        type: "gradient",
+                        gradient: {
+                            opacityFrom: 0.55,
+                            opacityTo: 0,
+                            shade: "#1C64F2",
+                            gradientToColors: ["#1C64F2"],
+                        },
+                    },
+                    dataLabels: {
+                        enabled: false,
+                    },
+                    stroke: {
+                        width: 6,
+                    },
+                    grid: {
+                        show: false,
+                        strokeDashArray: 4,
+                        padding: {
+                            left: 2,
+                            right: 2,
+                            top: 0
+                        },
+                    },
+                    xaxis: {
+                        categories: ['01 February', '02 February', '03 February', '04 February', '05 February', '06 February', '07 February'],
+                        labels: {
+                            show: false,
+                        },
+                        axisBorder: {
+                            show: false,
+                        },
+                        axisTicks: {
+                            show: false,
+                        },
+                    },
+                    yaxis: {
+                        show: false,
+                    },
+                },
+            },
             line: {
-                width: '100%',
-                height: '100%',
                 options: {
                     chart: {
                         type: 'line',
@@ -80,6 +143,356 @@ export const defaultContext = {
                     },
                 },
             },
+            column: {
+                options: {
+                    colors: ["#1A56DB", "#FDBA8C"],
+                    chart: {
+                        type: "bar",
+                        fontFamily: "Inter, sans-serif",
+                        toolbar: {
+                            show: false,
+                        },
+                    },
+                    plotOptions: {
+                        bar: {
+                            horizontal: false,
+                            columnWidth: "70%",
+                            borderRadiusApplication: "end",
+                            borderRadius: 8,
+                        },
+                    },
+                    tooltip: {
+                        theme: 'dark',
+                        shared: true,
+                        intersect: false,
+                        style: {
+                            fontFamily: "Inter, sans-serif",
+                        },
+                    },
+                    states: {
+                        hover: {
+                            filter: {
+                                type: "darken",
+                                value: 1,
+                            },
+                        },
+                    },
+                    stroke: {
+                        show: true,
+                        width: 0,
+                        colors: ["transparent"],
+                    },
+                    grid: {
+                        show: false,
+                        strokeDashArray: 4,
+                        padding: {
+                            left: 2,
+                            right: 2,
+                            top: -14
+                        },
+                    },
+                    dataLabels: {
+                        enabled: false,
+                    },
+                    legend: {
+                        show: false,
+                    },
+                    xaxis: {
+                        floating: false,
+                        labels: {
+                            show: true,
+                            style: {
+                                fontFamily: "Inter, sans-serif",
+                                cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
+                            }
+                        },
+                        axisBorder: {
+                            show: false,
+                        },
+                        axisTicks: {
+                            show: false,
+                        },
+                    },
+                    yaxis: {
+                        show: false,
+                    },
+                    fill: {
+                        opacity: 1,
+                    },
+                },
+            },
+            bar: {
+                options: {
+                    chart: {
+                        sparkline: {
+                            enabled: false,
+                        },
+                        type: "bar",
+                        width: "100%",
+                        height: 400,
+                        toolbar: {
+                            show: false,
+                        }
+                    },
+                    fill: {
+                        opacity: 1,
+                    },
+                    plotOptions: {
+                        bar: {
+                            horizontal: true,
+                            columnWidth: "100%",
+                            borderRadiusApplication: "end",
+                            borderRadius: 6,
+                            dataLabels: {
+                                position: "top",
+                            },
+                        },
+                    },
+                    legend: {
+                        show: true,
+                        position: "bottom",
+                    },
+                    dataLabels: {
+                        enabled: false,
+                    },
+                    tooltip: {
+                        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;
+                            }
+                        },
+                        categories: ["Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+                        axisTicks: {
+                            show: false,
+                        },
+                        axisBorder: {
+                            show: false,
+                        },
+                    },
+                    yaxis: {
+                        labels: {
+                            show: true,
+                            style: {
+                                fontFamily: "Inter, sans-serif",
+                                cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
+                            }
+                        }
+                    },
+                    grid: {
+                        show: true,
+                        strokeDashArray: 4,
+                        padding: {
+                            left: 2,
+                            right: 2,
+                            top: -20
+                        },
+                    }
+                },
+            },
+            pie: {
+                options: {
+                    colors: ["#1C64F2", "#16BDCA", "#9061F9"],
+                    chart: {
+                        height: 420,
+                        width: "100%",
+                        type: "pie",
+                    },
+                    stroke: {
+                        colors: ["white"],
+                    },
+                    plotOptions: {
+                        pie: {
+                            dataLabels: {
+                                offset: -25,
+                            }
+                        },
+                    },
+                    labels: ["Direct", "Organic search", "Referrals"],
+                    dataLabels: {
+                        enabled: true,
+                        style: {
+                            fontFamily: "Inter, sans-serif",
+                        },
+                    },
+                    legend: {
+                        position: "bottom",
+                        fontFamily: "Inter, sans-serif",
+                    },
+                    yaxis: {
+                        labels: {
+                            formatter: function (value) {
+                                return value + "%";
+                            },
+                        },
+                    },
+                    xaxis: {
+                        labels: {
+                            formatter: function (value) {
+                                return value + "%";
+                            },
+                        },
+                        axisTicks: {
+                            show: false,
+                        },
+                        axisBorder: {
+                            show: false,
+                        },
+                    },
+                },
+            },
+            donut: {
+                options: {
+                    colors: ["#1C64F2", "#16BDCA", "#FDBA8C", "#E74694"],
+                    chart: {
+                        height: "100%",
+                        width: "100%",
+                        type: "donut",
+                    },
+                    stroke: {
+                        colors: ["transparent"],
+                    },
+                    plotOptions: {
+                        pie: {
+                            donut: {
+                                labels: {
+                                    show: true,
+                                    name: {
+                                        show: true,
+                                        fontFamily: "Inter, sans-serif",
+                                        offsetY: 20,
+                                    },
+                                    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%",
+                            },
+                        },
+                    },
+                    grid: {
+                        padding: {
+                            top: -2,
+                        },
+                    },
+                    labels: ["Direct", "Sponsor", "Affiliate", "Email marketing"],
+                    dataLabels: {
+                        enabled: false,
+                    },
+                    legend: {
+                        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,
+                        },
+                        axisBorder: {
+                            show: false,
+                        },
+                    },
+                },
+            },
+            radial: {
+                options: {
+                    colors: ["#1C64F2", "#16BDCA", "#FDBA8C"],
+                    chart: {
+                        height: "380px",
+                        width: "100%",
+                        type: "radialBar",
+                        sparkline: {
+                            enabled: true,
+                        },
+                    },
+                    plotOptions: {
+                        radialBar: {
+                            track: {
+                                background: '#E5E7EB',
+                            },
+                            dataLabels: {
+                                show: false,
+                            },
+                            hollow: {
+                                margin: 0,
+                                size: "32%",
+                            }
+                        },
+                    },
+                    grid: {
+                        show: false,
+                        strokeDashArray: 4,
+                        padding: {
+                            left: 2,
+                            right: 2,
+                            top: -23,
+                            bottom: -20,
+                        },
+                    },
+                    labels: ["Done", "In progress", "To do"],
+                    legend: {
+                        show: true,
+                        position: "bottom",
+                        fontFamily: "Inter, sans-serif",
+                    },
+                    tooltip: {
+                        enabled: true,
+                        x: {
+                            show: false,
+                        },
+                    },
+                    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":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAwFtC,MAAM,CAAC,MAAM,cAAc,GAAsB;IAC/C,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,aAAa,EAAE,IAAI;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,MAAM,EAAE,MAAM;aACf;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,KAAK,EAAE;wBACL,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,mBAAmB;wBAC/B,UAAU,EAAE;4BACV,OAAO,EAAE,KAAK;yBACf;wBACD,OAAO,EAAE;4BACP,IAAI,EAAE,KAAK;yBACZ;wBACD,UAAU,EAAE;4BACV,OAAO,EAAE,KAAK;yBACf;qBACF;oBACD,OAAO,EAAE;wBACP,KAAK,EAAE,MAAM;wBACb,OAAO,EAAE,IAAI;wBACb,CAAC,EAAE;4BACD,IAAI,EAAE,KAAK;yBACZ;qBACF;oBACD,UAAU,EAAE;wBACV,OAAO,EAAE,KAAK;qBACf;oBACD,MAAM,EAAE;wBACN,KAAK,EAAE,CAAC;wBACR,KAAK,EAAE,QAAQ;qBAChB;oBACD,IAAI,EAAE;wBACJ,IAAI,EAAE,IAAI;wBACV,eAAe,EAAE,CAAC;wBAClB,OAAO,EAAE;4BACP,IAAI,EAAE,EAAE;4BACR,KAAK,EAAE,EAAE;yBACV;qBACF;oBACD,MAAM,EAAE;wBACN,IAAI,EAAE,IAAI;wBACV,QAAQ,EAAE,KAAK;wBACf,eAAe,EAAE,MAAM;qBACxB;oBACD,KAAK,EAAE;wBACL,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;wBAClF,MAAM,EAAE;4BACN,IAAI,EAAE,IAAI;4BACV,KAAK,EAAE;gCACL,UAAU,EAAE,mBAAmB;gCAC/B,QAAQ,EAAE,sDAAsD;6BACjE;yBACF;wBACD,UAAU,EAAE;4BACV,IAAI,EAAE,KAAK;yBACZ;wBACD,SAAS,EAAE;4BACT,IAAI,EAAE,KAAK;yBACZ;qBACF;oBACD,KAAK,EAAE;wBACL,IAAI,EAAE,KAAK;qBACZ;iBACF;aACF;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"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"}

package/dist/withFragment.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, isValidElement, useContext } from "react";
+import { forwardRef, useContext } from "react";
 import defaultsDeep from "lodash.defaultsdeep";
 import { FragmentUIContext } from "./context";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -14,9 +14,8 @@ export function withFragment(Component, configId) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ComponentWithContext.getCollectionNode = Component.getCollectionNode;
     }
-    if (isValidElement(ComponentWithContext) && isValidElement(Component)) {
-        ComponentWithContext.type = Component.type;
-    }
+    // fix https://github.com/nextui-org/nextui/pull/2815
+    ComponentWithContext.displayName = Component.displayName;
     return ComponentWithContext;
 }
 //# sourceMappingURL=withFragment.js.map

package/dist/withFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"withFragment.js","sourceRoot":"","sources":["../src/withFragment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,8DAA8D;AAC9D,MAAM,UAAU,YAAY,CAAqC,SAAY,EAAE,QAA6C;IAC1H,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,GAAG,EAAE,EAAE;QAC9F,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAC9C,iFAAiF;QACjF,OAAO,CACL,KAAC,SAAS,OACJ,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAC5D,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,4BAA4B;IAC5B,IAAI,mBAAmB,IAAI,SAAS,EAAE,CAAC;QACrC,8DAA8D;QAC7D,oBAA4B,CAAC,iBAAiB,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAChF,CAAC;IAED,IAAI,cAAc,CAAC,oBAAoB,CAAC,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QACtE,oBAAoB,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;IAC7C,CAAC;IAED,OAAO,oBAAoC,CAAC;AAC9C,CAAC"}
+{"version":3,"file":"withFragment.js","sourceRoot":"","sources":["../src/withFragment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,8DAA8D;AAC9D,MAAM,UAAU,YAAY,CAAqC,SAAY,EAAE,QAA6C;IAC1H,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,GAAG,EAAE,EAAE;QAC9F,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAC9C,iFAAiF;QACjF,OAAO,CACL,KAAC,SAAS,OACJ,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAC5D,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,4BAA4B;IAC5B,IAAI,mBAAmB,IAAI,SAAS,EAAE,CAAC;QACrC,8DAA8D;QAC7D,oBAA4B,CAAC,iBAAiB,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAChF,CAAC;IAED,qDAAqD;IACrD,oBAAoB,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;IAEzD,OAAO,oBAAoC,CAAC;AAC9C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragment-build/ui",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -46,11 +46,11 @@
     "update": "npx npm-check-updates -i"
   },
   "dependencies": {
-    "@nextui-org/react": "2.3.1",
+    "@nextui-org/react": "2.3.5",
     "@react-hooks-library/core": "0.6.2",
     "@tabler/icons-react": "3.2.0",
     "apexcharts": "3.48.0",
-    "framer-motion": "11.1.1",
+    "framer-motion": "11.1.7",
     "lodash.defaultsdeep": "4.6.1",
     "next-themes": "0.3.0",
     "react-apexcharts": "1.4.1",