@lerianstudio/sindarian-ui 1.2.0 → 1.3.0-beta.1

package/dist/esm/components/form/radio-group-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/radio-group-field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAa5D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAA;AAE3C,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IAClE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,OAAO,EAAE,qBAAqB,EAAE,CAAA;IAChC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAClE,uBAAuB,CAAC,CAAC,CAAC,GACxB,CACI;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAC1C,CAAA;AAEL,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,0GAUlE,oBAAoB,CAAC,CAAC,CAAC,gCA4EzB,CAAA"}

package/dist/esm/components/form/radio-group-field/index.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormTooltip } from '../../../components/ui/form.js';
+import { Label } from '../../../components/ui/label/index.js';
+import { RadioGroup, RadioGroupItem } from '../../../components/ui/radio-group/index.js';
+import { hasRenderableLabel } from '../../../components/form/renderable-label.js';
+export const RadioGroupField = ({ control, name, options, label, description, tooltip, required, disabled, 'aria-label': ariaLabelProp }) => {
+    const showLabel = hasRenderableLabel(label);
+    // An empty or whitespace-only aria-label is worse than none: it names the
+    // control "". Drop it so the attribute never reaches the DOM.
+    const ariaLabel = ariaLabelProp?.trim() ? ariaLabelProp : undefined;
+    // `FormLabel` names its control through `htmlFor`, which only works on a
+    // labelable element — and the Radix radiogroup root is a plain div. So the
+    // visible label reached nobody: a screen-reader user landing on the group
+    // heard the options and no field name. The group points BACK at the label
+    // instead, via aria-labelledby on a stable generated id.
+    const labelId = useId();
+    // The type cannot rule out `label=""`, so this is the only signal a developer
+    // gets that the control shipped nameless.
+    if (process.env.NODE_ENV !== 'production' && !showLabel && !ariaLabel) {
+        console.error(`RadioGroupField "${name}" has no accessible name: pass a non-empty label or aria-label.`);
+    }
+    // `setFocus(name)` / focus-on-error needs a ref to something focusable. The
+    // RadioGroup root is a plain div, so the ref goes on the first option a user
+    // could actually reach — a disabled radio is not focusable.
+    const focusTargetIndex = options.findIndex((option) => !option.disabled);
+    return (_jsx(FormField, { control: control, name: name, render: ({ field }) => (_jsxs(FormItem, { required: required, children: [showLabel && (_jsx(FormLabel, { id: labelId, extra: tooltip ? _jsx(FormTooltip, { children: tooltip }) : undefined, children: label })), _jsx(FormControl, { children: _jsx(RadioGroup, { name: field.name, value: field.value ?? '', onValueChange: field.onChange, onBlur: field.onBlur, disabled: disabled, "aria-labelledby": showLabel ? labelId : undefined, "aria-label": showLabel ? undefined : ariaLabel, className: "gap-2", children: options.map((option, index) => {
+                            const id = `${name}-${option.value}`;
+                            return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { ref: index === focusTargetIndex ? field.ref : undefined, value: option.value, id: id, disabled: option.disabled }), _jsx(Label, { htmlFor: id, className: "font-normal", children: option.label })] }, option.value));
+                        }) }) }), _jsx(FormMessage, {}), description && _jsx(FormDescription, { children: description })] })) }));
+};

