@anoki/fse-ui 1.0.469 → 1.0.471

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs178.js"),o=require("react"),a=require("./index.cjs180.js"),u=require("./index.cjs190.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs178.js"),o=require("react"),a=require("./index.cjs180.js"),u=require("./index.cjs189.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

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.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;
+"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;
 //# 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.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;
+"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;
 //# 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 m=require("react"),x=require("./index.cjs217.js"),n=require("./index.cjs9.js"),r=require("./index.cjs10.js"),h=({id:i,isSelected:o,title:l,subtitle:c,relation:t,isMe:s=!1,setSelectedCard:a=()=>{},className:d})=>{const u=m.useRef(null),j=()=>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(n.Row,{br:"x4",p:"x24",gap:"x16",bg:"white",text:"slate-20",ref:u,className:`${d} ${o?"ui-is-active":""} ui-card-delegate shadow cursor-pointer`,onClick:()=>{a(i)},style:{width:"100%"},children:[e.jsxRuntimeExports.jsx(x.Root,{id:i,checked:o,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(x.Indicator,{children:e.jsxRuntimeExports.jsx(j,{})})}),e.jsxRuntimeExports.jsxs(n.Row,{alignItems:"flex-start",style:{width:"100%"},justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(r.Col,{style:{flex:1},justifyContent:"center",className:"w-full",children:[e.jsxRuntimeExports.jsxs(r.Col,{gap:"x4",pb:s||!s&&!t?void 0:"x16",children:[e.jsxRuntimeExports.jsx("h3",{className:"flex-1 text-decoration-none fs-4 fw-semibold",children:l}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-normal text-slate-28",children:c})]}),!s&&t&&e.jsxRuntimeExports.jsxs(r.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Relazione con il delegante"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:t})]})]}),s&&e.jsxRuntimeExports.jsx(n.Row,{className:"ui-fascicolo-label",children:"IL TUO FASCICOLO"})]})]})};exports.DelegateCard=h;
