@equal-experts/kuat-react 0.4.1 → 0.5.0

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+export declare const FIELD_ORIENTATIONS: readonly ["responsive", "vertical", "horizontal"];
+export type FieldOrientation = (typeof FIELD_ORIENTATIONS)[number];
+export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: FieldOrientation;
+}
+declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
+declare const FieldSet: React.ForwardRefExoticComponent<React.FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>>;
+export type FieldLegendVariant = "legend" | "label";
+export interface FieldLegendProps extends React.HTMLAttributes<HTMLLegendElement> {
+    variant?: FieldLegendVariant;
+}
+declare const FieldLegend: React.ForwardRefExoticComponent<FieldLegendProps & React.RefAttributes<HTMLLegendElement>>;
+declare const FieldGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FieldSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type FieldIssue = {
+    message?: string;
+};
+export interface FieldErrorProps extends React.HTMLAttributes<HTMLDivElement> {
+    errors?: Array<FieldIssue | undefined> | FieldIssue;
+    issues?: Array<FieldIssue | undefined>;
+}
+declare const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLDivElement>>;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };

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

@@ -0,0 +1,2 @@
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_ORIENTATIONS, } from './field';
+export type { FieldErrorProps, FieldLegendProps, FieldLegendVariant, FieldOrientation, FieldProps, } from './field';

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

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

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+export declare const INPUT_SIZES: readonly ["regular", "large", "small", "mini"];
+export type InputSize = (typeof INPUT_SIZES)[number];
+/**
+ * Shared props for the Kuat `Input` wrapper + native field.
+ *
+ * For `type="file"`, avoid treating the control like a text field: browsers restrict the
+ * `value`, and React controlled file inputs are unusual—prefer an uncontrolled input with
+ * `ref` and `onChange` (see [shadcn file example](https://ui.shadcn.com/docs/components/radix/input#file)).
+ */
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /** Visual size; maps to `input--size-*` (not the HTML `size` attribute). */
+    size?: InputSize;
+    /** Optional content before the field (icon, text, checkbox, etc.). */
+    leftDecoration?: React.ReactNode;
+    /** Optional content after the field (suffix text, button, icon, etc.). */
+    rightDecoration?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/ui/kuat-carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, } from './kuat-carousel';
+export type { KuatCarouselSlidesPerView, KuatCarouselProps, KuatCarouselContentProps, KuatCarouselItemProps, } from './kuat-carousel';

package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts

@@ -0,0 +1,32 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import * as React from "react";
+type KuatCarouselApi = UseEmblaCarouselType[1];
+type KuatCarouselOptions = UseEmblaCarouselType[0];
+type KuatCarouselOrientation = "horizontal" | "vertical";
+export type KuatCarouselSlidesPerView = 1 | 2 | 3;
+interface KuatCarouselContextValue {
+    api: KuatCarouselApi;
+    slidesPerView: KuatCarouselSlidesPerView;
+    orientation: KuatCarouselOrientation;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+}
+declare function useKuatCarousel(): KuatCarouselContextValue;
+export interface KuatCarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    opts?: KuatCarouselOptions;
+    slidesPerView?: KuatCarouselSlidesPerView;
+    orientation?: KuatCarouselOrientation;
+    plugins?: Parameters<typeof useEmblaCarousel>[1];
+}
+declare const KuatCarousel: React.ForwardRefExoticComponent<KuatCarouselProps & React.RefAttributes<HTMLDivElement>>;
+export interface KuatCarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const KuatCarouselContent: React.ForwardRefExoticComponent<KuatCarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface KuatCarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const KuatCarouselItem: React.ForwardRefExoticComponent<KuatCarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const KuatCarouselPrevious: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const KuatCarouselNext: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, };

package/dist/components/ui/kuat-header/index.d.ts

