@fragment-build/ui 2.2.1 → 3.0.9

package/context.js

@@ -1,467 +1,6 @@
-import { createContext } from 'react';
-export const defaultContext = {
-    defaults: {
-        avatar: {
-            radius: 'full',
-        },
-        table: {
-            removeWrapper: true,
-        },
-        tabs: {
-            classNames: {
-                tabList: 'p-0',
-                panel: 'border-t-[1px] border-default-200 pt-6',
-            },
-            variant: 'underlined',
-        },
-        user: {
-            avatarProps: {
-                radius: 'full',
-            },
-        },
-        multiSwitch: {
-            variant: 'flat',
-        },
-        button: {
-            variant: 'flat',
-            radius: 'sm',
-        },
-        chart: {
-            area: {
-                options: {
-                    chart: {
-                        height: '100%',
-                        width: '100%',
-                        type: 'area',
-                        fontFamily: 'Inter, sans-serif',
-                        dropShadow: {
-                            enabled: false,
-                        },
-                        toolbar: {
-                            show: false,
-                        },
-                        zoom: {
-                            enabled: 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: 3,
-                    },
-                    grid: {
-                        show: false,
-                        strokeDashArray: 4,
-                        padding: {
-                            left: 2,
-                            right: 2,
-                            top: 0
-                        },
-                    },
-                    xaxis: {
-                        labels: {
-                            show: false,
-                        },
-                        axisBorder: {
-                            show: false,
-                        },
-                        axisTicks: {
-                            show: false,
-                        },
-                    },
-                    yaxis: {
-                        show: false,
-                    },
-                },
-            },
-            line: {
-                options: {
-                    chart: {
-                        type: 'line',
-                        width: '100%',
-                        height: '100%',
-                        fontFamily: 'Inter, sans-serif',
-                        dropShadow: {
-                            enabled: false,
-                        },
-                        toolbar: {
-                            show: false,
-                        },
-                        animations: {
-                            enabled: false
-                        },
-                        zoom: {
-                            enabled: false,
-                        },
-                    },
-                    tooltip: {
-                        theme: 'dark',
-                        enabled: true,
-                        x: {
-                            show: false,
-                        },
-                    },
-                    dataLabels: {
-                        enabled: false,
-                    },
-                    stroke: {
-                        width: 3,
-                        curve: 'smooth'
-                    },
-                    grid: {
-                        show: true,
-                        strokeDashArray: 4,
-                        padding: {
-                            left: 20,
-                            right: 20,
-                        },
-                    },
-                    legend: {
-                        show: true,
-                        position: 'top',
-                        horizontalAlign: 'left'
-                    },
-                    xaxis: {
-                        categories: ['01 Feb', '02 Feb', '03 Feb', '04 Feb', '05 Feb', '06 Feb', '07 Feb'],
-                        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,
-                    },
-                },
-            },
-            column: {
-                options: {
-                    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',
-                        },
-                    },
-                    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,
-                    },
-                    xaxis: {
-                        labels: {
-                            show: true,
-                            style: {
-                                fontFamily: 'Inter, sans-serif',
-                            },
-                            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',
-                            }
-                        }
-                    },
-                    grid: {
-                        show: true,
-                        strokeDashArray: 4,
-                        padding: {
-                            left: 2,
-                            right: 2,
-                            top: -20
-                        },
-                    }
-                },
-            },
-            pie: {
-                options: {
-                    chart: {
-                        height: '100%',
-                        width: '100%',
-                        type: 'pie',
-                    },
-                    stroke: {
-                        width: 5,
-                    },
-                    plotOptions: {
-                        pie: {
-                            expandOnClick: false,
-                            dataLabels: {
-                                offset: -25,
-                            }
-                        },
-                    },
-                    dataLabels: {
-                        enabled: true,
-                        style: {
-                            fontFamily: 'Inter, sans-serif',
-                        },
-                        background: {
-                            enabled: true,
-                            padding: 10,
-                            borderWidth: 0,
-                            borderRadius: 5,
-                            dropShadow: {
-                                enabled: true,
-                            }
-                        },
-                        dropShadow: {
-                            enabled: false,
-                        }
-                    },
-                    legend: {
-                        position: 'bottom',
-                        fontFamily: 'Inter, sans-serif',
-                    },
-                    xaxis: {
-                        axisTicks: {
-                            show: false,
-                        },
-                        axisBorder: {
-                            show: false,
-                        },
-                    },
-                },
-            },
-            donut: {
-                options: {
-                    chart: {
-                        height: '100%',
-                        width: '100%',
-                        type: 'donut',
-                    },
-                    stroke: {
-                        width: 5,
-                    },
-                    plotOptions: {
-                        pie: {
-                            donut: {
-                                labels: {
-                                    show: true,
-                                    name: {
-                                        show: true,
-                                        fontFamily: 'Inter, sans-serif',
-                                        offsetY: 20,
-                                    },
-                                    total: {
-                                        showAlways: true,
-                                        show: true,
-                                        fontFamily: 'Inter, sans-serif',
-                                    },
-                                    value: {
-                                        show: true,
-                                        fontFamily: 'Inter, sans-serif',
-                                        offsetY: -20,
-                                    },
-                                },
-                                size: '80%',
-                            },
-                        },
-                    },
-                    grid: {
-                        padding: {
-                            top: -2,
-                        },
-                    },
-                    dataLabels: {
-                        enabled: false,
-                    },
-                    legend: {
-                        position: 'bottom',
-                        fontFamily: 'Inter, sans-serif',
-                    },
-                    xaxis: {
-                        axisTicks: {
-                            show: false,
-                        },
-                        axisBorder: {
-                            show: false,
-                        },
-                    },
-                },
-            },
-            radial: {
-                options: {
-                    chart: {
-                        height: '100%',
-                        width: '100%',
-                        type: 'radialBar',
-                        sparkline: {
-                            enabled: true,
-                        },
-                    },
-                    stroke: {
-                        lineCap: 'round',
-                    },
-                    plotOptions: {
-                        radialBar: {
-                            dataLabels: {
-                                show: false,
-                            },
-                            hollow: {
-                                margin: 0,
-                                size: '32%',
-                            }
-                        },
-                    },
-                    grid: {
-                        show: false,
-                        strokeDashArray: 4,
-                        padding: {
-                            left: 2,
-                            right: 2,
-                            top: -23,
-                            bottom: -20,
-                        },
-                    },
-                    legend: {
-                        show: true,
-                        position: 'bottom',
-                        fontFamily: 'Inter, sans-serif',
-                    },
-                    tooltip: {
-                        theme: 'dark',
-                        enabled: true,
-                        x: {
-                            show: false,
-                        },
-                    },
-                    yaxis: {
-                        show: false,
-                    }
-                },
-            },
-        },
-        pagination: {
-            variant: 'light',
-        }
-    },
-};
-export const FragmentUIContext = createContext(defaultContext);
+import { createContext, useContext } from 'react';
+export const FragmentUIContext = createContext({
+    linkComponent: 'a',
+});
+export const useFragmentUI = () => useContext(FragmentUIContext);
 //# sourceMappingURL=context.js.map

