@anoki/fse-ui 1.0.645 → 1.0.647

package/dist/index.es214.js

@@ -1,210 +1,5 @@
-import * as p from "react";
-import { composeEventHandlers as m } from "./index.es360.js";
-import { composeRefs as E } from "./index.es361.js";
-import { createContextScope as S } from "./index.es362.js";
-import { useControllableState as P } from "./index.es363.js";
-import { Primitive as y } from "./index.es364.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.es365.js";
-import { useId as g } from "./index.es366.js";
-import { j as a } from "./index.es196.js";
-var M = "DropdownMenu", [z, bo] = S(
-  M,
-  [D]
-), s = D(), [J, v] = z(M), _ = (o) => {
-  const {
-    __scopeDropdownMenu: n,
-    children: r,
-    dir: e,
-    open: t,
-    defaultOpen: i,
-    onOpenChange: c,
-    modal: d = !0
-  } = o, u = s(n), f = p.useRef(null), [w = !1, l] = P({
-    prop: t,
-    defaultProp: i,
-    onChange: c
-  });
-  return /* @__PURE__ */ a.jsx(
-    J,
-    {
-      scope: n,
-      triggerId: g(),
-      triggerRef: f,
-      contentId: g(),
-      open: w,
-      onOpenChange: l,
-      onOpenToggle: p.useCallback(() => l((C) => !C), [l]),
-      modal: d,
-      children: /* @__PURE__ */ a.jsx(O, { ...u, open: w, onOpenChange: l, dir: e, modal: d, children: r })
-    }
-  );
-};
-_.displayName = M;
-var x = "DropdownMenuTrigger", R = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, disabled: e = !1, ...t } = o, i = v(x, r), c = s(r);
-    return /* @__PURE__ */ a.jsx(T, { asChild: !0, ...c, children: /* @__PURE__ */ a.jsx(
-      y.button,
-      {
-        type: "button",
-        id: i.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": i.open,
-        "aria-controls": i.open ? i.contentId : void 0,
-        "data-state": i.open ? "open" : "closed",
-        "data-disabled": e ? "" : void 0,
-        disabled: e,
-        ...t,
-        ref: E(n, i.triggerRef),
-        onPointerDown: m(o.onPointerDown, (d) => {
-          !e && d.button === 0 && d.ctrlKey === !1 && (i.onOpenToggle(), i.open || d.preventDefault());
-        }),
-        onKeyDown: m(o.onKeyDown, (d) => {
-          e || (["Enter", " "].includes(d.key) && i.onOpenToggle(), d.key === "ArrowDown" && i.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-R.displayName = x;
-var Q = "DropdownMenuPortal", h = (o) => {
-  const { __scopeDropdownMenu: n, ...r } = o, e = s(n);
-  return /* @__PURE__ */ a.jsx(j, { ...e, ...r });
-};
-h.displayName = Q;
-var I = "DropdownMenuContent", N = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = v(I, r), i = s(r), c = p.useRef(!1);
-    return /* @__PURE__ */ a.jsx(
-      G,
-      {
-        id: t.contentId,
-        "aria-labelledby": t.triggerId,
-        ...i,
-        ...e,
-        ref: n,
-        onCloseAutoFocus: m(o.onCloseAutoFocus, (d) => {
-          var u;
-          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);
-        }),
-        style: {
-          ...o.style,
-          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-        }
-      }
-    );
-  }
-);
-N.displayName = I;
-var V = "DropdownMenuGroup", b = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(k, { ...t, ...e, ref: n });
-  }
-);
-b.displayName = V;
-var Y = "DropdownMenuLabel", Z = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(K, { ...t, ...e, ref: n });
-  }
-);
-Z.displayName = Y;
-var oo = "DropdownMenuItem", A = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(L, { ...t, ...e, ref: n });
-  }
-);
-A.displayName = oo;
-var eo = "DropdownMenuCheckboxItem", ro = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(U, { ...t, ...e, ref: n });
-});
-ro.displayName = eo;
-var no = "DropdownMenuRadioGroup", to = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(B, { ...t, ...e, ref: n });
-});
-to.displayName = no;
-var ao = "DropdownMenuRadioItem", po = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(F, { ...t, ...e, ref: n });
-});
-po.displayName = ao;
-var so = "DropdownMenuItemIndicator", io = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(H, { ...t, ...e, ref: n });
-});
-io.displayName = so;
-var uo = "DropdownMenuSeparator", co = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(W, { ...t, ...e, ref: n });
-});
-co.displayName = uo;
-var wo = "DropdownMenuArrow", lo = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx($, { ...t, ...e, ref: n });
-  }
-);
-lo.displayName = wo;
-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 });
-});
-fo.displayName = mo;
-var Mo = "DropdownMenuSubContent", go = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(
-    q,
-    {
-      ...t,
-      ...e,
-      ref: n,
-      style: {
-        ...o.style,
-        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-      }
-    }
-  );
-});
-go.displayName = Mo;
-var Ao = _, Co = R, Eo = h, So = N, Po = b, yo = A;
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
 export {
-  So as Content,
-  _ as DropdownMenu,
-  lo as DropdownMenuArrow,
-  ro as DropdownMenuCheckboxItem,
-  N as DropdownMenuContent,
-  b as DropdownMenuGroup,
-  A as DropdownMenuItem,
-  io as DropdownMenuItemIndicator,
-  Z as DropdownMenuLabel,
-  h as DropdownMenuPortal,
-  to as DropdownMenuRadioGroup,
-  po as DropdownMenuRadioItem,
-  co as DropdownMenuSeparator,
-  go as DropdownMenuSubContent,
-  fo as DropdownMenuSubTrigger,
-  R as DropdownMenuTrigger,
-  Po as Group,
-  yo as Item,
-  Eo as Portal,
-  Ao as Root,
-  Co as Trigger,
-  bo as createDropdownMenuScope
+  t as createTypographyClasses
 };
 //# sourceMappingURL=index.es214.js.map

package/dist/index.es214.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es214.js","sources":["../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/dropdown-menu/src/dropdown-menu.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as MenuPrimitive from \"@radix-ui/react-menu\";\nimport { createMenuScope } from \"@radix-ui/react-menu\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DROPDOWN_MENU_NAME = \"DropdownMenu\";\nvar [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(\n  DROPDOWN_MENU_NAME,\n  [createMenuScope]\n);\nvar useMenuScope = createMenuScope();\nvar [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);\nvar DropdownMenu = (props) => {\n  const {\n    __scopeDropdownMenu,\n    children,\n    dir,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true\n  } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  const triggerRef = React.useRef(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange\n  });\n  return /* @__PURE__ */ jsx(\n    DropdownMenuProvider,\n    {\n      scope: __scopeDropdownMenu,\n      triggerId: useId(),\n      triggerRef,\n      contentId: useId(),\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      modal,\n      children: /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })\n    }\n  );\n};\nDropdownMenu.displayName = DROPDOWN_MENU_NAME;\nvar TRIGGER_NAME = \"DropdownMenuTrigger\";\nvar DropdownMenuTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;\n    const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Anchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        id: context.triggerId,\n        \"aria-haspopup\": \"menu\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.open ? context.contentId : void 0,\n        \"data-state\": context.open ? \"open\" : \"closed\",\n        \"data-disabled\": disabled ? \"\" : void 0,\n        disabled,\n        ...triggerProps,\n        ref: composeRefs(forwardedRef, context.triggerRef),\n        onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {\n          if (!disabled && event.button === 0 && event.ctrlKey === false) {\n            context.onOpenToggle();\n            if (!context.open) event.preventDefault();\n          }\n        }),\n        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n          if (disabled) return;\n          if ([\"Enter\", \" \"].includes(event.key)) context.onOpenToggle();\n          if (event.key === \"ArrowDown\") context.onOpenChange(true);\n          if ([\"Enter\", \" \", \"ArrowDown\"].includes(event.key)) event.preventDefault();\n        })\n      }\n    ) });\n  }\n);\nDropdownMenuTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"DropdownMenuPortal\";\nvar DropdownMenuPortal = (props) => {\n  const { __scopeDropdownMenu, ...portalProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { ...menuScope, ...portalProps });\n};\nDropdownMenuPortal.displayName = PORTAL_NAME;\nvar CONTENT_NAME = \"DropdownMenuContent\";\nvar DropdownMenuContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...contentProps } = props;\n    const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    const hasInteractedOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      MenuPrimitive.Content,\n      {\n        id: context.contentId,\n        \"aria-labelledby\": context.triggerId,\n        ...menuScope,\n        ...contentProps,\n        ref: forwardedRef,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n          hasInteractedOutsideRef.current = false;\n          event.preventDefault();\n        }),\n        onInteractOutside: composeEventHandlers(props.onInteractOutside, (event) => {\n          const originalEvent = event.detail.originalEvent;\n          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n          if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;\n        }),\n        style: {\n          ...props.style,\n          // re-namespace exposed content custom properties\n          ...{\n            \"--radix-dropdown-menu-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n            \"--radix-dropdown-menu-content-available-width\": \"var(--radix-popper-available-width)\",\n            \"--radix-dropdown-menu-content-available-height\": \"var(--radix-popper-available-height)\",\n            \"--radix-dropdown-menu-trigger-width\": \"var(--radix-popper-anchor-width)\",\n            \"--radix-dropdown-menu-trigger-height\": \"var(--radix-popper-anchor-height)\"\n          }\n        }\n      }\n    );\n  }\n);\nDropdownMenuContent.displayName = CONTENT_NAME;\nvar GROUP_NAME = \"DropdownMenuGroup\";\nvar DropdownMenuGroup = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...groupProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Group, { ...menuScope, ...groupProps, ref: forwardedRef });\n  }\n);\nDropdownMenuGroup.displayName = GROUP_NAME;\nvar LABEL_NAME = \"DropdownMenuLabel\";\nvar DropdownMenuLabel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...labelProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Label, { ...menuScope, ...labelProps, ref: forwardedRef });\n  }\n);\nDropdownMenuLabel.displayName = LABEL_NAME;\nvar ITEM_NAME = \"DropdownMenuItem\";\nvar DropdownMenuItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...itemProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Item, { ...menuScope, ...itemProps, ref: forwardedRef });\n  }\n);\nDropdownMenuItem.displayName = ITEM_NAME;\nvar CHECKBOX_ITEM_NAME = \"DropdownMenuCheckboxItem\";\nvar DropdownMenuCheckboxItem = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...checkboxItemProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });\n});\nDropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\nvar RADIO_GROUP_NAME = \"DropdownMenuRadioGroup\";\nvar DropdownMenuRadioGroup = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...radioGroupProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });\n});\nDropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;\nvar RADIO_ITEM_NAME = \"DropdownMenuRadioItem\";\nvar DropdownMenuRadioItem = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...radioItemProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });\n});\nDropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;\nvar INDICATOR_NAME = \"DropdownMenuItemIndicator\";\nvar DropdownMenuItemIndicator = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });\n});\nDropdownMenuItemIndicator.displayName = INDICATOR_NAME;\nvar SEPARATOR_NAME = \"DropdownMenuSeparator\";\nvar DropdownMenuSeparator = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...separatorProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });\n});\nDropdownMenuSeparator.displayName = SEPARATOR_NAME;\nvar ARROW_NAME = \"DropdownMenuArrow\";\nvar DropdownMenuArrow = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...arrowProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef });\n  }\n);\nDropdownMenuArrow.displayName = ARROW_NAME;\nvar DropdownMenuSub = (props) => {\n  const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange\n  });\n  return /* @__PURE__ */ jsx(MenuPrimitive.Sub, { ...menuScope, open, onOpenChange: setOpen, children });\n};\nvar SUB_TRIGGER_NAME = \"DropdownMenuSubTrigger\";\nvar DropdownMenuSubTrigger = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...subTriggerProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });\n});\nDropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;\nvar SUB_CONTENT_NAME = \"DropdownMenuSubContent\";\nvar DropdownMenuSubContent = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...subContentProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(\n    MenuPrimitive.SubContent,\n    {\n      ...menuScope,\n      ...subContentProps,\n      ref: forwardedRef,\n      style: {\n        ...props.style,\n        // re-namespace exposed content custom properties\n        ...{\n          \"--radix-dropdown-menu-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n          \"--radix-dropdown-menu-content-available-width\": \"var(--radix-popper-available-width)\",\n          \"--radix-dropdown-menu-content-available-height\": \"var(--radix-popper-available-height)\",\n          \"--radix-dropdown-menu-trigger-width\": \"var(--radix-popper-anchor-width)\",\n          \"--radix-dropdown-menu-trigger-height\": \"var(--radix-popper-anchor-height)\"\n        }\n      }\n    }\n  );\n});\nDropdownMenuSubContent.displayName = SUB_CONTENT_NAME;\nvar Root2 = DropdownMenu;\nvar Trigger = DropdownMenuTrigger;\nvar Portal2 = DropdownMenuPortal;\nvar Content2 = DropdownMenuContent;\nvar Group2 = DropdownMenuGroup;\nvar Label2 = DropdownMenuLabel;\nvar Item2 = DropdownMenuItem;\nvar CheckboxItem2 = DropdownMenuCheckboxItem;\nvar RadioGroup2 = DropdownMenuRadioGroup;\nvar RadioItem2 = DropdownMenuRadioItem;\nvar ItemIndicator2 = DropdownMenuItemIndicator;\nvar Separator2 = DropdownMenuSeparator;\nvar Arrow2 = DropdownMenuArrow;\nvar Sub2 = DropdownMenuSub;\nvar SubTrigger2 = DropdownMenuSubTrigger;\nvar SubContent2 = DropdownMenuSubContent;\nexport {\n  Arrow2 as Arrow,\n  CheckboxItem2 as CheckboxItem,\n  Content2 as Content,\n  DropdownMenu,\n  DropdownMenuArrow,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuItemIndicator,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n  Group2 as Group,\n  Item2 as Item,\n  ItemIndicator2 as ItemIndicator,\n  Label2 as Label,\n  Portal2 as Portal,\n  RadioGroup2 as RadioGroup,\n  RadioItem2 as RadioItem,\n  Root2 as Root,\n  Separator2 as Separator,\n  Sub2 as Sub,\n  SubContent2 as SubContent,\n  SubTrigger2 as SubTrigger,\n  Trigger,\n  createDropdownMenuScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DROPDOWN_MENU_NAME","createDropdownMenuContext","createDropdownMenuScope","createContextScope","createMenuScope","useMenuScope","DropdownMenuProvider","useDropdownMenuContext","DropdownMenu","props","__scopeDropdownMenu","children","dir","openProp","defaultOpen","onOpenChange","modal","menuScope","triggerRef","React","open","setOpen","useControllableState","jsx","useId","prevOpen","MenuPrimitive.Root","TRIGGER_NAME","DropdownMenuTrigger","forwardedRef","disabled","triggerProps","context","MenuPrimitive.Anchor","Primitive","composeRefs","composeEventHandlers","event","PORTAL_NAME","DropdownMenuPortal","portalProps","MenuPrimitive.Portal","CONTENT_NAME","DropdownMenuContent","contentProps","hasInteractedOutsideRef","MenuPrimitive.Content","_a","originalEvent","ctrlLeftClick","isRightClick","GROUP_NAME","DropdownMenuGroup","groupProps","MenuPrimitive.Group","LABEL_NAME","DropdownMenuLabel","labelProps","MenuPrimitive.Label","ITEM_NAME","DropdownMenuItem","itemProps","MenuPrimitive.Item","CHECKBOX_ITEM_NAME","DropdownMenuCheckboxItem","checkboxItemProps","MenuPrimitive.CheckboxItem","RADIO_GROUP_NAME","DropdownMenuRadioGroup","radioGroupProps","MenuPrimitive.RadioGroup","RADIO_ITEM_NAME","DropdownMenuRadioItem","radioItemProps","MenuPrimitive.RadioItem","INDICATOR_NAME","DropdownMenuItemIndicator","itemIndicatorProps","MenuPrimitive.ItemIndicator","SEPARATOR_NAME","DropdownMenuSeparator","separatorProps","MenuPrimitive.Separator","ARROW_NAME","DropdownMenuArrow","arrowProps","MenuPrimitive.Arrow","SUB_TRIGGER_NAME","DropdownMenuSubTrigger","subTriggerProps","MenuPrimitive.SubTrigger","SUB_CONTENT_NAME","DropdownMenuSubContent","subContentProps","MenuPrimitive.SubContent","Root2","Trigger","Portal2","Content2","Group2","Item2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es214.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.es217.js