@@ -0,0 +1,2 @@
+export { KuatHeader, EELogo, kuatHeaderVariants, KUAT_HEADER_VARIANTS, EE_LOGO_TEXT_COLORS, } from './kuat-header';
+export type { KuatHeaderProps, EELogoProps, KuatHeaderVariant, EELogoTextColor, } from './kuat-header';

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+export declare const KUAT_HEADER_VARIANTS: readonly ["default", "bold"];
+export type KuatHeaderVariant = (typeof KUAT_HEADER_VARIANTS)[number];
+export declare const EE_LOGO_TEXT_COLORS: readonly ["grey", "white"];
+export type EELogoTextColor = (typeof EE_LOGO_TEXT_COLORS)[number];
+/**
+ * Equal Experts Logo component
+ * Source: https://github.com/EqualExperts/brand-assets/blob/main/logo/logo-colour.svg
+ */
+export interface EELogoProps {
+    className?: string;
+    /** Text color variant - grey for default, white for bold */
+    textColor?: EELogoTextColor;
+}
+declare function EELogo({ className, textColor }: EELogoProps): import("react/jsx-runtime").JSX.Element;
+export interface KuatHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    /** Logo element - defaults to EE logo if not provided. Set to `null` to hide. */
+    logo?: React.ReactNode;
+    /** Page or application title */
+    title?: string;
+    /** Navigation items - visible on desktop, hidden on mobile */
+    navigation?: React.ReactNode;
+    /** Right-side actions (e.g., user menu, search) - visible on desktop */
+    actions?: React.ReactNode;
+    /** Mobile menu trigger button (e.g., hamburger icon) */
+    mobileMenuTrigger?: React.ReactNode;
+    /** Mobile menu content (typically a Sheet or Drawer) */
+    mobileMenu?: React.ReactNode;
+    /** Hide the default EE logo */
+    hideLogo?: boolean;
+    variant?: KuatHeaderVariant;
+}
+declare const KuatHeader: React.ForwardRefExoticComponent<KuatHeaderProps & React.RefAttributes<HTMLElement>>;
+/** Returns class string for header variant (backward compatibility). */
+export declare function kuatHeaderVariants(options?: {
+    variant?: KuatHeaderVariant;
+}): string;
+export { KuatHeader, EELogo };

package/dist/components/ui/kuat-logo-lockup/index.d.ts

@@ -0,0 +1,2 @@
+export { KuatLogoLockup, KUAT_LOGO_LOCKUP_USE, KUAT_LOGO_LOCKUP_MODE } from './kuat-logo-lockup';
+export type { KuatLogoLockupProps, KuatLogoLockupUse, KuatLogoLockupMode, } from './kuat-logo-lockup';

package/dist/components/ui/kuat-logo-lockup/kuat-logo-lockup.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export declare const KUAT_LOGO_LOCKUP_USE: readonly ["service", "demo"];
+export type KuatLogoLockupUse = (typeof KUAT_LOGO_LOCKUP_USE)[number];
+export declare const KUAT_LOGO_LOCKUP_MODE: readonly ["light", "dark"];
+export type KuatLogoLockupMode = (typeof KUAT_LOGO_LOCKUP_MODE)[number];
+export interface KuatLogoLockupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Service name (Service use) or primary title (Demo use) */
+    title: string;
+    /** Service: logo first + name. Demo: title primary, "A demo by" + small logo. */
+    use?: KuatLogoLockupUse;
+    /** Visual theme */
+    mode?: KuatLogoLockupMode;
+    /** When true, force dark styling (e.g. on dark background) */
+    forceDark?: boolean;
+}
+declare const KuatLogoLockup: React.ForwardRefExoticComponent<KuatLogoLockupProps & React.RefAttributes<HTMLDivElement>>;
+export { KuatLogoLockup };

package/dist/components/ui/kuat-radial-progress/index.d.ts

