@zvk/ui 0.1.0

package/dist/components/error-boundary/error-boundary.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+function resetKeysChanged(previousKeys = [], nextKeys = []) {
+    if (previousKeys.length !== nextKeys.length) {
+        return true;
+    }
+    return previousKeys.some((key, index) => !Object.is(key, nextKeys[index]));
+}
+export class ErrorBoundary extends React.Component {
+    state = {
+        error: null
+    };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(error, info) {
+        this.props.onError?.(error, info);
+    }
+    componentDidUpdate(previousProps) {
+        if (this.state.error && resetKeysChanged(previousProps.resetKeys, this.props.resetKeys)) {
+            this.reset();
+        }
+    }
+    reset = () => {
+        this.setState({ error: null });
+    };
+    render() {
+        const { children, fallback } = this.props;
+        const { error } = this.state;
+        if (!error) {
+            return children;
+        }
+        if (typeof fallback === "function") {
+            return fallback({ error, reset: this.reset });
+        }
+        return fallback ?? _jsx(ErrorFallback, { error: error });
+    }
+}
+export function ErrorFallback({ action, className, error, ref, title = "Something went wrong", ...props }) {
+    return (_jsxs("div", { ...props, ref: ref, "aria-label": typeof title === "string" ? title : undefined, className: cn("liano-error-fallback", className), role: "alert", children: [_jsx("h3", { className: "liano-error-fallback__title", children: title }), error ? _jsx("p", { className: "liano-error-fallback__message", children: error.message }) : null, action ? _jsx("div", { className: "liano-error-fallback__action", children: action }) : null] }));
+}

package/dist/components/error-boundary/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorBoundary, ErrorFallback } from "./error-boundary.js";
+export type { ErrorBoundaryFallbackProps, ErrorBoundaryProps, ErrorBoundaryState, ErrorFallbackProps } from "./error-boundary.js";

package/dist/components/error-boundary/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { ErrorBoundary, ErrorFallback } from "./error-boundary.js";

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    ref?: React.Ref<HTMLLabelElement>;
+}
+export interface FieldTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    ref?: React.Ref<HTMLParagraphElement>;
+}
+declare function FieldRoot({ className, disabled, invalid, ref, required, ...props }: FieldProps): React.JSX.Element;
+declare function FieldLabel({ className, ref, ...props }: FieldLabelProps): React.JSX.Element;
+declare function FieldDescription({ className, ref, ...props }: FieldTextProps): React.JSX.Element;
+declare function FieldError({ className, ref, role, ...props }: FieldTextProps): React.JSX.Element;
+export declare const Field: typeof FieldRoot & {
+    Label: typeof FieldLabel;
+    Description: typeof FieldDescription;
+    Error: typeof FieldError;
+};
+export {};

