@anoki/fse-ui 1.0.494 → 1.0.495

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs178.js"),s=require("react"),x=require("./index.cjs180.js"),C=require("./index.cjs189.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs178.js"),s=require("react"),x=require("./index.cjs180.js"),C=require("./index.cjs190.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs178.js"),m=require("react"),q=require("./index.cjs180.js"),x=require("./index.cjs189.js"),j=require("./index.cjs191.js"),R=require("./index.cjs192.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs178.js"),m=require("react"),q=require("./index.cjs180.js"),x=require("./index.cjs190.js"),j=require("./index.cjs189.js"),R=require("./index.cjs192.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs98.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DelegateCard/DelegateCard.css');const e=require("./index.cjs178.js");;/* empty css              */const f=require("react"),a=require("./index.cjs217.js"),t=require("./index.cjs9.js"),n=require("./index.cjs10.js"),w=({id:i,isSelected:x,title:d,subtitle:u,region:o,relation:r,isMe:s=!1,showRegion:l=!1,setSelectedCard:j=()=>{},className:p})=>{const m=f.useRef(null),h=c=>c.charAt(0).toUpperCase()+c.slice(1),R=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});return e.jsxRuntimeExports.jsxs(t.Row,{br:"x4",p:"x24",gap:"x16",bg:"white",text:"slate-20",ref:m,className:`${p} ${x?"ui-is-active":""} ui-card-delegate shadow cursor-pointer`,onClick:()=>{j(i)},style:{width:"100%"},children:[e.jsxRuntimeExports.jsx(a.Root,{id:i,checked:x,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(a.Indicator,{children:e.jsxRuntimeExports.jsx(R,{})})}),e.jsxRuntimeExports.jsxs(t.Row,{alignItems:"flex-start",style:{width:"100%"},justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(n.Col,{style:{flex:1},justifyContent:"center",className:"w-full",children:[e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",pb:(s||!s&&!r)&&!l?void 0:"x16",children:[e.jsxRuntimeExports.jsx("h3",{className:"flex-1 text-decoration-none fs-4 fw-semibold",children:d}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-normal text-slate-28",children:u})]}),e.jsxRuntimeExports.jsxs(t.Row,{justifyContent:"space-between",children:[!s&&r&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Relazione con il delegante"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:r})]}),l&&o&&e.jsxRuntimeExports.jsxs(n.Col,{pr:"x104",gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Regione di assistenza"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:h(o)})]})]})]}),s&&e.jsxRuntimeExports.jsx(t.Row,{className:"ui-fascicolo-label",children:"IL TUO FASCICOLO"})]})]})};exports.DelegateCard=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DelegateCard/DelegateCard.css');const e=require("./index.cjs178.js");;/* empty css              */const f=require("react"),c=require("./index.cjs217.js"),t=require("./index.cjs9.js"),n=require("./index.cjs10.js"),w=({id:i,isSelected:x,title:d,subtitle:u,region:o,relation:r,isMe:s=!1,showRegion:l=!1,setSelectedCard:j=()=>{},className:p})=>{const m=f.useRef(null),h=a=>a.charAt(0).toUpperCase()+a.slice(1),R=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});return e.jsxRuntimeExports.jsxs(t.Row,{br:"x4",p:"x24",gap:"x16",bg:"white",text:"slate-20",ref:m,className:`${p} ${x?"ui-is-active":""} ui-card-delegate shadow cursor-pointer`,onClick:()=>{j(i)},style:{width:"100%"},children:[e.jsxRuntimeExports.jsx(c.Root,{id:i,checked:x,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(c.Indicator,{children:e.jsxRuntimeExports.jsx(R,{})})}),e.jsxRuntimeExports.jsxs(t.Row,{alignItems:"flex-start",style:{width:"100%"},justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(n.Col,{style:{flex:1},justifyContent:"center",className:"w-full",children:[e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",pb:(s||!s&&!r)&&!l?void 0:"x16",children:[e.jsxRuntimeExports.jsx("h3",{className:"flex-1 text-decoration-none fs-4 fw-semibold",children:d}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-normal text-slate-28",children:u})]}),e.jsxRuntimeExports.jsxs(t.Row,{gap:"x40",justifyContent:"space-between",children:[!s&&r&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Relazione con il delegante"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:r})]}),l&&o&&e.jsxRuntimeExports.jsxs(n.Col,{pr:"x104",gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Regione di assistenza"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:h(o)})]})]})]}),s&&e.jsxRuntimeExports.jsx(t.Row,{className:"ui-fascicolo-label",children:"IL TUO FASCICOLO"})]})]})};exports.DelegateCard=w;
 //# sourceMappingURL=index.cjs98.js.map