@@ -1,79 +1,18 @@
-import { j as e } from "./index.es196.js";
-import { clsx as t } from "./index.es197.js";
-import { createColorClasses as a } from "./index.es200.js";
-const x = ({
-  width: r = 56,
-  height: s = 10,
-  className: l,
-  color: i
-}) => {
-  const o = a({ color: i });
-  return /* @__PURE__ */ e.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: r,
-      height: s,
-      fill: "currentColor",
-      viewBox: "0 0 56 10",
-      className: t(l, o),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
-          "path",
-          {
-            fill: "#fff",
-            fillRule: "evenodd",
-            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
-            clipRule: "evenodd"
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
-          "filter",
-          {
-            id: "filter0_d_348_84872",
-            width: "56",
-            height: "40.793",
-            x: "0",
-            y: "-6.793",
-            colorInterpolationFilters: "sRGB",
-            filterUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ e.jsx(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  result: "hardAlpha",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                }
-              ),
-              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
-              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
-              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_348_84872"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_348_84872",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
+import { useState as r, useEffect as o } from "react";
+const m = (t) => {
+  const [a, s] = r(!1);
+  return o(() => {
+    const e = window.matchMedia(t);
+    s(e.matches);
+    const n = (c) => {
+      s(c.matches);
+    };
+    return e.addEventListener("change", n), () => {
+      e.removeEventListener("change", n);
+    };
+  }, [t]), a;
 };
 export {
-  x as ArrowList
+  m as useMediaQuery
 };
 //# sourceMappingURL=index.es217.js.map

package/dist/index.es217.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es217.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowList = ({\r\n  width = 56,\r\n  height = 10,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 56 10\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <g filter=\"url(#filter0_d_348_84872)\">\r\n        <path\r\n          fill=\"#fff\"\r\n          fillRule=\"evenodd\"\r\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\r\n          clipRule=\"evenodd\"\r\n        ></path>\r\n      </g>\r\n      <defs>\r\n        <filter\r\n          id=\"filter0_d_348_84872\"\r\n          width=\"56\"\r\n          height=\"40.793\"\r\n          x=\"0\"\r\n          y=\"-6.793\"\r\n          colorInterpolationFilters=\"sRGB\"\r\n          filterUnits=\"userSpaceOnUse\"\r\n        >\r\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\r\n          <feColorMatrix\r\n            in=\"SourceAlpha\"\r\n            result=\"hardAlpha\"\r\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n          ></feColorMatrix>\r\n          <feOffset dy=\"8\"></feOffset>\r\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\r\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\r\n          <feBlend\r\n            in2=\"BackgroundImageFix\"\r\n            result=\"effect1_dropShadow_348_84872\"\r\n          ></feBlend>\r\n          <feBlend\r\n            in=\"SourceGraphic\"\r\n            in2=\"effect1_dropShadow_348_84872\"\r\n            result=\"shape\"\r\n          ></feBlend>\r\n        </filter>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["ArrowList","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAA;AAAA,QAACI,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es217.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\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.es22.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es196.js";
-import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es214.js";
-import { clsx as o } from "./index.es197.js";
-import { createColorClasses as h } from "./index.es200.js";
+import { j as e } from "./index.es197.js";
+import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es227.js";
+import { clsx as o } from "./index.es199.js";
+import { createColorClasses as h } from "./index.es211.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
-import { ArrowDown as p } from "./index.es123.js";
+import { ArrowDown as p } from "./index.es124.js";
 import { Row as w } from "./index.es9.js";
 const k = ({
   text: s,

package/dist/index.es22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es22.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 onClick={option.onClick}>\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,EAAAA,KAAC,UAAO,EAAA,SAASY,EAAO,SACrB,UAAA;AAAA,YAAOA,EAAA;AAAA,YACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,UAAA,EAE5C,CAAA;AAAA,QAAA;AAAA,QAzBGW;AAAA,MAAA,CA4BR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es22.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 onClick={option.onClick}>\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,EAAAA,KAAC,UAAO,EAAA,SAASY,EAAO,SACrB,UAAA;AAAA,YAAOA,EAAA;AAAA,YACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,UAAA,EAE5C,CAAA;AAAA,QAAA;AAAA,QAzBGW;AAAA,MAAA,CA4BR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es221.js

@@ -0,0 +1,25 @@
+import { j as s } from "./index.es197.js";
+import { clsx as a } from "./index.es199.js";
+import { createColorClasses as e } from "./index.es211.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
+}) => {
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
+    }
+  );
+};
+export {
+  p as Divider
+};
+//# sourceMappingURL=index.es221.js.map

package/dist/index.es221.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es221.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.es224.js

@@ -0,0 +1,25 @@
+import { j as m } from "./index.es197.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es199.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.es224.js.map

package/dist/index.es224.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es224.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;"}