asheeui 1.1.1 → 2.2.1

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

@@ -1,91 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { PaginationConfig } from './pagination-config';
-type BasePaginationProps = PaginationConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "onChange">;
-/**
- * Configuration options for the Pagination component.
- */
-export interface PaginationProps extends BasePaginationProps {
-    /**
-     * The current page, counted from one.
-     */
-    page: number;
-    /**
-     * How many pages the collection has.
-     */
-    pageCount: number;
-    /**
-     * Called with the page the consumer chose.
-     * It is not called when the chosen page is already the current page.
-     */
-    onPageChange?: (page: number) => void;
-    /**
-     * Builds the destination of a page.
-     *
-     * Supplying it renders every control as a link rather than as a button,
-     * which is what a paginated collection with real addresses wants. Without
-     * it the controls are buttons that report the chosen page through
-     * `onPageChange`.
-     */
-    hrefForPage?: (page: number) => string;
-    /**
-     * Name of the navigation landmark.
-     *
-     * @default "Pagination"
-     */
-    label?: string;
-    /**
-     * Whether the controls are unavailable, for example while a page loads.
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-}
-/**
- * A set of controls for moving through a paged collection.
- *
- * Pagination shows the current page, a range of pages around it, and the
- * controls that move between them. The first and last pages are always
- * offered, a longer range becomes an ellipsis, and the current page carries
- * `aria-current="page"` so assistive technology can announce where the reader
- * is in the collection.
- *
- * The controls are links when the consumer supplies `hrefForPage`, which is
- * what a collection with real addresses wants, and buttons that report the
- * chosen page through `onPageChange` otherwise. The current page is never
- * reported as a change, because it is already where the reader is.
- *
- * Size, variant, colour and radius resolve through the standard AsheeUI
- * cascade: prop, component config, global theme defaults, and the built-in
- * fallback.
- *
- * @param props - Pagination configuration options and navigation attributes.
- * @param props.page - The current page, counted from one.
- * @param props.pageCount - How many pages the collection has.
- * @param props.onPageChange - Called with the page the consumer chose.
- * @param props.hrefForPage - Builds a page's destination, which renders links.
- * @param props.label - Name of the navigation landmark. Defaults to "Pagination".
- * @param props.siblingCount - Pages shown each side of the current page. Defaults to 1.
- * @param props.showEdges - Whether first and last page controls are shown. Defaults to false.
- * @param props.isDisabled - Whether the controls are unavailable. Defaults to false.
- * @param props.size - Size of the controls. Defaults to "md".
- * @param props.variant - Visual style of the controls. Defaults to the configured value.
- * @param props.color - Accent colour of the controls. Defaults to the configured value.
- * @param props.radius - Corner rounding of the controls. Defaults to "md".
- * @param props.className - Extra classes applied last.
- *
- * @example
- * ```tsx
- * <Pagination page={3} pageCount={42} onPageChange={setPage} />
- * ```
- *
- * @example
- * ```tsx
- * // Real addresses, so every control is a link.
- * <Pagination page={3} pageCount={42} hrefForPage={(page) => `/invoices?page=${page}`} />
- * ```
- *
- * @see PaginationConfig - The configuration type for component defaults.
- */
-export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLElement>>;
-export {};
-//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/pagination/Pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAC;AAWxE,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAO7B,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,UAAU,yGAqMtB,CAAC"}

package/dist/components/pagination/Pagination.js

@@ -1,66 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { resolveVariantClass as n } from "../../shared/variant.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
-import { Button as o } from "../button/Button.js";
-import { ChevronRightIcon as s } from "../../icons/ChevronRightIcon.js";
-import { Link as c } from "../link/Link.js";
-import { ChevronLeftIcon as l } from "../../icons/ChevronLeftIcon.js";
-import { getPaginationRange as u } from "./pagination.helpers.js";
-import { FALLBACK_PAGINATION_CONFIG as d } from "./pagination-config.js";
-import { PAGINATION_BASE_CLASS as f, PAGINATION_GAP_CLASS as p, PAGINATION_LIST_CLASS as m } from "./pagination-styles.js";
-import { forwardRef as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/pagination/Pagination.tsx
-var v = h(({ page: h, pageCount: v, onPageChange: y, hrefForPage: b, label: x = "Pagination", size: S, variant: C, color: w, radius: T, siblingCount: E, showEdges: D, isDisabled: O = !1, className: k, ...A }, j) => {
-	let M = r(), N = M.components?.pagination, P = i(S, N?.size, void 0, d.size), F = i(C, N?.variant, M.defaultVariant, d.variant), I = i(w, N?.color, M.defaultColor, d.color), L = a(T, N?.radius, M.defaultRadius, d.radius), R = i(E, N?.siblingCount, void 0, d.siblingCount), z = i(D, N?.showEdges, void 0, d.showEdges), B = Math.min(Math.max(h, 1), Math.max(v, 1)), V = Math.max(v, 1), H = (e) => {
-		e === B || e < 1 || e > v || y?.(e);
-	}, U = (r, i, a, s = !1) => {
-		let l = r < 1 || r > v;
-		return b ? /* @__PURE__ */ g(c, {
-			href: b(r),
-			"aria-label": i,
-			"aria-current": s ? "page" : void 0,
-			"aria-disabled": O || l ? !0 : void 0,
-			className: e("inline-flex items-center justify-center min-w-8 h-8 px-2", t[L], n(F, I), (O || l) && "opacity-50 pointer-events-none cursor-not-allowed"),
-			children: a
-		}) : /* @__PURE__ */ g(o, {
-			type: "button",
-			size: P,
-			variant: F,
-			color: I,
-			radius: L,
-			"aria-label": i,
-			"aria-current": s ? "page" : void 0,
-			isDisabled: O || l,
-			onClick: () => H(r),
-			children: a
-		});
-	}, W = u(B, v, R);
-	return /* @__PURE__ */ g("nav", {
-		ref: j,
-		"aria-label": x,
-		className: e(f, k),
-		...A,
-		children: /* @__PURE__ */ _("ul", {
-			className: m,
-			children: [
-				z && /* @__PURE__ */ g("li", { children: U(1, "First page", /* @__PURE__ */ g(l, { "aria-hidden": "true" })) }),
-				/* @__PURE__ */ g("li", { children: U(B - 1, "Previous page", /* @__PURE__ */ g(l, { "aria-hidden": "true" })) }),
-				W.map((e, t) => e === "ellipsis" ? /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("span", {
-					"aria-hidden": "true",
-					className: p,
-					children: "…"
-				}) }, `gap-${t}`) : /* @__PURE__ */ g("li", { children: U(e, `Page ${e}`, e, e === B) }, e)),
-				/* @__PURE__ */ g("li", { children: U(B + 1, "Next page", /* @__PURE__ */ g(s, { "aria-hidden": "true" })) }),
-				z && /* @__PURE__ */ g("li", { children: U(V, "Last page", /* @__PURE__ */ g(s, { "aria-hidden": "true" })) })
-			]
-		})
-	});
-});
-v.displayName = "Pagination";
-//#endregion
-export { v as Pagination };

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

