asheeui 0.6.15 → 1.0.0

package/dist/components/tooltip/Tooltip.js

@@ -1,159 +1,69 @@
 "use client";
-import { jsx as a, Fragment as S, jsxs as h } from "react/jsx-runtime";
-import { offset as J, flip as Q, shift as W, arrow as Z, useFloating as $, autoUpdate as ee, useHover as se, useFocus as oe, useDismiss as re, useRole as te, useInteractions as ae, FloatingPortal as le, FloatingArrow as ne } from "@floating-ui/react";
-import { forwardRef as de, useRef as ie, useState as me, isValidElement as pe, cloneElement as ce } from "react";
-import { useAsheeConfig as ue } from "../../libs/context.js";
-import { resolveCascade as o, resolveRadiusKey as fe, resolveClassKey as i } from "../../utils/resolve-token.js";
-import { FALLBACK_TOOLTIP_CONFIG as s } from "./tooltip-config.js";
-import { TOOLTIP_PADDING_X_CLASS as ve, TOOLTIP_PADDING_Y_CLASS as we, TOOLTIP_FONT_CLASS as ye } from "./tooltip-styles.js";
-import { RADIUS_CLASS as Ae } from "../../shared/radius.js";
-import { cn as Oe } from "../../utils/cn.js";
-import { resolveVariantClass as Se } from "../../shared/variant.js";
-const he = de(
-  ({
-    content: u,
-    children: r,
-    variant: R,
-    color: T,
-    size: _,
-    placement: F,
-    delay: I,
-    offset: L,
-    radius: N,
-    showArrow: P,
-    isDisabled: l = !1,
-    className: z
-  }, n) => {
-    var O;
-    const d = ue(), e = (O = d.components) == null ? void 0 : O.tooltip, f = ie(null), [v, K] = me(!1), m = o(
-      _,
-      e == null ? void 0 : e.size,
-      void 0,
-      s.size
-    ), x = o(
-      F,
-      e == null ? void 0 : e.placement,
-      void 0,
-      s.placement
-    ), D = o(
-      R,
-      e == null ? void 0 : e.variant,
-      d.defaultVariant,
-      s.variant
-    ), V = o(
-      T,
-      e == null ? void 0 : e.color,
-      d.defaultColor,
-      s.color
-    ), b = o(I, e == null ? void 0 : e.delay, void 0, s.delay), g = o(
-      L,
-      e == null ? void 0 : e.offset,
-      void 0,
-      s.offset
-    ), w = o(
-      P,
-      e == null ? void 0 : e.showArrow,
-      void 0,
-      s.showArrow
-    ), E = fe(
-      N,
-      e == null ? void 0 : e.radius,
-      d.defaultRadius,
-      s.radius
-    ), G = i(
-      m,
-      ve,
-      s.size
-    ), j = i(
-      m,
-      we,
-      s.size
-    ), U = i(
-      m,
-      ye,
-      s.size
-    ), X = i(
-      E,
-      Ae,
-      s.radius
-    ), y = [
-      J(g),
-      Q({ padding: 8 }),
-      W({ padding: 8 })
-    ];
-    w && y.push(Z({ element: f }));
-    const { refs: p, floatingStyles: Y, context: t } = $({
-      open: v && !l,
-      onOpenChange: K,
-      placement: x,
-      whileElementsMounted: ee,
-      middleware: y
-    }), k = se(t, {
-      delay: b,
-      enabled: !l
-    }), B = oe(t, { enabled: !l }), H = re(t), M = te(t, { role: "tooltip" }), { getReferenceProps: A, getFloatingProps: q } = ae([
-      k,
-      B,
-      H,
-      M
-    ]), C = pe(r) ? ce(
-      r,
-      A({
-        ref: p.setReference,
-        ...r.props
-      })
-    ) : /* @__PURE__ */ a(
-      "span",
-      {
-        ref: p.setReference,
-        ...A(),
-        className: "inline-flex",
-        children: r
-      }
-    );
-    return !u || l ? /* @__PURE__ */ a(S, { children: r }) : /* @__PURE__ */ h(S, { children: [
-      C,
-      /* @__PURE__ */ a(le, { children: v && /* @__PURE__ */ a(
-        "div",
-        {
-          ref: (c) => {
-            p.setFloating(c), typeof n == "function" ? n(c) : n && (n.current = c);
-          },
-          style: Y,
-          className: "z-50 pointer-events-none",
-          ...q(),
-          children: /* @__PURE__ */ h(
-            "div",
-            {
-              className: Oe(
-                "font-medium border whitespace-nowrap select-none bg-background shadow-md transition-all duration-150 ease-out animate-in fade-in-0 zoom-in-95",
-                G,
-                j,
-                U,
-                X,
-                Se(D, V),
-                e == null ? void 0 : e.className,
-                z
-              ),
-              children: [
-                u,
-                w && /* @__PURE__ */ a(
-                  ne,
-                  {
-                    ref: f,
-                    context: t,
-                    className: "fill-current text-border"
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ) })
-    ] });
-  }
-);
-he.displayName = "Tooltip";
-export {
-  he as Tooltip
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as ee } from "../../shared/variant.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as te } from "../../utils/resolve-token.js";
+import { useFloatingZIndex as ne } from "../../libs/use-floating-z-index.js";
+import { FALLBACK_TOOLTIP_CONFIG as a } from "./tooltip-config.js";
+import { TOOLTIP_FONT_CLASS as o, TOOLTIP_PADDING_X_CLASS as s, TOOLTIP_PADDING_Y_CLASS as c } from "./tooltip-styles.js";
+import { cloneElement as l, forwardRef as u, isValidElement as re, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { FloatingArrow as ie, FloatingPortal as ae, arrow as oe, autoUpdate as se, flip as ce, offset as le, shift as g, useDismiss as _, useFloating as v, useFocus as y, useHover as b, useInteractions as x, useRole as S } from "@floating-ui/react";
+//#region src/components/tooltip/Tooltip.tsx
+var C = u(({ content: u, children: C, variant: w, color: T, size: E, placement: D, delay: O, offset: k, radius: A, showArrow: j, portal: M, zIndex: N, isDisabled: P = !1, className: F }, I) => {
+	let L = n(), R = L.components?.tooltip, z = d(null), [B, V] = f(!1), H = r(E, R?.size, void 0, a.size), U = r(D, R?.placement, void 0, a.placement), W = r(w, R?.variant, L.defaultVariant, a.variant), ue = r(T, R?.color, L.defaultColor, a.color), de = r(O, R?.delay, void 0, a.delay), fe = r(k, R?.offset, void 0, a.offset), G = r(j, R?.showArrow, void 0, a.showArrow), K = r(M, R?.portal, void 0, a.portal), pe = r(N, R?.zIndex, void 0, a.zIndex), me = te(A, R?.radius, L.defaultRadius, a.radius), he = i(H, s, a.size), ge = i(H, c, a.size), _e = i(H, o, a.size), ve = i(me, t, a.radius), q = [
+		le(fe),
+		ce({ padding: 8 }),
+		g({ padding: 8 })
+	];
+	G && q.push(oe({ element: z }));
+	let { refs: J, floatingStyles: Y, context: X } = v({
+		open: B && !P,
+		onOpenChange: V,
+		placement: U,
+		whileElementsMounted: se,
+		middleware: q
+	}), Z = b(X, {
+		delay: de,
+		enabled: !P
+	}), ye = y(X, { enabled: !P }), be = _(X), xe = S(X, { role: "tooltip" }), { getReferenceProps: Q, getFloatingProps: Se } = x([
+		Z,
+		ye,
+		be,
+		xe
+	]), Ce = ne(J.reference, B && K, pe), we = re(C) ? l(C, Q({
+		ref: J.setReference,
+		...C.props
+	})) : /* @__PURE__ */ m("span", {
+		ref: J.setReference,
+		...Q(),
+		className: "inline-flex",
+		children: C
+	});
+	if (!u || P) return /* @__PURE__ */ m(p, { children: C });
+	let $ = /* @__PURE__ */ m("div", {
+		ref: (e) => {
+			J.setFloating(e), typeof I == "function" ? I(e) : I && (I.current = e);
+		},
+		style: K ? {
+			...Y,
+			zIndex: Ce
+		} : Y,
+		className: "pointer-events-none",
+		...Se(),
+		children: /* @__PURE__ */ h("div", {
+			className: e("font-medium border whitespace-nowrap select-none bg-background shadow-md transition-all duration-150 ease-out animate-in fade-in-0 zoom-in-95", he, ge, _e, ve, ee(W, ue), R?.className, F),
+			children: [u, G && /* @__PURE__ */ m(ie, {
+				ref: z,
+				context: X,
+				className: "fill-current text-border"
+			})]
+		})
+	});
+	return /* @__PURE__ */ h(p, { children: [we, K ? /* @__PURE__ */ m(ae, { children: B && $ }) : B && $] });
+});
+C.displayName = "Tooltip";
+//#endregion
+export { C as Tooltip };

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

@@ -72,6 +72,31 @@ export interface TooltipConfig {
      * @default false
      */
     showArrow?: boolean;
+    /**
+     * Whether to render the tooltip through Floating UI's `FloatingPortal`.
+     * When true, the tooltip is appended to `document.body`, which escapes
+     * clipping and stacking contexts but also always paints above app-level
+     * overlays such as sticky navbars.
+     *
+     * When false, the tooltip renders in place next to the trigger and follows
+     * the trigger's own stacking context: a tooltip on a sticky navbar appears
+     * above the page, while a tooltip on a page element stays underneath the
+     * navbar. Enable `portal` for triggers inside scrollable or clipped
+     * containers (for example a Modal panel or an overflow-hidden card).
+     *
+     * @default false
+     * @see FloatingPortal - https://floating-ui.com/docs/FloatingPortal
+     */
+    portal?: boolean;
+    /**
+     * Layer delta added to the trigger's detected stacking-context z-index to
+     * resolve the tooltip's final `z-index`. Anchored tooltips stay above their
+     * own container (for example a sticky navbar) without outranking unrelated
+     * app chrome.
+     *
+     * @default ASHEE_LAYER.tooltip
+     */
+    zIndex?: number;
     /**
      * Extra classes applied to every tooltip instance.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-config.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAElC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAMlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAUlD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}
+{"version":3,"file":"tooltip-config.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGjE;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAElC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAQlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAYlD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}

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

@@ -1,24 +1,28 @@
 "use client";
-import { registerComponentDefaults as o } from "../../libs/registry.js";
-const e = {
-  size: "md",
-  placement: "top",
-  delay: 200,
-  offset: 8,
-  showArrow: !1
-}, s = {
-  size: "md",
-  placement: "top",
-  variant: "solid",
-  color: "secondary",
-  delay: 200,
-  offset: 8,
-  radius: "md",
-  showArrow: !1,
-  className: ""
-};
-o("tooltip", e);
-export {
-  s as FALLBACK_TOOLTIP_CONFIG,
-  e as defaultTooltipConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+import { ASHEE_LAYER as t } from "../../utils/stacking.js";
+//#region src/components/tooltip/tooltip-config.ts
+var n = {
+	size: "md",
+	placement: "top",
+	delay: 200,
+	offset: 8,
+	showArrow: !1,
+	portal: !1,
+	zIndex: t.tooltip
+}, r = {
+	size: "md",
+	placement: "top",
+	variant: "solid",
+	color: "secondary",
+	delay: 200,
+	offset: 8,
+	radius: "md",
+	showArrow: !1,
+	portal: !1,
+	zIndex: t.tooltip,
+	className: ""
 };
+e("tooltip", n);
+//#endregion
+export { r as FALLBACK_TOOLTIP_CONFIG, n as defaultTooltipConfig };

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

@@ -1,19 +1,17 @@
 "use client";
-const t = {
-  sm: "px-2",
-  md: "px-3",
-  lg: "px-4"
-}, s = {
-  sm: "py-1",
-  md: "py-1.5",
-  lg: "py-2"
-}, x = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-};
-export {
-  x as TOOLTIP_FONT_CLASS,
-  t as TOOLTIP_PADDING_X_CLASS,
-  s as TOOLTIP_PADDING_Y_CLASS
+//#region src/components/tooltip/tooltip-styles.ts
+var e = {
+	sm: "px-2",
+	md: "px-3",
+	lg: "px-4"
+}, t = {
+	sm: "py-1",
+	md: "py-1.5",
+	lg: "py-2"
+}, n = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
 };
+//#endregion
+export { n as TOOLTIP_FONT_CLASS, e as TOOLTIP_PADDING_X_CLASS, t as TOOLTIP_PADDING_Y_CLASS };

package/dist/components/typography/Typography.d.ts

@@ -0,0 +1,60 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { TypographyLeading, TypographySize, TypographyTracking, TypographyWeight } from '../../shared';
+import { TypographyConfig } from './typography-config';
+/**
+ * Typography props. Combines the component configuration with the shared
+ * typography options and standard element attributes.
+ *
+ * The ARIA `role` attribute is intentionally not part of the inherited
+ * attributes: `role` here is the typography role, and letting both exist would
+ * make the prop ambiguous. Consumers who need an explicit ARIA role can wrap the
+ * component or render a semantic element through `as`.
+ */
+export interface TypographyProps extends TypographyConfig, Omit<HTMLAttributes<HTMLElement>, "color" | "role"> {
+    /**
+     * Element to render.
+     * Defaults to the semantic element implied by the resolved role.
+     */
+    as?: ElementType;
+    /**
+     * Size token override. Replaces the size part of the role's treatment.
+     */
+    size?: TypographySize;
+    /**
+     * Font-weight token override.
+     */
+    weight?: TypographyWeight;
+    /**
+     * Line-height token override.
+     */
+    leading?: TypographyLeading;
+    /**
+     * Letter-spacing token override.
+     */
+    tracking?: TypographyTracking;
+    /**
+     * Content to render.
+     */
+    children?: ReactNode;
+}
+/**
+ * Semantic text rendering.
+ *
+ * Resolution order follows the standard AsheeUI cascade: instance prop, then
+ * `components.typography` configuration, then the framework fallback. A role
+ * supplies size, weight, leading and tracking together; any explicit token prop
+ * replaces just that part of the treatment.
+ *
+ * @param props - Typography options and element attributes.
+ * @returns The rendered semantic element.
+ *
+ * @example
+ * ```tsx
+ * <Typography role="heading-lg">Dashboard</Typography>
+ * <Typography role="body-md" tone="muted" as="h2">A muted paragraph rendered as a heading</Typography>
+ * ```
+ *
+ * @see TYPOGRAPHY_ROLE_TOKEN - The documented role table.
+ */
+export declare const Typography: import('react').ForwardRefExoticComponent<TypographyProps & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Typography.d.ts.map

package/dist/components/typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAKL,KAAK,iBAAiB,EAEtB,KAAK,cAAc,EAEnB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAG7B;;;;;;;;GAQG;AACH,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACrD;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,yGAuFtB,CAAC"}

package/dist/components/typography/Typography.js

@@ -0,0 +1,28 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { TYPOGRAPHY_ALIGN_CLASS as t, TYPOGRAPHY_ROLE_DEFAULT_ELEMENT as n, TYPOGRAPHY_TONE_CLASS as r } from "../../shared/typography.js";
+import { useAsheeConfig as i } from "../../libs/context.js";
+import { resolveCascade as a } from "../../utils/resolve-token.js";
+import { FALLBACK_TYPOGRAPHY_CONFIG as o } from "./typography-config.js";
+import { resolveTypographyRoleClass as s } from "./typography-styles.js";
+import { forwardRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/typography/Typography.tsx
+var u = c(({ as: c, role: u, tone: d, align: f, truncate: p, size: m, weight: h, leading: g, tracking: _, className: v, children: y, ...b }, x) => {
+	let S = i().components?.typography, C = a(u, S?.role, void 0, o.role), w = a(d, S?.tone, void 0, o.tone), T = a(f, S?.align, void 0, void 0), E = a(p, S?.truncate, void 0, o.truncate), D = S?.roles?.[C], O = {
+		size: m ?? D?.size,
+		weight: h ?? D?.weight,
+		leading: g ?? D?.leading,
+		tracking: _ ?? D?.tracking
+	}, k = O.size !== void 0 || O.weight !== void 0 || O.leading !== void 0 || O.tracking !== void 0 ? s(C, O) : s(C), A = e(k, T ? t[T] : void 0, E && "truncate", r[w], S?.className, v), j = c ?? n[C];
+	return /* @__PURE__ */ l(j, {
+		ref: x,
+		className: A,
+		...b,
+		children: y
+	});
+});
+u.displayName = "Typography";
+//#endregion
+export { u as Typography };

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

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

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

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

package/dist/components/typography/index.js

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

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

@@ -0,0 +1,54 @@
+import { TypographyAlign, TypographyRole, TypographyRoleTokens, TypographyTone } from '../../shared';
+/**
+ * Configuration options for the Typography component.
+ *
+ * Set under `components.typography` in the AsheeUI configuration.
+ */
+export interface TypographyConfig {
+    /**
+     * Default semantic role.
+     * @default "body-md"
+     */
+    role?: TypographyRole;
+    /**
+     * Default colour treatment.
+     * @default "default"
+     */
+    tone?: TypographyTone;
+    /**
+     * Default text alignment. Unset means the alignment is inherited.
+     */
+    align?: TypographyAlign;
+    /**
+     * Whether text is truncated to a single line by default.
+     * @default false
+     */
+    truncate?: boolean;
+    /**
+     * Per-application role overrides.
+     *
+     * Each entry retunes the size/style tokens a role resolves to, so a role can
+     * keep its semantic meaning while the underlying typography changes. Values
+     * still come from the static class maps, so no class is built dynamically.
+     */
+    roles?: Partial<Record<TypographyRole, Partial<TypographyRoleTokens>>>;
+    /**
+     * Extra classes applied to every instance, before the instance `className`.
+     */
+    className?: string;
+}
+/**
+ * Default configuration registered for the Typography component.
+ * Intentionally empty: roles and tones have framework fallbacks.
+ */
+export declare const defaultTypographyConfig: TypographyConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        typography: TypographyConfig;
+    }
+}
+/**
+ * Hard fallback values used when no cascade tier provides a value.
+ */
+export declare const FALLBACK_TYPOGRAPHY_CONFIG: Required<Pick<TypographyConfig, "role" | "tone" | "truncate">>;
+//# sourceMappingURL=typography-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography-config.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAEvE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAAqB,CAAC;AAE5D,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAC/C,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAKrD,CAAC"}

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

@@ -0,0 +1,12 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/typography/typography-config.ts
+var t = {};
+e("typography", t);
+var n = {
+	role: "body-md",
+	tone: "default",
+	truncate: !1
+};
+//#endregion
+export { n as FALLBACK_TYPOGRAPHY_CONFIG, t as defaultTypographyConfig };

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

@@ -0,0 +1,21 @@
+import { TypographyRole, TypographyRoleTokens } from '../../shared';
+/**
+ * Compose a role's class string from its size/style tokens.
+ *
+ * @param tokens - Complete size/style tokens.
+ * @returns A space-separated class string of static utilities.
+ */
+export declare function composeTypographyRoleClass(tokens: TypographyRoleTokens): string;
+/**
+ * Resolve the class string for a semantic role.
+ *
+ * With no overrides the role's literal class string is returned directly. When
+ * a role has been retuned, the tokens are resolved (overrides on top of the
+ * role table) and composed from the static maps.
+ *
+ * @param role - Semantic role.
+ * @param overrides - Partial token overrides for the role.
+ * @returns A space-separated class string of static utilities.
+ */
+export declare function resolveTypographyRoleClass(role: TypographyRole, overrides?: Partial<TypographyRoleTokens>): string;
+//# sourceMappingURL=typography-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography-styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAGtB;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAO/E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,cAAc,EACpB,SAAS,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACxC,MAAM,CAcR"}

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

@@ -0,0 +1,19 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { TYPOGRAPHY_LEADING_CLASS as t, TYPOGRAPHY_ROLE_CLASS as n, TYPOGRAPHY_ROLE_TOKEN as r, TYPOGRAPHY_SIZE_CLASS as i, TYPOGRAPHY_TRACKING_CLASS as a, TYPOGRAPHY_WEIGHT_CLASS as o } from "../../shared/typography.js";
+//#region src/components/typography/typography-styles.ts
+function s(n) {
+	return e(i[n.size], o[n.weight], t[n.leading], a[n.tracking]);
+}
+function c(e, t) {
+	if (!t) return n[e];
+	let i = r[e];
+	return s({
+		size: t.size ?? i.size,
+		weight: t.weight ?? i.weight,
+		leading: t.leading ?? i.leading,
+		tracking: t.tracking ?? i.tracking
+	});
+}
+//#endregion
+export { s as composeTypographyRoleClass, c as resolveTypographyRoleClass };

package/dist/config/default-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-config.d.ts","sourceRoot":"","sources":["../../src/config/default-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,MAmC3B,CAAC"}
+{"version":3,"file":"default-config.d.ts","sourceRoot":"","sources":["../../src/config/default-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,MA0C3B,CAAC"}

package/dist/config/default-config.js

@@ -1,36 +1,13 @@
 "use client";
-import { defaultColorConfig as o } from "../theme/color.js";
-const t = {
-  /**
-   * Default color configuration with built-in light and dark themes.
-   */
-  color: o,
-  /**
-   * Default border radius for components.
-   * @default "md"
-   */
-  defaultRadius: "md",
-  /**
-   * Default theme setting following system preference.
-   * @default "system"
-   */
-  defaultTheme: "system",
-  /**
-   * Default variant for components.
-   * @default "solid"
-   */
-  defaultVariant: "solid",
-  /**
-   * Default color for components.
-   * @default "primary"
-   */
-  defaultColor: "primary",
-  /**
-   * Component-specific overrides.
-   * @default {}
-   */
-  components: {}
-};
-export {
-  t as defaultConfig
+import { defaultColorConfig as e } from "../theme/color.js";
+//#region src/config/default-config.ts
+var t = {
+	color: e,
+	defaultRadius: "xs",
+	defaultTheme: "system",
+	defaultVariant: "faded",
+	defaultColor: "primary",
+	components: {}
 };
+//#endregion
+export { t as defaultConfig };

package/dist/config/index.js

@@ -1,3 +1,4 @@
 export * from "./default-config.js";
 export * from "./resolve-color.js";
 export * from "./resolve-config.js";
+export * from "./validate-config.js";