@fragment-build/ui 2.2.0 → 2.2.1

package/context.js

@@ -0,0 +1,467 @@
+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);
+//# sourceMappingURL=context.js.map

package/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["src/context.ts"],"names":[],"mappings":"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"}

package/fragments/form/Form.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Primary UI component for Form Sections
+ */
+import React from 'react';
+export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    children: React.ReactNode[];
+}
+export declare const Form: React.FC<FormProps>;

package/fragments/form/Form.js

@@ -0,0 +1,18 @@
+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 }) => {
+    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');
+//# sourceMappingURL=Form.js.map

package/fragments/form/Form.js.map

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

package/fragments/form/FormSection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Primary UI component for Form Sections
+ */
+import React from 'react';
+export interface FormSectionProps {
+    children: React.ReactNode;
+    title: string;
+    description?: React.ReactNode;
+    direction?: 'vertical' | 'horizontal';
+    fullWidth?: boolean;
+}
+export declare const FormSection: React.FC<FormSectionProps>;

package/fragments/form/FormSection.js

@@ -0,0 +1,38 @@
+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 }) => {
+    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

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

package/fragments/page/PageHeader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Primary UI component for Form Sections
+ */
+import React from 'react';
+export interface PageHeaderProps {
+    children?: React.ReactNode;
+    title: string;
+    description?: React.ReactNode;
+}
+export declare const PageHeader: React.FC<PageHeaderProps>;

package/fragments/page/PageHeader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tv } from 'tailwind-variants';
+const pageHeader = tv({
+    slots: {
+        base: 'flex gap-4 justify-between sm:items-end mb-8 flex-col sm:flex-row',
+        description: 'mt-2 text-foreground-500 ',
+        actions: 'flex gap-4',
+    },
+});
+export const PageHeader = ({ children, title, description, ...props }) => {
+    const v = pageHeader(props);
+    return (_jsxs("header", { className: v.base(), children: [_jsxs("div", { children: [_jsx("h1", { children: title }), description && _jsx("p", { className: v.description(), children: description })] }), _jsx("div", { className: v.actions(), children: children })] }));
+};
+//# sourceMappingURL=PageHeader.js.map

package/fragments/page/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/fragments/page/PageHeader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAQvC,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,KAAK,EAAE;QACL,IAAI,EAAE,mEAAmE;QACzE,WAAW,EAAE,2BAA2B;QACxC,OAAO,EAAE,YAAY;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAE5B,OAAO,CACL,kBAAQ,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACzB,0BACE,uBAAK,KAAK,GAAM,EACf,WAAW,IAAI,YAAG,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAK,IAC5D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YAAG,QAAQ,GAAO,IACtC,CACV,CAAC;AACJ,CAAC,CAAC"}

package/fragments/shell/Shell.d.ts

@@ -0,0 +1,9 @@
+import { type SidebarProps } from '../sidebar/Sidebar';
+/**
+ * Primary UI component for Dashboard App Shell
+ */
+export interface ShellProps {
+    sidebar: SidebarProps;
+    children: React.ReactNode;
+}
+export declare const Shell: React.FC<ShellProps>;

package/fragments/shell/Shell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sidebar } from '../sidebar/Sidebar';
+export const Shell = ({ sidebar, children }) => {
+    return (_jsxs("div", { className: "flex min-h-screen", children: [_jsx(Sidebar, { ...sidebar }), _jsx("main", { className: "flex-1 px-6 lg:px-12 xl:px-20 py-14 min-w-0 max-w-[1920px] mx-auto", children: children })] }));
+};
+//# sourceMappingURL=Shell.js.map

package/fragments/shell/Shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,oBAAoB,CAAC;AAWhE,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,OAAO,OAAK,OAAO,GAAI,EACxB,eAAM,SAAS,EAAC,oEAAoE,YACjF,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}

package/fragments/sidebar/Sidebar.d.ts

@@ -0,0 +1,49 @@
+import type { AvatarProps } from '@heroui/avatar';
+import type { DropdownItemProps, DropdownProps } from '@heroui/dropdown';
+import type { ListboxProps } from '@heroui/listbox';
+/**
+ * Primary UI component for Dashboard Sidebars
+ */
+interface SidebarNavigationItem {
+    label: string;
+    link: string;
+    onClick?: React.MouseEventHandler;
+    icon?: React.ReactNode;
+    endContent?: React.ReactNode;
+    badgeContent?: React.ReactNode;
+    items?: SidebarItemVariants[];
+}
+interface SidebarItem {
+    key: string;
+    align?: 'top' | 'center' | 'bottom';
+}
+interface SidebarItemNavigation extends SidebarItem {
+    type: 'navigation';
+    label?: string;
+    navigation: SidebarNavigationItem[];
+    listboxProps?: Omit<ListboxProps, 'children'>;
+}
+interface SidebarItemUser extends SidebarItem {
+    type: 'user';
+    avatar?: AvatarProps;
+    name: string;
+    description?: string;
+    dropdown?: Omit<DropdownProps, 'children'>;
+    dropdownItems?: (Omit<DropdownItemProps, 'children'> & {
+        label: string;
+    })[];
+}
+interface SidebarItemCustom extends SidebarItem {
+    type: 'custom';
+    render: React.ReactNode;
+    showCollapsedOnly?: boolean;
+    showExpandedOnly?: boolean;
+}
+type SidebarItemVariants = SidebarItemNavigation | SidebarItemUser | SidebarItemCustom;
+export interface SidebarProps {
+    items: SidebarItemVariants[];
+    layout?: 'auto' | 'collapsed' | 'expanded';
+    currentPath?: string;
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export {};