@knpkv/rly 0.1.0

package/dist/dts/primitives/Button.d.ts

@@ -0,0 +1,57 @@
+import type { ComponentPropsWithRef, ReactElement } from "react";
+import { type RlyIconName } from "../foundations/Icon.js";
+export declare const RLY_BUTTON_VARIANTS: {
+    readonly variant: {
+        readonly primary: {
+            readonly className: string;
+            readonly purpose: "Single principal action";
+            readonly tokens: readonly ["color-action-background", "color-action-foreground"];
+        };
+        readonly secondary: {
+            readonly className: string;
+            readonly purpose: "Default supporting action";
+            readonly tokens: readonly ["color-surface-1", "color-border-2"];
+        };
+        readonly quiet: {
+            readonly className: string;
+            readonly purpose: "Low-emphasis contextual action";
+            readonly tokens: readonly ["color-text-1", "color-surface-2"];
+        };
+    };
+    readonly size: {
+        readonly compact: {
+            readonly className: string;
+            readonly purpose: "Dense text action";
+            readonly tokens: readonly ["space-40"];
+        };
+        readonly default: {
+            readonly className: string;
+            readonly purpose: "Standard action";
+            readonly tokens: readonly ["space-48"];
+        };
+        readonly principal: {
+            readonly className: string;
+            readonly purpose: "Prominent consequential action";
+            readonly tokens: readonly ["space-48", "space-8"];
+        };
+    };
+};
+export declare const RLY_BUTTON_DEFAULT_VARIANTS: {
+    readonly variant: "secondary";
+    readonly size: "default";
+};
+export type RlyButtonVariant = keyof typeof RLY_BUTTON_VARIANTS.variant;
+export type RlyButtonSize = keyof typeof RLY_BUTTON_VARIANTS.size;
+export type ButtonProps = Omit<ComponentPropsWithRef<"button">, "children"> & {
+    /** Plain visible text. Use IconButton for an icon-only action. */
+    readonly children: number | string;
+    readonly leadingIcon?: RlyIconName;
+    readonly loading?: boolean;
+    readonly size?: RlyButtonSize;
+    readonly stretch?: boolean;
+    readonly trailingIcon?: RlyIconName;
+    readonly variant?: RlyButtonVariant;
+};
+/** Render a visible-text action with stable disabled and loading geometry. */
+export declare const Button: ({ children, className, disabled, leadingIcon, loading, size, stretch, trailingIcon, type, variant, ...props }: ButtonProps) => ReactElement;
+//# sourceMappingURL=Button.d.ts.map

package/dist/dts/primitives/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAK/D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B9B,CAAA;AACF,eAAO,MAAM,2BAA2B;;;CAA4D,CAAA;AACpG,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAA;AACvE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC,IAAI,CAAA;AACjE,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,kEAAkE;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAA;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,8EAA8E;AAC9E,eAAO,MAAM,MAAM,GAAI,+GAYpB,WAAW,KAAG,YAsChB,CAAA"}

package/dist/dts/primitives/Dialog.d.ts

