@apipass/design-system 4.3.0 → 5.1.0

package/dist/lib/ui/components/Breadcrumb/Breadcrumb.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                 */const s=require("../../layout/Flex/Flex.cjs"),o=require("../../utils/AnchorOrButton.cjs");function d({items:a,className:l}){const u=a.length-1;return e.jsx("nav",{"aria-label":"Breadcrumb",className:t.clsx(l,"breadcrumb"),children:e.jsx(s.Flex,{alignSecondary:"center",gap:"100",children:a.map((r,n)=>{const c=n===u;return e.jsxs(s.Flex,{alignSecondary:"center",gap:"100",children:[c?e.jsx("span",{className:"breadcrumb-current","aria-current":"page",children:r.label}):e.jsx(o.AnchorOrButton,{...r.href?{href:r.href}:{},onPress:r.onPress,className:"breadcrumb-link",children:r.label}),!c&&e.jsx("span",{className:"breadcrumb-separator","aria-hidden":"true",children:"/"})]},`${r.label}-${n}`)})})})}exports.Breadcrumb=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                 */const s=require("../../layout/Flex/Flex.cjs"),d=require("../../utils/AnchorOrButton.cjs");function o({items:a,className:l}){const u=a.length-1;return e.jsx("nav",{"aria-label":"Breadcrumb",className:t.clsx(l,"sds-breadcrumb"),children:e.jsx(s.Flex,{alignSecondary:"center",gap:"100",children:a.map((r,n)=>{const c=n===u;return e.jsxs(s.Flex,{alignSecondary:"center",gap:"100",children:[c?e.jsx("span",{className:"breadcrumb-current","aria-current":"page",children:r.label}):e.jsx(d.AnchorOrButton,{...r.href?{href:r.href}:{},onPress:r.onPress,className:"breadcrumb-link",children:r.label}),!c&&e.jsx("span",{className:"breadcrumb-separator","aria-hidden":"true",children:"/"})]},`${r.label}-${n}`)})})})}exports.Breadcrumb=o;
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/lib/ui/components/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../../src/ui/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Flex } from \"layout\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./breadcrumb.css\";\n\nexport interface BreadcrumbItem {\n  label: string;\n  href?: string;\n  onPress?: () => void;\n}\n\nexport interface BreadcrumbProps {\n  items: BreadcrumbItem[];\n  className?: string;\n}\n\nexport function Breadcrumb({ items, className }: BreadcrumbProps) {\n  const lastIndex = items.length - 1;\n  return (\n    <nav aria-label=\"Breadcrumb\" className={clsx(className, \"breadcrumb\")}>\n      <Flex alignSecondary=\"center\" gap=\"100\">\n        {items.map((item, index) => {\n          const isCurrentPage = index === lastIndex;\n          return (\n            <Flex\n              key={`${item.label}-${index}`}\n              alignSecondary=\"center\"\n              gap=\"100\"\n            >\n              {isCurrentPage ? (\n                <span className=\"breadcrumb-current\" aria-current=\"page\">\n                  {item.label}\n                </span>\n              ) : (\n                <AnchorOrButton\n                  {...(item.href ? { href: item.href } : {})}\n                  onPress={item.onPress}\n                  className=\"breadcrumb-link\"\n                >\n                  {item.label}\n                </AnchorOrButton>\n              )}\n              {!isCurrentPage && (\n                <span className=\"breadcrumb-separator\" aria-hidden=\"true\">\n                  /\n                </span>\n              )}\n            </Flex>\n          );\n        })}\n      </Flex>\n    </nav>\n  );\n}\n"],"names":["Breadcrumb","items","className","lastIndex","clsx","Flex","item","index","isCurrentPage","jsxs","jsx","AnchorOrButton"],"mappings":"+RAgBO,SAASA,EAAW,CAAE,MAAAC,EAAO,UAAAC,GAA8B,CAChE,MAAMC,EAAYF,EAAM,OAAS,EACjC,aACG,MAAA,CAAI,aAAW,aAAa,UAAWG,EAAAA,KAAKF,EAAW,YAAY,EAClE,eAACG,EAAAA,KAAA,CAAK,eAAe,SAAS,IAAI,MAC/B,WAAM,IAAI,CAACC,EAAMC,IAAU,CAC1B,MAAMC,EAAgBD,IAAUJ,EAChC,OACEM,EAAAA,KAACJ,EAAAA,KAAA,CAEC,eAAe,SACf,IAAI,MAEH,SAAA,CAAAG,EACCE,EAAAA,IAAC,QAAK,UAAU,qBAAqB,eAAa,OAC/C,SAAAJ,EAAK,MACR,EAEAI,EAAAA,IAACC,EAAAA,eAAA,CACE,GAAIL,EAAK,KAAO,CAAE,KAAMA,EAAK,IAAA,EAAS,CAAA,EACvC,QAASA,EAAK,QACd,UAAU,kBAET,SAAAA,EAAK,KAAA,CAAA,EAGT,CAACE,GACAE,MAAC,OAAA,CAAK,UAAU,uBAAuB,cAAY,OAAO,SAAA,GAAA,CAE1D,CAAA,CAAA,EApBG,GAAGJ,EAAK,KAAK,IAAIC,CAAK,EAAA,CAwBjC,CAAC,EACH,EACF,CAEJ"}
+{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../../src/ui/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Flex } from \"layout\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./breadcrumb.css\";\n\nexport interface BreadcrumbItem {\n  label: string;\n  href?: string;\n  onPress?: () => void;\n}\n\nexport interface BreadcrumbProps {\n  items: BreadcrumbItem[];\n  className?: string;\n}\n\nexport function Breadcrumb({ items, className }: BreadcrumbProps) {\n  const lastIndex = items.length - 1;\n  return (\n    <nav aria-label=\"Breadcrumb\" className={clsx(className, \"sds-breadcrumb\")}>\n      <Flex alignSecondary=\"center\" gap=\"100\">\n        {items.map((item, index) => {\n          const isCurrentPage = index === lastIndex;\n          return (\n            <Flex\n              key={`${item.label}-${index}`}\n              alignSecondary=\"center\"\n              gap=\"100\"\n            >\n              {isCurrentPage ? (\n                <span className=\"breadcrumb-current\" aria-current=\"page\">\n                  {item.label}\n                </span>\n              ) : (\n                <AnchorOrButton\n                  {...(item.href ? { href: item.href } : {})}\n                  onPress={item.onPress}\n                  className=\"breadcrumb-link\"\n                >\n                  {item.label}\n                </AnchorOrButton>\n              )}\n              {!isCurrentPage && (\n                <span className=\"breadcrumb-separator\" aria-hidden=\"true\">\n                  /\n                </span>\n              )}\n            </Flex>\n          );\n        })}\n      </Flex>\n    </nav>\n  );\n}\n"],"names":["Breadcrumb","items","className","lastIndex","clsx","Flex","item","index","isCurrentPage","jsxs","jsx","AnchorOrButton"],"mappings":"+RAgBO,SAASA,EAAW,CAAE,MAAAC,EAAO,UAAAC,GAA8B,CAChE,MAAMC,EAAYF,EAAM,OAAS,EACjC,aACG,MAAA,CAAI,aAAW,aAAa,UAAWG,EAAAA,KAAKF,EAAW,gBAAgB,EACtE,eAACG,EAAAA,KAAA,CAAK,eAAe,SAAS,IAAI,MAC/B,WAAM,IAAI,CAACC,EAAMC,IAAU,CAC1B,MAAMC,EAAgBD,IAAUJ,EAChC,OACEM,EAAAA,KAACJ,EAAAA,KAAA,CAEC,eAAe,SACf,IAAI,MAEH,SAAA,CAAAG,EACCE,EAAAA,IAAC,QAAK,UAAU,qBAAqB,eAAa,OAC/C,SAAAJ,EAAK,MACR,EAEAI,EAAAA,IAACC,EAAAA,eAAA,CACE,GAAIL,EAAK,KAAO,CAAE,KAAMA,EAAK,IAAA,EAAS,CAAA,EACvC,QAASA,EAAK,QACd,UAAU,kBAET,SAAAA,EAAK,KAAA,CAAA,EAGT,CAACE,GACAE,MAAC,OAAA,CAAK,UAAU,uBAAuB,cAAY,OAAO,SAAA,GAAA,CAE1D,CAAA,CAAA,EApBG,GAAGJ,EAAK,KAAK,IAAIC,CAAK,EAAA,CAwBjC,CAAC,EACH,EACF,CAEJ"}

package/dist/lib/ui/components/Breadcrumb/Breadcrumb.js

@@ -5,7 +5,7 @@ import { Flex as l } from "../../layout/Flex/Flex.js";
 import { AnchorOrButton as b } from "../../utils/AnchorOrButton.js";
 function f({ items: e, className: s }) {
   const o = e.length - 1;
-  return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", className: t(s, "breadcrumb"), children: /* @__PURE__ */ a(l, { alignSecondary: "center", gap: "100", children: e.map((r, n) => {
+  return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", className: t(s, "sds-breadcrumb"), children: /* @__PURE__ */ a(l, { alignSecondary: "center", gap: "100", children: e.map((r, n) => {
     const c = n === o;
     return /* @__PURE__ */ d(
       l,

package/dist/lib/ui/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../../src/ui/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Flex } from \"layout\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./breadcrumb.css\";\n\nexport interface BreadcrumbItem {\n  label: string;\n  href?: string;\n  onPress?: () => void;\n}\n\nexport interface BreadcrumbProps {\n  items: BreadcrumbItem[];\n  className?: string;\n}\n\nexport function Breadcrumb({ items, className }: BreadcrumbProps) {\n  const lastIndex = items.length - 1;\n  return (\n    <nav aria-label=\"Breadcrumb\" className={clsx(className, \"breadcrumb\")}>\n      <Flex alignSecondary=\"center\" gap=\"100\">\n        {items.map((item, index) => {\n          const isCurrentPage = index === lastIndex;\n          return (\n            <Flex\n              key={`${item.label}-${index}`}\n              alignSecondary=\"center\"\n              gap=\"100\"\n            >\n              {isCurrentPage ? (\n                <span className=\"breadcrumb-current\" aria-current=\"page\">\n                  {item.label}\n                </span>\n              ) : (\n                <AnchorOrButton\n                  {...(item.href ? { href: item.href } : {})}\n                  onPress={item.onPress}\n                  className=\"breadcrumb-link\"\n                >\n                  {item.label}\n                </AnchorOrButton>\n              )}\n              {!isCurrentPage && (\n                <span className=\"breadcrumb-separator\" aria-hidden=\"true\">\n                  /\n                </span>\n              )}\n            </Flex>\n          );\n        })}\n      </Flex>\n    </nav>\n  );\n}\n"],"names":["Breadcrumb","items","className","lastIndex","clsx","Flex","item","index","isCurrentPage","jsxs","jsx","AnchorOrButton"],"mappings":";;;;;AAgBO,SAASA,EAAW,EAAE,OAAAC,GAAO,WAAAC,KAA8B;AAChE,QAAMC,IAAYF,EAAM,SAAS;AACjC,2BACG,OAAA,EAAI,cAAW,cAAa,WAAWG,EAAKF,GAAW,YAAY,GAClE,4BAACG,GAAA,EAAK,gBAAe,UAAS,KAAI,OAC/B,YAAM,IAAI,CAACC,GAAMC,MAAU;AAC1B,UAAMC,IAAgBD,MAAUJ;AAChC,WACE,gBAAAM;AAAA,MAACJ;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,KAAI;AAAA,QAEH,UAAA;AAAA,UAAAG,IACC,gBAAAE,EAAC,UAAK,WAAU,sBAAqB,gBAAa,QAC/C,UAAAJ,EAAK,OACR,IAEA,gBAAAI;AAAA,YAACC;AAAA,YAAA;AAAA,cACE,GAAIL,EAAK,OAAO,EAAE,MAAMA,EAAK,KAAA,IAAS,CAAA;AAAA,cACvC,SAASA,EAAK;AAAA,cACd,WAAU;AAAA,cAET,UAAAA,EAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAGT,CAACE,KACA,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBAAuB,eAAY,QAAO,UAAA,IAAA,CAE1D;AAAA,QAAA;AAAA,MAAA;AAAA,MApBG,GAAGJ,EAAK,KAAK,IAAIC,CAAK;AAAA,IAAA;AAAA,EAwBjC,CAAC,GACH,GACF;AAEJ;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../../src/ui/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Flex } from \"layout\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./breadcrumb.css\";\n\nexport interface BreadcrumbItem {\n  label: string;\n  href?: string;\n  onPress?: () => void;\n}\n\nexport interface BreadcrumbProps {\n  items: BreadcrumbItem[];\n  className?: string;\n}\n\nexport function Breadcrumb({ items, className }: BreadcrumbProps) {\n  const lastIndex = items.length - 1;\n  return (\n    <nav aria-label=\"Breadcrumb\" className={clsx(className, \"sds-breadcrumb\")}>\n      <Flex alignSecondary=\"center\" gap=\"100\">\n        {items.map((item, index) => {\n          const isCurrentPage = index === lastIndex;\n          return (\n            <Flex\n              key={`${item.label}-${index}`}\n              alignSecondary=\"center\"\n              gap=\"100\"\n            >\n              {isCurrentPage ? (\n                <span className=\"breadcrumb-current\" aria-current=\"page\">\n                  {item.label}\n                </span>\n              ) : (\n                <AnchorOrButton\n                  {...(item.href ? { href: item.href } : {})}\n                  onPress={item.onPress}\n                  className=\"breadcrumb-link\"\n                >\n                  {item.label}\n                </AnchorOrButton>\n              )}\n              {!isCurrentPage && (\n                <span className=\"breadcrumb-separator\" aria-hidden=\"true\">\n                  /\n                </span>\n              )}\n            </Flex>\n          );\n        })}\n      </Flex>\n    </nav>\n  );\n}\n"],"names":["Breadcrumb","items","className","lastIndex","clsx","Flex","item","index","isCurrentPage","jsxs","jsx","AnchorOrButton"],"mappings":";;;;;AAgBO,SAASA,EAAW,EAAE,OAAAC,GAAO,WAAAC,KAA8B;AAChE,QAAMC,IAAYF,EAAM,SAAS;AACjC,2BACG,OAAA,EAAI,cAAW,cAAa,WAAWG,EAAKF,GAAW,gBAAgB,GACtE,4BAACG,GAAA,EAAK,gBAAe,UAAS,KAAI,OAC/B,YAAM,IAAI,CAACC,GAAMC,MAAU;AAC1B,UAAMC,IAAgBD,MAAUJ;AAChC,WACE,gBAAAM;AAAA,MAACJ;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,KAAI;AAAA,QAEH,UAAA;AAAA,UAAAG,IACC,gBAAAE,EAAC,UAAK,WAAU,sBAAqB,gBAAa,QAC/C,UAAAJ,EAAK,OACR,IAEA,gBAAAI;AAAA,YAACC;AAAA,YAAA;AAAA,cACE,GAAIL,EAAK,OAAO,EAAE,MAAMA,EAAK,KAAA,IAAS,CAAA;AAAA,cACvC,SAASA,EAAK;AAAA,cACd,WAAU;AAAA,cAET,UAAAA,EAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAGT,CAACE,KACA,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBAAuB,eAAY,QAAO,UAAA,IAAA,CAE1D;AAAA,QAAA;AAAA,MAAA;AAAA,MApBG,GAAGJ,EAAK,KAAK,IAAIC,CAAK;AAAA,IAAA;AAAA,EAwBjC,CAAC,GACH,GACF;AAEJ;"}

package/dist/lib/ui/components/PageHeader/PageHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                 */const l=require("../../icons/IconArrowLeft.cjs"),n=require("../../layout/Flex/Flex.cjs"),o=require("../../primitives/IconButton/IconButton.cjs"),s=require("../../primitives/Text/Text.cjs");function d({title:i,subtitle:r,onBack:t,backLabel:c}){const a=e.jsx(s.Text,{elementType:"h1",className:"page-header-title",children:i});return e.jsxs(n.Flex,{direction:"column",gap:"200",className:"page-header",children:[t?e.jsxs(n.Flex,{direction:"row",gap:"200",alignSecondary:"center",className:"page-header-title-row",children:[e.jsx(o.IconButton,{"aria-label":c??"Back",variant:"subtle",size:"small",onPress:t,children:e.jsx(l.IconArrowLeft,{size:"20"})}),a]}):a,r&&e.jsx(s.Text,{className:"page-header-subtitle",children:r})]})}exports.PageHeader=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                 */const l=require("../../icons/IconArrowLeft.cjs"),s=require("../../layout/Flex/Flex.cjs"),o=require("../../primitives/IconButton/IconButton.cjs"),n=require("../../primitives/Text/Text.cjs");function d({title:c,subtitle:r,onBack:a,backLabel:i}){const t=e.jsxs(s.Flex,{direction:"column",gap:"200",className:"page-header-text",children:[e.jsx(n.Text,{elementType:"h1",className:"page-header-title",children:c}),r&&e.jsx(n.Text,{className:"page-header-subtitle",children:r})]});return a?e.jsxs(s.Flex,{direction:"row",gap:"200",alignSecondary:"start",className:"page-header page-header-title-row",children:[e.jsx(o.IconButton,{"aria-label":i??"Back",variant:"subtle",size:"small",className:"page-header-back",onPress:a,children:e.jsx(l.IconArrowLeft,{size:"20"})}),t]}):e.jsx("div",{className:"page-header",children:t})}exports.PageHeader=d;
 //# sourceMappingURL=PageHeader.cjs.map

package/dist/lib/ui/components/PageHeader/PageHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.cjs","sources":["../../../../../src/ui/components/PageHeader/PageHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from \"icons\";\nimport { Flex } from \"layout\";\nimport { IconButton, Text } from \"primitives\";\nimport \"./pageheader.css\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  onBack?: () => void;\n  backLabel?: string;\n}\n\nexport function PageHeader({ title, subtitle, onBack, backLabel }: PageHeaderProps) {\n  const heading = (\n    <Text elementType=\"h1\" className=\"page-header-title\">\n      {title}\n    </Text>\n  );\n\n  return (\n    <Flex direction=\"column\" gap=\"200\" className=\"page-header\">\n      {onBack ? (\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignSecondary=\"center\"\n          className=\"page-header-title-row\"\n        >\n          <IconButton\n            aria-label={backLabel ?? \"Back\"}\n            variant=\"subtle\"\n            size=\"small\"\n            onPress={onBack}\n          >\n            <IconArrowLeft size=\"20\" />\n          </IconButton>\n          {heading}\n        </Flex>\n      ) : (\n        heading\n      )}\n      {subtitle && <Text className=\"page-header-subtitle\">{subtitle}</Text>}\n    </Flex>\n  );\n}\n"],"names":["PageHeader","title","subtitle","onBack","backLabel","heading","jsx","Text","Flex","jsxs","IconButton","IconArrowLeft"],"mappings":"kVAYO,SAASA,EAAW,CAAE,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,UAAAC,GAA8B,CAClF,MAAMC,EACJC,EAAAA,IAACC,EAAAA,KAAA,CAAK,YAAY,KAAK,UAAU,oBAC9B,SAAAN,EACH,EAGF,cACGO,OAAA,CAAK,UAAU,SAAS,IAAI,MAAM,UAAU,cAC1C,SAAA,CAAAL,EACCM,EAAAA,KAACD,EAAAA,KAAA,CACC,UAAU,MACV,IAAI,MACJ,eAAe,SACf,UAAU,wBAEV,SAAA,CAAAF,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAYN,GAAa,OACzB,QAAQ,SACR,KAAK,QACL,QAASD,EAET,SAAAG,EAAAA,IAACK,EAAAA,cAAA,CAAc,KAAK,IAAA,CAAK,CAAA,CAAA,EAE1BN,CAAA,CAAA,CAAA,EAGHA,EAEDH,GAAYI,EAAAA,IAACC,OAAA,CAAK,UAAU,uBAAwB,SAAAL,CAAA,CAAS,CAAA,EAChE,CAEJ"}
+{"version":3,"file":"PageHeader.cjs","sources":["../../../../../src/ui/components/PageHeader/PageHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from \"icons\";\nimport { Flex } from \"layout\";\nimport { IconButton, Text } from \"primitives\";\nimport \"./pageheader.css\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  onBack?: () => void;\n  backLabel?: string;\n}\n\nexport function PageHeader({ title, subtitle, onBack, backLabel }: PageHeaderProps) {\n  // Título e descrição formam um bloco só, e é esse bloco que o voltar empurra para a direita.\n  // Soltos, os dois começavam em pontos diferentes: o título depois do botão e a descrição na\n  // margem da página, alinhada com a seta em vez de com o próprio título.\n  const titleBlock = (\n    <Flex direction=\"column\" gap=\"200\" className=\"page-header-text\">\n      <Text elementType=\"h1\" className=\"page-header-title\">\n        {title}\n      </Text>\n      {subtitle && <Text className=\"page-header-subtitle\">{subtitle}</Text>}\n    </Flex>\n  );\n\n  if (!onBack) {\n    return <div className=\"page-header\">{titleBlock}</div>;\n  }\n\n  return (\n    <Flex\n      direction=\"row\"\n      gap=\"200\"\n      alignSecondary=\"start\"\n      className=\"page-header page-header-title-row\"\n    >\n      <IconButton\n        aria-label={backLabel ?? \"Back\"}\n        variant=\"subtle\"\n        size=\"small\"\n        className=\"page-header-back\"\n        onPress={onBack}\n      >\n        <IconArrowLeft size=\"20\" />\n      </IconButton>\n      {titleBlock}\n    </Flex>\n  );\n}\n"],"names":["PageHeader","title","subtitle","onBack","backLabel","titleBlock","Flex","jsx","Text","jsxs","IconButton","IconArrowLeft"],"mappings":"kVAYO,SAASA,EAAW,CAAE,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,UAAAC,GAA8B,CAIlF,MAAMC,SACHC,EAAAA,KAAA,CAAK,UAAU,SAAS,IAAI,MAAM,UAAU,mBAC3C,SAAA,CAAAC,MAACC,EAAAA,KAAA,CAAK,YAAY,KAAK,UAAU,oBAC9B,SAAAP,EACH,EACCC,GAAYK,EAAAA,IAACC,OAAA,CAAK,UAAU,uBAAwB,SAAAN,CAAA,CAAS,CAAA,EAChE,EAGF,OAAKC,EAKHM,EAAAA,KAACH,EAAAA,KAAA,CACC,UAAU,MACV,IAAI,MACJ,eAAe,QACf,UAAU,oCAEV,SAAA,CAAAC,EAAAA,IAACG,EAAAA,WAAA,CACC,aAAYN,GAAa,OACzB,QAAQ,SACR,KAAK,QACL,UAAU,mBACV,QAASD,EAET,SAAAI,EAAAA,IAACI,EAAAA,cAAA,CAAc,KAAK,IAAA,CAAK,CAAA,CAAA,EAE1BN,CAAA,CAAA,CAAA,EAnBIE,EAAAA,IAAC,MAAA,CAAI,UAAU,cAAe,SAAAF,EAAW,CAsBpD"}

package/dist/lib/ui/components/PageHeader/PageHeader.js