package/dist/components/field/field.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+function FieldRoot({ className, disabled, invalid, ref, required, ...props }) {
+    return (_jsx("div", { ...props, ref: ref, className: cn("liano-field", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalid ? "true" : undefined, "data-required": required ? "true" : undefined }));
+}
+function FieldLabel({ className, ref, ...props }) {
+    return _jsx("label", { ...props, ref: ref, className: cn("liano-field__label", className) });
+}
+function FieldDescription({ className, ref, ...props }) {
+    return _jsx("p", { ...props, ref: ref, className: cn("liano-field__description", className) });
+}
+function FieldError({ className, ref, role = "alert", ...props }) {
+    return _jsx("p", { ...props, ref: ref, className: cn("liano-field__error", className), role: role });
+}
+export const Field = Object.assign(FieldRoot, {
+    Label: FieldLabel,
+    Description: FieldDescription,
+    Error: FieldError
+});

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

@@ -0,0 +1,2 @@
+export { Field } from "./field.js";
+export type { FieldLabelProps, FieldProps, FieldTextProps } from "./field.js";

package/dist/components/field/index.js

@@ -0,0 +1 @@
+export { Field } from "./field.js";

package/dist/components/file-upload-input/file-upload-input.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type FileUploadInputSize = "sm" | "md" | "lg";
+export interface FileUploadInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    buttonLabel?: React.ReactNode;
+    emptyLabel?: React.ReactNode;
+    size?: FileUploadInputSize;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function FileUploadInput({ "aria-describedby": ariaDescribedBy, buttonLabel, className, description, disabled, emptyLabel, error, id, invalid, label, onChange, ref, required, size, ...props }: FileUploadInputProps): React.JSX.Element;

package/dist/components/file-upload-input/file-upload-input.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Field } from "../field/field.js";
+import { cn } from "../../utils/cn.js";
+function hasRenderableNode(value) {
+    return value !== undefined && value !== null && value !== false;
+}
+function joinIds(...ids) {
+    const value = ids.filter(Boolean).join(" ");
+    return value.length > 0 ? value : undefined;
+}
+function getFileSummary(files, emptyLabel) {
+    if (!files || files.length === 0) {
+        return emptyLabel;
+    }
+    return Array.from(files)
+        .map((file) => file.name)
+        .join(", ");
+}
+export function FileUploadInput({ "aria-describedby": ariaDescribedBy, buttonLabel = "Choose file", className, description, disabled, emptyLabel = "No file selected", error, id, invalid, label, onChange, ref, required, size = "md", ...props }) {
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const [files, setFiles] = React.useState(null);
+    const hasDescription = hasRenderableNode(description);
+    const hasError = hasRenderableNode(error);
+    const invalidState = invalid || hasError;
+    const descriptionId = hasDescription ? `${inputId}-description` : undefined;
+    const errorId = hasError ? `${inputId}-error` : undefined;
+    const summaryId = `${inputId}-summary`;
+    const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId);
+    function handleChange(event) {
+        setFiles(event.currentTarget.files);
+        onChange?.(event);
+    }
+    const input = (_jsxs("div", { className: "liano-file-upload-input", children: [_jsx("span", { "aria-hidden": "true", className: "liano-file-upload-input__button", children: buttonLabel }), _jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: cn("liano-file-upload-input__control", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, "data-size": size, disabled: disabled, id: inputId, onChange: handleChange, required: required, type: "file" }), _jsx("span", { className: "liano-file-upload-input__summary", id: summaryId, children: getFileSummary(files, emptyLabel) })] }));
+    if (!hasRenderableNode(label) && !hasDescription && !hasError) {
+        return input;
+    }
+    return (_jsxs(Field, { disabled: Boolean(disabled), invalid: invalidState, required: Boolean(required), children: [hasRenderableNode(label) ? _jsx(Field.Label, { htmlFor: inputId, children: label }) : null, input, hasDescription ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
+}

package/dist/components/file-upload-input/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUploadInput } from "./file-upload-input.js";
+export type { FileUploadInputProps, FileUploadInputSize } from "./file-upload-input.js";

package/dist/components/file-upload-input/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { FileUploadInput } from "./file-upload-input.js";

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    ref?: React.Ref<HTMLFormElement>;
+}
+export interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    name?: string;
+    id?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+export interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    ref?: React.Ref<HTMLLabelElement>;
+}
+export interface FormControlProps {
+    children: React.ReactElement;
+}
+export interface FormTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    ref?: React.Ref<HTMLParagraphElement>;
+}
+export declare function Form({ className, ref, ...props }: FormProps): React.JSX.Element;
+export declare function FormField({ children, className, disabled, id, invalid, required, ...props }: FormFieldProps): React.JSX.Element;
+export declare function FormItem({ className, ref, ...props }: FormItemProps): React.JSX.Element;
+export declare function FormLabel({ className, htmlFor, ref, ...props }: FormLabelProps): React.JSX.Element;
+export declare function FormControl({ children }: FormControlProps): React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>>;
+export declare function FormDescription({ className, ...props }: FormTextProps): React.JSX.Element;
+export declare function FormMessage({ className, role, ...props }: FormTextProps): React.JSX.Element;

