asheeui 1.1.1 → 2.2.1

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

@@ -1,22 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/hero/hero-config.ts
-var t = {
-	align: "start",
-	spacing: "xl",
-	background: "none",
-	mediaPosition: "end",
-	containerSize: "lg",
-	contained: !0
-};
-e("hero", t);
-var n = {
-	align: "start",
-	spacing: "xl",
-	background: "none",
-	mediaPosition: "end",
-	containerSize: "lg",
-	contained: !0
-};
-//#endregion
-export { n as FALLBACK_HERO_CONFIG, t as defaultHeroConfig };

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

@@ -1,19 +0,0 @@
-/**
- * Hero component styles for AsheeUI.
- * This file provides the static class mappings for the Hero pattern: the
- * two-column arrangement used when the hero has media, and the measure of the
- * text column.
- */
-/** The grid that places the text column and the media beside each other. */
-export declare const HERO_LAYOUT_CLASS = "grid items-center gap-10 lg:grid-cols-2";
-/** The text column. */
-export declare const HERO_TEXT_COLUMN_CLASS = "flex min-w-0 flex-col gap-6";
-/** Puts the media column first from the `lg` breakpoint upwards. */
-export declare const HERO_MEDIA_FIRST_CLASS = "lg:order-first";
-/** The media column. */
-export declare const HERO_MEDIA_CLASS = "min-w-0";
-/** Added to the text column when the hero is centred. */
-export declare const HERO_CENTERED_CLASS = "items-center text-center";
-/** Measure of the description when the hero stands alone. */
-export declare const HERO_DESCRIPTION_MEASURE_CLASS = "max-w-2xl";
-//# sourceMappingURL=hero-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hero-styles.d.ts","sourceRoot":"","sources":["../../../src/components/hero/hero-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,4EAA4E;AAC5E,eAAO,MAAM,iBAAiB,4CAA4C,CAAC;AAE3E,uBAAuB;AACvB,eAAO,MAAM,sBAAsB,gCAAgC,CAAC;AAEpE,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD,wBAAwB;AACxB,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,yDAAyD;AACzD,eAAO,MAAM,mBAAmB,6BAA6B,CAAC;AAE9D,6DAA6D;AAC7D,eAAO,MAAM,8BAA8B,cAAc,CAAC"}

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

@@ -1,5 +0,0 @@
-"use client";
-//#region src/components/hero/hero-styles.ts
-var e = "grid items-center gap-10 lg:grid-cols-2", t = "flex min-w-0 flex-col gap-6", n = "lg:order-first", r = "min-w-0", i = "items-center text-center", a = "max-w-2xl";
-//#endregion
-export { i as HERO_CENTERED_CLASS, a as HERO_DESCRIPTION_MEASURE_CLASS, e as HERO_LAYOUT_CLASS, r as HERO_MEDIA_CLASS, n as HERO_MEDIA_FIRST_CLASS, t as HERO_TEXT_COLUMN_CLASS };

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

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

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

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

package/dist/components/hero/index.js

@@ -1,3 +0,0 @@
-export * from "./Hero.js";
-export * from "./hero-config.js";
-export * from "./hero-styles.js";

package/dist/components/image/Image.d.ts