@@ -0,0 +1,2 @@
+export { KuatRadialProgress, KUAT_RADIAL_PROGRESS_SIZES, KUAT_RADIAL_PROGRESS_COLORS, } from './kuat-radial-progress';
+export type { KuatRadialProgressProps, KuatRadialProgressSize, KuatRadialProgressColor, } from './kuat-radial-progress';

package/dist/components/ui/kuat-radial-progress/kuat-radial-progress.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export declare const KUAT_RADIAL_PROGRESS_SIZES: readonly ["mini", "small", "medium", "large"];
+export declare const KUAT_RADIAL_PROGRESS_COLORS: readonly ["default", "primary", "ee-blue", "tech-blue", "transform-teal", "equal-ember"];
+export type KuatRadialProgressSize = (typeof KUAT_RADIAL_PROGRESS_SIZES)[number];
+export type KuatRadialProgressColor = (typeof KUAT_RADIAL_PROGRESS_COLORS)[number];
+export interface KuatRadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+    /** Value from 0 to 100 */
+    value: number;
+    /** Bar colour from Kuat palette; default uses semantic foreground-bar token */
+    color?: KuatRadialProgressColor;
+    size?: KuatRadialProgressSize;
+    /** When true, animate from 0 to value on mount */
+    animate?: boolean;
+}
+declare const KuatRadialProgress: React.ForwardRefExoticComponent<KuatRadialProgressProps & React.RefAttributes<HTMLDivElement>>;
+export { KuatRadialProgress };

package/dist/components/ui/radio/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioGroup, RadioGroupItem } from './radio';
+export type { RadioGroupProps, RadioGroupItemProps } from './radio';
+export { RadioField, RADIO_FIELD_APPEARANCES, RADIO_FIELD_LAYOUTS, } from './radio-field';
+export type { RadioFieldAppearance, RadioFieldLayout, RadioFieldProps, } from './radio-field';

package/dist/components/ui/radio/radio-field.d.ts

@@ -0,0 +1,25 @@
+import { RadioGroupItem } from './radio';
+import * as React from "react";
+export declare const RADIO_FIELD_APPEARANCES: readonly ["plain", "card"];
+export type RadioFieldAppearance = (typeof RADIO_FIELD_APPEARANCES)[number];
+export declare const RADIO_FIELD_LAYOUTS: readonly ["inline", "block"];
+export type RadioFieldLayout = (typeof RADIO_FIELD_LAYOUTS)[number];
+/** @deprecated Prefer composing `Field` + `RadioGroupItem` for new form layouts. */
+export interface RadioFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupItem>, "id" | "children"> {
+    /** Primary label (always shown). */
+    label: React.ReactNode;
+    /** Optional secondary line (12px muted); works for both plain and card. */
+    secondaryText?: React.ReactNode;
+    /** `plain` — no border/padding; `card` — bordered padded container (Figma Rich). */
+    appearance?: RadioFieldAppearance;
+    /** `inline` — compact label; `block` — label row can grow (Figma Radio Group). */
+    layout?: RadioFieldLayout;
+    /** Place radio on the right of the text block. */
+    flipped?: boolean;
+    id?: string;
+    /** Required — must match a unique option in the parent `RadioGroup`. */
+    value: string;
+}
+/** @deprecated Prefer composing `Field` + `RadioGroupItem` for new form layouts. */
+declare const RadioField: React.ForwardRefExoticComponent<RadioFieldProps & React.RefAttributes<HTMLButtonElement>>;
+export { RadioField };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroup>;
+export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/select/constants.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+export declare const SELECT_SIZES: readonly ["regular", "large", "small", "mini"];
+export type SelectSize = (typeof SELECT_SIZES)[number];
+export declare const SELECT_LINES: readonly ["single", "double"];
+export type SelectLines = (typeof SELECT_LINES)[number];
+export interface SelectItemOption {
+    value: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    disabled?: boolean;
+    prepend?: React.ReactNode;
+    decoration?: React.ReactNode;
+}
+export interface SelectItemGroup {
+    label: React.ReactNode;
+    items: SelectItemOption[];
+}
+export type SelectItems = Array<SelectItemOption | SelectItemGroup>;
+export declare function isSelectItemGroup(item: SelectItemOption | SelectItemGroup): item is SelectItemGroup;