@@ -0,0 +1,64 @@
+import { type ComponentPropsWithRef, type ReactElement, type ReactNode, type RefObject } from "react";
+import { type ButtonProps } from "./Button.js";
+/** Semantic size metadata for the dialog surface. */
+export declare const RLY_DIALOG_VARIANTS: {
+    readonly size: {
+        readonly default: {
+            readonly className: string;
+            readonly purpose: "Focused decision or short form";
+            readonly tokens: readonly ["radius-overlay", "space-32"];
+        };
+        readonly wide: {
+            readonly className: string;
+            readonly purpose: "Detailed comparison or multi-section form";
+            readonly tokens: readonly ["radius-overlay", "space-64"];
+        };
+    };
+};
+/** Default dialog size used when no size is selected. */
+export declare const RLY_DIALOG_DEFAULT_VARIANTS: {
+    readonly size: "default";
+};
+/** Available dialog surface sizes. */
+export type RlyDialogSize = keyof typeof RLY_DIALOG_VARIANTS.size;
+type DialogBaseProps = {
+    readonly children: ReactNode;
+};
+type ControlledDialogProps = DialogBaseProps & {
+    readonly defaultOpen?: never;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly open: boolean;
+};
+type DefaultDialogProps = DialogBaseProps & {
+    readonly defaultOpen?: boolean;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly open?: never;
+};
+/** Controlled-first or locally owned state for a dialog tree. */
+export type DialogRootProps = ControlledDialogProps | DefaultDialogProps;
+/** Props for the visible rly button that opens a dialog. */
+export type DialogTriggerProps = ButtonProps;
+/** Props for a visible rly button that closes a dialog. */
+export type DialogCloseProps = ButtonProps;
+/** Accessible content, naming, focus, and sizing for a modal dialog surface. */
+export type DialogContentProps = Omit<ComponentPropsWithRef<"div">, "aria-describedby" | "aria-label" | "aria-labelledby" | "children" | "title"> & {
+    readonly children: ReactNode;
+    readonly description?: string;
+    /**
+     * Defaults to intrinsic and is sampled when the dialog opens. While open, changes apply to the next cycle.
+     * External suppresses surface and overlay entry only; exit stays intrinsic and shared reduced-motion rules apply.
+     */
+    readonly entryMotion?: "external" | "intrinsic";
+    readonly initialFocusRef?: RefObject<HTMLElement | null>;
+    readonly size?: RlyDialogSize;
+    readonly title: string;
+};
+/** Owned compound dialog API with no Radix types or slots in its public contract. */
+export declare const Dialog: Readonly<{
+    Close: (props: DialogCloseProps) => ReactElement;
+    Content: ({ children, className, description, entryMotion, initialFocusRef, size, title, ...props }: DialogContentProps) => ReactElement;
+    Root: ({ children, defaultOpen, onOpenChange, open }: DialogRootProps) => ReactElement;
+    Trigger: ({ ref, ...props }: DialogTriggerProps) => ReactElement;
+}>;
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/dts/primitives/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/primitives/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAcd,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AA4BtD,qDAAqD;AACrD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;CAa9B,CAAA;AAEF,yDAAyD;AACzD,eAAO,MAAM,2BAA2B;;CAAsC,CAAA;AAC9E,sCAAsC;AACtC,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC,IAAI,CAAA;AAEjE,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAA;AACvD,KAAK,qBAAqB,GAAG,eAAe,GAAG;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAA;IAC5B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CACvB,CAAA;AACD,KAAK,kBAAkB,GAAG,eAAe,GAAG;IAC1C,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACtB,CAAA;AACD,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,CAAA;AAExE,4DAA4D;AAC5D,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAC5C,2DAA2D;AAC3D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE1C,gFAAgF;AAChF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,kBAAkB,GAAG,YAAY,GAAG,iBAAiB,GAAG,UAAU,GAAG,OAAO,CAC7E,GAAG;IACF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;IAC/C,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAoJD,qFAAqF;AACrF,eAAO,MAAM,MAAM;mBAvES,gBAAgB,KAAG,YAAY;yGAgBxD,kBAAkB,KAAG,YAAY;0DAnEuC,eAAe,KAAG,YAAY;iCAmC/D,kBAAkB,KAAG,YAAY;EA4FzE,CAAA"}

