@anoki/fse-ui 1.0.770 → 1.0.771

package/dist/index.es228.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es228.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Divider.scss\";\r\n\r\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\r\n  direction?: \"horizontal\" | \"vertical\";\r\n  className?: string;\r\n};\r\n\r\nexport const Divider = ({\r\n  direction = \"horizontal\",\r\n  bg = \"white\",\r\n  className,\r\n}: DividerProps) => {\r\n  const colorClass = createColorClasses({ bg });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\r\n        colorClass,\r\n        className,\r\n      )}\r\n    />\r\n  );\r\n};\r\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es228.js","sources":["../node_modules/react-wrap-balancer/dist/index.mjs"],"sourcesContent":["\"use client\"\nimport a from\"react\";import p from\"react\";var E=typeof window==\"undefined\",m=E?p.useEffect:p.useLayoutEffect,B=0,_=()=>++B,v=!1;function O(){let[n,r]=p.useState(v?_:void 0);return m(()=>{n===void 0&&r(_()),v=!0},[]),n===void 0?n:`rwb-${n.toString(32)}`}function R(){return p.useMemo(()=>\"useId\"in p?p.useId:O,[])()}var y=\"__wrap_b\",f=\"__wrap_n\",S=\"__wrap_o\",T=(n,r,e)=>{e=e||document.querySelector(`[data-br=\"${n}\"]`);let t=e==null?void 0:e.parentElement;if(!t)return;let l=u=>e.style.maxWidth=u+\"px\";e.style.maxWidth=\"\";let i=t.clientWidth,d=t.clientHeight,o=i/2-.25,s=i+.5,c;if(i){for(l(o),o=Math.max(e.scrollWidth,o);o+1<s;)c=Math.round((o+s)/2),l(c),t.clientHeight===d?s=c:o=c;l(s*r+i*(1-r))}e.__wrap_o||(typeof ResizeObserver!=\"undefined\"?(e.__wrap_o=new ResizeObserver(()=>{self.__wrap_b(0,+e.dataset.brr,e)})).observe(t):process.env.NODE_ENV===\"development\"&&console.warn(\"The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information\"))},I=T.toString(),w='(self.CSS&&CSS.supports(\"text-wrap\",\"balance\")?1:2)',g=(n,r,e=\"\")=>(e&&(e=`self.${f}!=1&&${e}`),a.createElement(\"script\",{suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:(n?\"\":`self.${f}=self.${f}||${w};self.${y}=${I};`)+e},nonce:r})),h=a.createContext({preferNative:!0,hasProvider:!1}),Y=({preferNative:n=!0,nonce:r,children:e})=>{let t=a.useMemo(()=>({preferNative:n,hasProvider:!0}),[n]);return a.createElement(h.Provider,{value:t},g(!1,r),e)},P=a.forwardRef(({ratio:n=1,preferNative:r,nonce:e,children:t,as:l,...i},d)=>{let o=R(),s=a.useRef(),c=a.useContext(h),u=r!=null?r:c.preferNative,x=l||\"span\";return a.useImperativeHandle(d,()=>s.current,[]),m(()=>{u&&self[f]===1||s.current&&(self[y]=T)(0,n,s.current)},[t,u,n]),m(()=>{if(!(u&&self[f]===1))return()=>{if(!s.current)return;let b=s.current[S];b&&(b.disconnect(),delete s.current[S])}},[u]),process.env.NODE_ENV===\"development\"&&t&&!Array.isArray(t)&&typeof t==\"object\"&&\"type\"in t&&typeof t.type==\"string\"&&t.type!==\"span\"&&console.warn(`<Balancer> should not wrap <${t.type}> inside. Instead, it should directly wrap text or inline nodes.\n\nTry changing this:\n  <Balancer><${t.type}>content</${t.type}></Balancer>\nTo:\n  <${t.type}><Balancer>content</Balancer></${t.type}>`),a.createElement(a.Fragment,null,a.createElement(x,{...i,\"data-br\":o,\"data-brr\":n,ref:s,style:{display:\"inline-block\",verticalAlign:\"top\",textDecoration:\"inherit\",textWrap:u?\"balance\":\"initial\"},suppressHydrationWarning:!0},t),g(c.hasProvider,e,`self.${y}(\"${o}\",${n})`))});if(!E&&process.env.NODE_ENV!==\"production\"){let n=document.querySelector(\"[data-next-hide-fouc]\");if(n){let r=t=>{for(let l of t)for(let i of Array.from(l.removedNodes)){if(i!==n)continue;e.disconnect();let d=document.querySelectorAll(\"[data-br]\");for(let o of Array.from(d))self[y](0,+o.dataset.brr,o)}},e=new MutationObserver(r);e.observe(document.head,{childList:!0})}}var A=P;export{P as Balancer,Y as Provider,A as default};\n//# sourceMappingURL=index.mjs.map"],"names":["E","m","p","B","_","v","O","n","r","R","y","S","T","t","u","d","s","I","w","g","a","h","P","x","b","A"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es23.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es216.js";
-import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es236.js";
-import { clsx as o } from "./index.es217.js";
-import { createColorClasses as h } from "./index.es220.js";
+import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es249.js";
+import { clsx as o } from "./index.es218.js";
+import { createColorClasses as h } from "./index.es231.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es135.js";
 import { Row as p } from "./index.es9.js";

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\r\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Dropdown.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DropdownOption = {\r\n  label: string;\r\n  href?: string;\r\n  onClick?: () => void;\r\n  active?: boolean;\r\n};\r\n\r\ntype DropdownProps = {\r\n  text: string;\r\n  leftIcon?: React.ReactNode;\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n  textColor?: ColorKeys;\r\n};\r\n\r\ntype DropdownMenuContentProps = {\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const Dropdown = ({\r\n  text,\r\n  leftIcon,\r\n  options,\r\n  asLinkItem,\r\n  textColor = \"white\",\r\n}: DropdownProps) => {\r\n  const textColorClass = createColorClasses({ text: textColor });\r\n\r\n  return (\r\n    <DropdownMenu.Root>\r\n      <DropdownMenu.Trigger asChild>\r\n        <button\r\n          className={clsx(\r\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\r\n            textColorClass,\r\n            \"ui-dropdown-trigger\",\r\n          )}\r\n        >\r\n          {leftIcon && leftIcon}\r\n          <Row as={\"span\"} gap={\"x4\"}>\r\n            {text}\r\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\r\n          </Row>\r\n        </button>\r\n      </DropdownMenu.Trigger>\r\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\r\n    </DropdownMenu.Root>\r\n  );\r\n};\r\n\r\nconst DropdownMenuContent = ({\r\n  options,\r\n  asLinkItem,\r\n}: DropdownMenuContentProps) => {\r\n  if (options.length === 0) return null;\r\n\r\n  const LinkComponent = asLinkItem ?? \"a\";\r\n\r\n  return (\r\n    <DropdownMenu.Portal>\r\n      <DropdownMenu.Content\r\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\r\n      >\r\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\r\n          {options.map((option, index) => (\r\n            <DropdownMenu.Item\r\n              key={index}\r\n              asChild\r\n              className={\"ui-dropdown-menu-item\"}\r\n            >\r\n              {option.href ? (\r\n                <LinkComponent\r\n                  href={option.href}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </LinkComponent>\r\n              ) : (\r\n                <button\r\n                  onClick={option.onClick}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none bg-white outline-none border-none text-left\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </button>\r\n              )}\r\n            </DropdownMenu.Item>\r\n          ))}\r\n        </DropdownMenu.Group>\r\n      </DropdownMenu.Content>\r\n    </DropdownMenu.Portal>\r\n  );\r\n};\r\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAqB;AACnB,QAAMC,IAAiBC,EAAmB,EAAE,MAAMF,GAAW;AAG3D,SAAAG,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,SAAO,IAC3B,UAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAN;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAYJ,KAAAA;AAAA,UACZM,gBAAAA,EAAA,KAAAK,GAAA,EAAI,IAAI,QAAQ,KAAK,MACnB,UAAA;AAAA,YAAAZ;AAAA,YACAS,gBAAAA,EAAA,IAAAI,GAAA,EAAU,OAAOT,GAAW,WAAW,WAAY,CAAA;AAAA,UAAA,EACtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACAK,gBAAAA,EAAAA,IAACK,GAAoB,EAAA,SAAAZ,GAAkB,YAAAC,EAAwB,CAAA;AAAA,EAAA,GACjE;AAEJ,GAEMW,IAAsB,CAAC;AAAA,EAC3B,SAAAZ;AAAA,EACA,YAAAC;AACF,MAAgC;AAC1B,MAAAD,EAAQ,WAAW,EAAU,QAAA;AAEjC,QAAMa,IAAgBZ,KAAc;AAGlC,SAAAM,gBAAAA,MAACO,GAAA,EACC,UAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MAEX,UAAAR,gBAAAA,EAAA,IAACS,GAAA,EAAmB,WAAW,0BAC5B,UAAQhB,EAAA,IAAI,CAACiB,GAAQC,MACpBX,gBAAAA,EAAA;AAAA,QAACY;AAAAA,QAAA;AAAA,UAEC,SAAO;AAAA,UACP,WAAW;AAAA,UAEV,YAAO,OACNd,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMI,EAAO;AAAA,cACb,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAI5CF,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASY,EAAO;AAAA,cAChB,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE5C;AAAA,QAjCGW;AAAA,MAAA,CAoCR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport clsx from \"clsx\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport \"./Dropdown.scss\";\nimport { Row } from \"@/components\";\n\ntype DropdownOption = {\n  label: string;\n  href?: string;\n  onClick?: () => void;\n  active?: boolean;\n};\n\ntype DropdownProps = {\n  text: string;\n  leftIcon?: React.ReactNode;\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n  textColor?: ColorKeys;\n};\n\ntype DropdownMenuContentProps = {\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n};\n\nexport const Dropdown = ({\n  text,\n  leftIcon,\n  options,\n  asLinkItem,\n  textColor = \"white\",\n}: DropdownProps) => {\n  const textColorClass = createColorClasses({ text: textColor });\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <button\n          className={clsx(\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\n            textColorClass,\n            \"ui-dropdown-trigger\",\n          )}\n        >\n          {leftIcon && leftIcon}\n          <Row as={\"span\"} gap={\"x4\"}>\n            {text}\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\n          </Row>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\n    </DropdownMenu.Root>\n  );\n};\n\nconst DropdownMenuContent = ({\n  options,\n  asLinkItem,\n}: DropdownMenuContentProps) => {\n  if (options.length === 0) return null;\n\n  const LinkComponent = asLinkItem ?? \"a\";\n\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\n      >\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\n          {options.map((option, index) => (\n            <DropdownMenu.Item\n              key={index}\n              asChild\n              className={\"ui-dropdown-menu-item\"}\n            >\n              {option.href ? (\n                <LinkComponent\n                  href={option.href}\n                  className={clsx(\n                    \"fs-6 text-decoration-none\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </LinkComponent>\n              ) : (\n                <button\n                  onClick={option.onClick}\n                  className={clsx(\n                    \"fs-6 text-decoration-none bg-white outline-none border-none text-left\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </button>\n              )}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Group>\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAqB;AACnB,QAAMC,IAAiBC,EAAmB,EAAE,MAAMF,GAAW;AAG3D,SAAAG,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,SAAO,IAC3B,UAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAN;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAYJ,KAAAA;AAAA,UACZM,gBAAAA,EAAA,KAAAK,GAAA,EAAI,IAAI,QAAQ,KAAK,MACnB,UAAA;AAAA,YAAAZ;AAAA,YACAS,gBAAAA,EAAA,IAAAI,GAAA,EAAU,OAAOT,GAAW,WAAW,WAAY,CAAA;AAAA,UAAA,EACtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACAK,gBAAAA,EAAAA,IAACK,GAAoB,EAAA,SAAAZ,GAAkB,YAAAC,EAAwB,CAAA;AAAA,EAAA,GACjE;AAEJ,GAEMW,IAAsB,CAAC;AAAA,EAC3B,SAAAZ;AAAA,EACA,YAAAC;AACF,MAAgC;AAC1B,MAAAD,EAAQ,WAAW,EAAU,QAAA;AAEjC,QAAMa,IAAgBZ,KAAc;AAGlC,SAAAM,gBAAAA,MAACO,GAAA,EACC,UAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MAEX,UAAAR,gBAAAA,EAAA,IAACS,GAAA,EAAmB,WAAW,0BAC5B,UAAQhB,EAAA,IAAI,CAACiB,GAAQC,MACpBX,gBAAAA,EAAA;AAAA,QAACY;AAAAA,QAAA;AAAA,UAEC,SAAO;AAAA,UACP,WAAW;AAAA,UAEV,YAAO,OACNd,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMI,EAAO;AAAA,cACb,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAI5CF,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASY,EAAO;AAAA,cAChB,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE5C;AAAA,QAjCGW;AAAA,MAAA,CAoCR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es231.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es231.js.map

package/dist/index.es231.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es231.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA6BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es232.js

@@ -1,25 +1,30 @@
-import { j as m } from "./index.es216.js";
-import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es217.js";
-const a = ({
-  label: r,
-  href: e,
-  isClickable: t,
-  asLink: o = "a"
-}) => {
-  const s = o;
-  return /* @__PURE__ */ m.jsx(
-    "li",
-    {
-      className: n("ui-breadcrumb-item", {
-        "active text-slate-20 fw-semibold": t,
-        "text-slate-28": !t
-      }),
-      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
-    }
-  );
-};
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
 export {
-  a as BreadcrumbItem
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es232.js.map

package/dist/index.es232.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es232.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <li\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es232.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/{index.es221.js → index.es234.js}

@@ -2,4 +2,4 @@ const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filt
 export {
   t as createTypographyClasses
 };
-//# sourceMappingURL=index.es221.js.map
+//# sourceMappingURL=index.es234.js.map

package/dist/index.es234.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es234.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"custom\";\n\nexport type TypographyProps = {\n  fs?: TypographyKeys;\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n};\n\nexport type TypographyPropsKeys = keyof TypographyProps;\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\n\nexport const createTypographyClasses = <TProps extends TypographyProps>(\n  props: TProps,\n) => {\n  return typographyPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/{index.es224.js → index.es237.js}

@@ -15,4 +15,4 @@ const m = (t) => {
 export {
   m as useMediaQuery
 };
-//# sourceMappingURL=index.es224.js.map
+//# sourceMappingURL=index.es237.js.map

package/dist/index.es237.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es237.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es24.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es216.js";
-import { clsx as a } from "./index.es217.js";
+import { clsx as a } from "./index.es218.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as f } from "./index.es135.js";
 import { useState as x, useRef as w, useMemo as h, useEffect as j } from "react";
-import { ArrowList as v } from "./index.es239.js";
+import { ArrowList as v } from "./index.es252.js";
 import { Col as N } from "./index.es10.js";
 const L = ({
   size: m,

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./FilterDropDown.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { ArrowList } from \"@/icons/ArrowList\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype FilterDropdownProps = {\r\n  size: \"small\" | \"large\";\r\n  items: string[];\r\n  className?: string;\r\n  filter: string;\r\n  setFilter: (filter: string) => void;\r\n  allStructuresLabel: string;\r\n};\r\nexport const FilterDropDown = ({\r\n  size,\r\n  items = [],\r\n  className,\r\n  filter,\r\n  setFilter,\r\n  allStructuresLabel,\r\n}: FilterDropdownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const processedItems = useMemo(() => {\r\n    return [allStructuresLabel, ...items];\r\n  }, [items, allStructuresLabel]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\r\n      className={clsx(className, \"ui-filter-dropdown\")}\r\n    >\r\n      <button\r\n        className=\"ui-button-accordion\"\r\n        type=\"button\"\r\n        onClick={() => setIsExpanded(!isExpanded)}\r\n      >\r\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\r\n        />\r\n      </button>\r\n      {isExpanded && (\r\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\r\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\r\n          <div className={\"p-x24 h-full shadow\"}>\r\n            <Col\r\n              gap={\"x24\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\r\n            >\r\n              {processedItems.map((item, index) => {\r\n                return (\r\n                  <div\r\n                    key={index}\r\n                    onClick={() => {\r\n                      setFilter(item);\r\n                      setIsExpanded(false);\r\n                    }}\r\n                  >\r\n                    {item}\r\n                  </div>\r\n                );\r\n              })}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es24.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDown.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\ntype FilterDropdownProps = {\n  size: \"small\" | \"large\";\n  items: string[];\n  className?: string;\n  filter: string;\n  setFilter: (filter: string) => void;\n  allStructuresLabel: string;\n};\nexport const FilterDropDown = ({\n  size,\n  items = [],\n  className,\n  filter,\n  setFilter,\n  allStructuresLabel,\n}: FilterDropdownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const processedItems = useMemo(() => {\n    return [allStructuresLabel, ...items];\n  }, [items, allStructuresLabel]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\n      className={clsx(className, \"ui-filter-dropdown\")}\n    >\n      <button\n        className=\"ui-button-accordion\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\n            >\n              {processedItems.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setFilter(item);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es241.js

@@ -1,150 +1,25 @@
-import { j as e } from "./index.es216.js";
-import { Divider as u } from "./index.es228.js";
-import { LOGOS as d } from "./index.es25.js";
-import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es217.js";
-import { Balancer as y } from "./index.es292.js";
-import { Button as w } from "./index.es26.js";
-import { Container as I } from "./index.es6.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as l } from "./index.es9.js";
-const H = ({
-  title: t,
-  region: r,
-  asLink: x = "a",
-  labels: h,
-  navigatonItems: m,
-  supportLink: s,
-  loginLink: j = "/",
-  shortTitle: c,
-  headerTitleClassname: p,
-  children: f,
-  headerLogoUrl2: o
+import { j as s } from "./index.es216.js";
+import { clsx as a } from "./index.es218.js";
+import { createColorClasses as e } from "./index.es231.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
 }) => {
-  const i = x, b = d.nazionale, v = d[r];
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
-    /* @__PURE__ */ e.jsxs(
-      N,
-      {
-        pt: "x16",
-        pb: "x16",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        children: [
-          /* @__PURE__ */ e.jsxs(
-            i,
-            {
-              href: "/",
-              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
-              children: [
-                o && /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    style: { backgroundImage: `url(${o})` },
-                    className: "ui-header-item-image"
-                  }
-                ),
-                c || t,
-                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-              ]
-            }
-          ),
-          f
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
-      /* @__PURE__ */ e.jsxs(
-        l,
-        {
-          py: "x20",
-          gap: "x16",
-          alignItems: "center",
-          justifyContent: "space-between",
-          className: "max-h-x116 ui-container",
-          children: [
-            /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", children: [
-              /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(b, { height: 53 }),
-                r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(v, { width: 53, height: 53 })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(p), children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(
-                i,
-                {
-                  href: "/",
-                  className: " text-decoration-none  hover-underline_dark",
-                  children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: t }),
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ e.jsxs(w, { size: "2", href: j, asLink: "a", children: [
-              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                " ",
-                h.login,
-                " "
-              ] }),
-              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { className: "base-row align-items-center justify-content-between max-h-x52", children: [
-        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: m.map((a, g) => /* @__PURE__ */ e.jsx(
-          "li",
-          {
-            className: n(
-              "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-              a.active && "active"
-            ),
-            children: /* @__PURE__ */ e.jsxs(
-              i,
-              {
-                href: a.href,
-                "aria-label": `Vai alla pagina ${a.label}`,
-                className: n(
-                  "text-decoration-none fs-custom",
-                  a.active ? "fw-bold text-primary" : "fw-semibold text-primary"
-                ),
-                target: a.isNewTab ? "_blank" : void 0,
-                rel: a.isNewTab ? "noopener noreferrer" : void 0,
-                children: [
-                  a.label,
-                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                ]
-              }
-            )
-          },
-          g
-        )) }),
-        s && /* @__PURE__ */ e.jsxs(
-          i,
-          {
-            href: s.href,
-            "aria-label": `Vai alla pagina ${s.label}`,
-            className: n(
-              "text-decoration-none fs-custom py-x12 px-x24",
-              s.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
-              "ui-header-desktop-support-link",
-              s.active && "active"
-            ),
-            children: [
-              s.label,
-              s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-            ]
-          }
-        )
-      ] }) })
-    ] })
-  ] });
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
+    }
+  );
 };
 export {
-  H as HeaderDesktop
+  p as Divider
 };
 //# sourceMappingURL=index.es241.js.map

