@loom-sdc/design-system 0.2.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/fonts.css

@@ -0,0 +1,140 @@
+/* Hairline → 100 | Thin → 200 | Ultralight → 300 | Light → 350
+   Regular → 400  | Medium → 500 | Bold → 700 | Extrabold → 800
+   Black → 900    | Super → 950
+   CSS Fonts Level 4 allows any integer 1–1000, so 350 and 950 are valid. */
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Hairline-web.woff2') format('woff2');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-HairlineItalic-web.woff2') format('woff2');
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Thin-web.woff2') format('woff2');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-ThinItalic-web.woff2') format('woff2');
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Ultralight-web.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Light-web.woff2') format('woff2');
+  font-weight: 350;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-LightItalic-web.woff2') format('woff2');
+  font-weight: 350;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Regular-web.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-RegularItalic-web.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Medium-web.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-MediumItalic-web.woff2') format('woff2');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Bold-web.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-BoldItalic-web.woff2') format('woff2');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Extrabold-web.woff2') format('woff2');
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Black-web.woff2') format('woff2');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-Super-web.woff2') format('woff2');
+  font-weight: 950;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'TWK Everett';
+  src: url('./fonts/TWKEverett-SuperItalic-web.woff2') format('woff2');
+  font-weight: 950;
+  font-style: italic;
+  font-display: swap;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react/jsx-runtime`);var t={sans:`var(--_147ti5g0)`,mono:`var(--_147ti5g1)`},n={surfaceRaised:`var(--n4rd7s0)`,surfaceBase:`var(--n4rd7s1)`,surfaceSubtle:`var(--n4rd7s2)`,surfaceNeutral:`var(--n4rd7s3)`,brandPrimary:`var(--n4rd7s4)`,brandPrimarySubtle:`var(--n4rd7s5)`,brandAccent:`var(--n4rd7s6)`,brandAccentSubtle:`var(--n4rd7s7)`,borderDefault:`var(--n4rd7s8)`,borderStrong:`var(--n4rd7s9)`,borderSubtle:`var(--n4rd7sa)`,textPrimary:`var(--n4rd7sb)`,textSecondary:`var(--n4rd7sc)`,textDisabled:`var(--n4rd7sd)`,textInverse:`var(--n4rd7se)`,textOnBrand:`var(--n4rd7sf)`,feedbackSuccess:`var(--n4rd7sg)`,feedbackSuccessSubtle:`var(--n4rd7sh)`,feedbackWarning:`var(--n4rd7si)`,feedbackWarningStrong:`var(--n4rd7sj)`,feedbackWarningSubtle:`var(--n4rd7sk)`,feedbackDanger:`var(--n4rd7sl)`,feedbackDangerSubtle:`var(--n4rd7sm)`},r={cyan100:`var(--crr3d10)`,cyan200:`var(--crr3d11)`,cyan300:`var(--crr3d12)`,cyan400:`var(--crr3d13)`,cyan500:`var(--crr3d14)`,cyan600:`var(--crr3d15)`,cyan700:`var(--crr3d16)`,cyan800:`var(--crr3d17)`,cyan900:`var(--crr3d18)`,red100:`var(--crr3d19)`,red200:`var(--crr3d1a)`,red300:`var(--crr3d1b)`,red400:`var(--crr3d1c)`,red500:`var(--crr3d1d)`,red600:`var(--crr3d1e)`,red700:`var(--crr3d1f)`,red800:`var(--crr3d1g)`,red900:`var(--crr3d1h)`,neutral100:`var(--crr3d1i)`,neutral200:`var(--crr3d1j)`,neutral300:`var(--crr3d1k)`,neutral400:`var(--crr3d1l)`,neutral500:`var(--crr3d1m)`,neutral600:`var(--crr3d1n)`,neutral700:`var(--crr3d1o)`,neutral800:`var(--crr3d1p)`,neutral900:`var(--crr3d1q)`,green100:`var(--crr3d1r)`,green200:`var(--crr3d1s)`,green300:`var(--crr3d1t)`,green400:`var(--crr3d1u)`,green500:`var(--crr3d1v)`,green600:`var(--crr3d1w)`,green700:`var(--crr3d1x)`,green800:`var(--crr3d1y)`,green900:`var(--crr3d1z)`,amber100:`var(--crr3d110)`,amber200:`var(--crr3d111)`,amber300:`var(--crr3d112)`,amber400:`var(--crr3d113)`,amber500:`var(--crr3d114)`,amber600:`var(--crr3d115)`,amber700:`var(--crr3d116)`,amber800:`var(--crr3d117)`,amber900:`var(--crr3d118)`},i={xxs:`var(--gn271l0)`,xs:`var(--gn271l1)`,sm:`var(--gn271l2)`,md:`var(--gn271l3)`,lg:`var(--gn271l4)`,xl:`var(--gn271l5)`},a={xxs:`var(--_1r3v8qb0)`,xs:`var(--_1r3v8qb1)`,sm:`var(--_1r3v8qb2)`,md:`var(--_1r3v8qb3)`,lg:`var(--_1r3v8qb4)`},o={xxs:`var(--_17uaar60)`,xs:`var(--_17uaar61)`,sm:`var(--_17uaar62)`,md:`var(--_17uaar63)`,lg:`var(--_17uaar64)`},s={xxs:`var(--g2g2zb0)`,xs:`var(--g2g2zb1)`,sm:`var(--g2g2zb2)`,base:`var(--g2g2zb3)`,lg:`var(--g2g2zb4)`,xl:`var(--g2g2zb5)`,xl2:`var(--g2g2zb6)`,xl3:`var(--g2g2zb7)`,xl4:`var(--g2g2zb8)`,xl5:`var(--g2g2zb9)`,xl6:`var(--g2g2zba)`,xl7:`var(--g2g2zbb)`,xl8:`var(--g2g2zbc)`},c={none:`var(--_6tzq000)`,px:`var(--_6tzq001)`,xxs:`var(--_6tzq002)`,xs:`var(--_6tzq003)`,sm:`var(--_6tzq004)`,md:`var(--_6tzq005)`,lg:`var(--_6tzq006)`,xl:`var(--_6tzq007)`,xl2:`var(--_6tzq008)`,xl3:`var(--_6tzq009)`,xl4:`var(--_6tzq00a)`,xl5:`var(--_6tzq00b)`,xl6:`var(--_6tzq00c)`,xl7:`var(--_6tzq00d)`,xl8:`var(--_6tzq00e)`},l={thin:`var(--scju2v0)`,extralight:`var(--scju2v1)`,light:`var(--scju2v2)`,normal:`var(--scju2v3)`,medium:`var(--scju2v4)`,semibold:`var(--scju2v5)`,bold:`var(--scju2v6)`,extrabold:`var(--scju2v7)`,black:`var(--scju2v8)`},u={none:`var(--_1ybwetq0)`,tight:`var(--_1ybwetq1)`,snug:`var(--_1ybwetq2)`,normal:`var(--_1ybwetq3)`,relaxed:`var(--_1ybwetq4)`,loose:`var(--_1ybwetq5)`},d={none:`var(--_1fh9yx40)`,sm:`var(--_1fh9yx41)`,base:`var(--_1fh9yx42)`,md:`var(--_1fh9yx43)`,lg:`var(--_1fh9yx44)`,xl:`var(--_1fh9yx45)`,xl2:`var(--_1fh9yx46)`,inner:`var(--_1fh9yx47)`},f={hide:`var(--_1alu3u80)`,base:`var(--_1alu3u81)`,raised:`var(--_1alu3u82)`,dropdown:`var(--_1alu3u83)`,sticky:`var(--_1alu3u84)`,overlay:`var(--_1alu3u85)`,modal:`var(--_1alu3u86)`},p=`y5q6570`,m={none:`y5q6571`,px:`y5q6572`,xxs:`y5q6573`,xs:`y5q6574`,sm:`y5q6575`,md:`y5q6576`,lg:`y5q6577`,xl:`y5q6578`,xl2:`y5q6579`,xl3:`y5q657a`,xl4:`y5q657b`,xl5:`y5q657c`,xl6:`y5q657d`,xl7:`y5q657e`,xl8:`y5q657f`},h={start:`y5q657g`,center:`y5q657h`,end:`y5q657i`,stretch:`y5q657j`,baseline:`y5q657k`},g={start:`y5q657l`,center:`y5q657m`,end:`y5q657n`,between:`y5q657o`,around:`y5q657p`,evenly:`y5q657q`};function _({as:t,gap:n,align:r=`stretch`,justify:i=`start`,children:a,className:o,...s}){return(0,e.jsx)(t??`div`,{className:[p,n===void 0?void 0:m[n],h[r],g[i],o].filter(Boolean).join(` `),...s,children:a})}var v=`_1wqyejm0`,y=`_1wqyejm1`,b={none:`_1wqyejm2`,px:`_1wqyejm3`,xxs:`_1wqyejm4`,xs:`_1wqyejm5`,sm:`_1wqyejm6`,md:`_1wqyejm7`,lg:`_1wqyejm8`,xl:`_1wqyejm9`,xl2:`_1wqyejma`,xl3:`_1wqyejmb`,xl4:`_1wqyejmc`,xl5:`_1wqyejmd`,xl6:`_1wqyejme`,xl7:`_1wqyejmf`,xl8:`_1wqyejmg`},x={start:`_1wqyejmh`,center:`_1wqyejmi`,end:`_1wqyejmj`,stretch:`_1wqyejmk`,baseline:`_1wqyejml`},S={start:`_1wqyejmm`,center:`_1wqyejmn`,end:`_1wqyejmo`,between:`_1wqyejmp`,around:`_1wqyejmq`,evenly:`_1wqyejmr`};function C({as:t,gap:n,align:r=`center`,justify:i=`start`,wrap:a=!1,children:o,className:s,...c}){return(0,e.jsx)(t??`div`,{className:[v,a?y:void 0,n===void 0?void 0:b[n],x[r],S[i],s].filter(Boolean).join(` `),...c,children:o})}var w=`_1okjbro0`;function T({as:t,padding:n,paddingX:r,paddingY:i,children:a,className:o,style:s,...l}){let u=t??`div`,d={...n&&{padding:c[n]},...r&&{paddingInline:c[r]},...i&&{paddingBlock:c[i]}};return(0,e.jsx)(u,{className:[w,o].filter(Boolean).join(` `),style:{...d,...s},...l,children:a})}exports.Box=T,exports.Inline=C,exports.Stack=_,exports.colorVars=n,exports.fontFamilyVars=t,exports.fontSizeVars=s,exports.fontWeightVars=l,exports.heightVars=i,exports.iconSizeVars=a,exports.lineHeightVars=u,exports.paletteVars=r,exports.radiusVars=o,exports.shadowVars=d,exports.spacingVars=c,exports.zIndexVars=f;

package/dist/index.d.ts

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

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC"}

package/dist/index.mjs

@@ -0,0 +1,274 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/design-system/package/tokens/fontFamily/fontFamily.tokens.css.ts
+var t = {
+	sans: "var(--_147ti5g0)",
+	mono: "var(--_147ti5g1)"
+}, n = {
+	surfaceRaised: "var(--n4rd7s0)",
+	surfaceBase: "var(--n4rd7s1)",
+	surfaceSubtle: "var(--n4rd7s2)",
+	surfaceNeutral: "var(--n4rd7s3)",
+	brandPrimary: "var(--n4rd7s4)",
+	brandPrimarySubtle: "var(--n4rd7s5)",
+	brandAccent: "var(--n4rd7s6)",
+	brandAccentSubtle: "var(--n4rd7s7)",
+	borderDefault: "var(--n4rd7s8)",
+	borderStrong: "var(--n4rd7s9)",
+	borderSubtle: "var(--n4rd7sa)",
+	textPrimary: "var(--n4rd7sb)",
+	textSecondary: "var(--n4rd7sc)",
+	textDisabled: "var(--n4rd7sd)",
+	textInverse: "var(--n4rd7se)",
+	textOnBrand: "var(--n4rd7sf)",
+	feedbackSuccess: "var(--n4rd7sg)",
+	feedbackSuccessSubtle: "var(--n4rd7sh)",
+	feedbackWarning: "var(--n4rd7si)",
+	feedbackWarningStrong: "var(--n4rd7sj)",
+	feedbackWarningSubtle: "var(--n4rd7sk)",
+	feedbackDanger: "var(--n4rd7sl)",
+	feedbackDangerSubtle: "var(--n4rd7sm)"
+}, r = {
+	cyan100: "var(--crr3d10)",
+	cyan200: "var(--crr3d11)",
+	cyan300: "var(--crr3d12)",
+	cyan400: "var(--crr3d13)",
+	cyan500: "var(--crr3d14)",
+	cyan600: "var(--crr3d15)",
+	cyan700: "var(--crr3d16)",
+	cyan800: "var(--crr3d17)",
+	cyan900: "var(--crr3d18)",
+	red100: "var(--crr3d19)",
+	red200: "var(--crr3d1a)",
+	red300: "var(--crr3d1b)",
+	red400: "var(--crr3d1c)",
+	red500: "var(--crr3d1d)",
+	red600: "var(--crr3d1e)",
+	red700: "var(--crr3d1f)",
+	red800: "var(--crr3d1g)",
+	red900: "var(--crr3d1h)",
+	neutral100: "var(--crr3d1i)",
+	neutral200: "var(--crr3d1j)",
+	neutral300: "var(--crr3d1k)",
+	neutral400: "var(--crr3d1l)",
+	neutral500: "var(--crr3d1m)",
+	neutral600: "var(--crr3d1n)",
+	neutral700: "var(--crr3d1o)",
+	neutral800: "var(--crr3d1p)",
+	neutral900: "var(--crr3d1q)",
+	green100: "var(--crr3d1r)",
+	green200: "var(--crr3d1s)",
+	green300: "var(--crr3d1t)",
+	green400: "var(--crr3d1u)",
+	green500: "var(--crr3d1v)",
+	green600: "var(--crr3d1w)",
+	green700: "var(--crr3d1x)",
+	green800: "var(--crr3d1y)",
+	green900: "var(--crr3d1z)",
+	amber100: "var(--crr3d110)",
+	amber200: "var(--crr3d111)",
+	amber300: "var(--crr3d112)",
+	amber400: "var(--crr3d113)",
+	amber500: "var(--crr3d114)",
+	amber600: "var(--crr3d115)",
+	amber700: "var(--crr3d116)",
+	amber800: "var(--crr3d117)",
+	amber900: "var(--crr3d118)"
+}, i = {
+	xxs: "var(--gn271l0)",
+	xs: "var(--gn271l1)",
+	sm: "var(--gn271l2)",
+	md: "var(--gn271l3)",
+	lg: "var(--gn271l4)",
+	xl: "var(--gn271l5)"
+}, a = {
+	xxs: "var(--_1r3v8qb0)",
+	xs: "var(--_1r3v8qb1)",
+	sm: "var(--_1r3v8qb2)",
+	md: "var(--_1r3v8qb3)",
+	lg: "var(--_1r3v8qb4)"
+}, o = {
+	xxs: "var(--_17uaar60)",
+	xs: "var(--_17uaar61)",
+	sm: "var(--_17uaar62)",
+	md: "var(--_17uaar63)",
+	lg: "var(--_17uaar64)"
+}, s = {
+	xxs: "var(--g2g2zb0)",
+	xs: "var(--g2g2zb1)",
+	sm: "var(--g2g2zb2)",
+	base: "var(--g2g2zb3)",
+	lg: "var(--g2g2zb4)",
+	xl: "var(--g2g2zb5)",
+	xl2: "var(--g2g2zb6)",
+	xl3: "var(--g2g2zb7)",
+	xl4: "var(--g2g2zb8)",
+	xl5: "var(--g2g2zb9)",
+	xl6: "var(--g2g2zba)",
+	xl7: "var(--g2g2zbb)",
+	xl8: "var(--g2g2zbc)"
+}, c = {
+	none: "var(--_6tzq000)",
+	px: "var(--_6tzq001)",
+	xxs: "var(--_6tzq002)",
+	xs: "var(--_6tzq003)",
+	sm: "var(--_6tzq004)",
+	md: "var(--_6tzq005)",
+	lg: "var(--_6tzq006)",
+	xl: "var(--_6tzq007)",
+	xl2: "var(--_6tzq008)",
+	xl3: "var(--_6tzq009)",
+	xl4: "var(--_6tzq00a)",
+	xl5: "var(--_6tzq00b)",
+	xl6: "var(--_6tzq00c)",
+	xl7: "var(--_6tzq00d)",
+	xl8: "var(--_6tzq00e)"
+}, l = {
+	thin: "var(--scju2v0)",
+	extralight: "var(--scju2v1)",
+	light: "var(--scju2v2)",
+	normal: "var(--scju2v3)",
+	medium: "var(--scju2v4)",
+	semibold: "var(--scju2v5)",
+	bold: "var(--scju2v6)",
+	extrabold: "var(--scju2v7)",
+	black: "var(--scju2v8)"
+}, u = {
+	none: "var(--_1ybwetq0)",
+	tight: "var(--_1ybwetq1)",
+	snug: "var(--_1ybwetq2)",
+	normal: "var(--_1ybwetq3)",
+	relaxed: "var(--_1ybwetq4)",
+	loose: "var(--_1ybwetq5)"
+}, d = {
+	none: "var(--_1fh9yx40)",
+	sm: "var(--_1fh9yx41)",
+	base: "var(--_1fh9yx42)",
+	md: "var(--_1fh9yx43)",
+	lg: "var(--_1fh9yx44)",
+	xl: "var(--_1fh9yx45)",
+	xl2: "var(--_1fh9yx46)",
+	inner: "var(--_1fh9yx47)"
+}, f = {
+	hide: "var(--_1alu3u80)",
+	base: "var(--_1alu3u81)",
+	raised: "var(--_1alu3u82)",
+	dropdown: "var(--_1alu3u83)",
+	sticky: "var(--_1alu3u84)",
+	overlay: "var(--_1alu3u85)",
+	modal: "var(--_1alu3u86)"
+}, p = "y5q6570", m = {
+	none: "y5q6571",
+	px: "y5q6572",
+	xxs: "y5q6573",
+	xs: "y5q6574",
+	sm: "y5q6575",
+	md: "y5q6576",
+	lg: "y5q6577",
+	xl: "y5q6578",
+	xl2: "y5q6579",
+	xl3: "y5q657a",
+	xl4: "y5q657b",
+	xl5: "y5q657c",
+	xl6: "y5q657d",
+	xl7: "y5q657e",
+	xl8: "y5q657f"
+}, h = {
+	start: "y5q657g",
+	center: "y5q657h",
+	end: "y5q657i",
+	stretch: "y5q657j",
+	baseline: "y5q657k"
+}, g = {
+	start: "y5q657l",
+	center: "y5q657m",
+	end: "y5q657n",
+	between: "y5q657o",
+	around: "y5q657p",
+	evenly: "y5q657q"
+};
+//#endregion
+//#region src/design-system/package/ui/primitives/Stack/adapters/Stack.react.tsx
+function _({ as: t, gap: n, align: r = "stretch", justify: i = "start", children: a, className: o, ...s }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: [
+			p,
+			n === void 0 ? void 0 : m[n],
+			h[r],
+			g[i],
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: a
+	});
+}
+//#endregion
+//#region src/design-system/package/ui/primitives/Inline/Inline.css.ts
+var v = "_1wqyejm0", y = "_1wqyejm1", b = {
+	none: "_1wqyejm2",
+	px: "_1wqyejm3",
+	xxs: "_1wqyejm4",
+	xs: "_1wqyejm5",
+	sm: "_1wqyejm6",
+	md: "_1wqyejm7",
+	lg: "_1wqyejm8",
+	xl: "_1wqyejm9",
+	xl2: "_1wqyejma",
+	xl3: "_1wqyejmb",
+	xl4: "_1wqyejmc",
+	xl5: "_1wqyejmd",
+	xl6: "_1wqyejme",
+	xl7: "_1wqyejmf",
+	xl8: "_1wqyejmg"
+}, x = {
+	start: "_1wqyejmh",
+	center: "_1wqyejmi",
+	end: "_1wqyejmj",
+	stretch: "_1wqyejmk",
+	baseline: "_1wqyejml"
+}, S = {
+	start: "_1wqyejmm",
+	center: "_1wqyejmn",
+	end: "_1wqyejmo",
+	between: "_1wqyejmp",
+	around: "_1wqyejmq",
+	evenly: "_1wqyejmr"
+};
+//#endregion
+//#region src/design-system/package/ui/primitives/Inline/adapters/Inline.react.tsx
+function C({ as: t, gap: n, align: r = "center", justify: i = "start", wrap: a = !1, children: o, className: s, ...c }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: [
+			v,
+			a ? y : void 0,
+			n === void 0 ? void 0 : b[n],
+			x[r],
+			S[i],
+			s
+		].filter(Boolean).join(" "),
+		...c,
+		children: o
+	});
+}
+//#endregion
+//#region src/design-system/package/ui/primitives/Box/Box.css.ts
+var w = "_1okjbro0";
+//#endregion
+//#region src/design-system/package/ui/primitives/Box/adapters/Box.react.tsx
+function T({ as: t, padding: n, paddingX: r, paddingY: i, children: a, className: o, style: s, ...l }) {
+	let u = t ?? "div", d = {
+		...n && { padding: c[n] },
+		...r && { paddingInline: c[r] },
+		...i && { paddingBlock: c[i] }
+	};
+	return /* @__PURE__ */ e(u, {
+		className: [w, o].filter(Boolean).join(" "),
+		style: {
+			...d,
+			...s
+		},
+		...l,
+		children: a
+	});
+}
+//#endregion
+export { T as Box, C as Inline, _ as Stack, n as colorVars, t as fontFamilyVars, s as fontSizeVars, l as fontWeightVars, i as heightVars, a as iconSizeVars, u as lineHeightVars, r as paletteVars, o as radiusVars, d as shadowVars, c as spacingVars, f as zIndexVars };

package/dist/style.css

@@ -0,0 +1,2 @@
+:root{--_147ti5g0:"TWK Everett", system-ui, sans-serif;--_147ti5g1:ui-monospace, Consolas, monospace;--crr3d10:#e0f9fc;--crr3d11:#b8eef5;--crr3d12:#80e2ee;--crr3d13:#42d8ec;--crr3d14:#20bdd6;--crr3d15:#1897ad;--crr3d16:#117287;--crr3d17:#0a4e5e;--crr3d18:#052a33;--crr3d19:#ffe9e5;--crr3d1a:#ffbfb3;--crr3d1b:#ff9280;--crr3d1c:#ff6650;--crr3d1d:#ff462d;--crr3d1e:#e83015;--crr3d1f:#c42208;--crr3d1g:#901905;--crr3d1h:#3d0a02;--crr3d1i:#e8e8e8;--crr3d1j:#c8c8c8;--crr3d1k:#a8a8a8;--crr3d1l:#848484;--crr3d1m:#666;--crr3d1n:#525252;--crr3d1o:#3a3a3a;--crr3d1p:#252525;--crr3d1q:#181818;--crr3d1r:#e5f8e2;--crr3d1s:#bbe8b4;--crr3d1t:#7dd374;--crr3d1u:#4dc043;--crr3d1v:#2bb309;--crr3d1w:#1e8c06;--crr3d1x:#145f04;--crr3d1y:#0c3e02;--crr3d1z:#062001;--crr3d110:#fff3e0;--crr3d111:#ffe0a0;--crr3d112:#ffcc6a;--crr3d113:#ffb237;--crr3d114:#ff9800;--crr3d115:#cc7a00;--crr3d116:#995b00;--crr3d117:#663d00;--crr3d118:#332000;--n4rd7s0:#2b2d2e;--n4rd7s1:#181818;--n4rd7s2:#252525;--n4rd7s3:#2f3031;--n4rd7s4:var(--crr3d1d);--n4rd7s5:var(--crr3d1h);--n4rd7s6:var(--crr3d13);--n4rd7s7:var(--crr3d18);--n4rd7s8:#343434;--n4rd7s9:var(--crr3d1n);--n4rd7sa:#2a2a2a;--n4rd7sb:#fff;--n4rd7sc:var(--crr3d1l);--n4rd7sd:var(--crr3d1j);--n4rd7se:#181818;--n4rd7sf:#0a1f22;--n4rd7sg:var(--crr3d1v);--n4rd7sh:var(--crr3d1z);--n4rd7si:var(--crr3d113);--n4rd7sj:var(--crr3d1c);--n4rd7sk:var(--crr3d118);--n4rd7sl:var(--crr3d1d);--n4rd7sm:var(--crr3d1h);--gn271l0:20px;--gn271l1:24px;--gn271l2:32px;--gn271l3:48px;--gn271l4:56px;--gn271l5:72px;--_1r3v8qb0:12px;--_1r3v8qb1:14px;--_1r3v8qb2:16px;--_1r3v8qb3:24px;--_1r3v8qb4:32px;--_17uaar60:2px;--_17uaar61:4px;--_17uaar62:6px;--_17uaar63:8px;--_17uaar64:16px;--g2g2zb0:10px;--g2g2zb1:12px;--g2g2zb2:14px;--g2g2zb3:16px;--g2g2zb4:18px;--g2g2zb5:20px;--g2g2zb6:24px;--g2g2zb7:30px;--g2g2zb8:36px;--g2g2zb9:48px;--g2g2zba:60px;--g2g2zbb:72px;--g2g2zbc:96px;--_6tzq000:0px;--_6tzq001:1px;--_6tzq002:2px;--_6tzq003:4px;--_6tzq004:8px;--_6tzq005:16px;--_6tzq006:24px;--_6tzq007:32px;--_6tzq008:48px;--_6tzq009:64px;--_6tzq00a:96px;--_6tzq00b:128px;--_6tzq00c:192px;--_6tzq00d:256px;--_6tzq00e:384px;--scju2v0:100;--scju2v1:200;--scju2v2:300;--scju2v3:400;--scju2v4:500;--scju2v5:600;--scju2v6:700;--scju2v7:800;--scju2v8:900;--_1ybwetq0:1;--_1ybwetq1:1.25;--_1ybwetq2:1.375;--_1ybwetq3:1.5;--_1ybwetq4:1.625;--_1ybwetq5:2;--_1fh9yx40:none;--_1fh9yx41:0 1px 2px 0 #00000040;--_1fh9yx42:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--_1fh9yx43:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000059;--_1fh9yx44:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--_1fh9yx45:0 20px 25px -5px #0006, 0 8px 10px -6px #0006;--_1fh9yx46:0 25px 50px -12px #00000080;--_1fh9yx47:inset 0 2px 4px 0 #00000040;--_1alu3u80:-1;--_1alu3u81:0;--_1alu3u82:10;--_1alu3u83:20;--_1alu3u84:30;--_1alu3u85:40;--_1alu3u86:50}.y5q6570{flex-direction:column;display:flex}.y5q6571{gap:var(--_6tzq000)}.y5q6572{gap:var(--_6tzq001)}.y5q6573{gap:var(--_6tzq002)}.y5q6574{gap:var(--_6tzq003)}.y5q6575{gap:var(--_6tzq004)}.y5q6576{gap:var(--_6tzq005)}.y5q6577{gap:var(--_6tzq006)}.y5q6578{gap:var(--_6tzq007)}.y5q6579{gap:var(--_6tzq008)}.y5q657a{gap:var(--_6tzq009)}.y5q657b{gap:var(--_6tzq00a)}.y5q657c{gap:var(--_6tzq00b)}.y5q657d{gap:var(--_6tzq00c)}.y5q657e{gap:var(--_6tzq00d)}.y5q657f{gap:var(--_6tzq00e)}.y5q657g{align-items:flex-start}.y5q657h{align-items:center}.y5q657i{align-items:flex-end}.y5q657j{align-items:stretch}.y5q657k{align-items:baseline}.y5q657l{justify-content:flex-start}.y5q657m{justify-content:center}.y5q657n{justify-content:flex-end}.y5q657o{justify-content:space-between}.y5q657p{justify-content:space-around}.y5q657q{justify-content:space-evenly}._1wqyejm0{flex-flow:row;display:flex}._1wqyejm1{flex-wrap:wrap}._1wqyejm2{gap:var(--_6tzq000)}._1wqyejm3{gap:var(--_6tzq001)}._1wqyejm4{gap:var(--_6tzq002)}._1wqyejm5{gap:var(--_6tzq003)}._1wqyejm6{gap:var(--_6tzq004)}._1wqyejm7{gap:var(--_6tzq005)}._1wqyejm8{gap:var(--_6tzq006)}._1wqyejm9{gap:var(--_6tzq007)}._1wqyejma{gap:var(--_6tzq008)}._1wqyejmb{gap:var(--_6tzq009)}._1wqyejmc{gap:var(--_6tzq00a)}._1wqyejmd{gap:var(--_6tzq00b)}._1wqyejme{gap:var(--_6tzq00c)}._1wqyejmf{gap:var(--_6tzq00d)}._1wqyejmg{gap:var(--_6tzq00e)}._1wqyejmh{align-items:flex-start}._1wqyejmi{align-items:center}._1wqyejmj{align-items:flex-end}._1wqyejmk{align-items:stretch}._1wqyejml{align-items:baseline}._1wqyejmm{justify-content:flex-start}._1wqyejmn{justify-content:center}._1wqyejmo{justify-content:flex-end}._1wqyejmp{justify-content:space-between}._1wqyejmq{justify-content:space-around}._1wqyejmr{justify-content:space-evenly}._1okjbro0{box-sizing:border-box}
+/*$vite$:1*/

package/dist/tokens/color/color.tokens.css.d.ts

@@ -0,0 +1,26 @@
+export declare const colorVars: {
+    surfaceRaised: `var(--${string})`;
+    surfaceBase: `var(--${string})`;
+    surfaceSubtle: `var(--${string})`;
+    surfaceNeutral: `var(--${string})`;
+    brandPrimary: `var(--${string})`;
+    brandPrimarySubtle: `var(--${string})`;
+    brandAccent: `var(--${string})`;
+    brandAccentSubtle: `var(--${string})`;
+    borderDefault: `var(--${string})`;
+    borderStrong: `var(--${string})`;
+    borderSubtle: `var(--${string})`;
+    textPrimary: `var(--${string})`;
+    textSecondary: `var(--${string})`;
+    textDisabled: `var(--${string})`;
+    textInverse: `var(--${string})`;
+    textOnBrand: `var(--${string})`;
+    feedbackSuccess: `var(--${string})`;
+    feedbackSuccessSubtle: `var(--${string})`;
+    feedbackWarning: `var(--${string})`;
+    feedbackWarningStrong: `var(--${string})`;
+    feedbackWarningSubtle: `var(--${string})`;
+    feedbackDanger: `var(--${string})`;
+    feedbackDangerSubtle: `var(--${string})`;
+};
+//# sourceMappingURL=color.tokens.css.d.ts.map

package/dist/tokens/color/color.tokens.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.tokens.css.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/color/color.tokens.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;CAiCpB,CAAC"}

package/dist/tokens/color/color.types.d.ts

@@ -0,0 +1,3 @@
+import { colorVars } from './color.tokens.css.ts';
+export type ColorTokenKey = keyof typeof colorVars;
+//# sourceMappingURL=color.types.d.ts.map

package/dist/tokens/color/color.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.types.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/color/color.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,SAAS,CAAC"}

package/dist/tokens/color/index.d.ts

@@ -0,0 +1,3 @@
+export { colorVars } from './color.tokens.css.ts';
+export type { ColorTokenKey } from './color.types.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/color/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/tokens/fontFamily/fontFamily.tokens.css.d.ts

@@ -0,0 +1,5 @@
+export declare const fontFamilyVars: {
+    sans: `var(--${string})`;
+    mono: `var(--${string})`;
+};
+//# sourceMappingURL=fontFamily.tokens.css.d.ts.map

package/dist/tokens/fontFamily/fontFamily.tokens.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamily.tokens.css.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/fontFamily/fontFamily.tokens.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;CAGzB,CAAC"}

package/dist/tokens/fontFamily/fontFamily.types.d.ts

@@ -0,0 +1,3 @@
+import { fontFamilyVars } from './fontFamily.tokens.css.ts';
+export type FontFamilyTokenKey = keyof typeof fontFamilyVars;
+//# sourceMappingURL=fontFamily.types.d.ts.map

package/dist/tokens/fontFamily/fontFamily.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamily.types.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/fontFamily/fontFamily.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC"}

package/dist/tokens/fontFamily/index.d.ts

@@ -0,0 +1,3 @@
+export { fontFamilyVars } from './fontFamily.tokens.css.ts';
+export type { FontFamilyTokenKey } from './fontFamily.types.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/fontFamily/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/fontFamily/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/tokens/fontSize/fontSize.tokens.css.d.ts

@@ -0,0 +1,16 @@
+export declare const fontSizeVars: {
+    xxs: `var(--${string})`;
+    xs: `var(--${string})`;
+    sm: `var(--${string})`;
+    base: `var(--${string})`;
+    lg: `var(--${string})`;
+    xl: `var(--${string})`;
+    xl2: `var(--${string})`;
+    xl3: `var(--${string})`;
+    xl4: `var(--${string})`;
+    xl5: `var(--${string})`;
+    xl6: `var(--${string})`;
+    xl7: `var(--${string})`;
+    xl8: `var(--${string})`;
+};
+//# sourceMappingURL=fontSize.tokens.css.d.ts.map

package/dist/tokens/fontSize/fontSize.tokens.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSize.tokens.css.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/fontSize/fontSize.tokens.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcvB,CAAC"}

package/dist/tokens/fontSize/fontSize.types.d.ts

@@ -0,0 +1,3 @@
+import { fontSizeVars } from './fontSize.tokens.css.ts';
+export type FontSizeTokenKey = keyof typeof fontSizeVars;
+//# sourceMappingURL=fontSize.types.d.ts.map