package/dist/components/form/form.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const FormFieldContext = React.createContext(null);
+function useFormFieldContext(calledBy) {
+    const context = React.useContext(FormFieldContext);
+    if (!context) {
+        throw new Error(`"${calledBy}" must be used within a <FormField />`);
+    }
+    return context;
+}
+function joinIds(ids) {
+    const value = ids.filter(Boolean).join(" ");
+    return value.length > 0 ? value : undefined;
+}
+export function Form({ className, ref, ...props }) {
+    return _jsx("form", { ...props, ref: ref, className: cn("liano-form", className) });
+}
+export function FormField({ children, className, disabled, id, invalid, required, ...props }) {
+    const generatedId = React.useId();
+    const controlId = id ?? generatedId;
+    const [descriptionIds, setDescriptionIds] = React.useState([]);
+    const registerDescription = React.useCallback((descriptionId) => {
+        setDescriptionIds((ids) => ids.includes(descriptionId) ? ids : [...ids, descriptionId]);
+    }, []);
+    const unregisterDescription = React.useCallback((descriptionId) => {
+        setDescriptionIds((ids) => ids.filter((entry) => entry !== descriptionId));
+    }, []);
+    const context = React.useMemo(() => ({
+        controlId,
+        descriptionIds,
+        ...(disabled !== undefined ? { disabled } : {}),
+        ...(invalid !== undefined ? { invalid } : {}),
+        ...(required !== undefined ? { required } : {}),
+        registerDescription,
+        unregisterDescription
+    }), [controlId, descriptionIds, disabled, invalid, registerDescription, required, unregisterDescription]);
+    return (_jsx(FormFieldContext.Provider, { value: context, children: _jsx("div", { ...props, className: cn("liano-form-field", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalid ? "true" : undefined, "data-required": required ? "true" : undefined, children: children }) }));
+}
+export function FormItem({ className, ref, ...props }) {
+    return _jsx("div", { ...props, ref: ref, className: cn("liano-form-item", className) });
+}
+export function FormLabel({ className, htmlFor, ref, ...props }) {
+    const context = useFormFieldContext("FormLabel");
+    return _jsx("label", { ...props, ref: ref, className: cn("liano-form-label", className), htmlFor: htmlFor ?? context.controlId });
+}
+export function FormControl({ children }) {
+    const context = useFormFieldContext("FormControl");
+    if (!React.isValidElement(children)) {
+        throw new Error("\"FormControl\" expects one valid React element child.");
+    }
+    const props = {};
+    const childProps = children.props;
+    const describedBy = joinIds(context.descriptionIds);
+    if (childProps.id === undefined) {
+        props.id = context.controlId;
+    }
+    if (childProps["aria-describedby"] === undefined && describedBy !== undefined) {
+        props["aria-describedby"] = describedBy;
+    }
+    if (childProps["aria-invalid"] === undefined && context.invalid !== undefined) {
+        props["aria-invalid"] = context.invalid;
+    }
+    if (childProps.disabled === undefined && context.disabled !== undefined) {
+        props.disabled = context.disabled;
+    }
+    if (childProps.required === undefined && context.required !== undefined) {
+        props.required = context.required;
+    }
+    return React.cloneElement(children, props);
+}
+function FormText({ className, id, ref, role, textRole, ...props }) {
+    const context = useFormFieldContext(textRole ?? "FormText");
+    const generatedId = React.useId();
+    const textId = id ?? `${context.controlId}-${generatedId}`;
+    React.useLayoutEffect(() => {
+        context.registerDescription(textId);
+        return () => context.unregisterDescription(textId);
+    }, [context.registerDescription, context.unregisterDescription, textId]);
+    return _jsx("p", { ...props, ref: ref, id: textId, role: role, className: className });
+}
+export function FormDescription({ className, ...props }) {
+    return _jsx(FormText, { ...props, className: cn("liano-form-description", className), textRole: "FormDescription" });
+}
+export function FormMessage({ className, role = "alert", ...props }) {
+    return _jsx(FormText, { ...props, className: cn("liano-form-message", className), role: role, textRole: "FormMessage" });
+}

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

@@ -0,0 +1,2 @@
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "./form.js";
+export type { FormControlProps, FormFieldProps, FormItemProps, FormLabelProps, FormProps, FormTextProps } from "./form.js";

package/dist/components/form/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "./form.js";

package/dist/components/icon-button/icon-button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { ButtonSize, ButtonVariant } from "../button/button.js";
+export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    disabled?: boolean;
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export declare function IconButton({ children, className, disabled, loading, ref, size, type, variant, ...props }: IconButtonProps): React.JSX.Element;

package/dist/components/icon-button/icon-button.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Spinner } from "../spinner/spinner.js";
+import { cn } from "../../utils/cn.js";
+export function IconButton({ children, className, disabled, loading = false, ref, size = "md", type = "button", variant = "secondary", ...props }) {
+    const isDisabled = disabled || loading;
+    return (_jsx("button", { ...props, ref: ref, "aria-busy": loading ? true : undefined, className: cn("liano-icon-button", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, "data-size": size, "data-variant": variant, disabled: isDisabled, type: type, children: loading ? _jsx(Spinner, { size: "sm" }) : children }));
+}

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton } from "./icon-button.js";
+export type { IconButtonProps } from "./icon-button.js";