package/dist/index.es241.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es241.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\r\nimport { LOGOS, Region } from \"../Header\";\r\nimport { HeaderSlim } from \"../HeaderSlim\";\r\nimport clsx from \"clsx\";\r\nimport { Balancer } from \"react-wrap-balancer\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderDesktop.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderDesktopProps = {\r\n  title: React.ReactNode | string;\r\n  region: Region;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n  labels: NavigationLabels;\r\n  navigatonItems: NavigationItem[];\r\n  supportLink?: NavigationItem;\r\n  loginLink?: string;\r\n  shortTitle?: React.ReactNode;\r\n  headerTitleClassname?: string;\r\n  headerLogoUrl2?: string;\r\n};\r\n\r\nexport const HeaderDesktop = ({\r\n  title,\r\n  region,\r\n  asLink = \"a\",\r\n  labels,\r\n  navigatonItems,\r\n  supportLink,\r\n  loginLink = \"/\",\r\n  shortTitle,\r\n  headerTitleClassname,\r\n  children,\r\n  headerLogoUrl2,\r\n}: HeaderDesktopProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"sticky-header bg-white\">\r\n      <HeaderSlim\r\n        pt=\"x16\"\r\n        pb=\"x16\"\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n      >\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\r\n        >\r\n          {headerLogoUrl2 && (\r\n            <div\r\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\r\n              className={\"ui-header-item-image\"}\r\n            ></div>\r\n          )}\r\n\r\n          {shortTitle ? shortTitle : title}\r\n          <span className=\"visually-hidden\">Vai alla homepage</span>\r\n        </LinkComponent>\r\n\r\n        {children}\r\n      </HeaderSlim>\r\n      <header className=\"bg-white\">\r\n        <Row\r\n          py={\"x20\"}\r\n          gap={\"x16\"}\r\n          alignItems=\"center\"\r\n          justifyContent={\"space-between\"}\r\n          className=\"max-h-x116 ui-container\"\r\n        >\r\n          <Row gap={\"x16\"} alignItems=\"center\">\r\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\r\n              <NationalIcon height={53} />\r\n\r\n              {region !== \"nazionale\" && (\r\n                <>\r\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n\r\n                  <RegionIcon width={53} height={53} />\r\n                </>\r\n              )}\r\n            </Row>\r\n            <h1 className={clsx(headerTitleClassname)}>\r\n              <Balancer>\r\n                <LinkComponent\r\n                  href=\"/\"\r\n                  className={\" text-decoration-none  hover-underline_dark\"}\r\n                >\r\n                  <span className={\"ui-title-line-height\"}>{title}</span>\r\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                </LinkComponent>\r\n              </Balancer>\r\n            </h1>\r\n          </Row>\r\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\r\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n        </Row>\r\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\r\n          <Container className=\"base-row align-items-center justify-content-between max-h-x52\">\r\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\r\n              {navigatonItems.map((item, index) => {\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className={clsx(\r\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\r\n                      item.active && \"active\",\r\n                    )}\r\n                  >\r\n                    <LinkComponent\r\n                      href={item.href}\r\n                      aria-label={`Vai alla pagina ${item.label}`}\r\n                      className={clsx(\r\n                        \"text-decoration-none fs-custom\",\r\n                        item.active\r\n                          ? \"fw-bold text-primary\"\r\n                          : \"fw-semibold text-primary\",\r\n                      )}\r\n                      target={item.isNewTab ? \"_blank\" : undefined}\r\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                    >\r\n                      {item.label}\r\n                      {item.active && (\r\n                        <span className=\"visually-hidden\">Attivo</span>\r\n                      )}\r\n                    </LinkComponent>\r\n                  </li>\r\n                );\r\n              })}\r\n            </Row>\r\n            {supportLink && (\r\n              <LinkComponent\r\n                href={supportLink.href}\r\n                aria-label={`Vai alla pagina ${supportLink.label}`}\r\n                className={clsx(\r\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\r\n                  supportLink.active\r\n                    ? \"fw-bold text-blue-30\"\r\n                    : \"fw-semibold text-primary\",\r\n                  \"ui-header-desktop-support-link\",\r\n                  supportLink.active && \"active\",\r\n                )}\r\n              >\r\n                {supportLink.label}\r\n                {supportLink.active && (\r\n                  <span className=\"visually-hidden\">Attivo</span>\r\n                )}\r\n              </LinkComponent>\r\n            )}\r\n          </Container>\r\n        </nav>\r\n      </header>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es241.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\nimport \"./Divider.scss\";\n\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\n  direction?: \"horizontal\" | \"vertical\";\n  className?: string;\n};\n\nexport const Divider = ({\n  direction = \"horizontal\",\n  bg = \"white\",\n  className,\n}: DividerProps) => {\n  const colorClass = createColorClasses({ bg });\n\n  return (\n    <div\n      className={clsx(\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\n        colorClass,\n        className,\n      )}\n    />\n  );\n};\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/index.es245.js

