@apipass/design-system 4.0.0 → 4.2.1

package/dist/lib/ui/primitives/Menu/Menu.js

@@ -1,96 +1,116 @@
-import { jsx as t, jsxs as u, Fragment as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { clsx as o } from "../../../vendor/clsx/dist/clsx.js";
-import { Menu as m, MenuTrigger as l, Popover as f, MenuItem as d, Separator as M } from "react-aria-components";
+import u from "react";
+import { PermissionGate as f } from "../PermissionGate/PermissionGate.js";
+import { Menu as M, MenuTrigger as p, Popover as N, MenuItem as h, Separator as g } from "react-aria-components";
 /* empty css         */
-import { IconChevronDown as N } from "../../icons/IconChevronDown.js";
-import { Label as h, Description as p, Keyboard as g } from "../Fieldset/Fieldset.js";
-import { IconButton as x } from "../IconButton/IconButton.js";
-import { Button as v } from "../Button/Button.js";
-import { useOverlayPortalContainer as I } from "../../hooks/useOverlayPortal.js";
+import { IconChevronDown as v } from "../../icons/IconChevronDown.js";
+import { Label as I, Description as x, Keyboard as y } from "../Fieldset/Fieldset.js";
+import { IconButton as b } from "../IconButton/IconButton.js";
+import { Button as C } from "../Button/Button.js";
+import { useOverlayPortalContainer as P } from "../../hooks/useOverlayPortal.js";
 import { TextHeading as S } from "../Text/Text.js";
+let i = !1;
+function c(n) {
+  i || u.Children.forEach(n, (e) => {
+    if (u.isValidElement(e)) {
+      if (e.type === u.Fragment) {
+        c(
+          e.props.children
+        );
+        return;
+      }
+      e.type === f && (i = !0, console.error(
+        "[design-system] Menu: PermissionGate não pode envolver um MenuItem — o react-aria descarta esse item e os seguintes, e o menu abre vazio quando ele é o primeiro. Mova o gate para dentro do MenuItem, em volta do conteúdo do item."
+      ));
+    }
+  });
+}
 function T({ className: n, ...e }) {
-  return /* @__PURE__ */ t(m, { className: o(n, "menu"), ...e });
+  return c(
+    typeof e.children == "function" ? null : e.children
+  ), /* @__PURE__ */ t(M, { className: o(n, "menu"), ...e });
 }
-function b({ ...n }) {
-  return /* @__PURE__ */ t(l, { ...n });
+function A({ ...n }) {
+  return /* @__PURE__ */ t(p, { ...n });
 }
-function A({
+function z({
   label: n,
   children: e,
   icon: r,
-  placement: s,
-  variant: a,
-  ...c
+  placement: a,
+  variant: s,
+  ...l
 }) {
-  return /* @__PURE__ */ u(b, { children: [
-    r ? /* @__PURE__ */ t(x, { variant: a, "aria-label": n, children: r }) : /* @__PURE__ */ t(v, { variant: a, children: n }),
-    /* @__PURE__ */ t(B, { placement: s, children: /* @__PURE__ */ t(T, { ...c, children: e }) })
+  return /* @__PURE__ */ m(A, { children: [
+    r ? /* @__PURE__ */ t(b, { variant: s, "aria-label": n, children: r }) : /* @__PURE__ */ t(C, { variant: s, children: n }),
+    /* @__PURE__ */ t(B, { placement: a, children: /* @__PURE__ */ t(T, { ...l, children: e }) })
   ] });
 }
 function B({
   UNSTABLE_portalContainer: n,
   ...e
 }) {
-  const r = I();
+  const r = P();
   return /* @__PURE__ */ t(
-    f,
+    N,
     {
       ...e,
       UNSTABLE_portalContainer: n ?? r
     }
   );
 }
-function E({ className: n, ...e }) {
-  const r = o(n, "menu-item"), s = e.textValue || (typeof e.children == "string" ? e.children : void 0);
-  return /* @__PURE__ */ t(d, { ...e, className: r, textValue: s, children: ({ hasSubmenu: a }) => /* @__PURE__ */ u(i, { children: [
+function K({ className: n, ...e }) {
+  const r = o(n, "menu-item"), a = e.textValue || (typeof e.children == "string" ? e.children : void 0);
+  return /* @__PURE__ */ t(h, { ...e, className: r, textValue: a, children: ({ hasSubmenu: s }) => /* @__PURE__ */ m(d, { children: [
     e.children,
-    a && /* @__PURE__ */ t(N, {})
+    s && /* @__PURE__ */ t(v, {})
   ] }) });
 }
-function F({ className: n, ...e }) {
+function R({ className: n, ...e }) {
   const r = o(n, "menu-header");
   return /* @__PURE__ */ t("div", { ...e, className: r });
 }
-function K({ className: n, ...e }) {
+function U({ className: n, ...e }) {
   const r = o(n, "menu-section");
   return /* @__PURE__ */ t("div", { ...e, className: r });
 }
-function O({ className: n, ...e }) {
+function W({ className: n, ...e }) {
   const r = o(n, "menu-heading");
   return /* @__PURE__ */ t(S, { ...e, className: r });
 }
-function U({ className: n, ...e }) {
+function _({ className: n, ...e }) {
   const r = o(n, "menu-separator");
-  return /* @__PURE__ */ t(M, { ...e, className: r });
+  return /* @__PURE__ */ t(g, { ...e, className: r });
 }
-function _({ className: n, ...e }) {
+function k({ className: n, ...e }) {
   const r = o(n, "menu-label");
-  return /* @__PURE__ */ t(h, { ...e, className: r });
+  return /* @__PURE__ */ t(I, { ...e, className: r });
 }
-function k({ className: n, ...e }) {
+function J({ className: n, ...e }) {
   const r = o(n, "menu-description");
-  return /* @__PURE__ */ t(p, { ...e, className: r });
+  return /* @__PURE__ */ t(x, { ...e, className: r });
 }
-function q({
+function Q({
   children: n,
   className: e,
   ...r
 }) {
-  const s = o(e, "menu-shortcut");
-  return /* @__PURE__ */ t(g, { ...r, className: s, children: n });
+  const a = o(e, "menu-shortcut");
+  return /* @__PURE__ */ t(y, { ...r, className: a, children: n });
 }
 export {
   T as Menu,
-  A as MenuButton,
-  k as MenuDescription,
-  F as MenuHeader,
-  O as MenuHeading,
-  E as MenuItem,
-  _ as MenuLabel,
+  z as MenuButton,
+  J as MenuDescription,
+  R as MenuHeader,
+  W as MenuHeading,
+  K as MenuItem,
+  k as MenuLabel,
   B as MenuPopover,
-  K as MenuSection,
-  U as MenuSeparator,
-  q as MenuShortcut,
-  b as MenuTrigger
+  U as MenuSection,
+  _ as MenuSeparator,
+  Q as MenuShortcut,
+  A as MenuTrigger
 };
 //# sourceMappingURL=Menu.js.map

package/dist/lib/ui/primitives/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../src/ui/primitives/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  Description,\n  DescriptionProps,\n  IconButton,\n  Keyboard,\n  KeyboardProps,\n  Label,\n  LabelProps,\n  TextHeading,\n  type TextHeadingProps,\n} from \"primitives\";\nimport type React from \"react\";\nimport {\n  Menu as RACMenu,\n  MenuItem as RACMenuItem,\n  MenuTrigger as RACMenuTrigger,\n  Popover as RACPopover,\n  Separator as RACSeparator,\n  type MenuItemProps as RACMenuItemProps,\n  type MenuProps as RACMenuProps,\n  type MenuTriggerProps as RACMenuTriggerProps,\n  type PopoverProps as RACPopoverProps,\n  type SeparatorProps as RACSeparatorProps,\n} from \"react-aria-components\";\nimport \"./menu.css\";\n\nexport type MenuProps<T> = RACMenuProps<T>;\nexport function Menu<T extends object>({ className, ...props }: MenuProps<T>) {\n  return <RACMenu className={clsx(className, \"menu\")} {...props} />;\n}\n\nexport type MenuTriggerProps = RACMenuTriggerProps;\nexport function MenuTrigger({ ...props }: MenuTriggerProps) {\n  return <RACMenuTrigger {...props} />;\n}\n\nexport interface MenuButtonProps<T>\n  extends RACMenuProps<T>,\n    Omit<RACMenuTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  placement?: MenuPopoverProps[\"placement\"];\n  icon?: React.ReactNode;\n}\nexport function MenuButton<T extends object>({\n  label,\n  children,\n  icon,\n  placement,\n  variant,\n  ...props\n}: MenuButtonProps<T>) {\n  return (\n    <MenuTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <MenuPopover placement={placement}>\n        <Menu {...props}>{children}</Menu>\n      </MenuPopover>\n    </MenuTrigger>\n  );\n}\n\nexport type MenuPopoverProps = RACPopoverProps;\nexport function MenuPopover({\n  UNSTABLE_portalContainer,\n  ...props\n}: MenuPopoverProps) {\n  // Sem container explícito o menu faz portal no document.body — fora da shadow\n  // root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <RACPopover\n      {...props}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer ?? portalContainer}\n    />\n  );\n}\n\nexport type MenuItemProps = RACMenuItemProps;\nexport function MenuItem({ className, ...props }: MenuItemProps) {\n  const classNames = clsx(className, \"menu-item\");\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <RACMenuItem {...props} className={classNames} textValue={textValue}>\n      {({ hasSubmenu }) => (\n        <>\n          {props.children}\n          {hasSubmenu && <IconChevronDown />}\n        </>\n      )}\n    </RACMenuItem>\n  );\n}\n\nexport type MenuHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function MenuHeader({ className, ...props }: MenuHeaderProps) {\n  const classNames = clsx(className, \"menu-header\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type MenuSectionProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function MenuSection({ className, ...props }: MenuSectionProps) {\n  const classNames = clsx(className, \"menu-section\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type MenuHeadingProps = TextHeadingProps;\nexport function MenuHeading({ className, ...props }: MenuHeadingProps) {\n  const classNames = clsx(className, \"menu-heading\");\n  return <TextHeading {...props} className={classNames} />;\n}\n\nexport type MenuSeparatorProps = RACSeparatorProps;\nexport function MenuSeparator({ className, ...props }: MenuSeparatorProps) {\n  const classNames = clsx(className, \"menu-separator\");\n  return <RACSeparator {...props} className={classNames} />;\n}\n\nexport type MenuLabelProps = LabelProps;\nexport function MenuLabel({ className, ...props }: MenuLabelProps) {\n  const classNames = clsx(className, \"menu-label\");\n  return <Label {...props} className={classNames} />;\n}\n\nexport type MenuDescriptionProps = DescriptionProps;\nexport function MenuDescription({ className, ...props }: MenuDescriptionProps) {\n  const classNames = clsx(className, \"menu-description\");\n  return <Description {...props} className={classNames} />;\n}\n\nexport type MenuShortcutProps = KeyboardProps;\nexport function MenuShortcut({\n  children,\n  className,\n  ...props\n}: MenuShortcutProps) {\n  const classNames = clsx(className, \"menu-shortcut\");\n  return (\n    <Keyboard {...props} className={classNames}>\n      {children}\n    </Keyboard>\n  );\n}\n"],"names":["Menu","className","props","jsx","RACMenu","clsx","MenuTrigger","RACMenuTrigger","MenuButton","label","children","icon","placement","variant","IconButton","Button","MenuPopover","UNSTABLE_portalContainer","portalContainer","useOverlayPortalContainer","RACPopover","MenuItem","classNames","textValue","RACMenuItem","hasSubmenu","jsxs","Fragment","IconChevronDown","MenuHeader","MenuSection","MenuHeading","TextHeading","MenuSeparator","RACSeparator","MenuLabel","Label","MenuDescription","Description","MenuShortcut","Keyboard"],"mappings":";;;;;;;;;;AAgCO,SAASA,EAAuB,EAAE,WAAAC,GAAW,GAAGC,KAAuB;AAC5E,SAAO,gBAAAC,EAACC,KAAQ,WAAWC,EAAKJ,GAAW,MAAM,GAAI,GAAGC,GAAO;AACjE;AAGO,SAASI,EAAY,EAAE,GAAGJ,KAA2B;AAC1D,SAAO,gBAAAC,EAACI,GAAA,EAAgB,GAAGL,EAAA,CAAO;AACpC;AAUO,SAASM,EAA6B;AAAA,EAC3C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGX;AACL,GAAuB;AACrB,2BACGI,GAAA,EACE,UAAA;AAAA,IAAAK,IACC,gBAAAR,EAACW,GAAA,EAAW,SAAAD,GAAkB,cAAYJ,GACvC,aACH,IAEA,gBAAAN,EAACY,GAAA,EAAO,SAAAF,GAAmB,UAAAJ,GAAM;AAAA,IAEnC,gBAAAN,EAACa,KAAY,WAAAJ,GACX,UAAA,gBAAAT,EAACH,KAAM,GAAGE,GAAQ,UAAAQ,GAAS,EAAA,CAC7B;AAAA,EAAA,GACF;AAEJ;AAGO,SAASM,EAAY;AAAA,EAC1B,0BAAAC;AAAA,EACA,GAAGf;AACL,GAAqB;AAGnB,QAAMgB,IAAkBC,EAAA;AACxB,SACE,gBAAAhB;AAAA,IAACiB;AAAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,0BAA0Be,KAA4BC;AAAA,IAAA;AAAA,EAAA;AAG5D;AAGO,SAASG,EAAS,EAAE,WAAApB,GAAW,GAAGC,KAAwB;AAC/D,QAAMoB,IAAajB,EAAKJ,GAAW,WAAW,GACxCsB,IACJrB,EAAM,cACL,OAAOA,EAAM,YAAa,WAAWA,EAAM,WAAW;AACzD,SACE,gBAAAC,EAACqB,GAAA,EAAa,GAAGtB,GAAO,WAAWoB,GAAY,WAAAC,GAC5C,UAAA,CAAC,EAAE,YAAAE,EAAA,MACF,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAzB,EAAM;AAAA,IACNuB,uBAAeG,GAAA,CAAA,CAAgB;AAAA,EAAA,EAAA,CAClC,EAAA,CAEJ;AAEJ;AAGO,SAASC,EAAW,EAAE,WAAA5B,GAAW,GAAGC,KAA0B;AACnE,QAAMoB,IAAajB,EAAKJ,GAAW,aAAa;AAChD,SAAO,gBAAAE,EAAC,OAAA,EAAK,GAAGD,GAAO,WAAWoB,GAAY;AAChD;AAGO,SAASQ,EAAY,EAAE,WAAA7B,GAAW,GAAGC,KAA2B;AACrE,QAAMoB,IAAajB,EAAKJ,GAAW,cAAc;AACjD,SAAO,gBAAAE,EAAC,OAAA,EAAK,GAAGD,GAAO,WAAWoB,GAAY;AAChD;AAGO,SAASS,EAAY,EAAE,WAAA9B,GAAW,GAAGC,KAA2B;AACrE,QAAMoB,IAAajB,EAAKJ,GAAW,cAAc;AACjD,SAAO,gBAAAE,EAAC6B,GAAA,EAAa,GAAG9B,GAAO,WAAWoB,GAAY;AACxD;AAGO,SAASW,EAAc,EAAE,WAAAhC,GAAW,GAAGC,KAA6B;AACzE,QAAMoB,IAAajB,EAAKJ,GAAW,gBAAgB;AACnD,SAAO,gBAAAE,EAAC+B,GAAA,EAAc,GAAGhC,GAAO,WAAWoB,GAAY;AACzD;AAGO,SAASa,EAAU,EAAE,WAAAlC,GAAW,GAAGC,KAAyB;AACjE,QAAMoB,IAAajB,EAAKJ,GAAW,YAAY;AAC/C,SAAO,gBAAAE,EAACiC,GAAA,EAAO,GAAGlC,GAAO,WAAWoB,GAAY;AAClD;AAGO,SAASe,EAAgB,EAAE,WAAApC,GAAW,GAAGC,KAA+B;AAC7E,QAAMoB,IAAajB,EAAKJ,GAAW,kBAAkB;AACrD,SAAO,gBAAAE,EAACmC,GAAA,EAAa,GAAGpC,GAAO,WAAWoB,GAAY;AACxD;AAGO,SAASiB,EAAa;AAAA,EAC3B,UAAA7B;AAAA,EACA,WAAAT;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMoB,IAAajB,EAAKJ,GAAW,eAAe;AAClD,2BACGuC,GAAA,EAAU,GAAGtC,GAAO,WAAWoB,GAC7B,UAAAZ,GACH;AAEJ;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../src/ui/primitives/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  Description,\n  DescriptionProps,\n  IconButton,\n  Keyboard,\n  KeyboardProps,\n  Label,\n  LabelProps,\n  TextHeading,\n  type TextHeadingProps,\n} from \"primitives\";\nimport React from \"react\";\nimport { PermissionGate } from \"../PermissionGate/PermissionGate\";\nimport {\n  Menu as RACMenu,\n  MenuItem as RACMenuItem,\n  MenuTrigger as RACMenuTrigger,\n  Popover as RACPopover,\n  Separator as RACSeparator,\n  type MenuItemProps as RACMenuItemProps,\n  type MenuProps as RACMenuProps,\n  type MenuTriggerProps as RACMenuTriggerProps,\n  type PopoverProps as RACPopoverProps,\n  type SeparatorProps as RACSeparatorProps,\n} from \"react-aria-components\";\nimport \"./menu.css\";\n\n/**\n * Aviso de desenvolvimento: um `PermissionGate` EM VOLTA de um `MenuItem` quebra\n * o menu. O collection builder do react-aria-components só entende nós de\n * coleção (`MenuItem`, `MenuSeparator`, `MenuSection`); o `<span>` que o gate\n * renderiza no ramo negado entra na coleção com `node` nulo e arrebenta a lista\n * encadeada de chaves — o item envolvido e todos os seguintes desaparecem, e se\n * ele for o primeiro filho o menu abre VAZIO, levando embora também os itens\n * permitidos. Não há erro no console, e a forma errada passa despercebida em QA\n * feito com um usuário que tem todas as permissões, porque o ramo que envolve só\n * é renderizado quando a ação é negada.\n *\n * O gate deve ficar DENTRO do item, em volta do conteúdo — ali é seguro, porque\n * o conteúdo do item é renderizado no DOM real, fora da coleção. Mesmo padrão\n * das ações de linha do `DataTable`.\n *\n * O aviso é incondicional, e não atrás de `process.env.NODE_ENV`: o build da lib\n * (`vite.lib.config.ts`) substitui essa variável pelo literal `\"production\"`, o\n * que transformaria o guard em código morto justamente nos consumidores. Só\n * dispara uma vez por sessão, e só quando já existe um bug na árvore.\n */\nlet hasWarnedAboutGateAroundItem = false;\n\nfunction warnOnGateAroundItem(children: React.ReactNode) {\n  if (hasWarnedAboutGateAroundItem) return;\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n    if (child.type === React.Fragment) {\n      warnOnGateAroundItem(\n        (child.props as { children?: React.ReactNode }).children,\n      );\n      return;\n    }\n    if (child.type === PermissionGate) {\n      hasWarnedAboutGateAroundItem = true;\n      console.error(\n        \"[design-system] Menu: PermissionGate não pode envolver um MenuItem — \" +\n          \"o react-aria descarta esse item e os seguintes, e o menu abre vazio \" +\n          \"quando ele é o primeiro. Mova o gate para dentro do MenuItem, em \" +\n          \"volta do conteúdo do item.\",\n      );\n    }\n  });\n}\n\nexport type MenuProps<T> = RACMenuProps<T>;\nexport function Menu<T extends object>({ className, ...props }: MenuProps<T>) {\n  // children pode ser uma função nas coleções dinâmicas do react-aria.\n  warnOnGateAroundItem(\n    typeof props.children === \"function\" ? null : props.children,\n  );\n  return <RACMenu className={clsx(className, \"menu\")} {...props} />;\n}\n\nexport type MenuTriggerProps = RACMenuTriggerProps;\nexport function MenuTrigger({ ...props }: MenuTriggerProps) {\n  return <RACMenuTrigger {...props} />;\n}\n\nexport interface MenuButtonProps<T>\n  extends RACMenuProps<T>,\n    Omit<RACMenuTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  placement?: MenuPopoverProps[\"placement\"];\n  icon?: React.ReactNode;\n}\nexport function MenuButton<T extends object>({\n  label,\n  children,\n  icon,\n  placement,\n  variant,\n  ...props\n}: MenuButtonProps<T>) {\n  return (\n    <MenuTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <MenuPopover placement={placement}>\n        <Menu {...props}>{children}</Menu>\n      </MenuPopover>\n    </MenuTrigger>\n  );\n}\n\nexport type MenuPopoverProps = RACPopoverProps;\nexport function MenuPopover({\n  UNSTABLE_portalContainer,\n  ...props\n}: MenuPopoverProps) {\n  // Sem container explícito o menu faz portal no document.body — fora da shadow\n  // root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <RACPopover\n      {...props}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer ?? portalContainer}\n    />\n  );\n}\n\nexport type MenuItemProps = RACMenuItemProps;\nexport function MenuItem({ className, ...props }: MenuItemProps) {\n  const classNames = clsx(className, \"menu-item\");\n  const textValue =\n    props.textValue ||\n    (typeof props.children === \"string\" ? props.children : undefined);\n  return (\n    <RACMenuItem {...props} className={classNames} textValue={textValue}>\n      {({ hasSubmenu }) => (\n        <>\n          {props.children}\n          {hasSubmenu && <IconChevronDown />}\n        </>\n      )}\n    </RACMenuItem>\n  );\n}\n\nexport type MenuHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function MenuHeader({ className, ...props }: MenuHeaderProps) {\n  const classNames = clsx(className, \"menu-header\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type MenuSectionProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function MenuSection({ className, ...props }: MenuSectionProps) {\n  const classNames = clsx(className, \"menu-section\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type MenuHeadingProps = TextHeadingProps;\nexport function MenuHeading({ className, ...props }: MenuHeadingProps) {\n  const classNames = clsx(className, \"menu-heading\");\n  return <TextHeading {...props} className={classNames} />;\n}\n\nexport type MenuSeparatorProps = RACSeparatorProps;\nexport function MenuSeparator({ className, ...props }: MenuSeparatorProps) {\n  const classNames = clsx(className, \"menu-separator\");\n  return <RACSeparator {...props} className={classNames} />;\n}\n\nexport type MenuLabelProps = LabelProps;\nexport function MenuLabel({ className, ...props }: MenuLabelProps) {\n  const classNames = clsx(className, \"menu-label\");\n  return <Label {...props} className={classNames} />;\n}\n\nexport type MenuDescriptionProps = DescriptionProps;\nexport function MenuDescription({ className, ...props }: MenuDescriptionProps) {\n  const classNames = clsx(className, \"menu-description\");\n  return <Description {...props} className={classNames} />;\n}\n\nexport type MenuShortcutProps = KeyboardProps;\nexport function MenuShortcut({\n  children,\n  className,\n  ...props\n}: MenuShortcutProps) {\n  const classNames = clsx(className, \"menu-shortcut\");\n  return (\n    <Keyboard {...props} className={classNames}>\n      {children}\n    </Keyboard>\n  );\n}\n"],"names":["hasWarnedAboutGateAroundItem","warnOnGateAroundItem","children","React","child","PermissionGate","Menu","className","props","jsx","RACMenu","clsx","MenuTrigger","RACMenuTrigger","MenuButton","label","icon","placement","variant","IconButton","Button","MenuPopover","UNSTABLE_portalContainer","portalContainer","useOverlayPortalContainer","RACPopover","MenuItem","classNames","textValue","RACMenuItem","hasSubmenu","jsxs","Fragment","IconChevronDown","MenuHeader","MenuSection","MenuHeading","TextHeading","MenuSeparator","RACSeparator","MenuLabel","Label","MenuDescription","Description","MenuShortcut","Keyboard"],"mappings":"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"}

package/dist/lib/ui/primitives/PermissionGate/PermissionGate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionGate.cjs","sources":["../../../../../src/ui/primitives/PermissionGate/PermissionGate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface PermissionGateProps {\n  /** Whether the current user has permission to perform this action. */\n  isAllowed: boolean;\n  /** Tooltip text shown when the action is not allowed. */\n  noAccessLabel: string;\n  /**\n   * Either a React element or a render prop that receives `isAllowed`.\n   * Use the render prop to avoid repeating the permission check inside the child.\n   */\n  children: React.ReactElement | ((isAllowed: boolean) => React.ReactElement);\n}\n\n/**\n * Wraps any interactive element with a tooltip that appears when `isAllowed` is false.\n *\n * When allowed, renders the trigger directly with no wrapper.\n * When not allowed, wraps in a DS Tooltip with hover trigger.\n * A `<span>` wrapper ensures disabled elements still receive pointer events.\n */\nexport function PermissionGate({\n  isAllowed,\n  noAccessLabel,\n  children,\n}: PermissionGateProps) {\n  const trigger =\n    typeof children === \"function\" ? children(isAllowed) : children;\n\n  if (isAllowed) {\n    return trigger;\n  }\n\n  return (\n    <Tooltip content={noAccessLabel} trigger=\"hover\" placement=\"top\" offset={4}>\n      <span style={{ display: \"inline-flex\" }}>{trigger}</span>\n    </Tooltip>\n  );\n}\n"],"names":["PermissionGate","isAllowed","noAccessLabel","children","trigger","Tooltip","jsx"],"mappings":"yJAsBO,SAASA,EAAe,CAC7B,UAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAAwB,CACtB,MAAMC,EACJ,OAAOD,GAAa,WAAaA,EAASF,CAAS,EAAIE,EAEzD,OAAIF,EACKG,QAINC,UAAA,CAAQ,QAASH,EAAe,QAAQ,QAAQ,UAAU,MAAM,OAAQ,EACvE,SAAAI,MAAC,QAAK,MAAO,CAAE,QAAS,aAAA,EAAkB,WAAQ,EACpD,CAEJ"}
+{"version":3,"file":"PermissionGate.cjs","sources":["../../../../../src/ui/primitives/PermissionGate/PermissionGate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface PermissionGateProps {\n  /** Whether the current user has permission to perform this action. */\n  isAllowed: boolean;\n  /** Tooltip text shown when the action is not allowed. */\n  noAccessLabel: string;\n  /**\n   * Either a React element or a render prop that receives `isAllowed`.\n   * Use the render prop to avoid repeating the permission check inside the child.\n   */\n  children: React.ReactElement | ((isAllowed: boolean) => React.ReactElement);\n}\n\n/**\n * Wraps any interactive element with a tooltip that appears when `isAllowed` is false.\n *\n * When allowed, renders the trigger directly with no wrapper.\n * When not allowed, wraps in a DS Tooltip with hover trigger.\n * A `<span>` wrapper ensures disabled elements still receive pointer events.\n *\n * Dentro de coleções do react-aria-components (`Menu`, `ListBox`, `Table`,\n * `Tree`) o gate vai NO CONTEÚDO do nó, nunca em volta dele:\n *\n * ```tsx\n * // ERRADO — o react-aria descarta esse item e os seguintes, e o menu abre\n * // vazio se ele for o primeiro. Sem erro no console.\n * <PermissionGate …><MenuItem>…</MenuItem></PermissionGate>\n *\n * // CERTO\n * <MenuItem isDisabled={!allowed}>\n *   <PermissionGate …><span>…</span></PermissionGate>\n * </MenuItem>\n * ```\n *\n * O collection builder só reconhece nós de coleção; o `<span>` do ramo negado\n * entra na coleção com `node` nulo e quebra a lista encadeada de chaves. Já o\n * conteúdo de um nó é renderizado no DOM real, fora da coleção, e por isso é\n * seguro — é onde o `DataTable` põe o gate nas ações de linha. O `Menu` avisa no\n * console em desenvolvimento se o gate aparecer em volta de um item.\n */\nexport function PermissionGate({\n  isAllowed,\n  noAccessLabel,\n  children,\n}: PermissionGateProps) {\n  const trigger =\n    typeof children === \"function\" ? children(isAllowed) : children;\n\n  if (isAllowed) {\n    return trigger;\n  }\n\n  return (\n    <Tooltip content={noAccessLabel} trigger=\"hover\" placement=\"top\" offset={4}>\n      <span style={{ display: \"inline-flex\" }}>{trigger}</span>\n    </Tooltip>\n  );\n}\n"],"names":["PermissionGate","isAllowed","noAccessLabel","children","trigger","Tooltip","jsx"],"mappings":"yJA0CO,SAASA,EAAe,CAC7B,UAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAAwB,CACtB,MAAMC,EACJ,OAAOD,GAAa,WAAaA,EAASF,CAAS,EAAIE,EAEzD,OAAIF,EACKG,QAINC,UAAA,CAAQ,QAASH,EAAe,QAAQ,QAAQ,UAAU,MAAM,OAAQ,EACvE,SAAAI,MAAC,QAAK,MAAO,CAAE,QAAS,aAAA,EAAkB,WAAQ,EACpD,CAEJ"}

package/dist/lib/ui/primitives/PermissionGate/PermissionGate.js.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionGate.js","sources":["../../../../../src/ui/primitives/PermissionGate/PermissionGate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface PermissionGateProps {\n  /** Whether the current user has permission to perform this action. */\n  isAllowed: boolean;\n  /** Tooltip text shown when the action is not allowed. */\n  noAccessLabel: string;\n  /**\n   * Either a React element or a render prop that receives `isAllowed`.\n   * Use the render prop to avoid repeating the permission check inside the child.\n   */\n  children: React.ReactElement | ((isAllowed: boolean) => React.ReactElement);\n}\n\n/**\n * Wraps any interactive element with a tooltip that appears when `isAllowed` is false.\n *\n * When allowed, renders the trigger directly with no wrapper.\n * When not allowed, wraps in a DS Tooltip with hover trigger.\n * A `<span>` wrapper ensures disabled elements still receive pointer events.\n */\nexport function PermissionGate({\n  isAllowed,\n  noAccessLabel,\n  children,\n}: PermissionGateProps) {\n  const trigger =\n    typeof children === \"function\" ? children(isAllowed) : children;\n\n  if (isAllowed) {\n    return trigger;\n  }\n\n  return (\n    <Tooltip content={noAccessLabel} trigger=\"hover\" placement=\"top\" offset={4}>\n      <span style={{ display: \"inline-flex\" }}>{trigger}</span>\n    </Tooltip>\n  );\n}\n"],"names":["PermissionGate","isAllowed","noAccessLabel","children","trigger","Tooltip","jsx"],"mappings":";;AAsBO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,GAAwB;AACtB,QAAMC,IACJ,OAAOD,KAAa,aAAaA,EAASF,CAAS,IAAIE;AAEzD,SAAIF,IACKG,sBAINC,GAAA,EAAQ,SAASH,GAAe,SAAQ,SAAQ,WAAU,OAAM,QAAQ,GACvE,UAAA,gBAAAI,EAAC,UAAK,OAAO,EAAE,SAAS,cAAA,GAAkB,aAAQ,GACpD;AAEJ;"}
+{"version":3,"file":"PermissionGate.js","sources":["../../../../../src/ui/primitives/PermissionGate/PermissionGate.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface PermissionGateProps {\n  /** Whether the current user has permission to perform this action. */\n  isAllowed: boolean;\n  /** Tooltip text shown when the action is not allowed. */\n  noAccessLabel: string;\n  /**\n   * Either a React element or a render prop that receives `isAllowed`.\n   * Use the render prop to avoid repeating the permission check inside the child.\n   */\n  children: React.ReactElement | ((isAllowed: boolean) => React.ReactElement);\n}\n\n/**\n * Wraps any interactive element with a tooltip that appears when `isAllowed` is false.\n *\n * When allowed, renders the trigger directly with no wrapper.\n * When not allowed, wraps in a DS Tooltip with hover trigger.\n * A `<span>` wrapper ensures disabled elements still receive pointer events.\n *\n * Dentro de coleções do react-aria-components (`Menu`, `ListBox`, `Table`,\n * `Tree`) o gate vai NO CONTEÚDO do nó, nunca em volta dele:\n *\n * ```tsx\n * // ERRADO — o react-aria descarta esse item e os seguintes, e o menu abre\n * // vazio se ele for o primeiro. Sem erro no console.\n * <PermissionGate …><MenuItem>…</MenuItem></PermissionGate>\n *\n * // CERTO\n * <MenuItem isDisabled={!allowed}>\n *   <PermissionGate …><span>…</span></PermissionGate>\n * </MenuItem>\n * ```\n *\n * O collection builder só reconhece nós de coleção; o `<span>` do ramo negado\n * entra na coleção com `node` nulo e quebra a lista encadeada de chaves. Já o\n * conteúdo de um nó é renderizado no DOM real, fora da coleção, e por isso é\n * seguro — é onde o `DataTable` põe o gate nas ações de linha. O `Menu` avisa no\n * console em desenvolvimento se o gate aparecer em volta de um item.\n */\nexport function PermissionGate({\n  isAllowed,\n  noAccessLabel,\n  children,\n}: PermissionGateProps) {\n  const trigger =\n    typeof children === \"function\" ? children(isAllowed) : children;\n\n  if (isAllowed) {\n    return trigger;\n  }\n\n  return (\n    <Tooltip content={noAccessLabel} trigger=\"hover\" placement=\"top\" offset={4}>\n      <span style={{ display: \"inline-flex\" }}>{trigger}</span>\n    </Tooltip>\n  );\n}\n"],"names":["PermissionGate","isAllowed","noAccessLabel","children","trigger","Tooltip","jsx"],"mappings":";;AA0CO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,GAAwB;AACtB,QAAMC,IACJ,OAAOD,KAAa,aAAaA,EAASF,CAAS,IAAIE;AAEzD,SAAIF,IACKG,sBAINC,GAAA,EAAQ,SAASH,GAAe,SAAQ,SAAQ,WAAU,OAAM,QAAQ,GACvE,UAAA,gBAAAI,EAAC,UAAK,OAAO,EAAE,SAAS,cAAA,GAAkB,aAAQ,GACpD;AAEJ;"}

package/dist/lib/ui/primitives/Search/Search.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../../../vendor/clsx/dist/clsx.cjs"),a=require("react"),u=require("react-aria-components");;/* empty css             */const q=require("../../icons/IconX.cjs"),S=require("../../icons/IconSearch.cjs"),b=require("../../hooks/useOverlayPortal.cjs"),B=require("../Fieldset/Fieldset.cjs"),f=require("../Input/Input.cjs"),h=require("../IconButton/IconButton.cjs"),x=require("../ListBox/ListBox.cjs"),v=a.forwardRef(function({className:m,results:c,onSearch:o,...i},n){const[l,j]=a.useState(""),t=a.useRef(null),s=e=>{j(e),o&&o(e)},p=d.clsx(m,"search-input-container"),I=b.useOverlayPortalContainer();return r.jsxs(u.ComboBox,{className:p,children:[r.jsx(B.Label,{hidden:!0,children:i["aria-label"]||"Search"}),r.jsx(f.Input,{type:"search",className:"search-input",value:l,onInput:e=>s(e.currentTarget.value),ref:e=>{t.current=e,typeof n=="function"?n(e):n&&(n.current=e)},...i}),r.jsx("span",{className:"search-icon",children:l?r.jsx(h.IconButton,{"aria-label":"Clear search",onPress:()=>s(""),size:"small",variant:"subtle",children:r.jsx(q.IconX,{})}):r.jsx(h.IconButton,{"aria-label":"Clear search",onPress:()=>{var e;return(e=t==null?void 0:t.current)==null?void 0:e.focus()},size:"small",variant:"subtle",children:r.jsx(S.IconSearch,{})})}),r.jsx(u.Popover,{UNSTABLE_portalContainer:I,children:r.jsx(x.ListBox,{children:c==null?void 0:c.map(e=>r.jsx(x.ListBoxItem,{onAction:()=>s(e),children:e},e))})})]})});exports.Search=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../../../vendor/clsx/dist/clsx.cjs"),a=require("react"),u=require("react-aria-components");;/* empty css             */const q=require("../../icons/IconX.cjs"),S=require("../../icons/IconSearch.cjs"),b=require("../../hooks/useOverlayPortal.cjs"),f=require("../Fieldset/Fieldset.cjs"),v=require("../Input/Input.cjs"),h=require("../IconButton/IconButton.cjs"),x=require("../ListBox/ListBox.cjs"),B=a.forwardRef(function({className:m,results:c,onSearch:o,...i},n){const[l,j]=a.useState(""),t=a.useRef(null),s=e=>{j(e),o&&o(e)},p=d.clsx(m,"search-input-container"),I=b.useOverlayPortalContainer();return r.jsxs(u.ComboBox,{className:p,children:[r.jsx(f.Label,{hidden:!0,children:i["aria-label"]||"Search"}),r.jsx(v.Input,{type:"search",className:"search-input",value:l,onInput:e=>s(e.currentTarget.value),ref:e=>{t.current=e,typeof n=="function"?n(e):n&&(n.current=e)},...i}),r.jsx("span",{className:"search-icon",children:l?r.jsx(h.IconButton,{"aria-label":"Clear search",onPress:()=>s(""),size:"small",variant:"subtle",children:r.jsx(q.IconX,{})}):r.jsx(h.IconButton,{"aria-label":"Clear search",onPress:()=>{var e;return(e=t==null?void 0:t.current)==null?void 0:e.focus()},size:"small",variant:"subtle",children:r.jsx(S.IconSearch,{})})}),r.jsx(u.Popover,{UNSTABLE_portalContainer:I,children:r.jsx(x.ListBox,{children:c==null?void 0:c.map(e=>r.jsx(x.ListBoxItem,{onAction:()=>s(e),children:e},e))})})]})});exports.Search=B;
 //# sourceMappingURL=Search.cjs.map

package/dist/lib/ui/primitives/Search/Search.js

@@ -1,16 +1,16 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { clsx as d } from "../../../vendor/clsx/dist/clsx.js";
 import I, { useState as b, useRef as x } from "react";
-import { ComboBox as v, Popover as B } from "react-aria-components";
+import { ComboBox as v, Popover as C } from "react-aria-components";
 /* empty css           */
-import { IconX as C } from "../../icons/IconX.js";
-import { IconSearch as S } from "../../icons/IconSearch.js";
+import { IconX as S } from "../../icons/IconX.js";
+import { IconSearch as B } from "../../icons/IconSearch.js";
 import { useOverlayPortalContainer as N } from "../../hooks/useOverlayPortal.js";
 import { Label as L } from "../Fieldset/Fieldset.js";
 import { Input as P } from "../Input/Input.js";
 import { IconButton as m } from "../IconButton/IconButton.js";
 import { ListBox as T, ListBoxItem as y } from "../ListBox/ListBox.js";
-const q = I.forwardRef(function({ className: l, results: a, onSearch: c, ...i }, o) {
+const D = I.forwardRef(function({ className: l, results: a, onSearch: c, ...i }, o) {
   const [s, p] = b(""), t = x(null), n = (r) => {
     p(r), c && c(r);
   }, h = d(l, "search-input-container"), u = N();
@@ -36,7 +36,7 @@ const q = I.forwardRef(function({ className: l, results: a, onSearch: c, ...i },
         onPress: () => n(""),
         size: "small",
         variant: "subtle",
-        children: /* @__PURE__ */ e(C, {})
+        children: /* @__PURE__ */ e(S, {})
       }
     ) : /* @__PURE__ */ e(
       m,
@@ -48,13 +48,13 @@ const q = I.forwardRef(function({ className: l, results: a, onSearch: c, ...i },
         },
         size: "small",
         variant: "subtle",
-        children: /* @__PURE__ */ e(S, {})
+        children: /* @__PURE__ */ e(B, {})
       }
     ) }),
-    /* @__PURE__ */ e(B, { UNSTABLE_portalContainer: u, children: /* @__PURE__ */ e(T, { children: a == null ? void 0 : a.map((r) => /* @__PURE__ */ e(y, { onAction: () => n(r), children: r }, r)) }) })
+    /* @__PURE__ */ e(C, { UNSTABLE_portalContainer: u, children: /* @__PURE__ */ e(T, { children: a == null ? void 0 : a.map((r) => /* @__PURE__ */ e(y, { onAction: () => n(r), children: r }, r)) }) })
   ] });
 });
 export {
-  q as Search
+  D as Search
 };
 //# sourceMappingURL=Search.js.map

package/dist/lib/ui/primitives/Select/MultiSelect.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),E=require("../../../vendor/clsx/dist/clsx.cjs"),s=require("react"),h=require("react-aria-components");;/* empty css             */const F=require("../../icons/IconChevronDown.cjs"),N=require("../../hooks/useOverlayPortal.cjs"),u=require("../Fieldset/Fieldset.cjs"),R=require("../ListBox/ListBox.cjs");function v(t){const{id:e}=t.props;return String(e??t.key??"")}function I(t){const{textValue:e,children:r}=t.props;return e!==void 0?e:typeof r=="string"?r:""}function m(t,e){s.Children.forEach(t,r=>{s.isValidElement(r)&&e(r)})}function M(t){const e=new Set;return m(t,r=>e.add(v(r))),e}function O(t,e){const r=new Set([...e].map(String)),o=[];return m(t,c=>{r.has(v(c))&&o.push(I(c))}),o.join(", ")}function B({className:t,label:e,description:r,errorMessage:o,placeholder:c,children:d,selectedKeys:x,onSelectionChange:j,isDisabled:S,isInvalid:y,disallowEmptySelection:q,"aria-label":g}){const C=E.clsx(t,"select-container"),b=N.useOverlayPortalContainer(),l=s.useRef(null),[T,w]=s.useState(),f=s.useCallback(()=>{l.current&&w(`${l.current.offsetWidth}px`)},[]);s.useLayoutEffect(()=>{f();const i=l.current;if(!i||typeof ResizeObserver>"u")return;const p=new ResizeObserver(f);return p.observe(i),()=>p.disconnect()},[f]);const a=O(d,x);return n.jsx("div",{className:C,children:n.jsxs(u.Field,{children:[e&&n.jsx(u.Label,{children:e}),n.jsxs(h.MenuTrigger,{children:[n.jsxs(h.Button,{ref:l,className:"select","aria-label":g,isDisabled:S,"data-invalid":y||void 0,children:[n.jsx("span",{className:"select-value","data-placeholder":a===""||void 0,title:a||void 0,children:a===""?c:a}),n.jsx(F.IconChevronDown,{"aria-hidden":"true"})]}),n.jsx(h.Popover,{className:"select-popover",style:{"--trigger-width":T},UNSTABLE_portalContainer:b,children:n.jsx(R.ListBox,{"aria-label":e??g,autoFocus:!0,selectionMode:"multiple",disallowEmptySelection:q,selectedKeys:x,onSelectionChange:i=>j(i==="all"?M(d):new Set(i)),children:d})})]}),r&&n.jsx(u.Description,{children:r}),n.jsx(u.FieldError,{children:o})]})})}exports.MultiSelectField=B;
+//# sourceMappingURL=MultiSelect.cjs.map

package/dist/lib/ui/primitives/Select/MultiSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.cjs","sources":["../../../../../src/ui/primitives/Select/MultiSelect.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Label,\n  ListBox,\n  SharedFieldProps,\n} from \"primitives\";\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Button as RACButton,\n  MenuTrigger as RACMenuTrigger,\n  Popover as RACPopover,\n  type Key as RACKey,\n  type Selection as RACSelection,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nfunction itemKey(item: React.ReactElement): string {\n  const { id } = item.props as { id?: RACKey };\n  return String(id ?? item.key ?? \"\");\n}\n\nfunction itemText(item: React.ReactElement): string {\n  const { textValue, children } = item.props as {\n    textValue?: string;\n    children?: React.ReactNode;\n  };\n  if (textValue !== undefined) return textValue;\n  return typeof children === \"string\" ? children : \"\";\n}\n\nfunction forEachItem(\n  children: React.ReactNode,\n  visit: (item: React.ReactElement) => void,\n) {\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) visit(child);\n  });\n}\n\nfunction allItemKeys(children: React.ReactNode): Set<RACKey> {\n  const keys = new Set<RACKey>();\n  forEachItem(children, (item) => keys.add(itemKey(item)));\n  return keys;\n}\n\nfunction selectedItemsText(\n  children: React.ReactNode,\n  selectedKeys: Iterable<RACKey>,\n): string {\n  const selected = new Set([...selectedKeys].map(String));\n  const texts: string[] = [];\n  forEachItem(children, (item) => {\n    if (selected.has(itemKey(item))) texts.push(itemText(item));\n  });\n  return texts.join(\", \");\n}\n\nexport interface MultiSelectFieldProps extends SharedFieldProps {\n  children: React.ReactNode;\n  selectedKeys: Iterable<RACKey>;\n  onSelectionChange: (keys: Set<RACKey>) => void;\n  className?: string;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  disallowEmptySelection?: boolean;\n  \"aria-label\"?: string;\n}\n\nexport function MultiSelectField({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  selectedKeys,\n  onSelectionChange,\n  isDisabled,\n  isInvalid,\n  disallowEmptySelection,\n  \"aria-label\": ariaLabel,\n}: MultiSelectFieldProps) {\n  const classNames = clsx(className, \"select-container\");\n  const portalContainer = useOverlayPortalContainer();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [triggerWidth, setTriggerWidth] = useState<string>();\n\n  const measureTrigger = useCallback(() => {\n    if (triggerRef.current) {\n      setTriggerWidth(`${triggerRef.current.offsetWidth}px`);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    measureTrigger();\n    const trigger = triggerRef.current;\n    if (!trigger || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measureTrigger);\n    observer.observe(trigger);\n    return () => observer.disconnect();\n  }, [measureTrigger]);\n\n  const chosenText = selectedItemsText(children, selectedKeys);\n\n  return (\n    <div className={classNames}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACMenuTrigger>\n          <RACButton\n            ref={triggerRef}\n            className=\"select\"\n            aria-label={ariaLabel}\n            isDisabled={isDisabled}\n            data-invalid={isInvalid || undefined}\n          >\n            <span\n              className=\"select-value\"\n              data-placeholder={chosenText === \"\" || undefined}\n              title={chosenText || undefined}\n            >\n              {chosenText === \"\" ? placeholder : chosenText}\n            </span>\n            <IconChevronDown aria-hidden=\"true\" />\n          </RACButton>\n          <RACPopover\n            className=\"select-popover\"\n            style={{ \"--trigger-width\": triggerWidth } as React.CSSProperties}\n            UNSTABLE_portalContainer={portalContainer}\n          >\n            <ListBox\n              aria-label={label ?? ariaLabel}\n              autoFocus\n              selectionMode=\"multiple\"\n              disallowEmptySelection={disallowEmptySelection}\n              selectedKeys={selectedKeys}\n              onSelectionChange={(keys: RACSelection) =>\n                onSelectionChange(\n                  keys === \"all\" ? allItemKeys(children) : new Set(keys),\n                )\n              }\n            >\n              {children}\n            </ListBox>\n          </RACPopover>\n        </RACMenuTrigger>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </div>\n  );\n}\n"],"names":["itemKey","item","id","itemText","textValue","children","forEachItem","visit","React","child","allItemKeys","keys","selectedItemsText","selectedKeys","selected","texts","MultiSelectField","className","label","description","errorMessage","placeholder","onSelectionChange","isDisabled","isInvalid","disallowEmptySelection","ariaLabel","classNames","clsx","portalContainer","useOverlayPortalContainer","triggerRef","useRef","triggerWidth","setTriggerWidth","useState","measureTrigger","useCallback","useLayoutEffect","trigger","observer","chosenText","jsx","Field","Label","RACMenuTrigger","jsxs","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError"],"mappings":"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"}

package/dist/lib/ui/primitives/Select/MultiSelect.js

@@ -0,0 +1,113 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { clsx as N } from "../../../vendor/clsx/dist/clsx.js";
+import h, { useRef as R, useState as F, useCallback as I, useLayoutEffect as j } from "react";
+import { MenuTrigger as B, Button as L, Popover as M } from "react-aria-components";
+/* empty css           */
+import { IconChevronDown as O } from "../../icons/IconChevronDown.js";
+import { useOverlayPortalContainer as W } from "../../hooks/useOverlayPortal.js";
+import { Field as k, Label as z, Description as D, FieldError as P } from "../Fieldset/Fieldset.js";
+import { ListBox as V } from "../ListBox/ListBox.js";
+function g(t) {
+  const { id: e } = t.props;
+  return String(e ?? t.key ?? "");
+}
+function A(t) {
+  const { textValue: e, children: r } = t.props;
+  return e !== void 0 ? e : typeof r == "string" ? r : "";
+}
+function v(t, e) {
+  h.Children.forEach(t, (r) => {
+    h.isValidElement(r) && e(r);
+  });
+}
+function K(t) {
+  const e = /* @__PURE__ */ new Set();
+  return v(t, (r) => e.add(g(r))), e;
+}
+function U(t, e) {
+  const r = new Set([...e].map(String)), i = [];
+  return v(t, (s) => {
+    r.has(g(s)) && i.push(A(s));
+  }), i.join(", ");
+}
+function Z({
+  className: t,
+  label: e,
+  description: r,
+  errorMessage: i,
+  placeholder: s,
+  children: a,
+  selectedKeys: f,
+  onSelectionChange: x,
+  isDisabled: S,
+  isInvalid: y,
+  disallowEmptySelection: C,
+  "aria-label": m
+}) {
+  const T = N(t, "select-container"), b = W(), c = R(null), [w, E] = F(), u = I(() => {
+    c.current && E(`${c.current.offsetWidth}px`);
+  }, []);
+  j(() => {
+    u();
+    const o = c.current;
+    if (!o || typeof ResizeObserver > "u") return;
+    const p = new ResizeObserver(u);
+    return p.observe(o), () => p.disconnect();
+  }, [u]);
+  const l = U(a, f);
+  return /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ d(k, { children: [
+    e && /* @__PURE__ */ n(z, { children: e }),
+    /* @__PURE__ */ d(B, { children: [
+      /* @__PURE__ */ d(
+        L,
+        {
+          ref: c,
+          className: "select",
+          "aria-label": m,
+          isDisabled: S,
+          "data-invalid": y || void 0,
+          children: [
+            /* @__PURE__ */ n(
+              "span",
+              {
+                className: "select-value",
+                "data-placeholder": l === "" || void 0,
+                title: l || void 0,
+                children: l === "" ? s : l
+              }
+            ),
+            /* @__PURE__ */ n(O, { "aria-hidden": "true" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        M,
+        {
+          className: "select-popover",
+          style: { "--trigger-width": w },
+          UNSTABLE_portalContainer: b,
+          children: /* @__PURE__ */ n(
+            V,
+            {
+              "aria-label": e ?? m,
+              autoFocus: !0,
+              selectionMode: "multiple",
+              disallowEmptySelection: C,
+              selectedKeys: f,
+              onSelectionChange: (o) => x(
+                o === "all" ? K(a) : new Set(o)
+              ),
+              children: a
+            }
+          )
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ n(D, { children: r }),
+    /* @__PURE__ */ n(P, { children: i })
+  ] }) });
+}
+export {
+  Z as MultiSelectField
+};
+//# sourceMappingURL=MultiSelect.js.map

package/dist/lib/ui/primitives/Select/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../../../../src/ui/primitives/Select/MultiSelect.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Label,\n  ListBox,\n  SharedFieldProps,\n} from \"primitives\";\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Button as RACButton,\n  MenuTrigger as RACMenuTrigger,\n  Popover as RACPopover,\n  type Key as RACKey,\n  type Selection as RACSelection,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nfunction itemKey(item: React.ReactElement): string {\n  const { id } = item.props as { id?: RACKey };\n  return String(id ?? item.key ?? \"\");\n}\n\nfunction itemText(item: React.ReactElement): string {\n  const { textValue, children } = item.props as {\n    textValue?: string;\n    children?: React.ReactNode;\n  };\n  if (textValue !== undefined) return textValue;\n  return typeof children === \"string\" ? children : \"\";\n}\n\nfunction forEachItem(\n  children: React.ReactNode,\n  visit: (item: React.ReactElement) => void,\n) {\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) visit(child);\n  });\n}\n\nfunction allItemKeys(children: React.ReactNode): Set<RACKey> {\n  const keys = new Set<RACKey>();\n  forEachItem(children, (item) => keys.add(itemKey(item)));\n  return keys;\n}\n\nfunction selectedItemsText(\n  children: React.ReactNode,\n  selectedKeys: Iterable<RACKey>,\n): string {\n  const selected = new Set([...selectedKeys].map(String));\n  const texts: string[] = [];\n  forEachItem(children, (item) => {\n    if (selected.has(itemKey(item))) texts.push(itemText(item));\n  });\n  return texts.join(\", \");\n}\n\nexport interface MultiSelectFieldProps extends SharedFieldProps {\n  children: React.ReactNode;\n  selectedKeys: Iterable<RACKey>;\n  onSelectionChange: (keys: Set<RACKey>) => void;\n  className?: string;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  disallowEmptySelection?: boolean;\n  \"aria-label\"?: string;\n}\n\nexport function MultiSelectField({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  selectedKeys,\n  onSelectionChange,\n  isDisabled,\n  isInvalid,\n  disallowEmptySelection,\n  \"aria-label\": ariaLabel,\n}: MultiSelectFieldProps) {\n  const classNames = clsx(className, \"select-container\");\n  const portalContainer = useOverlayPortalContainer();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [triggerWidth, setTriggerWidth] = useState<string>();\n\n  const measureTrigger = useCallback(() => {\n    if (triggerRef.current) {\n      setTriggerWidth(`${triggerRef.current.offsetWidth}px`);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    measureTrigger();\n    const trigger = triggerRef.current;\n    if (!trigger || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measureTrigger);\n    observer.observe(trigger);\n    return () => observer.disconnect();\n  }, [measureTrigger]);\n\n  const chosenText = selectedItemsText(children, selectedKeys);\n\n  return (\n    <div className={classNames}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACMenuTrigger>\n          <RACButton\n            ref={triggerRef}\n            className=\"select\"\n            aria-label={ariaLabel}\n            isDisabled={isDisabled}\n            data-invalid={isInvalid || undefined}\n          >\n            <span\n              className=\"select-value\"\n              data-placeholder={chosenText === \"\" || undefined}\n              title={chosenText || undefined}\n            >\n              {chosenText === \"\" ? placeholder : chosenText}\n            </span>\n            <IconChevronDown aria-hidden=\"true\" />\n          </RACButton>\n          <RACPopover\n            className=\"select-popover\"\n            style={{ \"--trigger-width\": triggerWidth } as React.CSSProperties}\n            UNSTABLE_portalContainer={portalContainer}\n          >\n            <ListBox\n              aria-label={label ?? ariaLabel}\n              autoFocus\n              selectionMode=\"multiple\"\n              disallowEmptySelection={disallowEmptySelection}\n              selectedKeys={selectedKeys}\n              onSelectionChange={(keys: RACSelection) =>\n                onSelectionChange(\n                  keys === \"all\" ? allItemKeys(children) : new Set(keys),\n                )\n              }\n            >\n              {children}\n            </ListBox>\n          </RACPopover>\n        </RACMenuTrigger>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </div>\n  );\n}\n"],"names":["itemKey","item","id","itemText","textValue","children","forEachItem","visit","React","child","allItemKeys","keys","selectedItemsText","selectedKeys","selected","texts","MultiSelectField","className","label","description","errorMessage","placeholder","onSelectionChange","isDisabled","isInvalid","disallowEmptySelection","ariaLabel","classNames","clsx","portalContainer","useOverlayPortalContainer","triggerRef","useRef","triggerWidth","setTriggerWidth","useState","measureTrigger","useCallback","useLayoutEffect","trigger","observer","chosenText","jsx","Field","Label","RACMenuTrigger","jsxs","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError"],"mappings":"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"}

package/dist/lib/ui/primitives/Select/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css             */const h=require("../../icons/IconChevronDown.cjs"),S=require("../../icons/IconCheck.cjs"),q=require("../../hooks/useOverlayPortal.cjs"),r=require("../Fieldset/Fieldset.cjs"),a=require("../ListBox/ListBox.cjs");function C({className:t,label:s,description:c,errorMessage:l,children:o,items:x,...j}){const m=i.clsx(t,"select-container"),d=q.useOverlayPortalContainer();return e.jsx(u,{className:m,...j,children:e.jsxs(r.Field,{children:[s&&e.jsx(r.Label,{children:s}),e.jsxs(n.Button,{className:"select",children:[e.jsx(n.SelectValue,{className:"select-value"}),e.jsx(h.IconChevronDown,{"aria-hidden":"true"})]}),e.jsx(n.Popover,{UNSTABLE_portalContainer:d,children:e.jsx(a.ListBox,{items:x,children:o})}),c&&e.jsx(r.Description,{children:c}),e.jsx(r.FieldError,{children:l})]})})}function u({...t}){return e.jsx(n.Select,{...t})}function N({children:t,className:s,...c}){const l=i.clsx(s,"select-item"),o=typeof t=="string"?t:"";return e.jsx(a.ListBoxItem,{textValue:o,className:l,...c,children:e.jsxs(e.Fragment,{children:[e.jsx(S.IconCheck,{className:"select-item-check"}),t]})})}exports.Select=u;exports.SelectField=C;exports.SelectItem=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css             */const h=require("../../icons/IconChevronDown.cjs"),S=require("../../icons/IconCheck.cjs"),q=require("../../hooks/useOverlayPortal.cjs"),r=require("../Fieldset/Fieldset.cjs"),a=require("../ListBox/ListBox.cjs");function N({className:s,label:t,description:c,errorMessage:l,children:o,items:x,...m}){const j=i.clsx(s,"select-container"),d=q.useOverlayPortalContainer();return e.jsx(u,{className:j,...m,children:e.jsxs(r.Field,{children:[t&&e.jsx(r.Label,{children:t}),e.jsxs(n.Button,{className:"select",children:[e.jsx(n.SelectValue,{className:"select-value"}),e.jsx(h.IconChevronDown,{"aria-hidden":"true"})]}),e.jsx(n.Popover,{className:"select-popover",UNSTABLE_portalContainer:d,children:e.jsx(a.ListBox,{items:x,children:o})}),c&&e.jsx(r.Description,{children:c}),e.jsx(r.FieldError,{children:l})]})})}function u({...s}){return e.jsx(n.Select,{...s})}function p({children:s,className:t,...c}){const l=i.clsx(t,"select-item"),o=typeof s=="string"?s:"";return e.jsx(a.ListBoxItem,{textValue:o,className:l,...c,children:e.jsxs(e.Fragment,{children:[e.jsx(S.IconCheck,{className:"select-item-check"}),s]})})}exports.Select=u;exports.SelectField=N;exports.SelectItem=p;
 //# sourceMappingURL=Select.cjs.map

package/dist/lib/ui/primitives/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../../src/ui/primitives/Select/Select.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Label,\n  ListBox,\n  ListBoxItem,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport {\n  Button as RACButton,\n  Popover as RACPopover,\n  Select as RACSelect,\n  SelectValue as RACSelectValue,\n  type SelectProps as RACSelectProps,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nexport interface SelectFieldProps<T extends object>\n  extends Omit<SelectProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\nexport function SelectField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  ...props\n}: SelectFieldProps<T>) {\n  const classNames = clsx(className, \"select-container\");\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <Select className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACButton className=\"select\">\n          <RACSelectValue className=\"select-value\" />\n          <IconChevronDown aria-hidden=\"true\" />\n        </RACButton>\n        <RACPopover UNSTABLE_portalContainer={portalContainer}>\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </Select>\n  );\n}\n\nexport type SelectProps<T extends object> = RACSelectProps<T>;\nexport function Select<T extends object>({ ...props }: SelectProps<T>) {\n  return <RACSelect<T> {...props} />;\n}\n\nexport type SelectItemProps = ListBoxItemProps;\nexport function SelectItem({ children, className, ...props }: SelectItemProps) {\n  const classNames = clsx(className, \"select-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"select-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["SelectField","className","label","description","errorMessage","children","items","props","classNames","clsx","portalContainer","useOverlayPortalContainer","Select","Field","jsx","Label","jsxs","RACButton","RACSelectValue","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACSelect","SelectItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"sbA4BO,SAASA,EAA8B,CAC5C,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAaC,EAAAA,KAAKR,EAAW,kBAAkB,EAG/CS,EAAkBC,EAAAA,0BAAA,EACxB,aACGC,EAAA,CAAO,UAAWJ,EAAa,GAAGD,EACjC,gBAACM,EAAAA,MAAA,CACE,SAAA,CAAAX,GAASY,EAAAA,IAACC,EAAAA,OAAO,SAAAb,CAAA,CAAM,EACxBc,EAAAA,KAACC,EAAAA,OAAA,CAAU,UAAU,SACnB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YAAA,CAAe,UAAU,cAAA,CAAe,EACzCJ,EAAAA,IAACK,EAAAA,gBAAA,CAAgB,cAAY,MAAA,CAAO,CAAA,EACtC,EACAL,EAAAA,IAACM,EAAAA,SAAW,yBAA0BV,EACpC,eAACW,EAAAA,QAAA,CAAQ,MAAAf,EAAe,SAAAD,EAAS,CAAA,CACnC,EACCF,GAAeW,EAAAA,IAACQ,EAAAA,YAAA,CAAa,SAAAnB,CAAA,CAAY,EAC1CW,EAAAA,IAACS,EAAAA,YAAY,SAAAnB,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,SAASQ,EAAyB,CAAE,GAAGL,GAAyB,CACrE,OAAOO,MAACU,EAAAA,OAAA,CAAc,GAAGjB,CAAA,CAAO,CAClC,CAGO,SAASkB,EAAW,CAAE,SAAApB,EAAU,UAAAJ,EAAW,GAAGM,GAA0B,CAC7E,MAAMC,EAAaC,EAAAA,KAAKR,EAAW,aAAa,EAC1CyB,EAAY,OAAOrB,GAAa,SAAWA,EAAW,GAC5D,aACGsB,EAAAA,YAAA,CAAY,UAAAD,EAAsB,UAAWlB,EAAa,GAAGD,EAC5D,SAAAS,EAAAA,KAAAY,EAAAA,SAAA,CACE,SAAA,CAAAd,EAAAA,IAACe,EAAAA,UAAA,CAAU,UAAU,mBAAA,CAAoB,EACxCxB,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"Select.cjs","sources":["../../../../../src/ui/primitives/Select/Select.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Label,\n  ListBox,\n  ListBoxItem,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport {\n  Button as RACButton,\n  Popover as RACPopover,\n  Select as RACSelect,\n  SelectValue as RACSelectValue,\n  type SelectProps as RACSelectProps,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nexport interface SelectFieldProps<T extends object>\n  extends Omit<SelectProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\nexport function SelectField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  ...props\n}: SelectFieldProps<T>) {\n  const classNames = clsx(className, \"select-container\");\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <Select className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACButton className=\"select\">\n          <RACSelectValue className=\"select-value\" />\n          <IconChevronDown aria-hidden=\"true\" />\n        </RACButton>\n        <RACPopover\n          className=\"select-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </Select>\n  );\n}\n\nexport type SelectProps<T extends object> = RACSelectProps<T>;\nexport function Select<T extends object>({ ...props }: SelectProps<T>) {\n  return <RACSelect<T> {...props} />;\n}\n\nexport type SelectItemProps = ListBoxItemProps;\nexport function SelectItem({ children, className, ...props }: SelectItemProps) {\n  const classNames = clsx(className, \"select-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"select-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["SelectField","className","label","description","errorMessage","children","items","props","classNames","clsx","portalContainer","useOverlayPortalContainer","Select","Field","jsx","Label","jsxs","RACButton","RACSelectValue","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACSelect","SelectItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"sbA4BO,SAASA,EAA8B,CAC5C,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAaC,EAAAA,KAAKR,EAAW,kBAAkB,EAG/CS,EAAkBC,EAAAA,0BAAA,EACxB,aACGC,EAAA,CAAO,UAAWJ,EAAa,GAAGD,EACjC,gBAACM,EAAAA,MAAA,CACE,SAAA,CAAAX,GAASY,EAAAA,IAACC,EAAAA,OAAO,SAAAb,CAAA,CAAM,EACxBc,EAAAA,KAACC,EAAAA,OAAA,CAAU,UAAU,SACnB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YAAA,CAAe,UAAU,cAAA,CAAe,EACzCJ,EAAAA,IAACK,EAAAA,gBAAA,CAAgB,cAAY,MAAA,CAAO,CAAA,EACtC,EACAL,EAAAA,IAACM,EAAAA,QAAA,CACC,UAAU,iBACV,yBAA0BV,EAE1B,SAAAI,EAAAA,IAACO,EAAAA,QAAA,CAAQ,MAAAf,EAAe,SAAAD,CAAA,CAAS,CAAA,CAAA,EAElCF,GAAeW,EAAAA,IAACQ,EAAAA,YAAA,CAAa,SAAAnB,CAAA,CAAY,EAC1CW,EAAAA,IAACS,EAAAA,YAAY,SAAAnB,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,SAASQ,EAAyB,CAAE,GAAGL,GAAyB,CACrE,OAAOO,MAACU,EAAAA,OAAA,CAAc,GAAGjB,CAAA,CAAO,CAClC,CAGO,SAASkB,EAAW,CAAE,SAAApB,EAAU,UAAAJ,EAAW,GAAGM,GAA0B,CAC7E,MAAMC,EAAaC,EAAAA,KAAKR,EAAW,aAAa,EAC1CyB,EAAY,OAAOrB,GAAa,SAAWA,EAAW,GAC5D,aACGsB,EAAAA,YAAA,CAAY,UAAAD,EAAsB,UAAWlB,EAAa,GAAGD,EAC5D,SAAAS,EAAAA,KAAAY,EAAAA,SAAA,CACE,SAAA,CAAAd,EAAAA,IAACe,EAAAA,UAAA,CAAU,UAAU,mBAAA,CAAoB,EACxCxB,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/lib/ui/primitives/Select/Select.js

@@ -1,38 +1,45 @@
 import { jsx as e, jsxs as l, Fragment as u } from "react/jsx-runtime";
-import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
-import { Button as f, SelectValue as d, Popover as h, Select as x } from "react-aria-components";
+import { clsx as n } from "../../../vendor/clsx/dist/clsx.js";
+import { Button as f, SelectValue as d, Popover as h, Select as N } from "react-aria-components";
 /* empty css           */
-import { IconChevronDown as N } from "../../icons/IconChevronDown.js";
+import { IconChevronDown as x } from "../../icons/IconChevronDown.js";
 import { IconCheck as S } from "../../icons/IconCheck.js";
-import { useOverlayPortalContainer as C } from "../../hooks/useOverlayPortal.js";
-import { Field as v, Label as B, Description as F, FieldError as I } from "../Fieldset/Fieldset.js";
+import { useOverlayPortalContainer as v } from "../../hooks/useOverlayPortal.js";
+import { Field as C, Label as B, Description as F, FieldError as I } from "../Fieldset/Fieldset.js";
 import { ListBox as L, ListBoxItem as V } from "../ListBox/ListBox.js";
 function T({
   className: t,
   label: r,
   description: o,
   errorMessage: c,
-  children: n,
+  children: s,
   items: i,
   ...a
 }) {
-  const m = s(t, "select-container"), p = C();
-  return /* @__PURE__ */ e(g, { className: m, ...a, children: /* @__PURE__ */ l(v, { children: [
+  const m = n(t, "select-container"), p = v();
+  return /* @__PURE__ */ e(g, { className: m, ...a, children: /* @__PURE__ */ l(C, { children: [
     r && /* @__PURE__ */ e(B, { children: r }),
     /* @__PURE__ */ l(f, { className: "select", children: [
       /* @__PURE__ */ e(d, { className: "select-value" }),
-      /* @__PURE__ */ e(N, { "aria-hidden": "true" })
+      /* @__PURE__ */ e(x, { "aria-hidden": "true" })
     ] }),
-    /* @__PURE__ */ e(h, { UNSTABLE_portalContainer: p, children: /* @__PURE__ */ e(L, { items: i, children: n }) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        className: "select-popover",
+        UNSTABLE_portalContainer: p,
+        children: /* @__PURE__ */ e(L, { items: i, children: s })
+      }
+    ),
     o && /* @__PURE__ */ e(F, { children: o }),
     /* @__PURE__ */ e(I, { children: c })
   ] }) });
 }
 function g({ ...t }) {
-  return /* @__PURE__ */ e(x, { ...t });
+  return /* @__PURE__ */ e(N, { ...t });
 }
 function U({ children: t, className: r, ...o }) {
-  const c = s(r, "select-item");
+  const c = n(r, "select-item");
   return /* @__PURE__ */ e(V, { textValue: typeof t == "string" ? t : "", className: c, ...o, children: /* @__PURE__ */ l(u, { children: [
     /* @__PURE__ */ e(S, { className: "select-item-check" }),
     t

package/dist/lib/ui/primitives/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../src/ui/primitives/Select/Select.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Label,\n  ListBox,\n  ListBoxItem,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport {\n  Button as RACButton,\n  Popover as RACPopover,\n  Select as RACSelect,\n  SelectValue as RACSelectValue,\n  type SelectProps as RACSelectProps,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nexport interface SelectFieldProps<T extends object>\n  extends Omit<SelectProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\nexport function SelectField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  ...props\n}: SelectFieldProps<T>) {\n  const classNames = clsx(className, \"select-container\");\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <Select className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACButton className=\"select\">\n          <RACSelectValue className=\"select-value\" />\n          <IconChevronDown aria-hidden=\"true\" />\n        </RACButton>\n        <RACPopover UNSTABLE_portalContainer={portalContainer}>\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </Select>\n  );\n}\n\nexport type SelectProps<T extends object> = RACSelectProps<T>;\nexport function Select<T extends object>({ ...props }: SelectProps<T>) {\n  return <RACSelect<T> {...props} />;\n}\n\nexport type SelectItemProps = ListBoxItemProps;\nexport function SelectItem({ children, className, ...props }: SelectItemProps) {\n  const classNames = clsx(className, \"select-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"select-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["SelectField","className","label","description","errorMessage","children","items","props","classNames","clsx","portalContainer","useOverlayPortalContainer","Select","Field","jsx","Label","jsxs","RACButton","RACSelectValue","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACSelect","SelectItem","ListBoxItem","Fragment","IconCheck"],"mappings":";;;;;;;;;AA4BO,SAASA,EAA8B;AAAA,EAC5C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAaC,EAAKR,GAAW,kBAAkB,GAG/CS,IAAkBC,EAAA;AACxB,2BACGC,GAAA,EAAO,WAAWJ,GAAa,GAAGD,GACjC,4BAACM,GAAA,EACE,UAAA;AAAA,IAAAX,KAAS,gBAAAY,EAACC,KAAO,UAAAb,EAAA,CAAM;AAAA,IACxB,gBAAAc,EAACC,GAAA,EAAU,WAAU,UACnB,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAe,WAAU,eAAA,CAAe;AAAA,MACzC,gBAAAJ,EAACK,GAAA,EAAgB,eAAY,OAAA,CAAO;AAAA,IAAA,GACtC;AAAA,IACA,gBAAAL,EAACM,KAAW,0BAA0BV,GACpC,4BAACW,GAAA,EAAQ,OAAAf,GAAe,UAAAD,GAAS,EAAA,CACnC;AAAA,IACCF,KAAe,gBAAAW,EAACQ,GAAA,EAAa,UAAAnB,EAAA,CAAY;AAAA,IAC1C,gBAAAW,EAACS,KAAY,UAAAnB,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,SAASQ,EAAyB,EAAE,GAAGL,KAAyB;AACrE,SAAO,gBAAAO,EAACU,GAAA,EAAc,GAAGjB,EAAA,CAAO;AAClC;AAGO,SAASkB,EAAW,EAAE,UAAApB,GAAU,WAAAJ,GAAW,GAAGM,KAA0B;AAC7E,QAAMC,IAAaC,EAAKR,GAAW,aAAa;AAEhD,2BACGyB,GAAA,EAAY,WAFG,OAAOrB,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,gBAAAS,EAAAW,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EAAU,WAAU,oBAAA,CAAoB;AAAA,IACxCvB;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Select.js","sources":["../../../../../src/ui/primitives/Select/Select.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Label,\n  ListBox,\n  ListBoxItem,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport {\n  Button as RACButton,\n  Popover as RACPopover,\n  Select as RACSelect,\n  SelectValue as RACSelectValue,\n  type SelectProps as RACSelectProps,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nexport interface SelectFieldProps<T extends object>\n  extends Omit<SelectProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\nexport function SelectField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  items,\n  ...props\n}: SelectFieldProps<T>) {\n  const classNames = clsx(className, \"select-container\");\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <Select className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACButton className=\"select\">\n          <RACSelectValue className=\"select-value\" />\n          <IconChevronDown aria-hidden=\"true\" />\n        </RACButton>\n        <RACPopover\n          className=\"select-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </Select>\n  );\n}\n\nexport type SelectProps<T extends object> = RACSelectProps<T>;\nexport function Select<T extends object>({ ...props }: SelectProps<T>) {\n  return <RACSelect<T> {...props} />;\n}\n\nexport type SelectItemProps = ListBoxItemProps;\nexport function SelectItem({ children, className, ...props }: SelectItemProps) {\n  const classNames = clsx(className, \"select-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"select-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["SelectField","className","label","description","errorMessage","children","items","props","classNames","clsx","portalContainer","useOverlayPortalContainer","Select","Field","jsx","Label","jsxs","RACButton","RACSelectValue","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACSelect","SelectItem","ListBoxItem","Fragment","IconCheck"],"mappings":";;;;;;;;;AA4BO,SAASA,EAA8B;AAAA,EAC5C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAaC,EAAKR,GAAW,kBAAkB,GAG/CS,IAAkBC,EAAA;AACxB,2BACGC,GAAA,EAAO,WAAWJ,GAAa,GAAGD,GACjC,4BAACM,GAAA,EACE,UAAA;AAAA,IAAAX,KAAS,gBAAAY,EAACC,KAAO,UAAAb,EAAA,CAAM;AAAA,IACxB,gBAAAc,EAACC,GAAA,EAAU,WAAU,UACnB,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAe,WAAU,eAAA,CAAe;AAAA,MACzC,gBAAAJ,EAACK,GAAA,EAAgB,eAAY,OAAA,CAAO;AAAA,IAAA,GACtC;AAAA,IACA,gBAAAL;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,0BAA0BV;AAAA,QAE1B,UAAA,gBAAAI,EAACO,GAAA,EAAQ,OAAAf,GAAe,UAAAD,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCF,KAAe,gBAAAW,EAACQ,GAAA,EAAa,UAAAnB,EAAA,CAAY;AAAA,IAC1C,gBAAAW,EAACS,KAAY,UAAAnB,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,SAASQ,EAAyB,EAAE,GAAGL,KAAyB;AACrE,SAAO,gBAAAO,EAACU,GAAA,EAAc,GAAGjB,EAAA,CAAO;AAClC;AAGO,SAASkB,EAAW,EAAE,UAAApB,GAAU,WAAAJ,GAAW,GAAGM,KAA0B;AAC7E,QAAMC,IAAaC,EAAKR,GAAW,aAAa;AAEhD,2BACGyB,GAAA,EAAY,WAFG,OAAOrB,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,gBAAAS,EAAAW,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EAAU,WAAU,oBAAA,CAAoB;AAAA,IACxCvB;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}