@solibo/solibo-ui 1.2.4 → 2.0.1

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_ex2by_1",m="_controls_ex2by_68",b="_cta_ex2by_95",j="_jumbo_ex2by_145",e={header:_,controls:m,cta:b,"header-content":"_header-content_ex2by_107",jumbo:j},x={default:e.default,jumbo:e.jumbo},y=({backButton:o,capitalize:r=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const c=t.jsxs("div",{className:e["header-content"],children:[o,l,i]}),n=s?t.jsxs("div",{className:e.controls,children:[c,s]}):c;return t.jsxs("header",{className:u.t(e.header,x[h],r&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[n,a]}):n,d]})};exports.Header=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_grfw1_1",m="_controls_grfw1_68",j="_cta_grfw1_95",f="_jumbo_grfw1_145",e={header:_,controls:m,cta:j,"header-content":"_header-content_grfw1_107",jumbo:f},b={default:e.default,jumbo:e.jumbo},g=({backButton:n,capitalize:o=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const r=t.jsxs("div",{className:e["header-content"],children:[n,l,i]}),c=s?t.jsxs("div",{className:e.controls,children:[r,s]}):r;return t.jsxs("header",{className:u.t(e.header,b[h],o&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[c,a]}):c,d]})};exports.Header=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.js

@@ -1,41 +1,41 @@
 import { jsxs as t } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index19.css';const i = "_header_ex2by_1", b = "_controls_ex2by_68", u = "_cta_ex2by_95", x = "_jumbo_ex2by_145", e = {
+import '../../assets/index19.css';const i = "_header_grfw1_1", f = "_controls_grfw1_68", u = "_cta_grfw1_95", j = "_jumbo_grfw1_145", e = {
   header: i,
-  controls: b,
+  controls: f,
   cta: u,
-  "header-content": "_header-content_ex2by_107",
-  jumbo: x
-}, f = {
+  "header-content": "_header-content_grfw1_107",
+  jumbo: j
+}, b = {
   default: e.default,
   jumbo: e.jumbo
-}, p = ({
-  backButton: r,
+}, w = ({
+  backButton: n,
   capitalize: s = !1,
   children: d,
   controls: a,
-  cta: o,
+  cta: r,
   header: l,
   subHeader: h,
   variant: m = "default"
 }) => {
-  const c = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
-    r,
+  const o = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
+    n,
     l,
     h
-  ] }), n = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
-    c,
+  ] }), c = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
+    o,
     a
-  ] }) : c;
-  return /* @__PURE__ */ t("header", { className: _(e.header, f[m], s && e.capitalize), "data-component": "header", children: [
-    o ? /* @__PURE__ */ t("div", { className: e.cta, children: [
-      n,
-      o
-    ] }) : n,
+  ] }) : o;
+  return /* @__PURE__ */ t("header", { className: _(e.header, b[m], s && e.capitalize), "data-component": "header", children: [
+    r ? /* @__PURE__ */ t("div", { className: e.cta, children: [
+      c,
+      r
+    ] }) : c,
     d
   ] });
 };
 export {
-  p as Header
+  w as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index49.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),m="_link_xhd9q_1",o="_primary_xhd9q_7",c="_danger_xhd9q_13",_="_minimal_xhd9q_21",n={link:m,primary:o,danger:c,minimal:_},d=({children:i,className:r,to:e="#",variant:t="primary",...a})=>s.jsx("a",{className:l.t(r,n.link,n[t]),href:e,...a,"data-component":"link",children:i});exports.Link=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index49.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),m="_link_fsphh_1",o="_primary_fsphh_19",c="_danger_fsphh_25",_="_minimal_fsphh_33",n={link:m,primary:o,danger:c,minimal:_},p=({children:i,className:r,to:s="#",variant:e="primary",...t})=>a.jsx("a",{className:l.t(r,n.link,n[e]),href:s,...t,"data-component":"link",children:i});exports.Link=p;
 //# sourceMappingURL=index.cjs.map