package/dist/components/icon-button/index.js

@@ -0,0 +1 @@
+export { IconButton } from "./icon-button.js";

package/dist/components/index.d.ts

@@ -0,0 +1,102 @@
+export { Accordion } from "./accordion/index.js";
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionType, AccordionValue } from "./accordion/index.js";
+export { Alert } from "./alert/index.js";
+export type { AlertDescriptionProps, AlertProps, AlertRoot, AlertTitleProps, AlertTone } from "./alert/index.js";
+export { Avatar } from "./avatar/index.js";
+export type { AvatarProps, AvatarShape, AvatarSize } from "./avatar/index.js";
+export { Badge } from "./badge/index.js";
+export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from "./badge/index.js";
+export { Breadcrumbs } from "./breadcrumbs/index.js";
+export type { BreadcrumbsItemProps, BreadcrumbsProps } from "./breadcrumbs/index.js";
+export { Button } from "./button/index.js";
+export type { ButtonProps, ButtonSize, ButtonVariant } from "./button/index.js";
+export { Card } from "./card/index.js";
+export type { CardDescriptionProps, CardPadding, CardProps, CardSlotProps, CardTitleProps, CardVariant } from "./card/index.js";
+export { Checkbox } from "./checkbox/index.js";
+export type { CheckboxProps, CheckboxSize } from "./checkbox/index.js";
+export { CodeBlock } from "./code-block/index.js";
+export type { CodeBlockProps, CodeBlockSize } from "./code-block/index.js";
+export { Collapsible } from "./collapsible/index.js";
+export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps } from "./collapsible/index.js";
+export { CopyButton, CopyableText } from "./copy-button/index.js";
+export type { CopyButtonProps, CopyButtonSize, CopyStatus, CopyableTextProps } from "./copy-button/index.js";
+export { Dialog } from "./dialog/index.js";
+export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogTitleProps, DialogTriggerProps } from "./dialog/index.js";
+export { DropdownMenu } from "./dropdown-menu/index.js";
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps } from "./dropdown-menu/index.js";
+export { AlertDialog } from "./alert-dialog/index.js";
+export type { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps } from "./alert-dialog/index.js";
+export { Sheet } from "./sheet/index.js";
+export type { SheetCloseProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetProps, SheetSide, SheetTitleProps, SheetTriggerProps } from "./sheet/index.js";
+export { ScrollArea } from "./scroll-area/index.js";
+export type { ScrollAreaOrientation, ScrollAreaProps, ScrollAreaType, ScrollBarProps } from "./scroll-area/index.js";
+export { Command, CommandDialog } from "./command/index.js";
+export type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps } from "./command/index.js";
+export { Combobox } from "./combobox/index.js";
+export type { ComboboxOption, ComboboxProps } from "./combobox/index.js";
+export { ContextMenu } from "./context-menu/index.js";
+export type { ContextMenuContentProps, ContextMenuItemProps, ContextMenuProps, ContextMenuSeparatorProps, ContextMenuTriggerProps } from "./context-menu/index.js";
+export { Menubar } from "./menubar/index.js";
+export type { MenubarContentProps, MenubarItemProps, MenubarMenuProps, MenubarProps, MenubarSeparatorProps, MenubarTriggerProps } from "./menubar/index.js";
+export { EmptyState } from "./empty-state/index.js";
+export type { EmptyStateAlign, EmptyStateProps, EmptyStateSize } from "./empty-state/index.js";
+export { ErrorBoundary, ErrorFallback } from "./error-boundary/index.js";
+export type { ErrorBoundaryFallbackProps, ErrorBoundaryProps, ErrorBoundaryState, ErrorFallbackProps } from "./error-boundary/index.js";
+export { Field } from "./field/index.js";
+export type { FieldLabelProps, FieldProps, FieldTextProps } from "./field/index.js";
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "./form/index.js";
+export type { FormControlProps, FormFieldProps, FormItemProps, FormLabelProps, FormProps, FormTextProps } from "./form/index.js";
+export { FileUploadInput } from "./file-upload-input/index.js";
+export type { FileUploadInputProps, FileUploadInputSize } from "./file-upload-input/index.js";
+export { IconButton } from "./icon-button/index.js";
+export type { IconButtonProps } from "./icon-button/index.js";
+export { Input } from "./input/index.js";
+export type { InputProps, InputSize } from "./input/index.js";
+export { Label } from "./label/index.js";
+export type { LabelProps, LabelSize } from "./label/index.js";
+export { Pagination } from "./pagination/index.js";
+export type { PaginationProps, PaginationRangeItem } from "./pagination/index.js";
+export { Popover } from "./popover/index.js";
+export type { PopoverContentProps, PopoverProps, PopoverTriggerProps } from "./popover/index.js";
+export { Progress } from "./progress/index.js";
+export type { ProgressProps, ProgressSize, ProgressState, ProgressTone } from "./progress/index.js";
+export { RadioGroup, RadioGroupItem } from "./radio-group/index.js";
+export type { RadioGroupItemProps, RadioGroupOption, RadioGroupOrientation, RadioGroupProps, RadioGroupSize } from "./radio-group/index.js";
+export { Select } from "./select/index.js";
+export type { SelectContentProps, SelectItemProps, SelectProps, SelectSize, SelectTriggerProps, SelectValueProps } from "./select/index.js";
+export { ResponsiveContainer } from "./responsive-container/index.js";
+export type { ResponsiveContainerGutter, ResponsiveContainerProps, ResponsiveContainerSize } from "./responsive-container/index.js";
+export { Separator } from "./separator/index.js";
+export type { SeparatorOrientation, SeparatorProps } from "./separator/index.js";
+export { Slider } from "./slider/index.js";
+export type { SliderProps, SliderSize } from "./slider/index.js";
+export { SidebarShell } from "./sidebar-shell/index.js";
+export type { SidebarShellLandmarkSlotProps, SidebarShellMainProps, SidebarShellProps, SidebarShellSide, SidebarShellSidebarProps, SidebarShellSlotProps, SidebarShellWidth } from "./sidebar-shell/index.js";
+export { SectionedSidebarNav } from "./sectioned-sidebar-nav/index.js";
+export type { SectionedSidebarNavItemBaseProps, SectionedSidebarNavItemProps, SectionedSidebarNavListProps, SectionedSidebarNavProps, SectionedSidebarNavSectionProps, SectionedSidebarNavSectionTitleProps } from "./sectioned-sidebar-nav/index.js";
+export { Skeleton } from "./skeleton/index.js";
+export type { SkeletonProps, SkeletonRounded } from "./skeleton/index.js";
+export { Spinner } from "./spinner/index.js";
+export type { SpinnerProps, SpinnerSize, SpinnerTone } from "./spinner/index.js";
+export { Stat } from "./stat/index.js";
+export type { StatProps, StatSize, StatTone } from "./stat/index.js";
+export { Switch } from "./switch/index.js";
+export type { SwitchProps, SwitchSize } from "./switch/index.js";
+export { Table } from "./table/index.js";
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps } from "./table/index.js";
+export { Tabs } from "./tabs/index.js";
+export type { TabsActivationMode, TabsContentProps, TabsListProps, TabsOrientation, TabsProps, TabsTriggerProps } from "./tabs/index.js";
+export { TabsWithSidebar } from "./tabs-with-sidebar/index.js";
+export type { TabsWithSidebarPanelProps, TabsWithSidebarProps, TabsWithSidebarSidebarProps, TabsWithSidebarWidth } from "./tabs-with-sidebar/index.js";
+export { Textarea } from "./textarea/index.js";
+export type { TextareaProps, TextareaSize } from "./textarea/index.js";
+export { Toast, ToastViewport } from "./toast/index.js";
+export type { ToastActionProps, ToastCloseProps, ToastPlacement, ToastProps, ToastTextProps, ToastTone, ToastViewportProps } from "./toast/index.js";
+export { Tooltip } from "./tooltip/index.js";
+export type { TooltipProps } from "./tooltip/index.js";
+export { Toggle } from "./toggle/index.js";
+export type { ToggleProps, ToggleSize, ToggleVariant } from "./toggle/index.js";
+export { ToggleGroup } from "./toggle-group/index.js";
+export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps } from "./toggle-group/index.js";
+export { Conversation } from "./conversation/index.js";
+export type { ConversationListProps, ConversationMessageProps, ConversationMessageRole, ConversationPromptInputProps, ConversationPromptInputSubmitProps, ConversationPromptInputTextareaProps, ConversationProps, ConversationReasoningProps, ConversationSlotProps, ConversationToolProps, ConversationToolStatus } from "./conversation/index.js";