+"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:o,title:a,subtitle:d,region:x,relation:r,isMe:s=!1,showRegion:u=!1,setSelectedCard:j=()=>{},className:p})=>{const m=f.useRef(null),h=l=>l.charAt(0).toUpperCase()+l.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} ${o?"ui-is-active":""} ui-card-delegate shadow cursor-pointer`,onClick:()=>{j(i)},style:{width:"100%"},children:[e.jsxRuntimeExports.jsx(c.Root,{id:i,checked:o,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?void 0:"x16",children:[e.jsxRuntimeExports.jsx("h3",{className:"flex-1 text-decoration-none fs-4 fw-semibold",children:a}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-normal text-slate-28",children:d})]}),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})]}),u&&x&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Regione di assistenza"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:h(x)})]})]})]}),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, 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};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  relation,\n  isMe = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\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 gap={\"x4\"} pb={isMe || (!isMe && !relation) ? undefined : \"x16\"}>\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          {!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        </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","relation","isMe","setSelectedCard","className","dropdownRef","useRef","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"qQAgBaA,EAAe,CAAC,CAC3B,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,GACP,gBAAAC,EAAkB,IAAM,CAAC,EACzB,UAAAC,CACF,IAAyB,CACjB,MAAAC,EAAcC,SAAuB,IAAI,EAEzCC,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,IAAKL,EACL,UAAW,GAAGD,CAAS,IAAIN,EAAa,eAAiB,EAAE,0CAC3D,QAAS,IAAM,CACbK,EAAgBN,CAAE,CACpB,EACA,MAAO,CAAE,MAAO,MAAO,EAEvB,SAAA,CAAAW,EAAA,kBAAA,IAACG,EAAc,KAAd,CACC,GAAAd,EACA,QAASC,EACT,UAAW,qBAEX,iCAACc,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,CAACJ,EAAAA,kBAAAA,KAAAI,EAAAA,IAAA,CAAI,IAAK,KAAM,GAAIX,GAAS,CAACA,GAAQ,CAACD,EAAY,OAAY,MAC7D,SAAA,CAACO,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,+CACX,SACHT,EAAA,EACCS,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,+BAAgC,SAASR,CAAA,CAAA,CAAA,EACxD,EACC,CAACE,GAAQD,GACPQ,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,SAASP,CAAA,CAAA,CAAA,CACvC,CAAA,CAAA,EAEJ,EACCC,GAAQM,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 gap={\"x4\"} pb={isMe || (!isMe && !relation) ? undefined : \"x16\"}>\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 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,CAACJ,EAAAA,kBAAAA,KAAAI,EAAAA,IAAA,CAAI,IAAK,KAAM,GAAId,GAAS,CAACA,GAAQ,CAACD,EAAY,OAAY,MAC7D,SAAA,CAACU,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,+CACX,SACHb,EAAA,EACCa,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,+BAAgC,SAASZ,CAAA,CAAA,CAAA,EACxD,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,GACZY,yBAAAI,EAAAA,IAAA,CAAI,IAAK,KACR,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.d.ts

@@ -721,7 +721,7 @@ declare type DatePickerRangeProps = {
     onEndDateClick?: () => void;
 };
 
-export declare const DelegateCard: ({ id, isSelected, title, subtitle, relation, isMe, setSelectedCard, className, }: DelegateCardProps) => JSX.Element;
+export declare const DelegateCard: ({ id, isSelected, title, subtitle, region, relation, isMe, showRegion, setSelectedCard, className, }: DelegateCardProps) => JSX.Element;
 
 export declare type DelegateCardProps = {
     id: string;
@@ -732,6 +732,8 @@ export declare type DelegateCardProps = {
     isMe?: boolean;
     setSelectedCard: (id: string) => void;
     className?: string;
+    showRegion?: boolean;
+    region?: Region;
 };
 
 declare const Description: ({ fs, color, className, children, }: DescriptionProps) => JSX.Element;
@@ -878,7 +880,7 @@ export declare const EditorialWidgetActionBanner: default_2.FC<EditorialWidgetAc
 declare interface EditorialWidgetActionBannerProps {
     title: string;
     description: string;
-    links: Link_2[];
+    link: Link_2;
 }
 
 export declare const EditPencil: ({ width, height, className, color, }: IconProps) => JSX.Element;

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.es190.js";
-import { createColorClasses as j } from "./index.es189.js";
+import { createSpacingClasses as g } from "./index.es189.js";
+import { createColorClasses as j } from "./index.es191.js";
 import { createTypographyClasses as u } from "./index.es192.js";
 const M = ({
   as: o,

package/dist/index.es101.js

@@ -1,16 +1,16 @@
 import { j as e } from "./index.es178.js";
 import './components/ui/EditorialWidgetActionBanner/EditorialWidgetActionBanner.css';/* empty css            */
-import { ArrowLink as n } from "./index.es35.js";
-const l = ({
-  title: s,
-  description: r,
-  links: i
+import { ArrowLink as r } from "./index.es35.js";
+const c = ({
+  title: a,
+  description: s,
+  link: i
 }) => /* @__PURE__ */ e.jsxs("div", { className: "editorial-widget-action-banner", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "ewab-head", children: /* @__PURE__ */ e.jsx("div", { className: "ewab-title", children: s }) }),
-  /* @__PURE__ */ e.jsx("div", { className: "ewab-body", children: /* @__PURE__ */ e.jsx("span", { className: "ewab-description", children: r }) }),
-  /* @__PURE__ */ e.jsx("div", { className: "ewab-actions", children: i.length > 0 && i.map((a) => /* @__PURE__ */ e.jsx(n, { asLink: "a", children: a.title, href: a.link })) })
+  /* @__PURE__ */ e.jsx("div", { className: "ewab-head", children: /* @__PURE__ */ e.jsx("div", { className: "ewab-title", children: a }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "ewab-body", children: /* @__PURE__ */ e.jsx("span", { className: "ewab-description", children: s }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "ewab-actions", children: i && /* @__PURE__ */ e.jsx(r, { asLink: "a", children: i.title, href: i.link }) })
 ] });
 export {
-  l as EditorialWidgetActionBanner
+  c as EditorialWidgetActionBanner
 };
 //# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.js","sources":["../src/components/ui/EditorialWidgetActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./EditorialWidgetActionBanner.scss\";\nimport { Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\n\ninterface EditorialWidgetActionBannerProps {\n  title: string;\n  description: string;\n  links: Link[];\n}\n\nexport const EditorialWidgetActionBanner: React.FC<EditorialWidgetActionBannerProps> = ({\n  title,\n  description,\n  links,\n}) => {\n  return (\n    <div className={`editorial-widget-action-banner`}>\n      <div className=\"ewab-head\">\n        <div className=\"ewab-title\">{title}</div>\n      </div>\n      <div className=\"ewab-body\">\n        <span className=\"ewab-description\">{description}</span>\n      </div>\n      <div className=\"ewab-actions\">\n        {links.length > 0 && links.map((link) => (\n          <ArrowLink asLink=\"a\" children={link.title} href={link.link} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["EditorialWidgetActionBanner","title","description","links","jsxs","jsx","link","ArrowLink"],"mappings":";;;AAWO,MAAMA,IAA0E,CAAC;AAAA,EACtF,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,kCACd,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,aACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,cAAc,aAAM,EACrC,CAAA;AAAA,EACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,aACb,gCAAC,QAAK,EAAA,WAAU,oBAAoB,UAAAH,EAAA,CAAY,EAClD,CAAA;AAAA,EACAG,gBAAAA,EAAAA,IAAC,SAAI,WAAU,gBACZ,YAAM,SAAS,KAAKF,EAAM,IAAI,CAACG,4BAC7BC,GAAU,EAAA,QAAO,KAAI,UAAUD,EAAK,OAAO,MAAMA,EAAK,KAAM,CAAA,CAC9D,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es101.js","sources":["../src/components/ui/EditorialWidgetActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./EditorialWidgetActionBanner.scss\";\nimport { Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\n\ninterface EditorialWidgetActionBannerProps {\n  title: string;\n  description: string;\n  link: Link;\n}\n\nexport const EditorialWidgetActionBanner: React.FC<EditorialWidgetActionBannerProps> = ({\n  title,\n  description,\n  link,\n}) => {\n  return (\n    <div className={`editorial-widget-action-banner`}>\n      <div className=\"ewab-head\">\n        <div className=\"ewab-title\">{title}</div>\n      </div>\n      <div className=\"ewab-body\">\n        <span className=\"ewab-description\">{description}</span>\n      </div>\n      <div className=\"ewab-actions\">\n        {link && (\n          <ArrowLink asLink=\"a\" children={link.title} href={link.link} />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["EditorialWidgetActionBanner","title","description","link","jsxs","jsx","ArrowLink"],"mappings":";;;AAWO,MAAMA,IAA0E,CAAC;AAAA,EACtF,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,kCACd,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,aACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,cAAc,aAAM,EACrC,CAAA;AAAA,EACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,aACb,gCAAC,QAAK,EAAA,WAAU,oBAAoB,UAAAH,EAAA,CAAY,EAClD,CAAA;AAAA,EACCG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,gBACZ,eACEA,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,QAAO,KAAI,UAAUH,EAAK,OAAO,MAAMA,EAAK,MAAM,EAEjE,CAAA;AAAA,GACF;"}

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.es189.js";
+import { createColorClasses as e } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.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.es189.js";
+import { createColorClasses as l } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.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.es189.js";
+import { createColorClasses as c } from "./index.es191.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.es189.js";
+import { createColorClasses as e } from "./index.es191.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.es189.js";
+import { createColorClasses as q } from "./index.es191.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.es189.js";
+import { createColorClasses as r } from "./index.es191.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.es189.js";
+import { createColorClasses as r } from "./index.es191.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.es189.js";
+import { createColorClasses as q } from "./index.es191.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.es189.js";
+import { createColorClasses as M } from "./index.es191.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.es189.js";
+import { createColorClasses as f } from "./index.es191.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.es189.js";
+import { createColorClasses as t } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.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.es189.js";
+import { createColorClasses as h } from "./index.es191.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.es189.js";
+import { createColorClasses as r } from "./index.es191.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.es189.js";
+import { createColorClasses as t } from "./index.es191.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.es189.js";
+import { createColorClasses as d } from "./index.es191.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.es189.js";
+import { createColorClasses as v } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as c } from "./index.es191.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.es189.js";
+import { createColorClasses as m } from "./index.es191.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.es189.js";
+import { createColorClasses as c } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as m } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as m } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as x } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as c } from "./index.es191.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.es189.js";
+import { createColorClasses as c } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as i } from "./index.es191.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.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es189.js

@@ -1,5 +1,30 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+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 {
-  e as createColorClasses
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es189.js.map

package/dist/index.es189.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}