package/dist/components/link/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children: React.ReactNode;\n  className?: string;\n  to?: string;\n  variant?: 'danger' | 'minimal' | 'primary';\n};\n\nexport const Link = ({\n  children,\n  className,\n  to = '#',\n  variant = 'primary',\n  ...props\n}: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link, styles[variant])}\n      href={to}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","variant","props","cx","styles","link"],"mappings":"uRAWaA,EAAOA,CAAC,CACnBC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EAAK,IACLC,QAAAA,EAAU,UACV,GAAGC,CACM,UAEN,IAAA,CACC,UAAWC,EAAAA,EAAGJ,EAAWK,EAAOC,KAAMD,EAAOH,CAAO,CAAC,EACrD,KAAMD,EACN,GAAIE,EAAM,iBAAA,OAETJ,SAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children: React.ReactNode;\n  className?: string;\n  to?: string;\n  variant?: 'danger' | 'minimal' | 'primary';\n};\n\nexport const Link = ({\n  children,\n  className,\n  to = '#',\n  variant = 'primary',\n  ...props\n}: LinkProps) => {\n  return (\n    <a\n      className={cx(className, styles.link, styles[variant])}\n      href={to}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["Link","children","className","to","variant","props","cx","styles","link"],"mappings":"wRAWaA,EAAOA,CAAC,CACnBC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EAAK,IACLC,QAAAA,EAAU,UACV,GAAGC,CACM,UAEN,IAAA,CACC,UAAWC,EAAAA,EAAGJ,EAAWK,EAAOC,KAAMD,EAAOH,CAAO,CAAC,EACrD,KAAMD,EACN,GAAIE,EAAM,iBAAA,OAETJ,SAAAA,EACH"}

package/dist/components/link/index.js

@@ -1,18 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index49.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
-  link: s,
-  primary: l,
-  danger: e,
-  minimal: c
-}, k = ({
+import { jsx as t } from "react/jsx-runtime";
+import { t as o } from "../../classix-DG18itHa.js";
+import '../../assets/index49.css';const p = "_link_fsphh_1", _ = "_primary_fsphh_19", l = "_danger_fsphh_25", e = "_minimal_fsphh_33", n = {
+  link: p,
+  primary: _,
+  danger: l,
+  minimal: e
+}, f = ({
   children: r,
   className: i,
   to: m = "#",
   variant: a = "primary",
-  ...t
-}) => /* @__PURE__ */ o("a", { className: _(i, n.link, n[a]), href: m, ...t, "data-component": "link", children: r });
+  ...s
+}) => /* @__PURE__ */ t("a", { className: o(i, n.link, n[a]), href: m, ...s, "data-component": "link", children: r });
 export {
-  k as Link
+  f as Link
 };
 //# sourceMappingURL=index.js.map

package/dist/components/list/index.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as F, Fragment as V } from "react/jsx-runtime";
-import { t as d } from "../../classix-DG18itHa.js";
+import { t as g } from "../../classix-DG18itHa.js";
 import e from "react";
-import '../../assets/index50.css';function g(t) {
+import '../../assets/index50.css';function k(t) {
   return e.isValidElement(t) && t.type === e.Fragment;
 }
 function x(t, n = []) {
   return e.Children.forEach(t, (s) => {
-    g(s) ? x(s.props.children, n) : n.push(s);
+    k(s) ? x(s.props.children, n) : n.push(s);
   }), n;
 }
 function E(t, {
@@ -21,9 +21,9 @@ function E(t, {
     }, l);
   });
 }
