@fragment-build/ui 2.2.0 → 2.2.1

package/components/color-input/ColorInput.js

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

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

@@ -0,0 +1 @@
+{"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,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQjD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA8B,YAAY,CAAC,CAAC,EACjE,YAAY,EACZ,gBAAgB,EAChB,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,+DAA+D,EAC9E,aAAa,EACb,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,WAAW,EACX,GAAG,IAAI,EACS,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoD,eAAe,IAAI,YAAY,CAAC,CAAC;IAEvH,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE9D,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,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,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,CAAC;IAClC,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,WAAW,EAAE,WAAW,IAAI,gBAAgB,EAC5C,UAAU,EAAE,CACV,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,IAAI,EACT,YAAY,QACZ,QAAQ,EAAE,CACR,gBACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAC5D,QAAQ,EAAE,cAAc,GACxB,CACH,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,IAAI,gBAAgB,EAAE,EACrD,UAAU,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC/E,CACH,GACD,CACH,CAAC;AACJ,CAAC,EAAE,YAAY,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { AvatarProps } from '@heroui/avatar';
+/**
+ * Primary UI component for selecting a color
+ */
+export interface ColorSelectorProps {
+    values: string[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange: (color: string) => void;
+    color?: AvatarProps['color'];
+    size?: AvatarProps['size'];
+    icon?: React.ReactNode;
+}
+export declare const ColorSelector: React.FC<ColorSelectorProps>;

package/components/color-selector/ColorSelector.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Avatar } from '../base/Avatar';
+import { Button } from '../base/Button';
+import { withFragment } from '../../withFragment';
+export const ColorSelector = withFragment(({ values, value: controlledValue, defaultValue, onValueChange, icon, ...rest }) => {
+    const [value, setValue] = useState(defaultValue && values.includes(defaultValue) ? defaultValue : values[0]);
+    useEffect(() => onValueChange(value), [value, onValueChange]);
+    useEffect(() => {
+        if (!controlledValue)
+            return;
+        setValue(controlledValue);
+    }, [controlledValue]);
+    return (_jsx("div", { className: "flex gap-3", children: values.map((color) => (_jsx(Button, { radius: "full", size: rest.size, isIconOnly: true, disableRipple: true, className: "overflow-visible", children: _jsx(Avatar, { showFallback: true, fallback: value === color && icon ? icon : _jsx(_Fragment, {}), style: { backgroundColor: color }, classNames: { base: 'shrink-0' }, isBordered: value === color, onClick: () => setValue(color), ...rest }) }))) }));
+}, 'colorSelector');
+//# sourceMappingURL=ColorSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSelector.js","sourceRoot":"","sources":["../../src/components/color-selector/ColorSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAiBlD,MAAM,CAAC,MAAM,aAAa,GAAiC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzJ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7G,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAG,CAAC,eAAe;YAAE,OAAO;QAC5B,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,YACxB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,QAAC,aAAa,QAAC,SAAS,EAAC,kBAAkB,YAC1F,KAAC,MAAM,IACL,YAAY,QACZ,QAAQ,EAAE,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAK,EAChD,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAChC,UAAU,EAAE,KAAK,KAAK,KAAK,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAC1B,IAAI,GACR,GACK,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,EAAE,eAAe,CAAC,CAAC"}

package/components/grid/Grid.d.ts

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

package/components/grid/Grid.js

@@ -0,0 +1,28 @@
+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',
+    },
+});
+export const Grid = ({ children, ...props }) => {
+    const { base } = grid(props);
+    return _jsx("div", { className: base(), children: children });
+};
+//# sourceMappingURL=Grid.js.map

package/components/grid/Grid.js.map

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

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

@@ -0,0 +1,9 @@
+import type { ButtonGroupProps } from '@heroui/button';
+/**
+ * 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/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/Button';
+import { withFragment } from '../../withFragment';
+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');
+//# sourceMappingURL=MultiSwitch.js.map

package/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,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"}

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

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

package/components/theme-switch/ThemeSwitch.js

@@ -0,0 +1,16 @@
+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 { 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/components/theme-switch/ThemeSwitch.js.map

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

package/constants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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/constants.js

@@ -0,0 +1,13 @@
+/**
+ * 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/constants.js.map

@@ -0,0 +1 @@
+{"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/context.d.ts

@@ -0,0 +1,106 @@
+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 declare const defaultContext: FragmentUIContext;
+export declare const FragmentUIContext: import("react").Context<FragmentUIContext>;