package/dist/esm/components/form/renderable-label.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+/**
+ * A label that actually renders an element. `null`, `undefined` and booleans
+ * are valid ReactNode but produce nothing, so a control typed on bare ReactNode
+ * can satisfy a field's props union and still end up nameless.
+ *
+ * Two cases the type cannot exclude, both caught at runtime by
+ * `hasRenderableLabel`: the empty string (`Exclude<string, ''>` is still
+ * `string`) and a portal (a `ReactPortal` is a perfectly good `ReactNode`).
+ */
+export type RenderableLabel = Exclude<ReactNode, null | undefined | boolean>;
+/**
+ * Does this label put readable content INSIDE the label element — i.e. does it
+ * give the control an accessible name?
+ *
+ * Ceiling, on purpose: a non-fragment element always counts, even an empty one.
+ * We cannot render a component to find out whether it emits text, so
+ * `label={<EmptyThing />}` is accepted. Fragments ARE unwrapped, since they add
+ * no markup of their own and `<></>` is a plausible way to say "no label".
+ *
+ * A PORTAL DOES NOT COUNT. It is the one node that renders its content
+ * somewhere else in the DOM — by definition outside the label subtree — so the
+ * label element itself stays empty and names nothing. The content is visible on
+ * screen, which is exactly what makes this worth guarding: it looks labelled
+ * and is silent to a screen reader. Pass `aria-label` when the visible text
+ * lives in a portal.
+ *
+ * BRANCH ORDER IS LOAD-BEARING — element before portal before collection:
+ * `Children.toArray` hands a portal straight back unchanged, so reaching the
+ * collection branch with one would recurse forever. The portal branch is the
+ * crash guard as much as the verdict. Every field in this directory shares this
+ * one copy precisely so that ordering cannot drift.
+ */
+export declare function hasRenderableLabel(label: ReactNode): boolean;
+//# sourceMappingURL=renderable-label.d.ts.map

package/dist/esm/components/form/renderable-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderable-label.d.ts","sourceRoot":"","sources":["../../../../src/components/form/renderable-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1E;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,CAAA;AAE5E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CA6B5D"}

package/dist/esm/components/form/renderable-label.js

@@ -0,0 +1,54 @@
+import { Children, Fragment, isValidElement } from 'react';
+/**
+ * Does this label put readable content INSIDE the label element — i.e. does it
+ * give the control an accessible name?
+ *
+ * Ceiling, on purpose: a non-fragment element always counts, even an empty one.
+ * We cannot render a component to find out whether it emits text, so
+ * `label={<EmptyThing />}` is accepted. Fragments ARE unwrapped, since they add
+ * no markup of their own and `<></>` is a plausible way to say "no label".
+ *
+ * A PORTAL DOES NOT COUNT. It is the one node that renders its content
+ * somewhere else in the DOM — by definition outside the label subtree — so the
+ * label element itself stays empty and names nothing. The content is visible on
+ * screen, which is exactly what makes this worth guarding: it looks labelled
+ * and is silent to a screen reader. Pass `aria-label` when the visible text
+ * lives in a portal.
+ *
+ * BRANCH ORDER IS LOAD-BEARING — element before portal before collection:
+ * `Children.toArray` hands a portal straight back unchanged, so reaching the
+ * collection branch with one would recurse forever. The portal branch is the
+ * crash guard as much as the verdict. Every field in this directory shares this
+ * one copy precisely so that ordering cannot drift.
+ */
+export function hasRenderableLabel(label) {
+    if (label === null || label === undefined || typeof label === 'boolean') {
+        return false;
+    }
+    // Empty AND whitespace-only strings render a label box with nothing to
+    // announce, so both count as absent. A number (`0`) is a real label.
+    if (typeof label === 'string')
+        return label.trim() !== '';
+    if (typeof label === 'number' || typeof label === 'bigint')
+        return true;
+    if (isValidElement(label)) {
+        return label.type === Fragment
+            ? hasRenderableLabel(label.props?.children ?? null)
+            : true;
+    }
+    // Portals and any other React-internal node that is not an element: their
+    // content lands outside this subtree (or is unknowable), so it cannot name
+    // the control. Must stay ABOVE the collection branch: isValidElement is false
+    // for a portal and Children.toArray hands the identical node straight back,
+    // so recursing on it would never terminate.
+    if (typeof label === 'object' && '$$typeof' in label)
+        return false;
+    const children = Children.toArray(label);
+    // Belt for anything else toArray cannot break down: no progress left to make,
+    // and nothing we can confirm renders in place, so treat it as absent rather
+    // than recurse forever.
+    if (children.length === 1 && children[0] === label)
+        return false;
+    // Arrays and other iterables: renderable only if some child is.
+    return children.some((child) => hasRenderableLabel(child));
+}

