asheeui 0.5.0

package/dist/components/sidebar/Sidebar.js

@@ -0,0 +1,355 @@
+"use client";
+import { jsxs as d, jsx as l, Fragment as R } from "react/jsx-runtime";
+import { cn as o } from "@asheeui/utils";
+import { useState as Te, useEffect as je, useCallback as V, useMemo as C } from "react";
+import { ArrowLeftIcon as ze } from "../../icons/ArrowLeftIcon.js";
+import { ChevronLeftIcon as Ke } from "../../icons/ChevronLeftIcon.js";
+import { ChevronRightIcon as Fe } from "../../icons/ChevronRightIcon.js";
+import { useAsheeConfig as He } from "../../libs/context.js";
+import { RADIUS_CLASS as T } from "../../shared/radius.js";
+import { resolveVariantClass as j } from "../../shared/variant.js";
+import { resolveCascade as s, resolveRadiusKey as z, resolveClassKey as K } from "../../utils/resolve-token.js";
+import { Button as F } from "../button/Button.js";
+import { Tooltip as Oe } from "../tooltip/Tooltip.js";
+import { FALLBACK_SIDEBAR_CONFIG as t } from "./sidebar-config.js";
+import { SIDEBAR_HEADER_CLASS as Pe, SIDEBAR_COLLAPSED_WIDTH_CLASS as Ge, SIDEBAR_EXPANDED_WIDTH_CLASS as Me, SIDEBAR_VARIANT_CLASS as We, SIDEBAR_SECTION_LABEL_CLASS as Ue, SIDEBAR_ITEM_CLASS as Xe } from "./sidebar-styles.js";
+function qe(f) {
+  return "items" in f && Array.isArray(f.items);
+}
+function Je({
+  items: f,
+  activeKey: H,
+  onSelect: h,
+  isCollapsed: c,
+  onCollapseChange: I,
+  title: x,
+  onBack: B,
+  backIcon: O,
+  userRole: u,
+  footer: b,
+  variant: P,
+  size: G,
+  radius: M,
+  itemRadius: W,
+  itemVariant: U,
+  activeItemColor: X,
+  backButtonVariant: q,
+  backButtonColor: J,
+  collapseButtonVariant: Q,
+  collapseButtonColor: Y,
+  showCollapseButton: Z,
+  collapsible: $,
+  defaultCollapsed: g,
+  showTooltips: ee,
+  tooltipPlacement: re,
+  headerClassName: te,
+  bodyClassName: le,
+  itemClassName: ae,
+  sectionLabelClassName: se,
+  footerClassName: k,
+  anchorProps: oe,
+  linkComponent: ne,
+  linkProps: ie,
+  className: de,
+  style: ce,
+  ...ue
+}) {
+  var D;
+  const m = He(), e = (D = m.components) == null ? void 0 : D.sidebar, N = s(
+    $,
+    e == null ? void 0 : e.collapsible,
+    void 0,
+    t.collapsible
+  ), _ = s(
+    Z,
+    e == null ? void 0 : e.showCollapseButton,
+    void 0,
+    t.showCollapseButton
+  ), me = s(
+    g,
+    e == null ? void 0 : e.defaultCollapsed,
+    void 0,
+    t.defaultCollapsed
+  ), [pe, y] = Te(
+    c ?? me
+  );
+  je(() => {
+    c !== void 0 && y(c);
+  }, [c]);
+  const a = c ?? pe, ve = V(() => {
+    if (!N) return;
+    const r = !a;
+    I ? I(r) : y(r);
+  }, [a, I, N]), i = s(
+    G,
+    e == null ? void 0 : e.size,
+    void 0,
+    t.size
+  ), fe = s(
+    P,
+    e == null ? void 0 : e.variant,
+    void 0,
+    t.variant
+  ), S = (r) => r === "full" ? "xl" : r, he = z(
+    S(M),
+    S(e == null ? void 0 : e.radius),
+    m.defaultRadius,
+    t.radius
+  ), A = z(
+    S(W),
+    S(e == null ? void 0 : e.itemRadius),
+    m.defaultRadius,
+    t.itemRadius
+  ), E = s(
+    U,
+    e == null ? void 0 : e.itemVariant,
+    m.defaultVariant,
+    t.itemVariant
+  ), be = s(
+    X,
+    e == null ? void 0 : e.activeItemColor,
+    m.defaultColor,
+    t.activeItemColor
+  ), Se = j(
+    E,
+    be
+  ), Ae = j(
+    "ghost",
+    "default"
+  ), Ie = s(
+    q,
+    e == null ? void 0 : e.backButtonVariant,
+    void 0,
+    t.backButtonVariant
+  ), xe = s(
+    J,
+    e == null ? void 0 : e.backButtonColor,
+    void 0,
+    t.backButtonColor
+  ), Be = s(
+    Q,
+    e == null ? void 0 : e.collapseButtonVariant,
+    void 0,
+    t.collapseButtonVariant
+  ), Ne = s(
+    Y,
+    e == null ? void 0 : e.collapseButtonColor,
+    void 0,
+    t.collapseButtonColor
+  ), ke = s(
+    ee,
+    e == null ? void 0 : e.showTooltips,
+    void 0,
+    t.showTooltips
+  ), _e = s(
+    re,
+    e == null ? void 0 : e.tooltipPlacement,
+    void 0,
+    t.tooltipPlacement
+  ), p = f, w = C(() => {
+    if (!p) return [];
+    const r = p[0];
+    return r ? qe(r) ? p : [
+      {
+        id: "__root",
+        label: void 0,
+        items: p
+      }
+    ] : [];
+  }, [p]), ye = C(() => w.filter((r) => !r.roles || r.roles.length === 0 ? !0 : u ? r.roles.includes(u) : !1).map((r) => {
+    var n;
+    return {
+      ...r,
+      items: (n = r.items) == null ? void 0 : n.filter((v) => !v.roles || v.roles.length === 0 ? !0 : u ? v.roles.includes(u) : !1)
+    };
+  }).filter((r) => r.items && r.items.length > 0), [w, u]), Ee = V(
+    (r, n) => {
+      if (n.disabled) {
+        r.preventDefault();
+        return;
+      }
+      h == null || h(n);
+    },
+    [h]
+  ), we = a ? Ge[i] : Me[i], De = (r) => {
+    const n = r.id === H, v = o(
+      "w-full flex items-center gap-3 transition-all truncate no-underline",
+      Xe[i],
+      a ? "justify-center px-0" : "justify-start",
+      n && "font-medium",
+      // Use the resolved variant classes
+      n ? Se : Ae,
+      // Disabled styles
+      r.disabled && "opacity-50 cursor-not-allowed pointer-events-none",
+      // Radius
+      K(
+        E === "underlined" ? "none" : A,
+        T,
+        t.itemRadius
+      ),
+      ae
+    ), Re = ne || "a", Ve = {
+      href: r.disabled ? void 0 : r.href,
+      target: r.target,
+      rel: r.rel,
+      onClick: (Ce) => Ee(Ce, r),
+      className: v,
+      ...oe,
+      ...ie || {}
+    }, L = /* @__PURE__ */ d(Re, { ...Ve, children: [
+      r.icon && /* @__PURE__ */ l(
+        "span",
+        {
+          className: o(
+            "shrink-0 flex items-center justify-center",
+            a && "w-full"
+            // Make the icon span take full width in collapsed mode
+          ),
+          children: r.icon
+        }
+      ),
+      !a && /* @__PURE__ */ d(R, { children: [
+        /* @__PURE__ */ l("span", { className: "truncate flex-1 text-left", children: r.label }),
+        r.badge && /* @__PURE__ */ l("span", { className: "shrink-0", children: r.badge })
+      ] })
+    ] }, String(r.id));
+    return a && ke ? /* @__PURE__ */ l(
+      Oe,
+      {
+        content: r.label,
+        placement: _e,
+        variant: (e == null ? void 0 : e.tooltipVariant) ?? t.tooltipVariant,
+        color: (e == null ? void 0 : e.tooltipColor) ?? t.tooltipColor,
+        radius: A,
+        children: L
+      },
+      String(r.id)
+    ) : L;
+  }, Le = (r) => !r.items || r.items.length === 0 ? null : /* @__PURE__ */ d("div", { className: "flex flex-col gap-0.5", children: [
+    !a && r.label && /* @__PURE__ */ l(
+      "div",
+      {
+        className: o(
+          "text-foreground/70 font-medium uppercase tracking-wider truncate",
+          Ue[i],
+          se
+        ),
+        children: r.label
+      }
+    ),
+    r.items.map(De)
+  ] }, String(r.id));
+  return /* @__PURE__ */ d(
+    "aside",
+    {
+      className: o(
+        "h-full flex flex-col transition-all duration-200 select-none shrink-0",
+        we,
+        We[fe],
+        K(
+          he,
+          T,
+          t.radius
+        ),
+        de
+      ),
+      style: ce,
+      ...ue,
+      children: [
+        (B || x) && /* @__PURE__ */ d(
+          "div",
+          {
+            className: o(
+              "flex items-center gap-3 border-b border-border border-dashed shrink-0",
+              Pe[i],
+              a && "justify-center px-0",
+              te
+            ),
+            children: [
+              B && /* @__PURE__ */ l(
+                F,
+                {
+                  icon: !0,
+                  "aria-label": "Go back",
+                  variant: Ie,
+                  color: xe,
+                  size: i,
+                  radius: A,
+                  onClick: B,
+                  className: "shrink-0",
+                  children: /* @__PURE__ */ l(
+                    "span",
+                    {
+                      className: o(
+                        "flex items-center justify-center transition-transform duration-200"
+                      ),
+                      children: O ?? /* @__PURE__ */ l(ze, { className: "size-4" })
+                    }
+                  )
+                }
+              ),
+              !a && x && /* @__PURE__ */ l("span", { className: "font-semibold text-foreground truncate tracking-tight transition-opacity duration-200", children: x })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "nav",
+          {
+            className: o(
+              "flex-1 overflow-y-auto py-3 px-2 flex flex-col gap-3 scrollbar-hide",
+              le
+            ),
+            children: ye.map(Le)
+          }
+        ),
+        _ && N && /* @__PURE__ */ d(
+          "div",
+          {
+            className: o(
+              "border-t border-border shrink-0",
+              a ? "p-2" : "p-3",
+              k
+            ),
+            children: [
+              !a && b && /* @__PURE__ */ l("div", { className: "mb-2", children: b }),
+              /* @__PURE__ */ l(
+                F,
+                {
+                  icon: !0,
+                  "aria-label": a ? "Expand sidebar" : "Collapse sidebar",
+                  variant: Be,
+                  color: Ne,
+                  size: i,
+                  radius: A,
+                  onClick: ve,
+                  className: o(
+                    "w-full",
+                    a ? "justify-center px-0" : "justify-start"
+                  ),
+                  children: /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: a ? /* @__PURE__ */ l(Fe, { className: "size-4" }) : /* @__PURE__ */ d(R, { children: [
+                    /* @__PURE__ */ l(Ke, { className: "size-4" }),
+                    /* @__PURE__ */ l("span", { className: "text-sm", children: "Collapse" })
+                  ] }) })
+                }
+              )
+            ]
+          }
+        ),
+        !_ && b && /* @__PURE__ */ l(
+          "div",
+          {
+            className: o(
+              "border-t border-border shrink-0 p-3",
+              k
+            ),
+            children: b
+          }
+        )
+      ]
+    }
+  );
+}
+Je.displayName = "Sidebar";
+export {
+  Je as Sidebar
+};

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

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

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

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

