@fragment-build/ui 2.2.0 → 3.0.4

package/fragments/widget/Widget.styles.d.ts

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

package/fragments/widget/Widget.styles.js

@@ -0,0 +1,20 @@
+import { tv } from 'tailwind-variants';
+export const widget = tv({
+    slots: {
+        base: 'fragment-widget',
+        header: 'fragment-widget__header',
+        headerEndContent: 'fragment-widget__header-end',
+        content: 'fragment-widget__content',
+    },
+    variants: {
+        size: {
+            sm: { base: 'fragment-widget--sm' },
+            md: { base: 'fragment-widget--md' },
+            lg: { base: 'fragment-widget--lg' },
+        },
+    },
+    defaultVariants: {
+        size: 'sm',
+    },
+});
+//# sourceMappingURL=Widget.styles.js.map

package/fragments/widget/Widget.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.styles.js","sourceRoot":"","sources":["../../src/fragments/widget/Widget.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,yBAAyB;QACjC,gBAAgB,EAAE,6BAA6B;QAC/C,OAAO,EAAE,0BAA0B;KACpC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE;YACnC,EAAE,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE;YACnC,EAAE,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE;SACpC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC"}

package/index.d.ts

@@ -0,0 +1,12 @@
+export { useTheme } from 'next-themes';
+export { FragmentUIProvider } from './provider';
+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 { Navbar, type NavbarProps } from './fragments/navbar/Navbar';
+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

@@ -1,67 +1,14 @@
-export { getKeyValue } from '@heroui/shared-utils';
-export { useDisclosure } from '@heroui/use-disclosure';
-export { VisuallyHidden } from '@react-aria/visually-hidden';
+// TODO: export as utils.ts
 export { useTheme } from 'next-themes';
 export { FragmentUIProvider } from './provider';
-// base components
-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';
 // fragment components
-export { Chart } from './components/chart/Chart';
-export { ColorInput } from './components/color-input/ColorInput';
-export { ColorSelector } from './components/color-selector/ColorSelector';
 export { Grid } from './components/grid/Grid';
 export { MultiSwitch } from './components/multi-switch/MultiSwitch';
 export { ThemeSwitch } from './components/theme-switch/ThemeSwitch';
 export { Form } from './fragments/form/Form';
 export { FormSection } from './fragments/form/FormSection';
 export { PageHeader } from './fragments/page/PageHeader';
+export { Navbar } from './fragments/navbar/Navbar';
 export { Shell } from './fragments/shell/Shell';
 export { Sidebar } from './fragments/sidebar/Sidebar';
 export { Widget } from './fragments/widget/Widget';

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,sBAAsB;AACtB,OAAO,EAAE,IAAI,EAAkB,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAyB,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAyB,MAAO,uCAAuC,CAAC;AAE5F,OAAO,EAAE,IAAI,EAAkB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAyB,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAwB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAmB,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAqB,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC"}

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@fragment-build/ui",
-  "version": "2.2.0",
+  "version": "3.0.4",
   "type": "module",
+  "engines": {
+    "node": ">=22"
+  },
   "main": "index.js",
   "types": "index.d.ts",
   "repository": {
@@ -9,50 +12,51 @@
     "url": "git+https://github.com/fragment-build/fragment-ui.git"
   },
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "tsc",
-    "build:prod": "tsc --outDir .",
-    "lint": "eslint --report-unused-disable-directives --max-warnings 0 ./src",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "update": "npx npm-check-updates -i --format group"
-  },
   "peerDependencies": {
     "tailwindcss": "4.1.12"
   },
   "dependencies": {
-    "@heroui/react": "2.8.4",
-    "@tabler/icons-react": "3.35.0",
-    "apexcharts": "3.54.1",
-    "framer-motion": "11.18.2",
-    "lodash.defaultsdeep": "4.6.1",
+    "@heroui/react": "3.0.5",
+    "@heroui/styles": "3.0.5",
+    "@tabler/icons-react": "3.44.0",
+    "apexcharts": "5.12.0",
+    "i": "0.3.7",
     "next-themes": "0.4.6",
-    "react-apexcharts": "1.5.0",
-    "tailwindcss": "4.1.14"
+    "npm": "11.14.1",
+    "react-apexcharts": "2.1.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "4.3.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "9.1.10",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "9.1.10",
-    "@storybook/react-vite": "9.1.10",
-    "@tailwindcss/vite": "4.1.14",
-    "@types/lodash.defaultsdeep": "4.6.9",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.45.0",
-    "@typescript-eslint/parser": "8.45.0",
-    "@vitejs/plugin-react": "5.0.4",
-    "@vitejs/plugin-react-swc": "4.1.0",
-    "@vueless/storybook-dark-mode": "9.0.9",
-    "eslint": "9.36.0",
-    "eslint-plugin-react-hooks": "6.1.0",
-    "eslint-plugin-react-refresh": "0.4.23",
-    "eslint-plugin-storybook": "9.1.10",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "storybook": "9.1.10",
-    "typescript": "5.9.3",
-    "typescript-eslint": "8.45.0",
-    "vite": "7.1.9"
+    "@storybook/addon-a11y": "10.4.0",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-links": "10.4.0",
+    "@storybook/react-vite": "10.4.0",
+    "@tailwindcss/vite": "4.3.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "8.59.3",
+    "@typescript-eslint/parser": "8.59.3",
+    "@vitejs/plugin-react": "6.0.2",
+    "@vitejs/plugin-react-swc": "4.3.1",
+    "@vueless/storybook-dark-mode": "10.0.8",
+    "eslint": "10.4.0",
+    "eslint-plugin-react-hooks": "7.1.1",
+    "eslint-plugin-react-refresh": "0.5.2",
+    "eslint-plugin-storybook": "10.4.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "storybook": "10.4.0",
+    "typescript": "6.0.3",
+    "typescript-eslint": "8.59.3",
+    "vite": "8.0.13"
+  },
+  "scripts": {
+    "build": "tsc",
+    "build:prod": "tsc --outDir .",
+    "lint": "eslint --report-unused-disable-directives --max-warnings 0 ./src",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "update": "npx npm-check-updates -i --format group -p pnpm"
   }
-}
+}

package/provider.d.ts

@@ -0,0 +1,7 @@
+import { type LinkComponent } from './context';
+interface FragmentUIProviderProps {
+    children: React.ReactNode;
+    linkComponent?: LinkComponent;
+}
+export declare const FragmentUIProvider: React.FC<FragmentUIProviderProps>;
+export {};

package/provider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from 'next-themes';
+import { FragmentUIContext } from './context';
+export const FragmentUIProvider = ({ children, linkComponent = 'a', }) => {
+    return (_jsx(FragmentUIContext.Provider, { value: { linkComponent }, 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,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAsB,MAAM,WAAW,CAAC;AAOlE,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,aAAa,GAAG,GAAG,GACpB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YAClD,KAAC,aAAa,IAAC,SAAS,EAAC,OAAO,YAC7B,QAAQ,GACK,GACW,CAC9B,CAAC;AACJ,CAAC,CAAC"}