@@ -1,36 +1,37 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 /* empty css               */
-import { IconArrowLeft as m } from "../../icons/IconArrowLeft.js";
-import { Flex as t } from "../../layout/Flex/Flex.js";
-import { IconButton as s } from "../../primitives/IconButton/IconButton.js";
-import { Text as n } from "../../primitives/Text/Text.js";
-function x({ title: l, subtitle: r, onBack: a, backLabel: c }) {
-  const i = /* @__PURE__ */ e(n, { elementType: "h1", className: "page-header-title", children: l });
-  return /* @__PURE__ */ o(t, { direction: "column", gap: "200", className: "page-header", children: [
-    a ? /* @__PURE__ */ o(
-      t,
-      {
-        direction: "row",
-        gap: "200",
-        alignSecondary: "center",
-        className: "page-header-title-row",
-        children: [
-          /* @__PURE__ */ e(
-            s,
-            {
-              "aria-label": c ?? "Back",
-              variant: "subtle",
-              size: "small",
-              onPress: a,
-              children: /* @__PURE__ */ e(m, { size: "20" })
-            }
-          ),
-          i
-        ]
-      }
-    ) : i,
-    r && /* @__PURE__ */ e(n, { className: "page-header-subtitle", children: r })
+import { IconArrowLeft as n } from "../../icons/IconArrowLeft.js";
+import { Flex as l } from "../../layout/Flex/Flex.js";
+import { IconButton as m } from "../../primitives/IconButton/IconButton.js";
+import { Text as o } from "../../primitives/Text/Text.js";
+function x({ title: s, subtitle: r, onBack: a, backLabel: c }) {
+  const t = /* @__PURE__ */ i(l, { direction: "column", gap: "200", className: "page-header-text", children: [
+    /* @__PURE__ */ e(o, { elementType: "h1", className: "page-header-title", children: s }),
+    r && /* @__PURE__ */ e(o, { className: "page-header-subtitle", children: r })
   ] });
+  return a ? /* @__PURE__ */ i(
+    l,
+    {
+      direction: "row",
+      gap: "200",
+      alignSecondary: "start",
+      className: "page-header page-header-title-row",
+      children: [
+        /* @__PURE__ */ e(
+          m,
+          {
+            "aria-label": c ?? "Back",
+            variant: "subtle",
+            size: "small",
+            className: "page-header-back",
+            onPress: a,
+            children: /* @__PURE__ */ e(n, { size: "20" })
+          }
+        ),
+        t
+      ]
+    }
+  ) : /* @__PURE__ */ e("div", { className: "page-header", children: t });
 }
 export {
   x as PageHeader

package/dist/lib/ui/components/PageHeader/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sources":["../../../../../src/ui/components/PageHeader/PageHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from \"icons\";\nimport { Flex } from \"layout\";\nimport { IconButton, Text } from \"primitives\";\nimport \"./pageheader.css\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  onBack?: () => void;\n  backLabel?: string;\n}\n\nexport function PageHeader({ title, subtitle, onBack, backLabel }: PageHeaderProps) {\n  const heading = (\n    <Text elementType=\"h1\" className=\"page-header-title\">\n      {title}\n    </Text>\n  );\n\n  return (\n    <Flex direction=\"column\" gap=\"200\" className=\"page-header\">\n      {onBack ? (\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignSecondary=\"center\"\n          className=\"page-header-title-row\"\n        >\n          <IconButton\n            aria-label={backLabel ?? \"Back\"}\n            variant=\"subtle\"\n            size=\"small\"\n            onPress={onBack}\n          >\n            <IconArrowLeft size=\"20\" />\n          </IconButton>\n          {heading}\n        </Flex>\n      ) : (\n        heading\n      )}\n      {subtitle && <Text className=\"page-header-subtitle\">{subtitle}</Text>}\n    </Flex>\n  );\n}\n"],"names":["PageHeader","title","subtitle","onBack","backLabel","heading","jsx","Text","Flex","jsxs","IconButton","IconArrowLeft"],"mappings":";;;;;;AAYO,SAASA,EAAW,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,KAA8B;AAClF,QAAMC,IACJ,gBAAAC,EAACC,GAAA,EAAK,aAAY,MAAK,WAAU,qBAC9B,UAAAN,GACH;AAGF,2BACGO,GAAA,EAAK,WAAU,UAAS,KAAI,OAAM,WAAU,eAC1C,UAAA;AAAA,IAAAL,IACC,gBAAAM;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAI;AAAA,QACJ,gBAAe;AAAA,QACf,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,cAAYN,KAAa;AAAA,cACzB,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAASD;AAAA,cAET,UAAA,gBAAAG,EAACK,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE1BN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGHA;AAAA,IAEDH,KAAY,gBAAAI,EAACC,GAAA,EAAK,WAAU,wBAAwB,UAAAL,EAAA,CAAS;AAAA,EAAA,GAChE;AAEJ;"}
+{"version":3,"file":"PageHeader.js","sources":["../../../../../src/ui/components/PageHeader/PageHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from \"icons\";\nimport { Flex } from \"layout\";\nimport { IconButton, Text } from \"primitives\";\nimport \"./pageheader.css\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  onBack?: () => void;\n  backLabel?: string;\n}\n\nexport function PageHeader({ title, subtitle, onBack, backLabel }: PageHeaderProps) {\n  // Título e descrição formam um bloco só, e é esse bloco que o voltar empurra para a direita.\n  // Soltos, os dois começavam em pontos diferentes: o título depois do botão e a descrição na\n  // margem da página, alinhada com a seta em vez de com o próprio título.\n  const titleBlock = (\n    <Flex direction=\"column\" gap=\"200\" className=\"page-header-text\">\n      <Text elementType=\"h1\" className=\"page-header-title\">\n        {title}\n      </Text>\n      {subtitle && <Text className=\"page-header-subtitle\">{subtitle}</Text>}\n    </Flex>\n  );\n\n  if (!onBack) {\n    return <div className=\"page-header\">{titleBlock}</div>;\n  }\n\n  return (\n    <Flex\n      direction=\"row\"\n      gap=\"200\"\n      alignSecondary=\"start\"\n      className=\"page-header page-header-title-row\"\n    >\n      <IconButton\n        aria-label={backLabel ?? \"Back\"}\n        variant=\"subtle\"\n        size=\"small\"\n        className=\"page-header-back\"\n        onPress={onBack}\n      >\n        <IconArrowLeft size=\"20\" />\n      </IconButton>\n      {titleBlock}\n    </Flex>\n  );\n}\n"],"names":["PageHeader","title","subtitle","onBack","backLabel","titleBlock","Flex","jsx","Text","jsxs","IconButton","IconArrowLeft"],"mappings":";;;;;;AAYO,SAASA,EAAW,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,KAA8B;AAIlF,QAAMC,sBACHC,GAAA,EAAK,WAAU,UAAS,KAAI,OAAM,WAAU,oBAC3C,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,aAAY,MAAK,WAAU,qBAC9B,UAAAP,GACH;AAAA,IACCC,KAAY,gBAAAK,EAACC,GAAA,EAAK,WAAU,wBAAwB,UAAAN,EAAA,CAAS;AAAA,EAAA,GAChE;AAGF,SAAKC,IAKH,gBAAAM;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,gBAAe;AAAA,MACf,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,cAAYN,KAAa;AAAA,YACzB,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAASD;AAAA,YAET,UAAA,gBAAAI,EAACI,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1BN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAnBI,gBAAAE,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAF,GAAW;AAsBpD;"}

package/dist/lib/ui/components/WidgetGrid/WidgetGrid.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),A=require("../../../vendor/clsx/dist/clsx.cjs"),D=require("react"),c=require("../../../_virtual/index.cjs");;/* empty css                                                 */;/* empty css                                               */;/* empty css                 */const G=c.WidthProvider(c),T=".widget-drag-handle",_=".widget-header-actions";function S({layout:g,onLayoutChange:r,cols:u=12,rowHeight:o=80,isEditable:n=!1,isDraggable:m,isResizable:E,className:R,style:q,children:i}){const b=g.map(({id:e,x:t,y:a,w:s,h:d})=>({i:e,x:t,y:a,w:s,h:d}));function x(e){r==null||r(e.map(({i:t,x:a,y:s,w:d,h:y})=>({id:t,x:a,y:s,w:d,h:y})))}return l.jsx(G,{className:A.clsx("widget-grid",R),style:q,layout:b,cols:u,rowHeight:o,isDraggable:m??n,isResizable:E??n,draggableHandle:T,draggableCancel:_,onLayoutChange:x,children:(Array.isArray(i)?i:[i]).map(e=>D.isValidElement(e)?l.jsx("div",{className:"widget-grid-item",children:e},e.key):e)})}exports.WidgetGrid=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),A=require("../../../vendor/clsx/dist/clsx.cjs"),G=require("react"),c=require("../../../_virtual/index.cjs");;/* empty css                                                 */;/* empty css                                               */;/* empty css                 */const T=c.WidthProvider(c),_=".widget-drag-handle",w=".widget-header-actions";function S({layout:o,onLayoutChange:r,cols:u=12,rowHeight:E=80,isEditable:g=!1,isDraggable:m,isResizable:b,className:R,style:q,children:i}){const D=o.map(({id:e,x:a,y:t,w:s,h:d})=>({i:e,x:a,y:t,w:s,h:d})),n=m??g;function x(e){r==null||r(e.map(({i:a,x:t,y:s,w:d,h:y})=>({id:a,x:t,y:s,w:d,h:y})))}return l.jsx(T,{className:A.clsx("widget-grid",n&&"widget-grid-draggable",R),style:q,layout:D,cols:u,rowHeight:E,isDraggable:n,isResizable:b??g,draggableHandle:_,draggableCancel:w,onLayoutChange:x,children:(Array.isArray(i)?i:[i]).map(e=>G.isValidElement(e)?l.jsx("div",{className:"widget-grid-item",children:e},e.key):e)})}exports.WidgetGrid=S;
 //# sourceMappingURL=WidgetGrid.cjs.map

package/dist/lib/ui/components/WidgetGrid/WidgetGrid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetGrid.cjs","sources":["../../../../../src/ui/components/WidgetGrid/WidgetGrid.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isValidElement, type CSSProperties, type ReactNode } from \"react\";\nimport GridLayout, { type Layout } from \"react-grid-layout\";\nimport \"react-grid-layout/css/styles.css\";\nimport \"react-resizable/css/styles.css\";\nimport \"./widgetgrid.css\";\n\nconst ResizableGridLayout = /* @__PURE__ */ GridLayout.WidthProvider(GridLayout);\n\nconst WIDGET_DRAG_HANDLE_SELECTOR = \".widget-drag-handle\";\nconst WIDGET_HEADER_ACTIONS_SELECTOR = \".widget-header-actions\";\n\nexport interface WidgetLayoutItem {\n  id: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nexport interface WidgetGridProps {\n  layout: WidgetLayoutItem[];\n  onLayoutChange?: (layout: WidgetLayoutItem[]) => void;\n  cols?: number;\n  rowHeight?: number;\n  isEditable?: boolean;\n  isDraggable?: boolean;\n  isResizable?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nexport function WidgetGrid({\n  layout,\n  onLayoutChange,\n  cols = 12,\n  rowHeight = 80,\n  isEditable = false,\n  isDraggable,\n  isResizable,\n  className,\n  style,\n  children,\n}: WidgetGridProps) {\n  const rglLayout: Layout[] = layout.map(({ id, x, y, w, h }) => ({ i: id, x, y, w, h }));\n\n  function handleLayoutChange(nextLayout: Layout[]): void {\n    onLayoutChange?.(nextLayout.map(({ i, x, y, w, h }) => ({ id: i, x, y, w, h })));\n  }\n\n  return (\n    <ResizableGridLayout\n      className={clsx(\"widget-grid\", className)}\n      style={style}\n      layout={rglLayout}\n      cols={cols}\n      rowHeight={rowHeight}\n      isDraggable={isDraggable ?? isEditable}\n      isResizable={isResizable ?? isEditable}\n      draggableHandle={WIDGET_DRAG_HANDLE_SELECTOR}\n      draggableCancel={WIDGET_HEADER_ACTIONS_SELECTOR}\n      onLayoutChange={handleLayoutChange}\n    >\n      {(Array.isArray(children) ? children : [children]).map((child) =>\n        isValidElement(child) ? (\n          // react-grid-layout clones this direct child to attach position styles and,\n          // when resizable, appends the resize handle as one of its children. Widget\n          // renders its own children inside .widget-body, so cloning Widget directly\n          // would bury the handle there instead of at the item's edge. This wrapper\n          // keeps Widget's markup untouched and gives react-grid-layout a plain node\n          // to clone onto.\n          //\n          // A plain array .map() is used here (not Children.map/Children.forEach/\n          // Children.toArray): those APIs re-escape each child's key on every call,\n          // prefixing it with React's internal `.$` marker regardless of the key set\n          // on the returned element. react-grid-layout derives each item's id from\n          // this wrapper's resolved key, and that id round-trips back into `layout` on\n          // the next render, so the escaped key compounded every render (id -> `.$id`\n          // -> `.$.$id` -> ...) and never converged, causing an infinite update loop\n          // as soon as a consumer re-rendered with the reported layout. Plain .map()\n          // leaves the explicit key untouched.\n          <div key={child.key} className=\"widget-grid-item\">\n            {child}\n          </div>\n        ) : (\n          child\n        ),\n      )}\n    </ResizableGridLayout>\n  );\n}\n"],"names":["ResizableGridLayout","GridLayout","WIDGET_DRAG_HANDLE_SELECTOR","WIDGET_HEADER_ACTIONS_SELECTOR","WidgetGrid","layout","onLayoutChange","cols","rowHeight","isEditable","isDraggable","isResizable","className","style","children","rglLayout","id","x","y","w","h","handleLayoutChange","nextLayout","i","jsx","clsx","child","isValidElement"],"mappings":"+XAOA,MAAMA,EAAsCC,EAAW,cAAcA,CAAU,EAEzEC,EAA8B,sBAC9BC,EAAiC,yBAuBhC,SAASC,EAAW,CACzB,OAAAC,EACA,eAAAC,EACA,KAAAC,EAAO,GACP,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,CACF,EAAoB,CAClB,MAAMC,EAAsBV,EAAO,IAAI,CAAC,CAAE,GAAAW,EAAI,EAAAC,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAA,KAAS,CAAE,EAAGJ,EAAI,EAAAC,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,GAAI,EAEtF,SAASC,EAAmBC,EAA4B,CACtDhB,GAAA,MAAAA,EAAiBgB,EAAW,IAAI,CAAC,CAAE,EAAAC,EAAG,EAAAN,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAA,KAAS,CAAE,GAAIG,EAAG,EAAAN,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAA,EAAI,EAChF,CAEA,OACEI,EAAAA,IAACxB,EAAA,CACC,UAAWyB,EAAAA,KAAK,cAAeb,CAAS,EACxC,MAAAC,EACA,OAAQE,EACR,KAAAR,EACA,UAAAC,EACA,YAAaE,GAAeD,EAC5B,YAAaE,GAAeF,EAC5B,gBAAiBP,EACjB,gBAAiBC,EACjB,eAAgBkB,EAEd,gBAAM,QAAQP,CAAQ,EAAIA,EAAW,CAACA,CAAQ,GAAG,IAAKY,GACtDC,EAAAA,eAAeD,CAAK,QAiBjB,MAAA,CAAoB,UAAU,mBAC5B,SAAAA,CAAA,EADOA,EAAM,GAEhB,EAEAA,CAAA,CAEJ,CAAA,CAGN"}
+{"version":3,"file":"WidgetGrid.cjs","sources":["../../../../../src/ui/components/WidgetGrid/WidgetGrid.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isValidElement, type CSSProperties, type ReactNode } from \"react\";\nimport GridLayout, { type Layout } from \"react-grid-layout\";\nimport \"react-grid-layout/css/styles.css\";\nimport \"react-resizable/css/styles.css\";\nimport \"./widgetgrid.css\";\n\nconst ResizableGridLayout = /* @__PURE__ */ GridLayout.WidthProvider(GridLayout);\n\nconst WIDGET_DRAG_HANDLE_SELECTOR = \".widget-drag-handle\";\nconst WIDGET_HEADER_ACTIONS_SELECTOR = \".widget-header-actions\";\n\nexport interface WidgetLayoutItem {\n  id: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nexport interface WidgetGridProps {\n  layout: WidgetLayoutItem[];\n  onLayoutChange?: (layout: WidgetLayoutItem[]) => void;\n  cols?: number;\n  rowHeight?: number;\n  isEditable?: boolean;\n  isDraggable?: boolean;\n  isResizable?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nexport function WidgetGrid({\n  layout,\n  onLayoutChange,\n  cols = 12,\n  rowHeight = 80,\n  isEditable = false,\n  isDraggable,\n  isResizable,\n  className,\n  style,\n  children,\n}: WidgetGridProps) {\n  const rglLayout: Layout[] = layout.map(({ id, x, y, w, h }) => ({ i: id, x, y, w, h }));\n  const isDragEnabled: boolean = isDraggable ?? isEditable;\n\n  function handleLayoutChange(nextLayout: Layout[]): void {\n    onLayoutChange?.(nextLayout.map(({ i, x, y, w, h }) => ({ id: i, x, y, w, h })));\n  }\n\n  return (\n    <ResizableGridLayout\n      className={clsx(\"widget-grid\", isDragEnabled && \"widget-grid-draggable\", className)}\n      style={style}\n      layout={rglLayout}\n      cols={cols}\n      rowHeight={rowHeight}\n      isDraggable={isDragEnabled}\n      isResizable={isResizable ?? isEditable}\n      draggableHandle={WIDGET_DRAG_HANDLE_SELECTOR}\n      draggableCancel={WIDGET_HEADER_ACTIONS_SELECTOR}\n      onLayoutChange={handleLayoutChange}\n    >\n      {(Array.isArray(children) ? children : [children]).map((child) =>\n        isValidElement(child) ? (\n          // react-grid-layout clones this direct child to attach position styles and,\n          // when resizable, appends the resize handle as one of its children. Widget\n          // renders its own children inside .widget-body, so cloning Widget directly\n          // would bury the handle there instead of at the item's edge. This wrapper\n          // keeps Widget's markup untouched and gives react-grid-layout a plain node\n          // to clone onto.\n          //\n          // A plain array .map() is used here (not Children.map/Children.forEach/\n          // Children.toArray): those APIs re-escape each child's key on every call,\n          // prefixing it with React's internal `.$` marker regardless of the key set\n          // on the returned element. react-grid-layout derives each item's id from\n          // this wrapper's resolved key, and that id round-trips back into `layout` on\n          // the next render, so the escaped key compounded every render (id -> `.$id`\n          // -> `.$.$id` -> ...) and never converged, causing an infinite update loop\n          // as soon as a consumer re-rendered with the reported layout. Plain .map()\n          // leaves the explicit key untouched.\n          <div key={child.key} className=\"widget-grid-item\">\n            {child}\n          </div>\n        ) : (\n          child\n        ),\n      )}\n    </ResizableGridLayout>\n  );\n}\n"],"names":["ResizableGridLayout","GridLayout","WIDGET_DRAG_HANDLE_SELECTOR","WIDGET_HEADER_ACTIONS_SELECTOR","WidgetGrid","layout","onLayoutChange","cols","rowHeight","isEditable","isDraggable","isResizable","className","style","children","rglLayout","id","x","y","w","h","isDragEnabled","handleLayoutChange","nextLayout","i","jsx","clsx","child","isValidElement"],"mappings":"+XAOA,MAAMA,EAAsCC,EAAW,cAAcA,CAAU,EAEzEC,EAA8B,sBAC9BC,EAAiC,yBAuBhC,SAASC,EAAW,CACzB,OAAAC,EACA,eAAAC,EACA,KAAAC,EAAO,GACP,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,CACF,EAAoB,CAClB,MAAMC,EAAsBV,EAAO,IAAI,CAAC,CAAE,GAAAW,EAAI,EAAAC,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAA,KAAS,CAAE,EAAGJ,EAAI,EAAAC,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,GAAI,EAChFC,EAAyBX,GAAeD,EAE9C,SAASa,EAAmBC,EAA4B,CACtDjB,GAAA,MAAAA,EAAiBiB,EAAW,IAAI,CAAC,CAAE,EAAAC,EAAG,EAAAP,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAA,KAAS,CAAE,GAAII,EAAG,EAAAP,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAA,EAAI,EAChF,CAEA,OACEK,EAAAA,IAACzB,EAAA,CACC,UAAW0B,EAAAA,KAAK,cAAeL,GAAiB,wBAAyBT,CAAS,EAClF,MAAAC,EACA,OAAQE,EACR,KAAAR,EACA,UAAAC,EACA,YAAaa,EACb,YAAaV,GAAeF,EAC5B,gBAAiBP,EACjB,gBAAiBC,EACjB,eAAgBmB,EAEd,gBAAM,QAAQR,CAAQ,EAAIA,EAAW,CAACA,CAAQ,GAAG,IAAKa,GACtDC,EAAAA,eAAeD,CAAK,QAiBjB,MAAA,CAAoB,UAAU,mBAC5B,SAAAA,CAAA,EADOA,EAAM,GAEhB,EAEAA,CAAA,CAEJ,CAAA,CAGN"}

package/dist/lib/ui/components/WidgetGrid/WidgetGrid.js

@@ -1,39 +1,39 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { clsx as _ } from "../../../vendor/clsx/dist/clsx.js";
 import { isValidElement as u } from "react";
-import g from "../../../_virtual/index.js";
+import l from "../../../_virtual/index.js";
 /* empty css                                               */
 /* empty css                                             */
 /* empty css               */
-const y = /* @__PURE__ */ g.WidthProvider(g), T = ".widget-drag-handle", b = ".widget-header-actions";
-function O({
-  layout: l,
+const w = /* @__PURE__ */ l.WidthProvider(l), y = ".widget-drag-handle", T = ".widget-header-actions";
+function S({
+  layout: n,
   onLayoutChange: i,
   cols: p = 12,
-  rowHeight: n = 80,
-  isEditable: m = !1,
-  isDraggable: E,
-  isResizable: c,
-  className: f,
-  style: A,
+  rowHeight: E = 80,
+  isEditable: s = !1,
+  isDraggable: c,
+  isResizable: f,
+  className: D,
+  style: b,
   children: a
 }) {
-  const D = l.map(({ id: r, x: e, y: t, w: o, h: d }) => ({ i: r, x: e, y: t, w: o, h: d }));
+  const A = n.map(({ id: r, x: e, y: t, w: d, h: o }) => ({ i: r, x: e, y: t, w: d, h: o })), g = c ?? s;
   function G(r) {
-    i == null || i(r.map(({ i: e, x: t, y: o, w: d, h: R }) => ({ id: e, x: t, y: o, w: d, h: R })));
+    i == null || i(r.map(({ i: e, x: t, y: d, w: o, h: R }) => ({ id: e, x: t, y: d, w: o, h: R })));
   }
-  return /* @__PURE__ */ s(
-    y,
+  return /* @__PURE__ */ m(
+    w,
     {
-      className: _("widget-grid", f),
-      style: A,
-      layout: D,
+      className: _("widget-grid", g && "widget-grid-draggable", D),
+      style: b,
+      layout: A,
       cols: p,
-      rowHeight: n,
-      isDraggable: E ?? m,
-      isResizable: c ?? m,
-      draggableHandle: T,
-      draggableCancel: b,
+      rowHeight: E,
+      isDraggable: g,
+      isResizable: f ?? s,
+      draggableHandle: y,
+      draggableCancel: T,
       onLayoutChange: G,
       children: (Array.isArray(a) ? a : [a]).map(
         (r) => u(r) ? (
@@ -53,13 +53,13 @@ function O({
           // -> `.$.$id` -> ...) and never converged, causing an infinite update loop
           // as soon as a consumer re-rendered with the reported layout. Plain .map()
           // leaves the explicit key untouched.
-          /* @__PURE__ */ s("div", { className: "widget-grid-item", children: r }, r.key)
+          /* @__PURE__ */ m("div", { className: "widget-grid-item", children: r }, r.key)
         ) : r
       )
     }
   );
 }
 export {
-  O as WidgetGrid
+  S as WidgetGrid
 };
 //# sourceMappingURL=WidgetGrid.js.map

package/dist/lib/ui/components/WidgetGrid/WidgetGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetGrid.js","sources":["../../../../../src/ui/components/WidgetGrid/WidgetGrid.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isValidElement, type CSSProperties, type ReactNode } from \"react\";\nimport GridLayout, { type Layout } from \"react-grid-layout\";\nimport \"react-grid-layout/css/styles.css\";\nimport \"react-resizable/css/styles.css\";\nimport \"./widgetgrid.css\";\n\nconst ResizableGridLayout = /* @__PURE__ */ GridLayout.WidthProvider(GridLayout);\n\nconst WIDGET_DRAG_HANDLE_SELECTOR = \".widget-drag-handle\";\nconst WIDGET_HEADER_ACTIONS_SELECTOR = \".widget-header-actions\";\n\nexport interface WidgetLayoutItem {\n  id: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nexport interface WidgetGridProps {\n  layout: WidgetLayoutItem[];\n  onLayoutChange?: (layout: WidgetLayoutItem[]) => void;\n  cols?: number;\n  rowHeight?: number;\n  isEditable?: boolean;\n  isDraggable?: boolean;\n  isResizable?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nexport function WidgetGrid({\n  layout,\n  onLayoutChange,\n  cols = 12,\n  rowHeight = 80,\n  isEditable = false,\n  isDraggable,\n  isResizable,\n  className,\n  style,\n  children,\n}: WidgetGridProps) {\n  const rglLayout: Layout[] = layout.map(({ id, x, y, w, h }) => ({ i: id, x, y, w, h }));\n\n  function handleLayoutChange(nextLayout: Layout[]): void {\n    onLayoutChange?.(nextLayout.map(({ i, x, y, w, h }) => ({ id: i, x, y, w, h })));\n  }\n\n  return (\n    <ResizableGridLayout\n      className={clsx(\"widget-grid\", className)}\n      style={style}\n      layout={rglLayout}\n      cols={cols}\n      rowHeight={rowHeight}\n      isDraggable={isDraggable ?? isEditable}\n      isResizable={isResizable ?? isEditable}\n      draggableHandle={WIDGET_DRAG_HANDLE_SELECTOR}\n      draggableCancel={WIDGET_HEADER_ACTIONS_SELECTOR}\n      onLayoutChange={handleLayoutChange}\n    >\n      {(Array.isArray(children) ? children : [children]).map((child) =>\n        isValidElement(child) ? (\n          // react-grid-layout clones this direct child to attach position styles and,\n          // when resizable, appends the resize handle as one of its children. Widget\n          // renders its own children inside .widget-body, so cloning Widget directly\n          // would bury the handle there instead of at the item's edge. This wrapper\n          // keeps Widget's markup untouched and gives react-grid-layout a plain node\n          // to clone onto.\n          //\n          // A plain array .map() is used here (not Children.map/Children.forEach/\n          // Children.toArray): those APIs re-escape each child's key on every call,\n          // prefixing it with React's internal `.$` marker regardless of the key set\n          // on the returned element. react-grid-layout derives each item's id from\n          // this wrapper's resolved key, and that id round-trips back into `layout` on\n          // the next render, so the escaped key compounded every render (id -> `.$id`\n          // -> `.$.$id` -> ...) and never converged, causing an infinite update loop\n          // as soon as a consumer re-rendered with the reported layout. Plain .map()\n          // leaves the explicit key untouched.\n          <div key={child.key} className=\"widget-grid-item\">\n            {child}\n          </div>\n        ) : (\n          child\n        ),\n      )}\n    </ResizableGridLayout>\n  );\n}\n"],"names":["ResizableGridLayout","GridLayout","WIDGET_DRAG_HANDLE_SELECTOR","WIDGET_HEADER_ACTIONS_SELECTOR","WidgetGrid","layout","onLayoutChange","cols","rowHeight","isEditable","isDraggable","isResizable","className","style","children","rglLayout","id","x","y","w","h","handleLayoutChange","nextLayout","i","jsx","clsx","child","isValidElement"],"mappings":";;;;;;;AAOA,MAAMA,IAAsC,gBAAAC,EAAW,cAAcA,CAAU,GAEzEC,IAA8B,uBAC9BC,IAAiC;AAuBhC,SAASC,EAAW;AAAA,EACzB,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,GAAoB;AAClB,QAAMC,IAAsBV,EAAO,IAAI,CAAC,EAAE,IAAAW,GAAI,GAAAC,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,EAAA,OAAS,EAAE,GAAGJ,GAAI,GAAAC,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,IAAI;AAEtF,WAASC,EAAmBC,GAA4B;AACtD,IAAAhB,KAAA,QAAAA,EAAiBgB,EAAW,IAAI,CAAC,EAAE,GAAAC,GAAG,GAAAN,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,EAAA,OAAS,EAAE,IAAIG,GAAG,GAAAN,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,EAAA,EAAI;AAAA,EAChF;AAEA,SACE,gBAAAI;AAAA,IAACxB;AAAA,IAAA;AAAA,MACC,WAAWyB,EAAK,eAAeb,CAAS;AAAA,MACxC,OAAAC;AAAA,MACA,QAAQE;AAAA,MACR,MAAAR;AAAA,MACA,WAAAC;AAAA,MACA,aAAaE,KAAeD;AAAA,MAC5B,aAAaE,KAAeF;AAAA,MAC5B,iBAAiBP;AAAA,MACjB,iBAAiBC;AAAA,MACjB,gBAAgBkB;AAAA,MAEd,iBAAM,QAAQP,CAAQ,IAAIA,IAAW,CAACA,CAAQ,GAAG;AAAA,QAAI,CAACY,MACtDC,EAAeD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAiBjB,OAAA,EAAoB,WAAU,oBAC5B,UAAAA,EAAA,GADOA,EAAM,GAEhB;AAAA,YAEAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"WidgetGrid.js","sources":["../../../../../src/ui/components/WidgetGrid/WidgetGrid.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isValidElement, type CSSProperties, type ReactNode } from \"react\";\nimport GridLayout, { type Layout } from \"react-grid-layout\";\nimport \"react-grid-layout/css/styles.css\";\nimport \"react-resizable/css/styles.css\";\nimport \"./widgetgrid.css\";\n\nconst ResizableGridLayout = /* @__PURE__ */ GridLayout.WidthProvider(GridLayout);\n\nconst WIDGET_DRAG_HANDLE_SELECTOR = \".widget-drag-handle\";\nconst WIDGET_HEADER_ACTIONS_SELECTOR = \".widget-header-actions\";\n\nexport interface WidgetLayoutItem {\n  id: string;\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nexport interface WidgetGridProps {\n  layout: WidgetLayoutItem[];\n  onLayoutChange?: (layout: WidgetLayoutItem[]) => void;\n  cols?: number;\n  rowHeight?: number;\n  isEditable?: boolean;\n  isDraggable?: boolean;\n  isResizable?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nexport function WidgetGrid({\n  layout,\n  onLayoutChange,\n  cols = 12,\n  rowHeight = 80,\n  isEditable = false,\n  isDraggable,\n  isResizable,\n  className,\n  style,\n  children,\n}: WidgetGridProps) {\n  const rglLayout: Layout[] = layout.map(({ id, x, y, w, h }) => ({ i: id, x, y, w, h }));\n  const isDragEnabled: boolean = isDraggable ?? isEditable;\n\n  function handleLayoutChange(nextLayout: Layout[]): void {\n    onLayoutChange?.(nextLayout.map(({ i, x, y, w, h }) => ({ id: i, x, y, w, h })));\n  }\n\n  return (\n    <ResizableGridLayout\n      className={clsx(\"widget-grid\", isDragEnabled && \"widget-grid-draggable\", className)}\n      style={style}\n      layout={rglLayout}\n      cols={cols}\n      rowHeight={rowHeight}\n      isDraggable={isDragEnabled}\n      isResizable={isResizable ?? isEditable}\n      draggableHandle={WIDGET_DRAG_HANDLE_SELECTOR}\n      draggableCancel={WIDGET_HEADER_ACTIONS_SELECTOR}\n      onLayoutChange={handleLayoutChange}\n    >\n      {(Array.isArray(children) ? children : [children]).map((child) =>\n        isValidElement(child) ? (\n          // react-grid-layout clones this direct child to attach position styles and,\n          // when resizable, appends the resize handle as one of its children. Widget\n          // renders its own children inside .widget-body, so cloning Widget directly\n          // would bury the handle there instead of at the item's edge. This wrapper\n          // keeps Widget's markup untouched and gives react-grid-layout a plain node\n          // to clone onto.\n          //\n          // A plain array .map() is used here (not Children.map/Children.forEach/\n          // Children.toArray): those APIs re-escape each child's key on every call,\n          // prefixing it with React's internal `.$` marker regardless of the key set\n          // on the returned element. react-grid-layout derives each item's id from\n          // this wrapper's resolved key, and that id round-trips back into `layout` on\n          // the next render, so the escaped key compounded every render (id -> `.$id`\n          // -> `.$.$id` -> ...) and never converged, causing an infinite update loop\n          // as soon as a consumer re-rendered with the reported layout. Plain .map()\n          // leaves the explicit key untouched.\n          <div key={child.key} className=\"widget-grid-item\">\n            {child}\n          </div>\n        ) : (\n          child\n        ),\n      )}\n    </ResizableGridLayout>\n  );\n}\n"],"names":["ResizableGridLayout","GridLayout","WIDGET_DRAG_HANDLE_SELECTOR","WIDGET_HEADER_ACTIONS_SELECTOR","WidgetGrid","layout","onLayoutChange","cols","rowHeight","isEditable","isDraggable","isResizable","className","style","children","rglLayout","id","x","y","w","h","isDragEnabled","handleLayoutChange","nextLayout","i","jsx","clsx","child","isValidElement"],"mappings":";;;;;;;AAOA,MAAMA,IAAsC,gBAAAC,EAAW,cAAcA,CAAU,GAEzEC,IAA8B,uBAC9BC,IAAiC;AAuBhC,SAASC,EAAW;AAAA,EACzB,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,GAAoB;AAClB,QAAMC,IAAsBV,EAAO,IAAI,CAAC,EAAE,IAAAW,GAAI,GAAAC,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,EAAA,OAAS,EAAE,GAAGJ,GAAI,GAAAC,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,IAAI,GAChFC,IAAyBX,KAAeD;AAE9C,WAASa,EAAmBC,GAA4B;AACtD,IAAAjB,KAAA,QAAAA,EAAiBiB,EAAW,IAAI,CAAC,EAAE,GAAAC,GAAG,GAAAP,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,EAAA,OAAS,EAAE,IAAII,GAAG,GAAAP,GAAG,GAAAC,GAAG,GAAAC,GAAG,GAAAC,EAAA,EAAI;AAAA,EAChF;AAEA,SACE,gBAAAK;AAAA,IAACzB;AAAA,IAAA;AAAA,MACC,WAAW0B,EAAK,eAAeL,KAAiB,yBAAyBT,CAAS;AAAA,MAClF,OAAAC;AAAA,MACA,QAAQE;AAAA,MACR,MAAAR;AAAA,MACA,WAAAC;AAAA,MACA,aAAaa;AAAA,MACb,aAAaV,KAAeF;AAAA,MAC5B,iBAAiBP;AAAA,MACjB,iBAAiBC;AAAA,MACjB,gBAAgBmB;AAAA,MAEd,iBAAM,QAAQR,CAAQ,IAAIA,IAAW,CAACA,CAAQ,GAAG;AAAA,QAAI,CAACa,MACtDC,EAAeD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAiBjB,OAAA,EAAoB,WAAU,oBAC5B,UAAAA,EAAA,GADOA,EAAM,GAEhB;AAAA,YAEAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

package/dist/lib/ui/primitives/Accordion/Accordion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react-aria-components");;/* empty css                */const l=require("../../icons/IconChevronDown.cjs");function d({className:s,...i}){const o=r.clsx(s,"accordion");return e.jsx(c.DisclosureGroup,{className:o,...i})}function m({className:s,title:i,isExpanded:o,isDisabled:u,children:n,...t}){const a=r.clsx(s,"accordion-item");return e.jsxs(c.Disclosure,{className:a,...t,children:[e.jsx(c.Heading,{className:"accordion-item-title",children:e.jsxs(c.Button,{slot:"trigger",children:[i,e.jsx("span",{role:"img","aria-hidden":"true","aria-label":"accordion item indicator",className:"accordion-item-indicator",children:e.jsx(l.IconChevronDown,{size:"20"})})]})}),e.jsx(c.DisclosurePanel,{className:"accordion-item-content",children:e.jsx(e.Fragment,{children:n})})]})}exports.Accordion=d;exports.AccordionItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react-aria-components");;/* empty css                */const l=require("../../icons/IconChevronDown.cjs");function d({className:s,...i}){const o=r.clsx(s,"sds-accordion");return e.jsx(c.DisclosureGroup,{className:o,...i})}function m({className:s,title:i,isExpanded:o,isDisabled:u,children:n,...t}){const a=r.clsx(s,"accordion-item");return e.jsxs(c.Disclosure,{className:a,...t,children:[e.jsx(c.Heading,{className:"accordion-item-title",children:e.jsxs(c.Button,{slot:"trigger",children:[i,e.jsx("span",{role:"img","aria-hidden":"true","aria-label":"accordion item indicator",className:"accordion-item-indicator",children:e.jsx(l.IconChevronDown,{size:"20"})})]})}),e.jsx(c.DisclosurePanel,{className:"accordion-item-content",children:e.jsx(e.Fragment,{children:n})})]})}exports.Accordion=d;exports.AccordionItem=m;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/lib/ui/primitives/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & { title: string };\nexport function AccordionItem({\n  className,\n  title,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          {title}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":"0RAcO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,WAAW,EAC9C,OAAOI,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAWH,EAAa,GAAGD,EAAO,CAC5D,CAGO,SAASK,EAAc,CAC5B,UAAAN,EACA,MAAAO,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGT,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,gBAAgB,EACnD,OACEW,EAAAA,KAACC,EAAAA,WAAA,CAAW,UAAWV,EAAa,GAAGD,EACrC,SAAA,CAAAG,EAAAA,IAACS,EAAAA,SAAQ,UAAU,uBACjB,SAAAF,EAAAA,KAACG,SAAA,CAAO,KAAK,UACV,SAAA,CAAAP,EACDH,EAAAA,IAAC,OAAA,CACC,KAAK,MACL,cAAY,OACZ,aAAW,2BACX,UAAU,2BAEV,SAAAA,EAAAA,IAACW,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,CAAA,CAAA,CAC7B,CAAA,CACF,CAAA,CACF,QACCC,EAAAA,gBAAA,CAAgB,UAAU,yBACzB,SAAAZ,EAAAA,IAAAa,EAAAA,SAAA,CAAG,SAAAP,EAAS,CAAA,CACd,CAAA,EACF,CAEJ"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"sds-accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & { title: string };\nexport function AccordionItem({\n  className,\n  title,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          {title}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":"0RAcO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,eAAe,EAClD,OAAOI,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAWH,EAAa,GAAGD,EAAO,CAC5D,CAGO,SAASK,EAAc,CAC5B,UAAAN,EACA,MAAAO,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGT,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,gBAAgB,EACnD,OACEW,EAAAA,KAACC,EAAAA,WAAA,CAAW,UAAWV,EAAa,GAAGD,EACrC,SAAA,CAAAG,EAAAA,IAACS,EAAAA,SAAQ,UAAU,uBACjB,SAAAF,EAAAA,KAACG,SAAA,CAAO,KAAK,UACV,SAAA,CAAAP,EACDH,EAAAA,IAAC,OAAA,CACC,KAAK,MACL,cAAY,OACZ,aAAW,2BACX,UAAU,2BAEV,SAAAA,EAAAA,IAACW,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,CAAA,CAAA,CAC7B,CAAA,CACF,CAAA,CACF,QACCC,EAAAA,gBAAA,CAAgB,UAAU,yBACzB,SAAAZ,EAAAA,IAAAa,EAAAA,SAAA,CAAG,SAAAP,EAAS,CAAA,CACd,CAAA,EACF,CAEJ"}

package/dist/lib/ui/primitives/Accordion/Accordion.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as e, Fragment as m } from "react/jsx-runtime";
-import { clsx as n } from "../../../vendor/clsx/dist/clsx.js";
+import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
 import { DisclosureGroup as l, Disclosure as d, Heading as u, Button as p, DisclosurePanel as h } from "react-aria-components";
 /* empty css              */
 import { IconChevronDown as N } from "../../icons/IconChevronDown.js";
 function A({ className: o, ...r }) {
-  const c = n(o, "accordion");
+  const c = s(o, "sds-accordion");
   return /* @__PURE__ */ i(l, { className: c, ...r });
 }
 function I({
@@ -12,10 +12,10 @@ function I({
   title: r,
   isExpanded: c,
   isDisabled: f,
-  children: s,
+  children: n,
   ...a
 }) {
-  const t = n(o, "accordion-item");
+  const t = s(o, "accordion-item");
   return /* @__PURE__ */ e(d, { className: t, ...a, children: [
     /* @__PURE__ */ i(u, { className: "accordion-item-title", children: /* @__PURE__ */ e(p, { slot: "trigger", children: [
       r,
@@ -30,7 +30,7 @@ function I({
         }
       )
     ] }) }),
-    /* @__PURE__ */ i(h, { className: "accordion-item-content", children: /* @__PURE__ */ i(m, { children: s }) })
+    /* @__PURE__ */ i(h, { className: "accordion-item-content", children: /* @__PURE__ */ i(m, { children: n }) })
   ] });
 }
 export {

package/dist/lib/ui/primitives/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & { title: string };\nexport function AccordionItem({\n  className,\n  title,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          {title}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":";;;;;AAcO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,QAAMC,IAAaC,EAAKH,GAAW,WAAW;AAC9C,SAAO,gBAAAI,EAACC,GAAA,EAAgB,WAAWH,GAAa,GAAGD,GAAO;AAC5D;AAGO,SAASK,EAAc;AAAA,EAC5B,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGT;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKH,GAAW,gBAAgB;AACnD,SACE,gBAAAW,EAACC,GAAA,EAAW,WAAWV,GAAa,GAAGD,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAACS,KAAQ,WAAU,wBACjB,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,WACV,UAAA;AAAA,MAAAP;AAAA,MACD,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,UAAA,gBAAAA,EAACW,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7B,EAAA,CACF,EAAA,CACF;AAAA,sBACCC,GAAA,EAAgB,WAAU,0BACzB,UAAA,gBAAAZ,EAAAa,GAAA,EAAG,UAAAP,GAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../src/ui/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  type DisclosureGroupProps,\n  type DisclosureProps,\n} from \"react-aria-components\";\nimport \"./accordion.css\";\n\nexport type AccordionProps = DisclosureGroupProps;\nexport function Accordion({ className, ...props }: AccordionProps) {\n  const classNames = clsx(className, \"sds-accordion\");\n  return <DisclosureGroup className={classNames} {...props} />;\n}\n\nexport type AccordionItemProps = DisclosureProps & { title: string };\nexport function AccordionItem({\n  className,\n  title,\n  isExpanded,\n  isDisabled,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const classNames = clsx(className, \"accordion-item\");\n  return (\n    <Disclosure className={classNames} {...props}>\n      <Heading className=\"accordion-item-title\">\n        <Button slot=\"trigger\">\n          {title}\n          <span\n            role=\"img\"\n            aria-hidden=\"true\"\n            aria-label=\"accordion item indicator\"\n            className=\"accordion-item-indicator\"\n          >\n            <IconChevronDown size=\"20\" />\n          </span>\n        </Button>\n      </Heading>\n      <DisclosurePanel className=\"accordion-item-content\">\n        <>{children}</>\n      </DisclosurePanel>\n    </Disclosure>\n  );\n}\n"],"names":["Accordion","className","props","classNames","clsx","jsx","DisclosureGroup","AccordionItem","title","isExpanded","isDisabled","children","jsxs","Disclosure","Heading","Button","IconChevronDown","DisclosurePanel","Fragment"],"mappings":";;;;;AAcO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,QAAMC,IAAaC,EAAKH,GAAW,eAAe;AAClD,SAAO,gBAAAI,EAACC,GAAA,EAAgB,WAAWH,GAAa,GAAGD,GAAO;AAC5D;AAGO,SAASK,EAAc;AAAA,EAC5B,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGT;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKH,GAAW,gBAAgB;AACnD,SACE,gBAAAW,EAACC,GAAA,EAAW,WAAWV,GAAa,GAAGD,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAACS,KAAQ,WAAU,wBACjB,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,WACV,UAAA;AAAA,MAAAP;AAAA,MACD,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,UAAA,gBAAAA,EAACW,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7B,EAAA,CACF,EAAA,CACF;AAAA,sBACCC,GAAA,EAAgB,WAAU,0BACzB,UAAA,gBAAAZ,EAAAa,GAAA,EAAG,UAAAP,GAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

package/dist/lib/ui/primitives/Alert/Alert.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),j=require("../IconButton/IconButton.cjs");;/* empty css            */const d=require("../../icons/IconX.cjs"),f=require("../../icons/IconAlertTriangle.cjs"),m=require("../../icons/IconCheckCircle.cjs"),h=require("../../icons/IconAlertCircle.cjs"),q=require("../../icons/IconInfo.cjs");function C(r){return r==="warning"?e.jsx(f.IconAlertTriangle,{size:"20"}):r==="success"?e.jsx(m.IconCheckCircle,{size:"20"}):r==="error"?e.jsx(h.IconAlertCircle,{size:"20"}):e.jsx(q.IconInfo,{size:"20"})}function N({level:r="info",variant:c="default",icon:t=!0,title:n,message:s,closeButton:l=!1,onClose:a,children:i,className:o,...u}){const I=x.clsx("alert",`alert-level-${r}`,`alert-variant-${c}`,o);return e.jsxs("div",{role:"alert",className:I,...u,children:[t&&e.jsx("span",{className:"alert-icon",children:C(r)}),e.jsxs("div",{className:"alert-content",children:[n&&e.jsx("span",{className:"alert-title",children:n}),s&&e.jsx("span",{className:"alert-message",children:s}),i]}),l&&e.jsx(j.IconButton,{className:"alert-close",size:"small",variant:"subtle","aria-label":"Fechar alerta",onClick:a,children:e.jsx(d.IconX,{})})]})}exports.Alert=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),d=require("../IconButton/IconButton.cjs");;/* empty css            */const j=require("../../icons/IconX.cjs"),f=require("../../icons/IconAlertTriangle.cjs"),m=require("../../icons/IconCheckCircle.cjs"),h=require("../../icons/IconAlertCircle.cjs"),q=require("../../icons/IconInfo.cjs");function C(r){return r==="warning"?e.jsx(f.IconAlertTriangle,{size:"20"}):r==="success"?e.jsx(m.IconCheckCircle,{size:"20"}):r==="error"?e.jsx(h.IconAlertCircle,{size:"20"}):e.jsx(q.IconInfo,{size:"20"})}function N({level:r="info",variant:c="default",icon:t=!0,title:s,message:n,closeButton:l=!1,onClose:a,children:i,className:o,...u}){const I=x.clsx("sds-alert",`alert-level-${r}`,`alert-variant-${c}`,o);return e.jsxs("div",{role:"alert",className:I,...u,children:[t&&e.jsx("span",{className:"alert-icon",children:C(r)}),e.jsxs("div",{className:"alert-content",children:[s&&e.jsx("span",{className:"alert-title",children:s}),n&&e.jsx("span",{className:"alert-message",children:n}),i]}),l&&e.jsx(d.IconButton,{className:"alert-close",size:"small",variant:"subtle","aria-label":"Fechar alerta",onClick:a,children:e.jsx(j.IconX,{})})]})}exports.Alert=N;
 //# sourceMappingURL=Alert.cjs.map

package/dist/lib/ui/primitives/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../../src/ui/primitives/Alert/Alert.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertCircle,\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconX,\n} from \"icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { ReactNode } from \"react\";\nimport \"./alert.css\";\n\nexport type AlertLevel = \"info\" | \"warning\" | \"success\" | \"error\";\nexport type AlertVariant = \"default\" | \"filled\" | \"outlined\";\n\nexport type AlertProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  level?: AlertLevel;\n  variant?: AlertVariant;\n  icon?: boolean;\n  title?: string;\n  message?: ReactNode;\n  closeButton?: boolean;\n  onClose?: () => void;\n};\n\nfunction defaultIcon(level: AlertLevel) {\n  if (level === \"warning\") return <IconAlertTriangle size=\"20\" />;\n  if (level === \"success\") return <IconCheckCircle size=\"20\" />;\n  if (level === \"error\") return <IconAlertCircle size=\"20\" />;\n  return <IconInfo size=\"20\" />;\n}\n\nexport function Alert({\n  level = \"info\",\n  variant = \"default\",\n  icon = true,\n  title,\n  message,\n  closeButton = false,\n  onClose,\n  children,\n  className,\n  ...props\n}: AlertProps) {\n  const classNames = clsx(\n    \"alert\",\n    `alert-level-${level}`,\n    `alert-variant-${variant}`,\n    className,\n  );\n\n  return (\n    <div role=\"alert\" className={classNames} {...props}>\n      {icon && <span className=\"alert-icon\">{defaultIcon(level)}</span>}\n      <div className=\"alert-content\">\n        {title && <span className=\"alert-title\">{title}</span>}\n        {message && <span className=\"alert-message\">{message}</span>}\n        {children}\n      </div>\n      {closeButton && (\n        <IconButton\n          className=\"alert-close\"\n          size=\"small\"\n          variant=\"subtle\"\n          aria-label=\"Fechar alerta\"\n          onClick={onClose}\n        >\n          <IconX />\n        </IconButton>\n      )}\n    </div>\n  );\n}\n"],"names":["defaultIcon","level","jsx","IconAlertTriangle","IconCheckCircle","IconAlertCircle","IconInfo","Alert","variant","icon","title","message","closeButton","onClose","children","className","props","classNames","clsx","jsxs","IconButton","IconX"],"mappings":"kcAyBA,SAASA,EAAYC,EAAmB,CACtC,OAAIA,IAAU,UAAkBC,EAAAA,IAACC,EAAAA,kBAAA,CAAkB,KAAK,KAAK,EACzDF,IAAU,UAAkBC,EAAAA,IAACE,EAAAA,gBAAA,CAAgB,KAAK,KAAK,EACvDH,IAAU,QAAgBC,EAAAA,IAACG,EAAAA,gBAAA,CAAgB,KAAK,KAAK,EAClDH,EAAAA,IAACI,EAAAA,SAAA,CAAS,KAAK,IAAA,CAAK,CAC7B,CAEO,SAASC,EAAM,CACpB,MAAAN,EAAQ,OACR,QAAAO,EAAU,UACV,KAAAC,EAAO,GACP,MAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAaC,EAAAA,KACjB,QACA,eAAejB,CAAK,GACpB,iBAAiBO,CAAO,GACxBO,CAAA,EAGF,cACG,MAAA,CAAI,KAAK,QAAQ,UAAWE,EAAa,GAAGD,EAC1C,SAAA,CAAAP,SAAS,OAAA,CAAK,UAAU,aAAc,SAAAT,EAAYC,CAAK,EAAE,EAC1DkB,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACZ,SAAA,CAAAT,GAASR,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAe,SAAAQ,EAAM,EAC9CC,GAAWT,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAS,EAAQ,EACpDG,CAAA,EACH,EACCF,GACCV,EAAAA,IAACkB,EAAAA,WAAA,CACC,UAAU,cACV,KAAK,QACL,QAAQ,SACR,aAAW,gBACX,QAASP,EAET,eAACQ,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,CACT,EAEJ,CAEJ"}
+{"version":3,"file":"Alert.cjs","sources":["../../../../../src/ui/primitives/Alert/Alert.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertCircle,\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconX,\n} from \"icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { ReactNode } from \"react\";\nimport \"./alert.css\";\n\nexport type AlertLevel = \"info\" | \"warning\" | \"success\" | \"error\";\nexport type AlertVariant = \"default\" | \"filled\" | \"outlined\";\n\nexport type AlertProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  level?: AlertLevel;\n  variant?: AlertVariant;\n  icon?: boolean;\n  title?: string;\n  message?: ReactNode;\n  closeButton?: boolean;\n  onClose?: () => void;\n};\n\nfunction defaultIcon(level: AlertLevel) {\n  if (level === \"warning\") return <IconAlertTriangle size=\"20\" />;\n  if (level === \"success\") return <IconCheckCircle size=\"20\" />;\n  if (level === \"error\") return <IconAlertCircle size=\"20\" />;\n  return <IconInfo size=\"20\" />;\n}\n\nexport function Alert({\n  level = \"info\",\n  variant = \"default\",\n  icon = true,\n  title,\n  message,\n  closeButton = false,\n  onClose,\n  children,\n  className,\n  ...props\n}: AlertProps) {\n  const classNames = clsx(\n    \"sds-alert\",\n    `alert-level-${level}`,\n    `alert-variant-${variant}`,\n    className,\n  );\n\n  return (\n    <div role=\"alert\" className={classNames} {...props}>\n      {icon && <span className=\"alert-icon\">{defaultIcon(level)}</span>}\n      <div className=\"alert-content\">\n        {title && <span className=\"alert-title\">{title}</span>}\n        {message && <span className=\"alert-message\">{message}</span>}\n        {children}\n      </div>\n      {closeButton && (\n        <IconButton\n          className=\"alert-close\"\n          size=\"small\"\n          variant=\"subtle\"\n          aria-label=\"Fechar alerta\"\n          onClick={onClose}\n        >\n          <IconX />\n        </IconButton>\n      )}\n    </div>\n  );\n}\n"],"names":["defaultIcon","level","jsx","IconAlertTriangle","IconCheckCircle","IconAlertCircle","IconInfo","Alert","variant","icon","title","message","closeButton","onClose","children","className","props","classNames","clsx","jsxs","IconButton","IconX"],"mappings":"kcAyBA,SAASA,EAAYC,EAAmB,CACtC,OAAIA,IAAU,UAAkBC,EAAAA,IAACC,EAAAA,kBAAA,CAAkB,KAAK,KAAK,EACzDF,IAAU,UAAkBC,EAAAA,IAACE,EAAAA,gBAAA,CAAgB,KAAK,KAAK,EACvDH,IAAU,QAAgBC,EAAAA,IAACG,EAAAA,gBAAA,CAAgB,KAAK,KAAK,EAClDH,EAAAA,IAACI,EAAAA,SAAA,CAAS,KAAK,IAAA,CAAK,CAC7B,CAEO,SAASC,EAAM,CACpB,MAAAN,EAAQ,OACR,QAAAO,EAAU,UACV,KAAAC,EAAO,GACP,MAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAaC,EAAAA,KACjB,YACA,eAAejB,CAAK,GACpB,iBAAiBO,CAAO,GACxBO,CAAA,EAGF,cACG,MAAA,CAAI,KAAK,QAAQ,UAAWE,EAAa,GAAGD,EAC1C,SAAA,CAAAP,SAAS,OAAA,CAAK,UAAU,aAAc,SAAAT,EAAYC,CAAK,EAAE,EAC1DkB,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACZ,SAAA,CAAAT,GAASR,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAe,SAAAQ,EAAM,EAC9CC,GAAWT,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAS,EAAQ,EACpDG,CAAA,EACH,EACCF,GACCV,EAAAA,IAACkB,EAAAA,WAAA,CACC,UAAU,cACV,KAAK,QACL,QAAQ,SACR,aAAW,gBACX,QAASP,EAET,eAACQ,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,CACT,EAEJ,CAEJ"}

package/dist/lib/ui/primitives/Alert/Alert.js

@@ -23,7 +23,7 @@ function F({
   ...f
 }) {
   const p = u(
-    "alert",
+    "sds-alert",
     `alert-level-${e}`,
     `alert-variant-${i}`,
     m

package/dist/lib/ui/primitives/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/ui/primitives/Alert/Alert.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertCircle,\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconX,\n} from \"icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { ReactNode } from \"react\";\nimport \"./alert.css\";\n\nexport type AlertLevel = \"info\" | \"warning\" | \"success\" | \"error\";\nexport type AlertVariant = \"default\" | \"filled\" | \"outlined\";\n\nexport type AlertProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  level?: AlertLevel;\n  variant?: AlertVariant;\n  icon?: boolean;\n  title?: string;\n  message?: ReactNode;\n  closeButton?: boolean;\n  onClose?: () => void;\n};\n\nfunction defaultIcon(level: AlertLevel) {\n  if (level === \"warning\") return <IconAlertTriangle size=\"20\" />;\n  if (level === \"success\") return <IconCheckCircle size=\"20\" />;\n  if (level === \"error\") return <IconAlertCircle size=\"20\" />;\n  return <IconInfo size=\"20\" />;\n}\n\nexport function Alert({\n  level = \"info\",\n  variant = \"default\",\n  icon = true,\n  title,\n  message,\n  closeButton = false,\n  onClose,\n  children,\n  className,\n  ...props\n}: AlertProps) {\n  const classNames = clsx(\n    \"alert\",\n    `alert-level-${level}`,\n    `alert-variant-${variant}`,\n    className,\n  );\n\n  return (\n    <div role=\"alert\" className={classNames} {...props}>\n      {icon && <span className=\"alert-icon\">{defaultIcon(level)}</span>}\n      <div className=\"alert-content\">\n        {title && <span className=\"alert-title\">{title}</span>}\n        {message && <span className=\"alert-message\">{message}</span>}\n        {children}\n      </div>\n      {closeButton && (\n        <IconButton\n          className=\"alert-close\"\n          size=\"small\"\n          variant=\"subtle\"\n          aria-label=\"Fechar alerta\"\n          onClick={onClose}\n        >\n          <IconX />\n        </IconButton>\n      )}\n    </div>\n  );\n}\n"],"names":["defaultIcon","level","jsx","IconAlertTriangle","IconCheckCircle","IconAlertCircle","IconInfo","Alert","variant","icon","title","message","closeButton","onClose","children","className","props","classNames","clsx","jsxs","IconButton","IconX"],"mappings":";;;;;;;;;AAyBA,SAASA,EAAYC,GAAmB;AACtC,SAAIA,MAAU,YAAkB,gBAAAC,EAACC,GAAA,EAAkB,MAAK,MAAK,IACzDF,MAAU,YAAkB,gBAAAC,EAACE,GAAA,EAAgB,MAAK,MAAK,IACvDH,MAAU,UAAgB,gBAAAC,EAACG,GAAA,EAAgB,MAAK,MAAK,IAClD,gBAAAH,EAACI,GAAA,EAAS,MAAK,KAAA,CAAK;AAC7B;AAEO,SAASC,EAAM;AAAA,EACpB,OAAAN,IAAQ;AAAA,EACR,SAAAO,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA,eAAejB,CAAK;AAAA,IACpB,iBAAiBO,CAAO;AAAA,IACxBO;AAAA,EAAA;AAGF,2BACG,OAAA,EAAI,MAAK,SAAQ,WAAWE,GAAa,GAAGD,GAC1C,UAAA;AAAA,IAAAP,uBAAS,QAAA,EAAK,WAAU,cAAc,UAAAT,EAAYC,CAAK,GAAE;AAAA,IAC1D,gBAAAkB,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,MAAAT,KAAS,gBAAAR,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAQ,GAAM;AAAA,MAC9CC,KAAW,gBAAAT,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAS,GAAQ;AAAA,MACpDG;AAAA,IAAA,GACH;AAAA,IACCF,KACC,gBAAAV;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,SAASP;AAAA,QAET,4BAACQ,GAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GAEJ;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/ui/primitives/Alert/Alert.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertCircle,\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconX,\n} from \"icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { ReactNode } from \"react\";\nimport \"./alert.css\";\n\nexport type AlertLevel = \"info\" | \"warning\" | \"success\" | \"error\";\nexport type AlertVariant = \"default\" | \"filled\" | \"outlined\";\n\nexport type AlertProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  level?: AlertLevel;\n  variant?: AlertVariant;\n  icon?: boolean;\n  title?: string;\n  message?: ReactNode;\n  closeButton?: boolean;\n  onClose?: () => void;\n};\n\nfunction defaultIcon(level: AlertLevel) {\n  if (level === \"warning\") return <IconAlertTriangle size=\"20\" />;\n  if (level === \"success\") return <IconCheckCircle size=\"20\" />;\n  if (level === \"error\") return <IconAlertCircle size=\"20\" />;\n  return <IconInfo size=\"20\" />;\n}\n\nexport function Alert({\n  level = \"info\",\n  variant = \"default\",\n  icon = true,\n  title,\n  message,\n  closeButton = false,\n  onClose,\n  children,\n  className,\n  ...props\n}: AlertProps) {\n  const classNames = clsx(\n    \"sds-alert\",\n    `alert-level-${level}`,\n    `alert-variant-${variant}`,\n    className,\n  );\n\n  return (\n    <div role=\"alert\" className={classNames} {...props}>\n      {icon && <span className=\"alert-icon\">{defaultIcon(level)}</span>}\n      <div className=\"alert-content\">\n        {title && <span className=\"alert-title\">{title}</span>}\n        {message && <span className=\"alert-message\">{message}</span>}\n        {children}\n      </div>\n      {closeButton && (\n        <IconButton\n          className=\"alert-close\"\n          size=\"small\"\n          variant=\"subtle\"\n          aria-label=\"Fechar alerta\"\n          onClick={onClose}\n        >\n          <IconX />\n        </IconButton>\n      )}\n    </div>\n  );\n}\n"],"names":["defaultIcon","level","jsx","IconAlertTriangle","IconCheckCircle","IconAlertCircle","IconInfo","Alert","variant","icon","title","message","closeButton","onClose","children","className","props","classNames","clsx","jsxs","IconButton","IconX"],"mappings":";;;;;;;;;AAyBA,SAASA,EAAYC,GAAmB;AACtC,SAAIA,MAAU,YAAkB,gBAAAC,EAACC,GAAA,EAAkB,MAAK,MAAK,IACzDF,MAAU,YAAkB,gBAAAC,EAACE,GAAA,EAAgB,MAAK,MAAK,IACvDH,MAAU,UAAgB,gBAAAC,EAACG,GAAA,EAAgB,MAAK,MAAK,IAClD,gBAAAH,EAACI,GAAA,EAAS,MAAK,KAAA,CAAK;AAC7B;AAEO,SAASC,EAAM;AAAA,EACpB,OAAAN,IAAQ;AAAA,EACR,SAAAO,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA,eAAejB,CAAK;AAAA,IACpB,iBAAiBO,CAAO;AAAA,IACxBO;AAAA,EAAA;AAGF,2BACG,OAAA,EAAI,MAAK,SAAQ,WAAWE,GAAa,GAAGD,GAC1C,UAAA;AAAA,IAAAP,uBAAS,QAAA,EAAK,WAAU,cAAc,UAAAT,EAAYC,CAAK,GAAE;AAAA,IAC1D,gBAAAkB,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,MAAAT,KAAS,gBAAAR,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAQ,GAAM;AAAA,MAC9CC,KAAW,gBAAAT,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAS,GAAQ;AAAA,MACpDG;AAAA,IAAA,GACH;AAAA,IACCF,KACC,gBAAAV;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,SAASP;AAAA,QAET,4BAACQ,GAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GAEJ;AAEJ;"}