package/dist/components/index.js

@@ -0,0 +1,51 @@
+export { Accordion } from "./accordion/index.js";
+export { Alert } from "./alert/index.js";
+export { Avatar } from "./avatar/index.js";
+export { Badge } from "./badge/index.js";
+export { Breadcrumbs } from "./breadcrumbs/index.js";
+export { Button } from "./button/index.js";
+export { Card } from "./card/index.js";
+export { Checkbox } from "./checkbox/index.js";
+export { CodeBlock } from "./code-block/index.js";
+export { Collapsible } from "./collapsible/index.js";
+export { CopyButton, CopyableText } from "./copy-button/index.js";
+export { Dialog } from "./dialog/index.js";
+export { DropdownMenu } from "./dropdown-menu/index.js";
+export { AlertDialog } from "./alert-dialog/index.js";
+export { Sheet } from "./sheet/index.js";
+export { ScrollArea } from "./scroll-area/index.js";
+export { Command, CommandDialog } from "./command/index.js";
+export { Combobox } from "./combobox/index.js";
+export { ContextMenu } from "./context-menu/index.js";
+export { Menubar } from "./menubar/index.js";
+export { EmptyState } from "./empty-state/index.js";
+export { ErrorBoundary, ErrorFallback } from "./error-boundary/index.js";
+export { Field } from "./field/index.js";
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "./form/index.js";
+export { FileUploadInput } from "./file-upload-input/index.js";
+export { IconButton } from "./icon-button/index.js";
+export { Input } from "./input/index.js";
+export { Label } from "./label/index.js";
+export { Pagination } from "./pagination/index.js";
+export { Popover } from "./popover/index.js";
+export { Progress } from "./progress/index.js";
+export { RadioGroup, RadioGroupItem } from "./radio-group/index.js";
+export { Select } from "./select/index.js";
+export { ResponsiveContainer } from "./responsive-container/index.js";
+export { Separator } from "./separator/index.js";
+export { Slider } from "./slider/index.js";
+export { SidebarShell } from "./sidebar-shell/index.js";
+export { SectionedSidebarNav } from "./sectioned-sidebar-nav/index.js";
+export { Skeleton } from "./skeleton/index.js";
+export { Spinner } from "./spinner/index.js";
+export { Stat } from "./stat/index.js";
+export { Switch } from "./switch/index.js";
+export { Table } from "./table/index.js";
+export { Tabs } from "./tabs/index.js";
+export { TabsWithSidebar } from "./tabs-with-sidebar/index.js";
+export { Textarea } from "./textarea/index.js";
+export { Toast, ToastViewport } from "./toast/index.js";
+export { Tooltip } from "./tooltip/index.js";
+export { Toggle } from "./toggle/index.js";
+export { ToggleGroup } from "./toggle-group/index.js";
+export { Conversation } from "./conversation/index.js";

