@ui-organized/vue 0.0.0-stage → 6.0.0

package/dist/components/Pagination/Pagination.vue.d.ts

@@ -0,0 +1,14 @@
+import type { PaginationProps } from "./Pagination.types.js";
+import "@ui-organized/core/components/Pagination/Pagination.css";
+declare const _default: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (page: number) => any;
+    pageChange: (page: number) => any;
+}, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+    onPageChange?: ((page: number) => any) | undefined;
+}>, {
+    siblingCount: number;
+    boundaryCount: number;
+    showPrevNext: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Pagination } from "./Pagination.vue";
+export type { PaginationProps } from "./Pagination.types.js";

package/dist/components/PasswordInput/PasswordInput.types.d.ts

@@ -0,0 +1,22 @@
+import type { ControlSize } from "@ui-organized/core";
+export interface PasswordInputProps {
+    /** The control's value. Use `v-model` for two-way binding. */
+    modelValue?: string | number;
+    /** Accessible label text rendered above the control. */
+    label?: string;
+    /** Helper text rendered below the control. Hidden when an error is shown. */
+    helperText?: string;
+    /**
+     * Error state. Pass a string to show an error message.
+     * Pass `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /** Size variant. Defaults to 'md'. */
+    size?: ControlSize;
+    /** Marks the control required. */
+    required?: boolean;
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Show the show/hide visibility toggle. Defaults to `true`. */
+    showToggle?: boolean;
+}

package/dist/components/PasswordInput/PasswordInput.vue.d.ts

@@ -0,0 +1,14 @@
+import type { PasswordInputProps } from "./PasswordInput.types.js";
+import "@ui-organized/core/components/Input/Input.css";
+import "@ui-organized/core/components/Input/InputAffix.css";
+declare const _default: import("vue").DefineComponent<PasswordInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<PasswordInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: import("@ui-organized/core").ControlSize;
+    required: boolean;
+    disabled: boolean;
+    showToggle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as PasswordInput } from "./PasswordInput.vue";
+export type { PasswordInputProps } from "./PasswordInput.types.js";
+export type { PasswordInputVariants } from "@ui-organized/core";

package/dist/components/PinInput/PinInput.types.d.ts

@@ -0,0 +1,50 @@
+export interface PinInputProps {
+    /** Accessible label text rendered above the cells. */
+    label?: string;
+    /** Helper text rendered below the cells. Hidden when an error is shown. */
+    helperText?: string;
+    /**
+     * Error state. Pass a string to show an error message.
+     * Pass `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /** Number of cells. Defaults to 4. */
+    length?: number;
+    /** Size variant. Defaults to 'md'. */
+    size?: "sm" | "md" | "lg";
+    /** Visual treatment of each cell. Defaults to 'default'. */
+    variant?: "default" | "underline";
+    /**
+     * Controlled value, one character per cell. Characters beyond `length` are
+     * ignored; a shorter string leaves the remaining cells empty. Use `v-model`
+     * for two-way binding.
+     *
+     * Spelled `modelValue` rather than React's `value` — Ark Vue names the
+     * pin-input machine's controlled value for `v-model`, and this package
+     * follows Ark. The string-vs-array translation happens in the component.
+     */
+    modelValue?: string;
+    /** Initial value for the uncontrolled case. */
+    defaultValue?: string;
+    /** Which characters each cell accepts. Defaults to 'numeric'. */
+    type?: "numeric" | "alphanumeric" | "alphabetic";
+    /** Renders entered characters as dots, like a password field. Defaults to false. */
+    mask?: boolean;
+    /**
+     * Marks the cells as a one-time-code field so browsers and password managers
+     * offer to autofill an SMS code. Defaults to false.
+     */
+    otp?: boolean;
+    /** Placeholder character shown in each empty cell. Defaults to '○'. */
+    placeholder?: string;
+    /** Blurs the last cell once the value is complete. Defaults to false. */
+    blurOnComplete?: boolean;
+    /** Marks the field required and shows the required indicator. */
+    required?: boolean;
+    /** Disables every cell. */
+    disabled?: boolean;
+    /** Makes the value read-only while keeping it focusable. */
+    readOnly?: boolean;
+    /** Form field name for the hidden input. */
+    name?: string;
+}