package/dist/components/ui/select/index.d.ts

@@ -0,0 +1,3 @@
+export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, } from './select';
+export type { KuatSelectProps, SelectContentProps, SelectItemProps, SelectLabelProps, SelectProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps, } from './select';
+export type { SelectItemGroup, SelectItemOption, SelectItems, SelectLines, SelectSize, } from './constants';

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

@@ -0,0 +1,53 @@
+import { SELECT_LINES, SELECT_SIZES, SelectItems, SelectLines, SelectSize } from './constants';
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: SelectSize;
+    lines?: SelectLines;
+    label?: React.ReactNode;
+    prepend?: React.ReactNode;
+    decoration?: React.ReactNode;
+    invalid?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: SelectSize;
+    maxHeight?: number | string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    prepend?: React.ReactNode;
+    description?: React.ReactNode;
+    decoration?: React.ReactNode;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface KuatSelectProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, "children"> {
+    items?: SelectItems;
+    placeholder?: string;
+    size?: SelectSize;
+    lines?: SelectLines;
+    prepend?: React.ReactNode;
+    decoration?: React.ReactNode;
+    label?: React.ReactNode;
+    invalid?: boolean;
+    position?: React.ComponentPropsWithoutRef<typeof SelectContent>["position"];
+    maxHeight?: number | string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    emptyText?: React.ReactNode;
+    children?: React.ReactNode;
+    triggerProps?: Omit<React.ComponentPropsWithoutRef<typeof SelectTrigger>, "children" | "size" | "lines" | "label" | "prepend" | "decoration" | "invalid">;
+}
+declare function KuatSelect({ items, placeholder, size, lines, prepend, decoration, label, invalid, position, maxHeight, triggerClassName, contentClassName, emptyText, children, triggerProps, ...rootProps }: KuatSelectProps): import("react/jsx-runtime").JSX.Element;
+export type SelectProps = React.ComponentPropsWithoutRef<typeof Select>;
+export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectTrigger>;
+export type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectContent>;
+export type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectLabel>;
+export type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectSeparator>;
+export type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectValue>;
+export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, };

package/dist/components/ui/separator/index.d.ts

@@ -0,0 +1,2 @@
+export { Separator, SEPARATOR_ORIENTATIONS } from './separator';
+export type { SeparatorProps, SeparatorOrientation } from './separator';

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+export declare const SEPARATOR_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type SeparatorOrientation = (typeof SEPARATOR_ORIENTATIONS)[number];
+export interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+    orientation?: SeparatorOrientation;
+}
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/components/ui/switch/index.d.ts

@@ -0,0 +1,4 @@
+export { Switch } from './switch';
+export type { SwitchProps } from './switch';
+export { SwitchField, SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS, } from './switch-field';
+export type { SwitchFieldAppearance, SwitchFieldLayout, SwitchFieldProps, } from './switch-field';

package/dist/components/ui/switch/switch-field.d.ts