package/dist/lib/ui/primitives/Checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react-aria-components");;/* empty css               */const b=require("../../icons/IconMinus.cjs"),j=require("../../icons/IconCheck.cjs"),r=require("../Fieldset/Fieldset.cjs");function k({className:s,label:c,description:n,errorMessage:i,children:o,...l}){const t=x.clsx(s,"checkbox-group");return e.jsxs(u.CheckboxGroup,{...l,className:t,children:[c&&e.jsx(r.Label,{children:c}),n&&e.jsx(r.Description,{children:n}),i&&e.jsx(r.FieldError,{children:i}),o]})}function m({children:s,className:c,label:n,description:i,errorMessage:o,inline:l,...t}){const d=x.clsx(c,"checkbox-field",l&&"checkbox-field--inline"),a=n||(typeof s=="string"?s:void 0);return e.jsx(u.Checkbox,{className:d,...t,children:e.jsxs(e.Fragment,{children:[e.jsx(r.Label,{children:a}),e.jsx(h,{}),i&&e.jsx(r.Description,{children:i}),e.jsx(r.FieldError,{children:o}),a!==s&&e.jsx("span",{className:"label",children:s})]})})}function h({className:s,...c}){const n=x.clsx(s,"checkbox");return e.jsxs("div",{className:n,...c,children:[e.jsx(b.IconMinus,{"aria-hidden":"true",className:"icon-indeterminate",size:"16"}),e.jsx(j.IconCheck,{"aria-hidden":"true",className:"icon-selected",size:"16"})]})}exports.Checkbox=h;exports.CheckboxField=m;exports.CheckboxGroup=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react-aria-components");;/* empty css               */const b=require("../../icons/IconMinus.cjs"),j=require("../../icons/IconCheck.cjs"),r=require("../Fieldset/Fieldset.cjs");function k({className:s,label:c,description:n,errorMessage:i,children:o,...l}){const t=x.clsx(s,"checkbox-group");return e.jsxs(u.CheckboxGroup,{...l,className:t,children:[c&&e.jsx(r.Label,{children:c}),n&&e.jsx(r.Description,{children:n}),i&&e.jsx(r.FieldError,{children:i}),o]})}function m({children:s,className:c,label:n,description:i,errorMessage:o,inline:l,...t}){const h=x.clsx(c,"checkbox-field",l&&"checkbox-field--inline"),a=n||(typeof s=="string"?s:void 0);return e.jsx(u.Checkbox,{className:h,...t,children:e.jsxs(e.Fragment,{children:[e.jsx(r.Label,{children:a}),e.jsx(d,{}),i&&e.jsx(r.Description,{children:i}),e.jsx(r.FieldError,{children:o}),a!==s&&e.jsx("span",{className:"sds-label",children:s})]})})}function d({className:s,...c}){const n=x.clsx(s,"checkbox");return e.jsxs("div",{className:n,...c,children:[e.jsx(b.IconMinus,{"aria-hidden":"true",className:"icon-indeterminate",size:"16"}),e.jsx(j.IconCheck,{"aria-hidden":"true",className:"icon-selected",size:"16"})]})}exports.Checkbox=d;exports.CheckboxField=m;exports.CheckboxGroup=k;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/lib/ui/primitives/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconCheck, IconMinus } from \"icons\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport {\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n  type CheckboxProps as RACCheckboxProps,\n} from \"react-aria-components\";\nimport \"./checkbox.css\";\n\nexport interface CheckboxGroupProps\n  extends Omit<RACCheckboxGroupProps, \"children\">,\n    SharedFieldProps {\n  children?: React.ReactNode;\n}\n\nexport function CheckboxGroup({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) {\n  const classNames = clsx(className, \"checkbox-group\");\n  return (\n    <RACCheckboxGroup {...props} className={classNames}>\n      {label && <Label>{label}</Label>}\n      {description && <Description>{description}</Description>}\n      {errorMessage && <FieldError>{errorMessage}</FieldError>}\n      {children}\n    </RACCheckboxGroup>\n  );\n}\n\nexport type CheckboxFieldProps = RACCheckboxProps &\n  SharedFieldProps & { inline?: boolean };\nexport function CheckboxField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  inline,\n  ...props\n}: CheckboxFieldProps) {\n  const classNames = clsx(\n    className,\n    \"checkbox-field\",\n    inline && \"checkbox-field--inline\",\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACCheckbox className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Checkbox />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && (\n          <span className=\"label\">{children as React.ReactNode}</span>\n        )}\n      </>\n    </RACCheckbox>\n  );\n}\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  const classNames = clsx(className, \"checkbox\");\n  return (\n    <div className={classNames} {...props}>\n      <IconMinus aria-hidden=\"true\" className=\"icon-indeterminate\" size=\"16\" />\n      <IconCheck aria-hidden=\"true\" className=\"icon-selected\" size=\"16\" />\n    </div>\n  );\n}\n"],"names":["CheckboxGroup","className","label","description","errorMessage","children","props","classNames","clsx","jsxs","RACCheckboxGroup","jsx","Label","Description","FieldError","CheckboxField","inline","labelText","RACCheckbox","Fragment","Checkbox","IconMinus","IconCheck"],"mappings":"gWAiBO,SAASA,EAAc,CAC5B,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,gBAAgB,EACnD,OACEQ,EAAAA,KAACC,EAAAA,cAAA,CAAkB,GAAGJ,EAAO,UAAWC,EACrC,SAAA,CAAAL,GAASS,EAAAA,IAACC,EAAAA,OAAO,SAAAV,CAAA,CAAM,EACvBC,GAAeQ,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EACzCC,GAAgBO,EAAAA,IAACG,EAAAA,WAAA,CAAY,SAAAV,CAAA,CAAa,EAC1CC,CAAA,EACH,CAEJ,CAIO,SAASU,EAAc,CAC5B,SAAAV,EACA,UAAAJ,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,OAAAY,EACA,GAAGV,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KACjBP,EACA,iBACAe,GAAU,wBAAA,EAENC,EACJf,IAAU,OAAOG,GAAa,SAAWA,EAAW,QACtD,aACGa,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EACtC,SAAAG,EAAAA,KAAAU,EAAAA,SAAA,CACE,SAAA,CAAAR,EAAAA,IAACC,EAAAA,OAAO,SAAAK,CAAA,CAAU,QACjBG,EAAA,EAAS,EACTjB,GAAeQ,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EAC1CQ,EAAAA,IAACG,EAAAA,YAAY,SAAAV,CAAA,CAAa,EACzBa,IAAcZ,GACbM,MAAC,OAAA,CAAK,UAAU,QAAS,SAAAN,CAAA,CAA4B,CAAA,CAAA,CAEzD,CAAA,CACF,CAEJ,CAGO,SAASe,EAAS,CAAE,UAAAnB,EAAW,GAAGK,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,UAAU,EAC7C,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAa,GAAGD,EAC9B,SAAA,CAAAK,MAACU,EAAAA,WAAU,cAAY,OAAO,UAAU,qBAAqB,KAAK,KAAK,QACtEC,EAAAA,UAAA,CAAU,cAAY,OAAO,UAAU,gBAAgB,KAAK,IAAA,CAAK,CAAA,EACpE,CAEJ"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconCheck, IconMinus } from \"icons\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport {\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n  type CheckboxProps as RACCheckboxProps,\n} from \"react-aria-components\";\nimport \"./checkbox.css\";\n\nexport interface CheckboxGroupProps\n  extends Omit<RACCheckboxGroupProps, \"children\">,\n    SharedFieldProps {\n  children?: React.ReactNode;\n}\n\nexport function CheckboxGroup({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) {\n  const classNames = clsx(className, \"checkbox-group\");\n  return (\n    <RACCheckboxGroup {...props} className={classNames}>\n      {label && <Label>{label}</Label>}\n      {description && <Description>{description}</Description>}\n      {errorMessage && <FieldError>{errorMessage}</FieldError>}\n      {children}\n    </RACCheckboxGroup>\n  );\n}\n\nexport type CheckboxFieldProps = RACCheckboxProps &\n  SharedFieldProps & { inline?: boolean };\nexport function CheckboxField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  inline,\n  ...props\n}: CheckboxFieldProps) {\n  const classNames = clsx(\n    className,\n    \"checkbox-field\",\n    inline && \"checkbox-field--inline\",\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACCheckbox className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Checkbox />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && (\n          <span className=\"sds-label\">{children as React.ReactNode}</span>\n        )}\n      </>\n    </RACCheckbox>\n  );\n}\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  const classNames = clsx(className, \"checkbox\");\n  return (\n    <div className={classNames} {...props}>\n      <IconMinus aria-hidden=\"true\" className=\"icon-indeterminate\" size=\"16\" />\n      <IconCheck aria-hidden=\"true\" className=\"icon-selected\" size=\"16\" />\n    </div>\n  );\n}\n"],"names":["CheckboxGroup","className","label","description","errorMessage","children","props","classNames","clsx","jsxs","RACCheckboxGroup","jsx","Label","Description","FieldError","CheckboxField","inline","labelText","RACCheckbox","Fragment","Checkbox","IconMinus","IconCheck"],"mappings":"gWAiBO,SAASA,EAAc,CAC5B,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,gBAAgB,EACnD,OACEQ,EAAAA,KAACC,EAAAA,cAAA,CAAkB,GAAGJ,EAAO,UAAWC,EACrC,SAAA,CAAAL,GAASS,EAAAA,IAACC,EAAAA,OAAO,SAAAV,CAAA,CAAM,EACvBC,GAAeQ,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EACzCC,GAAgBO,EAAAA,IAACG,EAAAA,WAAA,CAAY,SAAAV,CAAA,CAAa,EAC1CC,CAAA,EACH,CAEJ,CAIO,SAASU,EAAc,CAC5B,SAAAV,EACA,UAAAJ,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,OAAAY,EACA,GAAGV,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KACjBP,EACA,iBACAe,GAAU,wBAAA,EAENC,EACJf,IAAU,OAAOG,GAAa,SAAWA,EAAW,QACtD,aACGa,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EACtC,SAAAG,EAAAA,KAAAU,EAAAA,SAAA,CACE,SAAA,CAAAR,EAAAA,IAACC,EAAAA,OAAO,SAAAK,CAAA,CAAU,QACjBG,EAAA,EAAS,EACTjB,GAAeQ,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EAC1CQ,EAAAA,IAACG,EAAAA,YAAY,SAAAV,CAAA,CAAa,EACzBa,IAAcZ,GACbM,MAAC,OAAA,CAAK,UAAU,YAAa,SAAAN,CAAA,CAA4B,CAAA,CAAA,CAE7D,CAAA,CACF,CAEJ,CAGO,SAASe,EAAS,CAAE,UAAAnB,EAAW,GAAGK,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,UAAU,EAC7C,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAa,GAAGD,EAC9B,SAAA,CAAAK,MAACU,EAAAA,WAAU,cAAY,OAAO,UAAU,qBAAqB,KAAK,KAAK,QACtEC,EAAAA,UAAA,CAAU,cAAY,OAAO,UAAU,gBAAgB,KAAK,IAAA,CAAK,CAAA,EACpE,CAEJ"}

