@orion-ds/react 5.5.4 → 5.7.0

package/README.md

@@ -9,6 +9,23 @@ TypeScript-first React component library built on the Orion Design System. Featu
 [![Bundle Size](<https://img.shields.io/badge/bundle-2.8MB--4.7MB%20(minified)-orange>)](#)
 [![Optional Deps](https://img.shields.io/badge/optional%20deps-1MB%20savings-success)](./BUNDLE_OPTIMIZATION.md)
 
+## 🎉 What's New in v5.7.0
+
+**Semantic Token Aliases** (Mar 27, 2026):
+
+- ✨ **Font-Size Semantic Aliases** - 8 named aliases (`xs`, `sm`, `base`, `md`, `lg`, `xl`, `2xl`, `3xl`) for typography scale
+- ✨ **Z-Index Semantic Tokens** - 8 stacking context tokens (`base`, `dropdown`, `sticky`, `overlay`, `modal`, `popover`, `tooltip`, `toast`)
+- 🔧 **TypeScript Integration** - Full type definitions for new semantic token categories
+- 🎯 **CSS Variable References** - All tokens mapped to primitives for automatic dark mode + brand switching
+
+**Previous releases** (v5.6.0 - Mar 26):
+
+- Official Tailwind CSS Preset with 46+ color mappings and 19 spacing scales
+- Box component for type-safe spacing/surfaces
+- @layer orion CSS cascade for Tailwind compatibility
+
+[Full release notes](https://github.com/alfredorodrigueztasso/orion/releases/tag/v5.7.0) | [v5.6.0 notes](https://github.com/alfredorodrigueztasso/orion/releases/tag/v5.6.0)
+
 ## Features
 
 - 🤖 **AI-First Design** - Optimized for AI/LLM code generation (see AI_GUIDE.md)
@@ -48,7 +65,7 @@ This puts it in `dependencies` where it belongs.
 \`\`\`json
 {
 "dependencies": {
-"@orion-ds/react": "^5.5.2",
+"@orion-ds/react": "^5.7.0",
 "react": "^19.0.0",
 "react-dom": "^19.0.0"
 },
@@ -151,7 +168,7 @@ Check your `package.json` - should be in `dependencies`:
 \`\`\`json
 {
 "dependencies": {
-"@orion-ds/react": "^5.5.2" // ✅ Runtime dependency
+"@orion-ds/react": "^5.6.0" // ✅ Runtime dependency
 }
 }
 \`\`\`
@@ -181,32 +198,50 @@ import App from './App';
 
 ---
 
-### Mistake 3: Using Tailwind utilities alongside Orion
+### Using Tailwind CSS with Orion (NEW in v5.6.0! ✨)
 
-**❌ WRONG:**
-\`\`\`tsx
-<Button className="gap-4 p-8">Click me</Button>
+**v5.6.0 introduces official Tailwind CSS preset support!** You can now use Tailwind utilities alongside Orion components seamlessly.
+
+#### Setup (Tailwind v3)
+
+\`\`\`typescript
+// tailwind.config.ts
+import { orionPreset } from '@orion-ds/react/integrations/tailwind';
+
+export default {
+presets: [orionPreset],
+content: ['./src/**/*.{ts,tsx}'],
+};
 \`\`\`
 
-**Why it breaks**: Tailwind utilities (gap-_, p-_, etc.) conflict with Orion's CSS variables.
+#### Setup (Tailwind v4)
 
-**✅ CORRECT - Use Orion tokens:**
-\`\`\`tsx
-<Button style={{ gap: 'var(--spacing-4)', padding: 'var(--spacing-8)' }}>
-Click me
-</Button>
+\`\`\`css
+/_ tailwind.css _/
+@import 'tailwindcss';
+@import '@orion-ds/react/integrations/tailwind/v4.css';
 \`\`\`
 
-Or use Orion's built-in responsive system:
-\`\`\`tsx
-import { Stack } from '@orion-ds/react';
+#### Use Tailwind Utilities
 
-<Stack gap="spacing-4" padding="spacing-8">
-  <Button>Click me</Button>
-</Stack>
+Now you can use Orion tokens with Tailwind utilities:
+
+\`\`\`tsx
+// ✅ NOW WORKS - Mix Orion components with Tailwind utilities!
+import { Box, Button } from '@orion-ds/react';
+
+<Box className="flex gap-4 p-6">
+  <Button className="bg-surface-base text-text-primary">Click</Button>
+</Box>
+
+// All Orion tokens available as Tailwind utilities:
+// - Colors: bg-surface-base, text-text-primary, border-border-subtle, etc.
+// - Spacing: p-orion-4, gap-orion-6, m-orion-8, etc.
+// - Radius: rounded-button, rounded-container, rounded-sm, etc.
+// - Fonts: font-primary, font-secondary, font-mono
 \`\`\`
 
-For detailed Tailwind compatibility, see [COMPATIBILITY.md](./COMPATIBILITY.md).
+For complete Tailwind + Orion integration guide, see [TAILWIND_INTEGRATION.md](./TAILWIND_INTEGRATION.md).
 
 ## Quick Start
 
@@ -242,6 +277,42 @@ Switch to {theme === 'light' ? 'dark' : 'light'} mode
 }
 \`\`\`
 
+## Box Component (Type-Safe Layouts)
+
+**NEW in v5.6.0!** Use the `Box` component for guaranteed design token compliance in layouts:
+
+\`\`\`tsx
+import { Box, Button } from '@orion-ds/react';
+
+// Type-safe spacing, surfaces, and radius — no arbitrary pixel values possible!
+<Box
+  bg="surface-base"
+  p={4}           // Always a token value (16px)
+  radius="container"
+  className="flex gap-4"
+>
+  <Button>Click me</Button>
+</Box>
+
+// Polymorphic rendering
+<Box as="section" className="py-12">
+  {/* Renders as <section> instead of <div> */}
+</Box>
+
+// Padding with directional control
+<Box pX={6} pY={4}>
+  {/* padding-left/right: 24px, padding-top/bottom: 16px */}
+</Box>
+\`\`\`
+
+Benefits:
+- ✅ **Type-safe** - Only valid token values accepted (no `p="20px"`)
+- ✅ **Dark mode aware** - Automatically switches surfaces based on theme
+- ✅ **Brand aware** - Respects brand-specific radius and colors
+- ✅ **Polymorphic** - Render as any HTML element with `as` prop
+
+See [Box Component Documentation](https://github.com/alfredorodrigueztasso/orion#) for full API.
+
 ## 🤖 AI Integration (MCP)
 
 Orion includes an MCP (Model Context Protocol) server that lets AI agents generate Orion-compliant code automatically. Use with Claude Code, Cursor, Cline, and other AI tools.

package/dist/blocks.css

@@ -70,3 +70,4 @@
 ._root_9b4jw_3{width:100%;max-width:1000px;margin:0 auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}@media(max-width:768px){._root_9b4jw_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._headerCard_9b4jw_20{background:linear-gradient(135deg,var(--surface-layer),var(--surface-base))}._headerBody_9b4jw_28{padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}@media(max-width:768px){._headerBody_9b4jw_28{flex-direction:column;align-items:flex-start}}._headerContent_9b4jw_43{display:flex;align-items:center;gap:var(--spacing-4);flex:1}._avatar_9b4jw_50{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover}._avatarPlaceholder_9b4jw_57{width:100px;height:100px;border-radius:var(--radius-full);background:var(--interactive-primary);color:var(--interactive-primary-text);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:600}._userInfo_9b4jw_70{flex:1}._userName_9b4jw_74{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}._userEmail_9b4jw_81{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._userBio_9b4jw_87{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}._headerActions_9b4jw_94{display:flex;gap:var(--spacing-3)}@media(max-width:768px){._headerActions_9b4jw_94{width:100%;flex-direction:column}._headerActions_9b4jw_94 button{width:100%}}._error_9b4jw_110{padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-danger-subtle);color:var(--text-danger);font-size:var(--font-size-sm);border-left:4px solid var(--border-danger)}._tabsContainer_9b4jw_119{display:flex;flex-direction:column;gap:var(--spacing-4)}._tabs_9b4jw_119{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--border-subtle)}@media(max-width:640px){._tabs_9b4jw_119{overflow-x:auto}}._tabButton_9b4jw_137{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:color .15s ease,border-color .15s ease;white-space:nowrap}._tabButton_9b4jw_137:hover{color:var(--text-primary)}._tabButtonActive_9b4jw_156{color:var(--text-primary);border-bottom-color:var(--border-primary)}._tabContent_9b4jw_161{animation:_fadeIn_9b4jw_1 .15s ease}@keyframes _fadeIn_9b4jw_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._sectionTitle_9b4jw_176{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._sectionBody_9b4jw_183{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}._infoGrid_9b4jw_190{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}._infoItem_9b4jw_196{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-subtle);flex-wrap:wrap}._infoLabel_9b4jw_206{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:100px}._infoValue_9b4jw_215{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;flex:1}._securityItem_9b4jw_222{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control)}@media(max-width:768px){._securityItem_9b4jw_222{flex-direction:column;align-items:flex-start}._securityItem_9b4jw_222 button{width:100%}}._securityItemTitle_9b4jw_243{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._securityItemDescription_9b4jw_250{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._settingItem_9b4jw_256{padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-subtle)}._settingItem_9b4jw_256:last-child{border-bottom:none}._checkbox_9b4jw_265{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_9b4jw_265 input{width:18px;height:18px;cursor:pointer;accent-color:var(--interactive-primary)}._checkbox_9b4jw_265 input:disabled{opacity:.5;cursor:not-allowed}._checkbox_9b4jw_265 span{font-size:var(--font-size-sm);color:var(--text-primary)}
 
 ._root_1cdub_3{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--surface-base)}@media(max-width:768px){._root_1cdub_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_1cdub_20{display:flex;justify-content:space-between;align-items:center}._title_1cdub_26{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._unsavedBadge_1cdub_33{padding:var(--spacing-2) var(--spacing-3);background:var(--surface-warning-subtle);color:var(--text-warning);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:500}._container_1cdub_42{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6);flex:1}@media(max-width:1024px){._container_1cdub_42{grid-template-columns:200px 1fr;gap:var(--spacing-4)}}@media(max-width:768px){._container_1cdub_42{grid-template-columns:1fr;gap:var(--spacing-4)}}._sidebar_1cdub_63{display:flex;flex-direction:column;background:var(--surface-subtle);border-radius:var(--radius-control);overflow:hidden;border:1px solid var(--border-subtle)}@media(max-width:768px){._sidebar_1cdub_63{display:none}}._sidebarContent_1cdub_78{display:flex;flex-direction:column;padding:var(--spacing-2)}._navItem_1cdub_84{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-control);transition:background-color .15s ease,border-color .15s ease;border-left:3px solid transparent;margin:var(--spacing-1) 0}._navItem_1cdub_84:hover{background:var(--surface-layer)}._navItemActive_1cdub_102{background:var(--surface-base);border-left-color:var(--border-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}._navItemLabel_1cdub_108{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._navItemDescription_1cdub_114{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}._navItem_1cdub_84:disabled{opacity:.5;cursor:not-allowed}._content_1cdub_125{display:flex;flex-direction:column;gap:var(--spacing-4);overflow-y:auto}._errorMessage_1cdub_132{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-danger-subtle);color:var(--text-danger);border-radius:var(--radius-control);font-size:var(--font-size-sm);border-left:4px solid var(--border-danger)}._successMessage_1cdub_144{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-success-subtle);color:var(--text-success);border-radius:var(--radius-control);font-size:var(--font-size-sm);border-left:4px solid var(--border-success)}._sectionCard_1cdub_156{flex:1}._sectionTitle_1cdub_160{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._sectionDescription_1cdub_167{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._sectionBody_1cdub_173{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}@media(max-width:640px){._sectionBody_1cdub_173{padding:var(--spacing-4)}}._emptyState_1cdub_186{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:var(--font-size-sm)}._actions_1cdub_195{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}@media(max-width:640px){._actions_1cdub_195{flex-direction:column-reverse}._actions_1cdub_195 button{width:100%}}
+

package/dist/components/Box/Box.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),u=require("react"),l=require("./Box.module.css.cjs"),N={0:"0px",px:"var(--spacing-px)","05":"var(--spacing-05)",1:"var(--spacing-1)",2:"var(--spacing-2)",3:"var(--spacing-3)",4:"var(--spacing-4)",5:"var(--spacing-5)",6:"var(--spacing-6)",7:"var(--spacing-7)",8:"var(--spacing-8)",9:"var(--spacing-9)",10:"var(--spacing-10)",11:"var(--spacing-11)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",32:"var(--spacing-32)"},i=e=>N[e],d=u.forwardRef(({padding:e,paddingX:n,paddingY:c,paddingTop:o,paddingBottom:r,paddingLeft:t,paddingRight:v,bg:p,radius:g,as:f="div",className:m,style:x,children:y,...B},S)=>{const j=u.useMemo(()=>{const a={};if(e!==void 0){const s=i(e);a.paddingTop=s,a.paddingRight=s,a.paddingBottom=s,a.paddingLeft=s}if(n!==void 0){const s=i(n);a.paddingRight=s,a.paddingLeft=s}if(c!==void 0){const s=i(c);a.paddingTop=s,a.paddingBottom=s}return o!==void 0&&(a.paddingTop=i(o)),r!==void 0&&(a.paddingBottom=i(r)),t!==void 0&&(a.paddingLeft=i(t)),v!==void 0&&(a.paddingRight=i(v)),a},[e,n,c,o,r,t,v]),R=[p&&l.default[`bg-${p}`],g&&l.default[`radius-${g}`],m].filter(Boolean).join(" "),q={...j,...x};return M.jsx(f,{ref:S,className:R,style:q,...B,children:y})});d.displayName="Box";exports.Box=d;

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { BoxProps } from './Box.types';
+
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,aAAa,CAAC;AAmC1D,eAAO,MAAM,GAAG,8EA6Gf,CAAC"}

package/dist/components/Box/Box.mjs

@@ -0,0 +1,87 @@
+import { jsx as S } from "react/jsx-runtime";
+import j, { useMemo as M } from "react";
+import f from "./Box.module.css.mjs";
+const $ = {
+  0: "0px",
+  px: "var(--spacing-px)",
+  "05": "var(--spacing-05)",
+  1: "var(--spacing-1)",
+  2: "var(--spacing-2)",
+  3: "var(--spacing-3)",
+  4: "var(--spacing-4)",
+  5: "var(--spacing-5)",
+  6: "var(--spacing-6)",
+  7: "var(--spacing-7)",
+  8: "var(--spacing-8)",
+  9: "var(--spacing-9)",
+  10: "var(--spacing-10)",
+  11: "var(--spacing-11)",
+  12: "var(--spacing-12)",
+  16: "var(--spacing-16)",
+  20: "var(--spacing-20)",
+  24: "var(--spacing-24)",
+  32: "var(--spacing-32)"
+}, i = (o) => $[o], h = j.forwardRef(
+  ({
+    padding: o,
+    paddingX: r,
+    paddingY: c,
+    paddingTop: n,
+    paddingBottom: p,
+    paddingLeft: t,
+    paddingRight: v,
+    bg: e,
+    radius: g,
+    as: l = "div",
+    className: m,
+    style: d,
+    children: u,
+    ...x
+  }, y) => {
+    const B = M(() => {
+      const a = {};
+      if (o !== void 0) {
+        const s = i(o);
+        a.paddingTop = s, a.paddingRight = s, a.paddingBottom = s, a.paddingLeft = s;
+      }
+      if (r !== void 0) {
+        const s = i(r);
+        a.paddingRight = s, a.paddingLeft = s;
+      }
+      if (c !== void 0) {
+        const s = i(c);
+        a.paddingTop = s, a.paddingBottom = s;
+      }
+      return n !== void 0 && (a.paddingTop = i(n)), p !== void 0 && (a.paddingBottom = i(p)), t !== void 0 && (a.paddingLeft = i(t)), v !== void 0 && (a.paddingRight = i(v)), a;
+    }, [
+      o,
+      r,
+      c,
+      n,
+      p,
+      t,
+      v
+    ]), N = [
+      e && f[`bg-${e}`],
+      g && f[`radius-${g}`],
+      m
+    ].filter(Boolean).join(" "), R = {
+      ...B,
+      ...d
+    };
+    return /* @__PURE__ */ S(
+      l,
+      {
+        ref: y,
+        className: N,
+        style: R,
+        ...x,
+        children: u
+      }
+    );
+  }
+);
+h.displayName = "Box";
+export {
+  h as Box
+};

package/dist/components/Box/Box.module.css

@@ -0,0 +1 @@
+._box_1a34w_10{box-sizing:border-box}._bg-surface-base_1a34w_18{background:var(--surface-base)}._bg-surface-subtle_1a34w_22{background:var(--surface-subtle)}._bg-surface-layer_1a34w_26{background:var(--surface-layer)}._bg-surface-sunken_1a34w_30{background:var(--surface-sunken)}._bg-surface-glass_1a34w_34{background:var(--surface-glass)}._radius-sm_1a34w_42{border-radius:var(--radius-sm)}._radius-control_1a34w_46{border-radius:var(--radius-control)}._radius-container_1a34w_50{border-radius:var(--radius-container)}._radius-full_1a34w_54{border-radius:var(--radius-full)}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_box_1a34w_10",s={box:a,"bg-surface-base":"_bg-surface-base_1a34w_18","bg-surface-subtle":"_bg-surface-subtle_1a34w_22","bg-surface-layer":"_bg-surface-layer_1a34w_26","bg-surface-sunken":"_bg-surface-sunken_1a34w_30","bg-surface-glass":"_bg-surface-glass_1a34w_34","radius-sm":"_radius-sm_1a34w_42","radius-control":"_radius-control_1a34w_46","radius-container":"_radius-container_1a34w_50","radius-full":"_radius-full_1a34w_54"};exports.box=a;exports.default=s;

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

@@ -0,0 +1,16 @@
+const a = "_box_1a34w_10", s = {
+  box: a,
+  "bg-surface-base": "_bg-surface-base_1a34w_18",
+  "bg-surface-subtle": "_bg-surface-subtle_1a34w_22",
+  "bg-surface-layer": "_bg-surface-layer_1a34w_26",
+  "bg-surface-sunken": "_bg-surface-sunken_1a34w_30",
+  "bg-surface-glass": "_bg-surface-glass_1a34w_34",
+  "radius-sm": "_radius-sm_1a34w_42",
+  "radius-control": "_radius-control_1a34w_46",
+  "radius-container": "_radius-container_1a34w_50",
+  "radius-full": "_radius-full_1a34w_54"
+};
+export {
+  a as box,
+  s as default
+};

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

@@ -0,0 +1,99 @@
+import { ElementType, HTMLAttributes, PropsWithChildren } from 'react';
+
+/**
+ * Spacing scale for padding
+ * Maps to design system spacing tokens (--spacing-0, --spacing-1, etc.)
+ */
+export type SpacingScale = 0 | "px" | "05" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 20 | 24 | 32;
+/**
+ * Semantic surface colors
+ * Uses design system surface tokens for backgrounds
+ */
+export type SemanticSurface = "surface-base" | "surface-subtle" | "surface-layer" | "surface-sunken" | "surface-glass";
+/**
+ * Border radius options
+ * Maps to design system radius tokens
+ */
+export type Radius = "sm" | "control" | "container" | "full";
+/**
+ * Box component props
+ *
+ * A flexible layout primitive that handles padding and background styling using design tokens.
+ * Supports polymorphic rendering with the `as` prop.
+ *
+ * @example
+ * ```tsx
+ * // Basic box with padding
+ * <Box padding={4}>Content</Box>
+ *
+ * // With background and radius
+ * <Box padding={4} bg="surface-layer" radius="control">
+ *   Styled content
+ * </Box>
+ *
+ * // Directional padding
+ * <Box paddingX={4} paddingY={2}>
+ *   Horizontal padding: 16px, Vertical padding: 8px
+ * </Box>
+ *
+ * // Custom element type
+ * <Box as="section" padding={4} bg="surface-subtle">
+ *   Section content
+ * </Box>
+ * ```
+ */
+export interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+    /**
+     * Uniform padding on all sides
+     * Uses inline-style for clean CSS handling
+     */
+    padding?: SpacingScale;
+    /**
+     * Horizontal padding (left and right)
+     * Priority: paddingLeft/paddingRight > paddingX > padding
+     */
+    paddingX?: SpacingScale;
+    /**
+     * Vertical padding (top and bottom)
+     * Priority: paddingTop/paddingBottom > paddingY > padding
+     */
+    paddingY?: SpacingScale;
+    /**
+     * Top padding only
+     * Highest priority in vertical axis
+     */
+    paddingTop?: SpacingScale;
+    /**
+     * Bottom padding only
+     * Highest priority in vertical axis
+     */
+    paddingBottom?: SpacingScale;
+    /**
+     * Left padding only
+     * Highest priority in horizontal axis
+     */
+    paddingLeft?: SpacingScale;
+    /**
+     * Right padding only
+     * Highest priority in horizontal axis
+     */
+    paddingRight?: SpacingScale;
+    /**
+     * Background surface color
+     * Uses semantic surface tokens from design system
+     * @default undefined
+     */
+    bg?: SemanticSurface;
+    /**
+     * Border radius
+     * Maps to design system radius tokens
+     * @default undefined
+     */
+    radius?: Radius;
+    /**
+     * Custom element type to render as
+     * @default 'div'
+     */
+    as?: ElementType;
+}
+//# sourceMappingURL=Box.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,YAAY,GACpB,CAAC,GACD,IAAI,GACJ,IAAI,GACJ,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,CAAC;AAEP;;;GAGG;AACH,MAAM,MAAM,eAAe,GACvB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,eAAe,CAAC;AAEpB;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,QAAS,SAAQ,iBAAiB,CACjD,cAAc,CAAC,WAAW,CAAC,CAC5B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;;OAIG;IACH,EAAE,CAAC,EAAE,eAAe,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}

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

@@ -0,0 +1,9 @@
+/**
+ * Box Component
+ *
+ * A flexible layout primitive for spacing and background styling.
+ * Supports padding on all sides with semantic surface colors and border radius.
+ */
+export { Box } from './Box';
+export type { BoxProps, SpacingScale, SemanticSurface, Radius, } from './Box.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,MAAM,GACP,MAAM,aAAa,CAAC"}

package/dist/components/Button/Button.module.css

@@ -1 +1 @@
-._button_gjg2h_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid transparent;outline:none}._button_gjg2h_9:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._button_gjg2h_9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._primary_gjg2h_49{background:var(--interactive-primary);color:var(--interactive-primary-text)}._primary_gjg2h_49:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._primary_gjg2h_49:active:not(:disabled){transform:translateY(1px)}._secondary_gjg2h_65{background:var(--interactive-secondary);color:var(--interactive-secondary-text);border:1px solid var(--border-subtle)}._secondary_gjg2h_65:hover:not(:disabled){background:var(--interactive-secondary-hover);border-color:var(--border-subtle);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._secondary_gjg2h_65:active:not(:disabled){background:var(--surface-layer);transform:translateY(1px)}[data-theme=dark] ._secondary_gjg2h_65{background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);color:var(--text-primary);backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)));-webkit-backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)))}[data-theme=dark] ._secondary_gjg2h_65:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 22%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-theme=dark] ._secondary_gjg2h_65:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._secondaryInverse_gjg2h_104{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)}._secondaryInverse_gjg2h_104:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._secondaryInverse_gjg2h_104:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}._ghost_gjg2h_124{background:transparent;color:var(--text-primary)}._ghost_gjg2h_124:hover:not(:disabled){background:var(--interactive-ghost-hover);transform:translateY(var(--mode-hover-lift));box-shadow:0 0 0 4px color-mix(in srgb,var(--text-primary) 5%,transparent)}._ghost_gjg2h_124:active:not(:disabled){transform:scale(.98)}._ghostInverse_gjg2h_141{background:transparent;color:var(--color-neutral-0)}._ghostInverse_gjg2h_141:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);transform:translateY(var(--mode-hover-lift));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-neutral-0) 8%,transparent)}._ghostInverse_gjg2h_141:active:not(:disabled){transform:scale(.98)}._danger_gjg2h_157{background:var(--status-error);color:var(--color-neutral-0)}._danger_gjg2h_157:hover:not(:disabled){background:color-mix(in srgb,var(--status-error) 85%,var(--color-neutral-1000));transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._danger_gjg2h_157:active:not(:disabled){transform:translateY(1px)}._inverse_gjg2h_178{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}._inverse_gjg2h_178:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900));transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._inverse_gjg2h_178:active:not(:disabled){transform:translateY(1px)}[data-brand=lemon] ._inverse_gjg2h_178{color:var(--color-neutral-1000)}._sm_gjg2h_207{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12);border-radius:var(--radius-button)}._md_gjg2h_214{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16);border-radius:var(--radius-button)}._lg_gjg2h_221{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18);border-radius:var(--radius-button)}._fullWidth_gjg2h_233{width:100%}._iconOnly_gjg2h_238._sm_gjg2h_207{width:32px;padding:0}._iconOnly_gjg2h_238._md_gjg2h_214{width:40px;padding:0}._iconOnly_gjg2h_238._lg_gjg2h_221{width:48px;padding:0}._loading_gjg2h_256{position:relative;pointer-events:none}._spinner_gjg2h_261{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;animation:_spin_gjg2h_261 .6s linear infinite}._primary_gjg2h_49 ._spinner_gjg2h_261{border:2px solid var(--interactive-primary-text);border-top-color:transparent}._secondary_gjg2h_65 ._spinner_gjg2h_261{border:2px solid var(--text-primary);border-top-color:transparent}._secondaryInverse_gjg2h_104 ._spinner_gjg2h_261{border:2px solid var(--color-neutral-0);border-top-color:transparent}._ghost_gjg2h_124 ._spinner_gjg2h_261{border:2px solid var(--text-primary);border-top-color:transparent}._ghostInverse_gjg2h_141 ._spinner_gjg2h_261,._danger_gjg2h_157 ._spinner_gjg2h_261{border:2px solid var(--color-neutral-0);border-top-color:transparent}._inverse_gjg2h_178 ._spinner_gjg2h_261{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-brand=lemon] ._inverse_gjg2h_178 ._spinner_gjg2h_261{border:2px solid var(--color-neutral-1000);border-top-color:transparent}[data-theme=light][data-brand=ember] ._primary_gjg2h_49{background:var(--color-neutral-900);color:var(--color-neutral-0)}[data-theme=light][data-brand=ember] ._primary_gjg2h_49:hover:not(:disabled){background:var(--color-neutral-700)}[data-theme=dark][data-brand=ember] ._primary_gjg2h_49{background:var(--color-neutral-100);color:var(--color-neutral-900)}[data-theme=dark][data-brand=ember] ._primary_gjg2h_49:hover:not(:disabled){background:var(--color-neutral-0)}._loadingContent_gjg2h_339{visibility:hidden}[data-dark-bg=true] ._primary_gjg2h_49{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}[data-dark-bg=true] ._primary_gjg2h_49:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900))}[data-dark-bg=true] ._primary_gjg2h_49:active:not(:disabled){transform:translateY(1px)}[data-dark-bg=true] ._secondary_gjg2h_65{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);backdrop-filter:none;-webkit-backdrop-filter:none}[data-dark-bg=true] ._secondary_gjg2h_65:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}[data-dark-bg=true] ._secondary_gjg2h_65:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}[data-dark-bg=true] ._ghost_gjg2h_124{background:transparent;color:var(--color-neutral-0)}[data-dark-bg=true] ._ghost_gjg2h_124:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-dark-bg=true] ._ghost_gjg2h_124:active:not(:disabled){transform:scale(.98)}[data-dark-bg=true] ._primary_gjg2h_49 ._spinner_gjg2h_261{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-dark-bg=true] ._secondary_gjg2h_65 ._spinner_gjg2h_261,[data-dark-bg=true] ._ghost_gjg2h_124 ._spinner_gjg2h_261{border:2px solid var(--color-neutral-0);border-top-color:transparent}[data-brand=lemon][data-dark-bg=true] ._primary_gjg2h_49{color:var(--color-neutral-1000)}@keyframes _spin_gjg2h_261{to{transform:translate(-50%,-50%) rotate(360deg)}}._icon_gjg2h_238{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}._iconRight_gjg2h_437{order:1}
+._button_1t5ah_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid transparent;outline:none}._button_1t5ah_9:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._button_1t5ah_9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._primary_1t5ah_49{background:var(--interactive-primary);color:var(--interactive-primary-text)}._primary_1t5ah_49:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._primary_1t5ah_49:active:not(:disabled){transform:translateY(1px)}._secondary_1t5ah_65{background:var(--interactive-secondary);color:var(--interactive-secondary-text);border:1px solid var(--border-subtle)}._secondary_1t5ah_65:hover:not(:disabled){background:var(--interactive-secondary-hover);border-color:var(--border-subtle);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._secondary_1t5ah_65:active:not(:disabled){background:var(--surface-layer);transform:translateY(1px)}[data-theme=dark] ._secondary_1t5ah_65{background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);color:var(--text-primary);backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)));-webkit-backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)))}[data-theme=dark] ._secondary_1t5ah_65:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 22%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-theme=dark] ._secondary_1t5ah_65:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._secondaryInverse_1t5ah_104{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)}._secondaryInverse_1t5ah_104:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._secondaryInverse_1t5ah_104:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}._ghost_1t5ah_124{background:transparent;color:var(--text-primary)}._ghost_1t5ah_124:hover:not(:disabled){background:var(--interactive-ghost-hover);transform:translateY(var(--mode-hover-lift));box-shadow:0 0 0 4px color-mix(in srgb,var(--text-primary) 5%,transparent)}._ghost_1t5ah_124:active:not(:disabled){transform:scale(.98)}._ghostInverse_1t5ah_142{background:transparent;color:var(--color-neutral-0)}._ghostInverse_1t5ah_142:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);transform:translateY(var(--mode-hover-lift));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-neutral-0) 8%,transparent)}._ghostInverse_1t5ah_142:active:not(:disabled){transform:scale(.98)}._danger_1t5ah_159{background:var(--status-error);color:var(--color-neutral-0)}._danger_1t5ah_159:hover:not(:disabled){background:color-mix(in srgb,var(--status-error) 85%,var(--color-neutral-1000));transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._danger_1t5ah_159:active:not(:disabled){transform:translateY(1px)}._inverse_1t5ah_180{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}._inverse_1t5ah_180:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900));transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._inverse_1t5ah_180:active:not(:disabled){transform:translateY(1px)}[data-brand=lemon] ._inverse_1t5ah_180{color:var(--color-neutral-1000)}._sm_1t5ah_209{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12);border-radius:var(--radius-button)}._md_1t5ah_216{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16);border-radius:var(--radius-button)}._lg_1t5ah_223{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18);border-radius:var(--radius-button)}._fullWidth_1t5ah_235{width:100%}._iconOnly_1t5ah_240._sm_1t5ah_209{width:32px;padding:0}._iconOnly_1t5ah_240._md_1t5ah_216{width:40px;padding:0}._iconOnly_1t5ah_240._lg_1t5ah_223{width:48px;padding:0}._loading_1t5ah_258{position:relative;pointer-events:none}._spinner_1t5ah_263{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;animation:_spin_1t5ah_263 .6s linear infinite}._primary_1t5ah_49 ._spinner_1t5ah_263{border:2px solid var(--interactive-primary-text);border-top-color:transparent}._secondary_1t5ah_65 ._spinner_1t5ah_263{border:2px solid var(--text-primary);border-top-color:transparent}._secondaryInverse_1t5ah_104 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-0);border-top-color:transparent}._ghost_1t5ah_124 ._spinner_1t5ah_263{border:2px solid var(--text-primary);border-top-color:transparent}._ghostInverse_1t5ah_142 ._spinner_1t5ah_263,._danger_1t5ah_159 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-0);border-top-color:transparent}._inverse_1t5ah_180 ._spinner_1t5ah_263{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-brand=lemon] ._inverse_1t5ah_180 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-1000);border-top-color:transparent}[data-theme=light][data-brand=ember] ._primary_1t5ah_49{background:var(--color-neutral-900);color:var(--color-neutral-0)}[data-theme=light][data-brand=ember] ._primary_1t5ah_49:hover:not(:disabled){background:var(--color-neutral-700)}[data-theme=dark][data-brand=ember] ._primary_1t5ah_49{background:var(--color-neutral-100);color:var(--color-neutral-900)}[data-theme=dark][data-brand=ember] ._primary_1t5ah_49:hover:not(:disabled){background:var(--color-neutral-0)}._loadingContent_1t5ah_341{visibility:hidden}[data-dark-bg=true] ._primary_1t5ah_49{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}[data-dark-bg=true] ._primary_1t5ah_49:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900))}[data-dark-bg=true] ._primary_1t5ah_49:active:not(:disabled){transform:translateY(1px)}[data-dark-bg=true] ._secondary_1t5ah_65{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);backdrop-filter:none;-webkit-backdrop-filter:none}[data-dark-bg=true] ._secondary_1t5ah_65:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}[data-dark-bg=true] ._secondary_1t5ah_65:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}[data-dark-bg=true] ._ghost_1t5ah_124{background:transparent;color:var(--color-neutral-0)}[data-dark-bg=true] ._ghost_1t5ah_124:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-dark-bg=true] ._ghost_1t5ah_124:active:not(:disabled){transform:scale(.98)}[data-dark-bg=true] ._primary_1t5ah_49 ._spinner_1t5ah_263{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-dark-bg=true] ._secondary_1t5ah_65 ._spinner_1t5ah_263,[data-dark-bg=true] ._ghost_1t5ah_124 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-0);border-top-color:transparent}[data-brand=lemon][data-dark-bg=true] ._primary_1t5ah_49{color:var(--color-neutral-1000)}@keyframes _spin_1t5ah_263{to{transform:translate(-50%,-50%) rotate(360deg)}}._icon_1t5ah_240{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}._iconRight_1t5ah_439{order:1}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_button_gjg2h_9",o="_primary_gjg2h_49",g="_secondary_gjg2h_65",s="_secondaryInverse_gjg2h_104",t="_ghost_gjg2h_124",_="_ghostInverse_gjg2h_141",e="_danger_gjg2h_157",i="_inverse_gjg2h_178",c="_sm_gjg2h_207",r="_md_gjg2h_214",h="_lg_gjg2h_221",d="_fullWidth_gjg2h_233",l="_iconOnly_gjg2h_238",a="_loading_gjg2h_256",j="_spinner_gjg2h_261",y="_spin_gjg2h_261",u="_loadingContent_gjg2h_339",v="_icon_gjg2h_238",m="_iconRight_gjg2h_437",p={button:n,primary:o,secondary:g,secondaryInverse:s,ghost:t,ghostInverse:_,danger:e,inverse:i,sm:c,md:r,lg:h,fullWidth:d,iconOnly:l,loading:a,spinner:j,spin:y,loadingContent:u,icon:v,iconRight:m};exports.button=n;exports.danger=e;exports.default=p;exports.fullWidth=d;exports.ghost=t;exports.ghostInverse=_;exports.icon=v;exports.iconOnly=l;exports.iconRight=m;exports.inverse=i;exports.lg=h;exports.loading=a;exports.loadingContent=u;exports.md=r;exports.primary=o;exports.secondary=g;exports.secondaryInverse=s;exports.sm=c;exports.spin=y;exports.spinner=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_button_1t5ah_9",t="_primary_1t5ah_49",o="_secondary_1t5ah_65",s="_secondaryInverse_1t5ah_104",_="_ghost_1t5ah_124",e="_ghostInverse_1t5ah_142",i="_danger_1t5ah_159",a="_inverse_1t5ah_180",c="_sm_1t5ah_209",r="_md_1t5ah_216",h="_lg_1t5ah_223",d="_fullWidth_1t5ah_235",l="_iconOnly_1t5ah_240",g="_loading_1t5ah_258",y="_spinner_1t5ah_263",u="_spin_1t5ah_263",v="_loadingContent_1t5ah_341",m="_icon_1t5ah_240",p="_iconRight_1t5ah_439",I={button:n,primary:t,secondary:o,secondaryInverse:s,ghost:_,ghostInverse:e,danger:i,inverse:a,sm:c,md:r,lg:h,fullWidth:d,iconOnly:l,loading:g,spinner:y,spin:u,loadingContent:v,icon:m,iconRight:p};exports.button=n;exports.danger=i;exports.default=I;exports.fullWidth=d;exports.ghost=_;exports.ghostInverse=e;exports.icon=m;exports.iconOnly=l;exports.iconRight=p;exports.inverse=a;exports.lg=h;exports.loading=g;exports.loadingContent=v;exports.md=r;exports.primary=t;exports.secondary=o;exports.secondaryInverse=s;exports.sm=c;exports.spin=u;exports.spinner=y;

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

@@ -1,43 +1,43 @@
-const n = "_button_gjg2h_9", g = "_primary_gjg2h_49", _ = "_secondary_gjg2h_65", o = "_secondaryInverse_gjg2h_104", s = "_ghost_gjg2h_124", t = "_ghostInverse_gjg2h_141", e = "_danger_gjg2h_157", c = "_inverse_gjg2h_178", i = "_sm_gjg2h_207", h = "_md_gjg2h_214", r = "_lg_gjg2h_221", d = "_fullWidth_gjg2h_233", a = "_iconOnly_gjg2h_238", l = "_loading_gjg2h_256", j = "_spinner_gjg2h_261", y = "_spin_gjg2h_261", p = "_loadingContent_gjg2h_339", m = "_icon_gjg2h_238", v = "_iconRight_gjg2h_437", u = {
+const n = "_button_1t5ah_9", t = "_primary_1t5ah_49", _ = "_secondary_1t5ah_65", o = "_secondaryInverse_1t5ah_104", s = "_ghost_1t5ah_124", a = "_ghostInverse_1t5ah_142", e = "_danger_1t5ah_159", c = "_inverse_1t5ah_180", i = "_sm_1t5ah_209", h = "_md_1t5ah_216", r = "_lg_1t5ah_223", d = "_fullWidth_1t5ah_235", g = "_iconOnly_1t5ah_240", l = "_loading_1t5ah_258", y = "_spinner_1t5ah_263", p = "_spin_1t5ah_263", m = "_loadingContent_1t5ah_341", v = "_icon_1t5ah_240", u = "_iconRight_1t5ah_439", I = {
   button: n,
-  primary: g,
+  primary: t,
   secondary: _,
   secondaryInverse: o,
   ghost: s,
-  ghostInverse: t,
+  ghostInverse: a,
   danger: e,
   inverse: c,
   sm: i,
   md: h,
   lg: r,
   fullWidth: d,
-  iconOnly: a,
+  iconOnly: g,
   loading: l,
-  spinner: j,
-  spin: y,
-  loadingContent: p,
-  icon: m,
-  iconRight: v
+  spinner: y,
+  spin: p,
+  loadingContent: m,
+  icon: v,
+  iconRight: u
 };
 export {
   n as button,
   e as danger,
-  u as default,
+  I as default,
   d as fullWidth,
   s as ghost,
-  t as ghostInverse,
-  m as icon,
-  a as iconOnly,
-  v as iconRight,
+  a as ghostInverse,
+  v as icon,
+  g as iconOnly,
+  u as iconRight,
   c as inverse,
   r as lg,
   l as loading,
-  p as loadingContent,
+  m as loadingContent,
   h as md,
-  g as primary,
+  t as primary,
   _ as secondary,
   o as secondaryInverse,
   i as sm,
-  y as spin,
-  j as spinner
+  p as spin,
+  y as spinner
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AA8CpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwU1D,CAAC"}
+{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AA8CpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6U1D,CAAC"}

package/dist/components/ThemeController/ThemeController.mjs

@@ -49,7 +49,12 @@ const l = {
     m = S();
   } catch {
   }
-  const { theme: t, brand: b, setTheme: z, setBrand: B } = m ?? C, i = b, c = (e) => {
+  const {
+    theme: t,
+    brand: b,
+    setTheme: z,
+    setBrand: B
+  } = m ?? C, i = b, c = (e) => {
     z(e), f?.(e);
   }, d = (e) => {
     B(e), k?.(e);

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                    */const s=require("./tokens/primitives.cjs"),a=require("./tokens/utils.cjs"),P=require("./ComponentShowcase.cjs"),e=require("lucide-react"),r=require("./utils/fonts.cjs"),q=require("./components/Accordion/Accordion.cjs"),O=require("./components/ActivityFeed/ActivityFeed.cjs"),y=require("./components/AgentCard/AgentCard.cjs"),S=require("./components/Alert/Alert.cjs"),T=require("./components/AlertDialog/AlertDialog.cjs"),h=require("./components/Avatar/Avatar.cjs"),f=require("./components/Badge/Badge.cjs"),j=require("./components/Banner/Banner.cjs"),D=require("./components/Breadcrumb/Breadcrumb.cjs"),F=require("./components/Button/Button.cjs"),L=require("./components/Calendar/Calendar.cjs"),w=require("./components/Card/Card.cjs"),k=require("./components/Carousel/Carousel.cjs"),A=require("./components/Carousel/CarouselCard.cjs"),o=require("./components/Chart/Chart.cjs"),M=require("./components/Checkbox/Checkbox.cjs"),B=require("./components/Chip/Chip.cjs"),v=require("./components/CodeEditor/CodeEditor.cjs"),E=require("./components/Collapsible/Collapsible.cjs"),N=require("./components/CollapsibleFolder/CollapsibleFolder.cjs"),I=require("./components/Combobox/Combobox.cjs"),U=require("./components/Command/Command.cjs"),R=require("./components/CommandBar/CommandBar.cjs"),x=require("./sections/Container/Container.cjs"),_=require("./components/DataTable/DataTable.cjs"),G=require("./components/DatePicker/DatePicker.cjs"),H=require("./components/DetailPanel/DetailPanel.cjs"),K=require("./components/Divider/Divider.cjs"),Q=require("./components/Drawer/Drawer.cjs"),V=require("./components/Dropdown/Dropdown.cjs"),X=require("./components/EmptyState/EmptyState.cjs"),W=require("./components/ErrorBoundary/ErrorBoundary.cjs"),z=require("./components/Field/Field.cjs"),J=require("./components/FileUploader/FileUploader.cjs"),Y=require("./components/FilterBar/FilterBar.cjs"),Z=require("./components/FontLoader/FontLoader.cjs"),$=require("./components/FormSection/FormSection.cjs"),ee=require("./components/Icon/Icon.cjs"),re=require("./components/IconGallery/IconGallery.cjs"),te=require("./utils/icons.cjs"),oe=require("./components/InputOTP/InputOTP.cjs"),ne=require("./components/KanbanBoard/KanbanBoard.cjs"),ie=require("./examples/LandingPage.example.cjs"),ae=require("./components/Link/Link.cjs"),ue=require("./components/List/List.cjs"),c=require("./components/MetricCards/MetricCards.cjs"),se=require("./components/Modal/Modal.cjs"),ce=require("./components/NavTree/NavTree.cjs"),le=require("./components/Navbar/Navbar.cjs"),de=require("./components/NotificationCenter/NotificationCenter.cjs"),u=require("./utils/optionalDeps.cjs"),be=require("./components/PageHeader/PageHeader.cjs"),pe=require("./components/Pagination/Pagination.cjs"),Ce=require("./components/Popover/Popover.cjs"),ge=require("./components/ProgressBar/ProgressBar.cjs"),me=require("./components/QuickActions/QuickActions.cjs"),Pe=require("./components/Radio/Radio.cjs"),qe=require("./components/SearchInput/SearchInput.cjs"),Oe=require("./sections/Section/Section.cjs"),ye=require("./components/Select/Select.cjs"),Se=require("./components/Sidebar/Sidebar.cjs"),Te=require("./components/Skeleton/Skeleton.cjs"),he=require("./components/Slider/Slider.cjs"),fe=require("./components/Spinner/Spinner.cjs"),je=require("./components/Stack/Stack.cjs"),De=require("./components/Stepper/Stepper.cjs"),Fe=require("./components/Switch/Switch.cjs"),Le=require("./components/Table/Table.cjs"),we=require("./components/Tabs/Tabs.cjs"),ke=require("./components/Textarea/Textarea.cjs"),Ae=require("./components/ThemeController/ThemeController.cjs"),l=require("./contexts/ThemeContext.cjs"),d=require("./components/Toast/Toast.cjs"),Me=require("./components/Toggle/Toggle.cjs"),Be=require("./components/ToggleGroup/ToggleGroup.cjs"),ve=require("./components/Tooltip/Tooltip.cjs"),Ee=require("./components/UserMenu/UserMenu.cjs"),Ne=require("./components/WorkspaceSwitcher/WorkspaceSwitcher.cjs"),b=require("./hooks/useClickOutside.cjs"),p=require("./hooks/useCopyToClipboard.cjs"),C=require("./hooks/useDebounce.cjs"),Ie=require("./hooks/useDisclosure.cjs"),n=require("./hooks/useMediaQuery.cjs"),g=require("./hooks/useKeyboard.cjs"),m=require("./hooks/useLocalStorage.cjs"),Ue=require("./hooks/useTheme.cjs"),t=require("./utils/validation.cjs");exports.primitives=s.primitives;exports.spacing=s.spacing;exports.getBrand=a.getBrand;exports.getSemanticToken=a.getSemanticToken;exports.getToken=a.getToken;exports.ComponentShowcase=P.ComponentShowcase;Object.defineProperty(exports,"AlertCircle",{enumerable:!0,get:()=>e.AlertCircle});Object.defineProperty(exports,"ArrowDown",{enumerable:!0,get:()=>e.ArrowDown});Object.defineProperty(exports,"ArrowLeft",{enumerable:!0,get:()=>e.ArrowLeft});Object.defineProperty(exports,"ArrowRight",{enumerable:!0,get:()=>e.ArrowRight});Object.defineProperty(exports,"ArrowUp",{enumerable:!0,get:()=>e.ArrowUp});Object.defineProperty(exports,"Bell",{enumerable:!0,get:()=>e.Bell});Object.defineProperty(exports,"Check",{enumerable:!0,get:()=>e.Check});Object.defineProperty(exports,"CheckCircle",{enumerable:!0,get:()=>e.CheckCircle});Object.defineProperty(exports,"ChevronDown",{enumerable:!0,get:()=>e.ChevronDown});Object.defineProperty(exports,"ChevronLeft",{enumerable:!0,get:()=>e.ChevronLeft});Object.defineProperty(exports,"ChevronRight",{enumerable:!0,get:()=>e.ChevronRight});Object.defineProperty(exports,"ChevronUp",{enumerable:!0,get:()=>e.ChevronUp});Object.defineProperty(exports,"Copy",{enumerable:!0,get:()=>e.Copy});Object.defineProperty(exports,"CreditCard",{enumerable:!0,get:()=>e.CreditCard});Object.defineProperty(exports,"DollarSign",{enumerable:!0,get:()=>e.DollarSign});Object.defineProperty(exports,"Download",{enumerable:!0,get:()=>e.Download});Object.defineProperty(exports,"Edit",{enumerable:!0,get:()=>e.Edit});Object.defineProperty(exports,"Eye",{enumerable:!0,get:()=>e.Eye});Object.defineProperty(exports,"EyeOff",{enumerable:!0,get:()=>e.EyeOff});Object.defineProperty(exports,"File",{enumerable:!0,get:()=>e.File});Object.defineProperty(exports,"FileText",{enumerable:!0,get:()=>e.FileText});Object.defineProperty(exports,"Heart",{enumerable:!0,get:()=>e.Heart});Object.defineProperty(exports,"HelpCircle",{enumerable:!0,get:()=>e.HelpCircle});Object.defineProperty(exports,"Home",{enumerable:!0,get:()=>e.Home});Object.defineProperty(exports,"Image",{enumerable:!0,get:()=>e.Image});Object.defineProperty(exports,"Info",{enumerable:!0,get:()=>e.Info});Object.defineProperty(exports,"LogIn",{enumerable:!0,get:()=>e.LogIn});Object.defineProperty(exports,"LogOut",{enumerable:!0,get:()=>e.LogOut});Object.defineProperty(exports,"Mail",{enumerable:!0,get:()=>e.Mail});Object.defineProperty(exports,"Menu",{enumerable:!0,get:()=>e.Menu});Object.defineProperty(exports,"MessageSquare",{enumerable:!0,get:()=>e.MessageSquare});Object.defineProperty(exports,"Minus",{enumerable:!0,get:()=>e.Minus});Object.defineProperty(exports,"Music",{enumerable:!0,get:()=>e.Music});Object.defineProperty(exports,"Plus",{enumerable:!0,get:()=>e.Plus});Object.defineProperty(exports,"Search",{enumerable:!0,get:()=>e.Search});Object.defineProperty(exports,"Settings",{enumerable:!0,get:()=>e.Settings});Object.defineProperty(exports,"Share2",{enumerable:!0,get:()=>e.Share2});Object.defineProperty(exports,"ShoppingCart",{enumerable:!0,get:()=>e.ShoppingCart});Object.defineProperty(exports,"Star",{enumerable:!0,get:()=>e.Star});Object.defineProperty(exports,"Trash2",{enumerable:!0,get:()=>e.Trash2});Object.defineProperty(exports,"Upload",{enumerable:!0,get:()=>e.Upload});Object.defineProperty(exports,"User",{enumerable:!0,get:()=>e.User});Object.defineProperty(exports,"Video",{enumerable:!0,get:()=>e.Video});Object.defineProperty(exports,"X",{enumerable:!0,get:()=>e.X});Object.defineProperty(exports,"XCircle",{enumerable:!0,get:()=>e.XCircle});exports.ALL_FONTS=r.ALL_FONTS;exports.BRAND_FONTS=r.BRAND_FONTS;exports.FONT_PRECONNECT_URLS=r.FONT_PRECONNECT_URLS;exports.GOOGLE_FONTS_URL=r.GOOGLE_FONTS_URL;exports.areBrandFontsLoaded=r.areBrandFontsLoaded;exports.getFontLinkTags=r.getFontLinkTags;exports.getMissingFonts=r.getMissingFonts;exports.isFontLoaded=r.isFontLoaded;exports.waitForFonts=r.waitForFonts;exports.Accordion=q.Accordion;exports.ActivityFeed=O.ActivityFeed;exports.AgentCard=y.AgentCard;exports.Alert=S.Alert;exports.AlertDialog=T.AlertDialog;exports.Avatar=h.Avatar;exports.Badge=f.Badge;exports.Banner=j.Banner;exports.Breadcrumb=D.Breadcrumb;exports.Button=F.Button;exports.Calendar=L.Calendar;exports.Card=w.Card;exports.Carousel=k.Carousel;exports.CarouselCard=A.CarouselCard;exports.ChartContainer=o.ChartContainer;exports.ChartGradient=o.ChartGradient;exports.ChartLegend=o.ChartLegend;exports.ChartLegendContent=o.ChartLegendContent;exports.ChartTooltip=o.ChartTooltip;exports.ChartTooltipContent=o.ChartTooltipContent;exports.Checkbox=M.Checkbox;exports.Chip=B.Chip;exports.CodeEditor=v.CodeEditor;exports.Collapsible=E.Collapsible;exports.CollapsibleFolder=N.CollapsibleFolder;exports.Combobox=I.Combobox;exports.Command=U.Command;exports.CommandBar=R.CommandBar;exports.Container=x.Container;exports.DataTable=_.DataTable;exports.DatePicker=G.DatePicker;exports.DetailPanel=H.DetailPanel;exports.Divider=K.Divider;exports.Drawer=Q.Drawer;exports.Dropdown=V.Dropdown;exports.EmptyState=X.EmptyState;exports.ErrorBoundary=W.ErrorBoundary;exports.Field=z.Field;exports.FileUploader=J.FileUploader;exports.FilterBar=Y.FilterBar;exports.FontLoader=Z.FontLoader;exports.FormSection=$.FormSection;exports.Icon=ee.Icon;exports.IconGallery=re.IconGallery;exports.Icons=te.Icons;exports.InputOTP=oe.InputOTP;exports.KanbanBoard=ne.KanbanBoard;exports.LandingPageExample=ie.LandingPageExample;exports.Link=ae.Link;exports.List=ue.List;exports.MetricCard=c.MetricCard;exports.MetricCards=c.MetricCards;exports.Modal=se.Modal;exports.NavTree=ce.NavTree;exports.Navbar=le.Navbar;exports.NotificationCenter=de.NotificationCenter;exports.OPTIONAL_DEP_COMPONENTS=u.OPTIONAL_DEP_COMPONENTS;exports.checkComponent=u.checkComponent;exports.getOptionalDepError=u.getOptionalDepError;exports.PageHeader=be.PageHeader;exports.Pagination=pe.Pagination;exports.Popover=Ce.Popover;exports.ProgressBar=ge.ProgressBar;exports.QuickActions=me.QuickActions;exports.Radio=Pe.Radio;exports.SearchInput=qe.SearchInput;exports.Section=Oe.Section;exports.Select=ye.Select;exports.Sidebar=Se.Sidebar;exports.Skeleton=Te.Skeleton;exports.Slider=he.Slider;exports.Spinner=fe.Spinner;exports.Stack=je.Stack;exports.Stepper=De.Stepper;exports.Switch=Fe.Switch;exports.Table=Le.Table;exports.Tabs=we.Tabs;exports.Textarea=ke.Textarea;exports.ThemeController=Ae.ThemeController;exports.ThemeProvider=l.ThemeProvider;exports.useThemeContext=l.useThemeContext;exports.ToastProvider=d.ToastProvider;exports.useToast=d.useToast;exports.Toggle=Me.Toggle;exports.ToggleGroup=Be.ToggleGroup;exports.Tooltip=ve.Tooltip;exports.UserMenu=Ee.UserMenu;exports.WorkspaceSwitcher=Ne.WorkspaceSwitcher;exports.useClickOutside=b.useClickOutside;exports.useClickOutsideMultiple=b.useClickOutsideMultiple;exports.useCopy=p.useCopy;exports.useCopyToClipboard=p.useCopyToClipboard;exports.useDebounce=C.useDebounce;exports.useDebouncedCallback=C.useDebouncedCallback;exports.useDisclosure=Ie.useDisclosure;exports.useIsDesktop=n.useIsDesktop;exports.useIsMobile=n.useIsMobile;exports.useIsTablet=n.useIsTablet;exports.useMediaQuery=n.useMediaQuery;exports.usePrefersDarkMode=n.usePrefersDarkMode;exports.usePrefersReducedMotion=n.usePrefersReducedMotion;exports.useKeyboard=g.useKeyboard;exports.useKeyboardShortcuts=g.useKeyboardShortcuts;exports.useLocalStorage=m.useLocalStorage;exports.useSessionStorage=m.useSessionStorage;exports.useTheme=Ue.useTheme;exports.warnBrandProp=t.warnBrandProp;exports.warnFieldChildren=t.warnFieldChildren;exports.warnGlassVariant=t.warnGlassVariant;exports.warnHardcodedColors=t.warnHardcodedColors;exports.warnMissingAriaLabel=t.warnMissingAriaLabel;exports.warnThemeProp=t.warnThemeProp;exports.warnUsePrebuiltSection=t.warnUsePrebuiltSection;Object.keys(e).forEach(i=>{i!=="default"&&!Object.prototype.hasOwnProperty.call(exports,i)&&Object.defineProperty(exports,i,{enumerable:!0,get:()=>e[i]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                    */const s=require("./tokens/primitives.cjs"),a=require("./tokens/utils.cjs"),q=require("./ComponentShowcase.cjs"),e=require("lucide-react"),r=require("./utils/fonts.cjs"),P=require("./components/Accordion/Accordion.cjs"),O=require("./components/ActivityFeed/ActivityFeed.cjs"),y=require("./components/AgentCard/AgentCard.cjs"),S=require("./components/Alert/Alert.cjs"),T=require("./components/AlertDialog/AlertDialog.cjs"),h=require("./components/Avatar/Avatar.cjs"),f=require("./components/Badge/Badge.cjs"),j=require("./components/Banner/Banner.cjs"),D=require("./components/Box/Box.cjs"),F=require("./components/Breadcrumb/Breadcrumb.cjs"),L=require("./components/Button/Button.cjs"),w=require("./components/Calendar/Calendar.cjs"),k=require("./components/Card/Card.cjs"),B=require("./components/Carousel/Carousel.cjs"),A=require("./components/Carousel/CarouselCard.cjs"),o=require("./components/Chart/Chart.cjs"),M=require("./components/Checkbox/Checkbox.cjs"),v=require("./components/Chip/Chip.cjs"),E=require("./components/CodeEditor/CodeEditor.cjs"),N=require("./components/Collapsible/Collapsible.cjs"),I=require("./components/CollapsibleFolder/CollapsibleFolder.cjs"),x=require("./components/Combobox/Combobox.cjs"),U=require("./components/Command/Command.cjs"),R=require("./components/CommandBar/CommandBar.cjs"),_=require("./sections/Container/Container.cjs"),G=require("./components/DataTable/DataTable.cjs"),H=require("./components/DatePicker/DatePicker.cjs"),K=require("./components/DetailPanel/DetailPanel.cjs"),Q=require("./components/Divider/Divider.cjs"),V=require("./components/Drawer/Drawer.cjs"),X=require("./components/Dropdown/Dropdown.cjs"),W=require("./components/EmptyState/EmptyState.cjs"),z=require("./components/ErrorBoundary/ErrorBoundary.cjs"),J=require("./components/Field/Field.cjs"),Y=require("./components/FileUploader/FileUploader.cjs"),Z=require("./components/FilterBar/FilterBar.cjs"),$=require("./components/FontLoader/FontLoader.cjs"),ee=require("./components/FormSection/FormSection.cjs"),re=require("./components/Icon/Icon.cjs"),te=require("./components/IconGallery/IconGallery.cjs"),oe=require("./utils/icons.cjs"),ne=require("./components/InputOTP/InputOTP.cjs"),ie=require("./components/KanbanBoard/KanbanBoard.cjs"),ae=require("./examples/LandingPage.example.cjs"),ue=require("./components/Link/Link.cjs"),se=require("./components/List/List.cjs"),c=require("./components/MetricCards/MetricCards.cjs"),ce=require("./components/Modal/Modal.cjs"),le=require("./components/NavTree/NavTree.cjs"),de=require("./components/Navbar/Navbar.cjs"),be=require("./components/NotificationCenter/NotificationCenter.cjs"),u=require("./utils/optionalDeps.cjs"),pe=require("./components/PageHeader/PageHeader.cjs"),Ce=require("./components/Pagination/Pagination.cjs"),ge=require("./components/Popover/Popover.cjs"),me=require("./components/ProgressBar/ProgressBar.cjs"),qe=require("./components/QuickActions/QuickActions.cjs"),Pe=require("./components/Radio/Radio.cjs"),Oe=require("./components/SearchInput/SearchInput.cjs"),ye=require("./sections/Section/Section.cjs"),Se=require("./components/Select/Select.cjs"),Te=require("./components/Sidebar/Sidebar.cjs"),he=require("./components/Skeleton/Skeleton.cjs"),fe=require("./components/Slider/Slider.cjs"),je=require("./components/Spinner/Spinner.cjs"),De=require("./components/Stack/Stack.cjs"),Fe=require("./components/Stepper/Stepper.cjs"),Le=require("./components/Switch/Switch.cjs"),we=require("./components/Table/Table.cjs"),ke=require("./components/Tabs/Tabs.cjs"),Be=require("./components/Textarea/Textarea.cjs"),Ae=require("./components/ThemeController/ThemeController.cjs"),l=require("./contexts/ThemeContext.cjs"),d=require("./components/Toast/Toast.cjs"),Me=require("./components/Toggle/Toggle.cjs"),ve=require("./components/ToggleGroup/ToggleGroup.cjs"),Ee=require("./components/Tooltip/Tooltip.cjs"),Ne=require("./components/UserMenu/UserMenu.cjs"),Ie=require("./components/WorkspaceSwitcher/WorkspaceSwitcher.cjs"),b=require("./hooks/useClickOutside.cjs"),p=require("./hooks/useCopyToClipboard.cjs"),C=require("./hooks/useDebounce.cjs"),xe=require("./hooks/useDisclosure.cjs"),n=require("./hooks/useMediaQuery.cjs"),g=require("./hooks/useKeyboard.cjs"),m=require("./hooks/useLocalStorage.cjs"),Ue=require("./hooks/useTheme.cjs"),t=require("./utils/validation.cjs");exports.primitives=s.primitives;exports.spacing=s.spacing;exports.getBrand=a.getBrand;exports.getSemanticToken=a.getSemanticToken;exports.getToken=a.getToken;exports.ComponentShowcase=q.ComponentShowcase;Object.defineProperty(exports,"AlertCircle",{enumerable:!0,get:()=>e.AlertCircle});Object.defineProperty(exports,"ArrowDown",{enumerable:!0,get:()=>e.ArrowDown});Object.defineProperty(exports,"ArrowLeft",{enumerable:!0,get:()=>e.ArrowLeft});Object.defineProperty(exports,"ArrowRight",{enumerable:!0,get:()=>e.ArrowRight});Object.defineProperty(exports,"ArrowUp",{enumerable:!0,get:()=>e.ArrowUp});Object.defineProperty(exports,"Bell",{enumerable:!0,get:()=>e.Bell});Object.defineProperty(exports,"Check",{enumerable:!0,get:()=>e.Check});Object.defineProperty(exports,"CheckCircle",{enumerable:!0,get:()=>e.CheckCircle});Object.defineProperty(exports,"ChevronDown",{enumerable:!0,get:()=>e.ChevronDown});Object.defineProperty(exports,"ChevronLeft",{enumerable:!0,get:()=>e.ChevronLeft});Object.defineProperty(exports,"ChevronRight",{enumerable:!0,get:()=>e.ChevronRight});Object.defineProperty(exports,"ChevronUp",{enumerable:!0,get:()=>e.ChevronUp});Object.defineProperty(exports,"Copy",{enumerable:!0,get:()=>e.Copy});Object.defineProperty(exports,"CreditCard",{enumerable:!0,get:()=>e.CreditCard});Object.defineProperty(exports,"DollarSign",{enumerable:!0,get:()=>e.DollarSign});Object.defineProperty(exports,"Download",{enumerable:!0,get:()=>e.Download});Object.defineProperty(exports,"Edit",{enumerable:!0,get:()=>e.Edit});Object.defineProperty(exports,"Eye",{enumerable:!0,get:()=>e.Eye});Object.defineProperty(exports,"EyeOff",{enumerable:!0,get:()=>e.EyeOff});Object.defineProperty(exports,"File",{enumerable:!0,get:()=>e.File});Object.defineProperty(exports,"FileText",{enumerable:!0,get:()=>e.FileText});Object.defineProperty(exports,"Heart",{enumerable:!0,get:()=>e.Heart});Object.defineProperty(exports,"HelpCircle",{enumerable:!0,get:()=>e.HelpCircle});Object.defineProperty(exports,"Home",{enumerable:!0,get:()=>e.Home});Object.defineProperty(exports,"Image",{enumerable:!0,get:()=>e.Image});Object.defineProperty(exports,"Info",{enumerable:!0,get:()=>e.Info});Object.defineProperty(exports,"LogIn",{enumerable:!0,get:()=>e.LogIn});Object.defineProperty(exports,"LogOut",{enumerable:!0,get:()=>e.LogOut});Object.defineProperty(exports,"Mail",{enumerable:!0,get:()=>e.Mail});Object.defineProperty(exports,"Menu",{enumerable:!0,get:()=>e.Menu});Object.defineProperty(exports,"MessageSquare",{enumerable:!0,get:()=>e.MessageSquare});Object.defineProperty(exports,"Minus",{enumerable:!0,get:()=>e.Minus});Object.defineProperty(exports,"Music",{enumerable:!0,get:()=>e.Music});Object.defineProperty(exports,"Plus",{enumerable:!0,get:()=>e.Plus});Object.defineProperty(exports,"Search",{enumerable:!0,get:()=>e.Search});Object.defineProperty(exports,"Settings",{enumerable:!0,get:()=>e.Settings});Object.defineProperty(exports,"Share2",{enumerable:!0,get:()=>e.Share2});Object.defineProperty(exports,"ShoppingCart",{enumerable:!0,get:()=>e.ShoppingCart});Object.defineProperty(exports,"Star",{enumerable:!0,get:()=>e.Star});Object.defineProperty(exports,"Trash2",{enumerable:!0,get:()=>e.Trash2});Object.defineProperty(exports,"Upload",{enumerable:!0,get:()=>e.Upload});Object.defineProperty(exports,"User",{enumerable:!0,get:()=>e.User});Object.defineProperty(exports,"Video",{enumerable:!0,get:()=>e.Video});Object.defineProperty(exports,"X",{enumerable:!0,get:()=>e.X});Object.defineProperty(exports,"XCircle",{enumerable:!0,get:()=>e.XCircle});exports.ALL_FONTS=r.ALL_FONTS;exports.BRAND_FONTS=r.BRAND_FONTS;exports.FONT_PRECONNECT_URLS=r.FONT_PRECONNECT_URLS;exports.GOOGLE_FONTS_URL=r.GOOGLE_FONTS_URL;exports.areBrandFontsLoaded=r.areBrandFontsLoaded;exports.getFontLinkTags=r.getFontLinkTags;exports.getMissingFonts=r.getMissingFonts;exports.isFontLoaded=r.isFontLoaded;exports.waitForFonts=r.waitForFonts;exports.Accordion=P.Accordion;exports.ActivityFeed=O.ActivityFeed;exports.AgentCard=y.AgentCard;exports.Alert=S.Alert;exports.AlertDialog=T.AlertDialog;exports.Avatar=h.Avatar;exports.Badge=f.Badge;exports.Banner=j.Banner;exports.Box=D.Box;exports.Breadcrumb=F.Breadcrumb;exports.Button=L.Button;exports.Calendar=w.Calendar;exports.Card=k.Card;exports.Carousel=B.Carousel;exports.CarouselCard=A.CarouselCard;exports.ChartContainer=o.ChartContainer;exports.ChartGradient=o.ChartGradient;exports.ChartLegend=o.ChartLegend;exports.ChartLegendContent=o.ChartLegendContent;exports.ChartTooltip=o.ChartTooltip;exports.ChartTooltipContent=o.ChartTooltipContent;exports.Checkbox=M.Checkbox;exports.Chip=v.Chip;exports.CodeEditor=E.CodeEditor;exports.Collapsible=N.Collapsible;exports.CollapsibleFolder=I.CollapsibleFolder;exports.Combobox=x.Combobox;exports.Command=U.Command;exports.CommandBar=R.CommandBar;exports.Container=_.Container;exports.DataTable=G.DataTable;exports.DatePicker=H.DatePicker;exports.DetailPanel=K.DetailPanel;exports.Divider=Q.Divider;exports.Drawer=V.Drawer;exports.Dropdown=X.Dropdown;exports.EmptyState=W.EmptyState;exports.ErrorBoundary=z.ErrorBoundary;exports.Field=J.Field;exports.FileUploader=Y.FileUploader;exports.FilterBar=Z.FilterBar;exports.FontLoader=$.FontLoader;exports.FormSection=ee.FormSection;exports.Icon=re.Icon;exports.IconGallery=te.IconGallery;exports.Icons=oe.Icons;exports.InputOTP=ne.InputOTP;exports.KanbanBoard=ie.KanbanBoard;exports.LandingPageExample=ae.LandingPageExample;exports.Link=ue.Link;exports.List=se.List;exports.MetricCard=c.MetricCard;exports.MetricCards=c.MetricCards;exports.Modal=ce.Modal;exports.NavTree=le.NavTree;exports.Navbar=de.Navbar;exports.NotificationCenter=be.NotificationCenter;exports.OPTIONAL_DEP_COMPONENTS=u.OPTIONAL_DEP_COMPONENTS;exports.checkComponent=u.checkComponent;exports.getOptionalDepError=u.getOptionalDepError;exports.PageHeader=pe.PageHeader;exports.Pagination=Ce.Pagination;exports.Popover=ge.Popover;exports.ProgressBar=me.ProgressBar;exports.QuickActions=qe.QuickActions;exports.Radio=Pe.Radio;exports.SearchInput=Oe.SearchInput;exports.Section=ye.Section;exports.Select=Se.Select;exports.Sidebar=Te.Sidebar;exports.Skeleton=he.Skeleton;exports.Slider=fe.Slider;exports.Spinner=je.Spinner;exports.Stack=De.Stack;exports.Stepper=Fe.Stepper;exports.Switch=Le.Switch;exports.Table=we.Table;exports.Tabs=ke.Tabs;exports.Textarea=Be.Textarea;exports.ThemeController=Ae.ThemeController;exports.ThemeProvider=l.ThemeProvider;exports.useThemeContext=l.useThemeContext;exports.ToastProvider=d.ToastProvider;exports.useToast=d.useToast;exports.Toggle=Me.Toggle;exports.ToggleGroup=ve.ToggleGroup;exports.Tooltip=Ee.Tooltip;exports.UserMenu=Ne.UserMenu;exports.WorkspaceSwitcher=Ie.WorkspaceSwitcher;exports.useClickOutside=b.useClickOutside;exports.useClickOutsideMultiple=b.useClickOutsideMultiple;exports.useCopy=p.useCopy;exports.useCopyToClipboard=p.useCopyToClipboard;exports.useDebounce=C.useDebounce;exports.useDebouncedCallback=C.useDebouncedCallback;exports.useDisclosure=xe.useDisclosure;exports.useIsDesktop=n.useIsDesktop;exports.useIsMobile=n.useIsMobile;exports.useIsTablet=n.useIsTablet;exports.useMediaQuery=n.useMediaQuery;exports.usePrefersDarkMode=n.usePrefersDarkMode;exports.usePrefersReducedMotion=n.usePrefersReducedMotion;exports.useKeyboard=g.useKeyboard;exports.useKeyboardShortcuts=g.useKeyboardShortcuts;exports.useLocalStorage=m.useLocalStorage;exports.useSessionStorage=m.useSessionStorage;exports.useTheme=Ue.useTheme;exports.warnBrandProp=t.warnBrandProp;exports.warnFieldChildren=t.warnFieldChildren;exports.warnGlassVariant=t.warnGlassVariant;exports.warnHardcodedColors=t.warnHardcodedColors;exports.warnMissingAriaLabel=t.warnMissingAriaLabel;exports.warnThemeProp=t.warnThemeProp;exports.warnUsePrebuiltSection=t.warnUsePrebuiltSection;Object.keys(e).forEach(i=>{i!=="default"&&!Object.prototype.hasOwnProperty.call(exports,i)&&Object.defineProperty(exports,i,{enumerable:!0,get:()=>e[i]})});

package/dist/index.d.ts

@@ -37,6 +37,8 @@ export { Stepper } from './components/Stepper';
 export type { StepperProps, StepItem, StepStatus, StepperOrientation, StepperSize, } from './components/Stepper';
 export { Stack } from './components/Stack';
 export type { StackProps, StackGap, StackDirection, StackAlign, StackJustify, StackWrap, } from './components/Stack';
+export { Box } from './components/Box';
+export type { BoxProps, SpacingScale, SemanticSurface, Radius, } from './components/Box';
 export { Card } from './components/Card';
 export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardVariant, } from './components/Card';
 export { AgentCard } from './components/AgentCard';