asheeui 0.5.0

package/dist/components/date-picker/date-picker-config.js

@@ -0,0 +1,23 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
+const r = {
+  size: "md",
+  labelAlign: "left",
+  mode: "date",
+  variant: "bordered"
+}, d = {
+  ...t,
+  size: "md",
+  radius: "md",
+  variant: "bordered",
+  color: "primary",
+  status: "default",
+  labelAlign: "left",
+  mode: "date"
+};
+e("datePicker", r);
+export {
+  d as FALLBACK_DATE_PICKER_CONFIG,
+  r as defaultDatePickerConfig
+};

package/dist/components/date-picker/date-picker-styles.d.ts

@@ -0,0 +1,12 @@
+import { Color } from '../../shared/variant';
+import { FieldSizeKey, FieldStatus } from '../field/field-config';
+export declare const DATE_PICKER_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const DATE_PICKER_CELL_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const DATE_PICKER_STATUS_BORDER_CLASS: Record<FieldStatus, string>;
+export declare const CALENDAR_COLOR_CLASSES: Record<Color | string, {
+    bg: string;
+    text: string;
+    border: string;
+    hover: string;
+}>;
+//# sourceMappingURL=date-picker-styles.d.ts.map

package/dist/components/date-picker/date-picker-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIpE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAQvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,KAAK,GAAG,MAAM,EACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsC5D,CAAC"}

package/dist/components/date-picker/date-picker-styles.js

@@ -0,0 +1,58 @@
+"use client";
+const r = {
+  sm: "h-8 px-2.5 text-xs",
+  md: "h-10 px-3 text-sm",
+  lg: "h-12 px-4 text-base"
+}, e = {
+  sm: "size-7 text-xs",
+  md: "size-8 text-xs",
+  lg: "size-9 text-sm"
+}, o = {
+  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"
+}, s = {
+  default: {
+    bg: "bg-foreground text-background",
+    text: "text-foreground",
+    border: "border-foreground",
+    hover: "hover:text-foreground hover:bg-secondary"
+  },
+  primary: {
+    bg: "bg-primary text-primary-foreground",
+    text: "text-primary",
+    border: "border-primary",
+    hover: "hover:text-primary hover:bg-primary/10"
+  },
+  secondary: {
+    bg: "bg-secondary text-foreground/70",
+    text: "text-secondary",
+    border: "border-secondary",
+    hover: "hover:text-secondary hover:bg-secondary/10"
+  },
+  success: {
+    bg: "bg-success text-success-foreground",
+    text: "text-success",
+    border: "border-success",
+    hover: "hover:text-success hover:bg-success/10"
+  },
+  warning: {
+    bg: "bg-warning text-warning-foreground",
+    text: "text-warning",
+    border: "border-warning",
+    hover: "hover:text-warning hover:bg-warning/10"
+  },
+  danger: {
+    bg: "bg-danger text-danger-foreground",
+    text: "text-danger",
+    border: "border-danger",
+    hover: "hover:text-danger hover:bg-danger/10"
+  }
+};
+export {
+  s as CALENDAR_COLOR_CLASSES,
+  e as DATE_PICKER_CELL_SIZE_CLASS,
+  r as DATE_PICKER_SIZE_CLASS,
+  o as DATE_PICKER_STATUS_BORDER_CLASS
+};

package/dist/components/date-picker/index.d.ts

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

package/dist/components/date-picker/index.d.ts.map

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

package/dist/components/date-picker/index.js