package/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["src/context.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IACrE,aAAa,EAAE,GAAG;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/fragments/form/Form.js

@@ -3,16 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Primary UI component for Form Sections
  */
 import React, { isValidElement } from 'react';
-import { tv } from 'tailwind-variants';
-import { Divider } from '../../components/base/Divider';
-import { withFragment } from '../../withFragment';
-const form = tv({
-    slots: {
-        divider: 'my-6',
-    },
-});
-export const Form = withFragment(({ children, ...props }) => {
+import { Separator } from '@heroui/react';
+import { form } from './Form.styles';
+export const Form = ({ children, ...props }) => {
     const v = form();
-    return (_jsx("form", { ...props, children: children.filter(isValidElement).map((child, index) => index === 0 ? child : (_jsxs(React.Fragment, { children: [_jsx(Divider, { className: v.divider() }), child] }, index))) }));
-}, 'form');
+    return (_jsx("form", { ...props, children: children.filter(isValidElement).map((child, index) => index === 0 ? child : (_jsxs(React.Fragment, { children: [_jsx(Separator, { className: v.separator() }), child] }, index))) }));
+};
 //# sourceMappingURL=Form.js.map

package/fragments/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/fragments/form/Form.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMlD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAwB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/E,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,kBAAU,KAAK,YACZ,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC3E,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,GAAI,EAClC,KAAK,KAFa,KAAK,CAGT,CAClB,CAAC,GACG,CACR,CAAC;AACJ,CAAC,EAAE,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/fragments/form/Form.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMrC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,kBAAU,KAAK,YACZ,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC3E,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,GAAI,EACtC,KAAK,KAFa,KAAK,CAGT,CAClB,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/fragments/form/Form.styles.d.ts

@@ -0,0 +1,25 @@
+export declare const form: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            separator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            separator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    separator: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            separator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    separator: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;

package/fragments/form/Form.styles.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+export const form = tv({
+    slots: {
+        separator: 'fragment-form__separator',
+    },
+});
+//# sourceMappingURL=Form.styles.js.map

package/fragments/form/Form.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.styles.js","sourceRoot":"","sources":["../../src/fragments/form/Form.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B;KACtC;CACF,CAAC,CAAC"}

package/fragments/form/FormSection.js

@@ -1,38 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tv } from 'tailwind-variants';
-import { withFragment } from '../../withFragment';
-const formSection = tv({
-    slots: {
-        base: '',
-        main: 'flex flex-col',
-        content: 'flex flex-col gap-4 flex-1 min-w-0',
-        info: 'flex-1 pb-4',
-        description: 'text-small text-foreground-500',
-    },
-    variants: {
-        direction: {
-            horizontal: {
-                main: 'sm:flex-row',
-                content: 'sm:items-end sm:justify-center sm:max-w-sm',
-                info: 'sm:max-w-sm sm:pr-4 sm:pb-0',
-            },
-            vertical: {
-                content: 'sm:max-w-3xl',
-            },
-        },
-        fullWidth: {
-            true: {
-                content: 'sm:max-w-full',
-            },
-        },
-    },
-    defaultVariants: {
-        direction: 'vertical',
-        fullWidth: false,
-    },
-});
-export const FormSection = withFragment(({ children, title, description, ...props }) => {
+import { formSection } from './FormSection.styles';
+export const FormSection = ({ children, title, description, ...props }) => {
     const v = formSection(props);
     return (_jsx("div", { className: v.base(), children: _jsxs("div", { className: v.main(), children: [_jsxs("div", { className: v.info(), children: [_jsx("h3", { children: title }), _jsx("div", { className: v.description(), children: description })] }), _jsx("div", { className: v.content(), children: children })] }) }));
-}, 'formSection');
+};
 //# sourceMappingURL=FormSection.js.map

package/fragments/form/FormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,oCAAoC;QAC7C,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,4CAA4C;gBACrD,IAAI,EAAE,6BAA6B;aACpC;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,cAAc;aACxB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,OAAO,EAAE,eAAe;aACzB;SACF;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjH,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,IAChD,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YACxB,QAAQ,GACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,EAAE,aAAa,CAAC,CAAC"}
+{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUnD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,IAChD,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YACxB,QAAQ,GACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/fragments/form/FormSection.styles.d.ts

@@ -0,0 +1,61 @@
+export declare const formSection: import("tailwind-variants").TVReturnType<{
+    direction: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    main: string;
+    info: string;
+    content: string;
+    description: string;
+}, undefined, {
+    direction: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    main: string;
+    info: string;
+    content: string;
+    description: string;
+}, import("tailwind-variants").TVReturnType<{
+    direction: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    main: string;
+    info: string;
+    content: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;