@ciridae/ui 0.3.3 → 0.3.6

package/dist/components/ui/button-variants.d.ts

@@ -1,4 +1,4 @@
-import { type RecipeVariantProps } from "@ciridae/ui/styled-system/css";
+import { type RecipeVariantProps } from "#ui/styled-system/css";
 declare const buttonVariants: import("../../styled-system/types").RecipeRuntimeFn<{
     variant: {
         default: {

package/dist/components/ui/button-variants.js

@@ -1,4 +1,4 @@
-import { cva } from "@ciridae/ui/styled-system/css";
+import { cva } from "#ui/styled-system/css";
 const buttonVariants = cva({
     base: {
         alignItems: "center",

package/dist/components/ui/button.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type ButtonVariantProps } from "@ciridae/ui/button-variants";
+import { type ButtonVariantProps } from "./button-variants";
 declare function Button({ children, className, variant, size, asChild, disabled, loading, loadingLabel, onClick, tabIndex, ...props }: React.ComponentProps<"button"> & ButtonVariantProps & {
     asChild?: boolean;
     loading?: boolean;

package/dist/components/ui/button.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
-import { buttonVariants } from "@ciridae/ui/button-variants";
-import { Spinner } from "@ciridae/ui/spinner";
+import { cn } from "../../lib/utils";
+import { buttonVariants } from "./button-variants";
+import { Spinner } from "./spinner";
 function Button({ children, className, variant = "default", size = "default", asChild = false, disabled, loading = false, loadingLabel = "Loading", onClick, tabIndex, ...props }) {
     const Comp = asChild ? Slot.Root : "button";
     const isDisabled = disabled || loading;

package/dist/components/ui/calendar.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
 import { DayPicker, type DayButton } from "react-day-picker";
-import { Button } from "@ciridae/ui/button";
+import { Button } from "./button";
 type CalendarProps = React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+    initialFocus?: boolean;
 };
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): React.JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, initialFocus: _initialFocus, components, ...props }: CalendarProps): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
 export { Calendar, CalendarDayButton };

package/dist/components/ui/calendar.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { buttonVariants } from "@ciridae/ui/button-variants";
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { buttonVariants } from "./button-variants";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, initialFocus: _initialFocus, components, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     const mergedClassNames = getCalendarClassNames({
         buttonVariant,

package/dist/components/ui/card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 const cardVariants = {
     section: "bg-transparent py-(--panel-padding) text-foreground shadow-none",
     surface: "rounded-lg border bg-card py-(--panel-padding) text-card-foreground shadow-xs",

package/dist/components/ui/carousel.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
-import { Button } from "@ciridae/ui/button";
+import { Button } from "./button";
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];

package/dist/components/ui/carousel.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
 const CarouselContext = React.createContext(null);
 function useCarousel() {
     const context = React.useContext(CarouselContext);

package/dist/components/ui/chart-panel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function ChartPanel({ title, description, meta, actions, children, className, ...props }) {
     return (_jsxs("section", { "data-slot": "chart-panel", className: cn("flex flex-col gap-(--panel-gap) border-t border-border bg-transparent py-(--panel-padding) text-foreground", className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-2 px-(--panel-padding) sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [_jsx("h2", { className: "leading-none font-medium", children: title }), meta ? (_jsx("div", { className: "font-mono text-sm text-muted-foreground tabular-nums", children: meta })) : null] }), description ? _jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex items-center gap-2", children: actions }) : null] }), _jsx("div", { className: "px-(--panel-padding)", children: children })] }));
 }

package/dist/components/ui/chart-tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@ciridae/ui/utils";
-import { getNestedPayloadString, getPayloadConfigFromPayload, useChart, } from "@ciridae/ui/chart-context";
+import { cn } from "../../lib/utils";
+import { getNestedPayloadString, getPayloadConfigFromPayload, useChart, } from "./chart-context";
 function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
     const { config } = useChart();
     const tooltipLabel = useChartTooltipLabel({

package/dist/components/ui/chart.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { type ChartConfig } from "@ciridae/ui/chart-context";
-import { ChartTooltipContent } from "@ciridae/ui/chart-tooltip";
+import { type ChartConfig } from "./chart-context";
+import { ChartTooltipContent } from "./chart-tooltip";
 declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
     config: ChartConfig;
     children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];

package/dist/components/ui/chart.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { cn } from "@ciridae/ui/utils";
-import { ChartContext, THEMES, THEME_NAMES, getPayloadConfigFromPayload, useChart, } from "@ciridae/ui/chart-context";
-import { ChartTooltipContent } from "@ciridae/ui/chart-tooltip";
+import { cn } from "../../lib/utils";
+import { ChartContext, THEMES, THEME_NAMES, getPayloadConfigFromPayload, useChart, } from "./chart-context";
+import { ChartTooltipContent } from "./chart-tooltip";
 const INITIAL_DIMENSION = { width: 320, height: 200 };
 function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) {
     const uniqueId = React.useId();

package/dist/components/ui/checkbox.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
 }

package/dist/components/ui/ciridae-ui-provider.d.ts

@@ -1,8 +1,8 @@
 import { type ReactNode } from "react";
-import { type ThemeProviderProps } from "@ciridae/ui/color-theme";
+import { type ThemeProviderProps } from "./color-theme";
 export type CiridaeUiProviderProps = {
     children: ReactNode;
     agentation?: boolean;
 } & Pick<ThemeProviderProps, "defaultMode">;
-declare function CiridaeUiProvider({ agentation, children, defaultMode }: CiridaeUiProviderProps): import("react").JSX.Element;
+declare function CiridaeUiProvider({ agentation, children, defaultMode }: CiridaeUiProviderProps): import("@types/react").JSX.Element;
 export { CiridaeUiProvider };

package/dist/components/ui/ciridae-ui-provider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
-import { ThemeProvider, useTheme } from "@ciridae/ui/color-theme";
-import { Toaster } from "@ciridae/ui/sonner";
-import { TooltipProvider } from "@ciridae/ui/tooltip";
+import { ThemeProvider, useTheme } from "./color-theme";
+import { Toaster } from "./sonner";
+import { TooltipProvider } from "./tooltip";
 const LazyAgentation = lazy(() => import("agentation").then((module) => ({ default: module.Agentation })));
 function CiridaeUiToaster() {
     const { mode } = useTheme();

package/dist/components/ui/collapsible.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("@types/react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("@types/react").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("@types/react").JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/combobox.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "@ciridae/ui/input-group";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group";
 const Combobox = ComboboxPrimitive.Root;
 function ComboboxValue({ ...props }) {
     return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });

package/dist/components/ui/command.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from "@ciridae/ui/dialog";
+import { Dialog } from "./dialog";
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 declare function CommandDialog({ title, description, children, className, commandProps, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;

package/dist/components/ui/command.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon, XIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@ciridae/ui/dialog";
+import { cn } from "../../lib/utils";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
 function Command({ className, ...props }) {
     return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className), ...props }));
 }

package/dist/components/ui/context-menu.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 const ContextMenuPortalContainerContext = React.createContext({
     container: null,
     disableModalBehavior: false,

package/dist/components/ui/data-table-controls.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon, SlidersHorizontalIcon } from "lucide-react";
-import { Button } from "@ciridae/ui/button";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@ciridae/ui/dropdown-menu";
-import { Input } from "@ciridae/ui/input";
+import { Button } from "./button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
+import { Input } from "./input";
 function DataTableTools({ labels, props, table, }) {
     return (_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [props.filterMode !== false ? (_jsx(DataTableFilter, { filterMode: props.filterMode ?? "global", placeholder: props.filterPlaceholder ?? labels.filterPlaceholder, table: table })) : null, props.toolbar] }), _jsxs("div", { className: "flex items-center gap-2", children: [props.actions, props.enableColumnVisibility !== false ? (_jsx(DataTableColumnVisibility, { table: table, title: labels.columns })) : null] })] }));
 }

package/dist/components/ui/data-table-grid.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from "lucide-react";
 import { flexRender, } from "@tanstack/react-table";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@ciridae/ui/table";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
 function DataTableGrid({ empty, getRowClassName, onRowClick, rows, table, }) {
     return (_jsxs(Table, { children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((group) => (_jsx(TableRow, { children: group.headers.map((header) => (_jsx(TableHead, { style: { width: header.getSize() }, children: header.isPlaceholder ? null : _jsx(DataTableHeaderCell, { header: header }) }, header.id))) }, group.id))) }), _jsx(TableBody, { children: rows.length ? (rows.map((row) => (_jsx(DataTableDataRow, { getRowClassName: getRowClassName, onRowClick: onRowClick, row: row }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { className: "h-32 text-center text-sm text-muted-foreground", colSpan: table.getVisibleLeafColumns().length, children: empty }) })) })] }));
 }

package/dist/components/ui/data-table-pagination.d.ts

@@ -6,5 +6,5 @@ declare function DataTablePagination<TData>({ labels, pageSizeOptions, selectedR
     selectedRows: number;
     table: TanStackTable<TData>;
     totalRows: number;
-}): import("react").JSX.Element;
+}): import("@types/react").JSX.Element;
 export { DataTablePagination };