@@ -1,3 +0,0 @@
-export * from './Pagination';
-export * from './pagination-config';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/components/pagination/index.js

@@ -1,4 +0,0 @@
-export * from "./Pagination.js";
-export * from "./pagination-config.js";
-export * from "./pagination-styles.js";
-export * from "./pagination.helpers.js";

package/dist/components/pagination/pagination-config.d.ts

@@ -1,66 +0,0 @@
-import { Color, Radius, Size, Variant } from '../../shared';
-/**
- * Theme configuration options for the Pagination component.
- *
- * Set under `components.pagination` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface PaginationConfig {
-    /**
-     * Size of the page controls.
-     *
-     * @default "md"
-     */
-    size?: Size;
-    /**
-     * Visual style variant of the page controls.
-     *
-     * @default "bordered"
-     */
-    variant?: Variant;
-    /**
-     * Theme accent colour of the page controls.
-     *
-     * @default "primary"
-     */
-    color?: Color;
-    /**
-     * Corner rounding of the page controls.
-     *
-     * @default "md"
-     */
-    radius?: Radius;
-    /**
-     * How many pages to show on each side of the current page.
-     * A wider range shows more of the collection at once; a narrower range keeps
-     * the trail short.
-     *
-     * @default 1
-     */
-    siblingCount?: number;
-    /**
-     * Whether the trail offers controls for the first and last page.
-     *
-     * @default false
-     */
-    showEdges?: boolean;
-}
-/**
- * Default config values registered for the Pagination component.
- *
- * `variant` and `color` are intentionally absent so they inherit from the
- * global `defaultVariant` and `defaultColor`.
- */
-export declare const defaultPaginationConfig: PaginationConfig;
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_PAGINATION_CONFIG: Required<PaginationConfig>;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        pagination: PaginationConfig;
-    }
-}
-//# sourceMappingURL=pagination-config.d.ts.map

