@solibo/solibo-ui 0.3.30 → 0.3.31

package/dist/assets/index12.css

@@ -1 +1 @@
-._dialog_19p8b_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-big);justify-self:center;max-height:90vh;max-width:75vw;min-width:25vw;opacity:0;overflow-y:auto;text-align:center;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);visibility:hidden}._dialog_19p8b_1[open]{opacity:1;visibility:visible}._dialog_19p8b_1 button{margin-right:var(--unit)}._dialog_19p8b_1 button:last-child{margin-right:0}._wrapper_19p8b_32{align-items:center;-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_19p8b_32:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_19p8b_1{max-width:90vw}}
+._dialog_1dwjg_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-big);justify-self:center;max-height:85vh;max-width:75vw;min-width:25vw;opacity:0;overflow-y:auto;text-align:center;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);visibility:hidden}._dialog_1dwjg_1[open]{opacity:1;visibility:visible}._dialog_1dwjg_1 button{margin-right:var(--unit)}._dialog_1dwjg_1 button:last-child{margin-right:0}._wrapper_1dwjg_32{align-items:center;-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_1dwjg_32:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_1dwjg_1{max-width:90vw}}

package/dist/components/accordion/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),r=require("../icon/index.cjs"),s="_accordion_8spz8_1",i={accordion:s},a=o=>{const n=o.currentTarget.closest("details");!n||!document.startViewTransition||(o.preventDefault(),document.startViewTransition(()=>n.open=!n.open))},d=({children:o,icon:n,label:t,open:c})=>e.jsxs("details",{className:i.accordion,open:c||void 0,"data-component":"accordion",children:[e.jsxs("summary",{onClick:a,children:[n&&e.jsx(r.Icon,{name:n}),t&&t]}),o]});exports.Accordion=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),s=require("../icon/index.cjs"),i="_accordion_8spz8_1",a={accordion:i},d=o=>{const n=o.currentTarget.closest("details");!n||!document.startViewTransition||(o.preventDefault(),document.startViewTransition(()=>n.open=!n.open))},l=({children:o,icon:n,label:c,open:r,summary:t})=>e.jsxs("details",{className:a.accordion,open:r||void 0,"data-component":"accordion",children:[e.jsxs("summary",{onClick:d,children:[n&&!t&&e.jsx(s.Icon,{name:n}),t??c]}),o]});exports.Accordion=l;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && <Icon name={icon} />}\n        {label && label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAaMA,EAAsDC,GAAM,CAChE,MAAMC,EAAUD,EAAEE,cAAcC,QAAQ,SAAS,EAC7C,CAACF,GAAW,CAACG,SAASC,sBAE1BL,EAAEM,eAAAA,EACFF,SAASC,oBAAoB,IAAOJ,EAAQM,KAAO,CAACN,EAAQM,IAAK,EACnE,EAEaC,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOJ,KAAAA,CAAqB,IAEpEK,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMP,GAAQQ,OAAU,iBAAA,YAExB,SAAA,CAAAH,EAAAA,KAAC,UAAA,CAAQ,QAASb,EACfW,SAAAA,CAAAA,GAAQM,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMP,CAAAA,CAAK,EACzBC,GAASA,CAAAA,EACZ,EACCF,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAcMA,EAAsDC,GAAM,CAChE,MAAMC,EAAUD,EAAEE,cAAcC,QAAQ,SAAS,EAC7C,CAACF,GAAW,CAACG,SAASC,sBAE1BL,EAAEM,eAAAA,EACFF,SAASC,oBAAoB,IAAOJ,EAAQM,KAAO,CAACN,EAAQM,IAAK,EACnE,EAEaC,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOJ,KAAAA,EAAMK,QAAAA,CAAwB,IAE7EC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMR,GAAQS,OAAU,iBAAA,YAExB,SAAA,CAAAH,EAAAA,KAAC,UAAA,CAAQ,QAASd,EACfW,SAAAA,CAAAA,GAAQ,CAACE,GAAWK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMR,EAAK,EACrCE,GAAWD,CAAAA,EACd,EACCF,CAAAA,EACH"}

package/dist/components/accordion/index.js

@@ -1,23 +1,24 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { Icon as s } from "../icon/index.js";
-import '../../assets/index30.css';const i = "_accordion_8spz8_1", a = {
-  accordion: i
-}, d = (n) => {
+import '../../assets/index30.css';const a = "_accordion_8spz8_1", d = {
+  accordion: a
+}, l = (n) => {
   const o = n.currentTarget.closest("details");
   !o || !document.startViewTransition || (n.preventDefault(), document.startViewTransition(() => o.open = !o.open));
-}, p = ({
+}, u = ({
   children: n,
   icon: o,
-  label: t,
-  open: r
-}) => /* @__PURE__ */ c("details", { className: a.accordion, open: r || void 0, "data-component": "accordion", children: [
-  /* @__PURE__ */ c("summary", { onClick: d, children: [
-    o && /* @__PURE__ */ e(s, { name: o }),
-    t && t
+  label: r,
+  open: e,
+  summary: t
+}) => /* @__PURE__ */ c("details", { className: d.accordion, open: e || void 0, "data-component": "accordion", children: [
+  /* @__PURE__ */ c("summary", { onClick: l, children: [
+    o && !t && /* @__PURE__ */ i(s, { name: o }),
+    t ?? r
   ] }),
   n
 ] });
 export {
-  p as Accordion
+  u as Accordion
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && <Icon name={icon} />}\n        {label && label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAaMA,IAAsDC,CAAAA,MAAM;AAChE,QAAMC,IAAUD,EAAEE,cAAcC,QAAQ,SAAS;AACjD,EAAI,CAACF,KAAW,CAACG,SAASC,wBAE1BL,EAAEM,eAAAA,GACFF,SAASC,oBAAoB,MAAOJ,EAAQM,OAAO,CAACN,EAAQM,IAAK;AACnE,GAEaC,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOJ,MAAAA;AAAqB,MAEpE,gBAAAK,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMP,KAAQQ,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EAAQ,SAASb,GACfW,UAAAA;AAAAA,IAAAA,KAAQ,gBAAAM,EAACC,GAAA,EAAK,MAAMP,EAAAA,CAAK;AAAA,IACzBC,KAASA;AAAAA,EAAAA,GACZ;AAAA,EACCF;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAcMA,IAAsDC,CAAAA,MAAM;AAChE,QAAMC,IAAUD,EAAEE,cAAcC,QAAQ,SAAS;AACjD,EAAI,CAACF,KAAW,CAACG,SAASC,wBAE1BL,EAAEM,eAAAA,GACFF,SAASC,oBAAoB,MAAOJ,EAAQM,OAAO,CAACN,EAAQM,IAAK;AACnE,GAEaC,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOJ,MAAAA;AAAAA,EAAMK,SAAAA;AAAwB,MAE7E,gBAAAC,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMR,KAAQS,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EAAQ,SAASd,GACfW,UAAAA;AAAAA,IAAAA,KAAQ,CAACE,KAAW,gBAAAK,EAACC,GAAA,EAAK,MAAMR,GAAK;AAAA,IACrCE,KAAWD;AAAAA,EAAAA,GACd;AAAA,EACCF;AAAAA,GACH;"}

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),s="_dialog_19p8b_1",t="_wrapper_19p8b_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),s="_dialog_1dwjg_1",t="_wrapper_1dwjg_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index12.css';const s = "_dialog_19p8b_1", t = "_wrapper_19p8b_32", r = {
+import '../../assets/index12.css';const s = "_dialog_1dwjg_1", d = "_wrapper_1dwjg_32", r = {
   dialog: s,
-  wrapper: t
-}, e = ({
+  wrapper: d
+}, c = ({
   children: l,
   setOpen: o,
-  ...p
-}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (i) => i.stopPropagation(), ...p, children: l }) });
+  ...i
+}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (p) => p.stopPropagation(), ...i, children: l }) });
 export {
-  e as Dialog
+  c as Dialog
 };
 //# sourceMappingURL=index.js.map