package/dist/dts/primitives/Divider.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentPropsWithRef, ReactElement } from "react";
+export declare const RLY_DIVIDER_VARIANTS: {
+    readonly orientation: {
+        readonly horizontal: {
+            readonly className: string;
+            readonly purpose: "Separate stacked content";
+            readonly tokens: readonly ["space-0"];
+        };
+        readonly vertical: {
+            readonly className: string;
+            readonly purpose: "Separate adjacent content";
+            readonly tokens: readonly ["space-0"];
+        };
+    };
+    readonly strength: {
+        readonly subtle: {
+            readonly className: string;
+            readonly purpose: "Quiet structural boundary";
+            readonly tokens: readonly ["color-border-1"];
+        };
+        readonly strong: {
+            readonly className: string;
+            readonly purpose: "Explicit structural boundary";
+            readonly tokens: readonly ["color-border-2"];
+        };
+    };
+};
+export declare const RLY_DIVIDER_DEFAULT_VARIANTS: {
+    readonly orientation: "horizontal";
+    readonly strength: "subtle";
+};
+export type RlyDividerOrientation = keyof typeof RLY_DIVIDER_VARIANTS.orientation;
+export type RlyDividerStrength = keyof typeof RLY_DIVIDER_VARIANTS.strength;
+type DividerBaseProps = Omit<ComponentPropsWithRef<"div">, "aria-label" | "children" | "role">;
+export type DividerProps = DividerBaseProps & {
+    readonly orientation?: RlyDividerOrientation;
+    readonly strength?: RlyDividerStrength;
+} & ({
+    readonly decorative?: true;
+    readonly label?: never;
+} | {
+    readonly decorative: false;
+    readonly label: string;
+});
+/** Separate content visually or, when explicitly labelled, semantically. */
+export declare const Divider: ({ className, decorative, label, orientation, strength, ...props }: DividerProps) => ReactElement;
+export {};
+//# sourceMappingURL=Divider.d.ts.map

package/dist/dts/primitives/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/primitives/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKhE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;CAS/B,CAAA;AACF,eAAO,MAAM,4BAA4B;;;CAAoE,CAAA;AAC7G,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,oBAAoB,CAAC,WAAW,CAAA;AACjF,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,oBAAoB,CAAC,QAAQ,CAAA;AAC3E,KAAK,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAC9F,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C,QAAQ,CAAC,WAAW,CAAC,EAAE,qBAAqB,CAAA;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CACvC,GAAG,CAAC;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,UAAU,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAErH,4EAA4E;AAC5E,eAAO,MAAM,OAAO,GAAI,mEAOrB,YAAY,KAAG,YAkBjB,CAAA"}

package/dist/dts/primitives/Field.d.ts

@@ -0,0 +1,42 @@
+import { type AriaAttributes, type ComponentPropsWithRef, type ReactElement } from "react";
+export declare const RLY_FIELD_VARIANTS: {
+    readonly size: {
+        readonly compact: {
+            readonly className: string;
+            readonly purpose: "Dense form rows";
+            readonly tokens: readonly ["space-40", "type-meta"];
+        };
+        readonly default: {
+            readonly className: string;
+            readonly purpose: "Standard form controls";
+            readonly tokens: readonly ["space-48", "type-label"];
+        };
+    };
+};
+export declare const RLY_FIELD_DEFAULT_VARIANTS: {
+    readonly size: "default";
+};
+export type RlyFieldSize = keyof typeof RLY_FIELD_VARIANTS.size;
+/** DOM-neutral semantics to spread onto an input, textarea, native select, or rly Select. */
+export interface FieldControlProps {
+    readonly "aria-describedby"?: AriaAttributes["aria-describedby"];
+    readonly "aria-errormessage"?: AriaAttributes["aria-errormessage"];
+    readonly "aria-invalid"?: AriaAttributes["aria-invalid"];
+    readonly "aria-labelledby": string;
+    readonly "aria-required"?: AriaAttributes["aria-required"];
+    readonly className: string;
+    readonly id: string;
+    readonly required?: true;
+}
+export type FieldProps = Omit<ComponentPropsWithRef<"div">, "children"> & {
+    readonly children: (controlProps: FieldControlProps) => ReactElement<FieldControlProps>;
+    readonly controlId?: string;
+    readonly description?: string;
+    readonly error?: string;
+    readonly label: string;
+    readonly required?: boolean;
+    readonly size?: RlyFieldSize;
+};
+/** Compose visible field context with control semantics without cloning an implementation-specific control. */
+export declare const Field: ({ children, className, controlId, description, error, label, required, size, ...props }: FieldProps) => ReactElement;
+//# sourceMappingURL=Field.d.ts.map

