@fragment-build/ui 2.2.0 → 2.2.1

package/index.d.ts

@@ -0,0 +1,65 @@
+export { getKeyValue } from '@heroui/shared-utils';
+export { useDisclosure } from '@heroui/use-disclosure';
+export { VisuallyHidden } from '@react-aria/visually-hidden';
+export { useTheme } from 'next-themes';
+export { FragmentUIProvider } from './provider';
+export { Accordion, AccordionItem } from './components/base/Accordion';
+export { Alert } from './components/base/Alert';
+export { Autocomplete, AutocompleteItem, AutocompleteSection } from './components/base/Autocomplete';
+export { Avatar } from './components/base/Avatar';
+export { Badge } from './components/base/Badge';
+export { Breadcrumbs, BreadcrumbItem } from './components/base/Breadcrumbs';
+export { Button, ButtonGroup } from './components/base/Button';
+export { Calendar } from './components/base/Calendar';
+export { Card, CardBody, CardFooter, CardHeader } from './components/base/Card';
+export { Checkbox, CheckboxGroup } from './components/base/Checkbox';
+export { Chip } from './components/base/Chip';
+export { CircularProgress } from './components/base/CircularProgress';
+export { Code } from './components/base/Code';
+export { DateInput } from './components/base/DateInput';
+export { DatePicker } from './components/base/DatePicker';
+export { DateRangePicker } from './components/base/DateRangePicker';
+export { Divider } from './components/base/Divider';
+export { Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader } from './components/base/Drawer';
+export { Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger } from './components/base/Dropdown';
+export { Image } from './components/base/Image';
+export { Input } from './components/base/Input';
+export { InputOtp } from './components/base/InputOtp';
+export { Kbd } from './components/base/Kbd';
+export { Link } from './components/base/Link';
+export { Listbox, ListboxItem, ListboxSection } from './components/base/Listbox';
+export { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from './components/base/Modal';
+export { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarMenu, NavbarMenuItem, NavbarMenuToggle } from './components/base/Navbar';
+export { NumberInput } from './components/base/NumberInput';
+export { Pagination, PaginationCursor, PaginationItem } from './components/base/Pagination';
+export { Popover, PopoverContent, PopoverTrigger } from './components/base/Popover';
+export { Progress } from './components/base/Progress';
+export { Radio, RadioGroup } from './components/base/Radio';
+export { RangeCalendar } from './components/base/RangeCalendar';
+export { ScrollShadow } from './components/base/ScrollShadow';
+export { Select, SelectItem, SelectSection } from './components/base/Select';
+export { Skeleton } from './components/base/Skeleton';
+export { Slider } from './components/base/Slider';
+export { Snippet } from './components/base/Snippet';
+export { Spacer } from './components/base/Spacer';
+export { Spinner } from './components/base/Spinner';
+export { Switch } from './components/base/Switch';
+export { Tab, Tabs } from './components/base/Tabs';
+export { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from './components/base/Table';
+export { Textarea } from './components/base/Textarea';
+export { TimeInput } from './components/base/TimeInput';
+export { Toast, ToastProvider } from './components/base/Toast';
+export { Tooltip } from './components/base/Tooltip';
+export { User } from './components/base/User';
+export { Chart, type ChartProps } from './components/chart/Chart';
+export { ColorInput, type ColorInputProps } from './components/color-input/ColorInput';
+export { ColorSelector, type ColorSelectorProps } from './components/color-selector/ColorSelector';
+export { Grid, type GridProps } from './components/grid/Grid';
+export { MultiSwitch, type MultiSwitchProps } from './components/multi-switch/MultiSwitch';
+export { ThemeSwitch, type ThemeSwitchProps } from './components/theme-switch/ThemeSwitch';
+export { Form, type FormProps } from './fragments/form/Form';
+export { FormSection, type FormSectionProps } from './fragments/form/FormSection';
+export { PageHeader, type PageHeaderProps } from './fragments/page/PageHeader';
+export { Shell, type ShellProps } from './fragments/shell/Shell';
+export { Sidebar, type SidebarProps } from './fragments/sidebar/Sidebar';
+export { Widget, type WidgetProps } from './fragments/widget/Widget';

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragment-build/ui",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "type": "module",
   "main": "index.js",
   "types": "index.d.ts",

package/provider.d.ts

@@ -0,0 +1,7 @@
+import { type HeroUIProviderProps } from '@heroui/system';
+import { FragmentUIContext } from './context';
+interface FragmentUIProviderProps extends HeroUIProviderProps {
+    defaults?: FragmentUIContext['defaults'];
+}
+export declare const FragmentUIProvider: React.FC<FragmentUIProviderProps>;
+export {};

package/provider.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeroUIProvider } from '@heroui/system';
+import { ThemeProvider } from 'next-themes';
+import { useEffect, useState } from 'react';
+import defaultsDeep from 'lodash.defaultsdeep';
+import { FragmentUIContext, defaultContext } from './context';
+export const FragmentUIProvider = ({ children, defaults, ...rest }) => {
+    const initContext = defaults ? defaultsDeep({ defaults }, defaultContext) : defaultContext;
+    const [context, setContext] = useState(initContext);
+    useEffect(() => {
+        if (!defaults)
+            return;
+        setContext(defaultsDeep({ defaults }, defaultContext));
+    }, [defaults]);
+    return (_jsx(FragmentUIContext.Provider, { value: context, children: _jsx(HeroUIProvider, { ...rest, children: _jsx(ThemeProvider, { attribute: "class", children: children }) }) }));
+};
+//# sourceMappingURL=provider.js.map

package/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["src/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAA4B,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAM9D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;IAC3F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,UAAU,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,KAAC,cAAc,OAAK,IAAI,YACtB,KAAC,aAAa,IAAC,SAAS,EAAC,OAAO,YAC7B,QAAQ,GACK,GACD,GACU,CAC9B,CAAC;AACJ,CAAC,CAAC"}

package/tailwind.plugin.d.ts

@@ -0,0 +1,3 @@
+import plugin from 'tailwindcss/plugin';
+export declare const fragmentui: () => ReturnType<typeof plugin>;
+export { heroui } from '@heroui/theme';

package/tailwind.plugin.js

@@ -0,0 +1,52 @@
+import plugin from 'tailwindcss/plugin';
+export const fragmentui = () => plugin(function ({ addBase, theme }) {
+    addBase({
+        'h1': {
+            fontSize: theme('fontSize.3xl'),
+            fontWeight: theme('fontWeight.semibold'),
+        },
+        'h2': {
+            fontSize: theme('fontSize.2xl'),
+            fontWeight: theme('fontWeight.semibold'),
+        },
+        'h3': {
+            fontSize: theme('fontSize.xl'),
+            fontWeight: theme('fontWeight.semibold'),
+        },
+        '.apexcharts-yaxis-label, .apexcharts-xaxis-label': {
+            fill: 'currentColor !important',
+        },
+        '.apexcharts-legend-text': {
+            color: 'inherit !important',
+        },
+        '.apexcharts-datalabel-label, .apexcharts-datalabel-value': {
+            fill: 'currentColor !important',
+        },
+        '.apexcharts-tracks .apexcharts-radialbar-area': {
+            stroke: theme('colors.content2'),
+        },
+        '.apexcharts-gridline': {
+            stroke: theme('colors.content4'),
+        },
+        '.apexcharts-pie-area': {
+            stroke: theme('colors.content1'),
+            transitionProperty: theme('transitionProperty.opacity'),
+            transitionDuration: theme('transitionDuration.250'),
+            filter: 'none !important',
+            '&:hover': {
+                opacity: theme('opacity.hover'),
+            },
+        },
+        '.apexcharts-pie .apexcharts-datalabels rect': {
+            fill: String(theme('colors.content1')),
+        },
+        '.apexcharts-pie-label': {
+            fill: 'currentColor !important',
+        },
+        '.apexcharts-tooltip-series-group': {
+            backgroundColor: 'inherit !important'
+        }
+    });
+});
+export { heroui } from '@heroui/theme';
+//# sourceMappingURL=tailwind.plugin.js.map

package/tailwind.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.plugin.js","sourceRoot":"","sources":["src/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG,GAA8B,EAAE,CAAC,MAAM,CAAC,UAAS,EAAE,OAAO,EAAE,KAAK,EAAE;IAC3F,OAAO,CAAC;QACN,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC;YAC/B,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC;YAC/B,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;YAC9B,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAAC;SACzC;QACD,kDAAkD,EAAE;YAClD,IAAI,EAAE,yBAAyB;SAChC;QACD,yBAAyB,EAAE;YACzB,KAAK,EAAE,oBAAoB;SAC5B;QACD,0DAA0D,EAAE;YAC1D,IAAI,EAAE,yBAAyB;SAChC;QACD,+CAA+C,EAAE;YAC/C,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;SACjC;QACD,sBAAsB,EAAE;YACtB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;SACjC;QACD,sBAAsB,EAAE;YACtB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAChC,kBAAkB,EAAE,KAAK,CAAC,4BAA4B,CAAC;YACvD,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CAAC;YACnD,MAAM,EAAE,iBAAiB;YACzB,SAAS,EAAE;gBACT,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC;aAChC;SACF;QACD,6CAA6C,EAAE;YAC7C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;SACvC;QACD,uBAAuB,EAAE;YACvB,IAAI,EAAE,yBAAyB;SAChC;QACD,kCAAkC,EAAE;YAClC,eAAe,EAAE,oBAAoB;SACtC;KACF,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/withFragment.d.ts

@@ -0,0 +1,2 @@
+import { FragmentUIContext } from './context';
+export declare function withFragment<C extends React.ComponentType<any>>(Component: C, configId: keyof FragmentUIContext['defaults']): C;

package/withFragment.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import defaultsDeep from 'lodash.defaultsdeep';
+import { FragmentUIContext } from './context';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function withFragment(Component, configId) {
+    const ComponentWithContext = forwardRef(({ children, ...props }, ref) => {
+        const context = useContext(FragmentUIContext);
+        // TODO: check if defaultsDeep is performance issue, consider introducing useMemo
+        return (_jsx(Component, { ...defaultsDeep(props, context['defaults'][configId] || {}), ref: ref, children: children }));
+    });
+    // fix react-aria collection
+    if ('getCollectionNode' in Component) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ComponentWithContext.getCollectionNode = Component.getCollectionNode;
+    }
+    // fix https://github.com/heroui-inc/heroui/pull/2815
+    ComponentWithContext.displayName = Component.displayName;
+    return ComponentWithContext;
+}
+//# sourceMappingURL=withFragment.js.map

package/withFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFragment.js","sourceRoot":"","sources":["src/withFragment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,8DAA8D;AAC9D,MAAM,UAAU,YAAY,CAAqC,SAAY,EAAE,QAA6C;IAC1H,MAAM,oBAAoB,GAAG,UAAU,CAAmC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;QACxG,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAC9C,iFAAiF;QACjF,OAAO,CACL,KAAC,SAAS,OACJ,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAC5D,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,4BAA4B;IAC5B,IAAI,mBAAmB,IAAI,SAAS,EAAE,CAAC;QACrC,8DAA8D;QAC7D,oBAA4B,CAAC,iBAAiB,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAChF,CAAC;IAED,qDAAqD;IACrD,oBAAoB,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;IAEzD,OAAO,oBAAoC,CAAC;AAC9C,CAAC"}