package/dist/components/PinInput/PinInput.vue.d.ts

@@ -0,0 +1,21 @@
+import type { PinInputProps } from "./PinInput.types.js";
+import "@ui-organized/core/components/PinInput/PinInput.css";
+declare const _default: import("vue").DefineComponent<PinInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    valueChange: (value: string) => any;
+    valueComplete: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<PinInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onValueChange?: ((value: string) => any) | undefined;
+    onValueComplete?: ((value: string) => any) | undefined;
+}>, {
+    length: number;
+    type: "numeric" | "alphanumeric" | "alphabetic";
+    required: boolean;
+    mask: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    otp: boolean;
+    blurOnComplete: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as PinInput } from "./PinInput.vue";
+export type { PinInputProps } from "./PinInput.types.js";
+export type { PinInputVariants } from "@ui-organized/core";

package/dist/components/Popover/Popover.types.d.ts

@@ -0,0 +1,22 @@
+export type PopoverSide = "top" | "right" | "bottom" | "left";
+export type PopoverAlign = "start" | "center" | "end";
+export interface PopoverProps {
+    /** Open state. Use `v-model:open` for two-way binding. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Trap focus and block outside interaction while open. */
+    modal?: boolean;
+}
+export interface PopoverContentProps {
+    /** Side of the trigger to position against. Defaults to 'bottom'. */
+    side?: PopoverSide;
+    /** Alignment along the chosen side. Defaults to 'center'. */
+    align?: PopoverAlign;
+    /** Gap between trigger and popup, in px. Defaults to 8. */
+    sideOffset?: number;
+    /** Offset along the alignment axis, in px. */
+    alignOffset?: number;
+    /** DOM element to teleport into. Defaults to `body`. */
+    container?: HTMLElement | null;
+}

package/dist/components/Popover/Popover.vue.d.ts

@@ -0,0 +1,24 @@
+import type { PopoverProps } from "./Popover.types.js";
+import "@ui-organized/core/components/Popover/Popover.css";
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openChange: (open: boolean) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
+    onOpenChange?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverClose.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    asChild?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverContent.vue.d.ts

@@ -0,0 +1,17 @@
+import type { PopoverContentProps } from "./Popover.types.js";
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PopoverContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverContentProps> & Readonly<{}>, {
+    side: import("./Popover.types.js").PopoverSide;
+    align: import("./Popover.types.js").PopoverAlign;
+    sideOffset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverDescription.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverTitle.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover/PopoverTrigger.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    asChild?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+export { default as Popover } from "./Popover.vue";
+export { default as PopoverTrigger } from "./PopoverTrigger.vue";
+export { default as PopoverContent } from "./PopoverContent.vue";
+export { default as PopoverTitle } from "./PopoverTitle.vue";
+export { default as PopoverDescription } from "./PopoverDescription.vue";
+export { default as PopoverClose } from "./PopoverClose.vue";
+export type { PopoverProps, PopoverContentProps, PopoverSide, PopoverAlign, } from "./Popover.types.js";

package/dist/components/Popover/positioning.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The positioning bridge.
+ *
+ * Ark configures placement on the Root (`positioning`), but this library's API
+ * keeps `side`/`align`/`sideOffset` on the Content — a descendant — so the value
+ * has to travel *up*.
+ *
+ * React holds `useState` on the Root and the Content pushes into it from
+ * `useLayoutEffect`. Svelte hands over an accessor. Vue's provide/inject can do
+ * the same thing with a ref, and it must be a ref rather than a snapshot for the
+ * same reason: a Content whose `side` later changed would otherwise go on being
+ * positioned the old way, silently.
+ *
+ * Four components share this shape (Popover, Menu, ContextMenu, HoverCard), so
+ * it lives here rather than being written out four times.
+ */
+import { type Ref } from "vue";
+/**
+ * The placements zag accepts, spelled out rather than imported. The type lives
+ * in @zag-js/popper, a transitive dependency of Ark rather than one this package
+ * declares, and depending on it to reach one union would couple us to Ark's
+ * internals for no benefit.
+ */
+export type Placement = "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+export interface Positioning {
+    placement?: Placement;
+    gutter?: number;
+    offset?: {
+        crossAxis?: number;
+        mainAxis?: number;
+    };
+}
+/** Called by a Root. Returns the ref it should feed to Ark. */
+export declare function providePositioning(initial: Positioning): Ref<Positioning>;
+/** Called by a Content to set the placement it wants. */
+export declare function useAnchoredPositioning(): Ref<Positioning> | undefined;
+/**
+ * `side` + `align` collapse to one zag placement string, where a centred
+ * alignment is spelled by leaving the suffix off entirely.
+ */
+export declare function toPlacement(side: "top" | "right" | "bottom" | "left", align: "start" | "center" | "end"): Placement;