@@ -0,0 +1,3 @@
+export * from "./DatePicker.js";
+export * from "./date-picker-config.js";
+export * from "./date-picker-styles.js";

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DrawerPlacement, DrawerSize } from './drawer-config';
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    onClose?: () => void;
+    placement?: DrawerPlacement;
+    size?: DrawerSize;
+    animated?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    overlayClassName?: string;
+    contentClassName?: string;
+    children: ReactNode;
+}
+export declare const Drawer: import('react').ForwardRefExoticComponent<DrawerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,UAAU,EAEhB,MAAM,iBAAiB,CAAC;AASzB,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,wGAwLlB,CAAC"}

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsxs as G, jsx as w } from "react/jsx-runtime";
+import { cn as d } from "@asheeui/utils";
+import { forwardRef as q, useState as V, useEffect as C, useCallback as J } from "react";
+import { useAsheeConfig as Q } from "../../libs/context.js";
+import { resolveCascade as a, resolveClassKey as R } from "../../utils/resolve-token.js";
+import { FALLBACK_DRAWER_CONFIG as t } from "./drawer-config.js";
+import { DRAWER_WIDTH_CLASS as U, DRAWER_HEIGHT_CLASS as X, DRAWER_ANIMATION_STATE as Y, DRAWER_BORDER_PLACEMENT_CLASS as b, DRAWER_CONTAINER_PLACEMENT_CLASS as h } from "./drawer-styles.js";
+const Z = q(
+  ({
+    isOpen: c,
+    onClose: r,
+    placement: y,
+    size: N,
+    animated: O,
+    closeOnOverlayClick: S,
+    closeOnEsc: _,
+    overlayClassName: k,
+    contentClassName: D,
+    className: L,
+    children: T,
+    style: x,
+    ...z
+  }, W) => {
+    var f;
+    const e = (f = Q().components) == null ? void 0 : f.drawer, [o, l] = V(c ? "open" : "unmounted");
+    C(() => {
+      if (c) {
+        l("opening");
+        const s = requestAnimationFrame(() => {
+          l("open");
+        });
+        return () => cancelAnimationFrame(s);
+      } else if (o !== "unmounted") {
+        l("closing");
+        const s = setTimeout(() => {
+          l("unmounted");
+        }, 250);
+        return () => clearTimeout(s);
+      }
+    }, [c]);
+    const m = a(
+      N,
+      e == null ? void 0 : e.size,
+      void 0,
+      t.size
+    ), n = a(
+      y,
+      e == null ? void 0 : e.placement,
+      void 0,
+      t.placement
+    ), I = a(
+      S,
+      e == null ? void 0 : e.closeOnOverlayClick,
+      void 0,
+      t.closeOnOverlayClick
+    ), u = a(
+      _,
+      e == null ? void 0 : e.closeOnEsc,
+      void 0,
+      t.closeOnEsc
+    ), p = a(
+      O,
+      e == null ? void 0 : e.animated,
+      void 0,
+      t.animated
+    ), g = k ?? "bg-black/70 backdrop-blur-md", F = D ?? "bg-secondary", v = n === "left" || n === "right", H = v ? R(
+      m,
+      U,
+      t.size
+    ) : "w-full", K = v ? "h-full" : R(
+      m,
+      X,
+      t.size
+    ), P = h[n] ?? h.right, M = b[n] ?? b.right, A = Y[n], E = o === "open" || o === "opening", j = p ? E ? A.open : A.closed : "", B = p ? E ? "drawer-backdrop-in" : "drawer-backdrop-out" : "", i = J(
+      (s) => {
+        u && s.key === "Escape" && r && r();
+      },
+      [u, r]
+    );
+    return C(() => {
+      if (o !== "unmounted")
+        return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+    }, [o, i]), o === "unmounted" ? null : /* @__PURE__ */ G(
+      "div",
+      {
+        ref: W,
+        role: "dialog",
+        "aria-modal": "true",
+        className: d(
+          "fixed inset-0 z-50 flex w-full h-full",
+          P,
+          L
+        ),
+        ...z,
+        children: [
+          /* @__PURE__ */ w(
+            "button",
+            {
+              type: "button",
+              onClick: I ? r : void 0,
+              className: d(
+                "absolute inset-0",
+                g,
+                B
+              )
+            }
+          ),
+          /* @__PURE__ */ w(
+            "div",
+            {
+              style: x,
+              className: d(
+                "relative z-10 flex flex-col text-foreground shadow-2xl border-border overflow-hidden",
+                M,
+                H,
+                K,
+                F,
+                j
+              ),
+              children: T
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "Drawer";
+export {
+  Z as Drawer
+};

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

@@ -0,0 +1,18 @@
+import { Size } from '../../shared/size';
+export type DrawerPlacement = "right" | "left" | "top" | "bottom";
+export type DrawerSize = Size | "full";
+export interface DrawerConfig {
+    size?: DrawerSize;
+    placement?: DrawerPlacement;
+    animated?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+}
+export declare const defaultDrawerConfig: DrawerConfig;
+export declare const FALLBACK_DRAWER_CONFIG: Required<DrawerConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        drawer: DrawerConfig;
+    }
+}
+//# sourceMappingURL=drawer-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-config.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,YAMjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAMhD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const t = {
+  size: "md",
+  placement: "right",
+  animated: !0,
+  closeOnOverlayClick: !0,
+  closeOnEsc: !0
+}, n = {
+  size: "md",
+  placement: "right",
+  animated: !0,
+  closeOnOverlayClick: !0,
+  closeOnEsc: !0
+};
+e("drawer", t);
+export {
+  n as FALLBACK_DRAWER_CONFIG,
+  t as defaultDrawerConfig
+};

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

@@ -0,0 +1,10 @@
+import { DrawerPlacement, DrawerSize } from './drawer-config';
+export declare const DRAWER_WIDTH_CLASS: Record<DrawerSize, string>;
+export declare const DRAWER_HEIGHT_CLASS: Record<DrawerSize, string>;
+export declare const DRAWER_CONTAINER_PLACEMENT_CLASS: Record<DrawerPlacement, string>;
+export declare const DRAWER_BORDER_PLACEMENT_CLASS: Record<DrawerPlacement, string>;
+export declare const DRAWER_ANIMATION_STATE: Record<DrawerPlacement, {
+    closed: string;
+    open: string;
+}>;
+//# sourceMappingURL=drawer-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-styles.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK1D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAM1E,CAAC;AAEJ,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAKzE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,eAAe,EACf;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAkBjC,CAAC"}

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

@@ -0,0 +1,46 @@
+"use client";
+const e = {
+  sm: "w-80",
+  md: "w-[28rem]",
+  lg: "w-[36rem]",
+  full: "w-screen"
+}, t = {
+  sm: "h-80",
+  md: "h-[28rem]",
+  lg: "h-[36rem]",
+  full: "h-screen"
+}, o = {
+  right: "justify-end items-stretch",
+  left: "justify-start items-stretch",
+  top: "flex-col justify-start items-stretch",
+  bottom: "flex-col justify-end items-stretch"
+}, r = {
+  right: "border-l",
+  left: "border-r",
+  top: "border-b",
+  bottom: "border-t"
+}, s = {
+  right: {
+    closed: "drawer-slide-right-closed",
+    open: "drawer-slide-right-open"
+  },
+  left: {
+    closed: "drawer-slide-left-closed",
+    open: "drawer-slide-left-open"
+  },
+  top: {
+    closed: "drawer-slide-top-closed",
+    open: "drawer-slide-top-open"
+  },
+  bottom: {
+    closed: "drawer-slide-bottom-closed",
+    open: "drawer-slide-bottom-open"
+  }
+};
+export {
+  s as DRAWER_ANIMATION_STATE,
+  r as DRAWER_BORDER_PLACEMENT_CLASS,
+  o as DRAWER_CONTAINER_PLACEMENT_CLASS,
+  t as DRAWER_HEIGHT_CLASS,
+  e as DRAWER_WIDTH_CLASS
+};

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

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

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

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

package/dist/components/drawer/index.js

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

package/dist/components/field/FieldShell.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { FieldStatus, LabelAlign } from './field-config';
+export interface FieldShellProps {
+    id: string;
+    label?: string;
+    labelAlign?: LabelAlign;
+    description?: string;
+    descriptionId?: string;
+    message?: string;
+    messageId?: string;
+    status?: FieldStatus;
+    required?: boolean;
+    isLoading?: boolean;
+    children: ReactNode;
+}
+export declare function FieldShell({ id, label, labelAlign, description, descriptionId, message, messageId, status, required, isLoading, children, }: FieldShellProps): import("react").JSX.Element;
+//# sourceMappingURL=FieldShell.d.ts.map

package/dist/components/field/FieldShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../src/components/field/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAc9D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,UAAmB,EACnB,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAkB,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAqCjB"}

package/dist/components/field/FieldShell.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { cn as t } from "@asheeui/utils";
+import { Spinner as h } from "../spinner/spinner.js";
+const u = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+}, g = {
+  default: "text-foreground",
+  error: "text-danger",
+  warning: "text-warning",
+  success: "text-success"
+};
+function A({
+  id: c,
+  label: r,
+  labelAlign: a = "left",
+  description: n,
+  descriptionId: o,
+  message: l,
+  messageId: d,
+  status: s = "default",
+  required: m,
+  isLoading: x,
+  children: f
+}) {
+  return /* @__PURE__ */ i("div", { className: "flex flex-col gap-1.5", children: [
+    r && /* @__PURE__ */ e(
+      "label",
+      {
+        htmlFor: c,
+        className: t(
+          "text-sm font-medium text-foreground",
+          u[a]
+        ),
+        children: /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1.5", children: [
+          r,
+          m && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "text-danger", children: "*" }),
+          x && /* @__PURE__ */ e(h, { size: "sm" })
+        ] })
+      }
+    ),
+    n && /* @__PURE__ */ e("p", { id: o, className: t("text-sm text-foreground/60"), children: n }),
+    f,
+    l && /* @__PURE__ */ e(
+      "p",
+      {
+        id: d,
+        role: s === "error" ? "alert" : void 0,
+        className: t("text-sm", g[s]),
+        children: l
+      }
+    )
+  ] });
+}
+export {
+  A as FieldShell
+};

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