package/dist/dts/primitives/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/primitives/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,YAAY,EAAS,MAAM,OAAO,CAAA;AAiBjG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAK7B,CAAA;AAEF,eAAO,MAAM,0BAA0B;;CAAsC,CAAA;AAC7E,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAA;AAE/D,6FAA6F;AAC7F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IAChE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAA;IAClE,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IACxD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAA;IAClC,QAAQ,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IAC1D,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAA;CACzB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,QAAQ,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,iBAAiB,KAAK,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACvF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAC7B,CAAA;AAED,+GAA+G;AAC/G,eAAO,MAAM,KAAK,GAAI,yFAUnB,UAAU,KAAG,YAwDf,CAAA"}

package/dist/dts/primitives/IconButton.d.ts

@@ -0,0 +1,54 @@
+import type { ComponentPropsWithRef, ReactElement } from "react";
+import { type RlyIconName } from "../foundations/Icon.js";
+export declare const RLY_ICON_BUTTON_VARIANTS: {
+    readonly variant: {
+        readonly primary: {
+            readonly className: string;
+            readonly purpose: "Principal icon action";
+            readonly tokens: readonly ["color-action-background", "color-action-foreground"];
+        };
+        readonly secondary: {
+            readonly className: string;
+            readonly purpose: "Default icon action";
+            readonly tokens: readonly ["color-surface-1", "color-border-2"];
+        };
+        readonly quiet: {
+            readonly className: string;
+            readonly purpose: "Low-emphasis icon action";
+            readonly tokens: readonly ["color-text-1", "color-surface-2"];
+        };
+    };
+    readonly size: {
+        readonly compact: {
+            readonly className: string;
+            readonly purpose: "Minimum accessible icon target";
+            readonly tokens: readonly ["space-40", "space-4"];
+        };
+        readonly default: {
+            readonly className: string;
+            readonly purpose: "Standard icon target";
+            readonly tokens: readonly ["space-48"];
+        };
+        readonly principal: {
+            readonly className: string;
+            readonly purpose: "Prominent icon target";
+            readonly tokens: readonly ["space-48", "space-8"];
+        };
+    };
+};
+export declare const RLY_ICON_BUTTON_DEFAULT_VARIANTS: {
+    readonly variant: "secondary";
+    readonly size: "default";
+};
+export type RlyIconButtonVariant = keyof typeof RLY_ICON_BUTTON_VARIANTS.variant;
+export type RlyIconButtonSize = keyof typeof RLY_ICON_BUTTON_VARIANTS.size;
+export type IconButtonProps = Omit<ComponentPropsWithRef<"button">, "aria-label" | "children"> & {
+    readonly icon: RlyIconName;
+    readonly label: string;
+    readonly loading?: boolean;
+    readonly size?: RlyIconButtonSize;
+    readonly variant?: RlyIconButtonVariant;
+};
+/** Render an icon-only action whose accessible name is mandatory and owned. */
+export declare const IconButton: ({ className, disabled, icon, label, loading, size, type, variant, ...props }: IconButtonProps) => ReactElement;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/dts/primitives/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/primitives/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAK/D,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BnC,CAAA;AACF,eAAO,MAAM,gCAAgC;;;CAA4D,CAAA;AACzG,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,wBAAwB,CAAC,OAAO,CAAA;AAChF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,wBAAwB,CAAC,IAAI,CAAA;AAC1E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC,GAAG;IAC/F,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CACxC,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU,GAAI,8EAUxB,eAAe,KAAG,YAiBpB,CAAA"}

package/dist/dts/primitives/Select.d.ts