@@ -0,0 +1,23 @@
+import { Switch } from './switch';
+import * as React from "react";
+export declare const SWITCH_FIELD_APPEARANCES: readonly ["plain", "card"];
+export type SwitchFieldAppearance = (typeof SWITCH_FIELD_APPEARANCES)[number];
+export declare const SWITCH_FIELD_LAYOUTS: readonly ["inline", "block"];
+export type SwitchFieldLayout = (typeof SWITCH_FIELD_LAYOUTS)[number];
+/** @deprecated Prefer composing `Field` + `Switch` for new form layouts. */
+export interface SwitchFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch>, "id" | "children"> {
+    /** Primary label (always shown). */
+    label: React.ReactNode;
+    /** Optional secondary line (12px muted); works for both plain and card. */
+    secondaryText?: React.ReactNode;
+    /** `plain` — no border/padding; `card` — bordered padded container. */
+    appearance?: SwitchFieldAppearance;
+    /** `inline` — compact label; `block` — label row can grow. */
+    layout?: SwitchFieldLayout;
+    /** Place switch on the right of the text block. */
+    flipped?: boolean;
+    id?: string;
+}
+/** @deprecated Prefer composing `Field` + `Switch` for new form layouts. */
+declare const SwitchField: React.ForwardRefExoticComponent<SwitchFieldProps & React.RefAttributes<HTMLButtonElement>>;
+export { SwitchField };

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type SwitchProps = React.ComponentPropsWithoutRef<typeof Switch>;
+export { Switch };

package/dist/components/ui/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea, TEXTAREA_RESIZE, } from './textarea';
+export type { TextareaProps, TextareaResize } from './textarea';

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare const TEXTAREA_RESIZE: readonly ["none", "vertical", "horizontal", "both"];
+export type TextareaResize = (typeof TEXTAREA_RESIZE)[number];
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "resize"> {
+    /** Controls CSS `resize`. Default `vertical`. */
+    resize?: TextareaResize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components/ui/toggle/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TOGGLE_SIZES: readonly ["mini", "small", "regular", "large"];
+export type ToggleSize = (typeof TOGGLE_SIZES)[number];
+export declare const TOGGLE_SKINS: readonly ["outlined", "ghost"];
+export type ToggleSkin = (typeof TOGGLE_SKINS)[number];

package/dist/components/ui/toggle/index.d.ts

@@ -0,0 +1,6 @@
+export { Toggle } from './toggle';
+export type { ToggleProps } from './toggle';
+export { ToggleGroup, ToggleGroupItem } from './toggle-group';
+export type { ToggleGroupProps, ToggleGroupItemProps } from './toggle-group';
+export { TOGGLE_SIZES, TOGGLE_SKINS } from './constants';
+export type { ToggleSize, ToggleSkin } from './constants';

package/dist/components/ui/toggle/toggle-group.d.ts

@@ -0,0 +1,11 @@
+import { ToggleSize, ToggleSkin } from './constants';
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+export type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {
+    size?: ToggleSize;
+    skin?: ToggleSkin;
+}
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { ToggleGroup, ToggleGroupItem };

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

@@ -0,0 +1,9 @@
+import { ToggleSize, ToggleSkin } from './constants';
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
+    size?: ToggleSize;
+    skin?: ToggleSkin;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };

package/dist/constants-DHz0LWRt.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import * as i from "@radix-ui/react-toggle";
+import { c as m } from "./utils-DLUjLwnh.js";
+import * as a from "@radix-ui/react-toggle-group";
+const p = s.forwardRef(({ className: e, size: o = "regular", skin: t = "outlined", ...g }, l) => /* @__PURE__ */ r(
+  i.Root,
+  {
+    ref: l,
+    className: m("toggle", `toggle--size-${o}`, `toggle--skin-${t}`, e),
+    "data-slot": "toggle",
+    ...g
+  }
+));
+p.displayName = i.Root.displayName;
+const d = s.forwardRef(({ className: e, orientation: o = "horizontal", ...t }, g) => /* @__PURE__ */ r(
+  a.Root,
+  {
+    ref: g,
+    className: m("toggle-group", `toggle-group--${o}`, e),
+    "data-slot": "toggle-group",
+    orientation: o,
+    ...t
+  }
+));
+d.displayName = a.Root.displayName;
+const u = s.forwardRef(({ className: e, size: o = "regular", skin: t = "outlined", ...g }, l) => /* @__PURE__ */ r(
+  a.Item,
+  {
+    ref: l,
+    className: m(
+      "toggle-group-item",
+      `toggle-group-item--size-${o}`,
+      `toggle-group-item--skin-${t}`,
+      e
+    ),
+    "data-slot": "toggle-group-item",
+    ...g
+  }
+));
+u.displayName = a.Item.displayName;
+const n = ["mini", "small", "regular", "large"], N = ["outlined", "ghost"];
+export {
+  p as T,
+  n as a,
+  N as b,
+  d as c,
+  u as d
+};