package/dist/components/pagination/pagination-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-config.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,gBAAgB,CAOxD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

package/dist/components/pagination/pagination-config.js

@@ -1,19 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/pagination/pagination-config.ts
-var t = {
-	size: "md",
-	radius: "md",
-	siblingCount: 1,
-	showEdges: !1
-}, n = {
-	size: "md",
-	variant: "bordered",
-	color: "primary",
-	radius: "md",
-	siblingCount: 1,
-	showEdges: !1
-};
-e("pagination", t);
-//#endregion
-export { n as FALLBACK_PAGINATION_CONFIG, t as defaultPaginationConfig };

package/dist/components/pagination/pagination-styles.d.ts

@@ -1,19 +0,0 @@
-/**
- * Pagination component styles for AsheeUI.
- * This file provides the static classes the Pagination component is built
- * from.
- */
-/**
- * Base classes for the navigation landmark.
- */
-export declare const PAGINATION_BASE_CLASS = "w-full";
-/**
- * Classes for the ordered list that holds the page controls.
- */
-export declare const PAGINATION_LIST_CLASS = "flex items-center flex-wrap list-none p-0 m-0 gap-1";
-/**
- * Classes for a gap in the page range.
- * A gap conveys nothing on its own, so it is not focusable and not announced.
- */
-export declare const PAGINATION_GAP_CLASS = "inline-flex items-center justify-center min-w-7 px-1 select-none text-foreground/60";
-//# sourceMappingURL=pagination-styles.d.ts.map

package/dist/components/pagination/pagination-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination-styles.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,wDACqB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,wFACsD,CAAC"}

package/dist/components/pagination/pagination-styles.js

@@ -1,5 +0,0 @@
-"use client";
-//#region src/components/pagination/pagination-styles.ts
-var e = "w-full", t = "flex items-center flex-wrap list-none p-0 m-0 gap-1", n = "inline-flex items-center justify-center min-w-7 px-1 select-none text-foreground/60";
-//#endregion
-export { e as PAGINATION_BASE_CLASS, n as PAGINATION_GAP_CLASS, t as PAGINATION_LIST_CLASS };

package/dist/components/pagination/pagination.helpers.d.ts

@@ -1,26 +0,0 @@
-/**
- * Pagination helpers for AsheeUI.
- * This file provides the pure range calculation the Pagination component is
- * built on, kept apart from the component so the arithmetic can be reasoned
- * about and tested on its own.
- */
-/**
- * One entry in a pagination range.
- * An ellipsis stands for the pages a range leaves out.
- */
-export type PaginationRangeItem = number | "ellipsis";
-/**
- * Calculates the page controls a range shows.
- *
- * The first and last pages are always offered, the current page is always
- * shown with `siblingCount` pages on either side of it, and a gap between two
- * shown pages becomes an ellipsis. A collection short enough to show in full
- * is shown in full.
- *
- * @param page - The current page, counted from one.
- * @param pageCount - How many pages the collection has.
- * @param siblingCount - How many pages to show on each side of the current page.
- * @returns The controls to render, in order.
- */
-export declare function getPaginationRange(page: number, pageCount: number, siblingCount?: number): PaginationRangeItem[];
-//# sourceMappingURL=pagination.helpers.d.ts.map