@@ -0,0 +1,68 @@
+import type { AriaAttributes, ComponentPropsWithRef, ReactElement } from "react";
+export declare const RLY_SELECT_VARIANTS: {
+    readonly size: {
+        readonly compact: {
+            readonly className: string;
+            readonly purpose: "Dense form rows";
+            readonly tokens: readonly ["space-40", "type-meta"];
+        };
+        readonly default: {
+            readonly className: string;
+            readonly purpose: "Standard selection control";
+            readonly tokens: readonly ["space-48", "type-body"];
+        };
+    };
+};
+export declare const RLY_SELECT_DEFAULT_VARIANTS: {
+    readonly size: "default";
+};
+export type RlySelectSize = keyof typeof RLY_SELECT_VARIANTS.size;
+export interface RlySelectOption {
+    readonly disabled?: boolean;
+    readonly label: string;
+    readonly value: string;
+}
+type TriggerProps = Pick<ComponentPropsWithRef<"button">, "className" | "id" | "onBlur" | "onFocus" | "onKeyDown" | "ref" | "tabIndex">;
+type SelectAccessibleName = {
+    readonly "aria-label": string;
+    readonly "aria-labelledby"?: never;
+} | {
+    readonly "aria-label"?: never;
+    readonly "aria-labelledby": string;
+};
+type SelectValueState = {
+    readonly defaultValue?: never;
+    readonly onValueChange: (value: string) => void;
+    readonly value: string | undefined;
+} | {
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly value?: never;
+};
+type SelectOpenState = {
+    readonly defaultOpen?: never;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly open: boolean;
+} | {
+    readonly defaultOpen?: boolean;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly open?: never;
+};
+interface SelectBaseProps extends TriggerProps {
+    readonly "aria-describedby"?: AriaAttributes["aria-describedby"];
+    readonly "aria-errormessage"?: AriaAttributes["aria-errormessage"];
+    readonly "aria-invalid"?: AriaAttributes["aria-invalid"];
+    readonly "aria-required"?: AriaAttributes["aria-required"];
+    readonly autoComplete?: string;
+    readonly disabled?: boolean;
+    readonly form?: string;
+    readonly name?: string;
+    readonly options: ReadonlyArray<RlySelectOption>;
+    readonly placeholder?: string;
+    readonly required?: boolean;
+    readonly size?: RlySelectSize;
+}
+export type SelectProps = SelectBaseProps & SelectAccessibleName & SelectValueState & SelectOpenState;
+export declare const Select: (componentProps: SelectProps) => ReactElement;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/dts/primitives/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select.tsx"],"names":[],"mappings":"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"}

package/dist/dts/primitives/Sheet.d.ts

