@alpic-ai/ui 0.0.0-staging.fe2c3a3 → 0.0.0-staging.g0538916

package/dist/components/accordion-card.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
 
 //#region src/components/accordion-card.d.ts
 declare function AccordionCard({

package/dist/components/accordion.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
 
 //#region src/components/accordion.d.ts
 declare function Accordion({

package/dist/components/alert.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/alert.d.ts

package/dist/components/attachment-tile.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { TooltipIconButton } from "./tooltip-icon-button.mjs";
+import { useState } from "react";
 import { FileText, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
 //#region src/components/attachment-tile.tsx
 function AttachmentTile({ src, isImage, label, onRemove, onClick, className }) {
 	const [hasError, setHasError] = useState(false);

package/dist/components/avatar.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/breadcrumb.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/breadcrumb.d.ts
 declare function Breadcrumb({

package/dist/components/button.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/button.d.ts

package/dist/components/card.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/card.d.ts
 declare function Card({

package/dist/components/checkbox.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/components/checkbox.d.ts

package/dist/components/collapsible.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/components/collapsible.d.ts

package/dist/components/combobox.d.mts

@@ -1,8 +1,8 @@
 import { PopoverContent } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import { ReactNode } from "react";
 import { Command } from "cmdk";
 
 //#region src/components/combobox.d.ts
@@ -11,6 +11,8 @@ interface ComboboxBaseProps {
   open?: boolean;
   defaultOpen?: boolean;
   onOpenChange?: (open: boolean) => void;
+  /** Resolves a selected value to a display label (e.g. for multi-select tags). Defaults to the value. */
+  getOptionLabel?: (value: string) => string;
 }
 interface ComboboxSingleProps extends ComboboxBaseProps {
   multiple?: false;

package/dist/components/combobox.mjs

@@ -3,9 +3,9 @@ import { cn } from "../lib/cn.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
 import { TagDismissible } from "./tag.mjs";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { Command } from "cmdk";
 //#region src/components/combobox.tsx
 const ComboboxContext = createContext(null);
@@ -15,7 +15,7 @@ function useComboboxContext() {
 	return context;
 }
 function Combobox(props) {
-	const { children, multiple = false, open: controlledOpen, defaultOpen = false, onOpenChange: controlledOnOpenChange } = props;
+	const { children, multiple = false, open: controlledOpen, defaultOpen = false, onOpenChange: controlledOnOpenChange, getOptionLabel } = props;
 	const [uncontrolledSingleValue, setUncontrolledSingleValue] = useState(!multiple ? props.defaultValue ?? null : null);
 	const [uncontrolledMultiValue, setUncontrolledMultiValue] = useState(multiple ? props.defaultValue ?? [] : []);
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
@@ -77,7 +77,8 @@ function Combobox(props) {
 		onDeselect,
 		isSelected,
 		open,
-		onOpenChange
+		onOpenChange,
+		getOptionLabel
 	}), [
 		multiple,
 		singleValue,
@@ -86,7 +87,8 @@ function Combobox(props) {
 		onDeselect,
 		isSelected,
 		open,
-		onOpenChange
+		onOpenChange,
+		getOptionLabel
 	]);
 	return /* @__PURE__ */ jsx(ComboboxContext.Provider, {
 		value: contextValue,
@@ -120,10 +122,11 @@ function ComboboxTrigger({ className, size, placeholder, children, ...props }) {
 	});
 }
 function ComboboxTags({ values, onDeselect }) {
+	const { getOptionLabel } = useComboboxContext();
 	return /* @__PURE__ */ jsx(Fragment, { children: values.map((tagValue) => /* @__PURE__ */ jsx(TagDismissible, {
 		onClick: (event) => event.stopPropagation(),
 		onDismiss: () => onDeselect(tagValue),
-		children: tagValue
+		children: getOptionLabel ? getOptionLabel(tagValue) : tagValue
 	}, tagValue)) });
 }
 function ComboboxContent({ className, children, filter, ...props }) {

package/dist/components/command.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region src/components/command.d.ts

package/dist/components/copyable.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/copyable.d.ts
 interface CopyableProps {

package/dist/components/copyable.mjs

@@ -1,7 +1,7 @@
 "use client";
+import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Button } from "./button.mjs";
-import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { Check, Copy } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/copyable.tsx

package/dist/components/description-list.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/description-list.d.ts
 declare function DescriptionList({

package/dist/components/dialog.d.mts

@@ -1,7 +1,7 @@
 import { ButtonProps } from "./button.mjs";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/dropdown-menu.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/form.d.mts

@@ -1,8 +1,8 @@
 import { InputProps } from "./input.mjs";
 import { Label } from "./label.mjs";
 import { TextareaProps } from "./textarea.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -115,5 +115,40 @@ declare function SelectField<TFieldValues extends FieldValues, TName extends Fie
   options,
   placeholder
 }: SelectFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+interface RadioFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
+  options: SelectFieldOption[];
+}
+declare function RadioField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  options
+}: RadioFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+interface ChecklistFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
+  options: SelectFieldOption[];
+}
+declare function ChecklistField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  options
+}: ChecklistFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+interface CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends Omit<FormFieldBaseProps<TFieldValues, TName>, "required"> {}
+declare function CheckboxField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  label,
+  description,
+  tooltip
+}: CheckboxFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, SelectField, type SelectFieldOption, TextareaField, useFormField };
+export { CheckboxField, ChecklistField, Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, RadioField, SelectField, type SelectFieldOption, TextareaField, useFormField };

package/dist/components/form.mjs

@@ -1,13 +1,15 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
+import { Checkbox } from "./checkbox.mjs";
 import { Label } from "./label.mjs";
 import { Input } from "./input.mjs";
+import { RadioGroup, RadioGroupItem } from "./radio-group.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
 import { Textarea } from "./textarea.mjs";
+import * as React from "react";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx
@@ -88,7 +90,7 @@ function FormDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "form-description",
 		id: formDescriptionId,
-		className: cn("text-muted-foreground text-sm", className),
+		className: cn("text-muted-foreground type-text-sm whitespace-pre-line", className),
 		...props
 	});
 }
@@ -134,11 +136,11 @@ function InputField({ control, name, rules, required, label, description, toolti
 				tooltip,
 				children: label
 			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
 				...inputProps,
 				...field
 			}) }),
-			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormMessage, {})
 		] })
 	});
