@solibo/solibo-ui 0.5.8 → 0.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/assets/index11.css +1 -1
  2. package/dist/assets/index13.css +1 -1
  3. package/dist/assets/index14.css +1 -1
  4. package/dist/assets/index16.css +1 -1
  5. package/dist/assets/index22.css +1 -1
  6. package/dist/assets/index23.css +1 -1
  7. package/dist/assets/index24.css +1 -1
  8. package/dist/assets/index25.css +1 -1
  9. package/dist/assets/index26.css +1 -1
  10. package/dist/assets/index27.css +1 -1
  11. package/dist/assets/index28.css +1 -1
  12. package/dist/assets/index29.css +1 -1
  13. package/dist/assets/index30.css +1 -1
  14. package/dist/assets/index31.css +1 -1
  15. package/dist/assets/index32.css +1 -1
  16. package/dist/assets/index33.css +1 -1
  17. package/dist/assets/index34.css +1 -1
  18. package/dist/assets/index35.css +1 -1
  19. package/dist/assets/index36.css +1 -1
  20. package/dist/assets/index37.css +1 -1
  21. package/dist/assets/index38.css +1 -1
  22. package/dist/assets/index39.css +1 -1
  23. package/dist/assets/index40.css +1 -1
  24. package/dist/assets/index41.css +1 -1
  25. package/dist/assets/index42.css +1 -1
  26. package/dist/assets/index43.css +1 -1
  27. package/dist/assets/index44.css +1 -1
  28. package/dist/assets/index45.css +1 -0
  29. package/dist/assets/index46.css +1 -0
  30. package/dist/assets/index47.css +1 -0
  31. package/dist/assets/styles.css +1 -1
  32. package/dist/components/_card/index.cjs +1 -1
  33. package/dist/components/_card/index.cjs.map +1 -1
  34. package/dist/components/_card/index.js +40 -37
  35. package/dist/components/_card/index.js.map +1 -1
  36. package/dist/components/_collapsible/index.cjs +1 -1
  37. package/dist/components/_collapsible/index.js +1 -1
  38. package/dist/components/_dropdown/index.cjs +1 -1
  39. package/dist/components/_dropdown/index.js +3 -3
  40. package/dist/components/_menu/index.cjs +2 -0
  41. package/dist/components/_menu/index.cjs.map +1 -0
  42. package/dist/components/_menu/index.js +78 -0
  43. package/dist/components/_menu/index.js.map +1 -0
  44. package/dist/components/_messages/index.cjs +1 -1
  45. package/dist/components/_messages/index.js +1 -1
  46. package/dist/components/_portal/index.cjs +1 -1
  47. package/dist/components/_portal/index.js +1 -1
  48. package/dist/components/_sortable/index.cjs +1 -1
  49. package/dist/components/_sortable/index.js +2 -2
  50. package/dist/components/_toasts/index.cjs +1 -1
  51. package/dist/components/_toasts/index.js +1 -1
  52. package/dist/components/_widget/index.cjs +1 -1
  53. package/dist/components/_widget/index.js +1 -1
  54. package/dist/components/accordion/index.cjs +1 -1
  55. package/dist/components/accordion/index.js +1 -1
  56. package/dist/components/app-link/index.cjs +1 -1
  57. package/dist/components/app-link/index.js +1 -1
  58. package/dist/components/aside/index.cjs +1 -1
  59. package/dist/components/aside/index.js +1 -1
  60. package/dist/components/badge/index.cjs +1 -1
  61. package/dist/components/badge/index.js +1 -1
  62. package/dist/components/banner/index.cjs +1 -1
  63. package/dist/components/banner/index.js +1 -1
  64. package/dist/components/branding/index.cjs +1 -1
  65. package/dist/components/branding/index.js +1 -1
  66. package/dist/components/button/index.cjs +1 -1
  67. package/dist/components/button/index.js +13 -13
  68. package/dist/components/button-group/index.cjs +2 -0
  69. package/dist/components/button-group/index.cjs.map +1 -0
  70. package/dist/components/button-group/index.js +33 -0
  71. package/dist/components/button-group/index.js.map +1 -0
  72. package/dist/components/checkbox/index.cjs +1 -1
  73. package/dist/components/checkbox/index.js +2 -2
  74. package/dist/components/dialog/index.cjs +1 -1
  75. package/dist/components/dialog/index.js +5 -5
  76. package/dist/components/figure/index.cjs +1 -1
  77. package/dist/components/figure/index.js +1 -1
  78. package/dist/components/form/index.cjs +1 -1
  79. package/dist/components/form/index.js +1 -1
  80. package/dist/components/icon/index.cjs +1 -1
  81. package/dist/components/icon/index.js +2 -2
  82. package/dist/components/input/index.cjs +1 -1
  83. package/dist/components/input/index.js +2 -2
  84. package/dist/components/link/index.cjs +1 -1
  85. package/dist/components/link/index.js +1 -1
  86. package/dist/components/list/index.cjs +1 -1
  87. package/dist/components/list/index.js +1 -1
  88. package/dist/components/loading/index.cjs +1 -1
  89. package/dist/components/loading/index.js +1 -1
  90. package/dist/components/message/index.cjs +1 -1
  91. package/dist/components/message/index.js +1 -1
  92. package/dist/components/nav/index.cjs +1 -1
  93. package/dist/components/nav/index.js +2 -2
  94. package/dist/components/popover/index.cjs +2 -0
  95. package/dist/components/popover/index.cjs.map +1 -0
  96. package/dist/components/popover/index.js +68 -0
  97. package/dist/components/popover/index.js.map +1 -0
  98. package/dist/components/select/index.cjs +1 -1
  99. package/dist/components/select/index.js +2 -2
  100. package/dist/components/textarea/index.cjs +1 -1
  101. package/dist/components/textarea/index.js +2 -2
  102. package/dist/components/toast/index.cjs +1 -1
  103. package/dist/components/toast/index.js +1 -1
  104. package/dist/components/toolbar/index.cjs +1 -1
  105. package/dist/components/toolbar/index.js +1 -1
  106. package/dist/{icons-DkF2p6NO.js → icons-06oXnjRF.js} +9 -5
  107. package/dist/icons-06oXnjRF.js.map +1 -0
  108. package/dist/icons-o8Z5npPW.cjs +2 -0
  109. package/dist/icons-o8Z5npPW.cjs.map +1 -0
  110. package/dist/{index-BGqIgxnV.js → index-BDTbPD0V.js} +3 -3
  111. package/dist/{index-BGqIgxnV.js.map → index-BDTbPD0V.js.map} +1 -1
  112. package/dist/{index-908yg65J.cjs → index-OLuoLabz.cjs} +2 -2
  113. package/dist/{index-908yg65J.cjs.map → index-OLuoLabz.cjs.map} +1 -1
  114. package/dist/index.cjs +1 -1
  115. package/dist/index.d.ts +58 -1
  116. package/dist/index.js +76 -70
  117. package/dist/index.js.map +1 -1
  118. package/dist/styles.module-CitJm17A.cjs +2 -0
  119. package/dist/styles.module-CitJm17A.cjs.map +1 -0
  120. package/dist/styles.module-Ioe0wPWW.js +9 -0
  121. package/dist/styles.module-Ioe0wPWW.js.map +1 -0
  122. package/dist/tokens.json +1 -1
  123. package/package.json +1 -1
  124. package/dist/icons-DkF2p6NO.js.map +0 -1
  125. package/dist/icons-vqS7W0cD.cjs +0 -2
  126. package/dist/icons-vqS7W0cD.cjs.map +0 -1
  127. package/dist/styles.module-BUYR37kC.js +0 -9
  128. package/dist/styles.module-BUYR37kC.js.map +0 -1
  129. package/dist/styles.module-DvIhipVo.cjs +0 -2
  130. package/dist/styles.module-DvIhipVo.cjs.map +0 -1
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),W=require("../button/index.cjs"),U=require("../../icons-vqS7W0cD.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-DvIhipVo.cjs"),Z=require("../list/index.cjs"),k=require("../../index-908yg65J.cjs"),M=require("../../utils-DBzf7CFq.cjs"),ee="_dropdown_1dsxx_1",te="_empty_1dsxx_4",ne="_group_1dsxx_5",re="_placeholder_1dsxx_6",se="_filter_1dsxx_14",oe="_native_1dsxx_25",le="_option_1dsxx_35",ie="_options_1dsxx_57",ce="_panel_1dsxx_81",ae="_selected_1dsxx_104",ue="_text_1dsxx_108",de="_trigger_1dsxx_117",pe="_minimal_1dsxx_133",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:de,minimal:pe};function Q(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function N(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(N).join(" "):o.isValidElement(e)?N(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function xe(e){return o.isValidElement(e)&&e.type===o.Fragment}function he(e){return o.isValidElement(e)&&e.type===k.Select}function V(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(xe(t)){l.push(...V(t.props.children,r,s));return}if(fe(t)){const d=N(t.props.children).trim(),p=t.props.value!=null?String(t.props.value):d;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&p===""),label:t.props.children,selected:!!t.props.selected,text:d,value:p});return}me(t)&&l.push(...V(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function _e(e){const r=e.trim();if(!r)return null;const l=[.../[*?]/.test(r)?r:`*${r}*`].map(t=>t==="*"?".*":t==="?"?".":t.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function ge(e,r){const s=_e(r),l=e.filter(t=>!t.hidden&&!t.isPlaceholder);return s?l.filter(t=>s.test([t.groupLabel,t.text,t.value].filter(Boolean).join(" "))):l}function ve(e,r){return e.find(s=>s.value===r)??e.find(s=>s.isPlaceholder)??e[0]}function ye(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(d=>d.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function be(e){if(he(e)){const{children:r,placeholder:s,...l}=e.props;return{children:i.jsxs(i.Fragment,{children:[s&&i.jsx("option",{hidden:!0,value:"",children:s}),r]}),props:l}}return{children:e.props.children,props:e.props}}const we=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...d})=>{const p=be(e),{defaultValue:z,onChange:_,value:g,...T}=p.props,q=k.sanitizeSelectProps(T),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),P=o.useRef(null),x=V(p.children),h=g!=null,v=ye(x,g,z),[y,b]=o.useState(()=>v),[u,w]=o.useState(!1),[B,$]=o.useState(""),S=h?String(g):y,I={default:M.resolveColor("--colors-semantic-content-secondary"),white:M.resolveColor("--color-white","white")},L=t==="minimal"?I.white:I.default,f=ve(x,S),A=Q("chevron",L),G=Q("search",L),D=ge(x,B);o.useEffect(()=>{!h&&!x.some(n=>n.value===y)&&b(v)},[v,y,h,x]),o.useEffect(()=>{var n;if(!u){$("");return}(n=P.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=R.current)!=null&&m.contains(a.target)||w(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{h||b(n.target.value),_==null||_(n)},j=()=>{var n;w(!1),(n=C.current)==null||n.focus()},H=n=>{var F;h||b(n);const a=O.current;if(!a){j();return}const m=(F=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:F.set;m==null||m.call(a,n),a.dispatchEvent(new Event("change",{bubbles:!0})),j()},J=n=>{n.key==="Escape"&&j()};return i.jsxs("div",{className:E.t(c.dropdown,t==="minimal"&&c.minimal,r),onKeyDown:J,ref:R,...d,"data-component":"dropdown",children:[i.jsx("select",{...q,"aria-hidden":"true",className:c.native,onChange:K,ref:O,tabIndex:-1,value:S,children:p.children}),i.jsx(W.Button,{"aria-expanded":u,"aria-haspopup":"dialog",className:E.t(t==="default"&&Y.inputStyles.input,c.trigger,(f==null?void 0:f.isPlaceholder)&&c.placeholder),"data-open":u?"true":void 0,disabled:q.disabled,onClick:()=>w(n=>!n),ref:C,style:A,variant:"minimal",children:i.jsx("span",{className:c.text,children:(f==null?void 0:f.label)??"Select an option"})}),u&&i.jsxs("div",{className:c.panel,children:[i.jsx(X.Input,{"aria-label":"Filter",className:c.filter,icon:"search",onChange:n=>$(n.target.value),placeholder:l,ref:P,style:G,type:"search",value:B}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:D.length>0?D.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(W.Button,{"aria-label":a?`${n.text}, selected`:n.text,className:E.t(c.option,a&&c.selected),disabled:n.disabled,onClick:()=>H(n.value),variant:"minimal",children:[i.jsx("span",{className:c.text,children:n.label}),n.groupLabel&&i.jsx("small",{className:c.group,children:n.groupLabel})]})},`${n.groupLabel??"root"}-${n.value}`)}):i.jsx("li",{className:c.empty,children:s})})]})]})};exports.Dropdown=we;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),W=require("../button/index.cjs"),U=require("../../icons-o8Z5npPW.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-CitJm17A.cjs"),Z=require("../list/index.cjs"),k=require("../../index-OLuoLabz.cjs"),M=require("../../utils-DBzf7CFq.cjs"),ee="_dropdown_1dsxx_1",te="_empty_1dsxx_4",ne="_group_1dsxx_5",re="_placeholder_1dsxx_6",se="_filter_1dsxx_14",oe="_native_1dsxx_25",le="_option_1dsxx_35",ie="_options_1dsxx_57",ce="_panel_1dsxx_81",ae="_selected_1dsxx_104",ue="_text_1dsxx_108",de="_trigger_1dsxx_117",pe="_minimal_1dsxx_133",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:de,minimal:pe};function Q(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function N(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(N).join(" "):o.isValidElement(e)?N(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function xe(e){return o.isValidElement(e)&&e.type===o.Fragment}function he(e){return o.isValidElement(e)&&e.type===k.Select}function V(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(xe(t)){l.push(...V(t.props.children,r,s));return}if(fe(t)){const d=N(t.props.children).trim(),p=t.props.value!=null?String(t.props.value):d;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&p===""),label:t.props.children,selected:!!t.props.selected,text:d,value:p});return}me(t)&&l.push(...V(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function _e(e){const r=e.trim();if(!r)return null;const l=[.../[*?]/.test(r)?r:`*${r}*`].map(t=>t==="*"?".*":t==="?"?".":t.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function ge(e,r){const s=_e(r),l=e.filter(t=>!t.hidden&&!t.isPlaceholder);return s?l.filter(t=>s.test([t.groupLabel,t.text,t.value].filter(Boolean).join(" "))):l}function ve(e,r){return e.find(s=>s.value===r)??e.find(s=>s.isPlaceholder)??e[0]}function ye(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(d=>d.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function be(e){if(he(e)){const{children:r,placeholder:s,...l}=e.props;return{children:i.jsxs(i.Fragment,{children:[s&&i.jsx("option",{hidden:!0,value:"",children:s}),r]}),props:l}}return{children:e.props.children,props:e.props}}const we=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...d})=>{const p=be(e),{defaultValue:z,onChange:_,value:g,...T}=p.props,q=k.sanitizeSelectProps(T),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),P=o.useRef(null),x=V(p.children),h=g!=null,v=ye(x,g,z),[y,b]=o.useState(()=>v),[u,w]=o.useState(!1),[B,$]=o.useState(""),S=h?String(g):y,I={default:M.resolveColor("--colors-semantic-content-secondary"),white:M.resolveColor("--color-white","white")},L=t==="minimal"?I.white:I.default,f=ve(x,S),A=Q("chevron",L),G=Q("search",L),D=ge(x,B);o.useEffect(()=>{!h&&!x.some(n=>n.value===y)&&b(v)},[v,y,h,x]),o.useEffect(()=>{var n;if(!u){$("");return}(n=P.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=R.current)!=null&&m.contains(a.target)||w(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{h||b(n.target.value),_==null||_(n)},j=()=>{var n;w(!1),(n=C.current)==null||n.focus()},H=n=>{var F;h||b(n);const a=O.current;if(!a){j();return}const m=(F=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:F.set;m==null||m.call(a,n),a.dispatchEvent(new Event("change",{bubbles:!0})),j()},J=n=>{n.key==="Escape"&&j()};return i.jsxs("div",{className:E.t(c.dropdown,t==="minimal"&&c.minimal,r),onKeyDown:J,ref:R,...d,"data-component":"dropdown",children:[i.jsx("select",{...q,"aria-hidden":"true",className:c.native,onChange:K,ref:O,tabIndex:-1,value:S,children:p.children}),i.jsx(W.Button,{"aria-expanded":u,"aria-haspopup":"dialog",className:E.t(t==="default"&&Y.inputStyles.input,c.trigger,(f==null?void 0:f.isPlaceholder)&&c.placeholder),"data-open":u?"true":void 0,disabled:q.disabled,onClick:()=>w(n=>!n),ref:C,style:A,variant:"minimal",children:i.jsx("span",{className:c.text,children:(f==null?void 0:f.label)??"Select an option"})}),u&&i.jsxs("div",{className:c.panel,children:[i.jsx(X.Input,{"aria-label":"Filter",className:c.filter,icon:"search",onChange:n=>$(n.target.value),placeholder:l,ref:P,style:G,type:"search",value:B}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:D.length>0?D.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(W.Button,{"aria-label":a?`${n.text}, selected`:n.text,className:E.t(c.option,a&&c.selected),disabled:n.disabled,onClick:()=>H(n.value),variant:"minimal",children:[i.jsx("span",{className:c.text,children:n.label}),n.groupLabel&&i.jsx("small",{className:c.group,children:n.groupLabel})]})},`${n.groupLabel??"root"}-${n.value}`)}):i.jsx("li",{className:c.empty,children:s})})]})]})};exports.Dropdown=we;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -2,11 +2,11 @@ import { jsxs as _, jsx as i, Fragment as Z } from "react/jsx-runtime";
2
2
  import { t as V } from "../../classix-DG18itHa.js";
3
3
  import ee, { useRef as g, useState as O, useEffect as P, Children as te, isValidElement as x } from "react";
4
4
  import { Button as A } from "../button/index.js";
5
- import { i as ne } from "../../icons-DkF2p6NO.js";
5
+ import { i as ne } from "../../icons-06oXnjRF.js";
6
6
  import { Input as re } from "../input/index.js";
7
- import { i as oe } from "../../styles.module-BUYR37kC.js";
7
+ import { i as oe } from "../../styles.module-Ioe0wPWW.js";
8
8
  import { List as se } from "../list/index.js";
9
- import { s as le, S as ie } from "../../index-BGqIgxnV.js";
9
+ import { s as le, S as ie } from "../../index-BDTbPD0V.js";
10
10
  import { r as G } from "../../utils--n2yqjCy.js";
11
11
  import '../../assets/index19.css';const ae = "_dropdown_1dsxx_1", ce = "_empty_1dsxx_4", pe = "_group_1dsxx_5", ue = "_placeholder_1dsxx_6", de = "_filter_1dsxx_14", fe = "_native_1dsxx_25", me = "_option_1dsxx_35", he = "_options_1dsxx_57", xe = "_panel_1dsxx_81", ge = "_selected_1dsxx_104", _e = "_text_1dsxx_108", ve = "_trigger_1dsxx_117", ye = "_minimal_1dsxx_133", l = {
12
12
  dropdown: ae,
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const s=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),d=require("react"),b=require("../button/index.cjs"),p=require("../icon/index.cjs"),h=require("../list/index.cjs"),y=require("../popover/index.cjs"),j="_list_1rny2_1",D="_item_1rny2_13",q="_danger_1rny2_41",f={list:j,item:D,danger:q};function k(o){return o.filter(t=>!!(t&&!t.disabled))}const w=({close:o,initialFocus:t,items:i,menuAccessibleLabel:u,onItemSelect:a})=>{const l=d.useRef([]),r=d.useCallback(e=>{const n=k(l.current);if(n.length===0)return;if(e==="first"){n[0].focus();return}if(e==="last"){n[n.length-1].focus();return}const c=n.indexOf(document.activeElement),x=e==="next"?(c+1)%n.length:(c-1+n.length)%n.length;n[x].focus()},[]);d.useEffect(()=>{r(t??"first")},[r,t]);const g=e=>{if(e.key==="ArrowDown"){e.preventDefault(),r("next");return}if(e.key==="ArrowUp"){e.preventDefault(),r("previous");return}if(e.key==="Home"){e.preventDefault(),r("first");return}e.key==="End"&&(e.preventDefault(),r("last"))},m=e=>{var n;(n=e.onSelect)==null||n.call(e),a==null||a(e),o()};return s.jsx(h.List,{"aria-label":u,className:f.list,onKeyDown:g,role:"menu","data-component":"menupanel",children:i.map((e,n)=>s.jsx("li",{role:"none",children:s.jsxs(b.Button,{"aria-label":e.accessibleLabel,className:_.t(f.item,e.isDanger&&f.danger),disabled:e.disabled,onClick:()=>m(e),ref:c=>{l.current[n]=c},role:"menuitem",variant:"minimal",children:[e.icon&&s.jsx(p.Icon,{gap:"right",name:e.icon,size:"small",variant:e.isDanger?"danger":"default"}),s.jsx("span",{children:e.label})]})},e.id??n))})},M=({items:o,menuAccessibleLabel:t="Menu",onItemSelect:i,position:u="left",triggerAccessibleLabel:a="Open menu"})=>s.jsx(y.Popover,{position:u,triggerAccessibleLabel:a,triggerAriaHasPopup:"menu",triggerButtonContent:s.jsx(p.Icon,{name:"dots",size:"medium"}),"data-component":"menu",children:({close:l,initialFocus:r})=>s.jsx(w,{close:l,initialFocus:r,items:o,menuAccessibleLabel:t,onItemSelect:i})});exports.Menu=M;
2
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/_menu/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { type IconName } from '@/components/icon/icons';\nimport { List } from '@/components/list';\nimport { Popover, type PopoverInitialFocus, type PopoverRenderProps } from '@/components/popover';\n\nimport styles from './styles.module.css';\n\nexport type MenuItem = {\n accessibleLabel?: string;\n disabled?: boolean;\n icon?: IconName;\n id?: string;\n isDanger?: boolean;\n label: React.ReactNode;\n onSelect?: () => void;\n};\n\nexport type MenuProps = {\n items: MenuItem[];\n menuAccessibleLabel?: string;\n onItemSelect?: (item: MenuItem) => void;\n position?: 'left' | 'right';\n triggerAccessibleLabel?: string;\n};\n\ntype MenuFocusTarget = 'first' | 'last' | 'next' | 'previous';\n\ntype MenuPanelProps = Pick<MenuProps, 'items' | 'menuAccessibleLabel' | 'onItemSelect'> & {\n close: PopoverRenderProps['close'];\n initialFocus?: PopoverInitialFocus;\n};\n\nfunction getFocusableItems(items: Array<HTMLButtonElement | null>) {\n return items.filter((item): item is HTMLButtonElement => Boolean(item && !item.disabled));\n}\n\nconst MenuPanel = ({\n close,\n initialFocus,\n items,\n menuAccessibleLabel,\n onItemSelect,\n}: MenuPanelProps) => {\n const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n const focusItem = useCallback((target: MenuFocusTarget) => {\n const focusableItems = getFocusableItems(itemRefs.current);\n\n if (focusableItems.length === 0) {\n return;\n }\n\n if (target === 'first') {\n focusableItems[0].focus();\n return;\n }\n\n if (target === 'last') {\n focusableItems[focusableItems.length - 1].focus();\n return;\n }\n\n const currentIndex = focusableItems.indexOf(document.activeElement as HTMLButtonElement);\n const nextIndex =\n target === 'next'\n ? (currentIndex + 1) % focusableItems.length\n : (currentIndex - 1 + focusableItems.length) % focusableItems.length;\n\n focusableItems[nextIndex].focus();\n }, []);\n\n useEffect(() => {\n focusItem(initialFocus ?? 'first');\n }, [focusItem, initialFocus]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n focusItem('next');\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n focusItem('previous');\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n focusItem('first');\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n focusItem('last');\n }\n };\n\n const handleItemSelect = (item: MenuItem) => {\n item.onSelect?.();\n onItemSelect?.(item);\n close();\n };\n\n return (\n <List\n aria-label={menuAccessibleLabel}\n className={styles.list}\n onKeyDown={handleKeyDown}\n role='menu'\n >\n {items.map((item, index) => (\n <li\n key={item.id ?? index}\n role='none'\n >\n <Button\n aria-label={item.accessibleLabel}\n className={cx(styles.item, item.isDanger && styles.danger)}\n disabled={item.disabled}\n onClick={() => handleItemSelect(item)}\n ref={(node) => {\n itemRefs.current[index] = node;\n }}\n role='menuitem'\n variant='minimal'\n >\n {item.icon && (\n <Icon\n gap='right'\n name={item.icon}\n size='small'\n variant={item.isDanger ? 'danger' : 'default'}\n />\n )}\n <span>{item.label}</span>\n </Button>\n </li>\n ))}\n </List>\n );\n};\n\nexport const Menu = ({\n items,\n menuAccessibleLabel = 'Menu',\n onItemSelect,\n position = 'left',\n triggerAccessibleLabel = 'Open menu',\n}: MenuProps) => {\n return (\n <Popover\n position={position}\n triggerAccessibleLabel={triggerAccessibleLabel}\n triggerAriaHasPopup='menu'\n triggerButtonContent={\n <Icon\n name='dots'\n size='medium'\n />\n }\n >\n {({ close, initialFocus }) => (\n <MenuPanel\n close={close}\n initialFocus={initialFocus}\n items={items}\n menuAccessibleLabel={menuAccessibleLabel}\n onItemSelect={onItemSelect}\n />\n )}\n </Popover>\n );\n};\n"],"names":["getFocusableItems","items","filter","item","Boolean","disabled","MenuPanel","close","initialFocus","menuAccessibleLabel","onItemSelect","itemRefs","useRef","focusItem","useCallback","target","focusableItems","current","length","focus","currentIndex","indexOf","document","activeElement","nextIndex","useEffect","handleKeyDown","event","key","preventDefault","handleItemSelect","onSelect","jsx","List","styles","list","map","index","Button","accessibleLabel","cx","isDanger","danger","node","icon","Icon","label","id","Menu","position","triggerAccessibleLabel","Popover"],"mappings":"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"}
@@ -0,0 +1,78 @@
1
+ import { jsx as o, jsxs as h } from "react/jsx-runtime";
2
+ import { t as b } from "../../classix-DG18itHa.js";
3
+ import { useRef as y, useCallback as D, useEffect as _ } from "react";
4
+ import { Button as x } from "../button/index.js";
5
+ import { Icon as d } from "../icon/index.js";
6
+ import { List as k } from "../list/index.js";
7
+ import { Popover as w } from "../popover/index.js";
8
+ import '../../assets/index22.css';const A = "_list_1rny2_1", B = "_item_1rny2_13", C = "_danger_1rny2_41", f = {
9
+ list: A,
10
+ item: B,
11
+ danger: C
12
+ };
13
+ function E(s) {
14
+ return s.filter((t) => !!(t && !t.disabled));
15
+ }
16
+ const I = ({
17
+ close: s,
18
+ initialFocus: t,
19
+ items: u,
20
+ menuAccessibleLabel: c,
21
+ onItemSelect: a
22
+ }) => {
23
+ const l = y([]), r = D((n) => {
24
+ const e = E(l.current);
25
+ if (e.length === 0)
26
+ return;
27
+ if (n === "first") {
28
+ e[0].focus();
29
+ return;
30
+ }
31
+ if (n === "last") {
32
+ e[e.length - 1].focus();
33
+ return;
34
+ }
35
+ const i = e.indexOf(document.activeElement), g = n === "next" ? (i + 1) % e.length : (i - 1 + e.length) % e.length;
36
+ e[g].focus();
37
+ }, []);
38
+ _(() => {
39
+ r(t ?? "first");
40
+ }, [r, t]);
41
+ const m = (n) => {
42
+ if (n.key === "ArrowDown") {
43
+ n.preventDefault(), r("next");
44
+ return;
45
+ }
46
+ if (n.key === "ArrowUp") {
47
+ n.preventDefault(), r("previous");
48
+ return;
49
+ }
50
+ if (n.key === "Home") {
51
+ n.preventDefault(), r("first");
52
+ return;
53
+ }
54
+ n.key === "End" && (n.preventDefault(), r("last"));
55
+ }, p = (n) => {
56
+ var e;
57
+ (e = n.onSelect) == null || e.call(n), a == null || a(n), s();
58
+ };
59
+ return /* @__PURE__ */ o(k, { "aria-label": c, className: f.list, onKeyDown: m, role: "menu", "data-component": "menupanel", children: u.map((n, e) => /* @__PURE__ */ o("li", { role: "none", children: /* @__PURE__ */ h(x, { "aria-label": n.accessibleLabel, className: b(f.item, n.isDanger && f.danger), disabled: n.disabled, onClick: () => p(n), ref: (i) => {
60
+ l.current[e] = i;
61
+ }, role: "menuitem", variant: "minimal", children: [
62
+ n.icon && /* @__PURE__ */ o(d, { gap: "right", name: n.icon, size: "small", variant: n.isDanger ? "danger" : "default" }),
63
+ /* @__PURE__ */ o("span", { children: n.label })
64
+ ] }) }, n.id ?? e)) });
65
+ }, L = ({
66
+ items: s,
67
+ menuAccessibleLabel: t = "Menu",
68
+ onItemSelect: u,
69
+ position: c = "left",
70
+ triggerAccessibleLabel: a = "Open menu"
71
+ }) => /* @__PURE__ */ o(w, { position: c, triggerAccessibleLabel: a, triggerAriaHasPopup: "menu", triggerButtonContent: /* @__PURE__ */ o(d, { name: "dots", size: "medium" }), "data-component": "menu", children: ({
72
+ close: l,
73
+ initialFocus: r
74
+ }) => /* @__PURE__ */ o(I, { close: l, initialFocus: r, items: s, menuAccessibleLabel: t, onItemSelect: u }) });
75
+ export {
76
+ L as Menu
77
+ };
78
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/_menu/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\nimport { type IconName } from '@/components/icon/icons';\nimport { List } from '@/components/list';\nimport { Popover, type PopoverInitialFocus, type PopoverRenderProps } from '@/components/popover';\n\nimport styles from './styles.module.css';\n\nexport type MenuItem = {\n accessibleLabel?: string;\n disabled?: boolean;\n icon?: IconName;\n id?: string;\n isDanger?: boolean;\n label: React.ReactNode;\n onSelect?: () => void;\n};\n\nexport type MenuProps = {\n items: MenuItem[];\n menuAccessibleLabel?: string;\n onItemSelect?: (item: MenuItem) => void;\n position?: 'left' | 'right';\n triggerAccessibleLabel?: string;\n};\n\ntype MenuFocusTarget = 'first' | 'last' | 'next' | 'previous';\n\ntype MenuPanelProps = Pick<MenuProps, 'items' | 'menuAccessibleLabel' | 'onItemSelect'> & {\n close: PopoverRenderProps['close'];\n initialFocus?: PopoverInitialFocus;\n};\n\nfunction getFocusableItems(items: Array<HTMLButtonElement | null>) {\n return items.filter((item): item is HTMLButtonElement => Boolean(item && !item.disabled));\n}\n\nconst MenuPanel = ({\n close,\n initialFocus,\n items,\n menuAccessibleLabel,\n onItemSelect,\n}: MenuPanelProps) => {\n const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n const focusItem = useCallback((target: MenuFocusTarget) => {\n const focusableItems = getFocusableItems(itemRefs.current);\n\n if (focusableItems.length === 0) {\n return;\n }\n\n if (target === 'first') {\n focusableItems[0].focus();\n return;\n }\n\n if (target === 'last') {\n focusableItems[focusableItems.length - 1].focus();\n return;\n }\n\n const currentIndex = focusableItems.indexOf(document.activeElement as HTMLButtonElement);\n const nextIndex =\n target === 'next'\n ? (currentIndex + 1) % focusableItems.length\n : (currentIndex - 1 + focusableItems.length) % focusableItems.length;\n\n focusableItems[nextIndex].focus();\n }, []);\n\n useEffect(() => {\n focusItem(initialFocus ?? 'first');\n }, [focusItem, initialFocus]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n focusItem('next');\n return;\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n focusItem('previous');\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n focusItem('first');\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n focusItem('last');\n }\n };\n\n const handleItemSelect = (item: MenuItem) => {\n item.onSelect?.();\n onItemSelect?.(item);\n close();\n };\n\n return (\n <List\n aria-label={menuAccessibleLabel}\n className={styles.list}\n onKeyDown={handleKeyDown}\n role='menu'\n >\n {items.map((item, index) => (\n <li\n key={item.id ?? index}\n role='none'\n >\n <Button\n aria-label={item.accessibleLabel}\n className={cx(styles.item, item.isDanger && styles.danger)}\n disabled={item.disabled}\n onClick={() => handleItemSelect(item)}\n ref={(node) => {\n itemRefs.current[index] = node;\n }}\n role='menuitem'\n variant='minimal'\n >\n {item.icon && (\n <Icon\n gap='right'\n name={item.icon}\n size='small'\n variant={item.isDanger ? 'danger' : 'default'}\n />\n )}\n <span>{item.label}</span>\n </Button>\n </li>\n ))}\n </List>\n );\n};\n\nexport const Menu = ({\n items,\n menuAccessibleLabel = 'Menu',\n onItemSelect,\n position = 'left',\n triggerAccessibleLabel = 'Open menu',\n}: MenuProps) => {\n return (\n <Popover\n position={position}\n triggerAccessibleLabel={triggerAccessibleLabel}\n triggerAriaHasPopup='menu'\n triggerButtonContent={\n <Icon\n name='dots'\n size='medium'\n />\n }\n >\n {({ close, initialFocus }) => (\n <MenuPanel\n close={close}\n initialFocus={initialFocus}\n items={items}\n menuAccessibleLabel={menuAccessibleLabel}\n onItemSelect={onItemSelect}\n />\n )}\n </Popover>\n );\n};\n"],"names":["getFocusableItems","items","filter","item","Boolean","disabled","MenuPanel","close","initialFocus","menuAccessibleLabel","onItemSelect","itemRefs","useRef","focusItem","useCallback","target","focusableItems","current","length","focus","currentIndex","indexOf","document","activeElement","nextIndex","useEffect","handleKeyDown","event","key","preventDefault","handleItemSelect","onSelect","jsx","List","styles","list","map","index","Button","accessibleLabel","cx","isDanger","danger","node","icon","Icon","label","id","Menu","position","triggerAccessibleLabel","Popover"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const e=require("react/jsx-runtime"),m=require("../_dropzone/index.cjs"),u=require("../button/index.cjs"),d=require("../form/index.cjs"),_=require("../icon/index.cjs"),x=require("../list/index.cjs"),p=require("../textarea/index.cjs"),j=require("../message/index.cjs"),g="_messages_143n4_1",b="_controls_143n4_23",t={messages:g,controls:b},q=({handleUpload:r,message:s,messages:o,onChange:i,onSubmit:a,placeholder:c,sending:l})=>e.jsxs("div",{className:t.messages,"data-component":"messages",children:[e.jsx(x.List,{children:o.map(n=>e.jsx(j.Message,{...n},n.id))}),e.jsxs(d.Form,{onSubmit:n=>{n.preventDefault(),a()},children:[e.jsx(p.Textarea,{onChange:i,placeholder:c,value:s}),e.jsxs("div",{className:t.controls,children:[e.jsx(m.Dropzone,{label:"",multiple:!0,onChange:n=>{n.currentTarget.files&&r(n.currentTarget.files)},variant:"minimal"}),e.jsx(u.Button,{"aria-label":"Send message",disabled:l||!(s!=null&&s.trim()),type:"submit",variant:"primary",children:e.jsx(_.Icon,{fill:!0,name:"plane",variant:"white"})})]})]})]});exports.Messages=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.css');const e=require("react/jsx-runtime"),m=require("../_dropzone/index.cjs"),u=require("../button/index.cjs"),d=require("../form/index.cjs"),_=require("../icon/index.cjs"),x=require("../list/index.cjs"),p=require("../textarea/index.cjs"),j=require("../message/index.cjs"),g="_messages_143n4_1",b="_controls_143n4_23",t={messages:g,controls:b},q=({handleUpload:r,message:s,messages:o,onChange:i,onSubmit:a,placeholder:c,sending:l})=>e.jsxs("div",{className:t.messages,"data-component":"messages",children:[e.jsx(x.List,{children:o.map(n=>e.jsx(j.Message,{...n},n.id))}),e.jsxs(d.Form,{onSubmit:n=>{n.preventDefault(),a()},children:[e.jsx(p.Textarea,{onChange:i,placeholder:c,value:s}),e.jsxs("div",{className:t.controls,children:[e.jsx(m.Dropzone,{label:"",multiple:!0,onChange:n=>{n.currentTarget.files&&r(n.currentTarget.files)},variant:"minimal"}),e.jsx(u.Button,{"aria-label":"Send message",disabled:l||!(s!=null&&s.trim()),type:"submit",variant:"primary",children:e.jsx(_.Icon,{fill:!0,name:"plane",variant:"white"})})]})]})]});exports.Messages=q;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -6,7 +6,7 @@ import { Icon as u } from "../icon/index.js";
6
6
  import { List as h } from "../list/index.js";
7
7
  import { Textarea as v } from "../textarea/index.js";
8
8
  import { Message as _ } from "../message/index.js";
9
- import '../../assets/index22.css';const b = "_messages_143n4_1", g = "_controls_143n4_23", i = {
9
+ import '../../assets/index23.css';const b = "_messages_143n4_1", g = "_controls_143n4_23", i = {
10
10
  messages: b,
11
11
  controls: g
12
12
  }, w = ({
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.css');const e=require("react/jsx-runtime"),i=require("../aside/index.cjs"),a=require("../branding/index.cjs"),c=require("../figure/index.cjs"),u=require("../icon/index.cjs"),l=require("../nav/index.cjs"),m="_menu_1q9tu_29",d="_portal_1q9tu_55",o={menu:m,portal:d},_=({accessibleLabel:t="Show menu",children:n,portals:r,open:s=!0})=>e.jsxs("details",{className:o.menu,open:s||void 0,"data-component":"portal",children:[e.jsx("summary",{"aria-label":t,children:e.jsx(u.Icon,{name:"menu",size:"large",variant:"primary"})}),e.jsxs(i.Aside,{className:o.portal,children:[e.jsx(c.Figure,{children:e.jsx(a.Branding,{name:"logo",size:86,variant:"white"})}),r&&e.jsx(l.Nav,{horizontal:!0,children:r}),n&&n]})]});exports.Portal=_;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const e=require("react/jsx-runtime"),i=require("../aside/index.cjs"),a=require("../branding/index.cjs"),c=require("../figure/index.cjs"),u=require("../icon/index.cjs"),l=require("../nav/index.cjs"),m="_menu_1q9tu_29",d="_portal_1q9tu_55",o={menu:m,portal:d},_=({accessibleLabel:t="Show menu",children:n,portals:r,open:s=!0})=>e.jsxs("details",{className:o.menu,open:s||void 0,"data-component":"portal",children:[e.jsx("summary",{"aria-label":t,children:e.jsx(u.Icon,{name:"menu",size:"large",variant:"primary"})}),e.jsxs(i.Aside,{className:o.portal,children:[e.jsx(c.Figure,{children:e.jsx(a.Branding,{name:"logo",size:86,variant:"white"})}),r&&e.jsx(l.Nav,{horizontal:!0,children:r}),n&&n]})]});exports.Portal=_;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -4,7 +4,7 @@ import { Branding as l } from "../branding/index.js";
4
4
  import { Figure as s } from "../figure/index.js";
5
5
  import { Icon as p } from "../icon/index.js";
6
6
  import { Nav as u } from "../nav/index.js";
7
- import '../../assets/index23.css';const c = "_menu_1q9tu_29", d = "_portal_1q9tu_55", a = {
7
+ import '../../assets/index24.css';const c = "_menu_1q9tu_29", d = "_portal_1q9tu_55", a = {
8
8
  menu: c,
9
9
  portal: d
10
10
  }, y = ({
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const y=require("react/jsx-runtime"),T=require("../../classix-5H4IWnMA.cjs"),o=require("react"),A=require("../../icons-vqS7W0cD.cjs"),H=require("../list/index.cjs"),M="_sortable_c1ptl_5",V="_dragging_c1ptl_35",z="_dropping_c1ptl_50",B="_columns_c1ptl_63",N="_pseudo_c1ptl_73",c={sortable:M,dragging:V,dropping:z,columns:B,pseudo:N,"target-above":"_target-above_c1ptl_88","target-below":"_target-below_c1ptl_89"};function k({children:h,className:I,columns:g=1,isRearranging:d=!1,onChangeOrder:f,...b}){const x=Number.isFinite(g)?Math.max(1,Math.floor(g)):1,v=o.useMemo(()=>o.Children.toArray(h),[h]),n=o.useRef(-1),[p,q]=o.useState({height:0,width:0}),[a,m]=o.useState(null),[E,S]=o.useState(null),$={...b.style,"--icon-svg":A.iconSVG("sort",!0),"--height":`calc(${p.height}px - var(--scale-16))`,"--width":x>1?`calc(${p.width}px - var(--scale-16))`:`${p.width}px`},w=()=>{n.current=-1,m(null)};return o.useEffect(()=>{d||S(null)},[d]),y.jsx(H.List,{className:T.t(I,c.sortable,x>1&&c.columns),columns:g,ordered:!0,style:$,...b,"data-component":"sortable",children:v.map((_,t)=>{const j=o.isValidElement(_)?_.key:null;return y.jsx("li",{className:T.t(a!==null&&a>t-10&&a<t+10&&c.pseudo,a===t&&n.current<t&&c["target-below"],a===t&&n.current>t&&c["target-above"],n.current===t&&c.dragging,E===t&&d&&c.dropping),draggable:!d,onDragEnd:()=>w(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const r=n.current;if(r<0||r===t)return;const s=e.currentTarget.getBoundingClientRect(),l=t===r+1?p.height:s.height,u=e.clientY>s.top+l/2?t+1:t,i=u>r?u-1:u;m(i)},onDragStart:e=>{n.current=t,q({height:e.currentTarget.offsetHeight,width:e.currentTarget.offsetWidth}),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move",m(t)},onDrop:e=>{e.preventDefault();const r=n.current,s=a;if(r<0||s===null||r===s)return;S(s);const l=v.slice(),[D]=l.splice(r,1);l.splice(s,0,D),f==null||f(l.map((u,i)=>({id:String(o.isValidElement(u)?u.props["data-id"]??`idx-${i}`:`idx-${i}`),weight:l.length-1-i}))),w()},"data-component":"sortable",children:_},j??t)})})}exports.Sortable=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const y=require("react/jsx-runtime"),T=require("../../classix-5H4IWnMA.cjs"),o=require("react"),A=require("../../icons-o8Z5npPW.cjs"),H=require("../list/index.cjs"),M="_sortable_c1ptl_5",V="_dragging_c1ptl_35",z="_dropping_c1ptl_50",B="_columns_c1ptl_63",N="_pseudo_c1ptl_73",c={sortable:M,dragging:V,dropping:z,columns:B,pseudo:N,"target-above":"_target-above_c1ptl_88","target-below":"_target-below_c1ptl_89"};function k({children:h,className:I,columns:g=1,isRearranging:d=!1,onChangeOrder:f,...b}){const x=Number.isFinite(g)?Math.max(1,Math.floor(g)):1,v=o.useMemo(()=>o.Children.toArray(h),[h]),n=o.useRef(-1),[p,q]=o.useState({height:0,width:0}),[a,m]=o.useState(null),[E,S]=o.useState(null),$={...b.style,"--icon-svg":A.iconSVG("sort",!0),"--height":`calc(${p.height}px - var(--scale-16))`,"--width":x>1?`calc(${p.width}px - var(--scale-16))`:`${p.width}px`},w=()=>{n.current=-1,m(null)};return o.useEffect(()=>{d||S(null)},[d]),y.jsx(H.List,{className:T.t(I,c.sortable,x>1&&c.columns),columns:g,ordered:!0,style:$,...b,"data-component":"sortable",children:v.map((_,t)=>{const j=o.isValidElement(_)?_.key:null;return y.jsx("li",{className:T.t(a!==null&&a>t-10&&a<t+10&&c.pseudo,a===t&&n.current<t&&c["target-below"],a===t&&n.current>t&&c["target-above"],n.current===t&&c.dragging,E===t&&d&&c.dropping),draggable:!d,onDragEnd:()=>w(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const r=n.current;if(r<0||r===t)return;const s=e.currentTarget.getBoundingClientRect(),l=t===r+1?p.height:s.height,u=e.clientY>s.top+l/2?t+1:t,i=u>r?u-1:u;m(i)},onDragStart:e=>{n.current=t,q({height:e.currentTarget.offsetHeight,width:e.currentTarget.offsetWidth}),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move",m(t)},onDrop:e=>{e.preventDefault();const r=n.current,s=a;if(r<0||s===null||r===s)return;S(s);const l=v.slice(),[D]=l.splice(r,1);l.splice(s,0,D),f==null||f(l.map((u,i)=>({id:String(o.isValidElement(u)?u.props["data-id"]??`idx-${i}`:`idx-${i}`),weight:l.length-1-i}))),w()},"data-component":"sortable",children:_},j??t)})})}exports.Sortable=k;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,9 +1,9 @@
1
1
  import { jsx as I } from "react/jsx-runtime";
2
2
  import { t as T } from "../../classix-DG18itHa.js";
3
3
  import _, { useMemo as z, useRef as B, useState as h, useEffect as M } from "react";
4
- import { i as N } from "../../icons-DkF2p6NO.js";
4
+ import { i as N } from "../../icons-06oXnjRF.js";
5
5
  import { List as k } from "../list/index.js";
6
- import '../../assets/index24.css';const j = "_sortable_c1ptl_5", F = "_dragging_c1ptl_35", G = "_dropping_c1ptl_50", L = "_columns_c1ptl_63", W = "_pseudo_c1ptl_73", s = {
6
+ import '../../assets/index25.css';const j = "_sortable_c1ptl_5", F = "_dragging_c1ptl_35", G = "_dropping_c1ptl_50", L = "_columns_c1ptl_63", W = "_pseudo_c1ptl_73", s = {
7
7
  sortable: j,
8
8
  dragging: F,
9
9
  dropping: G,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index25.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_19qwq_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_19qwq_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
2
  import { useRef as p, useState as w, useCallback as h, useEffect as m } from "react";
3
3
  import { Toast as T } from "../toast/index.js";
4
- import '../../assets/index25.css';const v = "_toasts_19qwq_1", S = {
4
+ import '../../assets/index26.css';const v = "_toasts_19qwq_1", S = {
5
5
  toasts: v
6
6
  }, g = ({
7
7
  defaultDurationMs: c = 5e3,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const e=require("react/jsx-runtime"),d=require("../_card/index.cjs"),n="_widget_lea1t_1",s={widget:n},o=({children:t,...i})=>e.jsx("div",{className:s.widget,...i,"data-component":"widget",children:e.jsx(d.Card,{children:t})});exports.Widget=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const e=require("react/jsx-runtime"),d=require("../_card/index.cjs"),n="_widget_lea1t_1",s={widget:n},o=({children:t,...i})=>e.jsx("div",{className:s.widget,...i,"data-component":"widget",children:e.jsx(d.Card,{children:t})});exports.Widget=o;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { Card as i } from "../_card/index.js";
3
- import '../../assets/index26.css';const o = "_widget_lea1t_1", r = {
3
+ import '../../assets/index27.css';const o = "_widget_lea1t_1", r = {
4
4
  widget: o
5
5
  }, a = ({
6
6
  children: e,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index27.css');const t=require("react/jsx-runtime"),s="_accordion_1vtp0_6",a={accordion:s},d=({children:e,open:c,summary:r})=>{const i=n=>{const o=n.currentTarget.closest("details");!o||!document.startViewTransition||(n.preventDefault(),document.startViewTransition(()=>o.open=!o.open))};return t.jsxs("details",{className:a.accordion,open:c||void 0,"data-component":"accordion",children:[t.jsx("summary",{onClick:i,children:r}),e]})};exports.Accordion=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index28.css');const t=require("react/jsx-runtime"),s="_accordion_1vtp0_6",a={accordion:s},d=({children:e,open:c,summary:r})=>{const i=n=>{const o=n.currentTarget.closest("details");!o||!document.startViewTransition||(n.preventDefault(),document.startViewTransition(()=>o.open=!o.open))};return t.jsxs("details",{className:a.accordion,open:c||void 0,"data-component":"accordion",children:[t.jsx("summary",{onClick:i,children:r}),e]})};exports.Accordion=d;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,5 +1,5 @@
1
1
  import { jsxs as i, jsx as s } from "react/jsx-runtime";
2
- import '../../assets/index27.css';const a = "_accordion_1vtp0_6", d = {
2
+ import '../../assets/index28.css';const a = "_accordion_1vtp0_6", d = {
3
3
  accordion: a
4
4
  }, m = ({
5
5
  children: t,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const l=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),a=require("../link/index.cjs"),t="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e",p="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e",g="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e",i="_apple_zdked_17",h="_google_zdked_49",c={"app-link":"_app-link_zdked_1",apple:i,google:h},n=({label:o,type:e})=>l.jsxs(a.Link,{to:e==="apple"?"https://apps.apple.com/app/6478964287":"https://play.google.com/store/apps/details?id=no.solibo.mobile.home",className:s.t(c["app-link"],c[e]),"data-component":"applink",children:[e==="apple"?l.jsx("img",{src:t,alt:"Apple logo"}):l.jsx("img",{src:g,alt:"Google logo"}),l.jsxs("div",{children:[l.jsx("span",{children:o}),l.jsx("span",{children:e==="google"?l.jsx("img",{src:p,alt:"Google Play logo"}):"App Store"})]})]});exports.AppLink=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const l=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),a=require("../link/index.cjs"),t="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e",p="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e",g="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e",i="_apple_zdked_17",h="_google_zdked_49",c={"app-link":"_app-link_zdked_1",apple:i,google:h},n=({label:o,type:e})=>l.jsxs(a.Link,{to:e==="apple"?"https://apps.apple.com/app/6478964287":"https://play.google.com/store/apps/details?id=no.solibo.mobile.home",className:s.t(c["app-link"],c[e]),"data-component":"applink",children:[e==="apple"?l.jsx("img",{src:t,alt:"Apple logo"}):l.jsx("img",{src:g,alt:"Google logo"}),l.jsxs("div",{children:[l.jsx("span",{children:o}),l.jsx("span",{children:e==="google"?l.jsx("img",{src:p,alt:"Google Play logo"}):"App Store"})]})]});exports.AppLink=n;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  import { jsxs as c, jsx as l } from "react/jsx-runtime";
2
2
  import { t as a } from "../../classix-DG18itHa.js";
3
3
  import { Link as s } from "../link/index.js";
4
- import '../../assets/index14.css';const t = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e", g = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e", h = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e", i = "_apple_zdked_17", m = "_google_zdked_49", e = {
4
+ import '../../assets/index29.css';const t = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e", g = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e", h = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e", i = "_apple_zdked_17", m = "_google_zdked_49", e = {
5
5
  "app-link": "_app-link_zdked_1",
6
6
  apple: i,
7
7
  google: m
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index28.css');const n=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),d="_aside_mn1ep_1",o="_meta_mn1ep_14",m="_sticky_mn1ep_41",e={aside:d,meta:o,sticky:m},r={default:e.default,meta:e.meta},u=({children:s,className:t,sticky:a=!1,variant:i="default"})=>n.jsx("aside",{className:c.t(t&&t,e.aside,a&&e.sticky,r[i]),"data-component":"aside",children:s});exports.Aside=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),d="_aside_mn1ep_1",o="_meta_mn1ep_14",m="_sticky_mn1ep_41",e={aside:d,meta:o,sticky:m},r={default:e.default,meta:e.meta},u=({children:s,className:t,sticky:a=!1,variant:i="default"})=>n.jsx("aside",{className:c.t(t&&t,e.aside,a&&e.sticky,r[i]),"data-component":"aside",children:s});exports.Aside=u;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,6 +1,6 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
2
  import { t as n } from "../../classix-DG18itHa.js";
3
- import '../../assets/index28.css';const o = "_aside_mn1ep_1", c = "_meta_mn1ep_14", d = "_sticky_mn1ep_41", t = {
3
+ import '../../assets/index30.css';const o = "_aside_mn1ep_1", c = "_meta_mn1ep_14", d = "_sticky_mn1ep_41", t = {
4
4
  aside: o,
5
5
  meta: c,
6
6
  sticky: d
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const n=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),s=require("../button/index.cjs"),c=require("../icon/index.cjs"),d="_badge_j10be_1",m="_primary_j10be_8",l="_info_j10be_13",e={badge:d,primary:m,info:l},u={default:e.default,info:e.info,primary:e.primary},_=({children:t,deleteAccessibleLabel:i="Remove",onDelete:a,variant:o="default"})=>n.jsxs("span",{className:r.t(e.badge,u[o]),"data-component":"badge",children:[t,a&&n.jsx(s.Button,{"aria-label":i,onClick:a,variant:"minimal",children:n.jsx(c.Icon,{name:"x"})})]});exports.Badge=_;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const n=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),s=require("../button/index.cjs"),c=require("../icon/index.cjs"),d="_badge_j10be_1",m="_primary_j10be_8",l="_info_j10be_13",e={badge:d,primary:m,info:l},u={default:e.default,info:e.info,primary:e.primary},_=({children:t,deleteAccessibleLabel:i="Remove",onDelete:a,variant:o="default"})=>n.jsxs("span",{className:r.t(e.badge,u[o]),"data-component":"badge",children:[t,a&&n.jsx(s.Button,{"aria-label":i,onClick:a,variant:"minimal",children:n.jsx(c.Icon,{name:"x"})})]});exports.Badge=_;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,7 @@ import { jsxs as e, jsx as o } from "react/jsx-runtime";
2
2
  import { t as m } from "../../classix-DG18itHa.js";
3
3
  import { Button as s } from "../button/index.js";
4
4
  import { Icon as c } from "../icon/index.js";
5
- import '../../assets/index29.css';const d = "_badge_j10be_1", f = "_primary_j10be_8", p = "_info_j10be_13", a = {
5
+ import '../../assets/index31.css';const d = "_badge_j10be_1", f = "_primary_j10be_8", p = "_info_j10be_13", a = {
6
6
  badge: d,
7
7
  primary: f,
8
8
  info: p
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),o="_banner_14108_13",u="_visible_14108_34",r={banner:o,visible:u},d=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,c&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),o="_banner_14108_13",u="_visible_14108_34",r={banner:o,visible:u},d=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,c&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=d;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  import { jsxs as o, jsx as c } from "react/jsx-runtime";
2
2
  import { t as i } from "../../classix-DG18itHa.js";
3
3
  import { Button as s } from "../button/index.js";
4
- import '../../assets/index13.css';const v = "_banner_14108_13", _ = "_visible_14108_34", n = {
4
+ import '../../assets/index14.css';const v = "_banner_14108_13", _ = "_visible_14108_34", n = {
5
5
  banner: v,
6
6
  visible: _
7
7
  }, m = ({
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs");function l(a){return`url("data:image/svg+xml, ${encodeURI(a)}")`}const v={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},g="_branding_ganjz_1",i="_white_ganjz_11",c={branding:g,default:"_default_ganjz_7",white:i},r={default:c.default,white:c.white},o=({name:a="logo",size:s=128,variant:t="default"})=>{const n={height:s,maskImage:l(v[a].toString()),width:s};return e.jsx("span",{className:h.t(c.branding,r[t]),style:n,"data-component":"branding"})};exports.Branding=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs");function l(a){return`url("data:image/svg+xml, ${encodeURI(a)}")`}const v={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},g="_branding_ganjz_1",i="_white_ganjz_11",c={branding:g,default:"_default_ganjz_7",white:i},r={default:c.default,white:c.white},o=({name:a="logo",size:s=128,variant:t="default"})=>{const n={height:s,maskImage:l(v[a].toString()),width:s};return e.jsx("span",{className:h.t(c.branding,r[t]),style:n,"data-component":"branding"})};exports.Branding=o;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,6 +1,6 @@
1
1
  import { jsx as h } from "react/jsx-runtime";
2
2
  import { t as v } from "../../classix-DG18itHa.js";
3
- import '../../assets/index30.css';function e(a) {
3
+ import '../../assets/index32.css';function e(a) {
4
4
  return `url("data:image/svg+xml, ${encodeURI(a)}")`;
5
5
  }
6
6
  const l = {
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),l=require("../icon/index.cjs"),d="_button_1scj6_1",_="_danger_1scj6_22",p="_minimal_1scj6_35",b="_primary_1scj6_42",t={button:d,danger:_,minimal:p,primary:b},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:s,disabled:r=!1,icon:e,onClick:o,ref:m,variant:n="default",...u}){return a.jsxs("button",{className:c.t(t.button,g[n],s),disabled:r,onClick:o,ref:m,type:"button",...u,"data-component":"button",children:[e&&a.jsx(l.Icon,{gap:"right",name:e,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),c=require("../icon/index.cjs"),d="_button_18vba_1",_="_danger_18vba_23",b="_minimal_18vba_36",p="_primary_18vba_43",t={button:d,danger:_,minimal:b,primary:p},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:r,disabled:o=!1,icon:a,onClick:s,ref:m,variant:n="default",...u}){return e.jsxs("button",{className:l.t(t.button,g[n],r),disabled:o,onClick:s,ref:m,type:"button",...u,"data-component":"button",children:[a&&e.jsx(c.Icon,{gap:"right",name:a,size:"small",variant:n==="minimal"||n==="default"?"default":"white"}),i]})}exports.Button=y;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,11 +1,11 @@
1
- import { jsxs as l, jsx as u } from "react/jsx-runtime";
2
- import { t as c } from "../../classix-DG18itHa.js";
3
- import { Icon as d } from "../icon/index.js";
4
- import '../../assets/index31.css';const p = "_button_1scj6_1", _ = "_danger_1scj6_22", f = "_minimal_1scj6_35", b = "_primary_1scj6_42", t = {
5
- button: p,
6
- danger: _,
7
- minimal: f,
8
- primary: b
1
+ import { jsxs as s, jsx as u } from "react/jsx-runtime";
2
+ import { t as d } from "../../classix-DG18itHa.js";
3
+ import { Icon as p } from "../icon/index.js";
4
+ import '../../assets/index33.css';const _ = "_button_18vba_1", b = "_danger_18vba_23", c = "_minimal_18vba_36", f = "_primary_18vba_43", t = {
5
+ button: _,
6
+ danger: b,
7
+ minimal: c,
8
+ primary: f
9
9
  }, g = {
10
10
  danger: t.danger,
11
11
  default: t.default,
@@ -16,14 +16,14 @@ function x({
16
16
  children: m,
17
17
  className: r,
18
18
  disabled: i = !1,
19
- icon: a,
19
+ icon: n,
20
20
  onClick: o,
21
21
  ref: e,
22
- variant: n = "default",
23
- ...s
22
+ variant: a = "default",
23
+ ...l
24
24
  }) {
25
- return /* @__PURE__ */ l("button", { className: c(t.button, g[n], r), disabled: i, onClick: o, ref: e, type: "button", ...s, "data-component": "button", children: [
26
- a && /* @__PURE__ */ u(d, { gap: "right", name: a, size: "small", variant: n === "minimal" || n === "default" ? "default" : "white" }),
25
+ return /* @__PURE__ */ s("button", { className: d(t.button, g[a], r), disabled: i, onClick: o, ref: e, type: "button", ...l, "data-component": "button", children: [
26
+ n && /* @__PURE__ */ u(p, { gap: "right", name: n, size: "small", variant: a === "minimal" || a === "default" ? "default" : "white" }),
27
27
  m
28
28
  ] });
29
29
  }
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const i=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),c=require("react"),l={"button-group":"_button-group_19gda_1"},d={primary:3,danger:2,default:1,minimal:0},p=r=>d[(r==null?void 0:r.props.variant)??"default"],g=({children:r,className:o,...s})=>{const n=r.filter(t=>t!==void 0);if(n.length===0)return null;const a=n.map((t,e)=>({button:t,index:e,rank:p(t)})).sort((t,e)=>t.rank-e.rank||t.index-e.index).map(({button:t,index:e})=>c.cloneElement(t,{key:t.key??e}));return i.jsx("div",{className:u.t(l["button-group"],o),...s,"data-component":"buttongroup",children:a})};exports.ButtonGroup=g;
2
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/button-group/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, type ReactElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst variantOrder = {\n primary: 3,\n danger: 2,\n default: 1,\n minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\ntype ButtonGroupButton = ReactElement<ButtonProps, typeof Button> | undefined;\n\nexport type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n children: ButtonGroupButton[];\n};\n\nconst getButtonRank = (button: ButtonGroupButton) =>\n variantOrder[button?.props.variant ?? 'default'];\n\nexport const ButtonGroup = ({ children, className, ...props }: ButtonGroupProps) => {\n const filteredButtons = children.filter((button) => button !== undefined);\n\n if (filteredButtons.length === 0) return null;\n\n const sortedButtons = filteredButtons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n return (\n <div\n className={cx(styles['button-group'], className)}\n {...props}\n >\n {sortedButtons}\n </div>\n );\n};\n"],"names":["variantOrder","primary","danger","default","minimal","getButtonRank","button","props","variant","ButtonGroup","children","className","filteredButtons","filter","undefined","length","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","jsx","cx","styles"],"mappings":"2NAMMA,EAAe,CACnBC,QAAS,EACTC,OAAQ,EACRC,QAAS,EACTC,QAAS,CACX,EAQMC,EAAiBC,GACrBN,GAAaM,GAAAA,YAAAA,EAAQC,MAAMC,UAAW,SAAS,EAEpCC,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAW,GAAGJ,CAAwB,IAAM,CAClF,MAAMK,EAAkBF,EAASG,OAAQP,GAAWA,IAAWQ,MAAS,EAExE,GAAIF,EAAgBG,SAAW,EAAG,OAAO,KAEzC,MAAMC,EAAgBJ,EACnBK,IAAI,CAACX,EAAQY,KAAW,CAAEZ,OAAAA,EAAQY,MAAAA,EAAOC,KAAMd,EAAcC,CAAM,CAAA,EAAI,EACvEc,KAAK,CAACC,EAAGC,IAAMD,EAAEF,KAAOG,EAAEH,MAAQE,EAAEH,MAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC,CAAEX,OAAAA,EAAQY,MAAAA,CAAAA,IACdK,EAAAA,aAAajB,EAAQ,CACnBkB,IAAKlB,EAAOkB,KAAON,CAAAA,CACpB,CACH,EAEF,OACEO,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAO,cAAc,EAAGhB,CAAS,EAC/C,GAAIJ,EAAM,iBAAA,cAETS,SAAAA,EACH,CAEJ"}
@@ -0,0 +1,33 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { t as p } from "../../classix-DG18itHa.js";
3
+ import { cloneElement as m } from "react";
4
+ import '../../assets/index13.css';const d = {
5
+ "button-group": "_button-group_19gda_1"
6
+ }, l = {
7
+ primary: 3,
8
+ danger: 2,
9
+ default: 1,
10
+ minimal: 0
11
+ }, u = (n) => l[(n == null ? void 0 : n.props.variant) ?? "default"], k = ({
12
+ children: n,
13
+ className: e,
14
+ ...a
15
+ }) => {
16
+ const o = n.filter((r) => r !== void 0);
17
+ if (o.length === 0) return null;
18
+ const i = o.map((r, t) => ({
19
+ button: r,
20
+ index: t,
21
+ rank: u(r)
22
+ })).sort((r, t) => r.rank - t.rank || r.index - t.index).map(({
23
+ button: r,
24
+ index: t
25
+ }) => m(r, {
26
+ key: r.key ?? t
27
+ }));
28
+ return /* @__PURE__ */ s("div", { className: p(d["button-group"], e), ...a, "data-component": "buttongroup", children: i });
29
+ };
30
+ export {
31
+ k as ButtonGroup
32
+ };
33
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/button-group/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, type ReactElement } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport styles from './styles.module.css';\n\nconst variantOrder = {\n primary: 3,\n danger: 2,\n default: 1,\n minimal: 0,\n} satisfies Record<NonNullable<ButtonProps['variant']>, number>;\n\ntype ButtonGroupButton = ReactElement<ButtonProps, typeof Button> | undefined;\n\nexport type ButtonGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n children: ButtonGroupButton[];\n};\n\nconst getButtonRank = (button: ButtonGroupButton) =>\n variantOrder[button?.props.variant ?? 'default'];\n\nexport const ButtonGroup = ({ children, className, ...props }: ButtonGroupProps) => {\n const filteredButtons = children.filter((button) => button !== undefined);\n\n if (filteredButtons.length === 0) return null;\n\n const sortedButtons = filteredButtons\n .map((button, index) => ({ button, index, rank: getButtonRank(button) }))\n .sort((a, b) => a.rank - b.rank || a.index - b.index)\n .map(({ button, index }) =>\n cloneElement(button, {\n key: button.key ?? index,\n })\n );\n\n return (\n <div\n className={cx(styles['button-group'], className)}\n {...props}\n >\n {sortedButtons}\n </div>\n );\n};\n"],"names":["variantOrder","primary","danger","default","minimal","getButtonRank","button","props","variant","ButtonGroup","children","className","filteredButtons","filter","undefined","length","sortedButtons","map","index","rank","sort","a","b","cloneElement","key","jsx","cx","styles"],"mappings":";;;;;GAMMA,IAAe;AAAA,EACnBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,SAAS;AACX,GAQMC,IAAgBA,CAACC,MACrBN,GAAaM,KAAAA,gBAAAA,EAAQC,MAAMC,YAAW,SAAS,GAEpCC,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGJ;AAAwB,MAAM;AAClF,QAAMK,IAAkBF,EAASG,OAAQP,CAAAA,MAAWA,MAAWQ,MAAS;AAExE,MAAIF,EAAgBG,WAAW,EAAG,QAAO;AAEzC,QAAMC,IAAgBJ,EACnBK,IAAI,CAACX,GAAQY,OAAW;AAAA,IAAEZ,QAAAA;AAAAA,IAAQY,OAAAA;AAAAA,IAAOC,MAAMd,EAAcC,CAAM;AAAA,EAAA,EAAI,EACvEc,KAAK,CAACC,GAAGC,MAAMD,EAAEF,OAAOG,EAAEH,QAAQE,EAAEH,QAAQI,EAAEJ,KAAK,EACnDD,IAAI,CAAC;AAAA,IAAEX,QAAAA;AAAAA,IAAQY,OAAAA;AAAAA,EAAAA,MACdK,EAAajB,GAAQ;AAAA,IACnBkB,KAAKlB,EAAOkB,OAAON;AAAAA,EAAAA,CACpB,CACH;AAEF,SACE,gBAAAO,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAO,cAAc,GAAGhB,CAAS,GAC/C,GAAIJ,GAAM,kBAAA,eAETS,UAAAA,GACH;AAEJ;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),x=require("../../icons-vqS7W0cD.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1e5vl_1",k={checkbox:h},l=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[c&&e.jsx(b.Loading,{size:24,sticky:!0}),e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),o&&o]})};exports.Checkbox=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const e=require("react/jsx-runtime"),x=require("../../icons-o8Z5npPW.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1e5vl_1",k={checkbox:h},l=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[c&&e.jsx(b.Loading,{size:24,sticky:!0}),e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),o&&o]})};exports.Checkbox=l;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  import { jsxs as h, jsx as e } from "react/jsx-runtime";
2
- import { i as x } from "../../icons-DkF2p6NO.js";
2
+ import { i as x } from "../../icons-06oXnjRF.js";
3
3
  import { Loading as k } from "../loading/index.js";
4
- import '../../assets/index32.css';const b = "_checkbox_1e5vl_1", m = {
4
+ import '../../assets/index34.css';const b = "_checkbox_1e5vl_1", m = {
5
5
  checkbox: b
6
6
  }, d = ({
7
7
  checked: t,
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const o=require("react/jsx-runtime"),t="_dialog_sp6bs_1",e="_wrapper_sp6bs_36",r={dialog:t,wrapper:e},c=({children:i,setOpen:a,...l})=>o.jsx("div",{className:r.wrapper,"data-wrapper":!0,onClick:()=>a==null?void 0:a(!1),"data-component":"dialog",children:o.jsx("dialog",{className:r.dialog,onClick:s=>s.stopPropagation(),...l,children:i})});exports.Dialog=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const o=require("react/jsx-runtime"),e="_dialog_1qqau_1",s="_wrapper_1qqau_31",r={dialog:e,wrapper:s},c=({children:i,setOpen:a,...l})=>o.jsx("div",{className:r.wrapper,"data-wrapper":!0,onClick:()=>a==null?void 0:a(!1),"data-component":"dialog",children:o.jsx("dialog",{className:r.dialog,onClick:t=>t.stopPropagation(),...l,children:i})});exports.Dialog=c;
2
2
  //# sourceMappingURL=index.cjs.map