@ciridae/ui 0.3.5 → 0.3.7

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, ItemGroupItem, 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" })] }));
@@ -18,7 +18,7 @@ function FileUploadDropZoneContent({ disabled, files, inputRef, maxAttachments,
 function FileUploadList({ disabled, files, onRemoveFile, }) {
     if (files.length === 0)
         return null;
-    return (_jsx(ItemGroup, { className: "gap-2", children: files.map((file, index) => (_jsxs(Item, { size: "sm", variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", children: _jsx(FileIcon, { className: "size-4 text-muted-foreground" }) }), _jsxs(ItemContent, { children: [_jsx(ItemTitle, { className: "max-w-full break-all", children: file.name }), _jsx(ItemDescription, { className: "font-mono tabular-nums", children: formatFileSize(file.size) })] }), _jsx(ItemActions, { children: _jsx(Button, { "aria-label": `Remove ${file.name}`, disabled: disabled, onClick: () => onRemoveFile(index), size: "icon-sm", type: "button", variant: "ghost", children: _jsx(XIcon, {}) }) })] }, `${file.name}-${file.size}-${index}`))) }));
+    return (_jsx(ItemGroup, { className: "gap-2", children: files.map((file, index) => (_jsx(ItemGroupItem, { children: _jsxs(Item, { size: "sm", variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", children: _jsx(FileIcon, { className: "size-4 text-muted-foreground" }) }), _jsxs(ItemContent, { children: [_jsx(ItemTitle, { className: "max-w-full break-all", children: file.name }), _jsx(ItemDescription, { className: "font-mono tabular-nums", children: formatFileSize(file.size) })] }), _jsx(ItemActions, { children: _jsx(Button, { "aria-label": `Remove ${file.name}`, disabled: disabled, onClick: () => onRemoveFile(index), size: "icon-sm", type: "button", variant: "ghost", children: _jsx(XIcon, {}) }) })] }) }, `${file.name}-${file.size}-${index}`))) }));
 }
 function handleDragEnter(event, disabled, onDragActiveChange) {
     event.preventDefault();

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;

package/dist/components/ui/input-group.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "@ciridae/ui/utils";
-import { Button } from "@ciridae/ui/button";
-import { Input } from "@ciridae/ui/input";
-import { Textarea } from "@ciridae/ui/textarea";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Textarea } from "./textarea";
 function InputGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-(--control-height) min-w-0 has-[>textarea]:h-auto", 
         // Variants based on alignment.

package/dist/components/ui/input-otp.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function InputOTP({ className, containerClassName, ...props }) {
     return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props }));
 }

package/dist/components/ui/input.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function Input({ className, type, ...props }) {
     return (_jsx("input", { type: type, "data-slot": "input", className: cn("h-(--control-height) w-full min-w-0 rounded-md border border-input bg-transparent px-(--control-padding-x) py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-[calc(var(--control-height)-0.375rem)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props }));
 }

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

@@ -1,18 +1,19 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { Separator } from "@ciridae/ui/separator";
-declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+import { Separator } from "./separator";
+declare function ItemGroup({ className, role, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemGroupItem({ role, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "muted" | "outline" | null | undefined;
     size?: "sm" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 }): React.JSX.Element;
 declare const itemMediaVariants: (props?: ({
     variant?: "default" | "icon" | "image" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -20,4 +21,4 @@ declare function ItemDescription({ className, ...props }: React.ComponentProps<"
 declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemGroupItem, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

package/dist/components/ui/item.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
-import { Separator } from "@ciridae/ui/separator";
-function ItemGroup({ className, ...props }) {
-    return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props }));
+import { cn } from "../../lib/utils";
+import { Separator } from "./separator";
+function ItemGroup({ className, role = "list", ...props }) {
+    return (_jsx("div", { "data-slot": "item-group", role: role, className: cn("group/item-group flex flex-col", className), ...props }));
+}
+function ItemGroupItem({ role = "listitem", ...props }) {
+    return _jsx("div", { "data-slot": "item-group-item", role: role, ...props });
 }
 function ItemSeparator({ className, ...props }) {
     return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props }));
@@ -63,4 +66,4 @@ function ItemHeader({ className, ...props }) {
 function ItemFooter({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
 }
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemGroupItem, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

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

@@ -1,3 +1,3 @@
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react").JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("@types/react").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
 export { Kbd, KbdGroup };

package/dist/components/ui/kbd.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function Kbd({ className, ...props }) {
     return (_jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className), ...props }));
 }

package/dist/components/ui/label.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Label as LabelPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
 }

package/dist/components/ui/loading-state.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Card } from "@ciridae/ui/card";
+import { Card } from "./card";
 type LoadingStateSize = "sm" | "default" | "lg";
 type LoadingStateProps = React.ComponentProps<"div"> & {
     description?: React.ReactNode;

package/dist/components/ui/loading-state.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@ciridae/ui/utils";
-import { Card, CardContent, CardHeader } from "@ciridae/ui/card";
-import { Skeleton } from "@ciridae/ui/skeleton";
-import { Spinner } from "@ciridae/ui/spinner";
+import { cn } from "../../lib/utils";
+import { Card, CardContent, CardHeader } from "./card";
+import { Skeleton } from "./skeleton";
+import { Spinner } from "./spinner";
 const loadingStateSizes = {
     sm: "min-h-14 gap-2 p-3",
     default: "min-h-24 gap-3 p-(--panel-padding)",

package/dist/components/ui/menubar.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 { Menubar as MenubarPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 const MenubarPortalContainerContext = React.createContext({
     container: null,
 });

package/dist/components/ui/metrics-strip.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function MetricsStrip({ className, ...props }) {
     return (_jsx("section", { "data-slot": "metrics-strip", className: cn("grid grid-cols-1 divide-y divide-border rounded-lg border bg-card text-card-foreground shadow-xs md:grid-cols-5 md:divide-x md:divide-y-0", className), ...props }));
 }

package/dist/components/ui/native-select.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function NativeSelect({ className, size = "default", ...props }) {
     return (_jsxs("div", { className: "group/native-select relative w-fit has-[select:disabled]:opacity-50", "data-slot": "native-select-wrapper", children: [_jsx("select", { "data-slot": "native-select", "data-size": size, className: cn("h-(--control-height) w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-(--control-padding-x) py-1 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-(--control-height-sm) dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props }), _jsx(ChevronDownIcon, { className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
 }

package/dist/components/ui/navigation-menu-variants.d.ts

@@ -1,2 +1,2 @@
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export { navigationMenuTriggerStyle };

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
-import { navigationMenuTriggerStyle } from "@ciridae/ui/navigation-menu-variants";
+import { cn } from "../../lib/utils";
+import { navigationMenuTriggerStyle } from "./navigation-menu-variants";
 function NavigationMenu({ className, children, viewport = true, ...props }) {
     return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
 }

package/dist/components/ui/page-header.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Button } from "@ciridae/ui/button";
+import { Button } from "./button";
 type PageHeaderBreadcrumbItem = {
     label: string;
     to?: string;

package/dist/components/ui/page-header.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowLeftIcon } from "lucide-react";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
+import { Button } from "./button";
+import { cn } from "../../lib/utils";
 function PageHeader({ actions, backLink, breadcrumbItems, children, className, subtitle, title, ...props }) {
     if (hasPageHeaderConvenienceContent({ actions, backLink, breadcrumbItems, subtitle, title })) {
         return (_jsx("header", { "data-slot": "page-header", className: cn("border-b bg-background text-foreground", className), ...props, children: _jsx(PageHeaderConvenienceLayout, { actions: actions, backLink: backLink, breadcrumbItems: breadcrumbItems, subtitle: subtitle, title: title, children: children }) }));

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { Button } from "@ciridae/ui/button";
+import type { Button } from "./button";
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
 declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;

package/dist/components/ui/pagination.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
-import { cn } from "@ciridae/ui/utils";
-import { buttonVariants } from "@ciridae/ui/button-variants";
+import { cn } from "../../lib/utils";
+import { buttonVariants } from "./button-variants";
 function Pagination({ className, ...props }) {
     return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
 }
@@ -18,10 +18,10 @@ function PaginationLink({ className, isActive, size = "icon", ...props }) {
         }), className), ...props }));
 }
 function PaginationPrevious({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 sm:pl-2.5", className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
+    return (_jsxs(PaginationLink, { ...props, "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 sm:pl-2.5", className), children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
 }
 function PaginationNext({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 sm:pr-2.5", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
+    return (_jsxs(PaginationLink, { ...props, "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 sm:pr-2.5", className), children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
 }
 function PaginationEllipsis({ className, ...props }) {
     return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));

package/dist/components/ui/popover.js

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

package/dist/components/ui/progress.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function Progress({ className, value, ...props }) {
     return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
 }

package/dist/components/ui/property-list.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function PropertyList({ className, ...props }) {
     return (_jsx("dl", { "data-slot": "property-list", className: cn("grid border-t border-border text-sm", className), ...props }));
 }

package/dist/components/ui/radio-group.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CircleIcon } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function RadioGroup({ className, ...props }) {
     return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }));
 }

package/dist/components/ui/registry-docs-api.d.ts

@@ -6,6 +6,6 @@ type RegistryDocsApiProp = {
 };
 declare function RegistryDocsApiTable({ props }: {
     props: RegistryDocsApiProp[];
-}): import("react").JSX.Element;
+}): import("@types/react").JSX.Element;
 export { RegistryDocsApiTable };
 export type { RegistryDocsApiProp };

package/dist/components/ui/registry-docs-api.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@ciridae/ui/table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
 function RegistryDocsApiTable({ props }) {
     return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Prop" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "Default" }), _jsx(TableHead, { children: "Description" })] }) }), _jsx(TableBody, { children: props.map((prop) => (_jsx(RegistryDocsApiTableRow, { prop: prop }, prop.name))) })] }));
 }

package/dist/components/ui/registry-docs-code.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { codeToHtml } from "shiki/bundle/web";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
+import { Button } from "./button";
+import { cn } from "../../lib/utils";
 function RegistryDocsCodeBlock({ children, className, code, label, language = "tsx", ...props }) {
     return (_jsx(RegistryDocsCodeFrame, { code: code, label: label, children: _jsx(RegistryDocsCodeSnippet, { className: className, code: code, language: language, ...props, children: children }) }));
 }

package/dist/components/ui/registry-docs-showcase.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CodeXmlIcon } from "lucide-react";
-import { Button } from "@ciridae/ui/button";
+import { Button } from "./button";
 import { RegistryDocsCodeSnippet, RegistryDocsCopyButton } from "./registry-docs-code";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function RegistryDocsShowcase({ className, code, codeLabel = "preview.tsx", defaultExpanded = false, preview, previewMode = "default", ...props }) {
     const [expanded, setExpanded] = React.useState(defaultExpanded);
     const codeId = React.useId();

package/dist/components/ui/registry-docs.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Card, type CardVariant } from "@ciridae/ui/card";
+import { Card, type CardVariant } from "./card";
 import { RegistryDocsApiTable, type RegistryDocsApiProp } from "./registry-docs-api";
 import { RegistryDocsCodeBlock, RegistryDocsCommand } from "./registry-docs-code";
 import { RegistryDocsShowcase } from "./registry-docs-showcase";

package/dist/components/ui/registry-docs.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader } from "@ciridae/ui/card";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "@ciridae/ui/property-list";
+import { Card, CardContent, CardHeader } from "./card";
+import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "./property-list";
 import { RegistryDocsApiTable } from "./registry-docs-api";
 import { RegistryDocsCodeBlock, RegistryDocsCommand } from "./registry-docs-code";
 import { RegistryDocsShowcase } from "./registry-docs-showcase";
-import { cn } from "@ciridae/ui/utils";
+import { cn } from "../../lib/utils";
 function RegistryDocsPage({ className, ...props }) {
     return (_jsx("main", { "data-slot": "registry-docs-page", className: cn("min-h-svh bg-background text-foreground", className), ...props }));
 }

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

@@ -6,9 +6,9 @@ type ResizablePanelGroupProps = ResizablePrimitive.GroupProps & {
 type ResizablePanelProps = ResizablePrimitive.PanelProps & {
     order?: number;
 };
-declare function ResizablePanelGroup({ autoSaveId: _autoSaveId, className, direction, ...props }: ResizablePanelGroupProps): import("react").JSX.Element;
-declare function ResizablePanel({ order: _order, ...props }: ResizablePanelProps): import("react").JSX.Element;
+declare function ResizablePanelGroup({ autoSaveId: _autoSaveId, className, direction, ...props }: ResizablePanelGroupProps): import("@types/react").JSX.Element;
+declare function ResizablePanel({ order: _order, ...props }: ResizablePanelProps): import("@types/react").JSX.Element;
 declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
     withHandle?: boolean;
-}): import("react").JSX.Element;
+}): import("@types/react").JSX.Element;
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };