@solibo/solibo-ui 0.3.39 → 0.3.40

package/dist/assets/index20.css

@@ -1 +1 @@
-._collapsible_11zqc_1 summary{color:var(--color-primary);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._collapsible_11zqc_1 summary span{float:right;transition:transform var(--transition-duration) var(--transition-timing-function);vertical-align:inherit}._collapsible_11zqc_1[open]>summary span{transform:rotateX(180deg)}
+._collapsible_1duzf_1 summary{background-image:var(--icon-svg);background-position:right center;background-repeat:no-repeat;background-size:var(--icon-size);color:var(--color-primary);cursor:pointer;list-style:none;padding-right:calc(var(--unit-large) + var(--unit-small));-webkit-user-select:none;-moz-user-select:none;user-select:none}._collapsible_1duzf_1[open]>summary{background-image:var(--icon-svg-open, var(--icon-svg))}

package/dist/assets/index22.css

@@ -1 +1 @@
-._dropdown_ztht0_1{position:relative}._dropdown_ztht0_1 ._empty_ztht0_4,._dropdown_ztht0_1 ._group_ztht0_5,._dropdown_ztht0_1 ._placeholder_ztht0_6{color:var(--color-text-secondary)}._dropdown_ztht0_1 ._empty_ztht0_4{padding:var(--unit-tiny) var(--unit-small)}._dropdown_ztht0_1 ._filter_ztht0_14{margin:var(--unit-small);margin-bottom:var(--unit);margin-top:var(--unit-tiny);width:calc(100% - var(--unit))}._dropdown_ztht0_1 ._group_ztht0_5{flex-shrink:0}._dropdown_ztht0_1 ._native_ztht0_25{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}._dropdown_ztht0_1 ._option_ztht0_35{align-items:center;background-color:transparent;border:0;border-radius:var(--border-radius);color:inherit;display:flex;font-weight:400;gap:var(--unit-small);justify-content:space-between;overflow:hidden;padding:var(--unit-tiny) var(--unit-small);text-align:left;white-space:nowrap;width:100%}._dropdown_ztht0_1 ._option_ztht0_35:disabled{color:var(--color-fallback);cursor:not-allowed}._dropdown_ztht0_1 ._options_ztht0_57{margin:0;max-height:calc(var(--unit-large) * 8);overflow-y:auto;padding-right:var(--unit-tiny)}._dropdown_ztht0_1 ._panel_ztht0_64{background-color:var(--color-white);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-big);display:grid;left:0;margin-top:var(--unit-small);max-height:80vh;overflow:hidden;padding:var(--unit-small) var(--unit-tiny);position:absolute;right:0;z-index:2}._dropdown_ztht0_1 ._placeholder_ztht0_6{color:var(--color-text);font-weight:400}._dropdown_ztht0_1 ._selected_ztht0_85{font-weight:600}._dropdown_ztht0_1 ._text_ztht0_89{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._dropdown_ztht0_1 ._trigger_ztht0_97{align-items:center;background:var(--color-white) no-repeat right var(--unit-small) center / calc(var(--unit) * 1.5) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOS41IDguMjUtNy41IDcuNS03LjUtNy41IiAvPjwvc3ZnPg==);display:flex;font-weight:400;min-height:calc(var(--unit-large) + var(--unit-small));overflow:hidden;padding-right:var(--unit-large);text-align:left;width:100%}._dropdown_ztht0_1._minimal_ztht0_111{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-panel: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_ztht0_1._minimal_ztht0_111 ._empty_ztht0_4,._dropdown_ztht0_1._minimal_ztht0_111 ._group_ztht0_5{color:var(--dropdown-muted)}._dropdown_ztht0_1._minimal_ztht0_111 ._filter_ztht0_14{border:0;box-shadow:none;padding:var(--unit-tiny);padding-left:calc(var(--unit-large) - var(--unit-tiny))}._dropdown_ztht0_1._minimal_ztht0_111 ._option_ztht0_35{color:var(--color-white)}._dropdown_ztht0_1._minimal_ztht0_111 ._option_ztht0_35:disabled{color:#ffffff73}._dropdown_ztht0_1._minimal_ztht0_111 ._options_ztht0_57{scrollbar-color:var(--color-white) transparent;scrollbar-width:thin}._dropdown_ztht0_1._minimal_ztht0_111 ._options_ztht0_57::-webkit-scrollbar{width:var(--unit-small)}._dropdown_ztht0_1._minimal_ztht0_111 ._options_ztht0_57::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-white);border:2px solid transparent;border-radius:var(--border-radius)}._dropdown_ztht0_1._minimal_ztht0_111 ._options_ztht0_57::-webkit-scrollbar-track{background:transparent}._dropdown_ztht0_1._minimal_ztht0_111 ._panel_ztht0_64{background-color:var(--dropdown-panel);border:none;color:var(--color-white);margin-top:var(--negative-unit-small)}._dropdown_ztht0_1._minimal_ztht0_111 ._panel_ztht0_64 input{background-color:#00000059;border-color:var(--color-fallback);color:var(--color-white)}._dropdown_ztht0_1._minimal_ztht0_111 ._panel_ztht0_64 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_ztht0_1._minimal_ztht0_111 ._panel_ztht0_64 input::placeholder{color:var(--dropdown-muted)}._dropdown_ztht0_1._minimal_ztht0_111 ._placeholder_ztht0_6{color:var(--dropdown-placeholder)}._dropdown_ztht0_1._minimal_ztht0_111 ._trigger_ztht0_97{background:#0000008c no-repeat right var(--unit-small) center / calc(var(--unit) * 1.5) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0icmdiKDI1NSAyNTUgMjU1KSIgY2xhc3M9InNpemUtNiI+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMTkuNSA4LjI1LTcuNSA3LjUtNy41LTcuNSIgLz48L3N2Zz4=);border:none;color:var(--color-white);margin-bottom:var(--unit);padding:var(--unit-tiny) var(--unit-large) var(--unit-tiny) var(--unit)}
+._dropdown_k2w7p_1{position:relative}._dropdown_k2w7p_1 ._empty_k2w7p_4,._dropdown_k2w7p_1 ._group_k2w7p_5,._dropdown_k2w7p_1 ._placeholder_k2w7p_6{color:var(--color-text-secondary)}._dropdown_k2w7p_1 ._empty_k2w7p_4{padding:var(--unit-tiny) var(--unit-small)}._dropdown_k2w7p_1 ._filter_k2w7p_14{margin:var(--unit-small);margin-bottom:var(--unit);margin-top:var(--unit-tiny);width:calc(100% - var(--unit))}._dropdown_k2w7p_1 ._group_k2w7p_5{flex-shrink:0}._dropdown_k2w7p_1 ._native_k2w7p_25{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}._dropdown_k2w7p_1 ._option_k2w7p_35{align-items:center;background-color:transparent;border:0;border-radius:var(--border-radius);color:inherit;display:flex;font-weight:400;gap:var(--unit-small);justify-content:space-between;overflow:hidden;padding:var(--unit-tiny) var(--unit-small);text-align:left;white-space:nowrap;width:100%}._dropdown_k2w7p_1 ._option_k2w7p_35:disabled{color:var(--color-fallback);cursor:not-allowed}._dropdown_k2w7p_1 ._options_k2w7p_57{margin:0;max-height:calc(var(--unit-large) * 8);overflow-y:auto;padding-right:var(--unit-tiny)}._dropdown_k2w7p_1 ._panel_k2w7p_64{background-color:var(--color-white);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-big);display:grid;left:0;margin-top:var(--unit-small);max-height:80vh;overflow:hidden;padding:var(--unit-small) var(--unit-tiny);position:absolute;right:0;z-index:2}._dropdown_k2w7p_1 ._placeholder_k2w7p_6{color:var(--color-text);font-weight:400}._dropdown_k2w7p_1 ._selected_k2w7p_85{font-weight:600}._dropdown_k2w7p_1 ._text_k2w7p_89{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._dropdown_k2w7p_1 ._trigger_k2w7p_97{align-items:center;background-color:var(--color-white);background-image:var(--icon-svg);background-position:right var(--unit-small) center;background-repeat:no-repeat;background-size:var(--icon-size);display:flex;font-weight:400;min-height:calc(var(--unit-large) + var(--unit-small));overflow:hidden;padding-right:var(--unit-large);text-align:left;width:100%}._dropdown_k2w7p_1._minimal_k2w7p_113{--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-panel: rgb(0 0 0 / 85%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._empty_k2w7p_4,._dropdown_k2w7p_1._minimal_k2w7p_113 ._group_k2w7p_5{color:var(--dropdown-muted)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._filter_k2w7p_14{border:0;box-shadow:none;padding:var(--unit-tiny);padding-left:calc(var(--unit-large) - var(--unit-tiny))}._dropdown_k2w7p_1._minimal_k2w7p_113 ._option_k2w7p_35{color:var(--color-white)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._option_k2w7p_35:disabled{color:#ffffff73}._dropdown_k2w7p_1._minimal_k2w7p_113 ._options_k2w7p_57{scrollbar-color:var(--color-white) transparent;scrollbar-width:thin}._dropdown_k2w7p_1._minimal_k2w7p_113 ._options_k2w7p_57::-webkit-scrollbar{width:var(--unit-small)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._options_k2w7p_57::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-white);border:2px solid transparent;border-radius:var(--border-radius)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._options_k2w7p_57::-webkit-scrollbar-track{background:transparent}._dropdown_k2w7p_1._minimal_k2w7p_113 ._panel_k2w7p_64{background-color:var(--dropdown-panel);border:none;color:var(--color-white);margin-top:var(--negative-unit-small)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._panel_k2w7p_64 input{background-color:#00000059;border-color:var(--color-fallback);color:var(--color-white)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._panel_k2w7p_64 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._panel_k2w7p_64 input::placeholder{color:var(--dropdown-muted)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._placeholder_k2w7p_6{color:var(--dropdown-placeholder)}._dropdown_k2w7p_1._minimal_k2w7p_113 ._trigger_k2w7p_97{background-color:#0000008c;border:none;color:var(--color-white);margin-bottom:var(--unit);padding:var(--unit-tiny) var(--unit-large) var(--unit-tiny) var(--unit)}

package/dist/assets/index41.css

@@ -1 +1 @@
-._select_10mqf_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white) no-repeat right var(--unit-small) center / calc(var(--unit) * 1.5) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOS41IDguMjUtNy41IDcuNS03LjUtNy41IiAvPjwvc3ZnPg==);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--unit);padding-right:var(--unit-large);text-overflow:ellipsis}._select_10mqf_1:has(option[value=""]:checked){color:var(--color-placeholder-text)}._select_10mqf_1 option{padding-right:var(--unit-large)}._label_10mqf_21{display:block}._required_10mqf_25:after{content:"*";color:var(--color-mahogany);font-size:calc(var(--unit) * 1.5);left:var(--unit-tiny);position:relative;top:var(--unit-tiny)}
+._select_1gu7m_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);background-image:var(--icon-svg);background-position:right var(--unit-small) center;background-repeat:no-repeat;background-size:var(--icon-size);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--unit);padding-right:var(--unit-large);text-overflow:ellipsis}._select_1gu7m_1:has(option[value=""]:checked){color:var(--color-placeholder-text)}._select_1gu7m_1 option{padding-right:var(--unit-large)}._label_1gu7m_24{display:block}._required_1gu7m_28:after{content:"*";color:var(--color-mahogany);font-size:calc(var(--unit) * 1.5);left:var(--unit-tiny);position:relative;top:var(--unit-tiny)}