package/dist/components/toggle/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","Loading","thumb"],"mappings":"gPAWaA,EAASA,CAAC,CAAEC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,SAAAA,CAAsB,WAE/E,QAAA,CAAM,UAAWC,EAAOC,OAAO,iBAAA,SAC9B,SAAA,CAAAC,MAAC,SACC,QAAAP,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WAAU,QAEhB,OAAA,CACC,cAAY,OACZ,UAAWC,EAAOG,MAEjBN,SAAAA,EAAYK,EAAAA,IAACE,UAAA,CAAQ,KAAM,KAASF,MAAC,QAAK,UAAWF,EAAOK,MAAM,EACrE,EACCP,GAASI,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAUJ,SAAAA,CAAAA,CAAM,CAAA,EAC5C"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label\n      className={styles.toggle}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","toggle","e","stopPropagation","jsx","track","Loading","thumb"],"mappings":"gPAWaA,EAASA,CAAC,CAAEC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,SAAAA,CAAsB,IAEhFC,EAAAA,KAAC,QAAA,CACC,UAAWC,EAAOC,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAAkB,iBAAA,SAEpC,SAAA,CAAAC,MAAC,SACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WAAU,QAEhB,OAAA,CACC,cAAY,OACZ,UAAWE,EAAOK,MAEjBT,SAAAA,EAAYQ,EAAAA,IAACE,UAAA,CAAQ,KAAM,KAASF,MAAC,QAAK,UAAWJ,EAAOO,MAAM,EACrE,EACCV,GAASO,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAUP,SAAAA,CAAAA,CAAM,CAAA,EAC5C"}

