@janbox/storefront-builder 2.0.26 → 2.0.27

package/README.md

@@ -21,6 +21,7 @@ pnpm add react@^19 react-dom@^19 @janbox/storefront-ui@>=2
 | `@janbox/storefront-builder` | Node components (33 nodes) |
 | `@janbox/storefront-builder/editor` | Giao diện editor đầy đủ (`Editor` component + toolbars) |
 | `@janbox/storefront-builder/templates` | Element groups và section templates có sẵn |
+| `@janbox/storefront-builder/theme` | Design tokens (palette, text scale) dùng trong builder |
 | `@janbox/storefront-builder/style.css` | CSS bundle (bắt buộc import) |
 
 ---
@@ -403,6 +404,49 @@ type Theme = {
 
 ---
 
+## Builder Theme (Design Tokens)
+
+Ngoài theme của `@janbox/storefront-ui` (truyền vào `Editor`), builder cũng export bộ design tokens nội bộ dùng cho styling:
+
+```ts
+import { palette, text, theme } from '@janbox/storefront-builder/theme';
+```
+
+### `palette`
+
+Bảng màu nội bộ của builder — dùng cho UI editor và có thể tái sử dụng trong custom toolbar/component:
+
+```ts
+palette.primary['5s']  // '#597ef7'
+palette.ink['6s']      // '#333333'
+palette.red['4s']      // '#ff7875'
+```
+
+### `text`
+
+Text scale (font size + line height) theo các cấp từ `xs` đến `9xl`:
+
+```ts
+text.sm   // { fontSize: '0.875rem', lineHeight: '1.25rem' }
+text.base // { fontSize: '1rem', lineHeight: '1.5rem' }
+text['2xl'] // { fontSize: '1.5rem', lineHeight: '2rem' }
+```
+
+### `theme`
+
+Object tổng hợp `{ palette, text }` — tiện khi cần truyền cả hai:
+
+```ts
+import { theme } from '@janbox/storefront-builder/theme';
+
+theme.palette.blue['6s'] // '#0f62fe'
+theme.text.lg            // { fontSize: '1.125rem', lineHeight: '1.75rem' }
+```
+
+> **Lưu ý:** Đây là design tokens của builder UI, khác với prop `theme` (kiểu `Theme` của `@janbox/storefront-ui`) truyền vào `Editor` để theming storefront.
+
+---
+
 ## TypeScript
 
 Package đi kèm đầy đủ file `.d.ts`. Các type chính:

package/dist/{composer-DBRKIqu7.js → composer-I1-nDI_3.js}

@@ -1,6 +1,6 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import { useMemo as m, useEffect as f } from "react";
-import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-Bx7Helq-.js";
+import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-DzezW7No.js";
 import { isNil as u, isString as d } from "lodash-es";
 import "flat";
 const k = ({ children: t, data: e }) => {

package/dist/editor.js

@@ -1,11 +1,12 @@
 import { jsxs as b, jsx as r, Fragment as ct } from "@emotion/react/jsx-runtime";
-import { aA as zt, aB as c, aC as I, aD as Pe, aE as we, ax as _t, aF as Gt, aG as U, aH as We, b as Ye, B as Ze, a5 as Ut, aI as ae, aJ as dt, aK as Yt, aL as A, az as ht, ay as Zt, aM as Xt, aN as qt, aO as Jt, aP as Kt, aQ as Qt, aR as er, aS as tr, aT as rr, aU as nr, aV as or, aW as sr, aX as ir, u as G, aY as ar, aZ as lr, a_ as me, m as cr, i as dr, G as hr, l as Xe, p as ur, F as qe, t as pr, Y as gr, I as fr, a$ as br, s as wr, P as mr, b0 as ut, b1 as Be, b2 as kr, b3 as vr, b4 as Cr, b5 as xr, b6 as le, b7 as yr, b8 as X, b9 as pt, ba as Tr, bb as Sr, bc as Ir, bd as Mr, be as Er, a4 as gt, a0 as ft, bf as Je, bg as Lr, bh as Rr, N as je, bi as Wr, bj as Nr, bk as Ar, a2 as Dr, bl as Ke, bm as Pr } from "./toaster-Bx7Helq-.js";
-import { bn as Zo, bo as Xo, bp as qo, bq as Jo, br as Ko, bs as Qo, bt as es, bu as ts, bv as rs, bw as ns, bx as os, by as ss, bz as is, bA as as, bB as ls, bC as cs, bD as ds, bE as hs, bF as us, bG as ps, bH as gs, bI as fs, bJ as bs, bK as ws, bL as ms, bM as ks, bN as vs, bO as Cs, bP as xs, bQ as ys, bR as Ts, bS as Ss, bT as Is, bU as Ms, bV as Es, bW as Ls, bX as Rs, bY as Ws, bZ as Ns, b_ as As, b$ as Ds, c0 as Ps, c1 as Bs, c2 as js, c3 as Vs, c4 as Os, c5 as Fs, c6 as $s, c7 as Hs, c8 as zs, c9 as _s, ca as Gs, cb as Us, cc as Ys, cd as Zs, ce as Xs, cf as qs, cg as Js, W as Ks, ch as Qs, ci as ei, cj as ti, ck as ri, cl as ni } from "./toaster-Bx7Helq-.js";
+import { aA as zt, aB as I, aC as Pe, aD as we, ax as _t, aE as Gt, aF as U, b as Ye, B as Ze, a5 as Ut, aG as ae, aH as dt, aI as Yt, aJ as A, az as ht, ay as Zt, aK as Xt, aL as qt, aM as Jt, aN as Kt, aO as Qt, aP as er, aQ as tr, aR as rr, aS as nr, aT as or, aU as sr, aV as ir, u as G, aW as ar, aX as lr, aY as me, m as cr, i as dr, G as hr, l as Xe, p as ur, F as qe, t as pr, Y as gr, I as fr, aZ as br, s as wr, P as mr, a_ as ut, a$ as Be, b0 as kr, b1 as vr, b2 as Cr, b3 as xr, b4 as yr, b5 as X, b6 as pt, b7 as Tr, b8 as Sr, b9 as Ir, ba as Mr, bb as Er, a4 as gt, a0 as ft, bc as Je, bd as Lr, be as Rr, N as je, bf as Wr, bg as Nr, bh as Ar, a2 as Dr, bi as Ke, bj as Pr } from "./toaster-DzezW7No.js";
+import { bk as Xo, bl as qo, bm as Jo, bn as Ko, bo as Qo, bp as es, bq as ts, br as rs, bs as ns, bt as os, bu as ss, bv as is, bw as as, bx as ls, by as cs, bz as ds, bA as hs, bB as us, bC as ps, bD as gs, bE as fs, bF as bs, bG as ws, bH as ms, bI as ks, bJ as vs, bK as Cs, bL as xs, bM as ys, bN as Ts, bO as Ss, bP as Is, bQ as Ms, bR as Es, bS as Ls, bT as Rs, bU as Ws, bV as Ns, bW as As, bX as Ds, bY as Ps, bZ as Bs, b_ as js, b$ as Vs, c0 as Os, c1 as Fs, c2 as $s, c3 as Hs, c4 as zs, c5 as _s, c6 as Gs, c7 as Us, c8 as Ys, c9 as Zs, ca as Xs, cb as qs, cc as Js, cd as Ks, W as Qs, ce as ei, cf as ti, cg as ri, ch as ni, ci as oi } from "./toaster-DzezW7No.js";
 import { isNil as $, isUndefined as Br, throttle as jr, isFunction as Qe, isNumber as ke, isEqual as Vr } from "lodash-es";
 import { useState as j, useCallback as oe, useMemo as et, Fragment as J, isValidElement as Or, useRef as K, useEffect as z, Suspense as Fr, createElement as bt } from "react";
 import "flat";
-import { FLOATING_Z_INDEX as Ne, ThemeProvider as $r, breakpoint as Hr, createTheme as tt } from "@janbox/storefront-ui/theme";
+import { FLOATING_Z_INDEX as We, ThemeProvider as $r, breakpoint as Hr, createTheme as tt } from "@janbox/storefront-ui/theme";
 import { useControllableState as rt } from "@janbox/storefront-ui/hooks";
+import { theme as c, palette as Ne, text as le } from "./theme.js";
 import { CacheProvider as zr, Global as _r, createElement as Gr } from "@emotion/react";
 import { useFloating as Ce, autoUpdate as xe, flip as Ve, offset as wt, size as mt, useClick as Ur, useDismiss as kt, useRole as vt, useInteractions as Ct, FloatingPortal as ce, useHover as Yr, safePolygon as Zr, useFocus as Xr } from "@floating-ui/react";
 import "react-colorful";
@@ -13,7 +14,7 @@ import "overlayscrollbars-react";
 import "@tanstack/react-virtual";
 import qr, { useFrame as Oe } from "react-frame-component";
 import "react-dropzone";
-import { a as xt, C as Jr } from "./composer-DBRKIqu7.js";
+import { a as xt, C as Jr } from "./composer-I1-nDI_3.js";
 import "@janbox/storefront-ui/utils";
 import "@janbox/storefront-ui";
 class Kr {
@@ -53,7 +54,7 @@ const Qr = () => new Kr();
 function en() {
   return zt(Qr);
 }
-const Bo = (e) => {
+const jo = (e) => {
   const {
     innerRef: t,
     placement: o = "bottom-start",
@@ -131,7 +132,7 @@ const Bo = (e) => {
       mt({
         apply({ elements: k }) {
           const { width: S } = k.reference.getBoundingClientRect(), E = n === "fit-parent" ? S : n, H = {
-            zIndex: Ne
+            zIndex: We
           };
           Br(E) || (H.minWidth = `${E}px`), Object.assign(k.floating.style, H);
         }
@@ -261,7 +262,7 @@ const Bo = (e) => {
         css: { borderRadius: 8, backgroundColor: c.palette.ink["6s"] },
         style: {
           ...Pt,
-          zIndex: Ne
+          zIndex: We
         },
         ...Ft(),
         children: /* @__PURE__ */ r(
@@ -298,10 +299,10 @@ const Bo = (e) => {
       }
     ) })
   ] });
-}, jo = () => Gt(), Vo = ({ required: e, children: t, ...o }) => /* @__PURE__ */ b("div", { css: { marginBottom: 6, display: "flex", width: "fit-content" }, ...o, children: [
+}, Vo = () => Gt(), Oo = ({ required: e, children: t, ...o }) => /* @__PURE__ */ b("div", { css: { marginBottom: 6, display: "flex", width: "fit-content" }, ...o, children: [
   Or(t) ? t : /* @__PURE__ */ r("label", { children: t }),
   e && /* @__PURE__ */ r("span", { css: { color: c.palette.red["6s"] }, children: " *" })
-] }), Oo = () => {
+] }), Fo = () => {
   const [e, t] = j(0), [o, n] = j(!1), i = K(null), s = (f, u) => {
     if (!i.current) return 0;
     const p = i.current.getBoundingClientRect(), a = p.left + p.width / 2, w = p.top + p.height / 2, m = f - a, g = u - w;
@@ -1004,7 +1005,7 @@ const Rt = ({ children: e, viewport: t, containerProps: o }) => {
     return n.current && g.observe(n.current), () => g.disconnect();
   }, []);
   const l = Qe(t?.width) ? t.width(s.width) : t?.width, h = Qe(t?.height) ? t.height(s.height) : t?.height, f = ke(l) ? s.width / l : 1, u = ke(h) ? s.height / h : 1, p = Math.min(f, u, 1), a = (h ?? s.height / p) || 0, w = (l ?? s.width / p) || 0;
-  return /* @__PURE__ */ r("div", { ...o, css: { padding: 8, width: "100%", height: "100%", backgroundColor: We.ink["1s"] }, children: /* @__PURE__ */ r("div", { css: { position: "relative", overflow: "hidden", width: "100%", height: "100%" }, ref: n, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { ...o, css: { padding: 8, width: "100%", height: "100%", backgroundColor: Ne.ink["1s"] }, children: /* @__PURE__ */ r("div", { css: { position: "relative", overflow: "hidden", width: "100%", height: "100%" }, ref: n, children: /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -1079,7 +1080,7 @@ const Nn = [
     value: 1
     /* Unitless */
   }
-], Fo = ({ name: e, responsive: t = !0, value: o, onChange: n }) => {
+], $o = ({ name: e, responsive: t = !0, value: o, onChange: n }) => {
   const i = ke(o?.lineHeight) ? _.Unitless : _.Pixels, s = i === _.Unitless ? 0.1 : 1, d = Ut(o?.lineHeight, "float"), l = ({ unit: a, value: w }) => {
     if ($(w)) {
       n?.({
@@ -1156,7 +1157,7 @@ const Nn = [
     label: "Inline Grid",
     value: "inline-grid"
   }
-], $o = ({
+], Ho = ({
   name: e,
   responsive: t = !1,
   availableDisplays: o,
@@ -1179,7 +1180,7 @@ const Nn = [
       onChange: d
     }
   ) });
-}, Ho = ({ value: e, onChange: t, name: o, responsive: n = !1 }) => {
+}, zo = ({ value: e, onChange: t, name: o, responsive: n = !1 }) => {
   const i = {
     flexBasis: e?.flexBasis ?? "auto",
     flexGrow: e?.flexGrow ?? 0,
@@ -1217,7 +1218,7 @@ const Nn = [
     },
     h.value
   )) }) });
-}, zo = ({ name: e, value: t, onChange: o, responsive: n = !0 }) => {
+}, _o = ({ name: e, value: t, onChange: o, responsive: n = !0 }) => {
   const i = K(null), s = (d) => {
     o?.({
       minWidth: d
@@ -1236,7 +1237,7 @@ const Nn = [
       }
     }
   ) }) });
-}, _o = ({ value: e, onChange: t }) => {
+}, Go = ({ value: e, onChange: t }) => {
   const [o, n] = j(!1), i = (d) => {
     t?.({ ...e, sizeVariant: d });
   }, s = (d) => {
@@ -1676,7 +1677,7 @@ const Nn = [
       mt({
         apply({ elements: w }) {
           const m = {
-            zIndex: `${Ne}`,
+            zIndex: `${We}`,
             height: `${w.reference.getBoundingClientRect().height}px`
           };
           Object.assign(w.floating.style, m);
@@ -2384,7 +2385,7 @@ const Nn = [
       /* @__PURE__ */ r(Ar, {})
     ]
   }
-), Go = ({
+), Uo = ({
   theme: e,
   insert: t,
   resolver: o,
@@ -2411,8 +2412,8 @@ const Nn = [
           flexDirection: "column",
           width: "100vw",
           height: "100vh",
-          backgroundColor: We.ink["6s"],
-          color: We.white["6s"],
+          backgroundColor: Ne.ink["6s"],
+          color: Ne.white["6s"],
           ...le.xs
         },
         children: [
@@ -2436,85 +2437,85 @@ const Nn = [
   ] });
 };
 export {
-  Zo as AspectRatioToolbar,
-  Xo as BackgroundToolbar,
-  qo as BorderRadiusToolbar,
-  Jo as BorderToolbar,
-  Ko as ChildNodesToolbar,
-  Qo as ColorPickerContent,
+  Xo as AspectRatioToolbar,
+  qo as BackgroundToolbar,
+  Jo as BorderRadiusToolbar,
+  Ko as BorderToolbar,
+  Qo as ChildNodesToolbar,
+  es as ColorPickerContent,
   Je as ColorPickerPopover,
-  es as ColorPreview,
+  ts as ColorPreview,
   nr as ColorToolbar,
-  ts as ColorVariantToolbar,
-  rs as ColumnGapToolbar,
+  rs as ColorVariantToolbar,
+  ns as ColumnGapToolbar,
   sr as CssFontWeightToolbar,
   qt as CssSizeInput,
-  ns as CssTextAlignToolbar,
-  os as CssWidthToolbar,
-  Oo as DegreePicker,
-  $o as DisplayToolbar,
-  Go as Editor,
-  ss as FlexAlignItemsToolbar,
-  Ho as FlexToolbar,
-  is as FlexWrapToolbar,
-  as as FontSizeToolbar,
+  os as CssTextAlignToolbar,
+  ss as CssWidthToolbar,
+  Fo as DegreePicker,
+  Ho as DisplayToolbar,
+  Uo as Editor,
+  is as FlexAlignItemsToolbar,
+  zo as FlexToolbar,
+  as as FlexWrapToolbar,
+  ls as FontSizeToolbar,
   Rt as FramePreview,
-  ls as GridAlignItemsToolbar,
-  cs as HeightToolbar,
-  ds as HtmlAnchorTargetToolbar,
-  hs as ImageGalleryDialog,
-  us as ImageSourceSelection,
-  ps as InsertInlineToolbar,
-  gs as InsertLinkToolbar,
-  fs as JustifyContentToolbar,
-  bs as JustifyItemsToolbar,
-  Fo as LineHeightToolbar,
-  ws as MarginToolbar,
-  zo as MinWidthToolbar,
+  cs as GridAlignItemsToolbar,
+  ds as HeightToolbar,
+  hs as HtmlAnchorTargetToolbar,
+  us as ImageGalleryDialog,
+  ps as ImageSourceSelection,
+  gs as InsertInlineToolbar,
+  fs as InsertLinkToolbar,
+  bs as JustifyContentToolbar,
+  ws as JustifyItemsToolbar,
+  $o as LineHeightToolbar,
+  ms as MarginToolbar,
+  _o as MinWidthToolbar,
   Ar as NodeDeleteToolbar,
   Wr as NodeDragToolbar,
   Nr as NodeNameToolbar,
-  ms as NumberField,
-  ks as NumberFieldMixOptions,
-  vs as ObjectFitToolbar,
-  Cs as OrderToolbar,
-  xs as PaddingToolbar,
-  ys as RowGapToolbar,
-  Ts as SvgSourceToolbar,
-  Ss as TagNameToolbar,
+  ks as NumberField,
+  vs as NumberFieldMixOptions,
+  Cs as ObjectFitToolbar,
+  xs as OrderToolbar,
+  ys as PaddingToolbar,
+  Ts as RowGapToolbar,
+  Ss as SvgSourceToolbar,
+  Is as TagNameToolbar,
   rr as TextSizeVariantToolbar,
-  _o as TextStyleGroupToolbar,
+  Go as TextStyleGroupToolbar,
   or as TextStyleToolbar,
   ir as TextTransformToolbar,
   ae as ToolbarField,
-  Is as ToolbarGroup,
-  Ms as VisibilityToolbar,
+  Ms as ToolbarGroup,
+  Es as VisibilityToolbar,
   me as WbButton,
   ar as WbButtonGroup,
-  Bo as WbCascader,
+  jo as WbCascader,
   Tr as WbCollapse,
-  Es as WbColorPicker,
-  Ls as WbDatePicker,
-  Rs as WbDialog,
-  Ws as WbDialogBody,
-  Ns as WbDialogClose,
-  As as WbDialogFooter,
-  Ds as WbDialogHeader,
-  Ps as WbDropzone,
-  Bs as WbFloating,
-  js as WbFloatingClose,
-  Vs as WbFloatingContent,
-  Os as WbFloatingContext,
-  Vo as WbFormLabel,
+  Ls as WbColorPicker,
+  Rs as WbDatePicker,
+  Ws as WbDialog,
+  Ns as WbDialogBody,
+  As as WbDialogClose,
+  Ds as WbDialogFooter,
+  Ps as WbDialogHeader,
+  Bs as WbDropzone,
+  js as WbFloating,
+  Vs as WbFloatingClose,
+  Os as WbFloatingContent,
+  Fs as WbFloatingContext,
+  Oo as WbFormLabel,
   I as WbIcon,
   A as WbIconButton,
   ut as WbInput,
   Yt as WbInputNumber,
-  Fs as WbLoadingOverlay,
-  $s as WbMenu,
-  Hs as WbMenuItem,
-  zs as WbMenuList,
-  _s as WbMenuTrigger,
+  $s as WbLoadingOverlay,
+  Hs as WbMenu,
+  zs as WbMenuItem,
+  _s as WbMenuList,
+  Gs as WbMenuTrigger,
   Jt as WbPopover,
   tr as WbPopoverClose,
   er as WbPopoverContent,
@@ -2523,20 +2524,20 @@ export {
   Be as WbScrollView,
   Xt as WbSelect,
   Sr as WbSvgLoader,
-  Gs as WbSwitch,
-  Us as WbTab,
-  Ys as WbTabContent,
-  Zs as WbTabList,
-  Xs as WbTabPanel,
-  qs as WbTabs,
-  Js as WbTextarea,
-  Ks as WbTooltip,
-  Qs as WbVirtualizedList,
-  ei as pushToast,
-  ti as textSizeVariantOptions,
-  jo as useDialogContext,
+  Us as WbSwitch,
+  Ys as WbTab,
+  Zs as WbTabContent,
+  Xs as WbTabList,
+  qs as WbTabPanel,
+  Js as WbTabs,
+  Ks as WbTextarea,
+  Qs as WbTooltip,
+  ei as WbVirtualizedList,
+  ti as pushToast,
+  ri as textSizeVariantOptions,
+  Vo as useDialogContext,
   U as useEditor,
-  ri as useEditorResponsive,
-  ni as useInlineEditable,
+  ni as useEditorResponsive,
+  oi as useInlineEditable,
   Gt as useWbFloatingContext
 };

package/dist/index-BQy3TapM.js

@@ -0,0 +1,4 @@
+import { W as p } from "./toaster-DzezW7No.js";
+export {
+  p as WbTooltip
+};

package/dist/index.js

@@ -1,9 +1,9 @@
-import { N as n, c as t } from "./toaster-Bx7Helq-.js";
-import { A as I, e as L, f as T, h as x, i as R, j as S, k as w, l as A, m as E, n as h, o as F, F as U, p as k, q, G as B, H as G, s as H, I as M, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, z as X, E as Y, S as Z, J as _, T as $, K as W, O as ee, Q as oe, U as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, a0 as ue, a1 as ie, a2 as pe, g as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, aa as Ce, ab as Ie, ac as Le, ad as Te, u as xe, ae as Re, af as Se, ag as we, ah as Ae, ai as Ee, aj as he, ak as Fe, al as Ue, am as ke, an as qe, ao as Be, ap as Ge, aq as He, ar as Me, as as ye, at as Ve, au as je, av as De, aw as ze } from "./toaster-Bx7Helq-.js";
+import { N as n, c as t } from "./toaster-DzezW7No.js";
+import { A as I, e as L, f as T, h as x, i as R, j as S, k as w, l as A, m as E, n as h, o as F, F as U, p as k, q, G as B, H as G, s as H, I as M, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, z as X, E as Y, S as Z, J as _, T as $, K as W, O as ee, Q as oe, U as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, a0 as ue, a1 as ie, a2 as pe, g as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, aa as Ce, ab as Ie, ac as Le, ad as Te, u as xe, ae as Re, af as Se, ag as we, ah as Ae, ai as Ee, aj as he, ak as Fe, al as Ue, am as ke, an as qe, ao as Be, ap as Ge, aq as He, ar as Me, as as ye, at as Ve, au as je, av as De, aw as ze } from "./toaster-DzezW7No.js";
 import "lodash-es";
 import { useRef as N, useEffect as u } from "react";
 import { getTabPanelProps as i, getListItemProps as p } from "@janbox/storefront-ui";
-import { C as Ke, a as Oe } from "./composer-DBRKIqu7.js";
+import { C as Ke, a as Oe } from "./composer-I1-nDI_3.js";
 const g = ({ enabled: a, onChange: r }) => {
   const { dom: e } = n((s) => ({ dom: s.dom })), o = N(void 0);
   u(() => {

package/dist/templates.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
 import { getColorVar as t } from "@janbox/storefront-ui/theme";
-import { m, G as d, l as n, p as y, F as u, z as B, P as i, s as r, i as g, I as v, ax as k, j as f, t as p, x as V, M as b, e as T, ay as R, az as w, f as s, h as l, A as c, n as A } from "./toaster-Bx7Helq-.js";
+import { m, G as d, l as n, p as y, F as u, z as B, P as i, s as r, i as g, I as v, ax as k, j as f, t as p, x as V, M as b, e as T, ay as R, az as w, f as s, h as l, A as c, n as A } from "./toaster-DzezW7No.js";
 import "lodash-es";
 import "react";
 import "flat";

package/dist/theme.js

@@ -0,0 +1,109 @@
+const f = {
+  light: "#f9f9f9",
+  primary: {
+    "1s": "#f0f5ff",
+    "2s": "#d6e4ff",
+    "3s": "#adc6ff",
+    "4s": "#85a5ff",
+    "5s": "#597ef7",
+    "6s": "#1d39c4",
+    "7s": "#10239e"
+  },
+  red: {
+    "1s": "#fff1f0",
+    "2s": "#ffccc7",
+    "3s": "#ffa39e",
+    "4s": "#ff7875",
+    "5s": "#ff4d4f",
+    "6s": "#f5222d",
+    "7s": "#cf1322"
+  },
+  orange: {
+    "1s": "#fff7e6",
+    "2s": "#ffe7ba",
+    "3s": "#ffd591",
+    "4s": "#ffc069",
+    "5s": "#ffa940",
+    "6s": "#fa8c16",
+    "7s": "#d46b08"
+  },
+  yellow: {
+    "1s": "#feffe6",
+    "2s": "#ffffb8",
+    "3s": "#fffb8f",
+    "4s": "#fff566",
+    "5s": "#ffec3d",
+    "6s": "#fadb14",
+    "7s": "#e7c801"
+  },
+  green: {
+    "1s": "#f6ffed",
+    "2s": "#d9f7be",
+    "3s": "#b7eb8f",
+    "4s": "#95de64",
+    "5s": "#73d13d",
+    "6s": "#389e0d",
+    "7s": "#237804"
+  },
+  blue: {
+    "1s": "#e6f3ff",
+    "2s": "#b3d7ff",
+    "3s": "#8abeff",
+    "4s": "#61a3ff",
+    "5s": "#3884ff",
+    "6s": "#0f62fe",
+    "7s": "#0958d9"
+  },
+  violet: {
+    "1s": "#f9f0ff",
+    "2s": "#efdbff",
+    "3s": "#d3adf7",
+    "4s": "#b37feb",
+    "5s": "#9254de",
+    "6s": "#722ed1",
+    "7s": "#531dab"
+  },
+  ink: {
+    "1s": "#f2f2f2",
+    "2s": "#dddddd",
+    "3s": "#cccccc",
+    "4s": "#999999",
+    "5s": "#666666",
+    "6s": "#333333"
+  },
+  white: {
+    "1s": "rgba(255, 255, 255, 0.1)",
+    "2s": "rgba(255, 255, 255, 0.2)",
+    "3s": "rgba(255, 255, 255, 0.4)",
+    "4s": "rgba(255, 255, 255, 0.6)",
+    "5s": "rgba(255, 255, 255, 0.8)",
+    "6s": "rgba(255, 255, 255, 1)"
+  },
+  black: {
+    "1s": "rgba(51, 51, 51, 0.08)",
+    "2s": "rgba(51, 51, 51, 0.2)",
+    "3s": "rgba(51, 51, 51, 0.4)",
+    "4s": "rgba(51, 51, 51, 0.6)",
+    "5s": "rgba(51, 51, 51, 0.8)",
+    "7s": "rgba(0, 0, 0, 0.15)"
+  }
+}, e = {
+  xs: { fontSize: "0.75rem", lineHeight: "1rem" },
+  sm: { fontSize: "0.875rem", lineHeight: "1.25rem" },
+  base: { fontSize: "1rem", lineHeight: "1.5rem" },
+  lg: { fontSize: "1.125rem", lineHeight: "1.75rem" },
+  xl: { fontSize: "1.25rem", lineHeight: "1.75rem" },
+  "2xl": { fontSize: "1.5rem", lineHeight: "2rem" },
+  "3xl": { fontSize: "1.875rem", lineHeight: "2.25rem" },
+  "4xl": { fontSize: "2.25rem", lineHeight: "2.5rem" },
+  "5xl": { fontSize: "3rem", lineHeight: "1" },
+  "6xl": { fontSize: "3.75rem", lineHeight: "1" },
+  "7xl": { fontSize: "4.5rem", lineHeight: "1" },
+  "8xl": { fontSize: "6rem", lineHeight: "1" },
+  "9xl": { fontSize: "8rem", lineHeight: "1" }
+}, s = { palette: f, text: e };
+export {
+  f as palette,
+  e as text,
+  s as theme
+};