@fragment-build/ui 2.2.1 → 3.0.9

package/README.md

@@ -26,6 +26,7 @@ Fragment UI is a design system and React component library which provides alread
 - [✨ Components](#-components)
 - [⏳ Installation](#-installation)
 - [🔧 Configuration](#-configuration)
+    - [`linkComponent`](#linkcomponent)
   - [Next.js 13+](#nextjs-13)
 - [🤝 Contributing](#-contributing)
 - [👨‍💻 Development](#-development)
@@ -57,9 +58,9 @@ Fragment UI is a design system and React component library which provides alread
 1. Setup Tailwind CSS  
 [Installation Guide](https://tailwindcss.com/docs/installation)
 
-2. Install Fragment UI
+2. Install Fragment UI and its peer dependencies
 ```bash
-npm install -S @fragment-build/ui
+npm install -S @fragment-build/ui @heroui/react @heroui/styles
 ```
 
 As a next step you must configure the library the way you want to. See [**Configuration**](#🔧-configuration) section.
@@ -68,44 +69,23 @@ All done. Enjoy 🎉
 
 ## 🔧 Configuration
 
-```ts
-// fragment.ts
-import { fragmentui } from '@fragment-build/tailwind.plugin';
-
-export default fragmentui();
-```
-
-```ts
-// hero.ts
-import { heroui } from '@fragment-build/tailwind.plugin';
-
-export default heroui();
-```
+Import the HeroUI styles and Fragment UI styles in your global CSS file:
 
 ```ts
 // src/main.css
 
 @import 'tailwindcss';
-
-@plugin '../hero.ts';
-@plugin '../fragment.ts';
-
-/* Note: You may need to change the path to fit your project structure */
-@source '../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';
-@source '../node_modules/@fragment-build/ui/dist/**/*.{js,ts,jsx,tsx}';
-@custom-variant dark (&:is(.dark *));
+@import "@heroui/styles";
+@import "@fragment-build/ui";
 ```
 
-It is essential to add the FragmentUIProvider at the root of your application.
+Add `FragmentUIProvider` at the root of your application:
 
 ```tsx
 import React from 'react';
-
-// 1. import `FragmentUIProvider` component
 import { FragmentUIProvider } from '@fragment-build/ui';
 
 function App() {
-  // 2. Wrap FragmentUIProvider at the root of your app
   return (
     <FragmentUIProvider>
       <YourApplication />
@@ -114,19 +94,28 @@ function App() {
 }
 ```
 
-### Next.js 13+
+#### `linkComponent`
 
-When using Next.js you will need to add a file to re-export Fragment UI using `'use client';` to tell Next.js to render them as client components.
+Fragment UI renders navigation links internally (e.g. in `Navbar`, `Sidebar`). By default it uses a plain `<a>` tag. Pass a `linkComponent` to use your router's link component instead so navigation stays client-side:
 
-```ts
-'use client';
+```tsx
+import Link from 'next/link';
+import { FragmentUIProvider } from '@fragment-build/ui';
 
-export { ... } from '@fragment-build/ui';
+function App() {
+  return (
+    <FragmentUIProvider linkComponent={Link}>
+      <YourApplication />
+    </FragmentUIProvider>
+  );
+}
 ```
 
-Now just import all the components you need from this file.
+Any component that accepts an `href` prop works — React Router's `<Link>`, TanStack Router's `<Link>`, etc.
+
+### Next.js 13+
 
-And you need to [setup Tailwind 4 using PostCSS](https://tailwindcss.com/docs/installation/framework-guides/nextjs)
+You need to [setup Tailwind 4 using PostCSS](https://tailwindcss.com/docs/installation/framework-guides/nextjs)
 
 ```ts
 // postcss.config.mjs

package/components/grid/Grid.js

@@ -1,26 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { tv } from 'tailwind-variants';
-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',
-    },
-});
+import { grid } from './Grid.styles';
 export const Grid = ({ children, ...props }) => {
     const { base } = grid(props);
     return _jsx("div", { className: base(), children: children });

package/components/grid/Grid.js.map

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

@@ -0,0 +1,43 @@
+export declare const grid: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, undefined, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, undefined, unknown, unknown, undefined>>;

package/components/grid/Grid.styles.js

@@ -0,0 +1,17 @@
+import { tv } from 'tailwind-variants';
+export const grid = tv({
+    slots: {
+        base: 'fragment-grid',
+    },
+    variants: {
+        size: {
+            sm: { base: 'fragment-grid--sm' },
+            md: { base: 'fragment-grid--md' },
+            lg: { base: 'fragment-grid--lg' },
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+//# sourceMappingURL=Grid.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.styles.js","sourceRoot":"","sources":["../../src/components/grid/Grid.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;KACtB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;YACjC,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;YACjC,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;SAClC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC"}

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

@@ -1,9 +1,6 @@
-import type { ButtonGroupProps } from '@heroui/button';
-/**
- * Primary UI component for selecting a color
- */
-export interface MultiSwitchProps extends Omit<ButtonGroupProps, 'className'> {
+import { type ToggleButtonGroup as ToggleButtonGroupType } from '@heroui/react';
+export interface MultiSwitchProps extends Omit<ToggleButtonGroupType['RootProps'], 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionMode' | 'disallowEmptySelection'> {
     defaultValue?: number;
     onValueChange: (value: number) => void;
 }
-export declare const MultiSwitch: import("react").ForwardRefExoticComponent<Omit<MultiSwitchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const MultiSwitch: import("react").ForwardRefExoticComponent<Omit<MultiSwitchProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/multi-switch/MultiSwitch.js

@@ -1,31 +1,6 @@
-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/Button';
-import { withFragment } from '../../withFragment';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { IconCheck, IconSlash, IconX } from '@tabler/icons-react';
-import { tv } from 'tailwind-variants';
-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');
+import { ToggleButton, ToggleButtonGroup } from '@heroui/react';
+export const MultiSwitch = forwardRef(({ defaultValue = 1, onValueChange, size = 'md', ...props }, ref) => (_jsxs(ToggleButtonGroup, { ref: ref, className: "fragment-multi-switch", selectionMode: "single", disallowEmptySelection: true, defaultSelectedKeys: [String(defaultValue)], onSelectionChange: (keys) => onValueChange(Number([...keys][0])), size: size, ...props, children: [_jsx(ToggleButton, { id: "0", isIconOnly: true, className: "fragment-multi-switch__btn--danger", children: _jsx(IconX, {}) }), _jsx(ToggleButton, { id: "1", isIconOnly: true, className: "fragment-multi-switch__btn--neutral", children: _jsx(IconSlash, {}) }), _jsx(ToggleButton, { id: "2", isIconOnly: true, children: _jsx(IconCheck, {}) })] })));
 //# sourceMappingURL=MultiSwitch.js.map

package/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,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAWvC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;YACD,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;aACf;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAqC,CAAC,EACtF,YAAY,EACZ,aAAa,EACb,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,OAAO,CACL,8BACE,gBAAO,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,SAAG,EAC3F,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,aAChC,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EACjI,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EACxJ,KAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,IAC1H,IACb,CACJ,CAAC;AACJ,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC"}
+{"version":3,"file":"MultiSwitch.js","sourceRoot":"","sources":["../../src/components/multi-switch/MultiSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAmD,MAAM,eAAe,CAAC;AAOjH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,EACvE,YAAY,GAAG,CAAC,EAChB,aAAa,EACb,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,MAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,uBAAuB,EACjC,aAAa,EAAC,QAAQ,EACtB,sBAAsB,QACtB,mBAAmB,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,IAAI,EAAE,IAAI,KACN,KAAK,aAET,KAAC,YAAY,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,QAAC,SAAS,EAAC,oCAAoC,YAAC,KAAC,KAAK,KAAG,GAAe,EACvG,KAAC,YAAY,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,QAAC,SAAS,EAAC,qCAAqC,YAC7E,KAAC,SAAS,KAAG,GACA,EACf,KAAC,YAAY,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,kBAC7B,KAAC,SAAS,KAAG,GACA,IACG,CACrB,CAAC,CAAC"}

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

@@ -0,0 +1,43 @@
+export declare const multiSwitch: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            button: string;
+        };
+        md: {
+            button: string;
+        };
+        lg: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+}, undefined, {
+    size: {
+        sm: {
+            button: string;
+        };
+        md: {
+            button: string;
+        };
+        lg: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            button: string;
+        };
+        md: {
+            button: string;
+        };
+        lg: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1,14 @@
+import { tv } from 'tailwind-variants';
+export const multiSwitch = tv({
+    slots: {
+        button: 'fragment-multi-switch__button',
+    },
+    variants: {
+        size: {
+            sm: { button: 'fragment-multi-switch__button--sm' },
+            md: { button: 'fragment-multi-switch__button--md' },
+            lg: { button: 'fragment-multi-switch__button--lg' },
+        },
+    },
+});
+//# sourceMappingURL=MultiSwitch.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSwitch.styles.js","sourceRoot":"","sources":["../../src/components/multi-switch/MultiSwitch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE,+BAA+B;KACxC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,MAAM,EAAE,mCAAmC,EAAE;YACnD,EAAE,EAAE,EAAE,MAAM,EAAE,mCAAmC,EAAE;YACnD,EAAE,EAAE,EAAE,MAAM,EAAE,mCAAmC,EAAE;SACpD;KACF;CACF,CAAC,CAAC"}

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

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

package/components/theme-switch/ThemeSwitch.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from 'next-themes';
 import { IconMoon, IconSun } from '@tabler/icons-react';
-import { Button } from '../base/Button';
+import { Button } from '@heroui/react';
 import { useEffect, useState } from 'react';
 export const ThemeSwitch = (props) => {
     const [mounted, setMounted] = useState(false);
@@ -11,6 +11,6 @@ export const ThemeSwitch = (props) => {
     }, []);
     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 }) }));
+    return (_jsx(Button, { isIconOnly: true, size: "sm", variant: "tertiary", onPress: () => setTheme(theme === 'light' ? 'dark' : 'light'), ...props, children: theme === 'light' ? _jsx(IconSun, { size: 18 }) : _jsx(IconMoon, { size: 18 }) }));
 };
 //# sourceMappingURL=ThemeSwitch.js.map

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

@@ -1 +1 @@
-{"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,gBAAgB,CAAC;AAExC,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"}
+{"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,OAAQ,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAC1D,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,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,YACrH,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/context.d.ts

@@ -1,106 +1,7 @@
-import type { 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 type { ChartProps } from './components/chart/Chart';
-import type { ColorInputProps } from './components/color-input/ColorInput';
-import type { ColorSelectorProps } from './components/color-selector/ColorSelector';
-import type { FormProps } from './fragments/form/Form';
-import type { FormSectionProps } from './fragments/form/FormSection';
-import type { MultiSwitchProps } from './components/multi-switch/MultiSwitch';
-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 type LinkComponent = React.ElementType;
+interface FragmentUIContextValue {
+    linkComponent: LinkComponent;
 }
-export declare const defaultContext: FragmentUIContext;
-export declare const FragmentUIContext: import("react").Context<FragmentUIContext>;
+export declare const FragmentUIContext: import("react").Context<FragmentUIContextValue>;
+export declare const useFragmentUI: () => FragmentUIContextValue;
+export {};