package/dist/components/toggle/index.js

@@ -1,21 +1,21 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { Loading as l } from "../loading/index.js";
-import '../../assets/index2.css';const n = "_toggle_1rg2x_1", m = "_thumb_1rg2x_15", h = "_track_1rg2x_25", e = {
-  toggle: n,
-  thumb: m,
-  track: h
-}, _ = ({
-  checked: o,
+import '../../assets/index2.css';const m = "_toggle_1rg2x_1", i = "_thumb_1rg2x_15", p = "_track_1rg2x_25", e = {
+  toggle: m,
+  thumb: i,
+  track: p
+}, d = ({
+  checked: a,
   disabled: c,
-  isLoading: s,
-  label: a,
+  isLoading: o,
+  label: s,
   onChange: r
-}) => /* @__PURE__ */ g("label", { className: e.toggle, "data-component": "toggle", children: [
-  /* @__PURE__ */ t("input", { checked: o, disabled: c || s, onChange: r, type: "checkbox" }),
-  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: e.track, children: s ? /* @__PURE__ */ t(l, { size: 24 }) : /* @__PURE__ */ t("span", { className: e.thumb }) }),
-  a && /* @__PURE__ */ t("span", { className: "toggle", children: a })
+}) => /* @__PURE__ */ n("label", { className: e.toggle, onClick: (g) => g.stopPropagation(), "data-component": "toggle", children: [
+  /* @__PURE__ */ t("input", { checked: a, disabled: c || o, onChange: r, type: "checkbox" }),
+  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: e.track, children: o ? /* @__PURE__ */ t(l, { size: 24 }) : /* @__PURE__ */ t("span", { className: e.thumb }) }),
+  s && /* @__PURE__ */ t("span", { className: "toggle", children: s })
 ] });
 export {
-  _ as Toggle
+  d as Toggle
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","Loading","thumb"],"mappings":";;;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,UAAAA;AAAsB,wBAE/E,SAAA,EAAM,WAAWC,EAAOC,QAAO,kBAAA,UAC9B,UAAA;AAAA,EAAA,gBAAAC,EAAC,WACC,SAAAP,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YAAU;AAAA,oBAEhB,QAAA,EACC,eAAY,QACZ,WAAWC,EAAOG,OAEjBN,UAAAA,IAAY,gBAAAK,EAACE,GAAA,EAAQ,MAAM,QAAS,gBAAAF,EAAC,UAAK,WAAWF,EAAOK,OAAM,GACrE;AAAA,EACCP,KAAS,gBAAAI,EAAC,QAAA,EAAK,WAAU,UAAUJ,UAAAA,EAAAA,CAAM;AAAA,GAC5C;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label\n      className={styles.toggle}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","toggle","e","stopPropagation","jsx","track","Loading","thumb"],"mappings":";;;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,UAAAA;AAAsB,MAEhF,gBAAAC,EAAC,SAAA,EACC,WAAWC,EAAOC,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAAkB,kBAAA,UAEpC,UAAA;AAAA,EAAA,gBAAAC,EAAC,WACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YAAU;AAAA,oBAEhB,QAAA,EACC,eAAY,QACZ,WAAWE,EAAOK,OAEjBT,UAAAA,IAAY,gBAAAQ,EAACE,GAAA,EAAQ,MAAM,QAAS,gBAAAF,EAAC,UAAK,WAAWJ,EAAOO,OAAM,GACrE;AAAA,EACCV,KAAS,gBAAAO,EAAC,QAAA,EAAK,WAAU,UAAUP,UAAAA,EAAAA,CAAM;AAAA,GAC5C;"}

package/dist/index.d.ts

@@ -8,13 +8,14 @@ import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
-export declare const Accordion: ({ children, icon, label, open }: AccordionProps) => JSX.Element;
+export declare const Accordion: ({ children, icon, label, open, summary }: AccordionProps) => JSX.Element;
 
 declare type AccordionProps = {
     children: React.ReactNode;
     icon?: IconName;
     label?: string;
     open?: boolean;
+    summary?: React.ReactNode;
 };
 
 export declare const AppLink: ({ label, type }: AppLinkProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",