@@ -154,11 +156,11 @@ function TextareaField({ control, name, rules, required, label, description, too
 				tooltip,
 				children: label
 			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, {
 				...textareaProps,
 				...field
 			}) }),
-			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormMessage, {})
 		] })
 	});
@@ -174,6 +176,7 @@ function SelectField({ control, name, rules, required, label, description, toolt
 				tooltip,
 				children: label
 			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsxs(Select, {
 				value: field.value,
 				onValueChange: field.onChange,
@@ -183,10 +186,117 @@ function SelectField({ control, name, rules, required, label, description, toolt
 					children: option.label
 				}, option.value)) })]
 			}),
+			/* @__PURE__ */ jsx(FormMessage, {})
+		] })
+	});
+}
+function RadioField({ control, name, rules, required, label, description, tooltip, options }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+			label && /* @__PURE__ */ jsx(FormLabel, {
+				required,
+				tooltip,
+				children: label
+			}),
 			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(RadioGroup, {
+				value: field.value ?? "",
+				onValueChange: field.onChange,
+				onBlur: field.onBlur,
+				children: options.map((option) => {
+					const itemId = `${field.name}-${option.value}`;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+							id: itemId,
+							value: option.value,
+							disabled: option.disabled
+						}), /* @__PURE__ */ jsx(Label, {
+							htmlFor: itemId,
+							className: "type-text-sm font-normal",
+							children: option.label
+						})]
+					}, option.value);
+				})
+			}) }),
 			/* @__PURE__ */ jsx(FormMessage, {})
 		] })
 	});
 }