package/dist/components/pagination/pagination.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,YAAY,SAAI,GACf,mBAAmB,EAAE,CAuBvB"}

package/dist/components/pagination/pagination.helpers.js

@@ -1,12 +0,0 @@
-"use client";
-//#region src/components/pagination/pagination.helpers.ts
-function e(e, t, n = 1) {
-	if (t <= 0) return [];
-	if (t === 1) return [1];
-	let r = Math.min(Math.max(e, 1), t), i = Math.max(n, 0), a = Math.max(r - i, 2), o = Math.min(r + i, t - 1), s = [1];
-	a > 2 && s.push("ellipsis");
-	for (let e = a; e <= o; e += 1) s.push(e);
-	return o < t - 1 && s.push("ellipsis"), s.push(t), s;
-}
-//#endregion
-export { e as getPaginationRange };

package/dist/components/pin-input/PinInput.d.ts

@@ -1,109 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { FieldStatus, LabelAlign } from '../field/field-config';
-import { PinInputConfig, PinInputMode } from './pin-input-config';
-/**
- * Keep only the characters a mode accepts.
- *
- * @param raw - The text to filter.
- * @param mode - The characters the field accepts.
- * @returns The filtered text.
- */
-export declare function sanitizePinValue(raw: string, mode: PinInputMode): string;
-type BasePinInputProps = PinInputConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "color" | "type" | "children" | "autoFocus">;
-/**
- * Props for the PinInput component.
- */
-export interface PinInputProps extends BasePinInputProps {
-    /** The code, for a consumer that owns the value. */
-    value?: string;
-    /** The initial code, for a consumer that does not. */
-    defaultValue?: string;
-    /** Called with the whole code whenever it changes. */
-    onValueChange?: (value: string) => void;
-    /**
-     * Called once when the code reaches its full length.
-     * It fires once per completion, not on every keystroke, so a consumer can
-     * submit from it.
-     */
-    onComplete?: (value: string) => void;
-    /** Label of the field, shown above the boxes. */
-    label?: string;
-    /** Alignment of the label. @default "left" */
-    labelAlign?: LabelAlign;
-    /** Description under the label. */
-    description?: string;
-    /** Validation message under the boxes. */
-    message?: string;
-    /** Validation status, which colours the message. @default "default" */
-    status?: FieldStatus;
-    /** Whether the field is required. @default false */
-    required?: boolean;
-    /** Whether the label shows a pending state. @default false */
-    isLoading?: boolean;
-    /**
-     * Accessible name of the group of boxes.
-     * Used when the field has no visible label.
-     *
-     * @default "Verification code"
-     */
-    groupLabel?: string;
-    /**
-     * Draw a separator after this many boxes.
-     * Purely presentational grouping, hidden from assistive technology.
-     */
-    separatorAfter?: number;
-}
-/**
- * A field that collects a code one character at a time.
- *
- * PinInput accepts a dense code string: the characters are always packed
- * left to right, so deleting a character in the middle moves the characters
- * after it left rather than leaving a gap. A consumer therefore never has to
- * reason about positions when it reads `value`.
- *
- * Typing a character moves focus to the next box, Backspace clears the box
- * behind the caret, the arrow keys move between boxes, Home and End jump to the
- * ends, and a pasted code fills the boxes from the caret. Because the value is
- * dense, a caret beyond the characters that are already filled pastes at the end
- * of them, which is where the next character would have gone. The code is
- * reported through `onValueChange` on every change and through `onComplete` when
- * it becomes complete, so a consumer can submit from either.
- *
- * The boxes are one named group element (a `fieldset`), because the value is one
- * value even though it is typed in several places. The component never focuses
- * itself: a consumer that moves the reader to the field (after sending a code,
- * for example) does so through the ref, which is the group element, so the
- * decision to move focus stays with the screen that knows why.
- *
- * @param props - PinInput configuration options and field props.
- * @param props.length - Number of characters. Defaults to 4.
- * @param props.mode - Accepted characters. Defaults to "numeric".
- * @param props.size - Density of the boxes. Defaults to "md".
- * @param props.masked - Hide the typed characters. Defaults to false.
- * @param props.value - Controlled value.
- * @param props.defaultValue - Initial value.
- * @param props.onValueChange - Called with the code on every change.
- * @param props.onComplete - Called when the code becomes complete.
- * @param props.label - Label of the field.
- * @param props.description - Description under the label.
- * @param props.message - Validation message under the boxes.
- * @param props.status - Validation status.
- * @param props.isDisabled - Disable the field. Defaults to false.
- * @param props.isInvalid - Mark the value invalid. Defaults to false.
- * @returns The rendered field.
- *
- * @example
- * ```tsx
- * <PinInput
- *   label="Verification code"
- *   length={6}
- *   description="The six digits we sent to your phone."
- *   onComplete={verify}
- * />
- * ```
- *
- * @see Input - The single-value field.
- */
-export declare const PinInput: import('react').ForwardRefExoticComponent<PinInputProps & import('react').RefAttributes<HTMLFieldSetElement>>;
-export {};
-//# sourceMappingURL=PinInput.d.ts.map

