@fragment-build/ui 2.0.2 → 2.2.0

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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,7 +0,0 @@
-export * from './base';
-export * from './chart/Chart';
-export * from './color-input/ColorInput';
-export * from './color-selector/ColorSelector';
-export * from './grid/Grid';
-export * from './multi-switch/MultiSwitch';
-export * from './theme-switch/ThemeSwitch';

package/dist/components/index.js

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

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"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;AAC/C,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}

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

@@ -1,9 +0,0 @@
-import { ButtonGroupProps } from '@heroui/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

@@ -1,31 +0,0 @@
-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 '@heroui/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(), onPress: () => setValue(0), ...value === 0 ? { color: 'danger' } : {}, children: _jsx(IconX, { size: 20 }) }), _jsx(Button, { className: button(), onPress: () => setValue(1), ...value === 1 ? { color: 'default', variant: 'solid' } : {}, children: _jsx(IconSlash, { size: 20 }) }), _jsx(Button, { className: button(), onPress: () => setValue(2), ...value === 2 ? { color: 'success' } : {}, children: _jsx(IconCheck, { size: 20 }) })] })] }));
-}), 'multiSwitch');
-//# sourceMappingURL=MultiSwitch.js.map

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

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

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

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

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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/components/theme-switch/ThemeSwitch.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps } from '@heroui/react';
-/**
- * Primary UI component for selecting a color
- */
-export type ThemeSwitchProps = ButtonProps;
-export declare const ThemeSwitch: React.FC<ThemeSwitchProps>;

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from 'next-themes';
-import { IconMoon, IconSun } from '@tabler/icons-react';
-import { Button } from '../base';
-import { useEffect, useState } from 'react';
-export const ThemeSwitch = (props) => {
-    const [mounted, setMounted] = useState(false);
-    const { theme, setTheme } = useTheme();
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-    if (!mounted)
-        return null;
-    return (_jsx(Button, { isIconOnly: true, size: "sm", onPress: () => setTheme(theme === 'light' ? 'dark' : 'light'), ...props, children: theme === 'light' ? _jsx(IconSun, { size: 18 }) : _jsx(IconMoon, { size: 18 }) }));
-};
-//# sourceMappingURL=ThemeSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../../src/components/theme-switch/ThemeSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAG,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,KAAC,MAAM,IAAC,UAAU,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,YAClG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5D,CACV,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSwitch.stories.js","sourceRoot":"","sources":["../../../src/components/theme-switch/ThemeSwitch.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,OAAO,GAAU;IAC5B,IAAI,EAAE,EACL;CACF,CAAC"}

package/dist/constants.d.ts

@@ -1,12 +0,0 @@
-/**
- * Breakpoints from Tailwind V2
- *
- * @see https://tailwindcss.com/docs/breakpoints
- */
-export declare const breakpointsTailwind: {
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    '2xl': number;
-};

package/dist/constants.js

@@ -1,13 +0,0 @@
-/**
- * Breakpoints from Tailwind V2
- *
- * @see https://tailwindcss.com/docs/breakpoints
- */
-export const breakpointsTailwind = {
-    sm: 640,
-    md: 768,
-    lg: 1024,
-    xl: 1280,
-    '2xl': 1536
-};
-//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAA"}

package/dist/context.d.ts

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