@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Avatar/Avatar.mjs

@@ -0,0 +1,77 @@
+import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import { useState as b, useMemo as I } from "react";
+import { User as S } from "lucide-react";
+import e from "./Avatar.module.css.mjs";
+const j = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xxl",
+  "3xl": "xxxl",
+  "4xl": "xxxxl",
+  "5xl": "xxxxxl",
+  profile: "profile"
+}, p = [
+  "blue",
+  "green",
+  "purple",
+  "orange",
+  "red",
+  "teal",
+  "pink"
+], w = (a) => {
+  if (!a) return "blue";
+  let s = 0;
+  for (let l = 0; l < a.length; l++) {
+    const t = a.charCodeAt(l);
+    s = (s << 5) - s + t, s = s & s;
+  }
+  const r = Math.abs(s) % p.length;
+  return p[r];
+}, E = ({
+  src: a,
+  alt: s = "",
+  initials: r,
+  icon: l,
+  size: t = "md",
+  status: m,
+  interactive: d = !1,
+  color: c,
+  className: h,
+  ...f
+}) => {
+  const [g, u] = b(!1), N = j[t] || t, v = I(() => c || (r ? w(r) : "blue"), [c, r]), A = [
+    e.avatar,
+    e[N],
+    e[v],
+    d && e.interactive,
+    h
+  ].filter(Boolean).join(" "), n = a && !g, x = !n && r, i = !n && !x && l;
+  return /* @__PURE__ */ C("div", { className: A, ...f, children: [
+    n && /* @__PURE__ */ o(
+      "img",
+      {
+        src: a,
+        alt: s,
+        className: e.image,
+        onError: () => u(!0)
+      }
+    ),
+    x && /* @__PURE__ */ o("span", { className: e.initials, children: r }),
+    i && /* @__PURE__ */ o("span", { className: e.icon, children: l }),
+    !n && !x && !i && /* @__PURE__ */ o("span", { className: e.icon, children: /* @__PURE__ */ o(S, {}) }),
+    m && /* @__PURE__ */ o(
+      "span",
+      {
+        className: `${e.statusIndicator} ${e[m]}`,
+        "aria-label": `Status: ${m}`
+      }
+    )
+  ] });
+};
+E.displayName = "Avatar";
+export {
+  E as Avatar
+};

package/dist/components/Avatar/Avatar.module.css