-const k = "_controls_1i7ll_1", C = "_horizontal_1i7ll_6", j = "_list_1i7ll_17", v = "_columns_1i7ll_57", L = "_compact_1i7ll_74", o = {
-  controls: k,
-  horizontal: C,
+const C = "_controls_1i7ll_1", d = "_horizontal_1i7ll_6", j = "_list_1i7ll_17", v = "_columns_1i7ll_57", L = "_compact_1i7ll_74", o = {
+  controls: C,
+  horizontal: d,
   list: j,
   columns: v,
   compact: L
@@ -42,7 +42,7 @@ function w({
   style: z,
   ...f
 }) {
-  const _ = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, p = d(n, o.list, _ > 1 && o.columns, i && o.horizontal, m && o.compact), y = {
+  const _ = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, p = g(n, o.list, _ > 1 && o.columns, i && o.horizontal, m && o.compact), y = {
     ...z,
     "--list-columns": _
   }, h = r ? /* @__PURE__ */ a("ol", { className: p, ref: (c) => N(u, c), style: y, ...f, children: E(t) }) : /* @__PURE__ */ a("ul", { className: p, ref: (c) => N(u, c), style: y, ...f, children: E(t) });

package/dist/components/portal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),u=require("../nav/index.cjs"),p="_portal_korl3_41",g="_content_korl3_260",m="_toggle_korl3_267",x="_open_korl3_320",n={portal:p,content:g,toggle:m,open:x},j=({children:o,portals:t,open:r,setOpen:s})=>e.jsxs(l.Aside,{className:i.t(n.portal,r&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(c.Button,{className:n.toggle,onClick:()=>s(!r),variant:"tertiary",children:e.jsx(a.Icon,{name:"SidebarSimple"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[t&&e.jsx(u.Nav,{horizontal:!0,children:t}),o&&o]})]});exports.Portal=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),i=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),u=require("../nav/index.cjs"),p="_portal_sc6cd_23",x="_content_sc6cd_282",g="_toggle_sc6cd_289",m="_open_sc6cd_340",n={portal:p,content:x,toggle:g,open:m},j=({children:t,portals:o,open:s,setOpen:c})=>e.jsxs(l.Aside,{className:r.t(n.portal,s&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(i.Button,{className:n.toggle,onClick:()=>c(!s),variant:"tertiary",children:e.jsx(a.Icon,{name:"SidebarSimple"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{})}),e.jsxs("div",{className:n.content,children:[o&&e.jsx(u.Nav,{horizontal:!0,children:o}),t&&t]})]});exports.Portal=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/portal/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  portals?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n  <Aside\n    className={cx(styles.portal, open && styles.open)}\n    sticky\n  >\n    <Button\n      className={styles.toggle}\n      onClick={() => setOpen(!open)}\n      variant={'tertiary'}\n    >\n      <Icon name='SidebarSimple' />\n    </Button>\n    <Figure>\n      <Branding\n        name='logo'\n        size={48}\n        variant='white'\n      />\n    </Figure>\n    <div className={styles.content}>\n      {portals && <Nav horizontal>{portals}</Nav>}\n      {children && children}\n    </div>\n  </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":"4dAmBaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAASC,KAAAA,EAAMC,QAAAA,CAAqB,IACrEC,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQN,GAAQK,EAAOL,IAAI,EAChD,OAAM,GAAA,iBAAA,SAEN,SAAA,CAAAO,MAACC,EAAAA,QACC,UAAWH,EAAOI,OAClB,QAAS,IAAMR,EAAQ,CAACD,CAAI,EAC5B,QAAS,WAET,SAAAO,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,gBAAe,EAC5B,EACAH,EAAAA,IAACI,EAAAA,OAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CACC,KAAK,OACL,KAAM,GACN,QAAQ,OAAA,CAAO,CAAA,CAEnB,EACAV,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAOQ,QACpBd,SAAAA,CAAAA,GAAWQ,EAAAA,IAACO,MAAA,CAAI,WAAU,GAAEf,SAAAA,EAAQ,EACpCD,GAAYA,CAAAA,CAAAA,CACf,CAAA,CAAA,CACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  portals?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n  <Aside\n    className={cx(styles.portal, open && styles.open)}\n    sticky\n  >\n    <Button\n      className={styles.toggle}\n      onClick={() => setOpen(!open)}\n      variant={'tertiary'}\n    >\n      <Icon name='SidebarSimple' />\n    </Button>\n    <Figure>\n      <Branding />\n    </Figure>\n    <div className={styles.content}>\n      {portals && <Nav horizontal>{portals}</Nav>}\n      {children && children}\n    </div>\n  </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":"4dAmBaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAASC,KAAAA,EAAMC,QAAAA,CAAqB,IACrEC,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQN,GAAQK,EAAOL,IAAI,EAChD,OAAM,GAAA,iBAAA,SAEN,SAAA,CAAAO,MAACC,EAAAA,QACC,UAAWH,EAAOI,OAClB,QAAS,IAAMR,EAAQ,CAACD,CAAI,EAC5B,QAAS,WAET,SAAAO,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,gBAAe,EAC5B,EACAH,EAAAA,IAACI,EAAAA,OAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CAAA,CAAQ,EACX,EACAV,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAOQ,QACpBd,SAAAA,CAAAA,GAAWQ,EAAAA,IAACO,MAAA,CAAI,WAAU,GAAEf,SAAAA,EAAQ,EACpCD,GAAYA,CAAAA,CAAAA,CACf,CAAA,CAAA,CACF"}

package/dist/components/portal/index.js

@@ -1,30 +1,30 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { t as a } from "../../classix-DG18itHa.js";
-import { Button as m } from "../button/index.js";
-import { Icon as c } from "../icon/index.js";
-import { Aside as s } from "../aside/index.js";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { t as m } from "../../classix-DG18itHa.js";
+import { Button as s } from "../button/index.js";
+import { Icon as a } from "../icon/index.js";
+import { Aside as l } from "../aside/index.js";
 import { Branding as p } from "../branding/index.js";
-import { Figure as _ } from "../figure/index.js";
-import { Nav as g } from "../nav/index.js";
-import '../../assets/index10.css';const d = "_portal_korl3_41", f = "_content_korl3_260", h = "_toggle_korl3_267", k = "_open_korl3_320", t = {
-  portal: d,
+import { Figure as d } from "../figure/index.js";
+import { Nav as _ } from "../nav/index.js";
+import '../../assets/index10.css';const g = "_portal_sc6cd_23", f = "_content_sc6cd_282", h = "_toggle_sc6cd_289", u = "_open_sc6cd_340", t = {
+  portal: g,
   content: f,
   toggle: h,
-  open: k
-}, S = ({
+  open: u
+}, b = ({
   children: r,
   portals: n,
-  open: e,
-  setOpen: l
-}) => /* @__PURE__ */ i(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
-  /* @__PURE__ */ o(m, { className: t.toggle, onClick: () => l(!e), variant: "tertiary", children: /* @__PURE__ */ o(c, { name: "SidebarSimple" }) }),
-  /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
-  /* @__PURE__ */ i("div", { className: t.content, children: [
-    n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
+  open: c,
+  setOpen: i
+}) => /* @__PURE__ */ e(l, { className: m(t.portal, c && t.open), sticky: !0, "data-component": "portal", children: [
+  /* @__PURE__ */ o(s, { className: t.toggle, onClick: () => i(!c), variant: "tertiary", children: /* @__PURE__ */ o(a, { name: "SidebarSimple" }) }),
+  /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(p, {}) }),
+  /* @__PURE__ */ e("div", { className: t.content, children: [
+    n && /* @__PURE__ */ o(_, { horizontal: !0, children: n }),
     r && r
   ] })
 ] });
 export {
-  S as Portal
+  b as Portal
 };
 //# sourceMappingURL=index.js.map

package/dist/components/portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  portals?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n  <Aside\n    className={cx(styles.portal, open && styles.open)}\n    sticky\n  >\n    <Button\n      className={styles.toggle}\n      onClick={() => setOpen(!open)}\n      variant={'tertiary'}\n    >\n      <Icon name='SidebarSimple' />\n    </Button>\n    <Figure>\n      <Branding\n        name='logo'\n        size={48}\n        variant='white'\n      />\n    </Figure>\n    <div className={styles.content}>\n      {portals && <Nav horizontal>{portals}</Nav>}\n      {children && children}\n    </div>\n  </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":";;;;;;;;;;;;;GAmBaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAASC,MAAAA;AAAAA,EAAMC,SAAAA;AAAqB,MACrE,gBAAAC,EAACC,GAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQN,KAAQK,EAAOL,IAAI,GAChD,QAAM,IAAA,kBAAA,UAEN,UAAA;AAAA,EAAA,gBAAAO,EAACC,KACC,WAAWH,EAAOI,QAClB,SAAS,MAAMR,EAAQ,CAACD,CAAI,GAC5B,SAAS,YAET,UAAA,gBAAAO,EAACG,GAAA,EAAK,MAAK,iBAAe,GAC5B;AAAA,EACA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,EACC,MAAK,QACL,MAAM,IACN,SAAQ,QAAA,CAAO,EAAA,CAEnB;AAAA,EACA,gBAAAV,EAAC,OAAA,EAAI,WAAWG,EAAOQ,SACpBd,UAAAA;AAAAA,IAAAA,KAAW,gBAAAQ,EAACO,GAAA,EAAI,YAAU,IAAEf,UAAAA,GAAQ;AAAA,IACpCD,KAAYA;AAAAA,EAAAA,EAAAA,CACf;AAAA,EAAA,CACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  portals?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n  <Aside\n    className={cx(styles.portal, open && styles.open)}\n    sticky\n  >\n    <Button\n      className={styles.toggle}\n      onClick={() => setOpen(!open)}\n      variant={'tertiary'}\n    >\n      <Icon name='SidebarSimple' />\n    </Button>\n    <Figure>\n      <Branding />\n    </Figure>\n    <div className={styles.content}>\n      {portals && <Nav horizontal>{portals}</Nav>}\n      {children && children}\n    </div>\n  </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":";;;;;;;;;;;;;GAmBaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAASC,MAAAA;AAAAA,EAAMC,SAAAA;AAAqB,MACrE,gBAAAC,EAACC,GAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQN,KAAQK,EAAOL,IAAI,GAChD,QAAM,IAAA,kBAAA,UAEN,UAAA;AAAA,EAAA,gBAAAO,EAACC,KACC,WAAWH,EAAOI,QAClB,SAAS,MAAMR,EAAQ,CAACD,CAAI,GAC5B,SAAS,YAET,UAAA,gBAAAO,EAACG,GAAA,EAAK,MAAK,iBAAe,GAC5B;AAAA,EACA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,CAAA,CAAQ,GACX;AAAA,EACA,gBAAAV,EAAC,OAAA,EAAI,WAAWG,EAAOQ,SACpBd,UAAAA;AAAAA,IAAAA,KAAW,gBAAAQ,EAACO,GAAA,EAAI,YAAU,IAAEf,UAAAA,GAAQ;AAAA,IACpCD,KAAYA;AAAAA,EAAAA,EAAAA,CACf;AAAA,EAAA,CACF;"}

package/dist/components/sortable/index.js

@@ -40,7 +40,7 @@ function ht({
   onChangeOrder: A,
   ...S
 }) {
-  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, _ = $(() => L.Children.toArray(s), [s]), a = u(-1), N = $(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), C = u(null), w = u(null), x = u(null), I = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, V] = q({
+  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, C = $(() => L.Children.toArray(s), [s]), a = u(-1), N = $(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), I = u(null), w = u(null), x = u(null), _ = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, V] = q({
     borderRadius: "0px",
     height: 0,
     width: 0,
@@ -51,8 +51,8 @@ function ht({
     "--sortable-placeholder-radius": R.borderRadius,
     "--sortable-placeholder-width": `${R.width}px`
   }, H = (o, t) => {
-    if (t < 0 || t >= _.length || o === t) return;
-    const c = _.slice(), [e] = c.splice(o, 1);
+    if (t < 0 || t >= C.length || o === t) return;
+    const c = C.slice(), [e] = c.splice(o, 1);
     c.splice(t, 0, e), A(c.map((n, r) => ({
       id: String(L.isValidElement(n) ? n.props["data-id"] ?? `idx-${r}` : `idx-${r}`),
       weight: c.length - 1 - r
@@ -72,7 +72,7 @@ function ht({
     }
     return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;
   }, P = (o = !1) => {
-    T(), B(), window.removeEventListener("touchmove", M), E.current = null, p.current = !1, C.current = null, x.current = null, I.current = o ? Date.now() + 500 : 0, a.current = -1, D(null);
+    T(), B(), window.removeEventListener("touchmove", M), E.current = null, p.current = !1, I.current = null, x.current = null, _.current = o ? Date.now() + 500 : 0, a.current = -1, D(null);
   }, Y = (o, t) => {
     a.current = o, V(lt(t)), D(o);
   }, G = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), z = (o, t, c) => {
@@ -85,7 +85,7 @@ function ht({
     const c = (n = document.elementFromPoint(o, t)) == null ? void 0 : n.closest("[data-sortable-index]");
     if (!c) return;
     const e = z(c, Number(c.dataset.sortableIndex), t);
-    e !== null && (C.current = e, D(e));
+    e !== null && (I.current = e, D(e));
   }, J = (o) => {
     const t = Z(o);
     if (!t) return;
@@ -122,15 +122,15 @@ function ht({
   };
   return Q(() => () => {
     T(), B(), window.removeEventListener("touchmove", M);
-  }, [M]), /* @__PURE__ */ j(et, { className: W(v, b.sortable, y > 1 && b.columns), columns: i, ordered: !0, style: O, ...S, "data-component": "sortable", children: _.map((o, t) => {
+  }, [M]), /* @__PURE__ */ j(et, { className: W(v, b.sortable, y > 1 && b.columns), columns: i, ordered: !0, style: O, ...S, "data-component": "sortable", children: C.map((o, t) => {
     const c = L.isValidElement(o) ? o.key : null;
     return /* @__PURE__ */ j("li", { "data-sortable-index": t, onClickCapture: (e) => {
-      I.current <= Date.now() || (e.preventDefault(), e.stopPropagation(), I.current = 0);
+      _.current <= Date.now() || (e.preventDefault(), e.stopPropagation(), _.current = 0);
     }, className: W(g !== null && g > t - 10 && g < t + 10 && b.pseudo, g === t && a.current < t && b["target-below"], g === t && a.current > t && b["target-above"], a.current === t && b.dragging), onContextMenu: (e) => {
       (p.current || w.current !== null) && e.preventDefault();
     }, onTouchStart: (e) => {
       if (l || G(e.target)) return;
-      I.current = 0;
+      _.current = 0;
       const n = e.touches[0];
       if (!n) return;
       const r = e.currentTarget;
@@ -138,7 +138,7 @@ function ht({
         x: n.clientX,
         y: n.clientY
       }, T(), w.current = setTimeout(() => {
-        Y(t, r), p.current = !0, C.current = t, E.current = {
+        Y(t, r), p.current = !0, I.current = t, E.current = {
           x: n.clientX,
           y: n.clientY
         }, window.addEventListener("touchmove", M, {
@@ -165,7 +165,7 @@ function ht({
         return;
       }
       e.preventDefault();
-      const n = a.current, r = C.current;
+      const n = a.current, r = I.current;
       n >= 0 && r !== null && n !== r && H(n, r), P(!0);
     }, onTouchCancel: () => P(), draggable: !l && !N, onDragEnd: () => k(), onDragOver: (e) => {
       e.preventDefault(), e.dataTransfer.dropEffect = "move";
@@ -182,7 +182,7 @@ function ht({
       const n = a.current, r = g;
       n < 0 || r === null || n === r || (H(n, r), k());
     }, "data-component": "sortable", children: /* @__PURE__ */ j(U.Provider, { value: {
-      canMoveDown: t < _.length - 1,
+      canMoveDown: t < C.length - 1,
       canMoveUp: t > 0,
       index: t,
       moveDown: () => H(t, t + 1),

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),g=require("../loading/index.cjs"),i="_toggle_1cuao_1",u="_thumb_1cuao_10",d="_track_1cuao_21",e={toggle:i,thumb:u,track:d},m=({checked:o,disabled:c,isLoading:s,label:a,onChange:n})=>{const l=o!==void 0&&n===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:o,disabled:c||s,onChange:n,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:s?t.jsx(g.Loading,{}):t.jsx("span",{className:e.thumb})}),a&&t.jsx("span",{className:"toggle",children:a})]})};exports.Toggle=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),g=require("../loading/index.cjs"),i="_toggle_ypbpl_1",p="_thumb_ypbpl_10",d="_track_ypbpl_21",e={toggle:i,thumb:p,track:d},u=({checked:s,disabled:a,isLoading:o,label:n,onChange:l})=>{const c=s!==void 0&&l===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:a||o,onChange:l,readOnly:c,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(g.Loading,{}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toggle/index.js

@@ -1,21 +1,21 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { Loading as i } from "../loading/index.js";
-import '../../assets/index3.css';const m = "_toggle_1cuao_1", d = "_thumb_1cuao_10", p = "_track_1cuao_21", o = {
-  toggle: m,
-  thumb: d,
-  track: p
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { Loading as g } from "../loading/index.js";
+import '../../assets/index3.css';const i = "_toggle_ypbpl_1", m = "_thumb_ypbpl_10", d = "_track_ypbpl_21", o = {
+  toggle: i,
+  thumb: m,
+  track: d
 }, h = ({
-  checked: a,
-  disabled: l,
-  isLoading: s,
-  label: c,
-  onChange: e
+  checked: s,
+  disabled: c,
+  isLoading: a,
+  label: e,
+  onChange: l
 }) => {
-  const n = a !== void 0 && e === void 0;
-  return /* @__PURE__ */ g("label", { className: o.toggle, onClick: (r) => r.stopPropagation(), "data-component": "toggle", children: [
-    /* @__PURE__ */ t("input", { checked: a, disabled: l || s, onChange: e, readOnly: n, type: "checkbox" }),
-    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: s ? /* @__PURE__ */ t(i, {}) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
-    c && /* @__PURE__ */ t("span", { className: "toggle", children: c })
+  const n = s !== void 0 && l === void 0;
+  return /* @__PURE__ */ p("label", { className: o.toggle, onClick: (r) => r.stopPropagation(), "data-component": "toggle", children: [
+    /* @__PURE__ */ t("input", { checked: s, disabled: c || a, onChange: l, readOnly: n, type: "checkbox" }),
+    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: a ? /* @__PURE__ */ t(g, {}) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
+    e && /* @__PURE__ */ t("span", { className: "toggle", children: e })
   ] });
 };
 export {

package/dist/index.d.ts

@@ -76,16 +76,10 @@ declare type BaseCardProps = {
     onClick?: React.MouseEventHandler<HTMLElement>;
 };
 
-export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.Element;
+export declare const Branding: ({ size }: BrandingProps) => JSX.Element;
 
 declare type BrandingProps = {
-    name: keyof typeof brandingSVG;
     size?: number | string;
-    variant?: keyof typeof variants_4;
-};
-
-declare const brandingSVG: {
-    logo: string;
 };
 
 export declare function Button({ badge, children, className, disabled, icon, intent, isLoading, onClick, ref, size, variant, ...props }: ButtonProps): JSX.Element;
@@ -100,7 +94,7 @@ declare type ButtonProps = React.ComponentPropsWithRef<'button'> & {
     isLoading?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     size?: keyof typeof sizes_2;
-    variant?: keyof typeof variants_5;
+    variant?: keyof typeof variants_4;
 };
 
 export declare const Card: ({ actions, badge, checkbox, children, emphasis, header, icon, image, imagePosition, onClick, preview, variant, }: CardProps) => JSX.Element;
@@ -149,7 +143,7 @@ export declare type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {
     maxVisibleButtons?: number;
     overflow?: 'menu';
     overflowAccessibleLabel?: string;
-    variant?: keyof typeof variants_6;
+    variant?: keyof typeof variants_5;
 };
 
 export declare const Croppable: ({ children, fill, height, image, label, onCroppableChange, onFileChange, onImageChange, onTransformChange, transform, standalone, }: CroppableProps) => JSX.Element;
@@ -354,7 +348,7 @@ declare type HeaderProps = {
     cta?: React.ReactNode;
     header?: React.ReactNode;
     subHeader?: React.ReactNode;
-    variant?: keyof typeof variants_7;
+    variant?: keyof typeof variants_6;
 };
 
 export declare const Icon: ({ gap, name, size, variant, weight }: IconProps) => JSX.Element;
@@ -731,7 +725,7 @@ export declare type NavProps = React.HTMLAttributes<HTMLElement> & {
     children?: React.ReactNode;
     className?: string;
     horizontal?: boolean;
-    variant?: keyof typeof variants_8;
+    variant?: keyof typeof variants_7;
 };
 
 declare const Object_2: ({ accessibleLabel, url, ...props }: ObjectProps) => JSX.Element;
@@ -953,7 +947,7 @@ export declare const Tooltip: ({ variant, children, iconName, ...props }: Toolti
 declare type TooltipProps = {
     children?: React.ReactNode;
     iconName?: IconName;
-    variant?: keyof typeof variants_9;
+    variant?: keyof typeof variants_8;
 };
 
 declare type UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;
@@ -983,37 +977,32 @@ declare const variants_3: {
 };
 
 declare const variants_4: {
-    default: string;
-    white: string;
-};
-
-declare const variants_5: {
     primary: string;
     secondary: string;
     simple: string;
     tertiary: string;
 };
 
-declare const variants_6: {
+declare const variants_5: {
     default: string;
     embedded: string;
     fixed: string;
     inline: string;
 };
 
-declare const variants_7: {
+declare const variants_6: {
     default: string;
     jumbo: string;
 };
 
-declare const variants_8: {
+declare const variants_7: {
     default: string;
     pills: string;
     sidebar: string;
     tabs: string;
 };
 
-declare const variants_9: {
+declare const variants_8: {
     default: string;
     static: string;
 };