package/dist/constants.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial}}}.toggle,.toggle-group-item{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);white-space:nowrap;transition-property:background-color,border-color,box-shadow,color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;color:#020617;letter-spacing:.5px;background:0 0;border:1px solid #0000;border-radius:4px;outline-style:none;min-height:36px;padding:7px 8px;font-size:14px;font-weight:600;line-height:21px;display:inline-flex}.toggle svg,.toggle-group-item svg{pointer-events:none;flex-shrink:0;width:20px;height:20px}.toggle:focus-visible,.toggle-group-item:focus-visible{box-shadow:0 0 0 3px var(--ring)}.toggle:disabled,.toggle-group-item:disabled{pointer-events:none;cursor:not-allowed;opacity:.45}.toggle--skin-outlined,.toggle-group-item--skin-outlined{background:0 0;border-color:#e2e8f0}.toggle--skin-outlined[data-state=on],.toggle-group-item--skin-outlined[data-state=on]{background:#3341550d}.toggle--skin-ghost,.toggle-group-item--skin-ghost{background:0 0;border-color:#0000}.toggle--skin-ghost[data-state=on],.toggle-group-item--skin-ghost[data-state=on]{background:#0000000d}.toggle--size-mini,.toggle-group-item--size-mini{min-height:24px;padding:2px 8px;font-size:12px;line-height:18px}.toggle--size-small,.toggle-group-item--size-small{min-height:32px;padding:5px 8px}.toggle--size-regular,.toggle-group-item--size-regular{min-height:36px;padding:7px 8px}.toggle--size-large,.toggle-group-item--size-large{min-height:40px;padding:9px 12px}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.toggle-group{align-items:stretch;width:fit-content;display:inline-flex}.toggle-group--vertical{flex-direction:column}.toggle-group--horizontal>.toggle-group-item:only-child,.toggle-group--vertical>.toggle-group-item:only-child{border-radius:4px}.toggle-group--horizontal>.toggle-group-item:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.toggle-group--horizontal>.toggle-group-item:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-group--horizontal>.toggle-group-item:not(:first-child):not(:last-child){border-radius:0}.toggle-group--vertical>.toggle-group-item:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.toggle-group--vertical>.toggle-group-item:last-child{border-top-left-radius:0;border-top-right-radius:0}.toggle-group--vertical>.toggle-group-item:not(:first-child):not(:last-child){border-radius:0}.toggle-group--horizontal>.toggle-group-item--skin-outlined:not(:first-child){border-left-width:0}.toggle-group--vertical>.toggle-group-item--skin-outlined:not(:first-child){border-top-width:0}

package/dist/field-DRLopwY4.js