@@ -0,0 +1 @@
+._avatar_mufx3_8{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-layer);border-radius:50%;-webkit-user-select:none;user-select:none;font-family:var(--font-secondary);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-fast)}._image_mufx3_30{width:100%;height:100%;object-fit:cover;border-radius:50%}._initials_mufx3_38{text-transform:uppercase;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}._icon_mufx3_48{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}._icon_mufx3_48 svg{width:100%;height:100%}._xs_mufx3_64{width:24px;height:24px;font-size:var(--font-size-10)}._xs_mufx3_64 ._icon_mufx3_48{width:12px;height:12px}._sm_mufx3_75{width:32px;height:32px;font-size:var(--font-size-12)}._sm_mufx3_75 ._icon_mufx3_48{width:16px;height:16px}._md_mufx3_86{width:40px;height:40px;font-size:var(--font-size-14)}._md_mufx3_86 ._icon_mufx3_48{width:20px;height:20px}._lg_mufx3_97{width:48px;height:48px;font-size:var(--font-size-16)}._lg_mufx3_97 ._icon_mufx3_48{width:24px;height:24px}._xl_mufx3_108{width:64px;height:64px;font-size:var(--font-size-20)}._xl_mufx3_108 ._icon_mufx3_48{width:32px;height:32px}._xxl_mufx3_119{width:96px;height:96px;font-size:var(--font-size-32)}._xxl_mufx3_119 ._icon_mufx3_48{width:48px;height:48px}._profile_mufx3_130{width:120px;height:120px;font-size:var(--font-size-48)}._profile_mufx3_130 ._icon_mufx3_48{width:56px;height:56px}._xxxl_mufx3_141{width:120px;height:120px;font-size:var(--font-size-48)}._xxxl_mufx3_141 ._icon_mufx3_48{width:56px;height:56px}._xxxxl_mufx3_152{width:160px;height:160px;font-size:var(--font-size-64)}._xxxxl_mufx3_152 ._icon_mufx3_48{width:72px;height:72px}._xxxxxl_mufx3_163{width:200px;height:200px;font-size:var(--font-size-80)}._xxxxxl_mufx3_163 ._icon_mufx3_48{width:96px;height:96px}._interactive_mufx3_178{cursor:pointer}._interactive_mufx3_178:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._interactive_mufx3_178:active{transform:scale(.98)}._interactive_mufx3_178:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._statusIndicator_mufx3_200{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface-base)}._online_mufx3_212{background:var(--status-success)}._offline_mufx3_216{background:var(--text-tertiary)}._away_mufx3_220{background:var(--status-warning)}._busy_mufx3_224{background:var(--status-error)}._blue_mufx3_232{background:var(--color-brand-100);color:var(--color-brand-700)}._green_mufx3_237{background:var(--color-success-100);color:var(--color-success-700)}._purple_mufx3_242{background:var(--color-info-100);color:var(--color-info-700)}._orange_mufx3_247{background:var(--color-warning-100);color:var(--color-warning-700)}._red_mufx3_252{background:var(--color-error-100);color:var(--color-error-700)}._teal_mufx3_257{background:#d0f0eb;color:#0d6e67}._pink_mufx3_262{background:#f8d7e8;color:#ae3366}

package/dist/components/Avatar/Avatar.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x="_avatar_mufx3_8",_="_image_mufx3_30",n="_initials_mufx3_38",t="_icon_mufx3_48",e="_xs_mufx3_64",l="_sm_mufx3_75",s="_md_mufx3_86",o="_lg_mufx3_97",a="_xl_mufx3_108",i="_xxl_mufx3_119",u="_profile_mufx3_130",c="_xxxl_mufx3_141",f="_xxxxl_mufx3_152",m="_xxxxxl_mufx3_163",r="_interactive_mufx3_178",g="_statusIndicator_mufx3_200",p="_online_mufx3_212",d="_offline_mufx3_216",b="_away_mufx3_220",v="_busy_mufx3_224",y="_blue_mufx3_232",k="_green_mufx3_237",w="_purple_mufx3_242",I="_orange_mufx3_247",M="_red_mufx3_252",S="_teal_mufx3_257",j="_pink_mufx3_262",O={avatar:x,image:_,initials:n,icon:t,xs:e,sm:l,md:s,lg:o,xl:a,xxl:i,profile:u,xxxl:c,xxxxl:f,xxxxxl:m,interactive:r,statusIndicator:g,online:p,offline:d,away:b,busy:v,blue:y,green:k,purple:w,orange:I,red:M,teal:S,pink:j};exports.avatar=x;exports.away=b;exports.blue=y;exports.busy=v;exports.default=O;exports.green=k;exports.icon=t;exports.image=_;exports.initials=n;exports.interactive=r;exports.lg=o;exports.md=s;exports.offline=d;exports.online=p;exports.orange=I;exports.pink=j;exports.profile=u;exports.purple=w;exports.red=M;exports.sm=l;exports.statusIndicator=g;exports.teal=S;exports.xl=a;exports.xs=e;exports.xxl=i;exports.xxxl=c;exports.xxxxl=f;exports.xxxxxl=m;

package/dist/components/Avatar/Avatar.module.css.mjs

@@ -0,0 +1,59 @@
+const _ = "_avatar_mufx3_8", x = "_image_mufx3_30", n = "_initials_mufx3_38", t = "_icon_mufx3_48", s = "_xs_mufx3_64", o = "_sm_mufx3_75", e = "_md_mufx3_86", l = "_lg_mufx3_97", u = "_xl_mufx3_108", a = "_xxl_mufx3_119", c = "_profile_mufx3_130", f = "_xxxl_mufx3_141", i = "_xxxxl_mufx3_152", m = "_xxxxxl_mufx3_163", r = "_interactive_mufx3_178", p = "_statusIndicator_mufx3_200", g = "_online_mufx3_212", d = "_offline_mufx3_216", y = "_away_mufx3_220", b = "_busy_mufx3_224", v = "_blue_mufx3_232", k = "_green_mufx3_237", w = "_purple_mufx3_242", I = "_orange_mufx3_247", h = "_red_mufx3_252", j = "_teal_mufx3_257", q = "_pink_mufx3_262", z = {
+  avatar: _,
+  image: x,
+  initials: n,
+  icon: t,
+  xs: s,
+  sm: o,
+  md: e,
+  lg: l,
+  xl: u,
+  xxl: a,
+  profile: c,
+  xxxl: f,
+  xxxxl: i,
+  xxxxxl: m,
+  interactive: r,
+  statusIndicator: p,
+  online: g,
+  offline: d,
+  away: y,
+  busy: b,
+  blue: v,
+  green: k,
+  purple: w,
+  orange: I,
+  red: h,
+  teal: j,
+  pink: q
+};
+export {
+  _ as avatar,
+  y as away,
+  v as blue,
+  b as busy,
+  z as default,
+  k as green,
+  t as icon,
+  x as image,
+  n as initials,
+  r as interactive,
+  l as lg,
+  e as md,
+  d as offline,
+  g as online,
+  I as orange,
+  q as pink,
+  c as profile,
+  w as purple,
+  h as red,
+  o as sm,
+  p as statusIndicator,
+  j as teal,
+  u as xl,
+  s as xs,
+  a as xxl,
+  f as xxxl,
+  i as xxxxl,
+  m as xxxxxl
+};

package/dist/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,68 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Avatar sizes
+ */
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "profile";
+/**
+ * Avatar colors
+ */
+export type AvatarColor = "blue" | "green" | "purple" | "orange" | "red" | "teal" | "pink";
+/**
+ * Avatar component props
+ *
+ * @example
+ * ```tsx
+ * // With image
+ * <Avatar src="/user.jpg" alt="John Doe" />
+ *
+ * // With initials and explicit color
+ * <Avatar initials="JD" color="blue" />
+ *
+ * // With initials and auto-derived color (deterministic from initials)
+ * <Avatar initials="JD" />
+ *
+ * // With icon
+ * <Avatar icon={<UserIcon />} />
+ * ```
+ */
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Avatar image source
+     */
+    src?: string;
+    /**
+     * Alt text for image
+     */
+    alt?: string;
+    /**
+     * User initials (fallback if no image)
+     */
+    initials?: string;
+    /**
+     * Icon element (fallback if no image or initials)
+     */
+    icon?: ReactNode;
+    /**
+     * Avatar size
+     * @default 'md'
+     */
+    size?: AvatarSize;
+    /**
+     * Avatar background color
+     * When not provided, auto-derived from initials using a deterministic hash
+     * (same initials always get the same color)
+     */
+    color?: AvatarColor;
+    /**
+     * Show online status indicator
+     * @default false
+     */
+    status?: "online" | "offline" | "away" | "busy";
+    /**
+     * Make avatar clickable
+     * @default false
+     */
+    interactive?: boolean;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

package/dist/components/Avatar/Avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,CAAC;AAEX;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

@@ -0,0 +1,15 @@
+/**
+ * Avatar Component - User/entity profile images.
+ *
+ * @example
+ * ```tsx
+ * import { Avatar } from '@orion-ds/react';
+ *
+ * <Avatar src="/user.jpg" name="John Doe" />
+ * <Avatar name="Jane Smith" /> // Shows initials "JS"
+ * <Avatar src="/profile.jpg" size="lg" />
+ * ```
+ */
+export { Avatar } from './Avatar';
+export type { AvatarProps, AvatarSize } from './Avatar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./Badge.module.css.cjs"),s=({variant:t="neutral",size:d="md",dot:l=!1,className:n,children:r,...u})=>{const o=[e.default.badge,e.default[t],e.default[d],n].filter(Boolean).join(" ");return a.jsxs("span",{className:o,...u,children:[l&&a.jsx("span",{className:e.default.dot,"aria-hidden":"true"}),r]})};s.displayName="Badge";exports.Badge=s;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { BadgeProps } from './Badge.types';
+
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkBtC,CAAC"}

package/dist/components/Badge/Badge.mjs

@@ -0,0 +1,20 @@
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import a from "./Badge.module.css.mjs";
+const i = ({
+  variant: s = "neutral",
+  size: e = "md",
+  dot: r = !1,
+  className: o,
+  children: t,
+  ...l
+}) => {
+  const n = [a.badge, a[s], a[e], o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("span", { className: n, ...l, children: [
+    r && /* @__PURE__ */ m("span", { className: a.dot, "aria-hidden": "true" }),
+    t
+  ] });
+};
+i.displayName = "Badge";
+export {
+  i as Badge
+};

package/dist/components/Badge/Badge.module.css

@@ -0,0 +1 @@
+._badge_1vgzi_8{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);white-space:nowrap;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none}._primary_1vgzi_32{background:var(--interactive-primary);color:var(--interactive-primary-text)}._secondary_1vgzi_38{background:var(--interactive-secondary);color:var(--text-primary)}._success_1vgzi_44{background:var(--soft-success);color:var(--status-success)}._error_1vgzi_50{background:var(--soft-error);color:var(--status-error)}._warning_1vgzi_56{background:var(--soft-warning);color:var(--status-warning)}._info_1vgzi_62{background:var(--soft-info);color:var(--status-info)}._brand_1vgzi_68{background:var(--soft-brand);color:var(--text-brand)}._inverse_1vgzi_75{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}._sm_1vgzi_85{height:20px;padding:0 var(--spacing-2);font-size:var(--font-size-10)}._md_1vgzi_91{height:24px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._lg_1vgzi_97{height:28px;padding:0 var(--spacing-4);font-size:var(--font-size-14)}._dot_1vgzi_107{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}[data-dark-bg=true] ._brand_1vgzi_68,[data-dark-bg=true] ._secondary_1vgzi_38{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}

package/dist/components/Badge/Badge.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_badge_1vgzi_8",r="_primary_1vgzi_32",_="_secondary_1vgzi_38",n="_success_1vgzi_44",e="_error_1vgzi_50",o="_warning_1vgzi_56",i="_info_1vgzi_62",c="_brand_1vgzi_68",g="_inverse_1vgzi_75",t="_sm_1vgzi_85",a="_md_1vgzi_91",d="_lg_1vgzi_97",v="_dot_1vgzi_107",m={badge:s,primary:r,secondary:_,success:n,error:e,warning:o,info:i,brand:c,inverse:g,sm:t,md:a,lg:d,dot:v};exports.badge=s;exports.brand=c;exports.default=m;exports.dot=v;exports.error=e;exports.info=i;exports.inverse=g;exports.lg=d;exports.md=a;exports.primary=r;exports.secondary=_;exports.sm=t;exports.success=n;exports.warning=o;

package/dist/components/Badge/Badge.module.css.mjs

@@ -0,0 +1,31 @@
+const _ = "_badge_1vgzi_8", s = "_primary_1vgzi_32", n = "_secondary_1vgzi_38", r = "_success_1vgzi_44", o = "_error_1vgzi_50", i = "_warning_1vgzi_56", c = "_info_1vgzi_62", g = "_brand_1vgzi_68", e = "_inverse_1vgzi_75", t = "_sm_1vgzi_85", a = "_md_1vgzi_91", d = "_lg_1vgzi_97", v = "_dot_1vgzi_107", z = {
+  badge: _,
+  primary: s,
+  secondary: n,
+  success: r,
+  error: o,
+  warning: i,
+  info: c,
+  brand: g,
+  inverse: e,
+  sm: t,
+  md: a,
+  lg: d,
+  dot: v
+};
+export {
+  _ as badge,
+  g as brand,
+  z as default,
+  v as dot,
+  o as error,
+  c as info,
+  e as inverse,
+  d as lg,
+  a as md,
+  s as primary,
+  n as secondary,
+  t as sm,
+  r as success,
+  i as warning
+};

package/dist/components/Badge/Badge.types.d.ts

@@ -0,0 +1,42 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Badge variants (status colors)
+ */
+export type BadgeVariant = "primary" | "secondary" | "success" | "error" | "warning" | "info" | "brand" | "inverse";
+/**
+ * Badge sizes
+ */
+export type BadgeSize = "sm" | "md" | "lg";
+/**
+ * Badge component props
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="error" size="sm">Error</Badge>
+ * <Badge variant="brand" dot>New</Badge>
+ * ```
+ */
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Badge visual variant
+     * @default 'secondary'
+     */
+    variant?: BadgeVariant;
+    /**
+     * Badge size
+     * @default 'md'
+     */
+    size?: BadgeSize;
+    /**
+     * Show dot indicator
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * Badge content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Badge.types.d.ts.map

package/dist/components/Badge/Badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,16 @@
+/**
+ * Badge Component - Status indicators and counts.
+ *
+ * @example
+ * ```tsx
+ * import { Badge } from '@orion-ds/react';
+ *
+ * <Badge>Default</Badge>
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="error">Failed</Badge>
+ * <Badge variant="brand" size="sm">New</Badge>
+ * ```
+ */
+export { Badge } from './Badge';
+export type { BadgeProps, BadgeVariant, BadgeSize } from './Badge.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Banner/Banner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),$=require("lucide-react"),s=require("./Banner.module.css.cjs"),l=require("../Button/Button.cjs"),j=({eyebrow:a,title:x,description:c,ctaLabel:i,ctaHref:d,secondaryCtaLabel:n,secondaryCtaHref:r,variant:t="default",backgroundImage:o,sideImage:u,imagePosition:p="right",backgroundColor:m,gradient:h,dismissible:N=!1,onDismiss:B,fullWidth:g=!1,compact:v=!1,centered:y=!0,className:w,style:q,...k})=>{const S={...q,...o&&t==="image"&&{backgroundImage:`url(${o})`},...m&&{backgroundColor:m},...h&&t==="gradient"&&{background:h}},f=()=>e.jsxs("div",{className:s.default.content,children:[a&&e.jsx("span",{className:s.default.eyebrow,children:a}),e.jsx("h2",{className:s.default.title,children:x}),c&&e.jsx("p",{className:s.default.description,children:c}),(i||n)&&e.jsxs("div",{className:s.default.actions,children:[i&&d&&e.jsx(l.Button,{variant:t==="split"?"primary":"inverse",onClick:()=>window.location.href=d,children:i}),n&&r&&e.jsx(l.Button,{variant:t==="split"?"secondary":"ghost",onClick:()=>window.location.href=r,children:n})]})]});return e.jsxs("section",{className:`${s.default.banner} ${w||""}`,"data-variant":t,"data-compact":v,"data-centered":y&&t!=="split","data-full-width":g,style:S,...k,children:[e.jsx("div",{className:s.default.container,children:t==="split"&&u?e.jsxs("div",{className:s.default.splitLayout,"data-image-position":p,children:[e.jsx("div",{className:s.default.splitContent,children:f()}),e.jsx("img",{src:u,alt:"",className:s.default.splitImage,"aria-hidden":"true"})]}):f()}),N&&e.jsx("div",{className:s.default.dismissButton,children:e.jsx(l.Button,{iconOnly:!0,icon:e.jsx($.X,{size:20}),variant:"ghost",onClick:B,"aria-label":"Dismiss banner"})})]})};j.displayName="Banner";exports.Banner=j;

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { BannerProps } from './Banner.types';
+
+/**
+ * Banner section for promotions and announcements
+ */
+export declare const Banner: React.FC<BannerProps>;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/Banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0GxC,CAAC"}

package/dist/components/Banner/Banner.mjs

@@ -0,0 +1,107 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { X as C } from "lucide-react";
+import s from "./Banner.module.css.mjs";
+import { Button as a } from "../Button/Button.mjs";
+const D = ({
+  eyebrow: c,
+  title: f,
+  description: r,
+  ctaLabel: t,
+  ctaHref: o,
+  secondaryCtaLabel: l,
+  secondaryCtaHref: d,
+  variant: e = "default",
+  backgroundImage: m,
+  sideImage: h,
+  imagePosition: g = "right",
+  backgroundColor: p,
+  gradient: N,
+  dismissible: v = !1,
+  onDismiss: w,
+  fullWidth: y = !1,
+  compact: B = !1,
+  centered: k = !0,
+  className: x,
+  style: $,
+  ...j
+}) => {
+  const z = {
+    ...$,
+    ...m && e === "image" && {
+      backgroundImage: `url(${m})`
+    },
+    ...p && { backgroundColor: p },
+    ...N && e === "gradient" && {
+      background: N
+    }
+  }, u = () => /* @__PURE__ */ n("div", { className: s.content, children: [
+    c && /* @__PURE__ */ i("span", { className: s.eyebrow, children: c }),
+    /* @__PURE__ */ i("h2", { className: s.title, children: f }),
+    r && /* @__PURE__ */ i("p", { className: s.description, children: r }),
+    (t || l) && /* @__PURE__ */ n("div", { className: s.actions, children: [
+      t && o && /* @__PURE__ */ i(
+        a,
+        {
+          variant: e === "split" ? "primary" : "inverse",
+          onClick: () => window.location.href = o,
+          children: t
+        }
+      ),
+      l && d && /* @__PURE__ */ i(
+        a,
+        {
+          variant: e === "split" ? "secondary" : "ghost",
+          onClick: () => window.location.href = d,
+          children: l
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ n(
+    "section",
+    {
+      className: `${s.banner} ${x || ""}`,
+      "data-variant": e,
+      "data-compact": B,
+      "data-centered": k && e !== "split",
+      "data-full-width": y,
+      style: z,
+      ...j,
+      children: [
+        /* @__PURE__ */ i("div", { className: s.container, children: e === "split" && h ? /* @__PURE__ */ n(
+          "div",
+          {
+            className: s.splitLayout,
+            "data-image-position": g,
+            children: [
+              /* @__PURE__ */ i("div", { className: s.splitContent, children: u() }),
+              /* @__PURE__ */ i(
+                "img",
+                {
+                  src: h,
+                  alt: "",
+                  className: s.splitImage,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : u() }),
+        v && /* @__PURE__ */ i("div", { className: s.dismissButton, children: /* @__PURE__ */ i(
+          a,
+          {
+            iconOnly: !0,
+            icon: /* @__PURE__ */ i(C, { size: 20 }),
+            variant: "ghost",
+            onClick: w,
+            "aria-label": "Dismiss banner"
+          }
+        ) })
+      ]
+    }
+  );
+};
+D.displayName = "Banner";
+export {
+  D as Banner
+};

package/dist/components/Banner/Banner.module.css

@@ -0,0 +1 @@
+._banner_1v4qv_5{position:relative;padding:var(--spacing-16) var(--spacing-4);overflow:hidden}._banner_1v4qv_5[data-compact=true]{padding:var(--spacing-8) var(--spacing-4)}._banner_1v4qv_5[data-variant=default]{background:var(--interactive-primary);color:var(--interactive-primary-text)}._banner_1v4qv_5[data-variant=gradient]{background:linear-gradient(135deg,var(--interactive-primary),var(--interactive-primary-hover));color:var(--interactive-primary-text)}._banner_1v4qv_5[data-variant=image]{background-size:cover;background-position:center;color:var(--text-on-dark)}._banner_1v4qv_5[data-variant=image]:before{content:"";position:absolute;inset:0;background:var(--overlay-dark)}._banner_1v4qv_5[data-variant=split]{background:var(--surface-subtle);color:var(--text-primary)}._container_1v4qv_49{position:relative;max-width:var(--container-width, 1200px);margin:0 auto;z-index:var(--z-dropdown)}._banner_1v4qv_5[data-full-width=true] ._container_1v4qv_49{max-width:none}._content_1v4qv_61{max-width:var(--size-modal-lg)}._banner_1v4qv_5[data-centered=true] ._content_1v4qv_61{margin:0 auto;text-align:center}._splitLayout_1v4qv_71{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}._splitLayout_1v4qv_71[data-image-position=left]{direction:rtl}._splitLayout_1v4qv_71[data-image-position=left]>*{direction:ltr}._splitContent_1v4qv_86{max-width:none}._splitImage_1v4qv_90{width:100%;height:auto;border-radius:var(--radius-container);object-fit:cover}._eyebrow_1v4qv_98{display:inline-block;font-size:var(--font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);border-radius:var(--radius-full)}._banner_1v4qv_5[data-variant=split] ._eyebrow_1v4qv_98{background:var(--interactive-primary);color:var(--interactive-primary-text)}._title_1v4qv_116{font-family:var(--font-primary);font-size:var(--font-size-48);font-weight:600;margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-tight);color:inherit}._banner_1v4qv_5[data-compact=true] ._title_1v4qv_116{font-size:var(--font-size-32)}._description_1v4qv_130{font-size:var(--font-size-20);color:currentColor;margin:0 0 var(--spacing-8) 0;line-height:var(--line-height-relaxed)}._banner_1v4qv_5[data-compact=true] ._description_1v4qv_130{font-size:var(--font-size-16);margin-bottom:var(--spacing-6)}._actions_1v4qv_143{display:flex;gap:var(--spacing-4);flex-wrap:wrap}._banner_1v4qv_5[data-centered=true] ._actions_1v4qv_143{justify-content:center}._dismissButton_1v4qv_154{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-modal)}._dismissButton_1v4qv_154 button{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:inherit}._dismissButton_1v4qv_154 button:hover{background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._banner_1v4qv_5[data-variant=split] ._dismissButton_1v4qv_154 button{background:var(--surface-subtle)}._banner_1v4qv_5[data-variant=split] ._dismissButton_1v4qv_154 button:hover{background:var(--surface-layer)}@media(max-width:768px){._banner_1v4qv_5{padding:var(--spacing-12) var(--spacing-4)}._title_1v4qv_116{font-size:var(--font-size-32)}._splitLayout_1v4qv_71{grid-template-columns:1fr;gap:var(--spacing-8)}._splitLayout_1v4qv_71[data-image-position=left]{direction:ltr}._actions_1v4qv_143{width:100%}}

package/dist/components/Banner/Banner.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_banner_1v4qv_5",n="_container_1v4qv_49",e="_content_1v4qv_61",s="_splitLayout_1v4qv_71",o="_splitContent_1v4qv_86",i="_splitImage_1v4qv_90",_="_eyebrow_1v4qv_98",c="_title_1v4qv_116",a="_description_1v4qv_130",v="_actions_1v4qv_143",l="_dismissButton_1v4qv_154",r={banner:t,container:n,content:e,splitLayout:s,splitContent:o,splitImage:i,eyebrow:_,title:c,description:a,actions:v,dismissButton:l};exports.actions=v;exports.banner=t;exports.container=n;exports.content=e;exports.default=r;exports.description=a;exports.dismissButton=l;exports.eyebrow=_;exports.splitContent=o;exports.splitImage=i;exports.splitLayout=s;exports.title=c;

package/dist/components/Banner/Banner.module.css.mjs

@@ -0,0 +1,27 @@
+const t = "_banner_1v4qv_5", n = "_container_1v4qv_49", s = "_content_1v4qv_61", o = "_splitLayout_1v4qv_71", _ = "_splitContent_1v4qv_86", e = "_splitImage_1v4qv_90", i = "_eyebrow_1v4qv_98", c = "_title_1v4qv_116", v = "_description_1v4qv_130", a = "_actions_1v4qv_143", l = "_dismissButton_1v4qv_154", p = {
+  banner: t,
+  container: n,
+  content: s,
+  splitLayout: o,
+  splitContent: _,
+  splitImage: e,
+  eyebrow: i,
+  title: c,
+  description: v,
+  actions: a,
+  dismissButton: l
+};
+export {
+  a as actions,
+  t as banner,
+  n as container,
+  s as content,
+  p as default,
+  v as description,
+  l as dismissButton,
+  i as eyebrow,
+  _ as splitContent,
+  e as splitImage,
+  o as splitLayout,
+  c as title
+};

package/dist/components/Banner/Banner.types.d.ts

@@ -0,0 +1,101 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Banner variant styles
+ */
+export type BannerVariant = "default" | "gradient" | "image" | "split";
+/**
+ * Banner section props
+ *
+ * @example
+ * ```tsx
+ * <Banner
+ *   title="Summer Sale"
+ *   description="Up to 50% off on selected items"
+ *   ctaLabel="Shop Now"
+ *   ctaHref="/sale"
+ *   variant="gradient"
+ * />
+ * ```
+ */
+export interface BannerProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow/badge text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Banner title
+     */
+    title: ReactNode;
+    /**
+     * Banner description
+     */
+    description?: ReactNode;
+    /**
+     * Primary CTA button label
+     */
+    ctaLabel?: string;
+    /**
+     * Primary CTA button href
+     */
+    ctaHref?: string;
+    /**
+     * Secondary CTA label
+     */
+    secondaryCtaLabel?: string;
+    /**
+     * Secondary CTA href
+     */
+    secondaryCtaHref?: string;
+    /**
+     * Banner variant
+     * @default 'default'
+     */
+    variant?: BannerVariant;
+    /**
+     * Background image URL (for 'image' and 'split' variants)
+     */
+    backgroundImage?: string;
+    /**
+     * Side image URL (for 'split' variant)
+     */
+    sideImage?: string;
+    /**
+     * Image position for split variant
+     * @default 'right'
+     */
+    imagePosition?: "left" | "right";
+    /**
+     * Custom background color
+     */
+    backgroundColor?: string;
+    /**
+     * Custom gradient (overrides default)
+     */
+    gradient?: string;
+    /**
+     * Dismissible banner
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * On dismiss callback
+     */
+    onDismiss?: () => void;
+    /**
+     * Full width (no max-width constraint)
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Center content
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=Banner.types.d.ts.map

package/dist/components/Banner/Banner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvE;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}