package/dist/components/input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from "./input.js";
+export type { InputProps, InputSize } from "./input.js";

package/dist/components/input/index.js

@@ -0,0 +1 @@
+export { Input } from "./input.js";

package/dist/components/input/input.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type InputSize = "sm" | "md" | "lg";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    size?: InputSize;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function Input({ "aria-describedby": ariaDescribedBy, className, description, disabled, error, id, invalid, label, ref, required, size, ...props }: InputProps): React.JSX.Element;

package/dist/components/input/input.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Field } from "../field/field.js";
+import { cn } from "../../utils/cn.js";
+function hasRenderableNode(value) {
+    return value !== undefined && value !== null && value !== false;
+}
+function joinIds(...ids) {
+    const value = ids.filter(Boolean).join(" ");
+    return value.length > 0 ? value : undefined;
+}
+export function Input({ "aria-describedby": ariaDescribedBy, className, description, disabled, error, id, invalid, label, ref, required, size = "md", ...props }) {
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const hasDescription = hasRenderableNode(description);
+    const hasError = hasRenderableNode(error);
+    const hasLabel = hasRenderableNode(label);
+    const invalidState = invalid || hasError;
+    const descriptionId = hasDescription ? `${inputId}-description` : undefined;
+    const errorId = hasError ? `${inputId}-error` : undefined;
+    const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId);
+    const input = (_jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: cn("liano-input", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, "data-size": size, disabled: disabled, id: inputId, required: required }));
+    if (!hasLabel && !hasDescription && !hasError) {
+        return input;
+    }
+    return (_jsxs(Field, { disabled: Boolean(disabled), invalid: invalidState, required: Boolean(required), children: [hasLabel ? _jsx(Field.Label, { htmlFor: inputId, children: label }) : null, input, hasDescription ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
+}

package/dist/components/label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label } from "./label.js";
+export type { LabelProps, LabelSize } from "./label.js";

package/dist/components/label/index.js

@@ -0,0 +1 @@
+export { Label } from "./label.js";

package/dist/components/label/label.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type LabelSize = "sm" | "md";
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    size?: LabelSize;
+    required?: boolean;
+    disabled?: boolean;
+    ref?: React.Ref<HTMLLabelElement>;
+}
+export declare function Label({ children, className, disabled, ref, required, size, ...props }: LabelProps): React.JSX.Element;

package/dist/components/label/label.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+export function Label({ children, className, disabled, ref, required, size = "md", ...props }) {
+    return (_jsx("label", { ...props, ref: ref, className: cn("liano-label", className), "data-disabled": disabled ? "true" : undefined, "data-required": required ? "true" : undefined, "data-size": size, children: children }));
+}

package/dist/components/menubar/index.d.ts

@@ -0,0 +1,2 @@
+export { Menubar } from "./menubar.js";
+export type { MenubarContentProps, MenubarItemProps, MenubarMenuProps, MenubarProps, MenubarSeparatorProps, MenubarTriggerProps } from "./menubar.js";

package/dist/components/menubar/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Menubar } from "./menubar.js";