@@ -0,0 +1,141 @@
+import { jsx as d, jsxs as F } from "react/jsx-runtime";
+import * as t from "react";
+import { c as i } from "./utils-DLUjLwnh.js";
+function s(l, e) {
+  const a = l["data-slot"];
+  return typeof a == "string" ? a : e;
+}
+const E = ["responsive", "vertical", "horizontal"], g = t.forwardRef(
+  ({ className: l, orientation: e = "responsive", ...a }, r) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: r,
+      className: i("field", `field--orientation-${e}`, l),
+      "data-slot": s(a, "field"),
+      ...a
+    }
+  )
+);
+g.displayName = "Field";
+const p = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "fieldset",
+  {
+    ref: a,
+    className: i("field-set", l),
+    "data-slot": s(e, "field-set"),
+    ...e
+  }
+));
+p.displayName = "FieldSet";
+const y = t.forwardRef(
+  ({ className: l, variant: e = "legend", ...a }, r) => /* @__PURE__ */ d(
+    "legend",
+    {
+      ref: r,
+      className: i("field-legend", `field-legend--${e}`, l),
+      "data-slot": s(a, "field-legend"),
+      ...a
+    }
+  )
+);
+y.displayName = "FieldLegend";
+const R = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    className: i("field-group", l),
+    "data-slot": s(e, "field-group"),
+    ...e
+  }
+));
+R.displayName = "FieldGroup";
+const w = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "label",
+  {
+    ref: a,
+    className: i("field-label", l),
+    "data-slot": s(e, "field-label"),
+    ...e
+  }
+));
+w.displayName = "FieldLabel";
+const u = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    className: i("field-content", l),
+    "data-slot": s(e, "field-content"),
+    ...e
+  }
+));
+u.displayName = "FieldContent";
+const v = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    className: i("field-title", l),
+    "data-slot": s(e, "field-title"),
+    ...e
+  }
+));
+v.displayName = "FieldTitle";
+const b = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "p",
+  {
+    ref: a,
+    className: i("field-description", l),
+    "data-slot": s(e, "field-description"),
+    ...e
+  }
+));
+b.displayName = "FieldDescription";
+const L = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    role: "separator",
+    className: i("field-separator", l),
+    "data-slot": s(e, "field-separator"),
+    ...e
+  }
+));
+L.displayName = "FieldSeparator";
+const S = t.forwardRef(
+  ({ className: l, children: e, errors: a, issues: r, ...c }, N) => {
+    const n = [
+      ...Array.isArray(a) ? a : a ? [a] : [],
+      ...r ?? []
+    ].map((o) => {
+      var m;
+      return (m = o == null ? void 0 : o.message) == null ? void 0 : m.trim();
+    }).filter((o) => !!o), f = n.length;
+    return !e && f === 0 ? null : /* @__PURE__ */ F(
+      "div",
+      {
+        ref: N,
+        className: i("field-error", l),
+        "data-slot": s(c, "field-error"),
+        ...c,
+        children: [
+          e,
+          !e && f === 1 ? /* @__PURE__ */ d("span", { children: n[0] }) : null,
+          !e && f > 1 ? /* @__PURE__ */ d("ul", { className: "field-error__list", children: n.map((o) => /* @__PURE__ */ d("li", { children: o }, o)) }) : null
+        ]
+      }
+    );
+  }
+);
+S.displayName = "FieldError";
+export {
+  g as F,
+  u as a,
+  b,
+  S as c,
+  R as d,
+  w as e,
+  y as f,
+  L as g,
+  p as h,
+  v as i,
+  E as j
+};

package/dist/field.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial}}}.field{min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.field--orientation-vertical{flex-direction:column;align-items:flex-start}.field--orientation-horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem)*3);flex-direction:row}.field--orientation-responsive{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);flex-direction:column}.field-set{min-width:calc(var(--spacing,.25rem)*0)}:where(.field-set>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}.field-set{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0}.field-legend{margin:calc(var(--spacing,.25rem)*0);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground)}.field-legend--label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;line-height:1.5}.field-group{min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.field-label{min-width:calc(var(--spacing,.25rem)*0);align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground);line-height:1.5;display:inline-flex}.field-content{min-height:1px;min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1;display:flex}.field-title{font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground);line-height:1.5}.field-description{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground)}.field-separator{background-color:var(--border);justify-content:center;align-items:center;width:100%;height:1px;display:flex}.field-error{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--destructive)}.field-error__list{margin:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*4);list-style-type:disc}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

package/dist/field.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_ORIENTATIONS, } from './components/ui/field';
+export type { FieldErrorProps, FieldLegendProps, FieldLegendVariant, FieldOrientation, FieldProps, } from './components/ui/field';