@@ -1,94 +0,0 @@
-import { ElementType, ImgHTMLAttributes } from 'react';
-import { ImageConfig } from './image-config';
-type BaseImageProps = ImageConfig & ImgHTMLAttributes<HTMLImageElement>;
-/**
- * Configuration options for the Image component.
- */
-export interface ImageProps extends BaseImageProps {
-    /**
-     * Fallback source shown when the primary `src` fails to load.
-     * When the primary image fails to load, this source is used instead.
-     */
-    fallbackSrc?: string;
-    /**
-     * Custom image component to use instead of the native `<img>` tag
-     * (e.g. `next/image`).
-     * When provided, the component renders this instead of img.
-     */
-    component?: ElementType;
-    /**
-     * Additional props for `component` (for example `{ priority: true }`).
-     *
-     * If `component` is set and neither `width`/`height` nor `fill`
-     * are provided here, `fill: true` is applied automatically since
-     * this component is container/ratio driven.
-     */
-    componentProps?: Record<string, unknown>;
-}
-/**
- * An image element with ratio locking, object-fit control, radius
- * tokens, a loading skeleton, and an optional error fallback.
- *
- * Image renders a container-driven picture that can use either the
- * native `<img>` element or a custom component such as `next/image`.
- * A shimmering skeleton is shown until the source finishes loading,
- * and `fallbackSrc` is swapped in when the primary source errors.
- * Visual tokens (`fit`, `ratio`, `radius`, `showSkeleton`, `loading`)
- * resolve through the standard AsheeUI cascade.
- *
- * The component handles edge cases including cached images, error
- * fallbacks, and proper cleanup of loading states. When using a
- * custom image component, it automatically applies fill behavior
- * for Next.js compatibility.
- *
- * @param props - Image configuration options and native img attributes.
- * @param props.alt - Accessible alternative text.
- * @param props.fit - Object-fit behaviour. Defaults to "cover".
- * @param props.ratio - Container aspect ratio. Defaults to "auto".
- * @param props.radius - Corner rounding. Defaults to "md".
- * @param props.fallbackSrc - Error fallback source.
- * @param props.showSkeleton - Loading placeholder. Defaults to true.
- * @param props.className - Extra classes for the image element.
- * @param props.component - Custom image component.
- * @param props.componentProps - Props forwarded to the image component.
- * @param props.src - The image source URL.
- * @param props.onLoad - Callback fired when the image loads.
- * @param props.onError - Callback fired when the image fails to load.
- *
- * @example
- * ```tsx
- * import { Image } from "asheeui";
- *
- * export function Example() {
- *   return (
- *     <Image
- *       src="/hero.png"
- *       alt="Product hero"
- *       ratio="video"
- *       fit="cover"
- *       radius="lg"
- *       showSkeleton
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With Next.js Image component
- * import NextImage from "next/image";
- *
- * <Image
- *   src="/hero.png"
- *   alt="Hero image"
- *   component={NextImage}
- *   componentProps={{ priority: true, sizes: "100vw" }}
- * />
- * ```
- *
- * @see ImageConfig - The configuration type for component defaults.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Image: import('react').ForwardRefExoticComponent<ImageProps & import('react').RefAttributes<HTMLImageElement>>;
-export {};
-//# sourceMappingURL=Image.d.ts.map

package/dist/components/image/Image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AASf,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,KAAK,yGAsNjB,CAAC"}

package/dist/components/image/Image.js

@@ -1,67 +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 { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
-import { FALLBACK_IMAGE_CONFIG as o } from "./image-config.js";
-import { IMAGE_FIT_CLASS as s, IMAGE_RATIO_CLASS as c } from "./image-styles.js";
-import { forwardRef as l, useEffect as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/image/Image.tsx
-function h(e) {
-	return typeof e == "string" && e.trim().length > 0;
-}
-var g = l(({ alt: l, fit: g, ratio: _, radius: v, fallbackSrc: y, showSkeleton: ee, loading: b, src: x, className: S, onLoad: C, onError: w, component: T, componentProps: E, ...D }, O) => {
-	let k = n(), A = k.components?.image, [j, M] = f(!1), [N, P] = f(x), F = d(null);
-	u(() => {
-		P(x), M(!1);
-	}, [x]), u(() => {
-		let e = F.current;
-		e?.complete && e.naturalWidth > 0 && M(!0);
-	}, [N]);
-	let I = (e) => {
-		M(!0), C?.(e);
-	}, L = (e) => {
-		if (h(y) && N !== y) {
-			P(y);
-			return;
-		}
-		M(!0), w?.(e);
-	}, R = (e) => {
-		F.current = e, typeof O == "function" ? O(e) : O && (O.current = e);
-	}, z = r(g, A?.fit, void 0, o.fit), B = r(_, A?.ratio, void 0, o.ratio), V = a(v, A?.radius, k.defaultRadius, o.radius), H = r(b, A?.loading, void 0, o.loading), U = r(ee, A?.showSkeleton, void 0, o.showSkeleton), W = i(z, s, o.fit), G = i(B, c, o.ratio), K = i(V, t, o.radius), q = T || "img", J = !!T, Y = h(N), X = E?.width !== void 0 || E?.height !== void 0 || E?.fill !== void 0, Z = J && !X ? {
-		fill: !0,
-		sizes: "100%"
-	} : {}, Q = e("h-full w-full transition-opacity duration-300", W, j ? "opacity-100" : "opacity-0", K, S), $ = { ...E ?? {} };
-	if (J) {
-		let e = E?.loading === "lazy", t = E?.priority === !0;
-		(e || t) && console.warn(`[Image] ${e ? "`loading=\"lazy\"`" : "`priority={true}`"} with custom image component may cause rendering issues. Consider using \`loading="eager"\` and removing \`priority\` for this image.`), $ = {
-			...$,
-			loading: "eager",
-			...$.priority !== void 0 && { priority: !1 }
-		};
-	}
-	let te = {
-		src: N,
-		alt: l,
-		loading: H,
-		onLoad: I,
-		onError: L,
-		className: Q,
-		ref: R,
-		...Z,
-		...D,
-		...$
-	}, ne = !J || Y;
-	return /* @__PURE__ */ m("span", {
-		className: e("relative block w-full", G, K),
-		children: [U && !j && /* @__PURE__ */ p("span", {
-			"aria-hidden": "true",
-			className: e("absolute inset-0 animate-pulse bg-border/40", K)
-		}), ne && /* @__PURE__ */ p(q, { ...te }, N)]
-	});
-});
-g.displayName = "Image";
-//#endregion
-export { g as Image };

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