@@ -0,0 +1,25 @@
+import { j as m } from "./index.es216.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es218.js";
+const a = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "li",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
+};
+export {
+  a as BreadcrumbItem
+};
+//# sourceMappingURL=index.es245.js.map

package/dist/index.es245.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es245.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <li\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </li>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/{index.es236.js → index.es249.js}

@@ -1,16 +1,16 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es391.js";
-import { composeRefs as E } from "./index.es392.js";
-import { createContextScope as S } from "./index.es393.js";
-import { useControllableState as P } from "./index.es394.js";
-import { Primitive as y } from "./index.es395.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es396.js";
-import { useId as g } from "./index.es397.js";
+import { composeEventHandlers as m } from "./index.es399.js";
+import { composeRefs as E } from "./index.es400.js";
+import { createContextScope as S } from "./index.es401.js";
+import { useControllableState as P } from "./index.es402.js";
+import { Primitive as y } from "./index.es403.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es404.js";
+import { useId as g } from "./index.es405.js";
 import { j as a } from "./index.es216.js";
-var M = "DropdownMenu", [z, bo] = S(
-  M,
+var f = "DropdownMenu", [z, bo] = S(
+  f,
   [D]
-), s = D(), [J, v] = z(M), _ = (o) => {
+), s = D(), [J, v] = z(f), _ = (o) => {
   const {
     __scopeDropdownMenu: n,
     children: r,
@@ -19,27 +19,28 @@ var M = "DropdownMenu", [z, bo] = S(
     defaultOpen: i,
     onOpenChange: c,
     modal: d = !0
-  } = o, u = s(n), f = p.useRef(null), [w = !1, l] = P({
+  } = o, u = s(n), M = p.useRef(null), [l, w] = P({
     prop: t,
-    defaultProp: i,
-    onChange: c
+    defaultProp: i ?? !1,
+    onChange: c,
+    caller: f
   });
   return /* @__PURE__ */ a.jsx(
     J,
     {
       scope: n,
       triggerId: g(),
-      triggerRef: f,
+      triggerRef: M,
       contentId: g(),
-      open: w,
-      onOpenChange: l,
-      onOpenToggle: p.useCallback(() => l((C) => !C), [l]),
+      open: l,
+      onOpenChange: w,
+      onOpenToggle: p.useCallback(() => w((C) => !C), [w]),
       modal: d,
-      children: /* @__PURE__ */ a.jsx(O, { ...u, open: w, onOpenChange: l, dir: e, modal: d, children: r })
+      children: /* @__PURE__ */ a.jsx(O, { ...u, open: l, onOpenChange: w, dir: e, modal: d, children: r })
     }
   );
 };
-_.displayName = M;
+_.displayName = f;
 var x = "DropdownMenuTrigger", R = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, disabled: e = !1, ...t } = o, i = v(x, r), c = s(r);
@@ -88,8 +89,8 @@ var I = "DropdownMenuContent", N = p.forwardRef(
           c.current || (u = t.triggerRef.current) == null || u.focus(), c.current = !1, d.preventDefault();
         }),
         onInteractOutside: m(o.onInteractOutside, (d) => {
-          const u = d.detail.originalEvent, f = u.button === 0 && u.ctrlKey === !0, w = u.button === 2 || f;
-          (!t.modal || w) && (c.current = !0);
+          const u = d.detail.originalEvent, M = u.button === 0 && u.ctrlKey === !0, l = u.button === 2 || M;
+          (!t.modal || l) && (c.current = !0);
         }),
         style: {
           ...o.style,
@@ -150,13 +151,13 @@ var uo = "DropdownMenuSeparator", co = p.forwardRef((o, n) => {
   return /* @__PURE__ */ a.jsx(W, { ...t, ...e, ref: n });
 });
 co.displayName = uo;
-var wo = "DropdownMenuArrow", lo = p.forwardRef(
+var lo = "DropdownMenuArrow", wo = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
     return /* @__PURE__ */ a.jsx($, { ...t, ...e, ref: n });
   }
 );
-lo.displayName = wo;
+wo.displayName = lo;
 var mo = "DropdownMenuSubTrigger", fo = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
   return /* @__PURE__ */ a.jsx(X, { ...t, ...e, ref: n });
@@ -186,7 +187,7 @@ var Ao = _, Co = R, Eo = h, So = N, Po = b, yo = A;
 export {
   So as Content,
   _ as DropdownMenu,
-  lo as DropdownMenuArrow,
+  wo as DropdownMenuArrow,
   ro as DropdownMenuCheckboxItem,
   N as DropdownMenuContent,
   b as DropdownMenuGroup,
@@ -207,4 +208,4 @@ export {
   Co as Trigger,
   bo as createDropdownMenuScope
 };
-//# sourceMappingURL=index.es236.js.map
+//# sourceMappingURL=index.es249.js.map