package/dist/components/sidebar/index.js

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

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

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+import { Radius } from '../../shared/radius';
+import { Size } from '../../shared/size';
+import { Color, Variant } from '../../shared/variant';
+import { TooltipPlacement } from '../tooltip/tooltip-config';
+export type SidebarSizeKey = Size;
+export type SidebarVariant = "default" | "bordered" | "floating" | "ghost";
+export interface SidebarItem<T = string> {
+    /** Unique item identifier. */
+    id: T;
+    /** Display label or title. */
+    label: ReactNode;
+    /** URL or path for navigation. */
+    href?: string;
+    /** Leading icon element. */
+    icon?: ReactNode;
+    /** Optional trailing badge element or count. */
+    badge?: ReactNode;
+    /** Role string list for optional visibility filtering. */
+    roles?: string[];
+    /** Disables click interaction. */
+    disabled?: boolean;
+    /** Target for link (e.g., "_blank"). */
+    target?: string;
+    /** Rel attribute for link. */
+    rel?: string;
+}
+export interface SidebarSection<T = string> {
+    /** Unique section identifier. */
+    id: T;
+    /** Display label or title. */
+    label?: ReactNode;
+    /** Optional array of sidebar items within the section. */
+    items?: SidebarItem<T>[];
+    /** Role string list for optional visibility filtering. */
+    roles?: string[];
+    /** Disables click interaction for the entire section. */
+    disabled?: boolean;
+}
+export type SidebarItems<T = string> = SidebarItem<T>[] | SidebarSection<T>[];
+export interface SidebarConfig {
+    size?: SidebarSizeKey;
+    variant?: SidebarVariant;
+    radius?: Radius;
+    itemRadius?: Radius;
+    itemVariant?: Variant;
+    activeItemColor?: Color;
+    backButtonVariant?: Variant;
+    backButtonColor?: Color;
+    collapseButtonVariant?: Variant;
+    collapseButtonColor?: Color;
+    showCollapseButton?: boolean;
+    showTooltips?: boolean;
+    tooltipPlacement?: TooltipPlacement;
+    tooltipVariant?: Variant;
+    tooltipColor?: Color;
+    animated?: boolean;
+    defaultCollapsed?: boolean;
+    collapsible?: boolean;
+}
+export declare const defaultSidebarConfig: SidebarConfig;
+export declare const FALLBACK_SIDEBAR_CONFIG: Required<SidebarConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        sidebar: SidebarConfig;
+    }
+}
+//# sourceMappingURL=sidebar-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-config.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,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;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAClC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM;IACrC,8BAA8B;IAC9B,EAAE,EAAE,CAAC,CAAC;IACN,8BAA8B;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,iCAAiC;IACjC,EAAE,EAAE,CAAC,CAAC;IACN,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;AAG9E,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,KAAK,CAAC;IAGxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC;IAGxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAG5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC;IAGrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,eAAO,MAAM,oBAAoB,EAAE,aAQlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAmBlD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}

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

