asheeui 0.6.8 → 0.6.9

package/dist/components/button/Button.js

@@ -1,105 +1,109 @@
 "use client";
-import { jsxs as D, jsx as c } from "react/jsx-runtime";
-import { forwardRef as W } from "react";
-import { useAsheeConfig as j } from "../../libs/context.js";
-import { resolveCascade as r, resolveRadiusKey as F, resolveClassKey as V } from "../../utils/resolve-token.js";
-import { Spinner as k } from "../spinner/spinner.js";
+import { jsxs as j, jsx as u } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { useAsheeConfig as V } from "../../libs/context.js";
+import { resolveCascade as r, resolveRadiusKey as k, resolveClassKey as w } from "../../utils/resolve-token.js";
+import { Spinner as E } from "../spinner/spinner.js";
 import { FALLBACK_BUTTON_CONFIG as s } from "./button-config.js";
-import { BUTTON_ICON_SIZE_CLASS as w, BUTTON_SIZE_CLASS as E } from "./button-styles.js";
-import { cn as Z } from "../../utils/cn.js";
-import { UnderlineRadius as f, RADIUS_CLASS as G } from "../../shared/radius.js";
-import { resolveVariantClass as q } from "../../shared/variant.js";
-const H = W(
-  (v, p) => {
-    var m;
+import { BUTTON_ICON_SIZE_CLASS as Z, BUTTON_SIZE_CLASS as G } from "./button-styles.js";
+import { cn as q } from "../../utils/cn.js";
+import { UnderlineRadius as c, RADIUS_CLASS as H } from "../../shared/radius.js";
+import { resolveVariantClass as J } from "../../shared/variant.js";
+const M = F(
+  (f, v) => {
+    var d;
     const {
-      variant: b,
-      color: y,
-      size: h,
-      radius: N,
-      animate: S,
-      fullWidth: A,
-      isDisabled: _,
+      variant: p,
+      color: b,
+      size: y,
+      radius: h,
+      animate: N,
+      fullWidth: S,
+      isDisabled: A,
       isLoading: a,
-      icon: d,
+      icon: _,
       className: L,
       children: B,
-      type: I = "button",
-      onClick: o,
-      ...K
-    } = v, i = j(), e = (m = i.components) == null ? void 0 : m.button, t = r(
-      b,
+      type: C = "button",
+      onClick: i,
+      startContent: I,
+      endContent: K,
+      ...R
+    } = f, t = V(), e = (d = t.components) == null ? void 0 : d.button, o = r(
+      p,
       e == null ? void 0 : e.variant,
-      i.defaultVariant,
+      t.defaultVariant,
       s.variant
-    ), R = r(
-      y,
+    ), T = r(
+      b,
       e == null ? void 0 : e.color,
-      i.defaultColor,
+      t.defaultColor,
       s.color
-    ), l = r(
-      h,
+    ), n = r(
+      y,
       e == null ? void 0 : e.size,
       void 0,
       s.size
-    ), T = F(
-      N,
+    ), z = k(
+      h,
       e == null ? void 0 : e.radius,
-      i.defaultRadius,
+      t.defaultRadius,
       s.radius
-    ), z = r(
-      S,
+    ), O = r(
+      N,
       e == null ? void 0 : e.animate,
       s.animate,
       s.animate
-    ), O = r(
-      A,
+    ), U = r(
+      S,
       e == null ? void 0 : e.fullWidth,
       void 0,
       s.fullWidth
-    ), U = d ? w[l] : E[l], n = _ || a, x = (u) => {
-      if (n) {
-        u.preventDefault();
+    ), x = _ ? Z[n] : G[n], l = A || a, D = (m) => {
+      if (l) {
+        m.preventDefault();
         return;
       }
-      o == null || o(u);
-    }, C = Z(
+      i == null || i(m);
+    }, W = q(
       "inline-flex items-center justify-center font-medium transition-colors select-none shrink-0",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       "disabled:pointer-events-none disabled:opacity-50",
       "aria-disabled:pointer-events-none aria-disabled:opacity-50",
-      O && "w-full",
-      z && "motion-safe:transition-transform motion-safe:duration-100 motion-safe:active:scale-[0.99]",
-      q(t, R),
-      U,
-      V(
-        f(t, T),
-        G,
-        f(t, s.radius)
+      U && "w-full",
+      O && "motion-safe:transition-transform motion-safe:duration-100 motion-safe:active:scale-[0.99]",
+      J(o, T),
+      x,
+      w(
+        c(o, z),
+        H,
+        c(o, s.radius)
       ),
       L
     );
-    return /* @__PURE__ */ D(
+    return /* @__PURE__ */ j(
       "button",
       {
-        ref: p,
-        type: I,
-        disabled: n,
-        "aria-disabled": n,
+        ref: v,
+        type: C,
+        disabled: l,
+        "aria-disabled": l,
         "aria-busy": a,
-        onClick: x,
-        className: C,
-        ...K,
+        onClick: D,
+        className: W,
+        ...R,
         children: [
-          a && /* @__PURE__ */ c(k, { className: l }),
-          a && /* @__PURE__ */ c("span", { className: "sr-only", children: "Loading" }),
-          a && d ? null : B
+          a && /* @__PURE__ */ u(E, { className: n }),
+          a && /* @__PURE__ */ u("span", { className: "sr-only", children: "Loading" }),
+          !a && I,
+          !a && B,
+          !a && K
         ]
       }
     );
   }
 );
-H.displayName = "Button";
+M.displayName = "Button";
 export {
-  H as Button
+  M as Button
 };

package/dist/components/card/Card.d.ts

@@ -1,7 +1,29 @@
 import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { ImageFit, ImageRatioKey } from '../image/image-config';
-import { CardConfig, CardImageLoading, CardImagePosition } from './card-config';
-type BaseCardProps = CardConfig & Omit<HTMLAttributes<HTMLDivElement>, "title" | "children">;
+import { CardConfig, CardImageConfig } from './card-config';
+type BaseCardProps = Omit<CardConfig, "image"> & Omit<HTMLAttributes<HTMLDivElement>, "title" | "children">;
+/**
+ * Configuration options for the card image.
+ * Extends CardImageConfig with source and alt text properties.
+ */
+export interface CardImageProps extends CardImageConfig {
+    /**
+     * Source URL of the card image.
+     * When provided, displays an image in the card.
+     */
+    src?: string;
+    /**
+     * Alternative text for the card image.
+     * Important for accessibility.
+     *
+     * @default ""
+     */
+    alt?: string;
+    /**
+     * Custom image component to render the card image with instead of
+     * the native `<img>` tag (e.g. `next/image`).
+     */
+    component?: ElementType;
+}
 /**
  * Configuration options for the Card component.
  */
@@ -52,49 +74,10 @@ export interface CardProps extends BaseCardProps {
      */
     footer?: ReactNode;
     /**
-     * Source URL of the card image.
-     * When provided, displays an image in the card.
-     */
-    imageSrc?: string;
-    /**
-     * Alternative text for the card image.
-     * Important for accessibility.
-     *
-     * @default ""
-     */
-    imageAlt?: string;
-    /**
-     * Placement of the image relative to the content.
-     * Determines whether the image appears at the top, bottom, or as a background.
-     *
-     * @default "top"
-     */
-    imagePosition?: CardImagePosition;
-    /**
-     * Aspect ratio of the positioned image.
-     * Controls the proportional dimensions of the image container.
-     *
-     * @default "video"
-     */
-    imageRatio?: ImageRatioKey;
-    /**
-     * Object-fit strategy of the positioned image.
-     * Controls how the image fills its container.
-     *
-     * @default "cover"
+     * Image configuration for the card.
+     * Includes src, alt, position, ratio, fit, and loading options.
      */
-    imageFit?: ImageFit;
-    /**
-     * Native loading strategy of the positioned image.
-     *
-     * @default "lazy"
-     */
-    imageLoading?: CardImageLoading;
-    /**
-     * Custom image component to render the card image with instead of
-     * the native `<img>` tag (e.g. `next/image`).
-     */
-    imageComponent?: ElementType;
+    image?: CardImageProps;
     /**
      * Additional props forwarded to `imageComponent`
      * (e.g. `{ priority: true, sizes: "..." }`).
@@ -132,16 +115,15 @@ export interface CardProps extends BaseCardProps {
  * @param props.header - Custom header node.
  * @param props.body - Explicit body content.
  * @param props.footer - Footer node.
- * @param props.imageSrc - Image source URL.
- * @param props.imageAlt - Image alternative text.
- * @param props.imagePosition - Image placement.
- * @param props.imageRatio - Image aspect ratio.
- * @param props.imageFit - Image object-fit.
- * @param props.imageLoading - Image loading strategy.
- * @param props.imageComponent - Custom image component.
+ * @param props.image - Image configuration object containing src, alt, position, ratio, fit, and loading.
  * @param props.imageProps - Props forwarded to the image component.
  * @param props.children - Card body content.
  * @param props.className - Extra CSS classes for the card.
+ * @param props.id - HTML id attribute.
+ * @param props.style - Inline styles.
+ * @param props.onClick - Click event handler.
+ * @param props.onKeyDown - Keyboard event handler.
+ * @param props.rest - Additional HTML div element props.
  *
  * @example
  * ```tsx
@@ -168,13 +150,35 @@ export interface CardProps extends BaseCardProps {
  * <Card
  *   isClickable
  *   href="/blog/post-1"
- *   imageSrc="/images/post-1.jpg"
- *   imageAlt="Blog post cover"
+ *   image={{
+ *     src: "/images/post-1.jpg",
+ *     alt: "Blog post cover",
+ *     position: "top",
+ *     ratio: "video"
+ *   }}
  *   title="Blog Post Title"
  *   description="A brief description of the blog post."
  * />
  * ```
  *
+ * @example
+ * ```tsx
+ * // Card with background image
+ * <Card
+ *   image={{
+ *     src: "/images/hero.jpg",
+ *     alt: "Hero background",
+ *     position: "background",
+ *     fit: "cover"
+ *   }}
+ *   variant="flat"
+ *   title="Hero Title"
+ *   description="Content overlays the background image"
+ * >
+ *   <p>This content appears on top of the background image.</p>
+ * </Card>
+ * ```
+ *
  * @see CardConfig - The configuration type for component defaults.
  * @see useAsheeConfig - Hook for accessing the global configuration.
  */

package/dist/components/card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAGnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EAGvB,MAAM,eAAe,CAAC;AAQvB,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAE3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAEhC;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,IAAI,sGA8ShB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAGnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAYf,OAAO,EACL,KAAK,UAAU,EACf,KAAK,eAAe,EAKrB,MAAM,eAAe,CAAC;AAQvB,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GAC5C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,eAAO,MAAM,IAAI,sGAwThB,CAAC"}