asheeui 0.5.0

package/dist/components/image/Image.js

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

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

@@ -0,0 +1,67 @@
+import { Radius } from '../../shared/radius';
+/**
+ * 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.
+     *
+     * @default "cover"
+     */
+    fit?: ImageFit;
+    /** Container aspect ratio.
+     *
+     * @default "auto"
+     */
+    ratio?: ImageRatioKey;
+    /** Corner rounding.
+     *
+     * @default "md"
+     */
+    radius?: Radius;
+    /** Native image loading strategy.
+     *
+     * @default "lazy"
+     */
+    loading?: "lazy" | "eager";
+    /** Shows a shimmering placeholder until the image loads.
+     *
+     * @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.
+ */
+export declare const FALLBACK_IMAGE_CONFIG: Required<ImageConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        image: ImageConfig;
+    }
+}
+//# sourceMappingURL=image-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-config.d.ts","sourceRoot":"","sources":["../../../src/components/image/image-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD;;;;;;;;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;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAM9C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as o } from "../../libs/registry.js";
+const t = {
+  fit: "cover",
+  ratio: "auto",
+  radius: "md",
+  loading: "lazy",
+  showSkeleton: !0
+}, a = {
+  fit: "cover",
+  ratio: "auto",
+  radius: "md",
+  loading: "lazy",
+  showSkeleton: !0
+};
+o("image", t);
+export {
+  a as FALLBACK_IMAGE_CONFIG,
+  t as defaultImageConfig
+};

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

@@ -0,0 +1,4 @@
+import { ImageFit, ImageRatioKey } from './image-config';
+export declare const IMAGE_FIT_CLASS: Record<ImageFit, string>;
+export declare const IMAGE_RATIO_CLASS: Record<ImageRatioKey, string>;
+//# sourceMappingURL=image-styles.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+"use client";
+const e = {
+  cover: "object-cover",
+  contain: "object-contain",
+  fill: "object-fill",
+  none: "object-none",
+  "scale-down": "object-scale-down"
+}, o = {
+  auto: "",
+  square: "aspect-square",
+  video: "aspect-video",
+  portrait: "aspect-[3/4]"
+};
+export {
+  e as IMAGE_FIT_CLASS,
+  o as IMAGE_RATIO_CLASS
+};

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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,22 @@
+import { default as React, InputHTMLAttributes, ReactNode } from 'react';
+import { Radius } from '../../shared/radius';
+import { Color, Variant } from '../../shared/variant';
+import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "color" | "children"> {
+    size?: FieldSizeKey;
+    radius?: Radius;
+    variant?: Variant;
+    color?: Color;
+    status?: FieldStatus;
+    label?: string;
+    labelAlign?: LabelAlign;
+    isLoading?: boolean;
+    description?: string;
+    message?: string;
+    required?: boolean;
+    startContent?: ReactNode;
+    endContent?: ReactNode;
+    enableVirtualKeyboard?: boolean;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAEZ,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,OAAO,EACb,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,KAAK,qFA4LjB,CAAC"}

package/dist/components/input/Input.js

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { InputProps } from './Input';
+export interface PasswordInputProps extends Omit<InputProps, "type" | "endContent"> {
+    toggleAriaLabel?: (show: boolean) => string;
+    offIcon?: ReactNode;
+    onIcon?: ReactNode;
+}
+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

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

package/dist/components/input/PasswordInput.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as e } from "@asheeui/utils";
+import { forwardRef as d, useState as w } from "react";
+import { EyeIcon as l } from "../../icons/EyeIcon.js";
+import { EyeOffIcon as y } from "../../icons/EyeOffIcon.js";
+import { Input as x } from "./Input.js";
+const I = d(
+  ({
+    disabled: t,
+    className: n,
+    toggleAriaLabel: s,
+    offIcon: p,
+    onIcon: i,
+    autoComplete: a = "current-password",
+    ...c
+  }, f) => {
+    const [o, m] = w(!1);
+    return /* @__PURE__ */ r(
+      x,
+      {
+        ref: f,
+        type: o ? "text" : "password",
+        disabled: t,
+        autoComplete: a,
+        className: e("pr-10", n),
+        endContent: /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            disabled: t,
+            onClick: () => m((u) => !u),
+            "aria-label": s ? s(o) : o ? "Hide password" : "Show password",
+            className: e(
+              "p-1 rounded text-foreground/70 hover:text-foreground transition-colors",
+              "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              t && "pointer-events-none opacity-50"
+            ),
+            children: o ? p ?? /* @__PURE__ */ r(y, {}) : i ?? /* @__PURE__ */ r(l, {})
+          }
+        ),
+        ...c
+      }
+    );
+  }
+);
+I.displayName = "PasswordInput";
+export {
+  I as PasswordInput
+};

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

