@anoki/fse-ui 1.0.0-beta1.48.42 → 1.0.0-beta1.48.44

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es244.js";
 import { clsx as c } from "./index.es246.js";
-import { createColorClasses as y } from "./index.es276.js";
+import { createColorClasses as y } from "./index.es274.js";
 const p = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es244.js";
 import { clsx as e } from "./index.es246.js";
-import { createColorClasses as i } from "./index.es276.js";
+import { createColorClasses as i } from "./index.es274.js";
 const x = ({
   width: a = 100,
   height: c = 100,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es244.js";
 import { clsx as q } from "./index.es246.js";
-import { createColorClasses as M } from "./index.es276.js";
+import { createColorClasses as M } from "./index.es274.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es244.js";
 import { clsx as s } from "./index.es246.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es244.js";
 import { clsx as i } from "./index.es246.js";
-import { createColorClasses as t } from "./index.es276.js";
+import { createColorClasses as t } from "./index.es274.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as r } from "./index.es246.js";
-import { createColorClasses as o } from "./index.es276.js";
+import { createColorClasses as o } from "./index.es274.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es244.js";
 import { clsx as z } from "./index.es246.js";
-import { createColorClasses as d } from "./index.es276.js";
+import { createColorClasses as d } from "./index.es274.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as t } from "./index.es276.js";
+import { createColorClasses as t } from "./index.es274.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as o } from "./index.es246.js";
-import { createColorClasses as v } from "./index.es276.js";
+import { createColorClasses as v } from "./index.es274.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as t } from "./index.es246.js";
-import { createColorClasses as i } from "./index.es276.js";
+import { createColorClasses as i } from "./index.es274.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es244.js";
 import { clsx as n } from "./index.es246.js";
-import { createColorClasses as x } from "./index.es276.js";
+import { createColorClasses as x } from "./index.es274.js";
 const c = ({
   width: t = 24,
   height: e = 24,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as v } from "./index.es246.js";
-import { createColorClasses as i } from "./index.es276.js";
+import { createColorClasses as i } from "./index.es274.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es244.js";
 import { clsx as V } from "./index.es246.js";
-import { createColorClasses as o } from "./index.es276.js";
+import { createColorClasses as o } from "./index.es274.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es244.js";
 import { clsx as t } from "./index.es246.js";
-import { createColorClasses as i } from "./index.es276.js";
+import { createColorClasses as i } from "./index.es274.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as c } from "./index.es246.js";
-import { createColorClasses as i } from "./index.es276.js";
+import { createColorClasses as i } from "./index.es274.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es244.js";
 import { clsx as v } from "./index.es246.js";
-import { createColorClasses as d } from "./index.es276.js";
+import { createColorClasses as d } from "./index.es274.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es244.js";
 import { clsx as h } from "./index.es246.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 const p = ({
   width: a = 32,
   height: r = 32,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es244.js";
 import { clsx as i } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as n } from "./index.es246.js";
-import { createColorClasses as p } from "./index.es276.js";
+import { createColorClasses as p } from "./index.es274.js";
 const c = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as t } from "./index.es246.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es244.js";
 import { clsx as d } from "./index.es246.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as o } from "./index.es246.js";
-import { createColorClasses as d } from "./index.es276.js";
+import { createColorClasses as d } from "./index.es274.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as r } from "./index.es246.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: s = 16,
   height: l = 29,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as a } from "./index.es246.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es244.js";
 import { clsx as c } from "./index.es246.js";
-import { createColorClasses as h } from "./index.es276.js";
+import { createColorClasses as h } from "./index.es274.js";
 const f = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as p } from "./index.es276.js";
+import { createColorClasses as p } from "./index.es274.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as c } from "./index.es276.js";
+import { createColorClasses as c } from "./index.es274.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es200.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as C } from "./index.es246.js";
-import { createColorClasses as f } from "./index.es276.js";
+import { createColorClasses as f } from "./index.es274.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es244.js";
 import { clsx as a } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es203.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as p } from "./index.es276.js";