package/dist/esm/components/form/select-field/index.d.ts

@@ -0,0 +1,20 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+import { Control, FieldValues } from 'react-hook-form';
+export type SelectFieldProps<T extends FieldValues = FieldValues> = PropsWithChildren & {
+    name: string;
+    label?: ReactNode;
+    tooltip?: string;
+    labelExtra?: React.ReactNode;
+    description?: ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    control: Control<T>;
+    multi?: boolean;
+    required?: boolean;
+    emptyMessage?: string;
+    onChange?: (value: string | string[]) => void;
+    'data-testid'?: string;
+};
+export declare const SelectField: <T extends FieldValues = FieldValues>({ name, label, tooltip, labelExtra, required, placeholder, description, disabled, readOnly, multi, control, children, emptyMessage, onChange, ...others }: SelectFieldProps<T>) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/form/select-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/select-field/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAQ,MAAM,iBAAiB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAC9D,iBAAiB,GAAG;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAEH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,2JAgB9D,gBAAgB,CAAC,CAAC,CAAC,sBAmErB,CAAA"}

package/dist/esm/components/form/select-field/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormTooltip } from '../../../components/ui/form.js';
+import { MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue } from '../../../components/ui/multiple-select/index.js';
+import { Select, SelectContent, SelectEmpty, SelectTrigger, SelectValue } from '../../../components/ui/select/index.js';
+import { cn } from '../../../lib/utils.js';
+export const SelectField = ({ name, label, tooltip, labelExtra, required, placeholder, description, disabled, readOnly, multi, control, children, emptyMessage = 'No options found.', onChange, ...others }) => {
+    return (_jsx(FormField, { name: name, control: control, ...others, render: ({ field }) => {
+            return (_jsxs(FormItem, { required: required, children: [label && (_jsx(FormLabel, { extra: tooltip ? _jsx(FormTooltip, { children: tooltip }) : labelExtra, children: label })), multi ? (_jsxs(MultipleSelect, { onValueChange: (value) => {
+                            field.onChange(value);
+                            onChange?.(value);
+                        }, disabled: disabled, ...field, children: [_jsx(MultipleSelectTrigger, { readOnly: readOnly, children: _jsx(MultipleSelectValue, { placeholder: placeholder }) }), _jsx(MultipleSelectContent, { children: children })] })) : (_jsxs(Select, { onValueChange: (value) => {
+                            field.onChange(value);
+                            onChange?.(value);
+                        }, value: field.value ?? '', disabled: disabled, open: readOnly ? false : undefined, onOpenChange: readOnly ? () => { } : undefined, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { className: cn(disabled && 'bg-shadcn-100'), readOnly: readOnly, "data-testid": others['data-testid'], children: _jsx(SelectValue, { placeholder: placeholder }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectEmpty, { children: emptyMessage }), children] })] })), _jsx(FormMessage, {}), description && _jsx(FormDescription, { children: description })] }));
+        } }));
+};

package/dist/esm/components/form/state-field/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { SelectFieldProps } from '../select-field/index.js';
+export type StateFieldProps<T extends FieldValues = FieldValues> = Omit<SelectFieldProps<T>, 'children'> & {
+    countryName?: string;
+    emptyMessage?: string;
+    readOnly?: boolean;
+};
+export declare const StateField: <T extends FieldValues = FieldValues>({ countryName, label, placeholder, emptyMessage, required, readOnly, ...others }: StateFieldProps<T>) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/form/state-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/state-field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAQ,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAsHlD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,CACrE,gBAAgB,CAAC,CAAC,CAAC,EACnB,UAAU,CACX,GAAG;IACF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,kFAQ7D,eAAe,CAAC,CAAC,CAAC,sBAoBpB,CAAA"}