package/dist/components/ui/data-table-pagination.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, } from "lucide-react";
-import { Button } from "@ciridae/ui/button";
-import { NativeSelect, NativeSelectOption } from "@ciridae/ui/native-select";
+import { Button } from "./button";
+import { NativeSelect, NativeSelectOption } from "./native-select";
 function DataTablePagination({ labels, pageSizeOptions, selectedRows, table, totalRows, }) {
     const pagination = table.getState().pagination;
     const pageCount = Math.max(table.getPageCount(), 1);

package/dist/components/ui/data-table-tanstack.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
-import { cn } from "@ciridae/ui/utils";
-import { TableSkeleton } from "@ciridae/ui/loading-state";
+import { cn } from "../../lib/utils";
+import { TableSkeleton } from "./loading-state";
 import { DataTableTools } from "./data-table-controls";
 import { DataTableGrid } from "./data-table-grid";
 import { DataTablePagination } from "./data-table-pagination";

package/dist/components/ui/data-table.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { TableHead } from "@ciridae/ui/table";
-import { type TableSkeletonProps } from "@ciridae/ui/loading-state";
+import { TableHead } from "./table";
+import { type TableSkeletonProps } from "./loading-state";
 import { TanStackDataTable } from "./data-table-tanstack";
 import type { DataTableLabels, TanStackDataTableProps } from "./data-table-tanstack";
 type SortDirection = "asc" | "desc";

package/dist/components/ui/data-table.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { TableHead } from "@ciridae/ui/table";
-import { TableSkeleton } from "@ciridae/ui/loading-state";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { TableHead } from "./table";
+import { TableSkeleton } from "./loading-state";
 import { TanStackDataTable } from "./data-table-tanstack";
 function DataTable({ className, ...props }) {
     return (_jsx("div", { "data-slot": "data-table", className: cn("grid gap-(--panel-gap)", className), ...props }));

package/dist/components/ui/dialog.d.ts

@@ -10,7 +10,8 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ container, ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, children, overlayClassName, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    overlayClassName?: string;
     showCloseButton?: boolean;
 }): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/components/ui/dialog.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { XIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
 const DialogPortalContainerContext = React.createContext({
     container: null,
     disableModalBehavior: false,
@@ -30,8 +30,8 @@ function DialogClose({ ...props }) {
 function DialogOverlay({ className, ...props }) {
     return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
 }
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-(--panel-gap) rounded-lg border bg-background p-(--panel-padding) shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 sm:max-w-lg", className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-[var(--focus-ring-width)] focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+function DialogContent({ className, children, overlayClassName, showCloseButton = true, ...props }) {
+    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, { className: overlayClassName }), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-(--panel-gap) rounded-lg border bg-background p-(--panel-padding) shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 sm:max-w-lg", className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-[var(--focus-ring-width)] focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
 }
 function DialogHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));