package/dist/lib/ui/primitives/Checkbox/Checkbox.js

@@ -9,24 +9,24 @@ function $({
   className: c,
   label: o,
   description: r,
-  errorMessage: i,
-  children: s,
+  errorMessage: s,
+  children: i,
   ...n
 }) {
   const a = t(c, "checkbox-group");
   return /* @__PURE__ */ l(u, { ...n, className: a, children: [
     o && /* @__PURE__ */ e(h, { children: o }),
     r && /* @__PURE__ */ e(d, { children: r }),
-    i && /* @__PURE__ */ e(x, { children: i }),
-    s
+    s && /* @__PURE__ */ e(x, { children: s }),
+    i
   ] });
 }
 function y({
   children: c,
   className: o,
   label: r,
-  description: i,
-  errorMessage: s,
+  description: s,
+  errorMessage: i,
   inline: n,
   ...a
 }) {
@@ -38,9 +38,9 @@ function y({
   return /* @__PURE__ */ e(f, { className: b, ...a, children: /* @__PURE__ */ l(p, { children: [
     /* @__PURE__ */ e(h, { children: m }),
     /* @__PURE__ */ e(C, {}),
-    i && /* @__PURE__ */ e(d, { children: i }),
-    /* @__PURE__ */ e(x, { children: s }),
-    m !== c && /* @__PURE__ */ e("span", { className: "label", children: c })
+    s && /* @__PURE__ */ e(d, { children: s }),
+    /* @__PURE__ */ e(x, { children: i }),
+    m !== c && /* @__PURE__ */ e("span", { className: "sds-label", children: c })
   ] }) });
 }
 function C({ className: c, ...o }) {

package/dist/lib/ui/primitives/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconCheck, IconMinus } from \"icons\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport {\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n  type CheckboxProps as RACCheckboxProps,\n} from \"react-aria-components\";\nimport \"./checkbox.css\";\n\nexport interface CheckboxGroupProps\n  extends Omit<RACCheckboxGroupProps, \"children\">,\n    SharedFieldProps {\n  children?: React.ReactNode;\n}\n\nexport function CheckboxGroup({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) {\n  const classNames = clsx(className, \"checkbox-group\");\n  return (\n    <RACCheckboxGroup {...props} className={classNames}>\n      {label && <Label>{label}</Label>}\n      {description && <Description>{description}</Description>}\n      {errorMessage && <FieldError>{errorMessage}</FieldError>}\n      {children}\n    </RACCheckboxGroup>\n  );\n}\n\nexport type CheckboxFieldProps = RACCheckboxProps &\n  SharedFieldProps & { inline?: boolean };\nexport function CheckboxField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  inline,\n  ...props\n}: CheckboxFieldProps) {\n  const classNames = clsx(\n    className,\n    \"checkbox-field\",\n    inline && \"checkbox-field--inline\",\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACCheckbox className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Checkbox />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && (\n          <span className=\"label\">{children as React.ReactNode}</span>\n        )}\n      </>\n    </RACCheckbox>\n  );\n}\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  const classNames = clsx(className, \"checkbox\");\n  return (\n    <div className={classNames} {...props}>\n      <IconMinus aria-hidden=\"true\" className=\"icon-indeterminate\" size=\"16\" />\n      <IconCheck aria-hidden=\"true\" className=\"icon-selected\" size=\"16\" />\n    </div>\n  );\n}\n"],"names":["CheckboxGroup","className","label","description","errorMessage","children","props","classNames","clsx","jsxs","RACCheckboxGroup","jsx","Label","Description","FieldError","CheckboxField","inline","labelText","RACCheckbox","Fragment","Checkbox","IconMinus","IconCheck"],"mappings":";;;;;;;AAiBO,SAASA,EAAc;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SACE,gBAAAQ,EAACC,GAAA,EAAkB,GAAGJ,GAAO,WAAWC,GACrC,UAAA;AAAA,IAAAL,KAAS,gBAAAS,EAACC,KAAO,UAAAV,EAAA,CAAM;AAAA,IACvBC,KAAe,gBAAAQ,EAACE,GAAA,EAAa,UAAAV,EAAA,CAAY;AAAA,IACzCC,KAAgB,gBAAAO,EAACG,GAAA,EAAY,UAAAV,EAAA,CAAa;AAAA,IAC1CC;AAAA,EAAA,GACH;AAEJ;AAIO,SAASU,EAAc;AAAA,EAC5B,UAAAV;AAAA,EACA,WAAAJ;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAY;AAAA,EACA,GAAGV;AACL,GAAuB;AACrB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACAe,KAAU;AAAA,EAAA,GAENC,IACJf,MAAU,OAAOG,KAAa,WAAWA,IAAW;AACtD,2BACGa,GAAA,EAAY,WAAWX,GAAa,GAAGD,GACtC,UAAA,gBAAAG,EAAAU,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAR,EAACC,KAAO,UAAAK,EAAA,CAAU;AAAA,sBACjBG,GAAA,EAAS;AAAA,IACTjB,KAAe,gBAAAQ,EAACE,GAAA,EAAa,UAAAV,EAAA,CAAY;AAAA,IAC1C,gBAAAQ,EAACG,KAAY,UAAAV,EAAA,CAAa;AAAA,IACzBa,MAAcZ,KACb,gBAAAM,EAAC,QAAA,EAAK,WAAU,SAAS,UAAAN,EAAA,CAA4B;AAAA,EAAA,EAAA,CAEzD,EAAA,CACF;AAEJ;AAGO,SAASe,EAAS,EAAE,WAAAnB,GAAW,GAAGK,KAAwB;AAC/D,QAAMC,IAAaC,EAAKP,GAAW,UAAU;AAC7C,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWF,GAAa,GAAGD,GAC9B,UAAA;AAAA,IAAA,gBAAAK,EAACU,KAAU,eAAY,QAAO,WAAU,sBAAqB,MAAK,MAAK;AAAA,sBACtEC,GAAA,EAAU,eAAY,QAAO,WAAU,iBAAgB,MAAK,KAAA,CAAK;AAAA,EAAA,GACpE;AAEJ;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconCheck, IconMinus } from \"icons\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport {\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n  type CheckboxProps as RACCheckboxProps,\n} from \"react-aria-components\";\nimport \"./checkbox.css\";\n\nexport interface CheckboxGroupProps\n  extends Omit<RACCheckboxGroupProps, \"children\">,\n    SharedFieldProps {\n  children?: React.ReactNode;\n}\n\nexport function CheckboxGroup({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) {\n  const classNames = clsx(className, \"checkbox-group\");\n  return (\n    <RACCheckboxGroup {...props} className={classNames}>\n      {label && <Label>{label}</Label>}\n      {description && <Description>{description}</Description>}\n      {errorMessage && <FieldError>{errorMessage}</FieldError>}\n      {children}\n    </RACCheckboxGroup>\n  );\n}\n\nexport type CheckboxFieldProps = RACCheckboxProps &\n  SharedFieldProps & { inline?: boolean };\nexport function CheckboxField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  inline,\n  ...props\n}: CheckboxFieldProps) {\n  const classNames = clsx(\n    className,\n    \"checkbox-field\",\n    inline && \"checkbox-field--inline\",\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACCheckbox className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Checkbox />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && (\n          <span className=\"sds-label\">{children as React.ReactNode}</span>\n        )}\n      </>\n    </RACCheckbox>\n  );\n}\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  const classNames = clsx(className, \"checkbox\");\n  return (\n    <div className={classNames} {...props}>\n      <IconMinus aria-hidden=\"true\" className=\"icon-indeterminate\" size=\"16\" />\n      <IconCheck aria-hidden=\"true\" className=\"icon-selected\" size=\"16\" />\n    </div>\n  );\n}\n"],"names":["CheckboxGroup","className","label","description","errorMessage","children","props","classNames","clsx","jsxs","RACCheckboxGroup","jsx","Label","Description","FieldError","CheckboxField","inline","labelText","RACCheckbox","Fragment","Checkbox","IconMinus","IconCheck"],"mappings":";;;;;;;AAiBO,SAASA,EAAc;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SACE,gBAAAQ,EAACC,GAAA,EAAkB,GAAGJ,GAAO,WAAWC,GACrC,UAAA;AAAA,IAAAL,KAAS,gBAAAS,EAACC,KAAO,UAAAV,EAAA,CAAM;AAAA,IACvBC,KAAe,gBAAAQ,EAACE,GAAA,EAAa,UAAAV,EAAA,CAAY;AAAA,IACzCC,KAAgB,gBAAAO,EAACG,GAAA,EAAY,UAAAV,EAAA,CAAa;AAAA,IAC1CC;AAAA,EAAA,GACH;AAEJ;AAIO,SAASU,EAAc;AAAA,EAC5B,UAAAV;AAAA,EACA,WAAAJ;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAY;AAAA,EACA,GAAGV;AACL,GAAuB;AACrB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACAe,KAAU;AAAA,EAAA,GAENC,IACJf,MAAU,OAAOG,KAAa,WAAWA,IAAW;AACtD,2BACGa,GAAA,EAAY,WAAWX,GAAa,GAAGD,GACtC,UAAA,gBAAAG,EAAAU,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAR,EAACC,KAAO,UAAAK,EAAA,CAAU;AAAA,sBACjBG,GAAA,EAAS;AAAA,IACTjB,KAAe,gBAAAQ,EAACE,GAAA,EAAa,UAAAV,EAAA,CAAY;AAAA,IAC1C,gBAAAQ,EAACG,KAAY,UAAAV,EAAA,CAAa;AAAA,IACzBa,MAAcZ,KACb,gBAAAM,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAN,EAAA,CAA4B;AAAA,EAAA,EAAA,CAE7D,EAAA,CACF;AAEJ;AAGO,SAASe,EAAS,EAAE,WAAAnB,GAAW,GAAGK,KAAwB;AAC/D,QAAMC,IAAaC,EAAKP,GAAW,UAAU;AAC7C,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWF,GAAa,GAAGD,GAC9B,UAAA;AAAA,IAAA,gBAAAK,EAACU,KAAU,eAAY,QAAO,WAAU,sBAAqB,MAAK,MAAK;AAAA,sBACtEC,GAAA,EAAU,eAAY,QAAO,WAAU,iBAAgB,MAAK,KAAA,CAAK;AAAA,EAAA,GACpE;AAEJ;"}