@@ -1,85 +0,0 @@
-import { Radius } from '../../shared';
-/**
- * Object-fit behaviour of the image inside its ratio box.
- *
- * - `cover`: Scales to fill, cropping overflow.
- * - `contain`: Scales to fit entirely inside.
- * - `fill`: Stretches to fill, ignoring aspect ratio.
- * - `none`: Natural size, no scaling.
- * - `scale-down`: Smallest of `none` and `contain`.
- */
-export type ImageFit = "cover" | "contain" | "fill" | "none" | "scale-down";
-/**
- * Aspect ratio applied to the image container.
- *
- * - `auto`: Uses the image's intrinsic ratio.
- * - `square`: 1 / 1.
- * - `video`: 16 / 9.
- * - `portrait`: 4 / 5.
- */
-export type ImageRatioKey = "auto" | "square" | "video" | "portrait";
-/**
- * Theme configuration options for the Image component.
- *
- * Set under `components.image` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface ImageConfig {
-    /**
-     * Object-fit strategy.
-     * Controls how the image fills its container.
-     *
-     * @default "cover"
-     */
-    fit?: ImageFit;
-    /**
-     * Container aspect ratio.
-     * Controls the proportional dimensions of the image container.
-     *
-     * @default "auto"
-     */
-    ratio?: ImageRatioKey;
-    /**
-     * Corner rounding.
-     * Controls the border-radius of the image container.
-     *
-     * @default "md"
-     */
-    radius?: Radius;
-    /**
-     * Native image loading strategy.
-     * Controls when the browser loads the image resource.
-     *
-     * @default "lazy"
-     */
-    loading?: "lazy" | "eager";
-    /**
-     * Shows a shimmering placeholder until the image loads.
-     * Displays a subtle loading animation while the image is loading.
-     *
-     * @default true
-     */
-    showSkeleton?: boolean;
-}
-/**
- * Default config values registered for the Image component.
- */
-export declare const defaultImageConfig: ImageConfig;
-/**
- * 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_IMAGE_CONFIG: {
-    readonly fit: "cover";
-    readonly ratio: "auto";
-    readonly radius: "md";
-    readonly loading: "lazy";
-    readonly showSkeleton: true;
-};
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        image: ImageConfig;
-    }
-}
-//# sourceMappingURL=image-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-config.d.ts","sourceRoot":"","sources":["../../../src/components/image/image-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE5E;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAMhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

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

@@ -1,19 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/image/image-config.ts
-var t = {
-	fit: "cover",
-	ratio: "auto",
-	radius: "md",
-	loading: "lazy",
-	showSkeleton: !0
-}, n = {
-	fit: "cover",
-	ratio: "auto",
-	radius: "md",
-	loading: "lazy",
-	showSkeleton: !0
-};
-e("image", t);
-//#endregion
-export { n as FALLBACK_IMAGE_CONFIG, t as defaultImageConfig };

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

@@ -1,13 +0,0 @@
-import { ImageFit, ImageRatioKey } from './image-config';
-/**
- * CSS classes for image object-fit.
- * Maps fit strategies to Tailwind object-fit utility classes.
- */
-export declare const IMAGE_FIT_CLASS: Record<ImageFit, string>;
-/**
- * CSS classes for image aspect ratio.
- * Maps ratio keys to Tailwind aspect-ratio utility classes.
- * The "auto" ratio uses the image's intrinsic dimensions.
- */
-export declare const IMAGE_RATIO_CLASS: Record<ImageRatioKey, string>;
-//# sourceMappingURL=image-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-styles.d.ts","sourceRoot":"","sources":["../../../src/components/image/image-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAK3D,CAAC"}

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