package/dist/esm/components/form/state-field/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { getStateCountry } from '../../../utils/country-utils.js';
+import { useFormContext } from 'react-hook-form';
+import { FormField, FormItem, FormLabel, FormMessage } from '../../../components/ui/form.js';
+import { Button } from '../../../components/ui/button/index.js';
+import { cn } from '../../../lib/utils.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../../../components/ui/popover/index.js';
+import { ChevronsUpDown } from 'lucide-react';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../../components/ui/command/index.js';
+function StateComboBox({ value, placeholder, onChange, countryName, emptyMessage, readOnly }) {
+    const [open, setOpen] = React.useState(false);
+    const form = useFormContext();
+    const country = form.watch(countryName);
+    const options = React.useMemo(() => {
+        const states = getStateCountry(country)?.map((state) => ({
+            value: state.code,
+            label: state.name
+        }));
+        if (!states) {
+            onChange?.('');
+        }
+        return states ?? [];
+    }, [country, onChange]);
+    const getDisplayValue = React.useCallback((value) => {
+        return options.find((option) => option.value === value)?.label ?? null;
+    }, [options]);
+    return (_jsxs(Popover, { open: readOnly ? false : open, onOpenChange: readOnly ? () => { } : setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": readOnly ? false : open, readOnly: readOnly, tabIndex: 0, className: cn('border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none', !value && 'text-muted-foreground'), children: [getDisplayValue(value) ?? placeholder, !readOnly && (_jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))] }) }), _jsx(PopoverContent, { className: "w-(--radix-popover-trigger-width) p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: placeholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessage }), _jsx(CommandGroup, { children: options.map((option) => (_jsx(CommandItem, { value: option.value, keywords: [option.label], onSelect: (currentValue) => {
+                                            onChange?.(value !== currentValue ? currentValue : '');
+                                            setOpen(false);
+                                        }, children: option.label }, option.value))) })] })] }) })] }));
+}
+export const StateField = ({ countryName = 'address.country', label, placeholder, emptyMessage, required, readOnly, ...others }) => {
+    return (_jsx(FormField, { ...others, name: others.name, render: ({ field }) => (_jsxs(FormItem, { required: required, children: [label && _jsx(FormLabel, { children: label }), _jsx(StateComboBox, { countryName: countryName, placeholder: placeholder, emptyMessage: emptyMessage, readOnly: readOnly, ...field }), _jsx(FormMessage, {})] })) }));
+};

package/dist/esm/components/form/switch-field/index.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Control, FieldValues } from 'react-hook-form';
+export type SwitchFieldProps<T extends FieldValues = FieldValues> = {
+    label?: string;
+    name: string;
+    control: Control<T>;
+    labelExtra?: ReactNode;
+    tooltip?: string;
+    required?: boolean;
+    disabled?: boolean;
+    disabledTooltip?: string;
+    'data-testid'?: string;
+};
+export declare const SwitchField: <T extends FieldValues = FieldValues>({ label, name, control, labelExtra, tooltip, required, disabled, disabledTooltip, "data-testid": dataTestId }: SwitchFieldProps<T>) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/form/switch-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/switch-field/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAQ,MAAM,iBAAiB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,+GAU9D,gBAAgB,CAAC,CAAC,CAAC,gCAiDrB,CAAA"}

package/dist/esm/components/form/switch-field/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, FormTooltip } from '../../../components/ui/form.js';
+import { Switch } from '../../../components/ui/switch/index.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../../components/ui/tooltip/index.js';
+export const SwitchField = ({ label, name, control, labelExtra, tooltip, required, disabled, disabledTooltip, 'data-testid': dataTestId }) => {
+    return (_jsx(FormField, { name: name, control: control, render: ({ field }) => (_jsxs(FormItem, { required: required, children: [label && (_jsx(FormLabel, { extra: tooltip ? _jsx(FormTooltip, { children: tooltip }) : labelExtra, children: label })), _jsx("div", { className: "relative", children: _jsx(FormControl, { children: disabled && disabledTooltip ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "inline-flex w-auto", children: _jsx(Switch, { checked: field.value, onCheckedChange: field.onChange, disabled: disabled }) }) }), _jsx(TooltipContent, { children: disabledTooltip })] }) })) : (_jsx(Switch, { checked: field.value, onCheckedChange: field.onChange, disabled: disabled, "data-testid": dataTestId })) }) }), _jsx(FormMessage, {})] })) }));
+};