@@ -0,0 +1,80 @@
+import { type ComponentPropsWithRef, type ReactElement, type ReactNode, type RefObject } from "react";
+/** Semantic logical-side metadata for the sheet surface. */
+export declare const RLY_SHEET_VARIANTS: {
+    readonly side: {
+        readonly end: {
+            readonly className: string;
+            readonly purpose: "Supporting detail that follows the current reading flow";
+            readonly tokens: readonly ["color-surface-1", "radius-overlay", "motion-standard"];
+        };
+        readonly start: {
+            readonly className: string;
+            readonly purpose: "Navigation or context that precedes the current reading flow";
+            readonly tokens: readonly ["color-surface-1", "radius-overlay", "motion-standard"];
+        };
+    };
+};
+/** Default logical edge used when no sheet side is selected. */
+export declare const RLY_SHEET_DEFAULT_VARIANTS: {
+    readonly side: "end";
+};
+/** Logical inline edges supported by a sheet. */
+export type RlySheetSide = keyof typeof RLY_SHEET_VARIANTS.side;
+interface SheetRootBaseProps {
+    readonly children: ReactNode;
+}
+type ControlledSheetRootProps = SheetRootBaseProps & {
+    readonly defaultOpen?: never;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly open: boolean;
+};
+type DefaultSheetRootProps = SheetRootBaseProps & {
+    readonly defaultOpen?: boolean;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly open?: never;
+};
+/** Controlled-first or locally owned state for a sheet tree. */
+export type SheetRootProps = ControlledSheetRootProps | DefaultSheetRootProps;
+/** Props for the visible native button that opens a sheet. */
+export type SheetTriggerProps = Omit<ComponentPropsWithRef<"button">, "children"> & {
+    /** Visible text that identifies the panel being opened. */
+    readonly children: number | string;
+};
+/** Props for a visible native button that closes a sheet. */
+export type SheetCloseProps = Omit<ComponentPropsWithRef<"button">, "children"> & {
+    /** Visible text that identifies the close action. */
+    readonly children: number | string;
+};
+/** Accessible content, naming, focus, and logical placement for a sheet surface. */
+export type SheetContentProps = Omit<ComponentPropsWithRef<"div">, "aria-label" | "aria-labelledby" | "children" | "title"> & {
+    readonly children: ReactNode;
+    /** Accessible text for the built-in icon close action. */
+    readonly closeLabel?: string;
+    /** Optional visible supporting description announced with the title. */
+    readonly description?: string;
+    /**
+     * Defaults to intrinsic and is sampled when the sheet opens. While open, changes apply to the next cycle.
+     * External suppresses surface and overlay entry only; exit stays intrinsic and shared reduced-motion rules apply.
+     */
+    readonly entryMotion?: "external" | "intrinsic";
+    /** Optional target for deterministic initial focus. Content receives focus by default. */
+    readonly initialFocusRef?: RefObject<HTMLElement | null>;
+    readonly side?: RlySheetSide;
+    /** Required visible heading and accessible name for the sheet. */
+    readonly title: string;
+};
+/** Props for the independently scrolling sheet body. */
+export type SheetBodyProps = ComponentPropsWithRef<"div">;
+/** Props for the persistent sheet action footer. */
+export type SheetFooterProps = ComponentPropsWithRef<"footer">;
+/** Owned compound side panel with modal focus, dismissal, and portal behavior. */
+export declare const Sheet: Readonly<{
+    Body: ({ className, ...props }: SheetBodyProps) => ReactElement;
+    Close: ({ children, className, type, ...props }: SheetCloseProps) => ReactElement;
+    Content: ({ children, className, closeLabel, description, entryMotion, initialFocusRef, ref, side, tabIndex, title, ...props }: SheetContentProps) => ReactElement;
+    Footer: ({ className, ...props }: SheetFooterProps) => ReactElement;
+    Root: (componentProps: SheetRootProps) => ReactElement;
+    Trigger: ({ children, className, onClick, type, ...props }: SheetTriggerProps) => ReactElement;
+}>;
+export {};
+//# sourceMappingURL=Sheet.d.ts.map

package/dist/dts/primitives/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/primitives/Sheet.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAkBd,4DAA4D;AAC5D,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAa7B,CAAA;AAEF,gEAAgE;AAChE,eAAO,MAAM,0BAA0B;;CAAkC,CAAA;AACzE,iDAAiD;AACjD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAA;AAE/D,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B;AAED,KAAK,wBAAwB,GAAG,kBAAkB,GAAG;IACnD,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAA;IAC5B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,KAAK,qBAAqB,GAAG,kBAAkB,GAAG;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,gEAAgE;AAChE,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,qBAAqB,CAAA;AAE7E,8DAA8D;AAC9D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC,CAAA;AAED,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,qDAAqD;IACrD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC,CAAA;AAED,oFAAoF;AACpF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,YAAY,GAAG,iBAAiB,GAAG,UAAU,GAAG,OAAO,CACxD,GAAG;IACF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;IAC/C,0FAA0F;IAC1F,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAA;IAC5B,kEAAkE;IAClE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;AACzD,oDAAoD;AACpD,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAA;AA0L9D,kFAAkF;AAClF,eAAO,MAAM,KAAK;oCAzF0B,cAAc,KAAG,YAAY;qDANZ,eAAe,KAAG,YAAY;oIA0BxF,iBAAiB,KAAG,YAAY;sCAhBW,gBAAgB,KAAG,YAAY;2BAzD1C,cAAc,KAAG,YAAY;gEA8BQ,iBAAiB,KAAG,YAAY;EAuHtG,CAAA"}