@@ -0,0 +1,23 @@
+import { Radius } from '../../shared/radius';
+import { Size } from '../../shared/size';
+import { Color, Variant } from '../../shared/variant';
+export type FieldSizeKey = Size;
+export type FieldStatus = "default" | "error" | "warning" | "success";
+export type LabelAlign = "left" | "center" | "right";
+export interface FieldConfig {
+    size?: FieldSizeKey;
+    radius?: Radius;
+    variant?: Variant;
+    color?: Color;
+    labelAlign?: LabelAlign;
+    fullWidth?: boolean;
+    status?: FieldStatus;
+}
+export declare const defaultFieldConfig: FieldConfig;
+export declare const FALLBACK_FIELD_CONFIG: Required<FieldConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        field: FieldConfig;
+    }
+}
+//# sourceMappingURL=field-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-config.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC;AAChC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AACtE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,WAIhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAQ9C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const l = {
+  size: "md",
+  labelAlign: "left",
+  fullWidth: !1
+}, i = {
+  size: "md",
+  radius: "md",
+  variant: "bordered",
+  color: "primary",
+  labelAlign: "left",
+  fullWidth: !1,
+  status: "default"
+};
+e("field", l);
+export {
+  i as FALLBACK_FIELD_CONFIG,
+  l as defaultFieldConfig
+};

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

