@datum-cloud/datum-ui 0.4.0 → 0.6.0-alpha.b817c77

package/README.md

@@ -88,7 +88,7 @@ Some components with shared heavy dependencies are grouped under a single subpat
 | `@datum-cloud/datum-ui/map`         | `Map`, `PlaceAutocomplete`, + map controls | `leaflet`, `react-leaflet`, + leaflet plugins |
 | `@datum-cloud/datum-ui/dropzone`    | `Dropzone`, `FileInputButton`              | `react-dropzone`                              |
 | `@datum-cloud/datum-ui/chart`       | `ChartContainer`, `ChartTooltip`, etc.     | `recharts`                                    |
-| `@datum-cloud/datum-ui/form`        | `Form`, `FormField`, `FormInput`, etc.     | `@conform-to/react`, `@conform-to/zod`, `zod` |
+| `@datum-cloud/datum-ui/form`        | `Form`, `FormField`, `FormInput`, etc.     | See [Form Adapters](#form-adapters) below     |
 
 ## Components
 
@@ -136,30 +136,31 @@ Thin wrappers around shadcn/Radix primitives with Datum styling. **Radix UI depe
 
 Complex, fully-customized components with significant business logic.
 
-| Component                                                                                                                        | Additional Dependencies                       | Description                                |
-| -------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- | ------------------------------------------ |
-| `Autocomplete`                                                                                                                   | —                                             | Search autocomplete input                  |
-| `AvatarStack`                                                                                                                    | —                                             | Stacked avatar display                     |
-| `CalendarDatePicker`                                                                                                             | `react-day-picker`, `date-fns`                | Date/range picker with presets             |
-| `DataTable`, `DataTableColumnHeader`, `DataTablePagination`, `DataTableToolbar`, `DataTableViewOptions`                          | `@tanstack/react-table`                       | Advanced data table with sorting/filtering |
-| `Dropdown`, `DropdownHeader`, `DropdownItem`, `DropdownSection`                                                                  | —                                             | Dropdown menu                              |
-| `Dropzone`                                                                                                                       | `react-dropzone`                              | File drag-and-drop upload area             |
-| `EmptyContent`                                                                                                                   | —                                             | Empty state placeholder                    |
-| `FileInputButton`                                                                                                                | —                                             | File upload button                         |
-| `Form`, `FormField`, `FormInput`, `FormTextarea`, `FormSelect`, `FormCheckbox`, `FormSwitch`, `FormRadioGroup`, `FormFieldArray` | `@conform-to/react`, `@conform-to/zod`, `zod` | Form system with validation                |
-| `Grid`                                                                                                                           | `@tanstack/react-virtual`                     | Virtualized data grid                      |
-| `InputNumber`                                                                                                                    | `react-number-format`                         | Numeric input with formatting              |
-| `InputWithAddons`                                                                                                                | —                                             | Input with prefix/suffix addons            |
-| `LoaderOverlay`                                                                                                                  | —                                             | Full-screen loading overlay                |
-| `MoreActions`                                                                                                                    | —                                             | Three-dot actions menu                     |
-| `NProgress`                                                                                                                      | `nprogress`                                   | Page navigation progress bar               |
-| `PageTitle`                                                                                                                      | —                                             | Page header with breadcrumbs               |
-| `Sidebar`, `SidebarHeader`, `SidebarContent`, `SidebarFooter`, `SidebarMenu`, `SidebarMenuItem`, `SidebarMenuButton`             | —                                             | App sidebar navigation                     |
-| `Stepper`                                                                                                                        | `@stepperize/react`                           | Multi-step wizard                          |
-| `TagInput`                                                                                                                       | —                                             | Tag/chip input                             |
-| `TaskQueue`, `TaskQueueProvider`, `TaskQueueDropdown`, `TaskPanelHeader`, `TaskSummaryDialog`                                    | —                                             | Background task queue with progress UI     |
-| `TimeRangePicker`                                                                                                                | `date-fns`, `date-fns-tz`                     | Time range selector with timezone support  |
-| `Toast`, `Toaster`, `useToast`                                                                                                   | `sonner`                                      | Toast notifications                        |
+| Component                                                                                                                        | Additional Dependencies                   | Description                                |
+| -------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | ------------------------------------------ |
+| `Autocomplete`                                                                                                                   | —                                         | Search autocomplete input                  |
+| `AvatarStack`                                                                                                                    | —                                         | Stacked avatar display                     |
+| `CalendarDatePicker`                                                                                                             | `react-day-picker`, `date-fns`            | Date/range picker with presets             |
+| `CodeEditor`, `CodeEditorTabs`                                                                                                   | `@monaco-editor/react`, `monaco-editor`   | Monaco-based code editor with VS Code UX   |
+| `DataTable`, `DataTableColumnHeader`, `DataTablePagination`, `DataTableToolbar`, `DataTableViewOptions`                          | `@tanstack/react-table`                   | Advanced data table with sorting/filtering |
+| `Dropdown`, `DropdownHeader`, `DropdownItem`, `DropdownSection`                                                                  | —                                         | Dropdown menu                              |
+| `Dropzone`                                                                                                                       | `react-dropzone`                          | File drag-and-drop upload area             |
+| `EmptyContent`                                                                                                                   | —                                         | Empty state placeholder                    |
+| `FileInputButton`                                                                                                                | —                                         | File upload button                         |
+| `Form`, `FormField`, `FormInput`, `FormTextarea`, `FormSelect`, `FormCheckbox`, `FormSwitch`, `FormRadioGroup`, `FormFieldArray` | See [Form Adapters](#form-adapters) below | Form system with pluggable adapter support |
+| `Grid`                                                                                                                           | `@tanstack/react-virtual`                 | Virtualized data grid                      |
+| `InputNumber`                                                                                                                    | `react-number-format`                     | Numeric input with formatting              |
+| `InputWithAddons`                                                                                                                | —                                         | Input with prefix/suffix addons            |
+| `LoaderOverlay`                                                                                                                  | —                                         | Full-screen loading overlay                |
+| `MoreActions`                                                                                                                    | —                                         | Three-dot actions menu                     |
+| `NProgress`                                                                                                                      | `nprogress`                               | Page navigation progress bar               |
+| `PageTitle`                                                                                                                      | —                                         | Page header with breadcrumbs               |
+| `Sidebar`, `SidebarHeader`, `SidebarContent`, `SidebarFooter`, `SidebarMenu`, `SidebarMenuItem`, `SidebarMenuButton`             | —                                         | App sidebar navigation                     |
+| `Stepper`                                                                                                                        | `@stepperize/react`                       | Multi-step wizard                          |
+| `TagInput`                                                                                                                       | —                                         | Tag/chip input                             |
+| `TaskQueue`, `TaskQueueProvider`, `TaskQueueDropdown`, `TaskPanelHeader`, `TaskSummaryDialog`                                    | —                                         | Background task queue with progress UI     |
+| `TimeRangePicker`                                                                                                                | `date-fns`, `date-fns-tz`                 | Time range selector with timezone support  |
+| `Toast`, `Toaster`, `useToast`                                                                                                   | `sonner`                                  | Toast notifications                        |
 
 ## Usage Examples
 
@@ -211,26 +212,45 @@ import { Title, Text, Paragraph, Code } from '@datum-cloud/datum-ui/typography'
 
 ### Form with Validation
 
+The form system uses a pluggable adapter pattern. Wrap your app with an adapter, then use `Form.*` components as usual:
+
 ```tsx
-import { Form, FormField, FormInput, FormSelect } from '@datum-cloud/datum-ui/form'
+import { Form } from '@datum-cloud/datum-ui/form'
+import { ConformAdapter } from '@datum-cloud/datum-ui/form/adapters/conform'
+// or: import { RHFAdapter } from '@datum-cloud/datum-ui/form/adapters/rhf'
 import { z } from 'zod'
 
 const schema = z.object({
-  name: z.string().min(1),
+  name: z.string().min(1, 'Name is required'),
   role: z.enum(['admin', 'user']),
 })
 
-<Form schema={schema} onSubmit={handleSubmit}>
-  <FormField name="name">
-    <FormInput label="Name" />
-  </FormField>
-  <FormField name="role">
-    <FormSelect label="Role" options={[
-      { label: 'Admin', value: 'admin' },
-      { label: 'User', value: 'user' },
-    ]} />
-  </FormField>
-</Form>
+// Wrap your app once with an adapter
+function App() {
+  return (
+    <ConformAdapter>
+      <MyForm />
+    </ConformAdapter>
+  )
+}
+
+// Form code is identical regardless of adapter
+function MyForm() {
+  return (
+    <Form.Root schema={schema} onSubmit={handleSubmit}>
+      <Form.Field name="name" label="Name" required>
+        <Form.Input />
+      </Form.Field>
+      <Form.Field name="role" label="Role" required>
+        <Form.Select placeholder="Select a role">
+          <Form.SelectItem value="admin">Admin</Form.SelectItem>
+          <Form.SelectItem value="user">User</Form.SelectItem>
+        </Form.Select>
+      </Form.Field>
+      <Form.Submit>Save</Form.Submit>
+    </Form.Root>
+  )
+}
 ```
 
 ### Map
@@ -363,15 +383,21 @@ Many components require additional packages. Install only what you use:
 > Replace `npm install` with `yarn add`, `pnpm add`, or `bun add` for your package manager.
 
 ```bash
-# Forms (Form, FormField, FormInput, etc.)
+# Forms — Conform adapter
 npm install @conform-to/react @conform-to/zod zod
 
+# Forms — React Hook Form adapter (alternative)
+npm install react-hook-form @hookform/resolvers zod
+
 # Maps (Map, MapMarker, MapPopup, etc.)
 npm install leaflet react-leaflet leaflet-draw leaflet.fullscreen leaflet.markercluster react-leaflet-markercluster
 
 # Charts (ChartContainer, ChartTooltip, etc.)
 npm install recharts
 
+# Code editor (CodeEditor, CodeEditorTabs)
+npm install @monaco-editor/react monaco-editor
+
 # Date pickers (Calendar, CalendarDatePicker, TimeRangePicker)
 npm install react-day-picker date-fns date-fns-tz
 
@@ -403,6 +429,19 @@ npm install nuqs
 npm install motion
 ```
 
+## Form Adapters
+
+The form system supports pluggable adapters. Choose one and wrap your app:
+
+| Adapter             | Import Path                                   | Dependencies                                                         |
+| ------------------- | --------------------------------------------- | -------------------------------------------------------------------- |
+| **Conform.js**      | `@datum-cloud/datum-ui/form/adapters/conform` | `@conform-to/react`, `@conform-to/zod`, `zod` (>=4)                  |
+| **React Hook Form** | `@datum-cloud/datum-ui/form/adapters/rhf`     | `react-hook-form` (>=7.55), `@hookform/resolvers` (>=5), `zod` (>=4) |
+
+The `Form.*` component API is identical with either adapter. Switch adapters by changing only the root provider -- no form code changes needed.
+
+See the [Form README](./src/components/features/form/README.md) for detailed documentation.
+
 ## Tech Stack
 
 - **React 19** with server component support

package/dist/adapter-context-B7L2ucTr.mjs

@@ -0,0 +1,25 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/features/form/adapter-context.tsx
+const AdapterContext = React$1.createContext(null);
+/**
+* Read the current form adapter from context.
+* Throws with a helpful error if no adapter is found.
+*/
+function useAdapter() {
+	const adapter = React$1.use(AdapterContext);
+	if (!adapter) throw new Error("No form adapter found. Wrap your application with an adapter provider:\n\n  import { ConformAdapter } from '@datum-cloud/datum-ui/form/adapters/conform'\n  // or\n  import { RHFAdapter } from '@datum-cloud/datum-ui/form/adapters/rhf'\n\n  <ConformAdapter>\n    <App />\n  </ConformAdapter>");
+	return adapter;
+}
+/**
+* Internal provider used by adapter packages (ConformAdapter, RHFAdapter).
+* Consumers don't use this directly.
+*/
+function FormAdapterProvider({ adapter, children }) {
+	return /* @__PURE__ */ jsx(AdapterContext, {
+		value: adapter,
+		children
+	});
+}
+//#endregion
+export { useAdapter as n, FormAdapterProvider as t };

package/dist/alert/index.mjs

@@ -1,3 +1,2 @@
-import { n as AlertDescription, r as AlertTitle, t as Alert } from "../alert-BC2Mccfo.mjs";
-
-export { Alert, AlertDescription, AlertTitle };
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "../alert-BDj6od5I.mjs";
+export { Alert, AlertDescription, AlertTitle };

package/dist/{alert-BC2Mccfo.mjs → alert-BDj6od5I.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import { cva } from "class-variance-authority";
 import { CircleXIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/base/alert/alert.tsx
 /**
 * Datum Alert Component
@@ -90,6 +89,5 @@ function AlertDescription({ className, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { AlertDescription as n, AlertTitle as r, Alert as t };
+export { AlertDescription as n, AlertTitle as r, Alert as t };

package/dist/app-navigation/index.mjs

@@ -1,12 +1,4 @@
-import "../utils-DJboNGQM.mjs";
-import "../separator-BzyALya2.mjs";
-import "../button-D6AORsOz.mjs";
-import "../collapsible-Dw71o2um.mjs";
-import "../input-DEMoi_8F.mjs";
-import "../sheet-DAcFjaGw.mjs";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-B3EV33mG.mjs";
-import "../skeleton-2vQ0vFQk.mjs";
-import "../tooltip-CuX2jQA9.mjs";
-import { n as NavMenu, t as AppNavigation } from "../app-navigation-DsCKgfPe.mjs";
-
-export { AppNavigation, NavMenu, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-BnhnjvfO.mjs";
+import "../sidebar/index.mjs";
+import { n as NavMenu, t as AppNavigation } from "../app-navigation-84ro28PU.mjs";
+export { AppNavigation, NavMenu, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/{app-navigation-DsCKgfPe.mjs → app-navigation-84ro28PU.mjs}

@@ -1,12 +1,11 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Icon } from "./icon-wrapper-BBK4z4tj.mjs";
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./collapsible-Dw71o2um.mjs";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, c as SidebarHeader, d as SidebarMenu, h as SidebarMenuItem, i as SidebarGroup, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, w as useSidebar } from "./sidebar-B3EV33mG.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./collapsible-CUphkSBt.mjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, c as SidebarHeader, d as SidebarMenu, h as SidebarMenuItem, i as SidebarGroup, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, w as useSidebar } from "./sidebar-BnhnjvfO.mjs";
 import { ChevronRight, ExternalLinkIcon } from "lucide-react";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "motion/react";
-
 //#region src/components/features/app-navigation/nav-menu.tsx
 const NAV_STYLES = {
 	menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-2 py-1 data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary",
@@ -378,7 +377,6 @@ function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp =
 	});
 }
 NavMenu.displayName = "NavMenu";
-
 //#endregion
 //#region src/components/features/app-navigation/app-navigation.tsx
 function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, ...props }) {
@@ -411,6 +409,5 @@ function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, curren
 		})
 	});
 }
-
 //#endregion
-export { NavMenu as n, AppNavigation as t };
+export { NavMenu as n, AppNavigation as t };

package/dist/autocomplete/index.mjs

@@ -1,7 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../dialog-DdrHeboM.mjs";
-import "../command-DVroicgn.mjs";
-import "../popover-ugw5MpuT.mjs";
-import { t as Autocomplete } from "../autocomplete-DRB_kSVx.mjs";
-
-export { Autocomplete };
+import { t as Autocomplete } from "../autocomplete-V5-qslzS.mjs";
+export { Autocomplete };

package/dist/{autocomplete-DRB_kSVx.mjs → autocomplete-V5-qslzS.mjs}

@@ -1,12 +1,11 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DVroicgn.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-ugw5MpuT.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-8IWX_1Ga.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DqHWukGK.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-BTFdkp7W.mjs";
 import { CheckIcon, ChevronDown } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
-
 //#region src/components/features/autocomplete/autocomplete.tsx
 function isGroupedOptions(options) {
 	return options.length > 0 && "options" in options[0];
@@ -290,6 +289,5 @@ function Autocomplete({ options, value, onValueChange, onSearchChange, searchPla
 	});
 }
 Autocomplete.displayName = "Autocomplete";
-
 //#endregion
-export { Autocomplete as t };
+export { Autocomplete as t };

package/dist/avatar/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "../avatar-DyLq0xkt.mjs";
-
-export { Avatar, AvatarFallback, AvatarImage };
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "../avatar-BtKVcvO4.mjs";
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/{avatar-DyLq0xkt.mjs → avatar-BtKVcvO4.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-
 //#region ../shadcn/ui/avatar.tsx
 const Avatar = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
@@ -25,6 +24,5 @@ const AvatarFallback = ({ className, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
-export { AvatarFallback as n, AvatarImage as r, Avatar as t };
+export { AvatarFallback as n, AvatarImage as r, Avatar as t };

package/dist/avatar-stack/index.mjs

@@ -1,6 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../avatar-DyLq0xkt.mjs";
-import "../tooltip-CuX2jQA9.mjs";
-import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-BT0dBswq.mjs";
-
-export { AvatarStack, avatarStackVariants };
+import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-oVr8tsU7.mjs";
+export { AvatarStack, avatarStackVariants };

package/dist/{avatar-stack-BT0dBswq.mjs → avatar-stack-oVr8tsU7.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "./avatar-DyLq0xkt.mjs";
-import { t as Tooltip } from "./tooltip-CuX2jQA9.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "./avatar-BtKVcvO4.mjs";
+import { t as Tooltip } from "./tooltip-Cruvl5F6.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/features/avatar-stack/avatar-stack.tsx
 const avatarStackVariants = cva("flex", {
 	variants: {
@@ -50,6 +49,5 @@ function AvatarStack({ className, orientation, avatars, spacing, maxAvatarsAmoun
 		}) : null]
 	});
 }
-
 //#endregion
-export { avatarStackVariants as n, AvatarStack as t };
+export { avatarStackVariants as n, AvatarStack as t };

package/dist/badge/index.mjs

@@ -1,3 +1,2 @@
-import { n as badgeVariants, t as Badge } from "../badge-BgFj4Nsc.mjs";
-
-export { Badge, badgeVariants };
+import { n as badgeVariants, t as Badge } from "../badge-DJR33ftJ.mjs";
+export { Badge, badgeVariants };

package/dist/{badge-BgFj4Nsc.mjs → badge-DJR33ftJ.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/base/badge/badge.tsx
 /**
 * Datum Badge Component
@@ -180,6 +179,5 @@ function Badge({ className, type, theme, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { badgeVariants as n, Badge as t };
+export { badgeVariants as n, Badge as t };

package/dist/breadcrumb/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-CJNaYyk1.mjs";
-
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-B-9G347O.mjs";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/{breadcrumb-CJNaYyk1.mjs → breadcrumb-B-9G347O.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/breadcrumb.tsx
 const Breadcrumb = ({ ...props }) => {
 	return /* @__PURE__ */ jsx("nav", {
@@ -66,6 +65,5 @@ const BreadcrumbEllipsis = ({ className, ...props }) => {
 		})]
 	});
 };
-
 //#endregion
-export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
+export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };

package/dist/button/index.mjs

@@ -1,4 +1,3 @@
-import { n as buttonVariants, t as Button } from "../button-0N61fmAR.mjs";
-import { t as LinkButton } from "../link-button-Cby0p4LW.mjs";
-
-export { Button, LinkButton, buttonVariants };
+import { n as buttonVariants, t as Button } from "../button-BllvE9Lm.mjs";
+import { t as LinkButton } from "../button-fO8nazJE.mjs";
+export { Button, LinkButton, buttonVariants };

package/dist/{button-0N61fmAR.mjs → button-BllvE9Lm.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as SpinnerIcon } from "./spinner.icon-C0MbtgqX.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-C-vjSM6o.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/base/button/button.tsx
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50", {
 	variants: {
@@ -225,6 +224,5 @@ function Button({ ref, className, type, theme, size, block, loading = false, dis
 	});
 }
 Button.displayName = "Button";
-
 //#endregion
-export { buttonVariants as n, Button as t };
+export { buttonVariants as n, Button as t };

package/dist/{button-D6AORsOz.mjs → button-D3RrsMfQ.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { cva } from "class-variance-authority";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/button.tsx
 /**
 * Vanilla shadcn/ui Button Component
@@ -44,6 +43,5 @@ const Button = React$1.forwardRef(({ className, variant, size, asChild = false,
 	});
 });
 Button.displayName = "Button";
-
 //#endregion
-export { buttonVariants as n, Button as t };
+export { buttonVariants as n, Button as t };

package/dist/{link-button-Cby0p4LW.mjs → button-fO8nazJE.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants } from "./button-0N61fmAR.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as buttonVariants } from "./button-BllvE9Lm.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/base/button/link-button.tsx
 function LinkButton({ ref, className, type, theme, size, block, icon, iconPosition = "left", children, as: Component = "a", href, ...props }) {
 	const isIconOnly = icon && !children;
@@ -31,6 +30,5 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
 	});
 }
 LinkButton.displayName = "LinkButton";
-
 //#endregion
-export { LinkButton as t };
+export { LinkButton as t };

package/dist/button-group/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../separator-BzyALya2.mjs";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-BDk8btAy.mjs";
-
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-CYPka2zz.mjs";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/{button-group-BDk8btAy.mjs → button-group-CYPka2zz.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
-import { t as Separator } from "./separator-BzyALya2.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { t as Separator } from "./separator-DXVTncCK.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/button-group.tsx
 const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
@@ -35,6 +34,5 @@ function ButtonGroupSeparator({ className, orientation = "vertical", ...props })
 		...props
 	});
 }
-
 //#endregion
-export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
+export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };

package/dist/calendar/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../button-D6AORsOz.mjs";
-import { n as CalendarDayButton, t as Calendar } from "../calendar-BtfraIvX.mjs";
-
-export { Calendar, CalendarDayButton };
+import { n as CalendarDayButton, t as Calendar } from "../calendar-DEkCw7I1.mjs";
+export { Calendar, CalendarDayButton };

package/dist/{calendar-BtfraIvX.mjs → calendar-DEkCw7I1.mjs}

@@ -1,11 +1,10 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants, t as Button } from "./button-D6AORsOz.mjs";
-import { t as Icon } from "./icon-wrapper-BBK4z4tj.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as buttonVariants, t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-
 //#region src/components/base/calendar/calendar.tsx
 function CalendarRoot({ className, rootRef, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -108,6 +107,5 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { CalendarDayButton as n, Calendar$1 as t };
+export { CalendarDayButton as n, Calendar$1 as t };

package/dist/{calendar-date-picker-B9mxJM7f.mjs → calendar-date-picker-DWK94_DC.mjs}

@@ -1,15 +1,14 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Button } from "./button-D6AORsOz.mjs";
-import { t as Calendar$1 } from "./calendar-BtfraIvX.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-ugw5MpuT.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-BZOKWjlH.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Calendar$1 } from "./calendar-DEkCw7I1.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CiLR_DiQ.mjs";
 import { cva } from "class-variance-authority";
 import { CalendarIcon, X } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { endOfDay, endOfMonth, endOfWeek, endOfYear, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays } from "date-fns";
 import { formatInTimeZone, toDate } from "date-fns-tz";
-
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 const months = [
 	"January",
@@ -661,6 +660,5 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
 	})] });
 }
 CalendarDatePicker.displayName = "CalendarDatePicker";
-
 //#endregion
-export { CalendarDatePicker as t };
+export { CalendarDatePicker as t };

package/dist/card/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-BiHXFt4s.mjs";
-
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-DKG1Cwlj.mjs";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };