@locusgraph/components 0.0.0-stage → 0.1.0

package/dist/form/field/field.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+    variants: {
+        orientation: {
+            vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+            horizontal: [
+                "flex-row items-center",
+                "[&>[data-slot=field-label]]:flex-auto",
+                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+            responsive: [
+                "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field({ className, orientation = "vertical", ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), ...props }));
+}
+export { Field, FieldContent, FieldGroup, fieldVariants };

package/dist/form/hook-form/form.d.ts

@@ -0,0 +1,24 @@
+import type * as LabelPrimitive from "radix-ui/label";
+import * as Slot from "radix-ui/slot";
+import * as React from "react";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").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 const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot.Root>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/form/hook-form/form.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import * as Slot from "radix-ui/slot";
+import * as React from "react";
+import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
+import { Label } from "../label";
+const Form = FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState } = useFormContext();
+    const formState = useFormState({ name: fieldContext.name });
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error("useFormField should be used within <FormField>");
+    }
+    const { id } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    };
+};
+const FormItemContext = React.createContext({});
+function FormItem({ className, ...props }) {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
+}
+function FormLabel({ className, ...props }) {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
+}
+function FormControl({ ...props }) {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot.Root, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+}
+function FormDescription({ className, ...props }) {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props }));
+}
+function FormMessage({ className, ...props }) {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? "") : props.children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-sm text-destructive", className), ...props, children: body }));
+}
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/form/input-group.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Button } from "../action/button";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "icon-sm" | "icon-xs" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/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;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/form/input-group.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { Button } from "../action/button";
+import { Input } from "./input";
+import { Textarea } from "./textarea";
+const inputGroupAlignmentClasses = [
+    "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+    "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+    "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+    "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+];
+const inputGroupFocusClasses = "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1 has-[[data-slot=input-group-control]:focus-visible]:ring-ring";
+const inputGroupErrorClasses = "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40";
+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-9 min-w-0 has-[>textarea]:h-auto", inputGroupAlignmentClasses, inputGroupFocusClasses, inputGroupErrorClasses, className), ...props }));
+}
+const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+    variants: {
+        align: {
+            "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+            "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+            "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+            "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3",
+        },
+    },
+    defaultVariants: {
+        align: "inline-start",
+    },
+});
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+            if (e.target.closest("button")) {
+                return;
+            }
+            e.currentTarget.parentElement?.querySelector("input")?.focus();
+        }, ...props }));
+}
+const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+            sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+            "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+            "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+    return (_jsx(Button, { type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
+}
+function InputGroupText({ className, ...props }) {
+    return (_jsx("span", { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function InputGroupInput({ className, ...props }) {
+    return (_jsx(Input, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className), ...props }));
+}
+function InputGroupTextarea({ className, ...props }) {
+    return (_jsx(Textarea, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className), ...props }));
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/form/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

package/dist/form/input.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 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-1 focus-visible:ring-ring", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props }));
+}
+export { Input };

package/dist/form/label.d.ts

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from "radix-ui/label";
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+export { Label };

package/dist/form/label.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import * as LabelPrimitive from "radix-ui/label";
+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 }));
+}
+export { Label };

package/dist/form/native-select.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare function NativeSelect({ className, size, ...props }: Omit<React.ComponentProps<"select">, "size"> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function NativeSelectOption({ className, ...props }: React.ComponentProps<"option">): React.JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): React.JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/form/native-select.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "cn";
+import { ChevronDownIcon } from "lucide-react";
+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-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 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-8 data-[size=sm]:py-1 dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring", "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" })] }));
+}
+function NativeSelectOption({ className, ...props }) {
+    return (_jsx("option", { "data-slot": "native-select-option", className: cn("bg-[Canvas] text-[CanvasText]", className), ...props }));
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return (_jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn("bg-[Canvas] text-[CanvasText]", className), ...props }));
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/form/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };

package/dist/form/textarea.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+function Textarea({ className, ...props }) {
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className), ...props }));
+}
+export { Textarea };

package/dist/index.d.ts

@@ -0,0 +1,96 @@
+export { cn } from "cn";
+export * from "./action/button";
+export * from "./action/button-group";
+export * from "./action/toggle";
+export * from "./action/toggle-group";
+export * from "./display/avatar";
+export * from "./display/badge";
+export * from "./display/chart/chart-container";
+export * from "./display/chart/chart-legend";
+export * from "./display/chart/chart-tooltip";
+export * from "./display/chat/attachment/attachment";
+export * from "./display/chat/attachment/attachment-parts";
+export * from "./display/chat/bubble";
+export * from "./display/chat/marker";
+export * from "./display/chat/message";
+export * from "./display/chat/message-scroller";
+export * from "./display/content/item";
+export * from "./display/content/kbd";
+export * from "./display/media/aspect-ratio";
+export * from "./display/media/carousel";
+export * from "./display/media/carousel-controls";
+export * from "./display/rule-grid/rule-grid";
+export * from "./display/separator";
+export * from "./display/status/alert";
+export * from "./display/status/empty";
+export * from "./display/status/progress";
+export * from "./display/status/skeleton";
+export * from "./display/status/spinner";
+export * from "./display/table";
+export * from "./feedback/toaster";
+export * from "./form/advanced/calendar";
+export * from "./form/advanced/calendar-day-button";
+export * from "./form/advanced/combobox/combobox";
+export * from "./form/advanced/combobox/combobox-chips";
+export * from "./form/advanced/combobox/combobox-items";
+export * from "./form/advanced/input-otp";
+export * from "./form/choice/checkbox";
+export * from "./form/choice/radio-group";
+export * from "./form/choice/select";
+export * from "./form/choice/slider";
+export * from "./form/choice/switch";
+export * from "./form/field/field";
+export * from "./form/field/field-error";
+export * from "./form/field/field-separator";
+export * from "./form/field/field-set";
+export * from "./form/field/field-text";
+export * from "./form/hook-form/form";
+export * from "./form/input";
+export * from "./form/input-group";
+export * from "./form/label";
+export * from "./form/native-select";
+export * from "./form/textarea";
+export * from "./layout/accordion";
+export * from "./layout/collapsible";
+export * from "./layout/resizable";
+export * from "./layout/scroll/direction";
+export * from "./layout/scroll/scroll-area";
+export * from "./layout/sidebar/sidebar";
+export { SidebarProvider, useSidebar } from "./layout/sidebar/sidebar-context";
+export * from "./layout/sidebar/sidebar-menu";
+export * from "./layout/sidebar/sidebar-menu-sub";
+export * from "./layout/sidebar/sidebar-sections";
+export * from "./layout/tabs";
+export * from "./layout/use-mobile";
+export * from "./navigation/breadcrumb";
+export * from "./navigation/menubar/menubar";
+export * from "./navigation/menubar/menubar-items";
+export * from "./navigation/menubar/menubar-sub";
+export * from "./navigation/navigation-menu";
+export * from "./navigation/pagination";
+export * from "./overlay/alert-dialog";
+export * from "./overlay/context-menu/context-menu";
+export * from "./overlay/context-menu/context-menu-items";
+export * from "./overlay/context-menu/context-menu-sub";
+export * from "./overlay/dialog";
+export * from "./overlay/floating/command";
+export * from "./overlay/floating/drawer";
+export * from "./overlay/floating/hover-card";
+export * from "./overlay/menu/dropdown-menu";
+export * from "./overlay/menu/dropdown-menu-choice";
+export * from "./overlay/menu/dropdown-menu-item";
+export * from "./overlay/menu/dropdown-menu-sub";
+export * from "./overlay/popover";
+export * from "./overlay/sheet";
+export * from "./overlay/tooltip";
+export * from "./shell/app-header";
+export * from "./shell/app-shell";
+export * from "./shell/breadcrumbs";
+export * from "./shell/docs/docs-header";
+export * from "./shell/docs/docs-shell";
+export * from "./shell/docs/docs-sidebar";
+export * from "./shell/docs/on-this-page";
+export * from "./shell/link";
+export * from "./shell/navigation/app-sidebar";
+export type { AppNavGroup, AppNavItem } from "./shell/navigation/nav-group";
+export * from "./shell/theme-toggle";

package/dist/index.js

@@ -0,0 +1,95 @@
+export { cn } from "cn";
+export * from "./action/button";
+export * from "./action/button-group";
+export * from "./action/toggle";
+export * from "./action/toggle-group";
+export * from "./display/avatar";
+export * from "./display/badge";
+export * from "./display/chart/chart-container";
+export * from "./display/chart/chart-legend";
+export * from "./display/chart/chart-tooltip";
+export * from "./display/chat/attachment/attachment";
+export * from "./display/chat/attachment/attachment-parts";
+export * from "./display/chat/bubble";
+export * from "./display/chat/marker";
+export * from "./display/chat/message";
+export * from "./display/chat/message-scroller";
+export * from "./display/content/item";
+export * from "./display/content/kbd";
+export * from "./display/media/aspect-ratio";
+export * from "./display/media/carousel";
+export * from "./display/media/carousel-controls";
+export * from "./display/rule-grid/rule-grid";
+export * from "./display/separator";
+export * from "./display/status/alert";
+export * from "./display/status/empty";
+export * from "./display/status/progress";
+export * from "./display/status/skeleton";
+export * from "./display/status/spinner";
+export * from "./display/table";
+export * from "./feedback/toaster";
+export * from "./form/advanced/calendar";
+export * from "./form/advanced/calendar-day-button";
+export * from "./form/advanced/combobox/combobox";
+export * from "./form/advanced/combobox/combobox-chips";
+export * from "./form/advanced/combobox/combobox-items";
+export * from "./form/advanced/input-otp";
+export * from "./form/choice/checkbox";
+export * from "./form/choice/radio-group";
+export * from "./form/choice/select";
+export * from "./form/choice/slider";
+export * from "./form/choice/switch";
+export * from "./form/field/field";
+export * from "./form/field/field-error";
+export * from "./form/field/field-separator";
+export * from "./form/field/field-set";
+export * from "./form/field/field-text";
+export * from "./form/hook-form/form";
+export * from "./form/input";
+export * from "./form/input-group";
+export * from "./form/label";
+export * from "./form/native-select";
+export * from "./form/textarea";
+export * from "./layout/accordion";
+export * from "./layout/collapsible";
+export * from "./layout/resizable";
+export * from "./layout/scroll/direction";
+export * from "./layout/scroll/scroll-area";
+export * from "./layout/sidebar/sidebar";
+export { SidebarProvider, useSidebar } from "./layout/sidebar/sidebar-context";
+export * from "./layout/sidebar/sidebar-menu";
+export * from "./layout/sidebar/sidebar-menu-sub";
+export * from "./layout/sidebar/sidebar-sections";
+export * from "./layout/tabs";
+export * from "./layout/use-mobile";
+export * from "./navigation/breadcrumb";
+export * from "./navigation/menubar/menubar";
+export * from "./navigation/menubar/menubar-items";
+export * from "./navigation/menubar/menubar-sub";
+export * from "./navigation/navigation-menu";
+export * from "./navigation/pagination";
+export * from "./overlay/alert-dialog";
+export * from "./overlay/context-menu/context-menu";
+export * from "./overlay/context-menu/context-menu-items";
+export * from "./overlay/context-menu/context-menu-sub";
+export * from "./overlay/dialog";
+export * from "./overlay/floating/command";
+export * from "./overlay/floating/drawer";
+export * from "./overlay/floating/hover-card";
+export * from "./overlay/menu/dropdown-menu";
+export * from "./overlay/menu/dropdown-menu-choice";
+export * from "./overlay/menu/dropdown-menu-item";
+export * from "./overlay/menu/dropdown-menu-sub";
+export * from "./overlay/popover";
+export * from "./overlay/sheet";
+export * from "./overlay/tooltip";
+export * from "./shell/app-header";
+export * from "./shell/app-shell";
+export * from "./shell/breadcrumbs";
+export * from "./shell/docs/docs-header";
+export * from "./shell/docs/docs-shell";
+export * from "./shell/docs/docs-sidebar";
+export * from "./shell/docs/on-this-page";
+export * from "./shell/link";
+export * from "./shell/navigation/app-sidebar";
+export * from "./shell/theme-toggle";

package/dist/layout/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as AccordionPrimitive from "radix-ui/accordion";
+import type * as React from "react";
+declare function Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/layout/accordion.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "cn";
+import { ChevronDownIcon } from "lucide-react";
+import * as AccordionPrimitive from "radix-ui/accordion";
+function Accordion(props) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/layout/collapsible.d.ts

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "radix-ui/collapsible";
+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;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/layout/collapsible.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from "radix-ui/collapsible";
+function Collapsible({ ...props }) {
+    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+    return _jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({ ...props }) {
+    return _jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
+}
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/layout/resizable.d.ts

@@ -0,0 +1,7 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react").JSX.Element;
+declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): import("react").JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
+    withHandle?: boolean;
+}): import("react").JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/layout/resizable.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { GripVerticalIcon } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+function ResizablePanelGroup({ className, ...props }) {
+    return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
+}
+function ResizablePanel({ ...props }) {
+    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({ withHandle, className, ...props }) {
+    return (_jsx(ResizablePrimitive.Separator, { "data-slot": "resizable-handle", className: cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) }));
+}
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/layout/scroll/direction.d.ts

@@ -0,0 +1,7 @@
+import * as Direction from "radix-ui/direction";
+import * as React from "react";
+declare function DirectionProvider({ dir, direction, children, }: React.ComponentProps<typeof Direction.DirectionProvider> & {
+    direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"];
+}): React.JSX.Element;
+declare const useDirection: typeof Direction.useDirection;
+export { DirectionProvider, useDirection };

package/dist/layout/scroll/direction.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Direction from "radix-ui/direction";
+function DirectionProvider({ dir, direction, children, }) {
+    return (_jsx(Direction.DirectionProvider, { dir: direction ?? dir, children: children }));
+}
+const useDirection = Direction.useDirection;
+export { DirectionProvider, useDirection };

package/dist/layout/scroll/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as ScrollAreaPrimitive from "radix-ui/scroll-area";
+import * as React from "react";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/layout/scroll/scroll-area.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "cn";
+import * as ScrollAreaPrimitive from "radix-ui/scroll-area";
+function ScrollArea({ className, children, ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
+}
+export { ScrollArea, ScrollBar };

package/dist/layout/sidebar/sidebar-context.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare const sidebarMobileHitArea = "after:absolute after:-inset-2 md:after:hidden";
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React.JSX.Element;
+export { SIDEBAR_WIDTH_MOBILE, SidebarProvider, sidebarMobileHitArea, useSidebar };