@@ -0,0 +1,8 @@
+import { FieldSizeKey, FieldStatus, LabelAlign } from './field-config';
+export declare const FIELD_LABEL_ALIGN_CLASS: Record<LabelAlign, string>;
+export declare const FIELD_STATUS_TEXT_CLASS: Record<FieldStatus, string>;
+export declare const FIELD_LABEL_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const FIELD_DESCRIPTION_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const FIELD_MESSAGE_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const FIELD_SHELL_GAP_CLASS: Record<FieldSizeKey, string>;
+//# sourceMappingURL=field-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-styles.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5E,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAK/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIrE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI9D,CAAC"}

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

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

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

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

package/dist/components/field/index.js

@@ -0,0 +1,2 @@
+export * from "./FieldShell.js";
+export * from "./field-config.js";

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

@@ -0,0 +1,88 @@
+import { ElementType, ImgHTMLAttributes } from 'react';
+import { Radius } from '../../shared/radius';
+import { ImageFit, ImageRatioKey } from './image-config';
+/**
+ * Configuration options for the Image component.
+ */
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "children" | "alt"> {
+    /** Accessible alternative text describing the image. */
+    alt: string;
+    /** Object-fit behaviour of the image inside its ratio box.
+     *
+     * @default "cover"
+     */
+    fit?: ImageFit;
+    /** Container aspect ratio.
+     *
+     * @default "auto"
+     */
+    ratio?: ImageRatioKey;
+    /** Corner rounding.
+     *
+     * @default "md"
+     */
+    radius?: Radius;
+    /** Fallback source shown when the primary `src` fails to load. */
+    fallbackSrc?: string;
+    /** Shows a shimmering placeholder until the image loads.
+     *
+     * @default true
+     */
+    showSkeleton?: boolean;
+    /** Extra classes merged with internal styles. */
+    className?: string;
+    /** Custom image component to use instead of the native `<img>` tag
+     * (e.g. `next/image`). */
+    imageComponent?: ElementType;
+    /**
+     * Additional props to pass to the custom image component
+     * (e.g. `{ priority: true, sizes: "..." }`).
+     *
+     * If `imageComponent` is set and neither `width`/`height` nor `fill`
+     * are provided here, `fill: true` is applied automatically since
+     * this component is container/ratio driven.
+     */
+    imageProps?: 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.
+ *
+ * @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.imageComponent - Custom image component.
+ * @param props.imageProps - Props forwarded to the image component.
+ *
+ * @example
+ * ```tsx
+ * import { Image } from "asheeui";
+ *
+ * export function Example() {
+ *   return (
+ *     <Image
+ *       src="/hero.png"
+ *       alt="Product hero"
+ *       ratio="video"
+ *       fit="cover"
+ *       radius="lg"
+ *       showSkeleton
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const Image: import('react').ForwardRefExoticComponent<ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMhE,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AAGxB;;GAEG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IACrE,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;8BAC0B;IAC1B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,KAAK,yGAsNjB,CAAC"}