@@ -0,0 +1,38 @@
+"use client";
+import { registerComponentDefaults as t } from "../../libs/registry.js";
+const o = {
+  size: "md",
+  showTooltips: !0,
+  tooltipPlacement: "right",
+  animated: !0,
+  defaultCollapsed: !1,
+  // Default to expanded
+  collapsible: !0,
+  // Default to collapsible
+  showCollapseButton: !0
+  // Default to showing collapse button
+}, a = {
+  size: "md",
+  variant: "default",
+  radius: "none",
+  itemRadius: "md",
+  itemVariant: "solid",
+  activeItemColor: "primary",
+  backButtonVariant: "ghost",
+  backButtonColor: "secondary",
+  collapseButtonVariant: "ghost",
+  collapseButtonColor: "secondary",
+  showTooltips: !0,
+  tooltipPlacement: "right",
+  tooltipVariant: "solid",
+  tooltipColor: "secondary",
+  animated: !0,
+  defaultCollapsed: !1,
+  collapsible: !0,
+  showCollapseButton: !0
+};
+t("sidebar", o);
+export {
+  a as FALLBACK_SIDEBAR_CONFIG,
+  o as defaultSidebarConfig
+};

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

@@ -0,0 +1,8 @@
+import { SidebarSizeKey, SidebarVariant } from './sidebar-config';
+export declare const SIDEBAR_EXPANDED_WIDTH_CLASS: Record<SidebarSizeKey, string>;
+export declare const SIDEBAR_COLLAPSED_WIDTH_CLASS: Record<SidebarSizeKey, string>;
+export declare const SIDEBAR_HEADER_CLASS: Record<SidebarSizeKey, string>;
+export declare const SIDEBAR_SECTION_LABEL_CLASS: Record<SidebarSizeKey, string>;
+export declare const SIDEBAR_ITEM_CLASS: Record<SidebarSizeKey, string>;
+export declare const SIDEBAR_VARIANT_CLASS: Record<SidebarVariant, string>;
+//# sourceMappingURL=sidebar-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-styles.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIvE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIxE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAItE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI7D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhE,CAAC"}

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

