@orion-ds/react 5.5.2 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +130 -0
  2. package/dist/blocks.css +1 -0
  3. package/dist/components/Box/Box.cjs +1 -0
  4. package/dist/components/Box/Box.d.ts +5 -0
  5. package/dist/components/Box/Box.d.ts.map +1 -0
  6. package/dist/components/Box/Box.mjs +87 -0
  7. package/dist/components/Box/Box.module.css +1 -0
  8. package/dist/components/Box/Box.module.css.cjs +1 -0
  9. package/dist/components/Box/Box.module.css.mjs +16 -0
  10. package/dist/components/Box/Box.types.d.ts +99 -0
  11. package/dist/components/Box/Box.types.d.ts.map +1 -0
  12. package/dist/components/Box/index.d.ts +9 -0
  13. package/dist/components/Box/index.d.ts.map +1 -0
  14. package/dist/components/Button/Button.module.css +1 -1
  15. package/dist/components/Button/Button.module.css.cjs +1 -1
  16. package/dist/components/Button/Button.module.css.mjs +18 -18
  17. package/dist/components/ThemeController/ThemeController.d.ts.map +1 -1
  18. package/dist/components/ThemeController/ThemeController.mjs +6 -1
  19. package/dist/index.cjs +1 -1
  20. package/dist/index.d.ts +2 -0
  21. package/dist/index.d.ts.map +1 -1
  22. package/dist/index.mjs +186 -184
  23. package/dist/integrations/tailwind/index.cjs +1 -0
  24. package/dist/integrations/tailwind/index.d.ts +13 -0
  25. package/dist/integrations/tailwind/index.d.ts.map +1 -0
  26. package/dist/integrations/tailwind/index.mjs +111 -0
  27. package/dist/integrations/tailwind/v4.css +118 -0
  28. package/dist/integrations/tailwind.cjs +1 -0
  29. package/dist/integrations/tailwind.d.ts +3 -0
  30. package/dist/integrations/tailwind.mjs +111 -0
  31. package/dist/styles.css +11 -1
  32. package/dist/tokens/brands.d.ts.map +1 -1
  33. package/dist/tokens/types.d.ts +87 -87
  34. package/dist/tokens/types.d.ts.map +1 -1
  35. package/dist/tokens/utils.d.ts.map +1 -1
  36. package/dist/tokens/utils.mjs +3 -1
  37. package/package.json +11 -2
package/README.md CHANGED
@@ -32,6 +32,58 @@ The library uses standard React APIs (`forwardRef`, `useState`, `useEffect`, `us
32
32
 
33
33
  ## Installation
34
34
 
35
+ ### ⚠️ CRITICAL: @orion-ds/react is a **Runtime Dependency**, NOT a Dev Tool
36
+
37
+ **@orion-ds/react must be installed in `dependencies`**, not `devDependencies`. It contains UI components and styles needed in production.
38
+
39
+ #### ✅ CORRECT Installation
40
+
41
+ \`\`\`bash
42
+ npm install @orion-ds/react
43
+ \`\`\`
44
+
45
+ This puts it in `dependencies` where it belongs.
46
+
47
+ **Your `package.json` should show:**
48
+ \`\`\`json
49
+ {
50
+ "dependencies": {
51
+ "@orion-ds/react": "^5.5.2",
52
+ "react": "^19.0.0",
53
+ "react-dom": "^19.0.0"
54
+ },
55
+ "devDependencies": {
56
+ "@types/react": "^19.0.0",
57
+ "@types/react-dom": "^19.0.0",
58
+ "typescript": "^5.0.0"
59
+ }
60
+ }
61
+ \`\`\`
62
+
63
+ #### ❌ WRONG: Using --save-dev (Will Break in Production!)
64
+
65
+ \`\`\`bash
66
+
67
+ # ❌ DON'T DO THIS
68
+
69
+ npm install --save-dev @orion-ds/react
70
+ \`\`\`
71
+
72
+ If you accidentally installed it as a dev dependency, fix it:
73
+ \`\`\`bash
74
+ npm uninstall --save-dev @orion-ds/react
75
+ npm install @orion-ds/react
76
+ \`\`\`
77
+
78
+ #### Why This Matters
79
+
80
+ | Location | Behavior | Use Case |
81
+ | ----------------- | ---------------------------------- | ------------------------------------- |
82
+ | `dependencies` | ✅ Included in production builds | **UI libraries, components, styling** |
83
+ | `devDependencies` | ❌ Excluded from production builds | Testing tools, linters, TypeScript |
84
+
85
+ **If @orion-ds/react is in `devDependencies`, your components will be missing from the production build!**
86
+
35
87
  ### Option A: npm install (Recommended)
36
88
 
37
89
  \`\`\`bash
@@ -78,6 +130,84 @@ This single import includes:
78
130
 
79
131
  > **⚠️ IMPORTANT**: Don't forget the CSS import! Without it, components will be unstyled. In development, ThemeProvider will warn you if styles are missing.
80
132
 
133
+ ## ⚠️ Common Setup Mistakes
134
+
135
+ ### Mistake 1: @orion-ds/react in devDependencies (CRITICAL!)
136
+
137
+ **❌ WRONG:**
138
+ \`\`\`bash
139
+ npm install --save-dev @orion-ds/react
140
+ \`\`\`
141
+
142
+ **Why it breaks**: devDependencies are excluded from production builds. Your components won't be available in production!
143
+
144
+ **✅ FIX:**
145
+ \`\`\`bash
146
+ npm uninstall --save-dev @orion-ds/react
147
+ npm install @orion-ds/react
148
+ \`\`\`
149
+
150
+ Check your `package.json` - should be in `dependencies`:
151
+ \`\`\`json
152
+ {
153
+ "dependencies": {
154
+ "@orion-ds/react": "^5.5.2" // ✅ Runtime dependency
155
+ }
156
+ }
157
+ \`\`\`
158
+
159
+ ---
160
+
161
+ ### Mistake 2: Forgot CSS imports
162
+
163
+ **❌ WRONG:**
164
+ \`\`\`tsx
165
+ import { Button, Card } from '@orion-ds/react';
166
+ // Forgot to import styles! Components will be unstyled
167
+ \`\`\`
168
+
169
+ **✅ CORRECT:**
170
+ \`\`\`tsx
171
+ import '@orion-ds/react/styles.css'; // Must come first
172
+ import { Button, Card } from '@orion-ds/react';
173
+ \`\`\`
174
+
175
+ **Or in your app entry file:**
176
+ \`\`\`tsx
177
+ // main.tsx or index.tsx (root of your app)
178
+ import '@orion-ds/react/styles.css';
179
+ import App from './App';
180
+ \`\`\`
181
+
182
+ ---
183
+
184
+ ### Mistake 3: Using Tailwind utilities alongside Orion
185
+
186
+ **❌ WRONG:**
187
+ \`\`\`tsx
188
+ <Button className="gap-4 p-8">Click me</Button>
189
+ \`\`\`
190
+
191
+ **Why it breaks**: Tailwind utilities (gap-_, p-_, etc.) conflict with Orion's CSS variables.
192
+
193
+ **✅ CORRECT - Use Orion tokens:**
194
+ \`\`\`tsx
195
+ <Button style={{ gap: 'var(--spacing-4)', padding: 'var(--spacing-8)' }}>
196
+ Click me
197
+ </Button>
198
+ \`\`\`
199
+
200
+ Or use Orion's built-in responsive system:
201
+ \`\`\`tsx
202
+ import { Stack } from '@orion-ds/react';
203
+
204
+ <Stack gap="md">
205
+ <Button>Click me</Button>
206
+ </Stack>
207
+ \`\`\`
208
+
209
+ For detailed Tailwind + Orion integration guide with workarounds, see [TAILWIND_INTEGRATION.md](./TAILWIND_INTEGRATION.md).
210
+
81
211
  ## Quick Start
82
212
 
83
213
  ````tsx
package/dist/blocks.css CHANGED
@@ -70,3 +70,4 @@
70
70
  ._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)}
71
71
 
72
72
  ._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%}}
73
+
package/dist/components/Box/Box.cjs ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { BoxProps } from './Box.types';
3
+
4
+ export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
5
+ //# sourceMappingURL=Box.d.ts.map
package/dist/components/Box/Box.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,87 @@
1
+ import { jsx as S } from "react/jsx-runtime";
2
+ import j, { useMemo as M } from "react";
3
+ import f from "./Box.module.css.mjs";
4
+ const $ = {
5
+ 0: "0px",
6
+ px: "var(--spacing-px)",
7
+ "05": "var(--spacing-05)",
8
+ 1: "var(--spacing-1)",
9
+ 2: "var(--spacing-2)",
10
+ 3: "var(--spacing-3)",
11
+ 4: "var(--spacing-4)",
12
+ 5: "var(--spacing-5)",
13
+ 6: "var(--spacing-6)",
14
+ 7: "var(--spacing-7)",
15
+ 8: "var(--spacing-8)",
16
+ 9: "var(--spacing-9)",
17
+ 10: "var(--spacing-10)",
18
+ 11: "var(--spacing-11)",
19
+ 12: "var(--spacing-12)",
20
+ 16: "var(--spacing-16)",
21
+ 20: "var(--spacing-20)",
22
+ 24: "var(--spacing-24)",
23
+ 32: "var(--spacing-32)"
24
+ }, i = (o) => $[o], h = j.forwardRef(
25
+ ({
26
+ padding: o,
27
+ paddingX: r,
28
+ paddingY: c,
29
+ paddingTop: n,
30
+ paddingBottom: p,
31
+ paddingLeft: t,
32
+ paddingRight: v,
33
+ bg: e,
34
+ radius: g,
35
+ as: l = "div",
36
+ className: m,
37
+ style: d,
38
+ children: u,
39
+ ...x
40
+ }, y) => {
41
+ const B = M(() => {
42
+ const a = {};
43
+ if (o !== void 0) {
44
+ const s = i(o);
45
+ a.paddingTop = s, a.paddingRight = s, a.paddingBottom = s, a.paddingLeft = s;
46
+ }
47
+ if (r !== void 0) {
48
+ const s = i(r);
49
+ a.paddingRight = s, a.paddingLeft = s;
50
+ }
51
+ if (c !== void 0) {
52
+ const s = i(c);
53
+ a.paddingTop = s, a.paddingBottom = s;
54
+ }
55
+ 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;
56
+ }, [
57
+ o,
58
+ r,
59
+ c,
60
+ n,
61
+ p,
62
+ t,
63
+ v
64
+ ]), N = [
65
+ e && f[`bg-${e}`],
66
+ g && f[`radius-${g}`],
67
+ m
68
+ ].filter(Boolean).join(" "), R = {
69
+ ...B,
70
+ ...d
71
+ };
72
+ return /* @__PURE__ */ S(
73
+ l,
74
+ {
75
+ ref: y,
76
+ className: N,
77
+ style: R,
78
+ ...x,
79
+ children: u
80
+ }
81
+ );
82
+ }
83
+ );
84
+ h.displayName = "Box";
85
+ export {
86
+ h as Box
87
+ };
package/dist/components/Box/Box.module.css ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,16 @@
1
+ const a = "_box_1a34w_10", s = {
2
+ box: a,
3
+ "bg-surface-base": "_bg-surface-base_1a34w_18",
4
+ "bg-surface-subtle": "_bg-surface-subtle_1a34w_22",
5
+ "bg-surface-layer": "_bg-surface-layer_1a34w_26",
6
+ "bg-surface-sunken": "_bg-surface-sunken_1a34w_30",
7
+ "bg-surface-glass": "_bg-surface-glass_1a34w_34",
8
+ "radius-sm": "_radius-sm_1a34w_42",
9
+ "radius-control": "_radius-control_1a34w_46",
10
+ "radius-container": "_radius-container_1a34w_50",
11
+ "radius-full": "_radius-full_1a34w_54"
12
+ };
13
+ export {
14
+ a as box,
15
+ s as default
16
+ };
package/dist/components/Box/Box.types.d.ts ADDED
@@ -0,0 +1,99 @@
1
+ import { ElementType, HTMLAttributes, PropsWithChildren } from 'react';
2
+
3
+ /**
4
+ * Spacing scale for padding
5
+ * Maps to design system spacing tokens (--spacing-0, --spacing-1, etc.)
6
+ */
7
+ export type SpacingScale = 0 | "px" | "05" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 20 | 24 | 32;
8
+ /**
9
+ * Semantic surface colors
10
+ * Uses design system surface tokens for backgrounds
11
+ */
12
+ export type SemanticSurface = "surface-base" | "surface-subtle" | "surface-layer" | "surface-sunken" | "surface-glass";
13
+ /**
14
+ * Border radius options
15
+ * Maps to design system radius tokens
16
+ */
17
+ export type Radius = "sm" | "control" | "container" | "full";
18
+ /**
19
+ * Box component props
20
+ *
21
+ * A flexible layout primitive that handles padding and background styling using design tokens.
22
+ * Supports polymorphic rendering with the `as` prop.
23
+ *
24
+ * @example
25
+ * ```tsx
26
+ * // Basic box with padding
27
+ * <Box padding={4}>Content</Box>
28
+ *
29
+ * // With background and radius
30
+ * <Box padding={4} bg="surface-layer" radius="control">
31
+ * Styled content
32
+ * </Box>
33
+ *
34
+ * // Directional padding
35
+ * <Box paddingX={4} paddingY={2}>
36
+ * Horizontal padding: 16px, Vertical padding: 8px
37
+ * </Box>
38
+ *
39
+ * // Custom element type
40
+ * <Box as="section" padding={4} bg="surface-subtle">
41
+ * Section content
42
+ * </Box>
43
+ * ```
44
+ */
45
+ export interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
46
+ /**
47
+ * Uniform padding on all sides
48
+ * Uses inline-style for clean CSS handling
49
+ */
50
+ padding?: SpacingScale;
51
+ /**
52
+ * Horizontal padding (left and right)
53
+ * Priority: paddingLeft/paddingRight > paddingX > padding
54
+ */
55
+ paddingX?: SpacingScale;
56
+ /**
57
+ * Vertical padding (top and bottom)
58
+ * Priority: paddingTop/paddingBottom > paddingY > padding
59
+ */
60
+ paddingY?: SpacingScale;
61
+ /**
62
+ * Top padding only
63
+ * Highest priority in vertical axis
64
+ */
65
+ paddingTop?: SpacingScale;
66
+ /**
67
+ * Bottom padding only
68
+ * Highest priority in vertical axis
69
+ */
70
+ paddingBottom?: SpacingScale;
71
+ /**
72
+ * Left padding only
73
+ * Highest priority in horizontal axis
74
+ */
75
+ paddingLeft?: SpacingScale;
76
+ /**
77
+ * Right padding only
78
+ * Highest priority in horizontal axis
79
+ */
80
+ paddingRight?: SpacingScale;
81
+ /**
82
+ * Background surface color
83
+ * Uses semantic surface tokens from design system
84
+ * @default undefined
85
+ */
86
+ bg?: SemanticSurface;
87
+ /**
88
+ * Border radius
89
+ * Maps to design system radius tokens
90
+ * @default undefined
91
+ */
92
+ radius?: Radius;
93
+ /**
94
+ * Custom element type to render as
95
+ * @default 'div'
96
+ */
97
+ as?: ElementType;
98
+ }
99
+ //# sourceMappingURL=Box.types.d.ts.map
package/dist/components/Box/Box.types.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Box Component
3
+ *
4
+ * A flexible layout primitive for spacing and background styling.
5
+ * Supports padding on all sides with semantic surface colors and border radius.
6
+ */
7
+ export { Box } from './Box';
8
+ export type { BoxProps, SpacingScale, SemanticSurface, Radius, } from './Box.types';
9
+ //# sourceMappingURL=index.d.ts.map
package/dist/components/Box/index.d.ts.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1 +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}
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 CHANGED
@@ -1 +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;
1
+ "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 CHANGED
@@ -1,43 +1,43 @@
1
- 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 = {
1
+ 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 = {
2
2
  button: n,
3
- primary: g,
3
+ primary: t,
4
4
  secondary: _,
5
5
  secondaryInverse: o,
6
6
  ghost: s,
7
- ghostInverse: t,
7
+ ghostInverse: a,
8
8
  danger: e,
9
9
  inverse: c,
10
10
  sm: i,
11
11
  md: h,
12
12
  lg: r,
13
13
  fullWidth: d,
14
- iconOnly: a,
14
+ iconOnly: g,
15
15
  loading: l,
16
- spinner: j,
17
- spin: y,
18
- loadingContent: p,
19
- icon: m,
20
- iconRight: v
16
+ spinner: y,
17
+ spin: p,
18
+ loadingContent: m,
19
+ icon: v,
20
+ iconRight: u
21
21
  };
22
22
  export {
23
23
  n as button,
24
24
  e as danger,
25
- u as default,
25
+ I as default,
26
26
  d as fullWidth,
27
27
  s as ghost,
28
- t as ghostInverse,
29
- m as icon,
30
- a as iconOnly,
31
- v as iconRight,
28
+ a as ghostInverse,
29
+ v as icon,
30
+ g as iconOnly,
31
+ u as iconRight,
32
32
  c as inverse,
33
33
  r as lg,
34
34
  l as loading,
35
- p as loadingContent,
35
+ m as loadingContent,
36
36
  h as md,
37
- g as primary,
37
+ t as primary,
38
38
  _ as secondary,
39
39
  o as secondaryInverse,
40
40
  i as sm,
41
- y as spin,
42
- j as spinner
41
+ p as spin,
42
+ y as spinner
43
43
  };
package/dist/components/ThemeController/ThemeController.d.ts.map CHANGED
@@ -1 +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"}
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,CA6U1D,CAAC"}
package/dist/components/ThemeController/ThemeController.mjs CHANGED
@@ -49,7 +49,12 @@ const l = {
49
49
  m = S();
50
50
  } catch {
51
51
  }
52
- const { theme: t, brand: b, setTheme: z, setBrand: B } = m ?? C, i = b, c = (e) => {
52
+ const {
53
+ theme: t,
54
+ brand: b,
55
+ setTheme: z,
56
+ setBrand: B
57
+ } = m ?? C, i = b, c = (e) => {
53
58
  z(e), f?.(e);
54
59
  }, d = (e) => {
55
60
  B(e), k?.(e);
package/dist/index.cjs CHANGED
@@ -1 +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]})});
1
+ "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 CHANGED
@@ -37,6 +37,8 @@ export { Stepper } from './components/Stepper';
37
37
  export type { StepperProps, StepItem, StepStatus, StepperOrientation, StepperSize, } from './components/Stepper';
38
38
  export { Stack } from './components/Stack';
39
39
  export type { StackProps, StackGap, StackDirection, StackAlign, StackJustify, StackWrap, } from './components/Stack';
40
+ export { Box } from './components/Box';
41
+ export type { BoxProps, SpacingScale, SemanticSurface, Radius, } from './components/Box';
40
42
  export { Card } from './components/Card';
41
43
  export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardVariant, } from './components/Card';
42
44
  export { AgentCard } from './components/AgentCard';