@@ -1,16 +0,0 @@
-"use client";
-//#region src/components/image/image-styles.ts
-var e = {
-	cover: "object-cover",
-	contain: "object-contain",
-	fill: "object-fill",
-	none: "object-none",
-	"scale-down": "object-scale-down"
-}, t = {
-	auto: "",
-	square: "aspect-square",
-	video: "aspect-video",
-	portrait: "aspect-[3/4]"
-};
-//#endregion
-export { e as IMAGE_FIT_CLASS, t as IMAGE_RATIO_CLASS };

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

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

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

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

package/dist/components/image/index.js

@@ -1,3 +0,0 @@
-export * from "./Image.js";
-export * from "./image-config.js";
-export * from "./image-styles.js";

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

@@ -1,135 +0,0 @@
-import { default as React, InputHTMLAttributes, ReactNode } from 'react';
-import { KeyboardOpenOptions } from '../keyboard';
-import { InputConfig } from './input-config';
-type BaseInputProps = InputConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "color" | "children">;
-/**
- * Configuration options for the Input component.
- */
-export interface InputProps extends BaseInputProps {
-    /**
-     * Label text for the input.
-     * Displayed above the input field.
-     */
-    label?: string;
-    /**
-     * Whether the input is in a loading state.
-     * Shows a loading spinner next to the label.
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Description text shown below the label.
-     * Provides additional context about the input.
-     */
-    description?: string;
-    /**
-     * Validation message shown below the input.
-     * Color is determined by the status prop.
-     */
-    message?: string;
-    /**
-     * Whether the field is required.
-     * Adds a required indicator (*) to the label.
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Content rendered at the start of the input.
-     * Typically an icon or adornment.
-     */
-    startContent?: ReactNode;
-    /**
-     * Content rendered at the end of the input.
-     * Typically an icon, button, or adornment.
-     */
-    endContent?: ReactNode;
-    /**
-     * Whether the virtual keyboard should be enabled for mobile devices.
-     * Controls the inputmode attribute.
-     *
-     * When enabled, the input will use the virtual keyboard system.
-     * Can also be an object to configure the keyboard behavior.
-     *
-     * @default true
-     */
-    enableVirtualKeyboard?: boolean | KeyboardOpenOptions;
-}
-/**
- * A form input field with label, description, validation message,
- * and content slot support.
- *
- * Input renders a text input with consistent styling and field layout.
- * It supports start and end content slots for icons and adornments,
- * validation states, loading state, and the standard AsheeUI cascade
- * for visual tokens. The component integrates with FieldShell for
- * label, description, and message handling.
- *
- * The component automatically handles accessibility attributes including
- * aria-invalid, aria-describedby, and proper focus management. It also
- * supports mobile virtual keyboard control via the enableVirtualKeyboard
- * prop.
- *
- * @param props - Input configuration options and native input props.
- * @param props.label - Label text for the input.
- * @param props.isLoading - Loading state. Defaults to false.
- * @param props.description - Description text.
- * @param props.message - Validation message.
- * @param props.required - Whether the field is required. Defaults to false.
- * @param props.startContent - Content at the start of the input.
- * @param props.endContent - Content at the end of the input.
- * @param props.enableVirtualKeyboard - Enable mobile virtual keyboard. Defaults to true.
- * @param props.size - Size of the input. Defaults to "md".
- * @param props.radius - Corner rounding. Defaults to "md".
- * @param props.variant - Visual style variant. Defaults to "bordered".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.status - Validation status.
- * @param props.labelAlign - Alignment of the label. Defaults to "left".
- * @param props.disabled - Whether the input is disabled.
- * @param props.className - Extra CSS classes for the input.
- * @param props.id - Optional ID for the field.
- * @param props.style - Inline styles for the input.
- *
- * @example
- * ```tsx
- * import { Input } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [value, setValue] = useState("");
- *
- *   return (
- *     <Input
- *       label="Email Address"
- *       description="We'll never share your email."
- *       placeholder="you@example.com"
- *       value={value}
- *       onChange={(e) => setValue(e.target.value)}
- *       startContent={<MailIcon />}
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With virtual keyboard configuration
- * <Input
- *   label="Numeric Input"
- *   enableVirtualKeyboard={{
- *     layout: "numeric",
- *     size: "lg",
- *     color: "primary"
- *   }}
- * />
- * ```
- *
- * @see InputConfig - The configuration type for component defaults.
- * @see FieldShell - The wrapper component for label and validation.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- * @see useKeyboardField - Hook for connecting inputs to the virtual keyboard.
- */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export {};
-//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAEZ,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,aAAa,CAAC;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;;;OAQG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CACvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,eAAO,MAAM,KAAK,qFAyMjB,CAAC"}