@@ -0,0 +1,35 @@
+"use client";
+const r = {
+  sm: "w-56",
+  md: "w-64",
+  lg: "w-72"
+}, o = {
+  sm: "w-16",
+  md: "w-18",
+  lg: "w-20"
+}, d = {
+  sm: "h-12 text-xs px-2.5",
+  md: "h-14 text-sm px-3",
+  lg: "h-16 text-base px-4"
+}, b = {
+  sm: "text-[10px] px-2 py-1.5",
+  md: "text-xs px-3 py-2",
+  lg: "text-sm px-4 py-2.5"
+}, e = {
+  sm: "h-9 text-xs px-2",
+  md: "h-11 text-sm px-3",
+  lg: "h-13 text-base px-4"
+}, t = {
+  default: "border-r border-border bg-background/80 backdrop-blur-xs",
+  bordered: "border-r-2 border-border bg-background/80 backdrop-blur-xs",
+  floating: "m-2 rounded-xl border border-border shadow-md bg-background/80 backdrop-blur-xs",
+  ghost: "border-none bg-background/80 backdrop-blur-xs"
+};
+export {
+  o as SIDEBAR_COLLAPSED_WIDTH_CLASS,
+  r as SIDEBAR_EXPANDED_WIDTH_CLASS,
+  d as SIDEBAR_HEADER_CLASS,
+  e as SIDEBAR_ITEM_CLASS,
+  b as SIDEBAR_SECTION_LABEL_CLASS,
+  t as SIDEBAR_VARIANT_CLASS
+};

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

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

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

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