+function ChecklistField({ control, name, rules, required, label, description, tooltip, options }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => {
+			const selected = Array.isArray(field.value) ? field.value : [];
+			const toggle = (value, checked) => {
+				if (checked) field.onChange([...selected, value]);
+				else field.onChange(selected.filter((existing) => existing !== value));
+			};
+			return /* @__PURE__ */ jsxs(FormItem, { children: [
+				label && /* @__PURE__ */ jsx(FormLabel, {
+					required,
+					tooltip,
+					children: label
+				}),
+				description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+				/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx("fieldset", {
+					className: "m-0 flex flex-col gap-2 border-0 p-0",
+					onBlur: field.onBlur,
+					children: options.map((option) => {
+						const itemId = `${field.name}-${option.value}`;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								id: itemId,
+								checked: selected.includes(option.value),
+								onCheckedChange: (next) => toggle(option.value, Boolean(next)),
+								disabled: option.disabled
+							}), /* @__PURE__ */ jsx(Label, {
+								htmlFor: itemId,
+								className: "type-text-sm font-normal leading-tight",
+								children: option.label
+							})]
+						}, option.value);
+					})
+				}) }),
+				/* @__PURE__ */ jsx(FormMessage, {})
+			] });
+		}
+	});
+}
+function CheckboxField({ control, name, rules, label, description, tooltip }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, {
+			className: "gap-1.5",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Checkbox, {
+						checked: field.value ?? false,
+						onCheckedChange: (next) => field.onChange(Boolean(next)),
+						onBlur: field.onBlur
+					}) }), label && /* @__PURE__ */ jsx(FormLabel, {
+						tooltip,
+						className: "font-normal",
+						children: label
+					})]
+				}),
+				description && /* @__PURE__ */ jsx(FormDescription, {
+					className: "ml-6",
+					children: description
+				}),
+				/* @__PURE__ */ jsx(FormMessage, { className: "ml-6" })
+			]
+		})
+	});
+}
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, SelectField, TextareaField, useFormField };
+export { CheckboxField, ChecklistField, Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, RadioField, SelectField, TextareaField, useFormField };

package/dist/components/github-button.d.mts

@@ -1,6 +1,6 @@
 import { Button } from "./button.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/github-button.d.ts
 type GitHubButtonProps = Omit<ComponentProps<typeof Button>, "variant" | "icon">;

package/dist/components/input-group.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/input-group.d.ts

package/dist/components/input.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/input.d.ts
 interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {

package/dist/components/input.mjs

@@ -2,9 +2,9 @@
 import { cn } from "../lib/cn.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Label } from "./label.mjs";
+import * as React from "react";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 //#region src/components/input.tsx
 const inputSizeStyles = {
 	sm: {

package/dist/components/label.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/label.d.ts

package/dist/components/pagination.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/pagination.d.ts
 interface PaginationProps extends React.ComponentProps<"nav"> {

package/dist/components/popover.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/components/popover.d.ts

package/dist/components/radio-group.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 
 //#region src/components/radio-group.d.ts

package/dist/components/scroll-area.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
 //#region src/components/scroll-area.d.ts

package/dist/components/select.d.mts

@@ -1,7 +1,7 @@
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/select.d.ts

package/dist/components/separator.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts

package/dist/components/sheet.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts

package/dist/components/sidebar.d.mts

@@ -1,8 +1,8 @@
 import { Button } from "./button.mjs";
 import { TooltipContent } from "./tooltip.mjs";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/sidebar.d.ts

package/dist/components/sidebar.mjs

@@ -1,14 +1,14 @@
 "use client";
+import { useIsMobile } from "../hooks/use-mobile.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Button } from "./button.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Separator } from "./separator.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
-import { useIsMobile } from "../hooks/use-mobile.mjs";
 import { Skeleton } from "./skeleton.mjs";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/dist/components/sonner.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Toaster as Toaster$1, toast } from "sonner";
 
 //#region src/components/sonner.d.ts

package/dist/components/switch.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
 //#region src/components/switch.d.ts

package/dist/components/table.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/table.d.ts
 declare function Table({

package/dist/components/tabs.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/tabs.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
+import { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { createContext, use } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 //#region src/components/tabs.tsx