package/dist/components/Progress/Progress.types.d.ts

@@ -0,0 +1,26 @@
+import type { Component } from "vue";
+import type { ControlSize } from "@ui-organized/core";
+export interface ProgressProps {
+    /** Current value. `null` renders an indeterminate bar. Defaults to null. */
+    value?: number | null;
+    /** Maximum value. Defaults to 100. */
+    max?: number;
+    /**
+     * Optional label rendered above the track.
+     *
+     * A string, or a component for anything richer. React takes a ReactNode here;
+     * Vue has no single type covering both, so the union is explicit and the
+     * component renders whichever it was given.
+     */
+    label?: string | Component;
+    /** Whether to show the formatted value beside the label. Defaults to false. */
+    showValue?: boolean;
+    /** Color variant. Defaults to 'default'. */
+    variant?: "default" | "success" | "warning" | "error";
+    /** Track thickness. Defaults to 'md'. */
+    size?: ControlSize;
+    /**
+     * Track geometry. `circular` draws a ring instead of a bar. Defaults to 'linear'.
+     */
+    shape?: "linear" | "circular";
+}

package/dist/components/Progress/Progress.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ProgressProps } from "./Progress.types.js";
+import "@ui-organized/core/components/Progress/Progress.css";
+declare const _default: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    value: number | null;
+    max: number;
+    shape: "linear" | "circular";
+    showValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Progress } from "./Progress.vue";
+export type { ProgressProps } from "./Progress.types.js";

package/dist/components/QRCode/QRCode.types.d.ts

@@ -0,0 +1,27 @@
+export interface QRCodeProps {
+    /** The string encoded into the code — a URL, an id, anything scannable. */
+    value: string;
+    /** Accessible label for the code. Defaults to the encoded value. */
+    label?: string;
+    /**
+     * Edge length of one module (a single square of the code), in pixels.
+     * Must be an integer: a fractional module produces visible moiré and can make
+     * the code unreadable. Defaults to 10.
+     */
+    pixelSize?: number;
+    /**
+     * Error-correction level. Higher levels survive more damage and are what make
+     * an `overlay` safe, at the cost of a denser code. Defaults to 'M'.
+     */
+    errorCorrection?: "L" | "M" | "Q" | "H";
+    /** Shows a download button below the code. Defaults to false. */
+    showDownload?: boolean;
+    /** Text on the download button. Defaults to 'Download'. */
+    downloadLabel?: string;
+    /** File name for the download, without an extension. Defaults to 'qr-code'. */
+    downloadFileName?: string;
+    /** Size variant, driving the rendered edge length. Defaults to 'md'. */
+    size?: "sm" | "md" | "lg";
+    /** Surface treatment. `framed` puts the code on a bordered card. Defaults to 'default'. */
+    variant?: "default" | "framed";
+}