package/dist/index.cjs98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"qQAkBaA,EAAe,CAAC,CAC3B,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,gBAAAC,EAAkB,IAAM,CAAC,EACzB,UAAAC,CACF,IAAyB,CACjB,MAAAC,EAAcC,SAAuB,IAAI,EAEzCC,EAAwBC,GACrBA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,MAAM,CAAC,EAG5CC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIA,OAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,EAAG,MACH,IAAK,MACL,GAAI,QACJ,KAAM,WACN,IAAKP,EACL,UAAW,GAAGD,CAAS,IAAIR,EAAa,eAAiB,EAAE,0CAC3D,QAAS,IAAM,CACbO,EAAgBR,CAAE,CACpB,EACA,MAAO,CAAE,MAAO,MAAO,EAEvB,SAAA,CAAAe,EAAA,kBAAA,IAACG,EAAc,KAAd,CACC,GAAAlB,EACA,QAASC,EACT,UAAW,qBAEX,iCAACkB,YAAA,CACC,SAAAJ,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACAE,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,WAAY,aACZ,MAAO,CAAE,MAAO,MAAO,EACvB,eAAgB,gBAEhB,SAAA,CAACD,EAAAA,kBAAAA,KAAAI,EAAAA,IAAA,CAAI,MAAO,CAAE,KAAM,GAAK,eAAgB,SAAU,UAAW,SAC5D,SAAA,CAAAJ,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,IAAK,KACL,IACGd,GAAS,CAACA,GAAQ,CAACD,IAAc,CAACE,EAAa,OAAY,MAG9D,SAAA,CAACQ,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,+CACX,SACHb,EAAA,EACCa,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,+BAAgC,SAASZ,CAAA,CAAA,CAAA,CAAA,CACxD,EACAa,EAAAA,kBAAAA,KAACC,EAAAA,IAAI,CAAA,eAAgB,gBAClB,SAAA,CAAA,CAACX,GAAQD,GACPW,EAAA,kBAAA,KAAAI,EAAA,IAAA,CAAI,IAAK,KACR,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAA0B,6BAAA,EACpDA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,YAAc,SAASV,CAAA,CAAA,CAAA,EACvC,EAEDE,GAAcH,GACbY,EAAA,kBAAA,KAACI,OAAI,GAAI,OAAQ,IAAK,KACpB,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAAqB,wBAAA,0BAC/C,IAAE,CAAA,UAAW,YAAc,SAAAH,EAAqBR,CAAM,CAAE,CAAA,CAAA,CAC3D,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF,EACCE,GAAQS,EAAA,kBAAA,IAACE,MAAI,CAAA,UAAW,qBAAsB,SAAgB,kBAAA,CAAA,CAAA,CAAA,CAAA,CACjE,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"qQAkBaA,EAAe,CAAC,CAC3B,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,gBAAAC,EAAkB,IAAM,CAAC,EACzB,UAAAC,CACF,IAAyB,CACjB,MAAAC,EAAcC,SAAuB,IAAI,EAEzCC,EAAwBC,GACrBA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,MAAM,CAAC,EAG5CC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIA,OAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,EAAG,MACH,IAAK,MACL,GAAI,QACJ,KAAM,WACN,IAAKP,EACL,UAAW,GAAGD,CAAS,IAAIR,EAAa,eAAiB,EAAE,0CAC3D,QAAS,IAAM,CACbO,EAAgBR,CAAE,CACpB,EACA,MAAO,CAAE,MAAO,MAAO,EAEvB,SAAA,CAAAe,EAAA,kBAAA,IAACG,EAAc,KAAd,CACC,GAAAlB,EACA,QAASC,EACT,UAAW,qBAEX,iCAACkB,YAAA,CACC,SAAAJ,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACAE,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,WAAY,aACZ,MAAO,CAAE,MAAO,MAAO,EACvB,eAAgB,gBAEhB,SAAA,CAACD,EAAAA,kBAAAA,KAAAI,EAAAA,IAAA,CAAI,MAAO,CAAE,KAAM,GAAK,eAAgB,SAAU,UAAW,SAC5D,SAAA,CAAAJ,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,IAAK,KACL,IACGd,GAAS,CAACA,GAAQ,CAACD,IAAc,CAACE,EAAa,OAAY,MAG9D,SAAA,CAACQ,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,+CACX,SACHb,EAAA,EACCa,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,+BAAgC,SAASZ,CAAA,CAAA,CAAA,CAAA,CACxD,EACCa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,IAAK,MAAO,eAAgB,gBAC9B,SAAA,CAAA,CAACX,GAAQD,GACPW,EAAA,kBAAA,KAAAI,EAAA,IAAA,CAAI,IAAK,KACR,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAA0B,6BAAA,EACpDA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,YAAc,SAASV,CAAA,CAAA,CAAA,EACvC,EAEDE,GAAcH,GACbY,EAAA,kBAAA,KAACI,OAAI,GAAI,OAAQ,IAAK,KACpB,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAAqB,wBAAA,0BAC/C,IAAE,CAAA,UAAW,YAAc,SAAAH,EAAqBR,CAAM,CAAE,CAAA,CAAA,CAC3D,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF,EACCE,GAAQS,EAAA,kBAAA,IAACE,MAAI,CAAA,UAAW,qBAAsB,SAAgB,kBAAA,CAAA,CAAA,CAAA,CAAA,CACjE,CAAA,CACF,CAEJ"}

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es178.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es180.js";
-import { createSpacingClasses as g } from "./index.es189.js";
-import { createColorClasses as j } from "./index.es191.js";
+import { createSpacingClasses as g } from "./index.es190.js";
+import { createColorClasses as j } from "./index.es189.js";
 import { createTypographyClasses as u } from "./index.es192.js";
 const M = ({
   as: o,

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as e } from "./index.es191.js";
+import { createColorClasses as e } from "./index.es189.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es111.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as l } from "./index.es191.js";
+import { createColorClasses as l } from "./index.es189.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es191.js";
+import { createColorClasses as c } from "./index.es189.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as e } from "./index.es191.js";
+import { createColorClasses as e } from "./index.es189.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as q } from "./index.es191.js";
+import { createColorClasses as q } from "./index.es189.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as r } from "./index.es191.js";
+import { createColorClasses as r } from "./index.es189.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as r } from "./index.es191.js";
+import { createColorClasses as r } from "./index.es189.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as q } from "./index.es191.js";
+import { createColorClasses as q } from "./index.es189.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as M } from "./index.es191.js";
+import { createColorClasses as M } from "./index.es189.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as f } from "./index.es191.js";
+import { createColorClasses as f } from "./index.es189.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as o } from "./index.es180.js";
-import { createColorClasses as t } from "./index.es191.js";
+import { createColorClasses as t } from "./index.es189.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es125.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as h } from "./index.es191.js";
+import { createColorClasses as h } from "./index.es189.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as r } from "./index.es191.js";
+import { createColorClasses as r } from "./index.es189.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es178.js";
 import { clsx as r } from "./index.es180.js";
-import { createColorClasses as t } from "./index.es191.js";
+import { createColorClasses as t } from "./index.es189.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as m } from "./index.es180.js";
-import { createColorClasses as d } from "./index.es191.js";
+import { createColorClasses as d } from "./index.es189.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as v } from "./index.es191.js";
+import { createColorClasses as v } from "./index.es189.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es191.js";
+import { createColorClasses as c } from "./index.es189.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as m } from "./index.es191.js";
+import { createColorClasses as m } from "./index.es189.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es191.js";
+import { createColorClasses as c } from "./index.es189.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as m } from "./index.es191.js";
+import { createColorClasses as m } from "./index.es189.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as r } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as m } from "./index.es191.js";
+import { createColorClasses as m } from "./index.es189.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as x } from "./index.es191.js";
+import { createColorClasses as x } from "./index.es189.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es191.js";
+import { createColorClasses as c } from "./index.es189.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es191.js";
+import { createColorClasses as c } from "./index.es189.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es191.js";
+import { createColorClasses as i } from "./index.es189.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as m } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es189.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.es189.js.map

package/dist/index.es189.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es189.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\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.es189.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA4BA,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.es190.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.es190.js.map

package/dist/index.es190.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es190.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\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.es200.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as e } from "./index.es191.js";
+import { createColorClasses as e } from "./index.es189.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es206.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es318.js";
-import { composeRefs as E } from "./index.es319.js";
-import { createContextScope as S } from "./index.es320.js";
-import { useControllableState as P } from "./index.es321.js";
-import { Primitive as y } from "./index.es322.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es323.js";
-import { useId as g } from "./index.es324.js";
+import { composeEventHandlers as m } from "./index.es324.js";
+import { composeRefs as E } from "./index.es325.js";
+import { createContextScope as S } from "./index.es326.js";
+import { useControllableState as P } from "./index.es328.js";
+import { Primitive as y } from "./index.es333.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es370.js";
+import { useId as g } from "./index.es327.js";
 import { j as a } from "./index.es178.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es191.js";
+import { createColorClasses as a } from "./index.es189.js";
 const x = ({
   width: r = 56,
   height: s = 10,