package/dist/components/menubar/menubar.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultValue?: string;
+    onValueChange?: (value: string | undefined) => void;
+    value?: string;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface MenubarMenuProps {
+    children: React.ReactNode;
+    value: string;
+}
+export interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export interface MenubarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface MenubarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    onSelect?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export interface MenubarSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare function MenubarRoot({ children, className, defaultValue, onKeyDown, onValueChange, ref, value, ...props }: MenubarProps): React.JSX.Element;
+declare function MenubarMenu({ children, value }: MenubarMenuProps): React.JSX.Element;
+declare function MenubarTrigger({ children, className, disabled, onClick, onKeyDown, ref, type, ...props }: MenubarTriggerProps): React.JSX.Element;
+declare function MenubarContent({ children, className, onKeyDown, ref, ...props }: MenubarContentProps): React.JSX.Element | null;
+declare function MenubarItem({ children, className, disabled, onClick, onKeyDown, onSelect, ref, type, ...props }: MenubarItemProps): React.JSX.Element;
+declare function MenubarSeparator({ className, ref, ...props }: MenubarSeparatorProps): React.JSX.Element;
+type MenubarComponent = typeof MenubarRoot & {
+    Content: typeof MenubarContent;
+    Item: typeof MenubarItem;
+    Menu: typeof MenubarMenu;
+    Separator: typeof MenubarSeparator;
+    Trigger: typeof MenubarTrigger;
+};
+export declare const Menubar: MenubarComponent;
+export {};