package/dist/components/input/Input.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, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
-import { FieldShell as s } from "../field/FieldShell.js";
-import { FALLBACK_FIELD_CONFIG as c } from "../field/field-config.js";
-import { useKeyboardField as l } from "../keyboard/use-keyboard-field.js";
-import { INPUT_SIZE_CLASS as u, INPUT_STATUS_BORDER_CLASS as ee } from "./input-styles.js";
-import d, { forwardRef as f, useCallback as p, useId as m, useImperativeHandle as h, useRef as te } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/input/Input.tsx
-var v = f(({ size: f, radius: v, variant: y, color: b, status: x, label: S, labelAlign: C, description: w, message: T, required: E, isLoading: D, id: O, className: k, disabled: A, startContent: j, endContent: M, style: N, onFocus: P, onBlur: F, enableVirtualKeyboard: I = !0, ...L }, R) => {
-	let z = r(), B = z.components?.input, V = te(null);
-	h(R, () => V.current);
-	let H = m(), U = O ?? H, W = w ? `${U}-description` : void 0, G = T ? `${U}-message` : void 0, K = [W, G].filter(Boolean).join(" ") || void 0, { handleFocus: q, handleBlur: J } = l(U, V, !!I, typeof I == "object" && I ? I : void 0), Y = p((e) => {
-		q(e), P?.(e);
-	}, [q, P]), X = p((e) => {
-		J(), F?.(e);
-	}, [J, F]), Z = i(f, B?.size, void 0, c.size), Q = i(y, B?.variant, z.defaultVariant, c.variant), ne = i(b, B?.color, z.defaultColor, c.color), re = o(typeof v == "string" ? v : void 0, typeof B?.radius == "string" ? B.radius : void 0, z.defaultRadius, c.radius), $ = x ?? c.status, ie = $ === "error" ? "danger" : $ === "success" ? "success" : $ === "warning" ? "warning" : ne, ae = i(C, B?.labelAlign, void 0, c.labelAlign), oe = n(Q, ie), se = $ === "default" ? "" : ee[$], ce = Q === "underlined" ? "rounded-none" : a(re, t, c.radius);
-	return /* @__PURE__ */ g(s, {
-		id: U,
-		label: S,
-		labelAlign: ae,
-		description: w,
-		descriptionId: W,
-		message: T,
-		messageId: G,
-		status: $,
-		required: E,
-		isLoading: D,
-		children: /* @__PURE__ */ _("div", {
-			className: "relative flex items-center w-full",
-			children: [
-				j && /* @__PURE__ */ g("span", {
-					className: "absolute left-3 z-10 flex items-center pointer-events-none text-foreground/50",
-					children: j
-				}),
-				/* @__PURE__ */ g("input", {
-					ref: V,
-					id: U,
-					disabled: A,
-					required: E,
-					autoComplete: "off",
-					"aria-invalid": $ === "error",
-					"aria-describedby": K,
-					"aria-busy": D,
-					onFocus: Y,
-					onBlur: X,
-					className: e("w-full text-foreground outline-none transition-colors shrink-0", "focus-visible:ring-2 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", u[Z], oe, se, ce, j && "pl-11", M && "pr-11", k),
-					style: N,
-					...L
-				}),
-				M && /* @__PURE__ */ g("span", {
-					className: e("absolute right-3 z-10 flex items-center", typeof M == "string" || d.isValidElement(M) && M.type === "span" ? "pointer-events-none" : "", "text-foreground/50"),
-					children: M
-				})
-			]
-		})
-	});
-});
-v.displayName = "Input";
-//#endregion
-export { v as Input };

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