package/dist/esm/components/form/textarea-field/index.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { type RenderableLabel } from '../../../components/form/renderable-label.js';
+type TextareaFieldOwnProps<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    description?: ReactNode;
+    placeholder?: string;
+    tooltip?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    rows?: number;
+    className?: string;
+    'data-testid'?: string;
+};
+/**
+ * A control with no accessible name is invisible to screen readers, so the type
+ * makes one mandatory: either a visible `label`, or an `aria-label` when the
+ * design calls for a bare textarea.
+ */
+export type TextareaFieldProps<T extends FieldValues = FieldValues> = TextareaFieldOwnProps<T> & ({
+    label: RenderableLabel;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    'aria-label': string;
+});
+export declare const TextareaField: <T extends FieldValues = FieldValues>({ control, name, label, description, placeholder, tooltip, required, disabled, readOnly, rows, className, "data-testid": dataTestId, "aria-label": ariaLabelProp }: TextareaFieldProps<T>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/form/textarea-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/textarea-field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAY5D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAA;AAE3C,KAAK,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IAChE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAChE,qBAAqB,CAAC,CAAC,CAAC,GACtB,CACI;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAC1C,CAAA;AAEL,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,oKAchE,kBAAkB,CAAC,CAAC,CAAC,gCAkDvB,CAAA"}

package/dist/esm/components/form/textarea-field/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormTooltip } from '../../../components/ui/form.js';
+import { Textarea } from '../../../components/ui/textarea/index.js';
+import { hasRenderableLabel } from '../../../components/form/renderable-label.js';
+export const TextareaField = ({ control, name, label, description, placeholder, tooltip, required, disabled, readOnly, rows, className, 'data-testid': dataTestId, 'aria-label': ariaLabelProp }) => {
+    const showLabel = hasRenderableLabel(label);
+    // An empty or whitespace-only aria-label is worse than none: it names the
+    // control "". Drop it so the attribute never reaches the DOM.
+    const ariaLabel = ariaLabelProp?.trim() ? ariaLabelProp : undefined;
+    // The type cannot rule out `label=""`, so this is the only signal a developer
+    // gets that the control shipped nameless.
+    if (process.env.NODE_ENV !== 'production' && !showLabel && !ariaLabel) {
+        console.error(`TextareaField "${name}" has no accessible name: pass a non-empty label or aria-label.`);
+    }
+    return (_jsx(FormField, { control: control, name: name, 
+        // Controller-level, not just on the element: this is what keeps a
+        // disabled field out of the submitted values.
+        disabled: disabled, render: ({ field }) => (_jsxs(FormItem, { required: required, children: [showLabel && (_jsx(FormLabel, { extra: tooltip ? _jsx(FormTooltip, { children: tooltip }) : undefined, children: label })), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: placeholder, readOnly: readOnly, rows: rows, className: className, "data-testid": dataTestId, "aria-label": ariaLabel, ...field }) }), _jsx(FormMessage, {}), description && _jsx(FormDescription, { children: description })] })) }));
+};

package/dist/esm/components/page/index.d.ts