package/dist/dts/primitives/Skeleton.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentPropsWithRef, CSSProperties, ReactElement } from "react";
+export declare const RLY_SKELETON_VARIANTS: {
+    readonly variant: {
+        readonly text: {
+            readonly className: string;
+            readonly purpose: "A line of unavailable copy";
+            readonly tokens: readonly ["type-body", "radius-tag"];
+        };
+        readonly block: {
+            readonly className: string;
+            readonly purpose: "A rectangular unavailable region";
+            readonly tokens: readonly ["space-64", "radius-control"];
+        };
+        readonly circle: {
+            readonly className: string;
+            readonly purpose: "A circular unavailable image";
+            readonly tokens: readonly ["radius-round"];
+        };
+    };
+};
+export declare const RLY_SKELETON_DEFAULT_VARIANTS: {
+    readonly variant: "text";
+};
+export type RlySkeletonVariant = keyof typeof RLY_SKELETON_VARIANTS.variant;
+type SkeletonBaseProps = Omit<ComponentPropsWithRef<"div">, "aria-label" | "children" | "style"> & {
+    readonly height?: CSSProperties["blockSize"];
+    readonly style?: CSSProperties;
+    readonly variant?: RlySkeletonVariant;
+    readonly width?: CSSProperties["inlineSize"];
+};
+export type SkeletonProps = SkeletonBaseProps & ({
+    readonly decorative?: true;
+    readonly label?: never;
+} | {
+    readonly decorative: false;
+    readonly label: string;
+});
+/** Reserve content geometry without suggesting progress or motion. */
+export declare const Skeleton: ({ className, decorative, height, label, style: inlineStyle, variant, width, ...props }: SkeletonProps) => ReactElement;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/dts/primitives/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/primitives/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAM/E,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;CAUhC,CAAA;AAEF,eAAO,MAAM,6BAA6B;;CAAsC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,qBAAqB,CAAC,OAAO,CAAA;AAE3E,KAAK,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACjG,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAA;AACD,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,UAAU,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEnH,sEAAsE;AACtE,eAAO,MAAM,QAAQ,GAAI,wFAStB,aAAa,KAAG,YAmBlB,CAAA"}

package/dist/dts/primitives/StateLabel.d.ts

@@ -0,0 +1,58 @@
+import type { ComponentPropsWithRef, ReactElement } from "react";
+import { type RlyIconName } from "../foundations/Icon.js";
+export type RlyStateTone = "neutral" | "positive" | "critical" | "caution" | "progress";
+export declare const RLY_STATE_LABEL_VARIANTS: {
+    readonly tone: {
+        readonly neutral: {
+            readonly className: string;
+            readonly purpose: "Neutral or unavailable state";
+            readonly tokens: readonly ["color-text-2", "color-surface-2"];
+        };
+        readonly positive: {
+            readonly className: string;
+            readonly purpose: "Positive state";
+            readonly tokens: readonly ["color-success-ink", "color-success-tint"];
+        };
+        readonly critical: {
+            readonly className: string;
+            readonly purpose: "Critical state";
+            readonly tokens: readonly ["color-blocked-ink", "color-blocked-tint"];
+        };
+        readonly caution: {
+            readonly className: string;
+            readonly purpose: "Caution state";
+            readonly tokens: readonly ["color-held-ink", "color-held-tint"];
+        };
+        readonly progress: {
+            readonly className: string;
+            readonly purpose: "Work in progress";
+            readonly tokens: readonly ["color-deploying-ink", "color-deploying-tint"];
+        };
+    };
+    readonly size: {
+        readonly compact: {
+            readonly className: string;
+            readonly purpose: "Dense metadata state";
+            readonly tokens: readonly ["type-meta"];
+        };
+        readonly default: {
+            readonly className: string;
+            readonly purpose: "Standard explicit state";
+            readonly tokens: readonly ["type-label"];
+        };
+    };
+};
+export declare const RLY_STATE_LABEL_DEFAULT_VARIANTS: {
+    readonly tone: "neutral";
+    readonly size: "default";
+};
+export type RlyStateLabelSize = keyof typeof RLY_STATE_LABEL_VARIANTS.size;
+export type StateLabelProps = Omit<ComponentPropsWithRef<"span">, "children"> & {
+    readonly icon?: RlyIconName;
+    readonly label: string;
+    readonly size?: RlyStateLabelSize;
+    readonly tone?: RlyStateTone;
+};
+/** Render state through a visible word, icon, ink, and restrained tint. */
+export declare const StateLabel: ({ className, icon, label, size, tone, ...props }: StateLabelProps) => ReactElement;
+//# sourceMappingURL=StateLabel.d.ts.map