package/dist/components/pin-input/PinInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinInput.d.ts","sourceRoot":"","sources":["../../../src/components/pin-input/PinInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAIL,KAAK,mBAAmB,EAKzB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAW5B;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAQxE;AAED,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,OAAO,GACP,MAAM,GACN,UAAU,GACV,WAAW,CACd,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH,eAAO,MAAM,QAAQ,+GA2QpB,CAAC"}

package/dist/components/pin-input/PinInput.js

@@ -1,124 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveClassKey as r, resolveConfigCascade as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
-import { FieldShell as o } from "../field/FieldShell.js";
-import { FALLBACK_PIN_INPUT_CONFIG as s } from "./pin-input-config.js";
-import { PIN_INPUT_BOX_CLASS as ee, PIN_INPUT_BOX_DEFAULT_CLASS as te, PIN_INPUT_BOX_DISABLED_CLASS as c, PIN_INPUT_BOX_INVALID_CLASS as l, PIN_INPUT_GROUP_CLASS as u, PIN_INPUT_SIZE_CLASS as d } from "./pin-input-styles.js";
-import { Fragment as f, forwardRef as p, useId as ne, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/pin-input/PinInput.tsx
-function v(e, t) {
-	return t === "numeric" ? e.replace(/\D+/g, "") : t === "alphanumeric" ? e.replace(/[^0-9a-zA-Z]+/g, "") : e.replace(/\s+/g, "");
-}
-var y = p(({ value: p, defaultValue: y, onValueChange: re, onComplete: b, length: x, mode: ie, size: ae, masked: oe, radius: S, isDisabled: se, isInvalid: ce, label: C, labelAlign: w, description: T, message: E, status: D, required: O, isLoading: k, groupLabel: A = "Verification code", separatorAfter: j, name: M, className: N, id: P, placeholder: F, ...I }, L) => {
-	let R = n(), z = R.components?.pininput, B = i({
-		length: x,
-		mode: ie,
-		size: ae,
-		masked: oe,
-		isDisabled: se,
-		isInvalid: ce,
-		radius: S ?? void 0
-	}, z, s), V = a(S, z?.radius, R.defaultRadius, s.radius), H = r(V, t, s.radius), U = ne(), W = P ?? U, G = `${W}-label`, K = `${W}-description`, q = `${W}-message`, [le, ue] = h(y ?? ""), J = p !== void 0, Y = J ? p : le, X = m([]), Z = (e) => {
-		let t = Math.max(0, Math.min(e, B.length - 1));
-		X.current[t]?.focus();
-	}, Q = (e) => {
-		let t = e.slice(0, B.length);
-		J || ue(t), re?.(t), t.length === B.length && b?.(t);
-	}, $ = (e, t) => {
-		let n = v(t, B.mode), r = (Y.slice(0, e) + n + Y.slice(e + n.length)).slice(0, B.length);
-		Q(r), Z(e + n.length);
-	}, de = (e, t) => {
-		let n = v(t, B.mode);
-		if (n.length === 0) {
-			Q(Y.slice(0, e) + Y.slice(e + 1));
-			return;
-		}
-		if (n.length > 1) {
-			$(e, n);
-			return;
-		}
-		let r = e >= Y.length ? Y + n : Y.slice(0, e) + n + Y.slice(e + 1);
-		Q(r), Z(e + 1);
-	}, fe = (e, t) => {
-		switch (t.key) {
-			case "Backspace":
-				t.preventDefault(), e < Y.length && Q(Y.slice(0, e) + Y.slice(e + 1)), Z(e - 1);
-				return;
-			case "Delete":
-				t.preventDefault(), e < Y.length && Q(Y.slice(0, e) + Y.slice(e + 1));
-				return;
-			case "ArrowLeft":
-				t.preventDefault(), Z(e - 1);
-				return;
-			case "ArrowRight":
-				t.preventDefault(), Z(e + 1);
-				return;
-			case "Home":
-				t.preventDefault(), Z(0);
-				return;
-			case "End":
-				t.preventDefault(), Z(B.length - 1);
-				return;
-		}
-	}, pe = (e, t) => {
-		let n = t.clipboardData?.getData("text") ?? "";
-		n && (t.preventDefault(), $(e, n));
-	}, me = [T ? K : null, E ? q : null].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ g(o, {
-		id: W,
-		htmlFor: null,
-		labelId: G,
-		label: C,
-		labelAlign: w,
-		description: T,
-		descriptionId: K,
-		message: E,
-		messageId: q,
-		status: D,
-		required: O,
-		isLoading: k,
-		children: /* @__PURE__ */ _("fieldset", {
-			ref: L,
-			"aria-labelledby": C ? G : void 0,
-			"aria-label": C ? void 0 : A,
-			"aria-describedby": me,
-			"data-disabled": B.isDisabled ? "true" : void 0,
-			className: e(u, N),
-			children: [Array.from({ length: B.length }, (t, n) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g("input", {
-				ref: (e) => {
-					X.current[n] = e;
-				},
-				id: n === 0 ? W : `${W}-${n}`,
-				type: B.masked ? "password" : "text",
-				inputMode: B.mode === "numeric" ? "numeric" : "text",
-				pattern: B.mode === "numeric" ? "[0-9]*" : void 0,
-				autoComplete: n === 0 ? "one-time-code" : "off",
-				placeholder: F,
-				disabled: B.isDisabled,
-				"aria-label": `${A}, character ${n + 1} of ${B.length}`,
-				"aria-invalid": B.isInvalid || void 0,
-				value: Y[n] ?? "",
-				onKeyDown: (e) => fe(n, e),
-				onPaste: (e) => pe(n, e),
-				onChange: (e) => de(n, e.target.value),
-				className: e(ee, d[B.size], H, B.isDisabled ? c : B.isInvalid ? l : te),
-				...I
-			}), j !== void 0 && j > 0 && n + 1 === j && n + 1 < B.length && /* @__PURE__ */ g("span", {
-				"aria-hidden": "true",
-				className: "px-1 text-foreground/40",
-				children: "-"
-			})] }, `pin-${n}`)), M && /* @__PURE__ */ g("input", {
-				type: "hidden",
-				name: M,
-				value: Y
-			})]
-		})
-	});
-});
-y.displayName = "PinInput";
-//#endregion
-export { y as PinInput, v as sanitizePinValue };

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

@@ -1,3 +0,0 @@
-export * from './PinInput';
-export * from './pin-input-config';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/pin-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pin-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}

package/dist/components/pin-input/index.js

@@ -1,3 +0,0 @@
-export * from "./PinInput.js";
-export * from "./pin-input-config.js";
-export * from "./pin-input-styles.js";