package/dist/components/QRCode/QRCode.vue.d.ts

@@ -0,0 +1,20 @@
+import type { QRCodeProps } from "./QRCode.types.js";
+import "@ui-organized/core/components/QRCode/QRCode.css";
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    overlay?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<QRCodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QRCodeProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    pixelSize: number;
+    showDownload: boolean;
+    downloadLabel: string;
+    downloadFileName: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+export { default as QRCode } from "./QRCode.vue";
+export type { QRCodeProps } from "./QRCode.types.js";
+export type { QRCodeVariants } from "@ui-organized/core";

package/dist/components/Radio/Radio.types.d.ts

@@ -0,0 +1,31 @@
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    /** Error message shown beneath the option. Puts the control in error state. */
+    error?: string;
+}
+export interface RadioGroupProps {
+    /** The selectable radio options. */
+    options: RadioOption[];
+    /** Selected value. Use `v-model` for two-way binding. */
+    modelValue?: string;
+    /** Initial selected value for uncontrolled usage. */
+    defaultValue?: string;
+    /** Group label rendered above the options. */
+    label?: string;
+    /** Layout direction of the radio items. Defaults to 'vertical'. */
+    orientation?: "horizontal" | "vertical";
+    /** Whether the entire group should ignore user interaction. */
+    disabled?: boolean;
+    /** Name attribute for form submission. */
+    name?: string;
+    /**
+     * Accessible name for the group when it has no visible `label`.
+     *
+     * Spelled `ariaLabel` — Vue camelises prop names declared through a type, so a
+     * prop named `"aria-label"` is never populated. Templates still write
+     * `aria-label="..."`.
+     */
+    ariaLabel?: string;
+}

package/dist/components/Radio/Radio.vue.d.ts

@@ -0,0 +1,13 @@
+import type { RadioGroupProps } from "./Radio.types.js";
+import "@ui-organized/core/components/Radio/Radio.css";
+declare const _default: import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    valueChange: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onValueChange?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as RadioGroup } from "./Radio.vue";
+export type { RadioGroupProps, RadioOption } from "./Radio.types.js";

package/dist/components/Range/Range.types.d.ts