package/dist/dts/primitives/StateLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../../src/primitives/StateLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAK/D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AACvF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BnC,CAAA;AACF,eAAO,MAAM,gCAAgC;;;CAAuD,CAAA;AACpG,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,wBAAwB,CAAC,IAAI,CAAA;AAQ1E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAC7B,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,UAAU,GAAI,kDAOxB,eAAe,KAAG,YAapB,CAAA"}

package/dist/dts/primitives/StatePanel.d.ts

@@ -0,0 +1,47 @@
+import type { ComponentPropsWithRef, ReactElement, ReactNode } from "react";
+import { type RlyIconName } from "../foundations/Icon.js";
+export declare const RLY_STATE_PANEL_VARIANTS: {
+    readonly tone: {
+        readonly neutral: {
+            readonly className: string;
+            readonly purpose: "Neutral explanatory state";
+            readonly tokens: readonly ["color-text-2", "color-surface-2"];
+        };
+        readonly positive: {
+            readonly className: string;
+            readonly purpose: "Positive outcome";
+            readonly tokens: readonly ["color-success-ink", "color-success-tint"];
+        };
+        readonly critical: {
+            readonly className: string;
+            readonly purpose: "Critical outcome requiring attention";
+            readonly tokens: readonly ["color-blocked-ink", "color-blocked-tint"];
+        };
+        readonly caution: {
+            readonly className: string;
+            readonly purpose: "Held outcome requiring review";
+            readonly tokens: readonly ["color-held-ink", "color-held-tint"];
+        };
+        readonly progress: {
+            readonly className: string;
+            readonly purpose: "Work currently in progress";
+            readonly tokens: readonly ["color-deploying-ink", "color-deploying-tint"];
+        };
+    };
+};
+export declare const RLY_STATE_PANEL_DEFAULT_VARIANTS: {
+    readonly tone: "neutral";
+};
+export type RlyStatePanelTone = keyof typeof RLY_STATE_PANEL_VARIANTS.tone;
+export type RlyStatePanelAnnouncement = "off" | "polite" | "assertive";
+export type StatePanelProps = Omit<ComponentPropsWithRef<"section">, "aria-live" | "children" | "title"> & {
+    readonly action?: ReactNode;
+    readonly announce?: RlyStatePanelAnnouncement;
+    readonly description?: ReactNode;
+    readonly icon?: RlyIconName;
+    readonly title: string;
+    readonly tone?: RlyStatePanelTone;
+};
+/** Explain an outcome with redundant word, icon, rail, ink, and tint cues. */
+export declare const StatePanel: ({ action, announce, className, description, icon, title, tone, ...props }: StatePanelProps) => ReactElement;
+//# sourceMappingURL=StatePanel.d.ts.map

package/dist/dts/primitives/StatePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatePanel.d.ts","sourceRoot":"","sources":["../../../src/primitives/StatePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAM/D,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BnC,CAAA;AAEF,eAAO,MAAM,gCAAgC;;CAAsC,CAAA;AACnF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,wBAAwB,CAAC,IAAI,CAAA;AAC1E,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAA;AAUtE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACzG,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAA;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,8EAA8E;AAC9E,eAAO,MAAM,UAAU,GAAI,2EASxB,eAAe,KAAG,YAqBpB,CAAA"}