@@ -0,0 +1,4 @@
+export declare function PageRoot({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function PageView({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function PageContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW5E;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ5E;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ7B"}

package/dist/esm/components/page/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+export function PageRoot({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-root", className: cn('text-foreground bg-body-surface flex h-screen min-h-screen w-full flex-col overflow-y-auto', className), ...props }));
+}
+export function PageView({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-view", className: cn('flex min-h-0 flex-1', className), ...props }));
+}
+export function PageContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-content", className: cn('flex grow flex-col overflow-y-auto p-16', className), ...props }));
+}

package/dist/esm/components/page-header/index.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+export declare function PageHeaderActionButtons({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function PageHeaderWrapper({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+type PageHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function PageHeader({ children, className }: PageHeaderProps): import("react").JSX.Element;
+export type PageHeaderInfoTitleProps = {
+    title: string;
+    subtitle?: string;
+    subtitleCopyToClipboard?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+export declare function PageHeaderInfoTitle({ title, subtitle, className, children }: PageHeaderInfoTitleProps): import("react").JSX.Element;
+export type PageHeaderInfoTooltipProps = {
+    subtitle: string;
+};
+export declare function PageHeaderInfoTooltip({ subtitle }: PageHeaderInfoTooltipProps): import("react").JSX.Element;
+export type PageHeaderCollapsibleInfoTriggerProps = {
+    question: string;
+};
+export declare function PageHeaderCollapsibleInfoTrigger({ question }: PageHeaderCollapsibleInfoTriggerProps): import("react").JSX.Element;
+export type PageHeaderCollapsibleInfoProps = {
+    question?: string;
+    answer?: string;
+    seeMore?: string;
+    href?: string;
+};
+export declare function PageHeaderCollapsibleInfo({ question, answer, seeMore, href }: PageHeaderCollapsibleInfoProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/page-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAA;AAmBtE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAc7B;AAED,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAgBlE;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,wBAAwB,+BAmB1B;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACT,EAAE,0BAA0B,+BA8B5B;AAED,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,gCAAgC,CAAC,EAC/C,QAAQ,EACT,EAAE,qCAAqC,+BAavC;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACL,EAAE,8BAA8B,+BAyChC"}

package/dist/esm/components/page-header/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+import { createContext, useContext, useState } from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../components/ui/collapsible/index.js';
+import { Button } from '../ui/button/index.js';
+import { HelpCircle, ChevronUp, ExternalLink, Copy } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
+import { useToast } from '../../hooks/use-toast.js';
+import { Arrow } from '@radix-ui/react-tooltip';
+const PageHeaderContext = createContext({ isOpen: false });
+export function PageHeaderActionButtons({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-header-action-buttons", className: cn('flex items-center gap-8', className), ...props }));
+}
+export function PageHeaderWrapper({ className, ...props }) {
+    const { isOpen } = useContext(PageHeaderContext);
+    return (_jsx("div", { "data-slot": "page-header-wrapper", className: cn('flex items-start justify-between', isOpen && 'border-b', className), ...props }));
+}
+export function PageHeader({ children, className }) {
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsx(PageHeaderContext.Provider, { value: { isOpen }, children: _jsx("div", { "data-slot": "page-header", className: cn('mt-12', isOpen && 'mb-12'), children: _jsx(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: className, children: children }) }) }));
+}
+export function PageHeaderInfoTitle({ title, subtitle, className, children }) {
+    return (_jsxs("div", { "data-slot": "page-header-info-title", className: "mb-12 flex flex-col gap-4", children: [_jsx("h1", { className: cn('text-foreground text-4xl font-bold', className), "data-testid": "title", children: title }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-shadcn-400 text-sm font-medium", children: subtitle }), children] })] }));
+}
+export function PageHeaderInfoTooltip({ subtitle }) {
+    const { toast } = useToast();
+    const handleCopyToClipboard = (value) => {
+        navigator.clipboard.writeText(value);
+        toast({
+            description: 'Copied to clipboard!'
+        });
+    };
+    return (_jsx("div", { "data-slot": "page-header-info-tooltip", children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 300, children: [_jsx(TooltipTrigger, { onClick: () => handleCopyToClipboard(subtitle), children: _jsx(Copy, { size: 16, className: "cursor-pointer" }) }), _jsxs(TooltipContent, { className: "bg-shadcn-600 border-none", arrowPadding: 0, children: [_jsx("p", { className: "text-shadcn-400 text-sm font-medium", children: subtitle }), _jsx("p", { className: "text-center text-white", children: "Click to copy" }), _jsx(Arrow, { height: 8, width: 15 })] })] }) }) }));
+}
+export function PageHeaderCollapsibleInfoTrigger({ question }) {
+    return (_jsx("div", { "data-slot": "page-header-collapsible-info-trigger", children: _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "link", className: "flex gap-2 pr-0", children: [_jsx("span", { className: "text-foreground text-sm font-medium", children: question }), _jsx(HelpCircle, { className: "h-4 w-4" })] }) }) }));
+}
+export function PageHeaderCollapsibleInfo({ question, answer, seeMore, href }) {
+    return (_jsx("div", { "data-slot": "page-header-collapsible-info", children: _jsx(CollapsibleContent, { children: _jsxs("div", { className: "flex w-full justify-between pt-6", children: [_jsxs("div", { className: "mt-12 flex grow flex-col gap-3 pr-6", children: [_jsx("h1", { className: "text-foreground text-xl font-bold", children: question }), _jsxs("p", { className: "text-shadcn-500 text-sm leading-relaxed font-medium", children: [answer, seeMore && href && (_jsxs(_Fragment, { children: [' ', _jsxs("a", { target: "_blank", rel: "noopener noreferrer", href: href, className: "text-shadcn-600 dark:text-shadcn-400 font-medium", children: [_jsx("span", { className: "underline underline-offset-4", children: seeMore }), _jsx(ExternalLink, { size: 16, className: "ml-1 inline align-middle" })] })] }))] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { variant: "link", className: "cursor-pointer self-start", children: _jsx(ChevronUp, { size: 24, className: "text-shadcn-500" }) }) })] }) }) }));
+}

package/dist/esm/components/pagination/index.d.ts

@@ -0,0 +1,8 @@
+import type { UsePaginationReturn } from '../../hooks/use-pagination.js';
+export type PaginationProps = UsePaginationReturn & {
+    previousLabel?: string;
+    nextLabel?: string;
+    total?: number;
+};
+export declare const Pagination: ({ page, limit, total, previousLabel, nextLabel, nextPage, previousPage }: PaginationProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAGjE,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,0EAQxB,eAAe,gCA0BjB,CAAA"}

package/dist/esm/components/pagination/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../ui/button/index.js';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+export const Pagination = ({ page, limit, total = 0, previousLabel, nextLabel, nextPage, previousPage }) => {
+    return (_jsxs("div", { className: "flex items-center justify-end space-x-2", children: [_jsx(Button, { variant: "outline", size: "small", onClick: previousPage, disabled: page <= 1, icon: _jsx(ChevronLeft, { size: 16 }), iconPlacement: "start", children: previousLabel }), _jsx(Button, { variant: "outline", size: "small", onClick: nextPage, disabled: total < limit, icon: _jsx(ChevronRight, { size: 16 }), iconPlacement: "end", children: nextLabel })] }));
+};

package/dist/esm/components/table/id-table-cell.d.ts

@@ -0,0 +1,7 @@
+import { TableCell } from '../../components/ui/table/index.js';
+export type IdTableCellProps = Omit<React.ComponentProps<typeof TableCell>, 'onCopy'> & {
+    id?: string;
+    onCopy?: (id: string) => void;
+};
+export declare const IdTableCell: ({ id, onCopy, ...others }: IdTableCellProps) => import("react").JSX.Element;
+//# sourceMappingURL=id-table-cell.d.ts.map

package/dist/esm/components/table/id-table-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-table-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/table/id-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGV,MAAM,uBAAuB,CAAA;AAU9B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,QAAQ,CACT,GAAG;IACF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,2BAA2B,gBAAgB,gCAqBtE,CAAA"}

package/dist/esm/components/table/id-table-cell.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TableCell, TableCellAction, TableCellWrapper } from '../../components/ui/table/index.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
+import truncate from 'lodash/truncate.js';
+import { Copy } from 'lucide-react';
+export const IdTableCell = ({ id, onCopy, ...others }) => {
+    const handleCopyToClipboard = () => {
+        navigator.clipboard.writeText(id);
+        onCopy?.(id);
+    };
+    return (_jsx(TableCell, { onClick: handleCopyToClipboard, ...others, children: _jsxs(TableCellWrapper, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 300, children: [_jsx(TooltipTrigger, { children: truncate(id, { length: 16 }) }), _jsx(TooltipContent, { children: id })] }) }), _jsx(TableCellAction, { children: _jsx(Copy, { className: "size-3.5" }) })] }) }));
+};

package/dist/esm/components/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './id-table-cell.js';
+export * from './name-table-cell.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/dist/esm/components/table/index.js

@@ -0,0 +1,2 @@
+export * from './id-table-cell.js';
+export * from './name-table-cell.js';

package/dist/esm/components/table/locked-table-actions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type LockedTableActionsProps = {
+    message: string;
+    className?: string;
+};
+export declare const LockedTableActions: ({ message, className }: LockedTableActionsProps) => React.JSX.Element;
+//# sourceMappingURL=locked-table-actions.d.ts.map

package/dist/esm/components/table/locked-table-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locked-table-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/table/locked-table-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,sBAkBzB,CAAA"}

package/dist/esm/components/table/locked-table-actions.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LockIcon } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/ui/tooltip/index.js';
+import { cn } from '../../lib/utils.js';
+export const LockedTableActions = ({ message, className }) => {
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: cn('border-border bg-muted flex size-9 items-center justify-center rounded-md border', className), children: _jsx(LockIcon, { size: 14, className: "text-muted-foreground" }) }) }), _jsx(TooltipContent, { side: "left", children: message })] }) }));
+};