package/dist/components/spinner/index.js

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

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

@@ -0,0 +1,49 @@
+import { Size } from '../../shared/size';
+import { Color } from '../../shared/variant';
+/** Pixel-size scale of the spinner. */
+export type SpinnerSizeKey = Size;
+/**
+ * Theme configuration options for the Spinner component.
+ *
+ * Set under `components.spinner` in the AsheeUI config. Values feed
+ * the component-level fallback tier of the theme cascade.
+ */
+export interface SpinnerConfig {
+    /** Pixel-size scale.
+     *
+     * @default "md"
+     */
+    size?: SpinnerSizeKey;
+    /** Theme accent color.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /** CSS `animation-duration` for one rotation.
+     *
+     * @default "0.75s"
+     */
+    speed?: string;
+    /** Extra classes applied to every spinner instance.
+     *
+     * @default ""
+     */
+    className?: string;
+}
+/**
+ * Default config values registered for the Spinner component.
+ *
+ * `color` is intentionally absent so it inherits from the global
+ * `defaultColor`.
+ */
+export declare const defaultSpinnerConfig: SpinnerConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_SPINNER_CONFIG: Required<SpinnerConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        spinner: SpinnerConfig;
+    }
+}
+//# sourceMappingURL=spinner-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-config.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAElC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAGlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAKlD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}

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

@@ -0,0 +1,16 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+const s = {
+  size: "md",
+  speed: "0.75s"
+}, o = {
+  size: "md",
+  color: "primary",
+  speed: "0.75s",
+  className: ""
+};
+e("spinner", s);
+export {
+  o as FALLBACK_SPINNER_CONFIG,
+  s as defaultSpinnerConfig
+};

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

@@ -0,0 +1,5 @@
+import { Color } from '../../shared/variant';
+import { SpinnerSizeKey } from './spinner-config';
+export declare const SPINNER_SIZE_CLASS: Record<SpinnerSizeKey, string>;
+export declare const SPINNER_COLOR_CLASS: Record<Color, string>;
+//# sourceMappingURL=spinner-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-styles.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAQrD,CAAC"}

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

@@ -0,0 +1,18 @@
+"use client";
+const e = {
+  sm: "w-3.5 h-3.5",
+  md: "w-4 h-4",
+  lg: "w-5 h-5"
+}, t = {
+  none: "text-background",
+  default: "text-secondary",
+  primary: "text-primary",
+  secondary: "text-secondary",
+  danger: "text-danger",
+  warning: "text-warning",
+  success: "text-success"
+};
+export {
+  t as SPINNER_COLOR_CLASS,
+  e as SPINNER_SIZE_CLASS
+};