package/dist/lib/ui/primitives/Fieldset/Fieldset.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("react-aria-components");;/* empty css               */function m({...e}){const s=n.clsx("fieldset");return t.jsx("fieldset",{...e,className:s})}function u({...e}){const s=n.clsx("legend");return t.jsx("legend",{...e,className:s})}function d({...e}){const s=n.clsx("field-group");return t.jsx("div",{...e,className:s})}function f({className:e,singleLine:s,...r}){const a=n.clsx(e,"form",s&&"form-single-line");return t.jsx(l.Form,{className:a,...r})}function x(e){const s=c=>Array.isArray(c),r=new FormData(e),a={};return r.forEach((c,o)=>{if(!Reflect.has(a,o)){a[o]=c;return}const i=a[o];s(i)?i.push(c):a[o]=[i,c]}),a}function N({className:e,...s}){const r=n.clsx(e,"field");return t.jsx("div",{className:r,...s})}function F({className:e,...s}){const r=n.clsx(e,"label");return t.jsx(l.Label,{className:r,slot:"label",...s})}function p({className:e,...s}){const r=n.clsx(e,"description");return t.jsx(l.Text,{className:r,slot:"description",...s})}function b({className:e,...s}){const r=n.clsx(e,"error-message");return t.jsx(l.FieldError,{...s,className:r})}function g({className:e,children:s,...r}){const a=n.clsx(e,"keyboard"),c=typeof s=="string"?s.split("").map(o=>t.jsx("kbd",{children:o},o)):s;return t.jsx(l.Keyboard,{...r,className:a,children:c})}exports.Description=p;exports.Field=N;exports.FieldError=b;exports.FieldGroup=d;exports.Fieldset=m;exports.Form=f;exports.Keyboard=g;exports.Label=F;exports.Legend=u;exports.formEventTargetToFormData=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("react-aria-components");;/* empty css               */function m({...e}){const s=n.clsx("fieldset");return t.jsx("fieldset",{...e,className:s})}function u({...e}){const s=n.clsx("legend");return t.jsx("legend",{...e,className:s})}function d({...e}){const s=n.clsx("field-group");return t.jsx("div",{...e,className:s})}function f({className:e,singleLine:s,...r}){const a=n.clsx(e,"form",s&&"form-single-line");return t.jsx(l.Form,{className:a,...r})}function x(e){const s=c=>Array.isArray(c),r=new FormData(e),a={};return r.forEach((c,o)=>{if(!Reflect.has(a,o)){a[o]=c;return}const i=a[o];s(i)?i.push(c):a[o]=[i,c]}),a}function N({className:e,...s}){const r=n.clsx(e,"field");return t.jsx("div",{className:r,...s})}function F({className:e,...s}){const r=n.clsx(e,"sds-label");return t.jsx(l.Label,{className:r,slot:"label",...s})}function p({className:e,...s}){const r=n.clsx(e,"description");return t.jsx(l.Text,{className:r,slot:"description",...s})}function b({className:e,...s}){const r=n.clsx(e,"error-message");return t.jsx(l.FieldError,{...s,className:r})}function g({className:e,children:s,...r}){const a=n.clsx(e,"keyboard"),c=typeof s=="string"?s.split("").map(o=>t.jsx("kbd",{children:o},o)):s;return t.jsx(l.Keyboard,{...r,className:a,children:c})}exports.Description=p;exports.Field=N;exports.FieldError=b;exports.FieldGroup=d;exports.Fieldset=m;exports.Form=f;exports.Keyboard=g;exports.Label=F;exports.Legend=u;exports.formEventTargetToFormData=x;
 //# sourceMappingURL=Fieldset.cjs.map