package/dist/esm/components/table/name-table-cell.d.ts

@@ -0,0 +1,6 @@
+import { TableCell } from '../ui/table/index.js';
+export type NameTableCellProps = React.ComponentProps<typeof TableCell> & {
+    name?: string | React.ReactNode;
+};
+export declare const NameTableCell: ({ name, ...props }: NameTableCellProps) => import("react").JSX.Element;
+//# sourceMappingURL=name-table-cell.d.ts.map

package/dist/esm/components/table/name-table-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"name-table-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/table/name-table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAqC,MAAM,aAAa,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oBAAoB,kBAAkB,gCAWnE,CAAA"}

package/dist/esm/components/table/name-table-cell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search } from 'lucide-react';
+import { TableCell, TableCellWrapper, TableCellAction } from '../ui/table/index.js';
+export const NameTableCell = ({ name, ...props }) => {
+    return (_jsx(TableCell, { ...props, children: _jsxs(TableCellWrapper, { children: [_jsx("p", { className: "cursor-pointer", children: name }), _jsx(TableCellAction, { children: _jsx(Search, { className: "size-3.5" }) })] }) }));
+};

package/dist/esm/components/ui/accordion/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+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;
+/**
+ * `asChild` is deliberately omitted: the trigger always renders the caller's
+ * children PLUS the chevron, and Radix's Slot cannot merge onto two children —
+ * it throws at runtime. Legacy sindarian-x carried the same two-child shape, so
+ * `asChild` never worked there either; here it is a compile error instead.
+ */
+declare function AccordionTrigger({ className, children, ...props }: Omit<React.ComponentProps<typeof AccordionPrimitive.Trigger>, 'asChild'>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAQtD;AAED;;;;;GAKG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,qBAgB1E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/ui/accordion/index.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+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 }));
+}
+/**
+ * `asChild` is deliberately omitted: the trigger always renders the caller's
+ * children PLUS the chevron, and Radix's Slot cannot merge onto two children —
+ * it throws at runtime. Legacy sindarian-x carried the same two-child shape, so
+ * `asChild` never worked there either; here it is a compile error instead.
+ */
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-colors outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className), ...props, children: [children, _jsx(ChevronDown, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn('pt-0 pb-4', className), children: children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/esm/components/ui/alert/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { IconButton } from '../icon-button/index.js';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "informative" | "destructive" | "warning" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>;
+declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertActions({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertTopAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertClose({ className, ...props }: React.ComponentProps<typeof IconButton>): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertActions, AlertTopAction, AlertClose };
+//# sourceMappingURL=index.d.ts.map