@apipass/design-system 3.0.1 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../../../src/ui/primitives/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\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({ ...props }: MenuPopoverProps) {\n  return <RACPopover {...props} />;\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","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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"}
+{"version":3,"file":"Menu.cjs","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":"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"}

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

@@ -1,85 +1,96 @@
-import { jsx as t, jsxs as c, Fragment as i } from "react/jsx-runtime";
-import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
+import { jsx as t, jsxs as u, Fragment as i } 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";
 /* empty css         */
 import { IconChevronDown as N } from "../../icons/IconChevronDown.js";
-import { Label as h, Description as g, Keyboard as p } from "../Fieldset/Fieldset.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 { TextHeading as I } from "../Text/Text.js";
-function b({ className: e, ...n }) {
-  return /* @__PURE__ */ t(m, { className: s(e, "menu"), ...n });
+import { useOverlayPortalContainer as I } from "../../hooks/useOverlayPortal.js";
+import { TextHeading as S } from "../Text/Text.js";
+function T({ className: n, ...e }) {
+  return /* @__PURE__ */ t(m, { className: o(n, "menu"), ...e });
 }
-function S({ ...e }) {
-  return /* @__PURE__ */ t(l, { ...e });
+function b({ ...n }) {
+  return /* @__PURE__ */ t(l, { ...n });
 }
-function w({
-  label: e,
-  children: n,
+function A({
+  label: n,
+  children: e,
   icon: r,
-  placement: o,
-  variant: u,
-  ...a
+  placement: s,
+  variant: a,
+  ...c
 }) {
-  return /* @__PURE__ */ c(S, { children: [
-    r ? /* @__PURE__ */ t(x, { variant: u, "aria-label": e, children: r }) : /* @__PURE__ */ t(v, { variant: u, children: e }),
-    /* @__PURE__ */ t(T, { placement: o, children: /* @__PURE__ */ t(b, { ...a, children: n }) })
+  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 }) })
   ] });
 }
-function T({ ...e }) {
-  return /* @__PURE__ */ t(f, { ...e });
+function B({
+  UNSTABLE_portalContainer: n,
+  ...e
+}) {
+  const r = I();
+  return /* @__PURE__ */ t(
+    f,
+    {
+      ...e,
+      UNSTABLE_portalContainer: n ?? r
+    }
+  );
 }
-function C({ className: e, ...n }) {
-  const r = s(e, "menu-item"), o = n.textValue || (typeof n.children == "string" ? n.children : void 0);
-  return /* @__PURE__ */ t(d, { ...n, className: r, textValue: o, children: ({ hasSubmenu: u }) => /* @__PURE__ */ c(i, { children: [
-    n.children,
-    u && /* @__PURE__ */ t(N, {})
+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: [
+    e.children,
+    a && /* @__PURE__ */ t(N, {})
   ] }) });
 }
-function F({ className: e, ...n }) {
-  const r = s(e, "menu-header");
-  return /* @__PURE__ */ t("div", { ...n, className: r });
+function F({ className: n, ...e }) {
+  const r = o(n, "menu-header");
+  return /* @__PURE__ */ t("div", { ...e, className: r });
 }
-function K({ className: e, ...n }) {
-  const r = s(e, "menu-section");
-  return /* @__PURE__ */ t("div", { ...n, className: r });
+function K({ className: n, ...e }) {
+  const r = o(n, "menu-section");
+  return /* @__PURE__ */ t("div", { ...e, className: r });
 }
-function k({ className: e, ...n }) {
-  const r = s(e, "menu-heading");
-  return /* @__PURE__ */ t(I, { ...n, className: r });
+function O({ className: n, ...e }) {
+  const r = o(n, "menu-heading");
+  return /* @__PURE__ */ t(S, { ...e, className: r });
 }
-function q({ className: e, ...n }) {
-  const r = s(e, "menu-separator");
-  return /* @__PURE__ */ t(M, { ...n, className: r });
+function U({ className: n, ...e }) {
+  const r = o(n, "menu-separator");
+  return /* @__PURE__ */ t(M, { ...e, className: r });
 }
-function z({ className: e, ...n }) {
-  const r = s(e, "menu-label");
-  return /* @__PURE__ */ t(h, { ...n, className: r });
+function _({ className: n, ...e }) {
+  const r = o(n, "menu-label");
+  return /* @__PURE__ */ t(h, { ...e, className: r });
 }
-function A({ className: e, ...n }) {
-  const r = s(e, "menu-description");
-  return /* @__PURE__ */ t(g, { ...n, className: r });
+function k({ className: n, ...e }) {
+  const r = o(n, "menu-description");
+  return /* @__PURE__ */ t(p, { ...e, className: r });
 }
-function E({
-  children: e,
-  className: n,
+function q({
+  children: n,
+  className: e,
   ...r
 }) {
-  const o = s(n, "menu-shortcut");
-  return /* @__PURE__ */ t(p, { ...r, className: o, children: e });
+  const s = o(e, "menu-shortcut");
+  return /* @__PURE__ */ t(g, { ...r, className: s, children: n });
 }
 export {
-  b as Menu,
-  w as MenuButton,
-  A as MenuDescription,
+  T as Menu,
+  A as MenuButton,
+  k as MenuDescription,
   F as MenuHeader,
-  k as MenuHeading,
-  C as MenuItem,
-  z as MenuLabel,
-  T as MenuPopover,
+  O as MenuHeading,
+  E as MenuItem,
+  _ as MenuLabel,
+  B as MenuPopover,
   K as MenuSection,
-  q as MenuSeparator,
-  E as MenuShortcut,
-  S as MenuTrigger
+  U as MenuSeparator,
+  q as MenuShortcut,
+  b 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 { 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({ ...props }: MenuPopoverProps) {\n  return <RACPopover {...props} />;\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","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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"}
+{"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":"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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"Search.cjs","sources":["../../../../../src/ui/primitives/Search/Search.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconSearch, IconX } from \"icons\";\nimport { IconButton, Input, Label, ListBox, ListBoxItem } from \"primitives\";\nimport React, { useRef, useState } from \"react\";\nimport {\n  ComboBox as RACComboBox,\n  Popover as RACPopover,\n  type InputProps as RACInputProps,\n} from \"react-aria-components\";\nimport \"./search.css\";\n\nexport type SearchProps = Omit<RACInputProps, \"results\"> & {\n  results?: string[];\n  onSearch?: (search: string) => void;\n};\nexport const Search = React.forwardRef(function Search(\n  { className, results, onSearch, ...props }: SearchProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const onInputInput = (search: string) => {\n    setSearchTerm(search);\n    if (onSearch) {\n      onSearch(search);\n    }\n  };\n\n  const classNames = clsx(className, \"search-input-container\");\n\n  return (\n    <RACComboBox className={classNames}>\n      <Label hidden>{props[\"aria-label\"] || \"Search\"}</Label>\n      <Input\n        type=\"search\"\n        className=\"search-input\"\n        value={searchTerm}\n        onInput={(e) => onInputInput(e.currentTarget.value)}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        {...props}\n      />\n      <span className=\"search-icon\">\n        {searchTerm ? (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => onInputInput(\"\")}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconX />\n          </IconButton>\n        ) : (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => inputRef?.current?.focus()}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconSearch />\n          </IconButton>\n        )}\n      </span>\n      <RACPopover>\n        <ListBox>\n          {results?.map((a) => (\n            <ListBoxItem key={a} onAction={() => onInputInput(a)}>\n              {a}\n            </ListBoxItem>\n          ))}\n        </ListBox>\n      </RACPopover>\n    </RACComboBox>\n  );\n});\n"],"names":["Search","React","className","results","onSearch","props","ref","searchTerm","setSearchTerm","useState","inputRef","useRef","onInputInput","search","classNames","clsx","jsxs","RACComboBox","jsx","Label","Input","node","IconButton","IconX","_a","IconSearch","RACPopover","ListBox","a","ListBoxItem"],"mappings":"4dAeaA,EAASC,EAAM,WAAW,SACrC,CAAE,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAA,EACnCC,EACA,CACA,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAE,EACzCC,EAAWC,EAAAA,OAAgC,IAAI,EAC/CC,EAAgBC,GAAmB,CACvCL,EAAcK,CAAM,EAChBT,GACFA,EAASS,CAAM,CAEnB,EAEMC,EAAaC,EAAAA,KAAKb,EAAW,wBAAwB,EAE3D,OACEc,EAAAA,KAACC,EAAAA,SAAA,CAAY,UAAWH,EACtB,SAAA,CAAAI,MAACC,EAAAA,OAAM,OAAM,GAAE,SAAAd,EAAM,YAAY,GAAK,SAAS,EAC/Ca,EAAAA,IAACE,EAAAA,MAAA,CACC,KAAK,SACL,UAAU,eACV,MAAOb,EACP,QAAU,GAAMK,EAAa,EAAE,cAAc,KAAK,EAClD,IAAMS,GAAS,CACbX,EAAS,QAAUW,EACf,OAAOf,GAAQ,WACjBA,EAAIe,CAAI,EACCf,IACTA,EAAI,QAAUe,EAElB,EACC,GAAGhB,CAAA,CAAA,EAENa,EAAAA,IAAC,OAAA,CAAK,UAAU,cACb,SAAAX,EACCW,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,eACX,QAAS,IAAMV,EAAa,EAAE,EAC9B,KAAK,QACL,QAAQ,SAER,eAACW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAGTL,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,eACX,QAAS,IAAA,OAAM,OAAAE,EAAAd,GAAA,YAAAA,EAAU,UAAV,YAAAc,EAAmB,SAClC,KAAK,QACL,QAAQ,SAER,eAACC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAGlB,QACCC,EAAAA,QAAA,CACC,SAAAR,MAACS,EAAAA,SACE,SAAAxB,GAAA,YAAAA,EAAS,IAAKyB,GACbV,EAAAA,IAACW,EAAAA,aAAoB,SAAU,IAAMjB,EAAagB,CAAC,EAChD,YADeA,CAElB,GAEJ,CAAA,CACF,CAAA,EACF,CAEJ,CAAC"}
+{"version":3,"file":"Search.cjs","sources":["../../../../../src/ui/primitives/Search/Search.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconSearch, IconX } from \"icons\";\nimport { IconButton, Input, Label, ListBox, ListBoxItem } from \"primitives\";\nimport React, { useRef, useState } from \"react\";\nimport {\n  ComboBox as RACComboBox,\n  Popover as RACPopover,\n  type InputProps as RACInputProps,\n} from \"react-aria-components\";\nimport \"./search.css\";\n\nexport type SearchProps = Omit<RACInputProps, \"results\"> & {\n  results?: string[];\n  onSearch?: (search: string) => void;\n};\nexport const Search = React.forwardRef(function Search(\n  { className, results, onSearch, ...props }: SearchProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const onInputInput = (search: string) => {\n    setSearchTerm(search);\n    if (onSearch) {\n      onSearch(search);\n    }\n  };\n\n  const classNames = clsx(className, \"search-input-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\n  return (\n    <RACComboBox className={classNames}>\n      <Label hidden>{props[\"aria-label\"] || \"Search\"}</Label>\n      <Input\n        type=\"search\"\n        className=\"search-input\"\n        value={searchTerm}\n        onInput={(e) => onInputInput(e.currentTarget.value)}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        {...props}\n      />\n      <span className=\"search-icon\">\n        {searchTerm ? (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => onInputInput(\"\")}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconX />\n          </IconButton>\n        ) : (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => inputRef?.current?.focus()}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconSearch />\n          </IconButton>\n        )}\n      </span>\n      <RACPopover UNSTABLE_portalContainer={portalContainer}>\n        <ListBox>\n          {results?.map((a) => (\n            <ListBoxItem key={a} onAction={() => onInputInput(a)}>\n              {a}\n            </ListBoxItem>\n          ))}\n        </ListBox>\n      </RACPopover>\n    </RACComboBox>\n  );\n});\n"],"names":["Search","React","className","results","onSearch","props","ref","searchTerm","setSearchTerm","useState","inputRef","useRef","onInputInput","search","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","RACComboBox","jsx","Label","Input","node","IconButton","IconX","_a","IconSearch","RACPopover","ListBox","a","ListBoxItem"],"mappings":"0gBAgBaA,EAASC,EAAM,WAAW,SACrC,CAAE,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAA,EACnCC,EACA,CACA,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAE,EACzCC,EAAWC,EAAAA,OAAgC,IAAI,EAC/CC,EAAgBC,GAAmB,CACvCL,EAAcK,CAAM,EAChBT,GACFA,EAASS,CAAM,CAEnB,EAEMC,EAAaC,EAAAA,KAAKb,EAAW,wBAAwB,EAGrDc,EAAkBC,EAAAA,0BAAA,EAExB,OACEC,EAAAA,KAACC,EAAAA,SAAA,CAAY,UAAWL,EACtB,SAAA,CAAAM,MAACC,EAAAA,OAAM,OAAM,GAAE,SAAAhB,EAAM,YAAY,GAAK,SAAS,EAC/Ce,EAAAA,IAACE,EAAAA,MAAA,CACC,KAAK,SACL,UAAU,eACV,MAAOf,EACP,QAAU,GAAMK,EAAa,EAAE,cAAc,KAAK,EAClD,IAAMW,GAAS,CACbb,EAAS,QAAUa,EACf,OAAOjB,GAAQ,WACjBA,EAAIiB,CAAI,EACCjB,IACTA,EAAI,QAAUiB,EAElB,EACC,GAAGlB,CAAA,CAAA,EAENe,EAAAA,IAAC,OAAA,CAAK,UAAU,cACb,SAAAb,EACCa,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,eACX,QAAS,IAAMZ,EAAa,EAAE,EAC9B,KAAK,QACL,QAAQ,SAER,eAACa,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAGTL,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,eACX,QAAS,IAAA,OAAM,OAAAE,EAAAhB,GAAA,YAAAA,EAAU,UAAV,YAAAgB,EAAmB,SAClC,KAAK,QACL,QAAQ,SAER,eAACC,EAAAA,WAAA,CAAA,CAAW,CAAA,CAAA,EAGlB,EACAP,EAAAA,IAACQ,EAAAA,SAAW,yBAA0BZ,EACpC,eAACa,EAAAA,QAAA,CACE,SAAA1B,GAAA,YAAAA,EAAS,IAAK2B,SACZC,cAAA,CAAoB,SAAU,IAAMnB,EAAakB,CAAC,EAChD,SAAAA,CAAA,EADeA,CAElB,EACD,CACH,CAAA,CACF,CAAA,EACF,CAEJ,CAAC"}

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

@@ -1,27 +1,28 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { clsx as f } from "../../../vendor/clsx/dist/clsx.js";
-import d, { useState as I, useRef as b } from "react";
-import { ComboBox as x, Popover as v } from "react-aria-components";
+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";
 /* empty css           */
-import { IconX as B } from "../../icons/IconX.js";
+import { IconX as C } from "../../icons/IconX.js";
 import { IconSearch as S } from "../../icons/IconSearch.js";
-import { Label as N } from "../Fieldset/Fieldset.js";
-import { Input as C } from "../Input/Input.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 L, ListBoxItem as P } from "../ListBox/ListBox.js";
-const D = d.forwardRef(function({ className: l, results: a, onSearch: n, ...i }, o) {
-  const [s, p] = I(""), t = b(null), c = (r) => {
-    p(r), n && n(r);
-  }, h = f(l, "search-input-container");
-  return /* @__PURE__ */ u(x, { className: h, children: [
-    /* @__PURE__ */ e(N, { hidden: !0, children: i["aria-label"] || "Search" }),
+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 [s, p] = b(""), t = x(null), n = (r) => {
+    p(r), c && c(r);
+  }, h = d(l, "search-input-container"), u = N();
+  return /* @__PURE__ */ f(v, { className: h, children: [
+    /* @__PURE__ */ e(L, { hidden: !0, children: i["aria-label"] || "Search" }),
     /* @__PURE__ */ e(
-      C,
+      P,
       {
         type: "search",
         className: "search-input",
         value: s,
-        onInput: (r) => c(r.currentTarget.value),
+        onInput: (r) => n(r.currentTarget.value),
         ref: (r) => {
           t.current = r, typeof o == "function" ? o(r) : o && (o.current = r);
         },
@@ -32,10 +33,10 @@ const D = d.forwardRef(function({ className: l, results: a, onSearch: n, ...i },
       m,
       {
         "aria-label": "Clear search",
-        onPress: () => c(""),
+        onPress: () => n(""),
         size: "small",
         variant: "subtle",
-        children: /* @__PURE__ */ e(B, {})
+        children: /* @__PURE__ */ e(C, {})
       }
     ) : /* @__PURE__ */ e(
       m,
@@ -50,10 +51,10 @@ const D = d.forwardRef(function({ className: l, results: a, onSearch: n, ...i },
         children: /* @__PURE__ */ e(S, {})
       }
     ) }),
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(L, { children: a == null ? void 0 : a.map((r) => /* @__PURE__ */ e(P, { onAction: () => c(r), children: r }, r)) }) })
+    /* @__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)) }) })
   ] });
 });
 export {
-  D as Search
+  q as Search
 };
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../src/ui/primitives/Search/Search.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconSearch, IconX } from \"icons\";\nimport { IconButton, Input, Label, ListBox, ListBoxItem } from \"primitives\";\nimport React, { useRef, useState } from \"react\";\nimport {\n  ComboBox as RACComboBox,\n  Popover as RACPopover,\n  type InputProps as RACInputProps,\n} from \"react-aria-components\";\nimport \"./search.css\";\n\nexport type SearchProps = Omit<RACInputProps, \"results\"> & {\n  results?: string[];\n  onSearch?: (search: string) => void;\n};\nexport const Search = React.forwardRef(function Search(\n  { className, results, onSearch, ...props }: SearchProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const onInputInput = (search: string) => {\n    setSearchTerm(search);\n    if (onSearch) {\n      onSearch(search);\n    }\n  };\n\n  const classNames = clsx(className, \"search-input-container\");\n\n  return (\n    <RACComboBox className={classNames}>\n      <Label hidden>{props[\"aria-label\"] || \"Search\"}</Label>\n      <Input\n        type=\"search\"\n        className=\"search-input\"\n        value={searchTerm}\n        onInput={(e) => onInputInput(e.currentTarget.value)}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        {...props}\n      />\n      <span className=\"search-icon\">\n        {searchTerm ? (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => onInputInput(\"\")}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconX />\n          </IconButton>\n        ) : (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => inputRef?.current?.focus()}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconSearch />\n          </IconButton>\n        )}\n      </span>\n      <RACPopover>\n        <ListBox>\n          {results?.map((a) => (\n            <ListBoxItem key={a} onAction={() => onInputInput(a)}>\n              {a}\n            </ListBoxItem>\n          ))}\n        </ListBox>\n      </RACPopover>\n    </RACComboBox>\n  );\n});\n"],"names":["Search","React","className","results","onSearch","props","ref","searchTerm","setSearchTerm","useState","inputRef","useRef","onInputInput","search","classNames","clsx","jsxs","RACComboBox","jsx","Label","Input","e","node","IconButton","IconX","_a","IconSearch","RACPopover","ListBox","a","ListBoxItem"],"mappings":";;;;;;;;;;;AAeO,MAAMA,IAASC,EAAM,WAAW,SACrC,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,EAAA,GACnCC,GACA;AACA,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzCC,IAAWC,EAAgC,IAAI,GAC/CC,IAAe,CAACC,MAAmB;AACvC,IAAAL,EAAcK,CAAM,GAChBT,KACFA,EAASS,CAAM;AAAA,EAEnB,GAEMC,IAAaC,EAAKb,GAAW,wBAAwB;AAE3D,SACE,gBAAAc,EAACC,GAAA,EAAY,WAAWH,GACtB,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAM,QAAM,IAAE,UAAAd,EAAM,YAAY,KAAK,UAAS;AAAA,IAC/C,gBAAAa;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAOb;AAAA,QACP,SAAS,CAACc,MAAMT,EAAaS,EAAE,cAAc,KAAK;AAAA,QAClD,KAAK,CAACC,MAAS;AACb,UAAAZ,EAAS,UAAUY,GACf,OAAOhB,KAAQ,aACjBA,EAAIgB,CAAI,IACChB,MACTA,EAAI,UAAUgB;AAAA,QAElB;AAAA,QACC,GAAGjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,gBAAAa,EAAC,QAAA,EAAK,WAAU,eACb,UAAAX,IACC,gBAAAW;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS,MAAMX,EAAa,EAAE;AAAA,QAC9B,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,4BAACY,GAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IAAA,IAGT,gBAAAN;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS,MAAA;;AAAM,kBAAAE,IAAAf,KAAA,gBAAAA,EAAU,YAAV,gBAAAe,EAAmB;AAAA;AAAA,QAClC,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,4BAACC,GAAA,CAAA,CAAW;AAAA,MAAA;AAAA,IAAA,GAGlB;AAAA,sBACCC,GAAA,EACC,UAAA,gBAAAT,EAACU,KACE,UAAAzB,KAAA,gBAAAA,EAAS,IAAI,CAAC0B,MACb,gBAAAX,EAACY,KAAoB,UAAU,MAAMlB,EAAaiB,CAAC,GAChD,eADeA,CAElB,IAEJ,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"Search.js","sources":["../../../../../src/ui/primitives/Search/Search.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconSearch, IconX } from \"icons\";\nimport { IconButton, Input, Label, ListBox, ListBoxItem } from \"primitives\";\nimport React, { useRef, useState } from \"react\";\nimport {\n  ComboBox as RACComboBox,\n  Popover as RACPopover,\n  type InputProps as RACInputProps,\n} from \"react-aria-components\";\nimport \"./search.css\";\n\nexport type SearchProps = Omit<RACInputProps, \"results\"> & {\n  results?: string[];\n  onSearch?: (search: string) => void;\n};\nexport const Search = React.forwardRef(function Search(\n  { className, results, onSearch, ...props }: SearchProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const onInputInput = (search: string) => {\n    setSearchTerm(search);\n    if (onSearch) {\n      onSearch(search);\n    }\n  };\n\n  const classNames = clsx(className, \"search-input-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\n  return (\n    <RACComboBox className={classNames}>\n      <Label hidden>{props[\"aria-label\"] || \"Search\"}</Label>\n      <Input\n        type=\"search\"\n        className=\"search-input\"\n        value={searchTerm}\n        onInput={(e) => onInputInput(e.currentTarget.value)}\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        {...props}\n      />\n      <span className=\"search-icon\">\n        {searchTerm ? (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => onInputInput(\"\")}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconX />\n          </IconButton>\n        ) : (\n          <IconButton\n            aria-label=\"Clear search\"\n            onPress={() => inputRef?.current?.focus()}\n            size=\"small\"\n            variant=\"subtle\"\n          >\n            <IconSearch />\n          </IconButton>\n        )}\n      </span>\n      <RACPopover UNSTABLE_portalContainer={portalContainer}>\n        <ListBox>\n          {results?.map((a) => (\n            <ListBoxItem key={a} onAction={() => onInputInput(a)}>\n              {a}\n            </ListBoxItem>\n          ))}\n        </ListBox>\n      </RACPopover>\n    </RACComboBox>\n  );\n});\n"],"names":["Search","React","className","results","onSearch","props","ref","searchTerm","setSearchTerm","useState","inputRef","useRef","onInputInput","search","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","RACComboBox","jsx","Label","Input","e","node","IconButton","IconX","_a","IconSearch","RACPopover","ListBox","a","ListBoxItem"],"mappings":";;;;;;;;;;;;AAgBO,MAAMA,IAASC,EAAM,WAAW,SACrC,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,EAAA,GACnCC,GACA;AACA,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzCC,IAAWC,EAAgC,IAAI,GAC/CC,IAAe,CAACC,MAAmB;AACvC,IAAAL,EAAcK,CAAM,GAChBT,KACFA,EAASS,CAAM;AAAA,EAEnB,GAEMC,IAAaC,EAAKb,GAAW,wBAAwB,GAGrDc,IAAkBC,EAAA;AAExB,SACE,gBAAAC,EAACC,GAAA,EAAY,WAAWL,GACtB,UAAA;AAAA,IAAA,gBAAAM,EAACC,KAAM,QAAM,IAAE,UAAAhB,EAAM,YAAY,KAAK,UAAS;AAAA,IAC/C,gBAAAe;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAOf;AAAA,QACP,SAAS,CAACgB,MAAMX,EAAaW,EAAE,cAAc,KAAK;AAAA,QAClD,KAAK,CAACC,MAAS;AACb,UAAAd,EAAS,UAAUc,GACf,OAAOlB,KAAQ,aACjBA,EAAIkB,CAAI,IACClB,MACTA,EAAI,UAAUkB;AAAA,QAElB;AAAA,QACC,GAAGnB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,gBAAAe,EAAC,QAAA,EAAK,WAAU,eACb,UAAAb,IACC,gBAAAa;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS,MAAMb,EAAa,EAAE;AAAA,QAC9B,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,4BAACc,GAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IAAA,IAGT,gBAAAN;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS,MAAA;;AAAM,kBAAAE,IAAAjB,KAAA,gBAAAA,EAAU,YAAV,gBAAAiB,EAAmB;AAAA;AAAA,QAClC,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,4BAACC,GAAA,CAAA,CAAW;AAAA,MAAA;AAAA,IAAA,GAGlB;AAAA,IACA,gBAAAR,EAACS,KAAW,0BAA0Bb,GACpC,4BAACc,GAAA,EACE,UAAA3B,KAAA,gBAAAA,EAAS,IAAI,CAAC4B,wBACZC,GAAA,EAAoB,UAAU,MAAMpB,EAAamB,CAAC,GAChD,UAAAA,EAAA,GADeA,CAElB,GACD,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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"),o=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css             */const d=require("../../icons/IconChevronDown.cjs"),h=require("../../icons/IconCheck.cjs"),r=require("../Fieldset/Fieldset.cjs"),a=require("../ListBox/ListBox.cjs");function S({className:s,label:t,description:c,errorMessage:l,children:i,items:x,...j}){const m=o.clsx(s,"select-container");return e.jsx(u,{className:m,...j,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(d.IconChevronDown,{"aria-hidden":"true"})]}),e.jsx(n.Popover,{children:e.jsx(a.ListBox,{items:x,children:i})}),c&&e.jsx(r.Description,{children:c}),e.jsx(r.FieldError,{children:l})]})})}function u({...s}){return e.jsx(n.Select,{...s})}function q({children:s,className:t,...c}){const l=o.clsx(t,"select-item"),i=typeof s=="string"?s:"";return e.jsx(a.ListBoxItem,{textValue:i,className:l,...c,children:e.jsxs(e.Fragment,{children:[e.jsx(h.IconCheck,{className:"select-item-check"}),s]})})}exports.Select=u;exports.SelectField=S;exports.SelectItem=q;
+"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;
 //# 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 { 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  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          <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","Select","Field","jsx","Label","jsxs","RACButton","RACSelectValue","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACSelect","SelectItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"wYA2BO,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,EACrD,aACGS,EAAA,CAAO,UAAWF,EAAa,GAAGD,EACjC,gBAACI,EAAAA,MAAA,CACE,SAAA,CAAAT,GAASU,EAAAA,IAACC,EAAAA,OAAO,SAAAX,CAAA,CAAM,EACxBY,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,QACCC,EAAAA,QAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,QAAA,CAAQ,MAAAb,EAAe,SAAAD,EAAS,EACnC,EACCF,GAAeS,EAAAA,IAACQ,EAAAA,YAAA,CAAa,SAAAjB,CAAA,CAAY,EAC1CS,EAAAA,IAACS,EAAAA,YAAY,SAAAjB,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,SAASM,EAAyB,CAAE,GAAGH,GAAyB,CACrE,OAAOK,MAACU,EAAAA,OAAA,CAAc,GAAGf,CAAA,CAAO,CAClC,CAGO,SAASgB,EAAW,CAAE,SAAAlB,EAAU,UAAAJ,EAAW,GAAGM,GAA0B,CAC7E,MAAMC,EAAaC,EAAAA,KAAKR,EAAW,aAAa,EAC1CuB,EAAY,OAAOnB,GAAa,SAAWA,EAAW,GAC5D,aACGoB,EAAAA,YAAA,CAAY,UAAAD,EAAsB,UAAWhB,EAAa,GAAGD,EAC5D,SAAAO,EAAAA,KAAAY,EAAAA,SAAA,CACE,SAAA,CAAAd,EAAAA,IAACe,EAAAA,UAAA,CAAU,UAAU,mBAAA,CAAoB,EACxCtB,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 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"}

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

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

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 { 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  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          <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","Select","Field","jsx","Label","jsxs","RACButton","RACSelectValue","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACSelect","SelectItem","ListBoxItem","Fragment","IconCheck"],"mappings":";;;;;;;;AA2BO,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;AACrD,2BACGS,GAAA,EAAO,WAAWF,GAAa,GAAGD,GACjC,4BAACI,GAAA,EACE,UAAA;AAAA,IAAAT,KAAS,gBAAAU,EAACC,KAAO,UAAAX,EAAA,CAAM;AAAA,IACxB,gBAAAY,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,sBACCC,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,EAAQ,OAAAb,GAAe,UAAAD,GAAS,GACnC;AAAA,IACCF,KAAe,gBAAAS,EAACQ,GAAA,EAAa,UAAAjB,EAAA,CAAY;AAAA,IAC1C,gBAAAS,EAACS,KAAY,UAAAjB,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,SAASM,EAAyB,EAAE,GAAGH,KAAyB;AACrE,SAAO,gBAAAK,EAACU,GAAA,EAAc,GAAGf,EAAA,CAAO;AAClC;AAGO,SAASgB,EAAW,EAAE,UAAAlB,GAAU,WAAAJ,GAAW,GAAGM,KAA0B;AAC7E,QAAMC,IAAaC,EAAKR,GAAW,aAAa;AAEhD,2BACGuB,GAAA,EAAY,WAFG,OAAOnB,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,gBAAAO,EAAAW,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAb,EAACc,GAAA,EAAU,WAAU,oBAAA,CAAoB;AAAA,IACxCrB;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 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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css          */const i=require("../../icons/IconX.cjs");function o({className:e,children:a,onClose:t,closeButtonLabel:l,...r}){const b=c.clsx(e,"tab");return s.jsx(n.Tab,{className:b,"aria-label":a,...r,children:s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"tab-label",children:a}),s.jsx(n.Button,{className:"tab-close","aria-label":l,onPress:t,children:s.jsx(i.IconX,{size:"16"})})]})})}function u({className:e,...a}){const t=c.clsx(e,"tab-list");return s.jsx(n.TabList,{className:t,...a})}function m({className:e,...a}){const t=c.clsx(e,"tab-panel");return s.jsx(n.TabPanel,{className:t,...a})}function x({className:e,...a}){const t=c.clsx(e,"tabs");return s.jsx(n.Tabs,{className:t,...a})}exports.Tab=o;exports.TabList=u;exports.TabPanel=m;exports.Tabs=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css          */const i=require("../../icons/IconX.cjs");function o({className:t,children:a,onClose:e,closeButtonLabel:l,...r}){const b=c.clsx(t,"tab");return s.jsx(n.Tab,{className:b,"aria-label":a,...r,children:s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"tab-label",children:a}),e&&s.jsx(n.Button,{className:"tab-close","aria-label":l,onPress:e,children:s.jsx(i.IconX,{size:"16"})})]})})}function u({className:t,...a}){const e=c.clsx(t,"tab-list");return s.jsx(n.TabList,{className:e,...a})}function m({className:t,...a}){const e=c.clsx(t,"tab-panel");return s.jsx(n.TabPanel,{className:e,...a})}function x({className:t,...a}){const e=c.clsx(t,"tabs");return s.jsx(n.Tabs,{className:e,...a})}exports.Tab=o;exports.TabList=u;exports.TabPanel=m;exports.Tabs=x;
 //# sourceMappingURL=Tab.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n  Button as RACButton,\n  Tab as RACTab,\n  TabList as RACTabList,\n  TabPanel as RACTabPanel,\n  Tabs as RACTabs,\n  type PressEvent as RACPressEvent,\n  type TabListProps as RACTabListProps,\n  type TabPanelProps as RACTabPanelProps,\n  type TabProps as RACTabProps,\n  type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n  children: string;\n  onClose: (e: RACPressEvent) => void;\n  closeButtonLabel: string;\n};\nexport function Tab({\n  className,\n  children,\n  onClose,\n  closeButtonLabel,\n  ...props\n}: TabProps) {\n  const classNames = clsx(className, \"tab\");\n  return (\n    <RACTab className={classNames} aria-label={children} {...props}>\n      <>\n        <span className=\"tab-label\">{children}</span>\n        <RACButton\n          className=\"tab-close\"\n          aria-label={closeButtonLabel}\n          onPress={onClose}\n        >\n          <IconX size=\"16\" />\n        </RACButton>\n      </>\n    </RACTab>\n  );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) {\n  const classNames = clsx(className, \"tab-list\");\n  return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n  const classNames = clsx(className, \"tab-panel\");\n  return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n  const classNames = clsx(className, \"tabs\");\n  return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":"0QAqBO,SAASA,EAAI,CAClB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,KAAK,EACxC,OACEO,EAAAA,IAACC,EAAAA,KAAO,UAAWH,EAAY,aAAYJ,EAAW,GAAGG,EACvD,SAAAK,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAU,YAAa,SAAAN,CAAA,CAAS,EACtCM,EAAAA,IAACI,EAAAA,OAAA,CACC,UAAU,YACV,aAAYR,EACZ,QAASD,EAET,SAAAK,EAAAA,IAACK,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CAAA,CACnB,CAAA,CACF,CAAA,CACF,CAEJ,CAGO,SAASC,EAA0B,CACxC,UAAAb,EACA,GAAGI,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,UAAU,EAC7C,OAAOO,EAAAA,IAACO,EAAAA,QAAA,CAAW,UAAWT,EAAa,GAAGD,EAAO,CACvD,CAGO,SAASW,EAAS,CAAE,UAAAf,EAAW,GAAGI,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,WAAW,EAC9C,OAAOO,EAAAA,IAACS,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASa,EAAK,CAAE,UAAAjB,EAAW,GAAGI,GAAoB,CACvD,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,MAAM,EACzC,OAAOO,EAAAA,IAACW,EAAAA,KAAA,CAAQ,UAAWb,EAAa,GAAGD,EAAO,CACpD"}
+{"version":3,"file":"Tab.cjs","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n  Button as RACButton,\n  Tab as RACTab,\n  TabList as RACTabList,\n  TabPanel as RACTabPanel,\n  Tabs as RACTabs,\n  type PressEvent as RACPressEvent,\n  type TabListProps as RACTabListProps,\n  type TabPanelProps as RACTabPanelProps,\n  type TabProps as RACTabProps,\n  type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\ntype ClosableTabProps = {\n  onClose: (e: RACPressEvent) => void;\n  closeButtonLabel: string;\n};\ntype PlainTabProps = { onClose?: never; closeButtonLabel?: never };\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n  children: string;\n} & (ClosableTabProps | PlainTabProps);\nexport function Tab({\n  className,\n  children,\n  onClose,\n  closeButtonLabel,\n  ...props\n}: TabProps) {\n  const classNames = clsx(className, \"tab\");\n  return (\n    <RACTab className={classNames} aria-label={children} {...props}>\n      <>\n        <span className=\"tab-label\">{children}</span>\n        {onClose && (\n          <RACButton\n            className=\"tab-close\"\n            aria-label={closeButtonLabel}\n            onPress={onClose}\n          >\n            <IconX size=\"16\" />\n          </RACButton>\n        )}\n      </>\n    </RACTab>\n  );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) {\n  const classNames = clsx(className, \"tab-list\");\n  return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n  const classNames = clsx(className, \"tab-panel\");\n  return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n  const classNames = clsx(className, \"tabs\");\n  return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":"0QAyBO,SAASA,EAAI,CAClB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,KAAK,EACxC,OACEO,EAAAA,IAACC,EAAAA,KAAO,UAAWH,EAAY,aAAYJ,EAAW,GAAGG,EACvD,SAAAK,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAU,YAAa,SAAAN,CAAA,CAAS,EACrCC,GACCK,EAAAA,IAACI,EAAAA,OAAA,CACC,UAAU,YACV,aAAYR,EACZ,QAASD,EAET,SAAAK,EAAAA,IAACK,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CAAA,CACnB,CAAA,CAEJ,CAAA,CACF,CAEJ,CAGO,SAASC,EAA0B,CACxC,UAAAb,EACA,GAAGI,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,UAAU,EAC7C,OAAOO,EAAAA,IAACO,EAAAA,QAAA,CAAW,UAAWT,EAAa,GAAGD,EAAO,CACvD,CAGO,SAASW,EAAS,CAAE,UAAAf,EAAW,GAAGI,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,WAAW,EAC9C,OAAOO,EAAAA,IAACS,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASa,EAAK,CAAE,UAAAjB,EAAW,GAAGI,GAAoB,CACvD,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,MAAM,EACzC,OAAOO,EAAAA,IAACW,EAAAA,KAAA,CAAQ,UAAWb,EAAa,GAAGD,EAAO,CACpD"}