package/dist/components/ui/drawer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 const DrawerPortalContainerContext = React.createContext({
     container: null,
     disableModalBehavior: false,

package/dist/components/ui/dropdown-menu.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 const DropdownMenuPortalContainerContext = React.createContext({
     container: null,
     disableModalBehavior: false,

package/dist/components/ui/empty.d.ts

@@ -1,11 +1,11 @@
 import { type VariantProps } from "class-variance-authority";
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("@types/react").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("@types/react").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
 export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/components/ui/empty.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function Empty({ className, ...props }) {
     return (_jsx("div", { "data-slot": "empty", className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-(--panel-gap) rounded-lg border-dashed p-(--panel-padding) text-center text-balance md:p-8", className), ...props }));
 }

package/dist/components/ui/expandable-data-table.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DataTable } from "@ciridae/ui/data-table";
+import { DataTable } from "./data-table";
 type ExpandableDataTableColumn<TRow> = {
     id: string;
     header: React.ReactNode;

package/dist/components/ui/expandable-data-table.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronRightIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { DataTable, DataTableContent, DataTableEmpty } from "@ciridae/ui/data-table";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@ciridae/ui/table";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { DataTable, DataTableContent, DataTableEmpty } from "./data-table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
 function ExpandableDataTable({ rows, columns, getRowId, getRowLabel, renderExpandedRow, defaultExpandedRowId = null, expandedRowId, onExpandedRowIdChange, empty = "No rows found.", className, ...props }) {
     const tableId = React.useId();
     const [uncontrolledExpandedRowId, setUncontrolledExpandedRowId] = React.useState(defaultExpandedRowId);

package/dist/components/ui/field.d.ts

@@ -1,26 +1,26 @@
 import { type VariantProps } from "class-variance-authority";
-import { Label } from "@ciridae/ui/label";
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
+import { Label } from "./label";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("@types/react").JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
-}): import("react").JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+}): import("@types/react").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
 declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("@types/react").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
 declare function FieldLabel({ children, className, required, ...props }: React.ComponentProps<typeof Label> & {
     required?: boolean;
-}): import("react").JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+}): import("@types/react").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("@types/react").JSX.Element;
 declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
     children?: React.ReactNode;
-}): import("react").JSX.Element;
+}): import("@types/react").JSX.Element;
 declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