+import { createColorClasses as p } from "./index.es274.js";
 const w = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es244.js";
 import { clsx as m } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as i } from "./index.es246.js";
-import { createColorClasses as c } from "./index.es276.js";
+import { createColorClasses as c } from "./index.es274.js";
 const h = ({
   width: s = 36,
   height: l = 36,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es244.js";
 import { clsx as t } from "./index.es246.js";
-import { createColorClasses as i } from "./index.es276.js";
+import { createColorClasses as i } from "./index.es274.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as i } from "./index.es246.js";
-import { createColorClasses as n } from "./index.es276.js";
+import { createColorClasses as n } from "./index.es274.js";
 const v = ({
   width: o = 24,
   height: s = 24,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as n } from "./index.es246.js";
-import { createColorClasses as a } from "./index.es276.js";
+import { createColorClasses as a } from "./index.es274.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as c } from "./index.es246.js";
-import { createColorClasses as a } from "./index.es276.js";
+import { createColorClasses as a } from "./index.es274.js";
 const p = ({
   width: s = 32,
   height: r = 32,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es244.js";
 import { clsx as l } from "./index.es246.js";
-import { createColorClasses as c } from "./index.es276.js";
+import { createColorClasses as c } from "./index.es274.js";
 const x = ({
   width: e = 14,
   height: r = 14,

package/dist/index.es214.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as a } from "./index.es246.js";
-import { createColorClasses as c } from "./index.es276.js";
+import { createColorClasses as c } from "./index.es274.js";
 const d = ({
   width: s = 14,
   height: r = 14,

package/dist/index.es215.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es244.js";
-import { createColorClasses as H } from "./index.es276.js";
+import { createColorClasses as H } from "./index.es274.js";
 import { clsx as V } from "./index.es246.js";
 const c = ({
   width: o = 32,

package/dist/index.es221.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es244.js";
 import { clsx as x } from "./index.es246.js";
-import { createColorClasses as h } from "./index.es276.js";
+import { createColorClasses as h } from "./index.es274.js";
 const f = ({
   width: s = 73,
   height: r = 73,

package/dist/index.es223.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es244.js";
 import { clsx as a } from "./index.es246.js";
-import { createColorClasses as l } from "./index.es276.js";
+import { createColorClasses as l } from "./index.es274.js";
 const C = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es224.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es244.js";
-import { createColorClasses as m } from "./index.es276.js";
+import { createColorClasses as m } from "./index.es274.js";
 import { clsx as c } from "./index.es246.js";
 const f = ({
   width: o = 24,

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es244.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es292.js";
 import { clsx as o } from "./index.es246.js";
-import { createColorClasses as h } from "./index.es276.js";
+import { createColorClasses as h } from "./index.es274.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es158.js";
 import { Row as p } from "./index.es9.js";

package/dist/index.es248.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es456.js";
+import { __require as r } from "./index.es458.js";
 var a = r();
 export {
   a as l

package/dist/index.es255.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es457.js";
-import { __require as o } from "./index.es459.js";
+import { getDefaultExportFromCjs as r } from "./index.es459.js";
+import { __require as o } from "./index.es456.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es262.js

@@ -1,4 +1,4 @@
-import { c as w } from "./index.es517.js";
+import { c as w } from "./index.es519.js";
 import { m as l } from "./index.es518.js";
 function N(x) {
   let {

package/dist/index.es263.js

@@ -1,5 +1,5 @@
-import { c as $ } from "./index.es519.js";
-import { c as F } from "./index.es517.js";
+import { c as $ } from "./index.es520.js";
+import { c as F } from "./index.es519.js";
 import { m, a as E, f as T, h as S } from "./index.es518.js";
 function N(I) {
   let {

package/dist/index.es264.js

@@ -1,5 +1,5 @@
-import { g as F } from "./index.es520.js";
-import { c as y } from "./index.es519.js";
+import { g as F } from "./index.es517.js";
+import { c as y } from "./index.es520.js";
 import { c as K, m as n, h as j } from "./index.es518.js";
 function Y(P) {
   let {

package/dist/index.es274.js

@@ -1,30 +1,5 @@
-const p = [
-  "gap",
-  "m",
-  "mx",
-  "my",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "p",
-  "px",
-  "py",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "br",
-  "br-t",
-  "br-r",
-  "br-b",
-  "br-l",
-  "min-h",
-  "min-w",
-  "max-h",
-  "max-w"
-], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  a as createSpacingClasses
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es274.js.map

package/dist/index.es274.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es274.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\r\n  | \"x4\"\r\n  | \"x8\"\r\n  | \"x12\"\r\n  | \"x16\"\r\n  | \"x20\"\r\n  | \"x24\"\r\n  | \"x28\"\r\n  | \"x32\"\r\n  | \"x36\"\r\n  | \"x40\"\r\n  | \"x44\"\r\n  | \"x48\"\r\n  | \"x52\"\r\n  | \"x56\"\r\n  | \"x60\"\r\n  | \"x64\"\r\n  | \"x68\"\r\n  | \"x72\"\r\n  | \"x76\"\r\n  | \"x80\"\r\n  | \"x84\"\r\n  | \"x88\"\r\n  | \"x92\"\r\n  | \"x96\"\r\n  | \"x100\"\r\n  | \"x104\";\r\n\r\nexport type SpacingProps = {\r\n  gap?: SpacingKey;\r\n  m?: SpacingKey; // margin\r\n  mx?: SpacingKey; // margin x\r\n  my?: SpacingKey; // margin y\r\n  mt?: SpacingKey; // margin top\r\n  mr?: SpacingKey; // margin bottom\r\n  mb?: SpacingKey; // margin right\r\n  ml?: SpacingKey; // margin left\r\n  p?: SpacingKey; // padding\r\n  px?: SpacingKey; // padding x\r\n  py?: SpacingKey; // padding y\r\n  pt?: SpacingKey; // padding top\r\n  pr?: SpacingKey; // padding bottom\r\n  pb?: SpacingKey; // padding right\r\n  pl?: SpacingKey; // padding left\r\n  br?: SpacingKey; // border-radius\r\n  \"br-t\"?: SpacingKey; // border-radius top\r\n  \"br-r\"?: SpacingKey; // border-radius right\r\n  \"br-b\"?: SpacingKey; // border-radius bottom\r\n  \"br-l\"?: SpacingKey; // border-radius left\r\n  \"min-h\"?: SpacingKey; // min-height\r\n  \"min-w\"?: SpacingKey; // min-width\r\n  \"max-h\"?: SpacingKey; // max-height\r\n  \"max-w\"?: SpacingKey; // max-width\r\n};\r\n\r\nexport type SpacingPropsKeys = keyof SpacingProps;\r\nconst spacingPropsKeys: SpacingPropsKeys[] = [\r\n  \"gap\",\r\n  \"m\",\r\n  \"mx\",\r\n  \"my\",\r\n  \"mt\",\r\n  \"mr\",\r\n  \"mb\",\r\n  \"ml\",\r\n  \"p\",\r\n  \"px\",\r\n  \"py\",\r\n  \"pt\",\r\n  \"pr\",\r\n  \"pb\",\r\n  \"pl\",\r\n  \"br\",\r\n  \"br-t\",\r\n  \"br-r\",\r\n  \"br-b\",\r\n  \"br-l\",\r\n  \"min-h\",\r\n  \"min-w\",\r\n  \"max-h\",\r\n  \"max-w\",\r\n];\r\n\r\nexport const createSpacingClasses = <TProps extends SpacingProps>(\r\n  props: TProps,\r\n) => {\r\n  return spacingPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}
+{"version":3,"file":"index.es274.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es275.js

@@ -0,0 +1,30 @@
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
+export {
+  a as createSpacingClasses
+};
+//# sourceMappingURL=index.es275.js.map

package/dist/index.es275.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es275.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\r\n  | \"x4\"\r\n  | \"x8\"\r\n  | \"x12\"\r\n  | \"x16\"\r\n  | \"x20\"\r\n  | \"x24\"\r\n  | \"x28\"\r\n  | \"x32\"\r\n  | \"x36\"\r\n  | \"x40\"\r\n  | \"x44\"\r\n  | \"x48\"\r\n  | \"x52\"\r\n  | \"x56\"\r\n  | \"x60\"\r\n  | \"x64\"\r\n  | \"x68\"\r\n  | \"x72\"\r\n  | \"x76\"\r\n  | \"x80\"\r\n  | \"x84\"\r\n  | \"x88\"\r\n  | \"x92\"\r\n  | \"x96\"\r\n  | \"x100\"\r\n  | \"x104\";\r\n\r\nexport type SpacingProps = {\r\n  gap?: SpacingKey;\r\n  m?: SpacingKey; // margin\r\n  mx?: SpacingKey; // margin x\r\n  my?: SpacingKey; // margin y\r\n  mt?: SpacingKey; // margin top\r\n  mr?: SpacingKey; // margin bottom\r\n  mb?: SpacingKey; // margin right\r\n  ml?: SpacingKey; // margin left\r\n  p?: SpacingKey; // padding\r\n  px?: SpacingKey; // padding x\r\n  py?: SpacingKey; // padding y\r\n  pt?: SpacingKey; // padding top\r\n  pr?: SpacingKey; // padding bottom\r\n  pb?: SpacingKey; // padding right\r\n  pl?: SpacingKey; // padding left\r\n  br?: SpacingKey; // border-radius\r\n  \"br-t\"?: SpacingKey; // border-radius top\r\n  \"br-r\"?: SpacingKey; // border-radius right\r\n  \"br-b\"?: SpacingKey; // border-radius bottom\r\n  \"br-l\"?: SpacingKey; // border-radius left\r\n  \"min-h\"?: SpacingKey; // min-height\r\n  \"min-w\"?: SpacingKey; // min-width\r\n  \"max-h\"?: SpacingKey; // max-height\r\n  \"max-w\"?: SpacingKey; // max-width\r\n};\r\n\r\nexport type SpacingPropsKeys = keyof SpacingProps;\r\nconst spacingPropsKeys: SpacingPropsKeys[] = [\r\n  \"gap\",\r\n  \"m\",\r\n  \"mx\",\r\n  \"my\",\r\n  \"mt\",\r\n  \"mr\",\r\n  \"mb\",\r\n  \"ml\",\r\n  \"p\",\r\n  \"px\",\r\n  \"py\",\r\n  \"pt\",\r\n  \"pr\",\r\n  \"pb\",\r\n  \"pl\",\r\n  \"br\",\r\n  \"br-t\",\r\n  \"br-r\",\r\n  \"br-b\",\r\n  \"br-l\",\r\n  \"min-h\",\r\n  \"min-w\",\r\n  \"max-h\",\r\n  \"max-w\",\r\n];\r\n\r\nexport const createSpacingClasses = <TProps extends SpacingProps>(\r\n  props: TProps,\r\n) => {\r\n  return spacingPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es244.js";
-import { createColorClasses as g } from "./index.es276.js";
+import { createColorClasses as g } from "./index.es274.js";
 import { clsx as E } from "./index.es246.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as p } from "./index.es196.js";

package/dist/index.es295.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es244.js";
 import { clsx as d } from "./index.es246.js";
-import { createColorClasses as f } from "./index.es276.js";
+import { createColorClasses as f } from "./index.es274.js";
 const u = ({
   width: s = 56,
   height: l = 10,

package/dist/index.es316.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es492.js";
+import { useCopyToClipboard as c } from "./index.es477.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);