@@ -0,0 +1,63 @@
+export interface RangeProps {
+    /** Accessible label rendered above the track, beside the value readout. */
+    label?: string;
+    /**
+     * Controlled value. Use `v-model` for two-way binding.
+     *
+     * Spelled `modelValue` rather than React's `value`, which is what every
+     * controlled value in this package is called — see NumberField for the
+     * longer note.
+     */
+    modelValue?: number;
+    /** Initial value for uncontrolled usage. Defaults to `min` (or the first snap value). */
+    defaultValue?: number;
+    /** Minimum value. Defaults to 0. Ignored when `snapValues` is set. */
+    min?: number;
+    /** Maximum value. Defaults to 100. Ignored when `snapValues` is set. */
+    max?: number;
+    /**
+     * The interval the slider snaps to between `min` and `max`. Defaults to 1.
+     * Use this for "snap at certain intervals" (e.g. `:step="5"` → 0, 5, 10 …).
+     * Ignored when `snapValues` is set.
+     */
+    step?: number;
+    /**
+     * A fixed set of allowed values the thumb snaps to ("snap to certain values").
+     * When provided, the slider only settles on these values — evenly spaced along
+     * the track — and both pointer and keyboard interaction land exactly on one of
+     * them. Takes precedence over `min`/`max`/`step`.
+     */
+    snapValues?: number[];
+    /** Show the start/end value labels at each end of the track. */
+    rangeLabels?: boolean;
+    /** Custom content for the start (min) label. Defaults to the resolved minimum. */
+    startLabel?: string | number;
+    /** Custom content for the end (max) label. Defaults to the resolved maximum. */
+    endLabel?: string | number;
+    /** Size variant. Defaults to 'md'. */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Error state. Pass a string to render an error message below the slider,
+     * or `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /** Whether the slider should ignore user interaction. */
+    disabled?: boolean;
+    /** Hide the numeric value readout in the header. */
+    hideValue?: boolean;
+    /** Format the value shown in the header readout. */
+    formatValue?: (value: number) => string;
+    /** Name attribute for form submission. */
+    name?: string;
+    /** ID for the slider root. */
+    id?: string;
+    /**
+     * Accessible name for the thumb when there is no visible `label`.
+     *
+     * Spelled `ariaLabel`, not `"aria-label"`, because Vue camelises prop names
+     * declared through a type — a prop literally named `aria-label` is compiled to
+     * `ariaLabel` and the quoted key is never populated. Templates still write
+     * `aria-label="..."`; Vue maps it here.
+     */
+    ariaLabel?: string;
+}

package/dist/components/Range/Range.vue.d.ts

@@ -0,0 +1,17 @@
+import type { RangeProps } from "./Range.types.js";
+import "@ui-organized/core/components/Range/Range.css";
+declare const _default: import("vue").DefineComponent<RangeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    valueChange: (value: number) => any;
+    valueCommitted: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<RangeProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onValueChange?: ((value: number) => any) | undefined;
+    onValueCommitted?: ((value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    step: number;
+    max: number;
+    min: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as Range } from "./Range.vue";
+export type { RangeProps } from "./Range.types.js";
+export type { RangeVariants } from "@ui-organized/core";

package/dist/components/RatingGroup/RatingGroup.types.d.ts

@@ -0,0 +1,38 @@
+import type { ControlSize } from "@ui-organized/core";
+export interface RatingGroupProps {
+    /** Accessible label text rendered above the stars. */
+    label?: string;
+    /** Helper text rendered below the stars. Hidden when an error is shown. */
+    helperText?: string;
+    /**
+     * Error state. Pass a string to show an error message.
+     * Pass `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /** Number of rating items. Defaults to 5. */
+    count?: number;
+    /**
+     * Controlled rating. Use `v-model` for two-way binding.
+     *
+     * Spelled `modelValue` rather than React's `value` — Ark Vue names the
+     * rating-group machine's controlled value for `v-model`, and this package
+     * follows Ark.
+     */
+    modelValue?: number;
+    /** Initial rating for the uncontrolled case. */
+    defaultValue?: number;
+    /** Allows half-star ratings. Defaults to false. */
+    allowHalf?: boolean;
+    /** Size variant. Defaults to 'md'. */
+    size?: ControlSize;
+    /** Color of the filled stars. Defaults to 'default'. */
+    variant?: "default" | "warning";
+    /** Renders the rating without interaction while keeping it readable. */
+    readOnly?: boolean;
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Marks the field required and shows the required indicator. */
+    required?: boolean;
+    /** Form field name for the hidden input. */
+    name?: string;
+}

package/dist/components/RatingGroup/RatingGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import type { RatingGroupProps } from "./RatingGroup.types.js";
+import "@ui-organized/core/components/RatingGroup/RatingGroup.css";
+declare const _default: import("vue").DefineComponent<RatingGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    valueChange: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<RatingGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onValueChange?: ((value: number) => any) | undefined;
+}>, {
+    size: import("@ui-organized/core").ControlSize;
+    required: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    count: number;
+    allowHalf: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as RatingGroup } from "./RatingGroup.vue";
+export type { RatingGroupProps } from "./RatingGroup.types.js";
+export type { RatingGroupVariants } from "@ui-organized/core";

package/dist/components/ScrollArea/ScrollArea.types.d.ts

@@ -0,0 +1,7 @@
+export interface ScrollAreaProps {
+    /**
+     * Which scrollbars to render. Defaults to 'vertical'.
+     * The Root needs a bounded height/width to scroll.
+     */
+    orientation?: "vertical" | "horizontal" | "both";
+}