@@ -0,0 +1,4 @@
+export * from './Input';
+export * from './input-config';
+export * from './PasswordInput';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/input/index.js

@@ -0,0 +1,4 @@
+export * from "./Input.js";
+export * from "./PasswordInput.js";
+export * from "./input-config.js";
+export * from "./input-styles.js";

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

@@ -0,0 +1,10 @@
+import { FieldConfig } from '../field/field-config';
+export interface InputConfig extends FieldConfig {
+}
+export declare const defaultInputConfig: InputConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        input: InputConfig;
+    }
+}
+//# sourceMappingURL=input-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-config.d.ts","sourceRoot":"","sources":["../../../src/components/input/input-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,MAAM,WAAW,WAAY,SAAQ,WAAW;CAAG;AAEnD,eAAO,MAAM,kBAAkB,EAAE,WAIhC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const t = {
+  size: "md",
+  labelAlign: "left",
+  variant: "bordered"
+};
+e("input", t);
+export {
+  t as defaultInputConfig
+};

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

@@ -0,0 +1,4 @@
+import { FieldSizeKey, FieldStatus } from '../field/field-config';
+export declare const INPUT_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const INPUT_STATUS_BORDER_CLASS: Record<FieldStatus, string>;
+//# sourceMappingURL=input-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/input-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIzD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAQjE,CAAC"}

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

@@ -0,0 +1,15 @@
+"use client";
+const s = {
+  sm: "h-8 px-2.5 text-xs",
+  md: "h-10 px-3 text-sm",
+  lg: "h-12 px-4 text-base"
+}, e = {
+  default: "",
+  error: "border-danger focus-visible:border-danger focus-visible:ring-danger/20",
+  warning: "border-warning focus-visible:border-warning focus-visible:ring-warning/20",
+  success: "border-success focus-visible:border-success focus-visible:ring-success/20"
+};
+export {
+  s as INPUT_SIZE_CLASS,
+  e as INPUT_STATUS_BORDER_CLASS
+};

package/dist/components/keyboard/OnScreenKeyboard.d.ts

@@ -0,0 +1,14 @@
+import { Radius } from '../../shared/radius';
+import { Color, Variant } from '../../shared/variant';
+import { LayoutName } from './keyboard-config';
+export interface OnScreenKeyboardProps {
+    className?: string;
+    heightClass?: string;
+    initialLayout?: LayoutName;
+    variant?: Variant;
+    color?: Color;
+    radius?: Radius;
+    keyClassName?: string;
+}
+export declare function OnScreenKeyboard({ className, heightClass, initialLayout, variant: variantProp, color: colorProp, radius: radiusProp, keyClassName, }: OnScreenKeyboardProps): import("react").JSX.Element | null;
+//# sourceMappingURL=OnScreenKeyboard.d.ts.map

package/dist/components/keyboard/OnScreenKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnScreenKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/OnScreenKeyboard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAuDpD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,YAAY,GACb,EAAE,qBAAqB,sCA6MvB"}