package/dist/components/_collapsible/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const e=require("react/jsx-runtime"),n=require("../icon/index.cjs"),c="_collapsible_11zqc_1",i={collapsible:c},t=({children:o,disabled:l,label:s})=>e.jsxs("details",{className:i.collapsible,open:l||void 0,"data-component":"collapsible",children:[e.jsxs("summary",{children:[s&&s,!l&&e.jsx(n.Icon,{gap:"left",name:"chevron",size:"small",variant:"primary"})]}),o]});exports.Collapsible=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const r=require("react/jsx-runtime"),s=require("../../icons-C_cX1FYp.cjs"),n=require("../../utils-DqVa4K58.cjs"),i="_collapsible_1duzf_1",a={collapsible:i},p=({children:c,disabled:o,label:e})=>{const l=n.resolveColor("--color-primary"),t=o?void 0:{"--icon-svg":s.iconSVG("chevron").replace("currentColor",l),"--icon-svg-open":s.iconSVG("chevron").replace("%3Cpath","%3Cpath transform='rotate(180 12 12)'").replace("currentColor",l)};return r.jsxs("details",{className:a.collapsible,open:o||void 0,"data-component":"collapsible",children:[r.jsx("summary",{style:t,children:e&&e}),c]})};exports.Collapsible=p;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/_collapsible/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  disabled?: boolean;\n  label?: React.ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, label }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || undefined}\n    >\n      <summary>\n        {label && label}\n        {!disabled && (\n          <Icon\n            gap='left'\n            name='chevron'\n            size='small'\n            variant='primary'\n          />\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","label","jsxs","styles","collapsible","undefined","jsx","Icon"],"mappings":"+LAYaA,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,MAAAA,CAAwB,IAEtEC,OAAC,WACC,UAAWC,EAAOC,YAClB,KAAMJ,GAAYK,OAAU,iBAAA,cAE5B,SAAA,CAAAH,OAAC,UAAA,CACED,SAAAA,CAAAA,GAASA,EACT,CAACD,GACAM,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAI,OACJ,KAAK,UACL,KAAK,QACL,QAAQ,SAAA,CAAS,CAAA,EAGvB,EAECR,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/_collapsible/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSVG } from '@/components/icon/icons';\nimport { resolveColor } from '@/utils';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  disabled?: boolean;\n  label?: React.ReactNode;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n  '--icon-svg-open'?: string;\n};\n\nexport const Collapsible = ({ children, disabled, label }: CollapsibleProps) => {\n  const iconColor = resolveColor('--color-primary');\n  const withVars: withVars | undefined = disabled\n    ? undefined\n    : {\n        '--icon-svg': iconSVG('chevron').replace('currentColor', iconColor),\n        '--icon-svg-open': iconSVG('chevron')\n          .replace('%3Cpath', \"%3Cpath transform='rotate(180 12 12)'\")\n          .replace('currentColor', iconColor),\n      };\n\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || undefined}\n    >\n      <summary style={withVars}>{label && label}</summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","label","iconColor","resolveColor","withVars","undefined","iconSVG","replace","jsxs","styles","collapsible","jsx"],"mappings":"4OAkBaA,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,MAAAA,CAAwB,IAAM,CAC9E,MAAMC,EAAYC,EAAAA,aAAa,iBAAiB,EAC1CC,EAAiCJ,EACnCK,OACA,CACE,aAAcC,EAAAA,QAAQ,SAAS,EAAEC,QAAQ,eAAgBL,CAAS,EAClE,kBAAmBI,EAAAA,QAAQ,SAAS,EACjCC,QAAQ,UAAW,uCAAuC,EAC1DA,QAAQ,eAAgBL,CAAS,CAAA,EAG1C,OACEM,OAAC,WACC,UAAWC,EAAOC,YAClB,KAAMV,GAAYK,OAAU,iBAAA,cAE5B,SAAA,CAAAM,EAAAA,IAAC,UAAA,CAAQ,MAAOP,EAAWH,SAAAA,GAASA,EAAM,EAEzCF,CAAAA,EACH,CAEJ"}

package/dist/components/_collapsible/index.js

@@ -1,19 +1,23 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { Icon as c } from "../icon/index.js";
-import '../../assets/index20.css';const i = "_collapsible_11zqc_1", r = {
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { i as e } from "../../icons-DfmpRbxE.js";
+import { r as n } from "../../utils-BFlnRYx7.js";
+import '../../assets/index20.css';const i = "_collapsible_1duzf_1", p = {
   collapsible: i
-}, t = ({
-  children: e,
-  disabled: l,
-  label: o
-}) => /* @__PURE__ */ s("details", { className: r.collapsible, open: l || void 0, "data-component": "collapsible", children: [
-  /* @__PURE__ */ s("summary", { children: [
-    o && o,
-    !l && /* @__PURE__ */ a(c, { gap: "left", name: "chevron", size: "small", variant: "primary" })
-  ] }),
-  e
-] });
+}, C = ({
+  children: s,
+  disabled: o,
+  label: r
+}) => {
+  const l = n("--color-primary"), c = o ? void 0 : {
+    "--icon-svg": e("chevron").replace("currentColor", l),
+    "--icon-svg-open": e("chevron").replace("%3Cpath", "%3Cpath transform='rotate(180 12 12)'").replace("currentColor", l)
+  };
+  return /* @__PURE__ */ t("details", { className: p.collapsible, open: o || void 0, "data-component": "collapsible", children: [
+    /* @__PURE__ */ a("summary", { style: c, children: r && r }),
+    s
+  ] });
+};
 export {
-  t as Collapsible
+  C as Collapsible
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_collapsible/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  disabled?: boolean;\n  label?: React.ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, label }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || undefined}\n    >\n      <summary>\n        {label && label}\n        {!disabled && (\n          <Icon\n            gap='left'\n            name='chevron'\n            size='small'\n            variant='primary'\n          />\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","label","jsxs","styles","collapsible","undefined","jsx","Icon"],"mappings":";;;;GAYaA,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,OAAAA;AAAwB,MAEtE,gBAAAC,EAAC,aACC,WAAWC,EAAOC,aAClB,MAAMJ,KAAYK,QAAU,kBAAA,eAE5B,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACED,UAAAA;AAAAA,IAAAA,KAASA;AAAAA,IACT,CAACD,KACA,gBAAAM,EAACC,GAAA,EACC,KAAI,QACJ,MAAK,WACL,MAAK,SACL,SAAQ,UAAA,CAAS;AAAA,EAAA,GAGvB;AAAA,EAECR;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/_collapsible/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSVG } from '@/components/icon/icons';\nimport { resolveColor } from '@/utils';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: React.ReactNode;\n  disabled?: boolean;\n  label?: React.ReactNode;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n  '--icon-svg-open'?: string;\n};\n\nexport const Collapsible = ({ children, disabled, label }: CollapsibleProps) => {\n  const iconColor = resolveColor('--color-primary');\n  const withVars: withVars | undefined = disabled\n    ? undefined\n    : {\n        '--icon-svg': iconSVG('chevron').replace('currentColor', iconColor),\n        '--icon-svg-open': iconSVG('chevron')\n          .replace('%3Cpath', \"%3Cpath transform='rotate(180 12 12)'\")\n          .replace('currentColor', iconColor),\n      };\n\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || undefined}\n    >\n      <summary style={withVars}>{label && label}</summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","label","iconColor","resolveColor","withVars","undefined","iconSVG","replace","jsxs","styles","collapsible","jsx"],"mappings":";;;;;GAkBaA,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,OAAAA;AAAwB,MAAM;AAC9E,QAAMC,IAAYC,EAAa,iBAAiB,GAC1CC,IAAiCJ,IACnCK,SACA;AAAA,IACE,cAAcC,EAAQ,SAAS,EAAEC,QAAQ,gBAAgBL,CAAS;AAAA,IAClE,mBAAmBI,EAAQ,SAAS,EACjCC,QAAQ,WAAW,uCAAuC,EAC1DA,QAAQ,gBAAgBL,CAAS;AAAA,EAAA;AAG1C,SACE,gBAAAM,EAAC,aACC,WAAWC,EAAOC,aAClB,MAAMV,KAAYK,QAAU,kBAAA,eAE5B,UAAA;AAAA,IAAA,gBAAAM,EAAC,WAAA,EAAQ,OAAOP,GAAWH,UAAAA,KAASA,GAAM;AAAA,IAEzCF;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/_dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const l=require("react/jsx-runtime"),N=require("../../classix-5H4IWnMA.cjs"),r=require("react"),I=require("../button/index.cjs"),W=require("../../icons-CMoejLkL.cjs"),H=require("../input/index.cjs"),J=require("../../styles.module-CwroCNAt.cjs"),U=require("../list/index.cjs"),Q=require("../../index-HNd9cEc6.cjs"),X="_dropdown_ztht0_1",Y="_empty_ztht0_4",Z="_group_ztht0_5",ee="_placeholder_ztht0_6",te="_filter_ztht0_14",ne="_native_ztht0_25",re="_option_ztht0_35",se="_options_ztht0_57",le="_panel_ztht0_64",oe="_selected_ztht0_85",ie="_text_ztht0_89",ae="_trigger_ztht0_97",ce="_minimal_ztht0_111",i={dropdown:X,empty:Y,group:Z,placeholder:ee,filter:te,native:ne,option:re,options:se,panel:le,selected:oe,text:ie,trigger:ae,minimal:ce};function R(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(R).join(" "):r.isValidElement(t)?R(t.props.children):""}function ue(t){return r.isValidElement(t)&&t.type==="option"}function pe(t){return r.isValidElement(t)&&t.type==="optgroup"}function de(t){return r.isValidElement(t)&&t.type===r.Fragment}function fe(t){return r.isValidElement(t)&&t.type===Q.Select}function V(t,o,c=!1){const a=[];return r.Children.forEach(t,n=>{if(de(n)){a.push(...V(n.props.children,o,c));return}if(ue(n)){const f=R(n.props.children).trim(),p=n.props.value!=null?String(n.props.value):f;a.push({disabled:c||!!n.props.disabled,groupLabel:o,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&p===""),label:n.props.children,selected:!!n.props.selected,text:f,value:p});return}pe(n)&&a.push(...V(n.props.children,n.props.label,c||!!n.props.disabled))}),a}function me(t){const o=t.trim();if(!o)return null;const a=[.../[*?]/.test(o)?o:`*${o}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${a}$`,"i")}function he(t,o,c){var n;if(o!=null)return String(o);if(c!=null)return String(c);const a=t.find(f=>f.selected);return a?a.value:((n=t[0])==null?void 0:n.value)??""}function _e(t){if(fe(t)){const{children:o,placeholder:c,...a}=t.props;return{children:l.jsxs(l.Fragment,{children:[c&&l.jsx("option",{hidden:!0,value:"",children:c}),o]}),props:a}}return{children:t.props.children,props:t.props}}const ge=({children:t,className:o,emptyLabel:c="No matches found",searchPlaceholder:a="Filter",variant:n="default",...f})=>{const p=_e(t),{defaultValue:q,onChange:b,value:x,...k}=p.props,O=Q.sanitizeSelectProps(k),v=r.useRef(null),P=r.useRef(null),B=r.useRef(null),M=r.useRef(null),u=r.useMemo(()=>V(p.children),[p.children]),_=x!=null,y=r.useMemo(()=>he(u,x,q),[q,u,x]),[S,j]=r.useState(()=>y),[d,g]=r.useState(!1),[w,$]=r.useState(""),E=_?String(x):S,m=u.find(e=>e.value===E)??u.find(e=>e.isPlaceholder)??u[0],T=r.useMemo(()=>({"--icon-svg":W.iconSVG("search").replace("currentColor",n==="minimal"?"rgb(255 255 255)":"rgb(0 0 0)")}),[n]),z=r.useMemo(()=>me(w),[w]),C=r.useMemo(()=>{const e=u.filter(s=>!s.hidden&&!s.isPlaceholder);return z?e.filter(s=>z.test([s.groupLabel,s.text,s.value].filter(Boolean).join(" "))):e},[z,u]);r.useEffect(()=>{!_&&!u.some(e=>e.value===S)&&j(y)},[y,S,_,u]),r.useEffect(()=>{var e;if(!d){$("");return}(e=M.current)==null||e.focus()},[d]),r.useEffect(()=>{if(!d)return;const e=s=>{var h;(h=P.current)!=null&&h.contains(s.target)||g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[d]);const A=e=>{_||j(e.target.value),b==null||b(e)},G=e=>{var L,D,F;_||j(e);const s=B.current;if(!s){g(!1),(L=v.current)==null||L.focus();return}const h=(D=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:D.set;h==null||h.call(s,e),s.dispatchEvent(new Event("change",{bubbles:!0})),g(!1),(F=v.current)==null||F.focus()},K=e=>{var s;e.key==="Escape"&&(g(!1),(s=v.current)==null||s.focus())};return l.jsxs("div",{className:N.t(i.dropdown,n==="minimal"&&i.minimal,o),onKeyDown:K,ref:P,...f,"data-component":"dropdown",children:[l.jsx("select",{...O,"aria-hidden":"true",className:i.native,onChange:A,ref:B,tabIndex:-1,value:E,children:p.children}),l.jsx(I.Button,{"aria-expanded":d,"aria-haspopup":"dialog",className:N.t(n==="default"&&J.inputStyles.input,i.trigger,(m==null?void 0:m.isPlaceholder)&&i.placeholder),"data-open":d?"true":void 0,disabled:O.disabled,onClick:()=>g(e=>!e),ref:v,variant:"minimal",children:l.jsx("span",{className:i.text,children:(m==null?void 0:m.label)??"Select an option"})}),d&&l.jsxs("div",{className:i.panel,children:[l.jsx(H.Input,{"aria-label":"Filter",className:i.filter,icon:"search",onChange:e=>$(e.target.value),placeholder:a,ref:M,style:T,type:"search",value:w}),l.jsx(U.List,{"aria-label":"Dropdown",className:i.options,children:C.length>0?C.map(e=>{const s=e.value===E;return l.jsx("li",{"data-component":"dropdown",children:l.jsxs(I.Button,{"aria-label":s?`${e.text}, selected`:e.text,className:N.t(i.option,s&&i.selected),disabled:e.disabled,onClick:()=>G(e.value),variant:"minimal",children:[l.jsx("span",{className:i.text,children:e.label}),e.groupLabel&&l.jsx("small",{className:i.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}):l.jsx("li",{className:i.empty,children:c})})]})]})};exports.Dropdown=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),F=require("../button/index.cjs"),U=require("../../icons-C_cX1FYp.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-CwroCNAt.cjs"),Z=require("../list/index.cjs"),Q=require("../../index-CfK1ATlt.cjs"),W=require("../../utils-DqVa4K58.cjs"),ee="_dropdown_k2w7p_1",te="_empty_k2w7p_4",ne="_group_k2w7p_5",re="_placeholder_k2w7p_6",se="_filter_k2w7p_14",oe="_native_k2w7p_25",le="_option_k2w7p_35",ie="_options_k2w7p_57",ce="_panel_k2w7p_64",ae="_selected_k2w7p_85",ue="_text_k2w7p_89",pe="_trigger_k2w7p_97",de="_minimal_k2w7p_113",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:pe,minimal:de};function M(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function k(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(k).join(" "):o.isValidElement(e)?k(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function he(e){return o.isValidElement(e)&&e.type===o.Fragment}function _e(e){return o.isValidElement(e)&&e.type===Q.Select}function N(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(he(t)){l.push(...N(t.props.children,r,s));return}if(fe(t)){const p=k(t.props.children).trim(),d=t.props.value!=null?String(t.props.value):p;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&d===""),label:t.props.children,selected:!!t.props.selected,text:p,value:d});return}me(t)&&l.push(...N(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function ge(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 we(e,r){const s=ge(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 xe(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(p=>p.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function ye(e){if(_e(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 be=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...p})=>{const d=ye(e),{defaultValue:z,onChange:g,value:w,...T}=d.props,V=Q.sanitizeSelectProps(T),q=o.useRef(null),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),h=N(d.children),_=w!=null,v=xe(h,w,z),[x,y]=o.useState(()=>v),[u,b]=o.useState(!1),[P,B]=o.useState(""),S=_?String(w):x,$={default:W.resolveColor("--color-icon"),white:W.resolveColor("--color-white","white")},I=t==="minimal"?$.white:$.default,f=ve(h,S),A=M("chevron",I),G=M("search",I),L=we(h,P);o.useEffect(()=>{!_&&!h.some(n=>n.value===x)&&y(v)},[v,x,_,h]),o.useEffect(()=>{var n;if(!u){B("");return}(n=O.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=C.current)!=null&&m.contains(a.target)||b(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{_||y(n.target.value),g==null||g(n)},j=()=>{var n;b(!1),(n=q.current)==null||n.focus()},H=n=>{var D;_||y(n);const a=R.current;if(!a){j();return}const m=(D=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:D.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:C,...p,"data-component":"dropdown",children:[i.jsx("select",{...V,"aria-hidden":"true",className:c.native,onChange:K,ref:R,tabIndex:-1,value:S,children:d.children}),i.jsx(F.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:V.disabled,onClick:()=>b(n=>!n),ref:q,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=>B(n.target.value),placeholder:l,ref:O,style:G,type:"search",value:P}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:L.length>0?L.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(F.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=be;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/_dropdown/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { Children, isValidElement, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport inputStyles from '@/components/input/styles.module.css';\nimport { List } from '@/components/list';\nimport { Select, type SelectProps } from '@/components/select';\nimport { sanitizeSelectProps } from '@/components/select/sanitizeSelectProps';\n\nimport styles from './styles.module.css';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\ntype DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\ntype DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  emptyLabel?: string;\n  searchPlaceholder?: string;\n  variant?: 'default' | 'minimal';\n};\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join(' ');\n  }\n\n  if (isValidElement<{ children?: React.ReactNode }>(node)) {\n    return getNodeText(node.props.children);\n  }\n\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nfunction extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n      return;\n    }\n\n    if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n\n      return;\n    }\n\n    if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n\n  if (!trimmedQuery) {\n    return null;\n  }\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') {\n        return '.*';\n      }\n\n      if (character === '?') {\n        return '.';\n      }\n\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nfunction getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) {\n    return String(value);\n  }\n\n  if (defaultValue != null) {\n    return String(defaultValue);\n  }\n\n  const selectedOption = options.find((option) => option.selected);\n\n  if (selectedOption) {\n    return selectedOption.value;\n  }\n\n  return options[0]?.value ?? '';\n}\n\nfunction normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return {\n    children: selectElement.props.children,\n    props: selectElement.props,\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  emptyLabel = 'No matches found',\n  searchPlaceholder = 'Filter',\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = useMemo(\n    () => extractOptions(normalizedSelect.children),\n    [normalizedSelect.children]\n  );\n  const isControlled = value != null;\n  const initialValue = useMemo(\n    () => getInitialValue(options, value, defaultValue),\n    [defaultValue, options, value]\n  );\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n\n  const selectedOption = options.find((option) => option.value === selectedValue);\n  const displayOption =\n    selectedOption ?? options.find((option) => option.isPlaceholder) ?? options[0];\n  const filterStyle = useMemo(\n    () =>\n      ({\n        '--icon-svg': iconSVG('search').replace(\n          'currentColor',\n          variant === 'minimal' ? 'rgb(255 255 255)' : 'rgb(0 0 0)'\n        ),\n      }) as React.CSSProperties,\n    [variant]\n  );\n  const matcher = useMemo(() => buildWildcardMatcher(query), [query]);\n\n  const filteredOptions = useMemo(() => {\n    const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n\n    if (!matcher) {\n      return selectableOptions;\n    }\n\n    return selectableOptions.filter((option) =>\n      matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n    );\n  }, [matcher, options]);\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      setIsOpen(false);\n      buttonRef.current?.focus();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    setIsOpen(false);\n    buttonRef.current?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      setIsOpen(false);\n      buttonRef.current?.focus();\n    }\n  };\n\n  return (\n    <div\n      className={cx(styles.dropdown, variant === 'minimal' && styles.minimal, className)}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...selectProps}\n        aria-hidden='true'\n        className={styles.native}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      <Button\n        aria-expanded={isOpen}\n        aria-haspopup='dialog'\n        className={cx(\n          variant === 'default' && inputStyles.input,\n          styles.trigger,\n          displayOption?.isPlaceholder && styles.placeholder\n        )}\n        data-open={isOpen ? 'true' : undefined}\n        disabled={selectProps.disabled}\n        onClick={() => setIsOpen((currentValue) => !currentValue)}\n        ref={buttonRef}\n        variant='minimal'\n      >\n        <span className={styles.text}>{displayOption?.label ?? 'Select an option'}</span>\n      </Button>\n      {isOpen && (\n        <div className={styles.panel}>\n          <Input\n            aria-label='Filter'\n            className={styles.filter}\n            icon='search'\n            onChange={(event) => setQuery(event.target.value)}\n            placeholder={searchPlaceholder}\n            ref={searchRef}\n            style={filterStyle}\n            type='search'\n            value={query}\n          />\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.length > 0 ? (\n              filteredOptions.map((option) => {\n                const isSelected = option.value === selectedValue;\n\n                return (\n                  <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                    <Button\n                      aria-label={isSelected ? `${option.text}, selected` : option.text}\n                      className={cx(styles.option, isSelected && styles.selected)}\n                      disabled={option.disabled}\n                      onClick={() => commitValue(option.value)}\n                      variant='minimal'\n                    >\n                      <span className={styles.text}>{option.label}</span>\n                      {option.groupLabel && (\n                        <small className={styles.group}>{option.groupLabel}</small>\n                      )}\n                    </Button>\n                  </li>\n                );\n              })\n            ) : (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","getInitialValue","defaultValue","selectedOption","find","option","normalizeSelectElement","selectElement","placeholder","jsxs","Dropdown","className","emptyLabel","searchPlaceholder","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","nativeSelectRef","searchRef","useMemo","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","selectedValue","displayOption","filterStyle","iconSVG","matcher","filteredOptions","selectableOptions","filter","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","cx","styles","dropdown","minimal","jsx","native","Button","inputStyles","input","trigger","undefined","currentValue","panel","Input","List","length","isSelected","group","empty"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/_dropdown/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { Children, isValidElement, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport inputStyles from '@/components/input/styles.module.css';\nimport { List } from '@/components/list';\nimport { Select, type SelectProps } from '@/components/select';\nimport { sanitizeSelectProps } from '@/components/select/sanitizeSelectProps';\nimport { resolveColor } from '@/utils';\n\nimport styles from './styles.module.css';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\ntype DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\ntype DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  emptyLabel?: string;\n  searchPlaceholder?: string;\n  variant?: 'default' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join(' ');\n  }\n\n  if (isValidElement<{ children?: React.ReactNode }>(node)) {\n    return getNodeText(node.props.children);\n  }\n\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nfunction extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n      return;\n    }\n\n    if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n\n      return;\n    }\n\n    if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n\n  if (!trimmedQuery) {\n    return null;\n  }\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') {\n        return '.*';\n      }\n\n      if (character === '?') {\n        return '.';\n      }\n\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nfunction filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n\n  if (!matcher) {\n    return selectableOptions;\n  }\n\n  return selectableOptions.filter((option) =>\n    matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n  );\n}\n\nfunction getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nfunction getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) {\n    return String(value);\n  }\n\n  if (defaultValue != null) {\n    return String(defaultValue);\n  }\n\n  const selectedOption = options.find((option) => option.selected);\n\n  if (selectedOption) {\n    return selectedOption.value;\n  }\n\n  return options[0]?.value ?? '';\n}\n\nfunction normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return {\n    children: selectElement.props.children,\n    props: selectElement.props,\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  emptyLabel = 'No matches found',\n  searchPlaceholder = 'Filter',\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--color-icon'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    buttonRef.current?.focus();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    closeMenu();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n  };\n\n  return (\n    <div\n      className={cx(styles.dropdown, variant === 'minimal' && styles.minimal, className)}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...selectProps}\n        aria-hidden='true'\n        className={styles.native}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      <Button\n        aria-expanded={isOpen}\n        aria-haspopup='dialog'\n        className={cx(\n          variant === 'default' && inputStyles.input,\n          styles.trigger,\n          displayOption?.isPlaceholder && styles.placeholder\n        )}\n        data-open={isOpen ? 'true' : undefined}\n        disabled={selectProps.disabled}\n        onClick={() => setIsOpen((currentValue) => !currentValue)}\n        ref={buttonRef}\n        style={triggerWithVars}\n        variant='minimal'\n      >\n        <span className={styles.text}>{displayOption?.label ?? 'Select an option'}</span>\n      </Button>\n      {isOpen && (\n        <div className={styles.panel}>\n          <Input\n            aria-label='Filter'\n            className={styles.filter}\n            icon='search'\n            onChange={(event) => setQuery(event.target.value)}\n            placeholder={searchPlaceholder}\n            ref={searchRef}\n            style={filterWithVars}\n            type='search'\n            value={query}\n          />\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.length > 0 ? (\n              filteredOptions.map((option) => {\n                const isSelected = option.value === selectedValue;\n\n                return (\n                  <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                    <Button\n                      aria-label={isSelected ? `${option.text}, selected` : option.text}\n                      className={cx(styles.option, isSelected && styles.selected)}\n                      disabled={option.disabled}\n                      onClick={() => commitValue(option.value)}\n                      variant='minimal'\n                    >\n                      <span className={styles.text}>{option.label}</span>\n                      {option.groupLabel && (\n                        <small className={styles.group}>{option.groupLabel}</small>\n                      )}\n                    </Button>\n                  </li>\n                );\n              })\n            ) : (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["getIconWithVars","icon","color","iconSVG","replace","getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","selectedOption","normalizeSelectElement","selectElement","placeholder","jsxs","Dropdown","className","emptyLabel","searchPlaceholder","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","cx","styles","dropdown","minimal","jsx","native","Button","inputStyles","input","trigger","undefined","currentValue","panel","Input","List","length","isSelected","group","empty"],"mappings":"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"}