-}): import("react").JSX.Element | null;
+}): import("@types/react").JSX.Element | null;
 export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/field.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "@ciridae/ui/utils";
-import { Label } from "@ciridae/ui/label";
-import { Separator } from "@ciridae/ui/separator";
+import { cn } from "../../lib/utils";
+import { Label } from "./label";
+import { Separator } from "./separator";
 function FieldSet({ className, ...props }) {
     return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-[calc(var(--panel-gap)+0.5rem)]", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
 }

package/dist/components/ui/file-upload-field-parts.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FileIcon, PaperclipIcon, UploadCloudIcon, XIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemTitle, } from "@ciridae/ui/item";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemTitle, } from "./item";
 function FileUploadCompactControl({ acceptedFileTypes, disabled, dragActive, error, files, inputId, inputRef, maxAttachments, onAddFiles, onDragActiveChange, }) {
     const isAtLimit = files.length >= maxAttachments;
     return (_jsxs("div", { "data-drag-active": dragActive, className: cn("flex items-center gap-3 rounded-md border bg-card px-3 py-2 transition-colors", "data-[drag-active=true]:border-ring data-[drag-active=true]:bg-muted/50", disabled && "cursor-not-allowed opacity-60"), onDragEnter: (event) => handleDragEnter(event, disabled, onDragActiveChange), onDragLeave: (event) => handleDragLeave(event, onDragActiveChange), onDragOver: (event) => event.preventDefault(), onDrop: (event) => handleDrop(event, { disabled, onAddFiles, onDragActiveChange }), children: [_jsx("input", { accept: acceptedFileTypes, "aria-describedby": error ? `${inputId}-error` : undefined, className: "sr-only", disabled: disabled || isAtLimit, id: inputId, multiple: true, onChange: (event) => handleFileInputChange(event, onAddFiles), ref: inputRef, type: "file" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [_jsx(PaperclipIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: files.length > 0 ? `${files.length} attached` : "Attach files" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: "Files stay in the browser until submit." })] })] }), _jsx(Button, { disabled: disabled || isAtLimit, onClick: () => inputRef.current?.click(), size: "sm", type: "button", variant: "outline", children: "Attach" })] }));

package/dist/components/ui/file-upload-field.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { FileUploadCompactControl, FileUploadDropZone, FileUploadList, } from "./file-upload-field-parts";
-import { Field, FieldContent, FieldDescription, FieldError, FieldLabel, } from "@ciridae/ui/field";
+import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "./field";
 function FileUploadField({ acceptedFileTypes, className, description, disabled = false, files, label = "Attachments", maxAttachmentSizeMb = 10, maxAttachments = 4, onFilesChange, showConstraints = true, variant = "dropzone", }) {
     const inputId = React.useId();
     const uploadState = useFileUploadFieldState({

package/dist/components/ui/form-context.d.ts

@@ -13,7 +13,7 @@ declare const useFormField: () => {
     isDirty: boolean;
     isTouched: boolean;
     isValidating: boolean;
-    error?: import("react-hook-form").FieldError;
+    error?: import("react-hook-form/dist").FieldError;
     id: string;
     name: string;
     formItemId: string;

package/dist/components/ui/form.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import type { Label as LabelPrimitive } from "radix-ui";
 import { Slot } from "radix-ui";
 import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form/dist").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
 declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;

package/dist/components/ui/form.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "radix-ui";
 import { Controller, FormProvider, } from "react-hook-form";
-import { cn } from "@ciridae/ui/utils";
-import { FormFieldContext, FormItemContext, useFormField } from "@ciridae/ui/form-context";
-import { Label } from "@ciridae/ui/label";
+import { cn } from "../../lib/utils";
+import { FormFieldContext, FormItemContext, useFormField } from "./form-context";
+import { Label } from "./label";
 const Form = FormProvider;
 const FormField = ({ ...props }) => {
     const contextValue = React.useMemo(() => ({ name: props.name }), [props.name]);

package/dist/components/ui/hover-card.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 const HoverCardPortalContainerContext = React.createContext({
     container: null,
 });

package/dist/components/ui/input-group.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { Button } from "@ciridae/ui/button";
+import { Button } from "./button";
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
     size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;