@@ -1,57 +0,0 @@
-import { ReactNode } from 'react';
-import { InputProps } from './Input';
-/**
- * Configuration options for the PasswordInput component.
- */
-export interface PasswordInputProps extends Omit<InputProps, "type" | "endContent"> {
-    /**
-     * Function that returns the aria-label for the toggle button.
-     * Receives the current visibility state and returns a label string.
-     */
-    toggleAriaLabel?: (show: boolean) => string;
-    /**
-     * Icon shown when password is hidden (show button).
-     * Defaults to EyeIcon.
-     */
-    offIcon?: ReactNode;
-    /**
-     * Icon shown when password is visible (hide button).
-     * Defaults to EyeOffIcon.
-     */
-    onIcon?: ReactNode;
-}
-/**
- * A password input field with a toggleable visibility button.
- *
- * PasswordInput extends the Input component with a built-in toggle
- * button that shows or hides the password text. It manages its own
- * visibility state and provides appropriate aria-label handling for
- * accessibility.
- *
- * @param props - PasswordInput configuration options.
- * @param props.disabled - Whether the input is disabled.
- * @param props.className - Extra CSS classes for the input.
- * @param props.toggleAriaLabel - Function for toggle button aria-label.
- * @param props.offIcon - Icon shown when password is hidden.
- * @param props.onIcon - Icon shown when password is visible.
- * @param props.autoComplete - Autocomplete attribute. Defaults to "current-password".
- *
- * @example
- * ```tsx
- * import { PasswordInput } from "asheeui";
- *
- * export function Example() {
- *   return (
- *     <PasswordInput
- *       label="Password"
- *       placeholder="Enter your password"
- *       required
- *     />
- *   );
- * }
- * ```
- *
- * @see Input - The base input component.
- */
-export declare const PasswordInput: import('react').ForwardRefExoticComponent<PasswordInputProps & import('react').RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/input/PasswordInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/input/PasswordInput.tsx"],"names":[],"mappings":"AASA,OAAO,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,CAAC;IAE5C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa,iHAiDzB,CAAC"}