npm - @apipass/design-system - Versions diffs - 8.3.0 → 8.4.0 - Mend

@apipass/design-system 8.3.0 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/dist/lib/ui/primitives/ComboBox/MultiComboBox.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("../../../vendor/clsx/dist/clsx.cjs"),f=require("react"),d=require("react-aria-components"),K=require("./comboBoxFocus.cjs");;/* empty css */const U=require("../Tag/Tag.cjs"),V=require("../../icons/IconChevronDown.cjs"),W=require("../../hooks/useOverlayPortal.cjs"),j=require("../Fieldset/Fieldset.cjs"),G=require("../ListBox/ListBox.cjs"),H=require("../Input/Input.cjs");function _(e,n){return e.length===n.length&&e.every((c,u)=>c===n[u])}function k(e,n){return e.localeCompare(n,void 0,{sensitivity:"base"})===0}function z(e,n){if(e){for(const c of e.collection)if(c.type==="item"&&k(c.textValue,n))return c.key}}function J(e){const n=new Map;return e==null\|\|e.selectedItems.forEach(c=>n.set(c.key,c.textValue)),n}function Q({keys:e,inputValue:n,placeholder:c,canRemove:u,removeValueLabel:y,onRemoveKey:g,onSubmitText:B}){const s=f.useContext(d.ComboBoxStateContext),x=f.useRef(null),a=f.useRef(null);K.useKeepFocusOnInput(x);const C=J(s),m=o=>C.get(o)\|\|String(o);function p(o){var i;g(o),(i=a.current)==null\|\|i.focus()}function I(o){const i=e[e.length-1],b=u&&n===""&&i!==void 0;if(o.key==="Backspace"&&b){g(i);return}const q=(s==null?void 0:s.selectionManager.focusedKey)!=null;if(o.key!=="Enter"\|\|q)return;const h=n.trim();h!==""&&(o.preventDefault(),B(h,z(s,h)))}return r.jsxs(d.Group,{className:"combobox combobox-multiple",children:[e.length>0&&r.jsx("span",{className:"combobox-tags",role:"list",onMouseDown:K.keepFocusOnInput,children:r.jsx(d.ButtonContext.Provider,{value:null,children:e.map(o=>r.jsx(U.Tag,{role:"listitem",scheme:"neutral",variant:"secondary",removeLabel:u?y(m(o)):void 0,onRemove:u?()=>p(o):void 0,children:m(o)},`${typeof o}:${o}`))})}),r.jsx(H.Input,{ref:a,className:"combobox-input",placeholder:e.length===0?c:void 0,onKeyDown:I,onPointerDown:K.openMenuWhenFocusedInputIsPressed(x)}),r.jsx(d.Button,{ref:x,className:"combobox-trigger",children:r.jsx(V.IconChevronDown,{"aria-hidden":"true"})})]})}function X({className:e,label:n,description:c,errorMessage:u,placeholder:y,children:g,items:B,value:s,defaultValue:x,onChange:a,removeValueLabel:C,allowsCustomValue:m,validateCustomValue:p,invalidCustomValueMessage:I,isInvalid:o,isDisabled:i,isReadOnly:b,...q}){const h=A.clsx(e,"combobox-container"),[P,R]=f.useState(x??[]),l=s??P,[F,w]=f.useState(""),[M,N]=f.useState(!1),L=W.useOverlayPortalContainer();function S(t){_(t,l)\|\|(s===void 0&&R(t),a==null\|\|a(t))}function T(t){w(t),N(!1)}function O(t){t.length>l.length&&T(""),S(t)}function E(t){return m===!0&&((p==null?void 0:p(t))??!0)}function $(t,v){if(v===void 0&&!E(t)){N(m===!0);return}const D=v??t;T(""),l.includes(D)\|\|S([...l,D])}return r.jsx(d.ComboBox,{...q,className:h,selectionMode:"multiple",menuTrigger:"focus",value:l,onChange:O,inputValue:F,onInputChange:T,isInvalid:o\|\|M,isDisabled:i,isReadOnly:b,children:r.jsxs(j.Field,{children:[n&&r.jsx(j.Label,{children:n}),r.jsx(Q,{keys:l,inputValue:F,placeholder:y,canRemove:!i&&!b,removeValueLabel:C,onRemoveKey:t=>S(l.filter(v=>v!==t)),onSubmitText:$}),r.jsx(d.Popover,{className:"combobox-popover",UNSTABLE_portalContainer:L,children:r.jsx(G.ListBox,{items:B,children:g})}),c&&r.jsx(j.Description,{children:c}),r.jsx(j.FieldError,{children:M?I:u})]})})}exports.MultiComboBoxField=X;
2	+ //# sourceMappingURL=MultiComboBox.cjs.map

package/dist/lib/ui/primitives/ComboBox/MultiComboBox.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MultiComboBox.cjs","sources":["../../../../../src/ui/primitives/ComboBox/MultiComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n Label,\n ListBox,\n SharedFieldProps,\n Tag,\n} from \"primitives\";\nimport React, { useContext, useRef, useState } from \"react\";\nimport {\n Button as RACButton,\n ButtonContext as RACButtonContext,\n ComboBox as RACComboBox,\n ComboBoxStateContext as RACComboBoxStateContext,\n Group as RACGroup,\n Popover as RACPopover,\n type ComboBoxProps as RACComboBoxProps,\n type Key as RACKey,\n} from \"react-aria-components\";\nimport {\n keepFocusOnInput,\n openMenuWhenFocusedInputIsPressed,\n useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\ntype MultiComboBoxState = NonNullable<\n React.ContextType<typeof RACComboBoxStateContext>\n>;\n\ntype PropsManagedByMultiComboBox =\n | \"children\"\n | \"selectionMode\"\n | \"value\"\n | \"defaultValue\"\n | \"onChange\"\n | \"selectedKey\"\n | \"defaultSelectedKey\"\n | \"onSelectionChange\"\n | \"allowsCustomValue\"\n | \"inputValue\"\n | \"defaultInputValue\"\n | \"onInputChange\"\n | \"menuTrigger\";\n\ninterface CustomValueValidationProps {\n validateCustomValue: (text: string) => boolean;\n invalidCustomValueMessage: string;\n}\n\ninterface WithoutCustomValueValidation {\n validateCustomValue?: never;\n invalidCustomValueMessage?: never;\n}\n\ntype CustomValueProps =\n | ({ allowsCustomValue: true } & (\n | CustomValueValidationProps\n | WithoutCustomValueValidation\n ))\n | ({ allowsCustomValue?: false } & WithoutCustomValueValidation);\n\nexport type MultiComboBoxFieldProps<T extends object> = Omit<\n RACComboBoxProps<T, \"multiple\">,\n PropsManagedByMultiComboBox\n> &\n SharedFieldProps &\n CustomValueProps & {\n items?: Iterable<T>;\n children: React.ReactNode | ((item: T) => React.ReactNode);\n value?: RACKey[];\n defaultValue?: RACKey[];\n onChange?: (keys: RACKey[]) => void;\n removeValueLabel: (valueText: string) => string;\n };\n\nfunction hasSameKeys(a: readonly RACKey[], b: readonly RACKey[]): boolean {\n return a.length === b.length && a.every((key, index) => key === b[index]);\n}\n\nfunction isSameText(a: string, b: string): boolean {\n return a.localeCompare(b, undefined, { sensitivity: \"base\" }) === 0;\n}\n\nfunction itemKeyWithText(\n state: MultiComboBoxState | null,\n text: string,\n): RACKey | undefined {\n if (!state) return undefined;\n for (const node of state.collection) {\n if (node.type === \"item\" && isSameText(node.textValue, text))\n return node.key;\n }\n return undefined;\n}\n\nfunction selectedTextByKey(\n state: MultiComboBoxState | null,\n): Map<RACKey, string> {\n const texts = new Map<RACKey, string>();\n state?.selectedItems.forEach((item) => texts.set(item.key, item.textValue));\n return texts;\n}\n\ninterface MultiComboBoxControlProps {\n keys: RACKey[];\n inputValue: string;\n placeholder?: string;\n canRemove: boolean;\n removeValueLabel: (valueText: string) => string;\n onRemoveKey: (key: RACKey) => void;\n onSubmitText: (text: string, matchingItemKey: RACKey | undefined) => void;\n}\n\nfunction MultiComboBoxControl({\n keys,\n inputValue,\n placeholder,\n canRemove,\n removeValueLabel,\n onRemoveKey,\n onSubmitText,\n}: MultiComboBoxControlProps) {\n const state = useContext(RACComboBoxStateContext);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n useKeepFocusOnInput(triggerRef);\n const textByKey = selectedTextByKey(state);\n const textOf = (key: RACKey) => textByKey.get(key) || String(key);\n\n function removeKey(key: RACKey) {\n onRemoveKey(key);\n inputRef.current?.focus();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n const lastKey: RACKey | undefined = keys[keys.length - 1];\n const canRemoveLastKey =\n canRemove && inputValue === \"\" && lastKey !== undefined;\n if (event.key === \"Backspace\" && canRemoveLastKey) {\n onRemoveKey(lastKey);\n return;\n }\n const isChoosingHighlightedItem =\n state?.selectionManager.focusedKey != null;\n if (event.key !== \"Enter\" || isChoosingHighlightedItem) return;\n const text = inputValue.trim();\n if (text === \"\") return;\n event.preventDefault();\n onSubmitText(text, itemKeyWithText(state, text));\n }\n\n return (\n <RACGroup className=\"combobox combobox-multiple\">\n {keys.length > 0 && (\n <span\n className=\"combobox-tags\"\n role=\"list\"\n onMouseDown={keepFocusOnInput}\n >\n <RACButtonContext.Provider value={null}>\n {keys.map((key) => (\n <Tag\n key={`${typeof key}:${key}`}\n role=\"listitem\"\n scheme=\"neutral\"\n variant=\"secondary\"\n removeLabel={\n canRemove ? removeValueLabel(textOf(key)) : undefined\n }\n onRemove={canRemove ? () => removeKey(key) : undefined}\n >\n {textOf(key)}\n </Tag>\n ))}\n </RACButtonContext.Provider>\n </span>\n )}\n <Input\n ref={inputRef}\n className=\"combobox-input\"\n placeholder={keys.length === 0 ? placeholder : undefined}\n onKeyDown={handleKeyDown}\n onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n />\n <RACButton ref={triggerRef} className=\"combobox-trigger\">\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n </RACGroup>\n );\n}\n\nexport function MultiComboBoxField<T extends object>({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n items,\n value,\n defaultValue,\n onChange,\n removeValueLabel,\n allowsCustomValue,\n validateCustomValue,\n invalidCustomValueMessage,\n isInvalid,\n isDisabled,\n isReadOnly,\n ...props\n}: MultiComboBoxFieldProps<T>) {\n const classNames = clsx(className, \"combobox-container\");\n const [uncontrolledKeys, setUncontrolledKeys] = useState<RACKey[]>(\n defaultValue ?? [],\n );\n const keys = value ?? uncontrolledKeys;\n const [inputValue, setInputValue] = useState(\"\");\n const [isCustomValueRejected, setCustomValueRejected] = useState(false);\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 function changeKeys(nextKeys: RACKey[]) {\n if (hasSameKeys(nextKeys, keys)) return;\n if (value === undefined) setUncontrolledKeys(nextKeys);\n onChange?.(nextKeys);\n }\n\n function changeInput(text: string) {\n setInputValue(text);\n setCustomValueRejected(false);\n }\n\n function changeSelection(nextKeys: RACKey[]) {\n if (nextKeys.length > keys.length) changeInput(\"\");\n changeKeys(nextKeys);\n }\n\n function isAcceptedCustomValue(text: string): boolean {\n return allowsCustomValue === true && (validateCustomValue?.(text) ?? true);\n }\n\n function addTypedValue(text: string, matchingItemKey: RACKey | undefined) {\n if (matchingItemKey === undefined && !isAcceptedCustomValue(text)) {\n setCustomValueRejected(allowsCustomValue === true);\n return;\n }\n const key = matchingItemKey ?? text;\n changeInput(\"\");\n if (!keys.includes(key)) changeKeys([...keys, key]);\n }\n\n return (\n <RACComboBox<T, \"multiple\">\n {...props}\n className={classNames}\n selectionMode=\"multiple\"\n menuTrigger=\"focus\"\n value={keys}\n onChange={changeSelection}\n inputValue={inputValue}\n onInputChange={changeInput}\n isInvalid={isInvalid || isCustomValueRejected}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n >\n <Field>\n {label && <Label>{label}</Label>}\n <MultiComboBoxControl\n keys={keys}\n inputValue={inputValue}\n placeholder={placeholder}\n canRemove={!isDisabled && !isReadOnly}\n removeValueLabel={removeValueLabel}\n onRemoveKey={(key) => changeKeys(keys.filter((k) => k !== key))}\n onSubmitText={addTypedValue}\n />\n <RACPopover\n className=\"combobox-popover\"\n UNSTABLE_portalContainer={portalContainer}\n >\n <ListBox items={items}>{children}</ListBox>\n </RACPopover>\n {description && <Description>{description}</Description>}\n <FieldError>\n {isCustomValueRejected ? invalidCustomValueMessage : errorMessage}\n </FieldError>\n </Field>\n </RACComboBox>\n );\n}\n"],"names":["hasSameKeys","a","b","key","index","isSameText","itemKeyWithText","state","text","node","selectedTextByKey","texts","item","MultiComboBoxControl","keys","inputValue","placeholder","canRemove","removeValueLabel","onRemoveKey","onSubmitText","useContext","RACComboBoxStateContext","triggerRef","useRef","inputRef","useKeepFocusOnInput","textByKey","textOf","removeKey","_a","handleKeyDown","event","lastKey","canRemoveLastKey","isChoosingHighlightedItem","jsxs","RACGroup","jsx","keepFocusOnInput","RACButtonContext","Tag","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","MultiComboBoxField","className","label","description","errorMessage","children","items","value","defaultValue","onChange","allowsCustomValue","validateCustomValue","invalidCustomValueMessage","isInvalid","isDisabled","isReadOnly","props","classNames","clsx","uncontrolledKeys","setUncontrolledKeys","useState","setInputValue","isCustomValueRejected","setCustomValueRejected","portalContainer","useOverlayPortalContainer","changeKeys","nextKeys","changeInput","changeSelection","isAcceptedCustomValue","addTypedValue","matchingItemKey","RACComboBox","Field","Label","k","RACPopover","ListBox","Description","FieldError"],"mappings":"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"}

package/dist/lib/ui/primitives/ComboBox/MultiComboBox.js ADDED Viewed

@@ -0,0 +1,179 @@
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { clsx as U } from "../../../vendor/clsx/dist/clsx.js";
+import { useState as N, useContext as V, useRef as F } from "react";
+import { ComboBox as W, Popover as $, ComboBoxStateContext as G, Group as H, ButtonContext as _, Button as q } from "react-aria-components";
+import { useKeepFocusOnInput as z, keepFocusOnInput as J, openMenuWhenFocusedInputIsPressed as Q } from "./comboBoxFocus.js";
+/* empty css             */
+import { Tag as X } from "../Tag/Tag.js";
+import { IconChevronDown as Y } from "../../icons/IconChevronDown.js";
+import { useOverlayPortalContainer as Z } from "../../hooks/useOverlayPortal.js";
+import { Field as k, Label as ee, Description as oe, FieldError as ne } from "../Fieldset/Fieldset.js";
+import { ListBox as te } from "../ListBox/ListBox.js";
+import { Input as re } from "../Input/Input.js";
+function ie(e, n) {
+  return e.length === n.length && e.every((r, u) => r === n[u]);
+}
+function ce(e, n) {
+  return e.localeCompare(n, void 0, { sensitivity: "base" }) === 0;
+}
+function le(e, n) {
+  if (e) {
+    for (const r of e.collection)
+      if (r.type === "item" && ce(r.textValue, n))
+        return r.key;
+  }
+}
+function ue(e) {
+  const n = /* @__PURE__ */ new Map();
+  return e == null || e.selectedItems.forEach((r) => n.set(r.key, r.textValue)), n;
+}
+function se({
+  keys: e,
+  inputValue: n,
+  placeholder: r,
+  canRemove: u,
+  removeValueLabel: b,
+  onRemoveKey: h,
+  onSubmitText: v
+}) {
+  const c = V(G), f = F(null), m = F(null);
+  z(f);
+  const y = ue(c), p = (o) => y.get(o) || String(o);
+  function a(o) {
+    var l;
+    h(o), (l = m.current) == null || l.focus();
+  }
+  function B(o) {
+    const l = e[e.length - 1], x = u && n === "" && l !== void 0;
+    if (o.key === "Backspace" && x) {
+      h(l);
+      return;
+    }
+    const I = (c == null ? void 0 : c.selectionManager.focusedKey) != null;
+    if (o.key !== "Enter" || I) return;
+    const d = n.trim();
+    d !== "" && (o.preventDefault(), v(d, le(c, d)));
+  }
+  return /* @__PURE__ */ w(H, { className: "combobox combobox-multiple", children: [
+    e.length > 0 && /* @__PURE__ */ i(
+      "span",
+      {
+        className: "combobox-tags",
+        role: "list",
+        onMouseDown: J,
+        children: /* @__PURE__ */ i(_.Provider, { value: null, children: e.map((o) => /* @__PURE__ */ i(
+          X,
+          {
+            role: "listitem",
+            scheme: "neutral",
+            variant: "secondary",
+            removeLabel: u ? b(p(o)) : void 0,
+            onRemove: u ? () => a(o) : void 0,
+            children: p(o)
+          },
+          `${typeof o}:${o}`
+        )) })
+      }
+    ),
+    /* @__PURE__ */ i(
+      re,
+      {
+        ref: m,
+        className: "combobox-input",
+        placeholder: e.length === 0 ? r : void 0,
+        onKeyDown: B,
+        onPointerDown: Q(f)
+      }
+    ),
+    /* @__PURE__ */ i(q, { ref: f, className: "combobox-trigger", children: /* @__PURE__ */ i(Y, { "aria-hidden": "true" }) })
+  ] });
+}
+function Ie({
+  className: e,
+  label: n,
+  description: r,
+  errorMessage: u,
+  placeholder: b,
+  children: h,
+  items: v,
+  value: c,
+  defaultValue: f,
+  onChange: m,
+  removeValueLabel: y,
+  allowsCustomValue: p,
+  validateCustomValue: a,
+  invalidCustomValueMessage: B,
+  isInvalid: o,
+  isDisabled: l,
+  isReadOnly: x,
+  ...I
+}) {
+  const d = U(e, "combobox-container"), [L, P] = N(
+    f ?? []
+  ), s = c ?? L, [S, R] = N(""), [T, M] = N(!1), j = Z();
+  function C(t) {
+    ie(t, s) || (c === void 0 && P(t), m == null || m(t));
+  }
+  function K(t) {
+    R(t), M(!1);
+  }
+  function E(t) {
+    t.length > s.length && K(""), C(t);
+  }
+  function O(t) {
+    return p === !0 && ((a == null ? void 0 : a(t)) ?? !0);
+  }
+  function A(t, g) {
+    if (g === void 0 && !O(t)) {
+      M(p === !0);
+      return;
+    }
+    const D = g ?? t;
+    K(""), s.includes(D) || C([...s, D]);
+  }
+  return /* @__PURE__ */ i(
+    W,
+    {
+      ...I,
+      className: d,
+      selectionMode: "multiple",
+      menuTrigger: "focus",
+      value: s,
+      onChange: E,
+      inputValue: S,
+      onInputChange: K,
+      isInvalid: o || T,
+      isDisabled: l,
+      isReadOnly: x,
+      children: /* @__PURE__ */ w(k, { children: [
+        n && /* @__PURE__ */ i(ee, { children: n }),
+        /* @__PURE__ */ i(
+          se,
+          {
+            keys: s,
+            inputValue: S,
+            placeholder: b,
+            canRemove: !l && !x,
+            removeValueLabel: y,
+            onRemoveKey: (t) => C(s.filter((g) => g !== t)),
+            onSubmitText: A
+          }
+        ),
+        /* @__PURE__ */ i(
+          $,
+          {
+            className: "combobox-popover",
+            UNSTABLE_portalContainer: j,
+            children: /* @__PURE__ */ i(te, { items: v, children: h })
+          }
+        ),
+        r && /* @__PURE__ */ i(oe, { children: r }),
+        /* @__PURE__ */ i(ne, { children: T ? B : u })
+      ] })
+    }
+  );
+}
+export {
+  Ie as MultiComboBoxField
+};
+//# sourceMappingURL=MultiComboBox.js.map

package/dist/lib/ui/primitives/ComboBox/MultiComboBox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MultiComboBox.js","sources":["../../../../../src/ui/primitives/ComboBox/MultiComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n Label,\n ListBox,\n SharedFieldProps,\n Tag,\n} from \"primitives\";\nimport React, { useContext, useRef, useState } from \"react\";\nimport {\n Button as RACButton,\n ButtonContext as RACButtonContext,\n ComboBox as RACComboBox,\n ComboBoxStateContext as RACComboBoxStateContext,\n Group as RACGroup,\n Popover as RACPopover,\n type ComboBoxProps as RACComboBoxProps,\n type Key as RACKey,\n} from \"react-aria-components\";\nimport {\n keepFocusOnInput,\n openMenuWhenFocusedInputIsPressed,\n useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\ntype MultiComboBoxState = NonNullable<\n React.ContextType<typeof RACComboBoxStateContext>\n>;\n\ntype PropsManagedByMultiComboBox =\n | \"children\"\n | \"selectionMode\"\n | \"value\"\n | \"defaultValue\"\n | \"onChange\"\n | \"selectedKey\"\n | \"defaultSelectedKey\"\n | \"onSelectionChange\"\n | \"allowsCustomValue\"\n | \"inputValue\"\n | \"defaultInputValue\"\n | \"onInputChange\"\n | \"menuTrigger\";\n\ninterface CustomValueValidationProps {\n validateCustomValue: (text: string) => boolean;\n invalidCustomValueMessage: string;\n}\n\ninterface WithoutCustomValueValidation {\n validateCustomValue?: never;\n invalidCustomValueMessage?: never;\n}\n\ntype CustomValueProps =\n | ({ allowsCustomValue: true } & (\n | CustomValueValidationProps\n | WithoutCustomValueValidation\n ))\n | ({ allowsCustomValue?: false } & WithoutCustomValueValidation);\n\nexport type MultiComboBoxFieldProps<T extends object> = Omit<\n RACComboBoxProps<T, \"multiple\">,\n PropsManagedByMultiComboBox\n> &\n SharedFieldProps &\n CustomValueProps & {\n items?: Iterable<T>;\n children: React.ReactNode | ((item: T) => React.ReactNode);\n value?: RACKey[];\n defaultValue?: RACKey[];\n onChange?: (keys: RACKey[]) => void;\n removeValueLabel: (valueText: string) => string;\n };\n\nfunction hasSameKeys(a: readonly RACKey[], b: readonly RACKey[]): boolean {\n return a.length === b.length && a.every((key, index) => key === b[index]);\n}\n\nfunction isSameText(a: string, b: string): boolean {\n return a.localeCompare(b, undefined, { sensitivity: \"base\" }) === 0;\n}\n\nfunction itemKeyWithText(\n state: MultiComboBoxState | null,\n text: string,\n): RACKey | undefined {\n if (!state) return undefined;\n for (const node of state.collection) {\n if (node.type === \"item\" && isSameText(node.textValue, text))\n return node.key;\n }\n return undefined;\n}\n\nfunction selectedTextByKey(\n state: MultiComboBoxState | null,\n): Map<RACKey, string> {\n const texts = new Map<RACKey, string>();\n state?.selectedItems.forEach((item) => texts.set(item.key, item.textValue));\n return texts;\n}\n\ninterface MultiComboBoxControlProps {\n keys: RACKey[];\n inputValue: string;\n placeholder?: string;\n canRemove: boolean;\n removeValueLabel: (valueText: string) => string;\n onRemoveKey: (key: RACKey) => void;\n onSubmitText: (text: string, matchingItemKey: RACKey | undefined) => void;\n}\n\nfunction MultiComboBoxControl({\n keys,\n inputValue,\n placeholder,\n canRemove,\n removeValueLabel,\n onRemoveKey,\n onSubmitText,\n}: MultiComboBoxControlProps) {\n const state = useContext(RACComboBoxStateContext);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n useKeepFocusOnInput(triggerRef);\n const textByKey = selectedTextByKey(state);\n const textOf = (key: RACKey) => textByKey.get(key) || String(key);\n\n function removeKey(key: RACKey) {\n onRemoveKey(key);\n inputRef.current?.focus();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n const lastKey: RACKey | undefined = keys[keys.length - 1];\n const canRemoveLastKey =\n canRemove && inputValue === \"\" && lastKey !== undefined;\n if (event.key === \"Backspace\" && canRemoveLastKey) {\n onRemoveKey(lastKey);\n return;\n }\n const isChoosingHighlightedItem =\n state?.selectionManager.focusedKey != null;\n if (event.key !== \"Enter\" || isChoosingHighlightedItem) return;\n const text = inputValue.trim();\n if (text === \"\") return;\n event.preventDefault();\n onSubmitText(text, itemKeyWithText(state, text));\n }\n\n return (\n <RACGroup className=\"combobox combobox-multiple\">\n {keys.length > 0 && (\n <span\n className=\"combobox-tags\"\n role=\"list\"\n onMouseDown={keepFocusOnInput}\n >\n <RACButtonContext.Provider value={null}>\n {keys.map((key) => (\n <Tag\n key={`${typeof key}:${key}`}\n role=\"listitem\"\n scheme=\"neutral\"\n variant=\"secondary\"\n removeLabel={\n canRemove ? removeValueLabel(textOf(key)) : undefined\n }\n onRemove={canRemove ? () => removeKey(key) : undefined}\n >\n {textOf(key)}\n </Tag>\n ))}\n </RACButtonContext.Provider>\n </span>\n )}\n <Input\n ref={inputRef}\n className=\"combobox-input\"\n placeholder={keys.length === 0 ? placeholder : undefined}\n onKeyDown={handleKeyDown}\n onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n />\n <RACButton ref={triggerRef} className=\"combobox-trigger\">\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n </RACGroup>\n );\n}\n\nexport function MultiComboBoxField<T extends object>({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n items,\n value,\n defaultValue,\n onChange,\n removeValueLabel,\n allowsCustomValue,\n validateCustomValue,\n invalidCustomValueMessage,\n isInvalid,\n isDisabled,\n isReadOnly,\n ...props\n}: MultiComboBoxFieldProps<T>) {\n const classNames = clsx(className, \"combobox-container\");\n const [uncontrolledKeys, setUncontrolledKeys] = useState<RACKey[]>(\n defaultValue ?? [],\n );\n const keys = value ?? uncontrolledKeys;\n const [inputValue, setInputValue] = useState(\"\");\n const [isCustomValueRejected, setCustomValueRejected] = useState(false);\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 function changeKeys(nextKeys: RACKey[]) {\n if (hasSameKeys(nextKeys, keys)) return;\n if (value === undefined) setUncontrolledKeys(nextKeys);\n onChange?.(nextKeys);\n }\n\n function changeInput(text: string) {\n setInputValue(text);\n setCustomValueRejected(false);\n }\n\n function changeSelection(nextKeys: RACKey[]) {\n if (nextKeys.length > keys.length) changeInput(\"\");\n changeKeys(nextKeys);\n }\n\n function isAcceptedCustomValue(text: string): boolean {\n return allowsCustomValue === true && (validateCustomValue?.(text) ?? true);\n }\n\n function addTypedValue(text: string, matchingItemKey: RACKey | undefined) {\n if (matchingItemKey === undefined && !isAcceptedCustomValue(text)) {\n setCustomValueRejected(allowsCustomValue === true);\n return;\n }\n const key = matchingItemKey ?? text;\n changeInput(\"\");\n if (!keys.includes(key)) changeKeys([...keys, key]);\n }\n\n return (\n <RACComboBox<T, \"multiple\">\n {...props}\n className={classNames}\n selectionMode=\"multiple\"\n menuTrigger=\"focus\"\n value={keys}\n onChange={changeSelection}\n inputValue={inputValue}\n onInputChange={changeInput}\n isInvalid={isInvalid || isCustomValueRejected}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n >\n <Field>\n {label && <Label>{label}</Label>}\n <MultiComboBoxControl\n keys={keys}\n inputValue={inputValue}\n placeholder={placeholder}\n canRemove={!isDisabled && !isReadOnly}\n removeValueLabel={removeValueLabel}\n onRemoveKey={(key) => changeKeys(keys.filter((k) => k !== key))}\n onSubmitText={addTypedValue}\n />\n <RACPopover\n className=\"combobox-popover\"\n UNSTABLE_portalContainer={portalContainer}\n >\n <ListBox items={items}>{children}</ListBox>\n </RACPopover>\n {description && <Description>{description}</Description>}\n <FieldError>\n {isCustomValueRejected ? invalidCustomValueMessage : errorMessage}\n </FieldError>\n </Field>\n </RACComboBox>\n );\n}\n"],"names":["hasSameKeys","a","b","key","index","isSameText","itemKeyWithText","state","text","node","selectedTextByKey","texts","item","MultiComboBoxControl","keys","inputValue","placeholder","canRemove","removeValueLabel","onRemoveKey","onSubmitText","useContext","RACComboBoxStateContext","triggerRef","useRef","inputRef","useKeepFocusOnInput","textByKey","textOf","removeKey","_a","handleKeyDown","event","lastKey","canRemoveLastKey","isChoosingHighlightedItem","jsxs","RACGroup","jsx","keepFocusOnInput","RACButtonContext","Tag","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","MultiComboBoxField","className","label","description","errorMessage","children","items","value","defaultValue","onChange","allowsCustomValue","validateCustomValue","invalidCustomValueMessage","isInvalid","isDisabled","isReadOnly","props","classNames","clsx","uncontrolledKeys","setUncontrolledKeys","useState","setInputValue","isCustomValueRejected","setCustomValueRejected","portalContainer","useOverlayPortalContainer","changeKeys","nextKeys","changeInput","changeSelection","isAcceptedCustomValue","addTypedValue","matchingItemKey","RACComboBox","Field","Label","k","RACPopover","ListBox","Description","FieldError"],"mappings":"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"}

package/dist/lib/ui/primitives/ComboBox/comboBoxFocus.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function r(n){const e=n.getRootNode();return e instanceof ShadowRoot\|\|e instanceof Document?e.activeElement:null}function c(n){return e=>{var t;r(e.currentTarget)===e.currentTarget&&((t=n.current)==null\|\|t.click())}}function s(n){n.preventDefault()}function i(n){o.useEffect(()=>{const e=n.current;if(!e)return;function t(u){u.preventDefault()}return e.addEventListener("mousedown",t),()=>e.removeEventListener("mousedown",t)},[n])}exports.keepFocusOnInput=s;exports.openMenuWhenFocusedInputIsPressed=c;exports.useKeepFocusOnInput=i;
2	+ //# sourceMappingURL=comboBoxFocus.cjs.map

package/dist/lib/ui/primitives/ComboBox/comboBoxFocus.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"comboBoxFocus.cjs","sources":["../../../../../src/ui/primitives/ComboBox/comboBoxFocus.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n// `document.activeElement` para no host da shadow root: quem sabe o que está focado\n// dentro dela é a própria raiz. Ver ui/hooks/useOverlayPortal.\nfunction activeElementOf(element: Element): Element | null {\n const root = element.getRootNode();\n return root instanceof ShadowRoot || root instanceof Document\n ? root.activeElement\n : null;\n}\n\nexport function openMenuWhenFocusedInputIsPressed(\n triggerRef: React.RefObject<HTMLButtonElement | null>,\n) {\n return (event: React.PointerEvent<HTMLInputElement>) => {\n if (activeElementOf(event.currentTarget) === event.currentTarget) {\n triggerRef.current?.click();\n }\n };\n}\n\nexport function keepFocusOnInput(event: React.MouseEvent): void {\n event.preventDefault();\n}\n\n// O react-aria pede `preventFocusOnPress` para o botão do dropdown, mas a implementação\n// dele guarda `document.activeElement` — que dentro de uma shadow root devolve o host, e\n// não o input. O botão fica com o foco de verdade, o input nunca mais recebe blur, e a\n// partir daí só escolher um item fecha o dropdown: clicar fora não fecha nada. Impedir o\n// padrão do mousedown é o que mantém o foco no input, dentro e fora da shadow root.\n//\n// Via listener nativo, e não por prop: o `useButton` do react-aria só repassa ao <button>\n// os handlers que ele mesmo declara, e descarta um `onMouseDown` vindo de fora.\nexport function useKeepFocusOnInput(\n triggerRef: React.RefObject<HTMLButtonElement | null>,\n): void {\n useEffect(() => {\n const trigger: HTMLButtonElement | null = triggerRef.current;\n if (!trigger) return undefined;\n\n function preventFocus(event: MouseEvent): void {\n event.preventDefault();\n }\n\n trigger.addEventListener(\"mousedown\", preventFocus);\n return () => trigger.removeEventListener(\"mousedown\", preventFocus);\n }, [triggerRef]);\n}\n"],"names":["activeElementOf","element","root","openMenuWhenFocusedInputIsPressed","triggerRef","event","_a","keepFocusOnInput","useKeepFocusOnInput","useEffect","trigger","preventFocus"],"mappings":"yGAIA,SAASA,EAAgBC,EAAkC,CACzD,MAAMC,EAAOD,EAAQ,YAAA,EACrB,OAAOC,aAAgB,YAAcA,aAAgB,SACjDA,EAAK,cACL,IACN,CAEO,SAASC,EACdC,EACA,CACA,OAAQC,GAAgD,OAClDL,EAAgBK,EAAM,aAAa,IAAMA,EAAM,iBACjDC,EAAAF,EAAW,UAAX,MAAAE,EAAoB,QAExB,CACF,CAEO,SAASC,EAAiBF,EAA+B,CAC9DA,EAAM,eAAA,CACR,CAUO,SAASG,EACdJ,EACM,CACNK,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoCN,EAAW,QACrD,GAAI,CAACM,EAAS,OAEd,SAASC,EAAaN,EAAyB,CAC7CA,EAAM,eAAA,CACR,CAEA,OAAAK,EAAQ,iBAAiB,YAAaC,CAAY,EAC3C,IAAMD,EAAQ,oBAAoB,YAAaC,CAAY,CACpE,EAAG,CAACP,CAAU,CAAC,CACjB"}

package/dist/lib/ui/primitives/ComboBox/comboBoxFocus.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { useEffect as r } from "react";
+function u(n) {
+  const e = n.getRootNode();
+  return e instanceof ShadowRoot || e instanceof Document ? e.activeElement : null;
+}
+function s(n) {
+  return (e) => {
+    var t;
+    u(e.currentTarget) === e.currentTarget && ((t = n.current) == null || t.click());
+  };
+}
+function i(n) {
+  n.preventDefault();
+}
+function f(n) {
+  r(() => {
+    const e = n.current;
+    if (!e) return;
+    function t(o) {
+      o.preventDefault();
+    }
+    return e.addEventListener("mousedown", t), () => e.removeEventListener("mousedown", t);
+  }, [n]);
+}
+export {
+  i as keepFocusOnInput,
+  s as openMenuWhenFocusedInputIsPressed,
+  f as useKeepFocusOnInput
+};
+//# sourceMappingURL=comboBoxFocus.js.map

package/dist/lib/ui/primitives/ComboBox/comboBoxFocus.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"comboBoxFocus.js","sources":["../../../../../src/ui/primitives/ComboBox/comboBoxFocus.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n// `document.activeElement` para no host da shadow root: quem sabe o que está focado\n// dentro dela é a própria raiz. Ver ui/hooks/useOverlayPortal.\nfunction activeElementOf(element: Element): Element | null {\n const root = element.getRootNode();\n return root instanceof ShadowRoot || root instanceof Document\n ? root.activeElement\n : null;\n}\n\nexport function openMenuWhenFocusedInputIsPressed(\n triggerRef: React.RefObject<HTMLButtonElement | null>,\n) {\n return (event: React.PointerEvent<HTMLInputElement>) => {\n if (activeElementOf(event.currentTarget) === event.currentTarget) {\n triggerRef.current?.click();\n }\n };\n}\n\nexport function keepFocusOnInput(event: React.MouseEvent): void {\n event.preventDefault();\n}\n\n// O react-aria pede `preventFocusOnPress` para o botão do dropdown, mas a implementação\n// dele guarda `document.activeElement` — que dentro de uma shadow root devolve o host, e\n// não o input. O botão fica com o foco de verdade, o input nunca mais recebe blur, e a\n// partir daí só escolher um item fecha o dropdown: clicar fora não fecha nada. Impedir o\n// padrão do mousedown é o que mantém o foco no input, dentro e fora da shadow root.\n//\n// Via listener nativo, e não por prop: o `useButton` do react-aria só repassa ao <button>\n// os handlers que ele mesmo declara, e descarta um `onMouseDown` vindo de fora.\nexport function useKeepFocusOnInput(\n triggerRef: React.RefObject<HTMLButtonElement | null>,\n): void {\n useEffect(() => {\n const trigger: HTMLButtonElement | null = triggerRef.current;\n if (!trigger) return undefined;\n\n function preventFocus(event: MouseEvent): void {\n event.preventDefault();\n }\n\n trigger.addEventListener(\"mousedown\", preventFocus);\n return () => trigger.removeEventListener(\"mousedown\", preventFocus);\n }, [triggerRef]);\n}\n"],"names":["activeElementOf","element","root","openMenuWhenFocusedInputIsPressed","triggerRef","event","_a","keepFocusOnInput","useKeepFocusOnInput","useEffect","trigger","preventFocus"],"mappings":";AAIA,SAASA,EAAgBC,GAAkC;AACzD,QAAMC,IAAOD,EAAQ,YAAA;AACrB,SAAOC,aAAgB,cAAcA,aAAgB,WACjDA,EAAK,gBACL;AACN;AAEO,SAASC,EACdC,GACA;AACA,SAAO,CAACC,MAAgD;;AACtD,IAAIL,EAAgBK,EAAM,aAAa,MAAMA,EAAM,mBACjDC,IAAAF,EAAW,YAAX,QAAAE,EAAoB;AAAA,EAExB;AACF;AAEO,SAASC,EAAiBF,GAA+B;AAC9D,EAAAA,EAAM,eAAA;AACR;AAUO,SAASG,EACdJ,GACM;AACN,EAAAK,EAAU,MAAM;AACd,UAAMC,IAAoCN,EAAW;AACrD,QAAI,CAACM,EAAS;AAEd,aAASC,EAAaN,GAAyB;AAC7C,MAAAA,EAAM,eAAA;AAAA,IACR;AAEA,WAAAK,EAAQ,iBAAiB,aAAaC,CAAY,GAC3C,MAAMD,EAAQ,oBAAoB,aAAaC,CAAY;AAAA,EACpE,GAAG,CAACP,CAAU,CAAC;AACjB;"}

package/dist/lib/ui/primitives/DateRangePicker/DateRangePicker.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@internationalized/date"),Ie=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),r=require("react-aria-components"),Be=require("./dateRangePresets.cjs");;/* empty css                      */const Z=require("../../icons/IconCalendar.cjs"),Re=require("../../icons/IconChevronDown.cjs"),z=require("../Text/Text.cjs"),we=require("../../icons/IconCheck.cjs"),Fe=require("../../icons/IconChevronLeft.cjs"),Pe=require("../../icons/IconChevronRight.cjs"),Ee=require("../../hooks/useOverlayPortal.cjs"),H=require("../Fieldset/Fieldset.cjs"),re=require("../ListBox/ListBox.cjs"),se=require("../Button/Button.cjs"),K=()=>new d.Time(0,0,0),ie=()=>new d.Time(23,59,59);function Ae({onAnchorChange:a}){const i=h.useContext(r.RangeCalendarStateContext),c=(i==null?void 0:i.anchorDate)??null,o=c==null?void 0:c.toString();return h.useEffect(()=>{a(c)},[o]),null}const k=a=>a&&"hour"in a?new d.Time(a.hour,a.minute,a.second):null,y=(a,i)=>"timeZone"in a?d.toTimeZone(a,i):a,ce=(a,i)=>{if(!a||!a.start&&!a.end)return{range:null,startTime:null,endTime:null,preset:a==null?void 0:a.preset};const c=a.start&&y(a.start,i),o=a.end&&y(a.end,i);return{range:c&&o?{start:d.toCalendarDate(c),end:d.toCalendarDate(o)}:null,startTime:k(c),endTime:k(o),preset:a.preset}},m=(a,i,c)=>{if(!a)return null;const o=d.toCalendarDate(a);return c||!i?o:d.toCalendarDateTime(o,i)},Oe=(a,i)=>{var c,o;return{preset:a.preset,start:m((c=a.range)==null?void 0:c.start,a.startTime,i),end:m((o=a.range)==null?void 0:o.end,a.endTime,i)}};function Ge({className:a,locale:i,label:c,"aria-label":o,description:L,errorMessage:I,labels:le,intervals:B,presetKeys:R,presetLabels:w,hideTime:l=!1,minValue:F,maxValue:P,timezone:E,firstDayOfWeek:M,isDisabled:oe=!1,isRequired:de=!1,value:v,defaultValue:ge,onChange:A}){var te,ae;const ue=Ee.useOverlayPortalContainer(),{locale:me}=r.useLocale(),pe=i??me??"pt-BR",x=E??d.getLocalTimeZone(),{placeholder:U,relativeLabel:_,absoluteLabel:J,startDateLabel:he,endDateLabel:xe,cancelLabel:O,applyLabel:G}=le,j=h.useMemo(()=>{if(B)return B;if(R){if(!w)throw new Error("DateRangePicker: `presetLabels` is required when `presetKeys` is provided.");return Be.createDateRangePresets({timezone:E,firstDayOfWeek:M,include:R,labels:w})}},[B,R,w,M,E]),[u,Q]=h.useState(()=>ce(v??ge,x)),[p,f]=h.useState(u),[je,T]=h.useState(null),[fe,V]=h.useState(!1);h.useEffect(()=>{v!==void 0&&Q(ce(v,x))},[v,x]);const q=t=>({...t,preset:void 0}),Ce=t=>l?t:{...t,startTime:t.startTime??K(),endTime:t.endTime??ie()},ke=t=>{t&&(f(u),T(null)),V(t)},Te=t=>{T(null);const s=t.getValue(),g=y(s.start,x),n=y(s.end,x);f({range:{start:d.toCalendarDate(g),end:d.toCalendarDate(n)},startTime:k(g),endTime:k(n),preset:t})},De=t=>{T(t),t&&!l&&f(s=>q({...s,startTime:s.startTime??K()}))},Ne=t=>{T(null),f(s=>Ce(q({...s,range:t})))},be=t=>{if(!t)return;T(null);const s=d.toCalendarDate(t),g=k(t);f(n=>{var S,ne;const C=l?n.startTime:g??n.startTime??K(),D=m(s,C,l),N=m((S=n.range)==null?void 0:S.end,n.endTime,l),b=!!(D&&N&&N.compare(D)<0);return q({...n,range:{start:s,end:b||!((ne=n.range)!=null&&ne.end)?s:n.range.end},startTime:C,endTime:b?C:n.endTime})})},Se=t=>{if(!t)return;const s=d.toCalendarDate(t),g=k(t);f(n=>{var b,S;const C=l?n.endTime:g??n.endTime??ie(),D=m(s,C,l),N=m((b=n.range)==null?void 0:b.start,n.startTime,l);return N&&D&&D.compare(N)<0?n:q({...n,range:{start:((S=n.range)==null?void 0:S.start)??s,end:s},endTime:C})})},ve=()=>{Q(p),A==null||A(Oe(p,l)),V(!1)},qe=()=>V(!1),ye=!!(O||G),X=(()=>{if(u.preset)return u.preset.label;if(u.range){const t=n=>n.toDate(x).toLocaleString(pe,{day:"2-digit",month:"2-digit",year:"numeric",...l?{}:{hour:"2-digit",minute:"2-digit",second:"2-digit"}}),s=m(u.range.start,u.startTime,l),g=m(u.range.end,u.endTime,l);if(s&&g)return`${t(s)} — ${t(g)}`}return null})(),Le=!!(j&&j.length>0),Y=l?"day":"second",W=m(((te=p.range)==null?void 0:te.start)??je??void 0,p.startTime,l),$=m(((ae=p.range)==null?void 0:ae.end)??void 0,p.endTime,l),ee=e.jsxs(H.Field,{className:Ie.clsx(a,"date-range-picker"),children:[c&&e.jsx(H.Label,{children:c}),e.jsxs(r.DialogTrigger,{isOpen:fe,onOpenChange:ke,children:[e.jsxs(r.Button,{className:"date-range-picker-trigger",isDisabled:oe,"aria-label":c?void 0:o??U,"aria-required":de||void 0,"data-invalid":I?!0:void 0,children:[u.preset?e.jsxs("span",{className:"date-range-picker-preset-badge",children:[e.jsx(Z.IconCalendar,{"aria-hidden":"true"}),u.preset.label]}):e.jsx("span",{className:"date-range-picker-value","data-placeholder":X?void 0:!0,children:X??U}),e.jsx(Re.IconChevronDown,{"aria-hidden":"true"})]}),e.jsx(r.Popover,{className:"date-range-picker-popover",placement:"bottom start",UNSTABLE_portalContainer:ue,children:e.jsxs(r.Dialog,{className:"date-range-picker-dialog",children:[e.jsxs("div",{className:"date-range-picker-body",children:[Le&&e.jsxs("div",{className:"date-range-picker-presets",children:[e.jsx(z.TextSmallStrong,{className:"date-range-picker-section-title",children:_}),e.jsx(re.ListBox,{"aria-label":_,className:"date-range-picker-presets-list",selectionMode:"single",selectedKeys:p.preset?[p.preset.id]:[],items:j,onSelectionChange:t=>{const[s]=[...t],g=j==null?void 0:j.find(n=>n.id===s);g&&Te(g)},children:t=>e.jsxs(re.ListBoxItem,{id:t.id,textValue:t.label,className:"date-range-picker-preset-item",children:[e.jsx("span",{children:t.label}),e.jsx(we.IconCheck,{"aria-hidden":"true",className:"date-range-picker-preset-check"})]})})]}),e.jsxs("div",{className:"date-range-picker-absolute",children:[e.jsx(z.TextSmallStrong,{className:"date-range-picker-section-title",children:J}),e.jsxs("div",{className:"date-range-picker-fields",children:[e.jsxs(r.DateField,{className:"date-range-picker-datefield",granularity:Y,value:W,minValue:F,maxValue:$??P,onChange:be,children:[e.jsx(r.Label,{className:"date-range-picker-field-label",children:he}),e.jsxs(r.Group,{className:"date-range-picker-input",children:[e.jsx(r.DateInput,{children:t=>e.jsx(r.DateSegment,{segment:t})}),e.jsx(Z.IconCalendar,{"aria-hidden":"true"})]})]}),e.jsxs(r.DateField,{className:"date-range-picker-datefield",granularity:Y,value:$,minValue:W??F,maxValue:P,onChange:Se,children:[e.jsx(r.Label,{className:"date-range-picker-field-label",children:xe}),e.jsxs(r.Group,{className:"date-range-picker-input",children:[e.jsx(r.DateInput,{children:t=>e.jsx(r.DateSegment,{segment:t})}),e.jsx(Z.IconCalendar,{"aria-hidden":"true"})]})]})]}),e.jsxs(r.RangeCalendar,{className:"date-range-picker-calendar","aria-label":J,value:p.range,minValue:F,maxValue:P,onChange:Ne,children:[e.jsx(Ae,{onAnchorChange:De}),e.jsxs("header",{className:"date-range-picker-calendar-header",children:[e.jsx(r.Button,{slot:"previous",className:"date-range-picker-calendar-nav",children:e.jsx(Fe.IconChevronLeft,{"aria-hidden":"true"})}),e.jsx(r.Heading,{className:"date-range-picker-calendar-heading"}),e.jsx(r.Button,{slot:"next",className:"date-range-picker-calendar-nav",children:e.jsx(Pe.IconChevronRight,{"aria-hidden":"true"})})]}),e.jsx(r.CalendarGrid,{className:"date-range-picker-calendar-grid",children:t=>e.jsx(r.CalendarCell,{date:t,className:"date-range-picker-calendar-cell"})})]})]})]}),ye&&e.jsxs("div",{className:"date-range-picker-actions",children:[O&&e.jsx(se.Button,{variant:"neutral",size:"small",onPress:qe,children:O}),G&&e.jsx(se.Button,{variant:"primary",size:"small",onPress:ve,children:G})]})]})})]}),L&&e.jsx(H.Description,{children:L}),I&&e.jsx(z.Text,{className:"date-range-picker-error",elementType:"span",children:I})]});return i?e.jsx(r.I18nProvider,{locale:i,children:ee}):ee}exports.DateRangePicker=Ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@internationalized/date"),Ie=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),r=require("react-aria-components"),Be=require("./dateRangePresets.cjs");;/* empty css                      */const Z=require("../../icons/IconCalendar.cjs"),Re=require("../../icons/IconChevronDown.cjs"),z=require("../Text/Text.cjs"),we=require("../../icons/IconCheck.cjs"),Fe=require("../../icons/IconChevronLeft.cjs"),Pe=require("../../icons/IconChevronRight.cjs"),Ee=require("../../hooks/useOverlayPortal.cjs"),U=require("../Fieldset/Fieldset.cjs"),re=require("../ListBox/ListBox.cjs"),se=require("../Button/Button.cjs"),H=()=>new d.Time(0,0,0),ie=()=>new d.Time(23,59,59);function Ae({onAnchorChange:a}){const i=h.useContext(r.RangeCalendarStateContext),c=(i==null?void 0:i.anchorDate)??null,o=c==null?void 0:c.toString();return h.useEffect(()=>{a(c)},[o]),null}const k=a=>a&&"hour"in a?new d.Time(a.hour,a.minute,a.second):null,y=(a,i)=>"timeZone"in a?d.toTimeZone(a,i):a,ce=(a,i)=>{if(!a||!a.start&&!a.end)return{range:null,startTime:null,endTime:null,preset:a==null?void 0:a.preset};const c=a.start&&y(a.start,i),o=a.end&&y(a.end,i);return{range:c&&o?{start:d.toCalendarDate(c),end:d.toCalendarDate(o)}:null,startTime:k(c),endTime:k(o),preset:a.preset}},m=(a,i,c)=>{if(!a)return null;const o=d.toCalendarDate(a);return c||!i?o:d.toCalendarDateTime(o,i)},Oe=(a,i)=>{var c,o;return{preset:a.preset,start:m((c=a.range)==null?void 0:c.start,a.startTime,i),end:m((o=a.range)==null?void 0:o.end,a.endTime,i)}};function Ge({className:a,locale:i,label:c,"aria-label":o,description:L,errorMessage:I,labels:le,intervals:B,presetKeys:R,presetLabels:w,hideTime:l=!1,minValue:F,maxValue:P,timezone:E,firstDayOfWeek:K,isDisabled:oe=!1,isRequired:de=!1,value:v,defaultValue:ge,onChange:A}){var te,ae;const ue=Ee.useOverlayPortalContainer(),{locale:me}=r.useLocale(),pe=i??me??"pt-BR",x=E??d.getLocalTimeZone(),{placeholder:M,relativeLabel:_,absoluteLabel:J,startDateLabel:he,endDateLabel:xe,cancelLabel:O,applyLabel:G}=le,j=h.useMemo(()=>{if(B)return B;if(R){if(!w)throw new Error("DateRangePicker: `presetLabels` is required when `presetKeys` is provided.");return Be.createDateRangePresets({timezone:E,firstDayOfWeek:K,include:R,labels:w})}},[B,R,w,K,E]),[u,Q]=h.useState(()=>ce(v??ge,x)),[p,f]=h.useState(u),[je,T]=h.useState(null),[fe,V]=h.useState(!1);h.useEffect(()=>{v!==void 0&&Q(ce(v,x))},[v,x]);const q=t=>({...t,preset:void 0}),Ce=t=>l?t:{...t,startTime:t.startTime??H(),endTime:t.endTime??ie()},ke=t=>{t&&(f(u),T(null)),V(t)},Te=t=>{T(null);const s=t.getValue(),g=y(s.start,x),n=y(s.end,x);f({range:{start:d.toCalendarDate(g),end:d.toCalendarDate(n)},startTime:k(g),endTime:k(n),preset:t})},De=t=>{T(t),t&&!l&&f(s=>q({...s,startTime:s.startTime??H()}))},Ne=t=>{T(null),f(s=>Ce(q({...s,range:t})))},be=t=>{if(!t)return;T(null);const s=d.toCalendarDate(t),g=k(t);f(n=>{var S,ne;const C=l?n.startTime:g??n.startTime??H(),D=m(s,C,l),N=m((S=n.range)==null?void 0:S.end,n.endTime,l),b=!!(D&&N&&N.compare(D)<0);return q({...n,range:{start:s,end:b||!((ne=n.range)!=null&&ne.end)?s:n.range.end},startTime:C,endTime:b?C:n.endTime})})},Se=t=>{if(!t)return;const s=d.toCalendarDate(t),g=k(t);f(n=>{var b,S;const C=l?n.endTime:g??n.endTime??ie(),D=m(s,C,l),N=m((b=n.range)==null?void 0:b.start,n.startTime,l);return N&&D&&D.compare(N)<0?n:q({...n,range:{start:((S=n.range)==null?void 0:S.start)??s,end:s},endTime:C})})},ve=()=>{Q(p),A==null||A(Oe(p,l)),V(!1)},qe=()=>V(!1),ye=!!(O||G),X=(()=>{if(u.preset)return u.preset.label;if(u.range){const t=n=>n.toDate(x).toLocaleString(pe,{day:"2-digit",month:"2-digit",year:"numeric",...l?{}:{hour:"2-digit",minute:"2-digit",second:"2-digit"}}),s=m(u.range.start,u.startTime,l),g=m(u.range.end,u.endTime,l);if(s&&g)return`${t(s)} — ${t(g)}`}return null})(),Le=!!(j&&j.length>0),Y=l?"day":"second",W=m(((te=p.range)==null?void 0:te.start)??je??void 0,p.startTime,l),$=m(((ae=p.range)==null?void 0:ae.end)??void 0,p.endTime,l),ee=e.jsxs(U.Field,{className:Ie.clsx(a,"date-range-picker"),children:[c&&e.jsx(U.Label,{children:c}),e.jsxs(r.DialogTrigger,{isOpen:fe,onOpenChange:ke,children:[e.jsxs(r.Button,{className:"date-range-picker-trigger",isDisabled:oe,"aria-label":c?void 0:o??M,"aria-required":de||void 0,"data-invalid":I?!0:void 0,children:[u.preset?e.jsxs("span",{className:"date-range-picker-preset-badge",children:[e.jsx(Z.IconCalendar,{"aria-hidden":"true"}),u.preset.label]}):e.jsx("span",{className:"date-range-picker-value","data-placeholder":X?void 0:!0,children:X??M}),e.jsx(Re.IconChevronDown,{"aria-hidden":"true"})]}),e.jsx(r.Popover,{className:"date-range-picker-popover",placement:"bottom start",UNSTABLE_portalContainer:ue,children:e.jsxs(r.Dialog,{className:"date-range-picker-dialog",children:[e.jsxs("div",{className:"date-range-picker-body",children:[Le&&e.jsxs("div",{className:"date-range-picker-presets",children:[e.jsx(z.TextSmallStrong,{className:"date-range-picker-section-title",children:_}),e.jsx(re.ListBox,{"aria-label":_,className:"date-range-picker-presets-list",selectionMode:"single",selectedKeys:p.preset?[p.preset.id]:[],items:j,onSelectionChange:t=>{const[s]=[...t],g=j==null?void 0:j.find(n=>n.id===s);g&&Te(g)},children:t=>e.jsxs(re.ListBoxItem,{id:t.id,textValue:t.label,className:"date-range-picker-preset-item",children:[e.jsx("span",{children:t.label}),e.jsx(we.IconCheck,{"aria-hidden":"true",className:"date-range-picker-preset-check"})]})})]}),e.jsxs("div",{className:"date-range-picker-absolute",children:[e.jsx(z.TextSmallStrong,{className:"date-range-picker-section-title",children:J}),e.jsxs("div",{className:"date-range-picker-fields",children:[e.jsxs(r.DateField,{className:"date-range-picker-datefield",granularity:Y,value:W,minValue:F,maxValue:$??P,onChange:be,children:[e.jsx(r.Label,{className:"date-range-picker-field-label",children:he}),e.jsxs(r.Group,{className:"date-range-picker-input",children:[e.jsx(r.DateInput,{children:t=>e.jsx(r.DateSegment,{segment:t})}),e.jsx(Z.IconCalendar,{"aria-hidden":"true"})]})]}),e.jsxs(r.DateField,{className:"date-range-picker-datefield",granularity:Y,value:$,minValue:W??F,maxValue:P,onChange:Se,children:[e.jsx(r.Label,{className:"date-range-picker-field-label",children:xe}),e.jsxs(r.Group,{className:"date-range-picker-input",children:[e.jsx(r.DateInput,{children:t=>e.jsx(r.DateSegment,{segment:t})}),e.jsx(Z.IconCalendar,{"aria-hidden":"true"})]})]})]}),e.jsxs(r.RangeCalendar,{className:"date-range-picker-calendar","aria-label":J,value:p.range,minValue:F,maxValue:P,onChange:Ne,children:[e.jsx(Ae,{onAnchorChange:De}),e.jsxs("header",{className:"date-range-picker-calendar-header",children:[e.jsx(r.Button,{slot:"previous",className:"date-range-picker-calendar-nav",children:e.jsx(Fe.IconChevronLeft,{"aria-hidden":"true"})}),e.jsx(r.Heading,{className:"date-range-picker-calendar-heading"}),e.jsx(r.Button,{slot:"next",className:"date-range-picker-calendar-nav",children:e.jsx(Pe.IconChevronRight,{"aria-hidden":"true"})})]}),e.jsx(r.CalendarGrid,{className:"date-range-picker-calendar-grid",children:t=>e.jsx(r.CalendarCell,{date:t,className:"date-range-picker-calendar-cell"})})]})]})]}),ye&&e.jsxs("div",{className:"date-range-picker-actions",children:[O&&e.jsx(se.Button,{variant:"neutral",size:"small",onPress:qe,children:O}),G&&e.jsx(se.Button,{variant:"primary",size:"small",onPress:ve,children:G})]})]})})]}),L&&e.jsx(U.Description,{children:L}),I&&e.jsx(z.Text,{className:"date-range-picker-error",elementType:"span",children:I})]});return i?e.jsx(r.I18nProvider,{locale:i,children:ee}):ee}exports.DateRangePicker=Ge;
 //# sourceMappingURL=DateRangePicker.cjs.map

package/dist/lib/ui/primitives/FileUpload/FileUpload.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),p=require("react");;/* empty css                 */const y=require("../../icons/IconUploadCloud.cjs"),I=require("../Tag/Tag.cjs"),m=require("../Fieldset/Fieldset.cjs"),j=p.forwardRef(function({className:d,accept:o,multiple:a=!1,isDisabled:r=!1,isInvalid:t=!1,name:c,value:n=[],onChange:s,children:v,...g},F){const[q,u]=p.useState(!1);function N(i){const l=i.target.files;l&&l.length>0&&(s==null||s(a?[...n,...Array.from(l)]:Array.from(l))),i.target.value=""}function U(i){s==null||s(n.filter((l,h)=>h!==i))}return e.jsxs("div",{...g,className:x.clsx(d,"file-upload"),"data-disabled":r||void 0,"data-invalid":t||void 0,children:[e.jsxs("label",{className:"file-upload-dropzone","data-dragging":q||void 0,children:[e.jsx("input",{ref:F,type:"file",className:"file-upload-input",accept:o,multiple:a,disabled:r,name:c,onChange:N,onDragEnter:()=>u(!0),onDragLeave:()=>u(!1),onDrop:()=>u(!1)}),e.jsx(y.IconUploadCloud,{size:"24"}),e.jsx("span",{className:"file-upload-prompt",children:v})]}),n.length>0&&e.jsx("ul",{className:"file-upload-list",children:n.map((i,l)=>e.jsx("li",{children:e.jsx(I.Tag,{variant:"secondary",onRemove:r?void 0:()=>U(l),children:i.name})},`${i.name}-${l}`))})]})});function R({className:f,label:d,description:o,errorMessage:a,isInvalid:r,...t}){const c=r??!!a;return e.jsxs("div",{className:x.clsx(f,"field"),children:[d&&e.jsx(m.Label,{children:d}),e.jsx(j,{isInvalid:c,...t}),o&&e.jsx(m.Description,{children:o}),a&&e.jsx("span",{className:"error-message",children:a})]})}exports.FileUpload=j;exports.FileUploadField=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),p=require("react");;/* empty css                 */const y=require("../../icons/IconUploadCloud.cjs"),I=require("../Tag/Tag.cjs"),m=require("../Fieldset/Fieldset.cjs"),j=p.forwardRef(function({className:d,accept:o,multiple:a=!1,isDisabled:r=!1,isInvalid:t=!1,name:c,value:n=[],onChange:s,children:v,...g},F){const[U,u]=p.useState(!1);function q(i){const l=i.target.files;l&&l.length>0&&(s==null||s(a?[...n,...Array.from(l)]:Array.from(l))),i.target.value=""}function N(i){s==null||s(n.filter((l,h)=>h!==i))}return e.jsxs("div",{...g,className:x.clsx(d,"file-upload"),"data-disabled":r||void 0,"data-invalid":t||void 0,children:[e.jsxs("label",{className:"file-upload-dropzone","data-dragging":U||void 0,children:[e.jsx("input",{ref:F,type:"file",className:"file-upload-input",accept:o,multiple:a,disabled:r,name:c,onChange:q,onDragEnter:()=>u(!0),onDragLeave:()=>u(!1),onDrop:()=>u(!1)}),e.jsx(y.IconUploadCloud,{size:"24"}),e.jsx("span",{className:"file-upload-prompt",children:v})]}),n.length>0&&e.jsx("ul",{className:"file-upload-list",children:n.map((i,l)=>e.jsx("li",{children:e.jsx(I.Tag,{variant:"secondary",onRemove:r?void 0:()=>N(l),children:i.name})},`${i.name}-${l}`))})]})});function D({className:f,label:d,description:o,errorMessage:a,isInvalid:r,...t}){const c=r??!!a;return e.jsxs("div",{className:x.clsx(f,"field"),children:[d&&e.jsx(m.Label,{children:d}),e.jsx(j,{isInvalid:c,...t}),o&&e.jsx(m.Description,{children:o}),a&&e.jsx("span",{className:"error-message",children:a})]})}exports.FileUpload=j;exports.FileUploadField=D;
 //# sourceMappingURL=FileUpload.cjs.map

package/dist/lib/ui/primitives/FileUpload/FileUpload.js CHANGED Viewed

@@ -1,29 +1,29 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { clsx as u } from "../../../vendor/clsx/dist/clsx.js";
-import I, { useState as R } from "react";
+import F, { useState as I } from "react";
 /* empty css               */
-import { IconUploadCloud as U } from "../../icons/IconUploadCloud.js";
+import { IconUploadCloud as $ } from "../../icons/IconUploadCloud.js";
 import { Tag as x } from "../Tag/Tag.js";
-import { Label as j, Description as z } from "../Fieldset/Fieldset.js";
-const A = I.forwardRef(function({
+import { Label as R, Description as j } from "../Fieldset/Fieldset.js";
+const z = F.forwardRef(function({
   className: d,
   accept: t,
-  multiple: e = !1,
+  multiple: r = !1,
   isDisabled: o = !1,
   isInvalid: s = !1,
   name: c,
   value: n = [],
-  onChange: r,
+  onChange: e,
   children: v,
   ...g
 }, N) {
-  const [h, f] = R(!1);
-  function y(l) {
+  const [h, f] = I(!1);
+  function U(l) {
     const i = l.target.files;
-    i && i.length > 0 && (r == null || r(e ? [...n, ...Array.from(i)] : Array.from(i))), l.target.value = "";
+    i && i.length > 0 && (e == null || e(r ? [...n, ...Array.from(i)] : Array.from(i))), l.target.value = "";
   }
-  function D(l) {
-    r == null || r(n.filter((i, F) => F !== l));
+  function y(l) {
+    e == null || e(n.filter((i, D) => D !== l));
   }
   return /* @__PURE__ */ m(
     "div",
@@ -46,16 +46,16 @@ const A = I.forwardRef(function({
                   type: "file",
                   className: "file-upload-input",
                   accept: t,
-                  multiple: e,
+                  multiple: r,
                   disabled: o,
                   name: c,
-                  onChange: y,
+                  onChange: U,
                   onDragEnter: () => f(!0),
                   onDragLeave: () => f(!1),
                   onDrop: () => f(!1)
                 }
               ),
-              /* @__PURE__ */ a(U, { size: "24" }),
+              /* @__PURE__ */ a($, { size: "24" }),
               /* @__PURE__ */ a("span", { className: "file-upload-prompt", children: v })
             ]
           }
@@ -64,7 +64,7 @@ const A = I.forwardRef(function({
           x,
           {
             variant: "secondary",
-            onRemove: o ? void 0 : () => D(i),
+            onRemove: o ? void 0 : () => y(i),
             children: l.name
           }
         ) }, `${l.name}-${i}`)) })
@@ -72,24 +72,24 @@ const A = I.forwardRef(function({
     }
   );
 });
-function S({
+function B({
   className: p,
   label: d,
   description: t,
-  errorMessage: e,
+  errorMessage: r,
   isInvalid: o,
   ...s
 }) {
-  const c = o ?? !!e;
+  const c = o ?? !!r;
   return /* @__PURE__ */ m("div", { className: u(p, "field"), children: [
-    d && /* @__PURE__ */ a(j, { children: d }),
-    /* @__PURE__ */ a(A, { isInvalid: c, ...s }),
-    t && /* @__PURE__ */ a(z, { children: t }),
-    e && /* @__PURE__ */ a("span", { className: "error-message", children: e })
+    d && /* @__PURE__ */ a(R, { children: d }),
+    /* @__PURE__ */ a(z, { isInvalid: c, ...s }),
+    t && /* @__PURE__ */ a(j, { children: t }),
+    r && /* @__PURE__ */ a("span", { className: "error-message", children: r })
   ] });
 }
 export {
-  A as FileUpload,
-  S as FileUploadField
+  z as FileUpload,
+  B as FileUploadField
 };
 //# sourceMappingURL=FileUpload.js.map

package/dist/lib/ui/primitives/Image/Image.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("react");;/* empty css            */function m({aspectRatio:a="natural",className:s,size:r="natural",variant:n="rounded",...c}){const[i,o]=l.useState(!1),u=t.clsx(s,"image",`image-aspect-ratio-${a}`,`image-size-${r}`,`image-variant-${n}`,!i&&"image-loading");return e.jsxs(e.Fragment,{children:[!i&&e.jsx("span",{className:t.clsx("image-placeholder",u)}),c.src&&e.jsx("img",{className:u,...c,onLoad:()=>o(!0)})]})}function g({className:a,...s}){const r=t.clsx(a,"picture");return e.jsx("picture",{className:r,...s})}function d({...a}){return e.jsx("source",{...a})}exports.Image=m;exports.Picture=g;exports.PictureSource=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("react");;/* empty css            */function m({aspectRatio:a="natural",className:r,size:s="natural",variant:n="rounded",...c}){const[i,o]=l.useState(!1),u=t.clsx(r,"image",`image-aspect-ratio-${a}`,`image-size-${s}`,`image-variant-${n}`,!i&&"image-loading");return e.jsxs(e.Fragment,{children:[!i&&e.jsx("span",{className:t.clsx("image-placeholder",u)}),c.src&&e.jsx("img",{className:u,...c,onLoad:()=>o(!0)})]})}function g({className:a,...r}){const s=t.clsx(a,"picture");return e.jsx("picture",{className:s,...r})}function d({...a}){return e.jsx("source",{...a})}exports.Image=m;exports.Picture=g;exports.PictureSource=d;
 //# sourceMappingURL=Image.cjs.map

package/dist/lib/ui/primitives/Input/Input.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../vendor/clsx/dist/clsx.cjs"),x=require("react"),l=require("react-aria-components");;/* empty css            */const c=require("../Fieldset/Fieldset.cjs");function p({className:i,placeholder:t,label:s,description:r,errorMessage:n,...a}){const d=u.clsx(i,"field");return e.jsxs(l.TextField,{className:d,...a,children:[s&&e.jsx(c.Label,{children:s}),e.jsx(o,{placeholder:t}),r&&e.jsx(c.Description,{children:r}),e.jsx(c.FieldError,{children:n})]})}const o=x.forwardRef(function({className:t,...s},r){const n=u.clsx(t,"input");return e.jsx(l.Input,{className:n,ref:r,...s})});exports.Input=o;exports.InputField=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../vendor/clsx/dist/clsx.cjs"),x=require("react"),l=require("react-aria-components");;/* empty css            */const c=require("../Fieldset/Fieldset.cjs");function p({className:i,placeholder:t,label:r,description:s,errorMessage:n,...a}){const d=u.clsx(i,"field");return e.jsxs(l.TextField,{className:d,...a,children:[r&&e.jsx(c.Label,{children:r}),e.jsx(o,{placeholder:t}),s&&e.jsx(c.Description,{children:s}),e.jsx(c.FieldError,{children:n})]})}const o=x.forwardRef(function({className:t,...r},s){const n=u.clsx(t,"input");return e.jsx(l.Input,{className:n,ref:s,...r})});exports.Input=o;exports.InputField=p;
 //# sourceMappingURL=Input.cjs.map

package/dist/lib/ui/primitives/Input/Input.js CHANGED Viewed

@@ -4,7 +4,7 @@ import l from "react";
 import { TextField as a, Input as f } from "react-aria-components";
 /* empty css          */
 import { Label as u, Description as d, FieldError as x } from "../Fieldset/Fieldset.js";
-function D({
+function k({
   className: s,
   placeholder: o,
   label: t,
@@ -26,6 +26,6 @@ const I = l.forwardRef(function({ className: o, ...t }, n) {
 });
 export {
   I as Input,
-  D as InputField
+  k as InputField
 };
 //# sourceMappingURL=Input.js.map

package/dist/lib/ui/primitives/JsonViewer/JsonEditor.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),r=require("react"),T=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("@codemirror/state"),d=require("@codemirror/view"),R=require("@codemirror/language"),a=require("./json-code-mirror.cjs");;/* empty css                 */const V=require("../../icons/IconChevronDown.cjs"),N=require("../../icons/IconChevronRight.cjs"),O=require("../Button/Button.cjs");function v(t,o){o.length>0&&t.dispatch({effects:o.map(f=>R.foldEffect.of(f))})}function A({value:t,onChange:o,expandAllLabel:f,className:S,height:b,minHeight:q,maxHeight:y,isDisabled:m=!1,isReadOnly:C=!1,"aria-label":z}){const E=r.useRef(null),s=r.useRef(null),p=r.useRef(new l.Compartment),u=r.useRef(o),x=r.useRef(t),[w,F]=r.useState(!1),I=a.toEditorSizeStyle({height:b,minHeight:q,maxHeight:y}),i=!m&&!C;u.current=o,r.useEffect(()=>{if(!E.current)return;const e=d.EditorView.updateListener.of(g=>{var j;if(!g.docChanged)return;const h=g.state.doc.toString();x.current=h,(j=u.current)==null||j.call(u,h)}),n=new d.EditorView({parent:E.current,state:l.EditorState.create({doc:t,extensions:[p.current.of([d.EditorView.editable.of(i),l.EditorState.readOnly.of(!i)]),a.jsonEditorTheme,...a.jsonEditorExtensions,e]})});return s.current=n,v(n,a.computeFirstLevelFoldRanges(t)),()=>{n.destroy(),s.current=null}},[]),r.useEffect(()=>{const e=s.current;if(!e)return;const n=e.state.doc.toString();t!==n&&t!==x.current&&(e.dispatch({changes:{from:0,to:n.length,insert:t}}),x.current=t)},[t]),r.useEffect(()=>{const e=s.current;e&&e.dispatch({effects:p.current.reconfigure([d.EditorView.editable.of(i),l.EditorState.readOnly.of(!i)])})},[i]);const L=()=>{const e=s.current;e&&(w?v(e,a.computeFirstLevelFoldRanges(e.state.doc.toString())):R.unfoldAll(e),F(!w))};return c.jsxs("div",{className:T.clsx("json-viewer","json-viewer-editable",S),"data-disabled":m||void 0,children:[c.jsx(O.Button,{"aria-label":f,variant:"subtle",size:"small",className:"json-viewer-expand-all",onPress:L,children:w?c.jsx(V.IconChevronDown,{size:"14"}):c.jsx(N.IconChevronRight,{size:"14"})}),c.jsx("div",{ref:E,className:"json-viewer-content",style:I,"aria-label":z,role:"textbox","aria-multiline":"true"})]})}exports.JsonEditor=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),r=require("react"),L=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("@codemirror/state"),d=require("@codemirror/view"),R=require("@codemirror/language"),a=require("./json-code-mirror.cjs");;/* empty css                 */const V=require("../../icons/IconChevronDown.cjs"),$=require("../../icons/IconChevronRight.cjs"),N=require("../Button/Button.cjs");function v(t,o){o.length>0&&t.dispatch({effects:o.map(f=>R.foldEffect.of(f))})}function O({value:t,onChange:o,expandAllLabel:f,className:S,height:b,minHeight:q,maxHeight:y,isDisabled:m=!1,isReadOnly:C=!1,"aria-label":z}){const E=r.useRef(null),s=r.useRef(null),p=r.useRef(new l.Compartment),u=r.useRef(o),x=r.useRef(t),[w,F]=r.useState(!1),I=a.toEditorSizeStyle({height:b,minHeight:q,maxHeight:y}),i=!m&&!C;u.current=o,r.useEffect(()=>{if(!E.current)return;const e=d.EditorView.updateListener.of(g=>{var j;if(!g.docChanged)return;const h=g.state.doc.toString();x.current=h,(j=u.current)==null||j.call(u,h)}),n=new d.EditorView({parent:E.current,state:l.EditorState.create({doc:t,extensions:[p.current.of([d.EditorView.editable.of(i),l.EditorState.readOnly.of(!i)]),a.jsonEditorTheme,...a.jsonEditorExtensions,e]})});return s.current=n,v(n,a.computeFirstLevelFoldRanges(t)),()=>{n.destroy(),s.current=null}},[]),r.useEffect(()=>{const e=s.current;if(!e)return;const n=e.state.doc.toString();t!==n&&t!==x.current&&(e.dispatch({changes:{from:0,to:n.length,insert:t}}),x.current=t)},[t]),r.useEffect(()=>{const e=s.current;e&&e.dispatch({effects:p.current.reconfigure([d.EditorView.editable.of(i),l.EditorState.readOnly.of(!i)])})},[i]);const T=()=>{const e=s.current;e&&(w?v(e,a.computeFirstLevelFoldRanges(e.state.doc.toString())):R.unfoldAll(e),F(!w))};return c.jsxs("div",{className:L.clsx("json-viewer","json-viewer-editable",S),"data-disabled":m||void 0,children:[c.jsx(N.Button,{"aria-label":f,variant:"subtle",size:"small",className:"json-viewer-expand-all",onPress:T,children:w?c.jsx(V.IconChevronDown,{size:"14"}):c.jsx($.IconChevronRight,{size:"14"})}),c.jsx("div",{ref:E,className:"json-viewer-content",style:I,"aria-label":z,role:"textbox","aria-multiline":"true"})]})}exports.JsonEditor=O;
 //# sourceMappingURL=JsonEditor.cjs.map

package/dist/lib/ui/primitives/Link/Link.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react");;/* empty css           */const i=c.forwardRef(function(e,s){const n=t.clsx("link",e.className);return r.jsx("a",{...e,ref:s,className:n})});exports.Link=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react");;/* empty css           */const i=c.forwardRef(function(e,r){const s=t.clsx("link",e.className);return n.jsx("a",{...e,ref:r,className:s})});exports.Link=i;
 //# sourceMappingURL=Link.cjs.map

package/dist/lib/ui/primitives/Link/Link.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { jsx as s } from "react/jsx-runtime";
 import { clsx as t } from "../../../vendor/clsx/dist/clsx.js";
 import a from "react";
 /* empty css         */
-const l = a.forwardRef(function(o, r) {
-  const m = t("link", o.className);
-  return /* @__PURE__ */ s("a", { ...o, ref: r, className: m });
+const l = a.forwardRef(function(r, o) {
+  const m = t("link", r.className);
+  return /* @__PURE__ */ s("a", { ...r, ref: o, className: m });
 });
 export {
   l as Link

package/dist/lib/ui/primitives/Menu/Menu.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react"),j=require("../PermissionGate/PermissionGate.cjs"),u=require("react-aria-components");;/* empty css           */const h=require("../../icons/IconChevronDown.cjs"),i=require("../Fieldset/Fieldset.cjs"),g=require("../IconButton/IconButton.cjs"),N=require("../Button/Button.cjs"),v=require("../../hooks/useOverlayPortal.cjs"),q=require("../Text/Text.cjs");let l=!1;function m(n){l||c.Children.forEach(n,e=>{if(c.isValidElement(e)){if(e.type===c.Fragment){m(e.props.children);return}e.type===j.PermissionGate&&(l=!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 d({className:n,...e}){return m(typeof e.children=="function"?null:e.children),r.jsx(u.Menu,{className:s.clsx(n,"menu"),...e})}function x({...n}){return r.jsx(u.MenuTrigger,{...n})}function p({label:n,children:e,icon:t,placement:o,variant:a,...f}){return r.jsxs(x,{children:[t?r.jsx(g.IconButton,{variant:a,"aria-label":n,children:t}):r.jsx(N.Button,{variant:a,children:n}),r.jsx(M,{placement:o,children:r.jsx(d,{...f,children:e})})]})}function M({UNSTABLE_portalContainer:n,...e}){const t=v.useOverlayPortalContainer();return r.jsx(u.Popover,{...e,UNSTABLE_portalContainer:n??t})}function I({className:n,...e}){const t=s.clsx(n,"menu-item"),o=e.textValue||(typeof e.children=="string"?e.children:void 0);return r.jsx(u.MenuItem,{...e,className:t,textValue:o,children:({hasSubmenu:a})=>r.jsxs(r.Fragment,{children:[e.children,a&&r.jsx(h.IconChevronDown,{})]})})}function y({className:n,...e}){const t=s.clsx(n,"menu-header");return r.jsx("div",{...e,className:t})}function S({className:n,...e}){const t=s.clsx(n,"menu-section");return r.jsx("div",{...e,className:t})}function b({className:n,...e}){const t=s.clsx(n,"menu-heading");return r.jsx(q.TextHeading,{...e,className:t})}function P({className:n,...e}){const t=s.clsx(n,"menu-separator");return r.jsx(u.Separator,{...e,className:t})}function B({className:n,...e}){const t=s.clsx(n,"menu-label");return r.jsx(i.Label,{...e,className:t})}function C({className:n,...e}){const t=s.clsx(n,"menu-description");return r.jsx(i.Description,{...e,className:t})}function T({children:n,className:e,...t}){const o=s.clsx(e,"menu-shortcut");return r.jsx(i.Keyboard,{...t,className:o,children:n})}exports.Menu=d;exports.MenuButton=p;exports.MenuDescription=C;exports.MenuHeader=y;exports.MenuHeading=b;exports.MenuItem=I;exports.MenuLabel=B;exports.MenuPopover=M;exports.MenuSection=S;exports.MenuSeparator=P;exports.MenuShortcut=T;exports.MenuTrigger=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react"),j=require("../PermissionGate/PermissionGate.cjs"),u=require("react-aria-components");;/* empty css           */const h=require("../../icons/IconChevronDown.cjs"),i=require("../Fieldset/Fieldset.cjs"),g=require("../IconButton/IconButton.cjs"),N=require("../Button/Button.cjs"),v=require("../../hooks/useOverlayPortal.cjs"),q=require("../Text/Text.cjs");let l=!1;function m(n){l||c.Children.forEach(n,e=>{if(c.isValidElement(e)){if(e.type===c.Fragment){m(e.props.children);return}e.type===j.PermissionGate&&(l=!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 d({className:n,...e}){return m(typeof e.children=="function"?null:e.children),r.jsx(u.Menu,{className:s.clsx(n,"menu"),...e})}function x({...n}){return r.jsx(u.MenuTrigger,{...n})}function p({label:n,children:e,icon:t,placement:o,variant:a,...f}){return r.jsxs(x,{children:[t?r.jsx(g.IconButton,{variant:a,"aria-label":n,children:t}):r.jsx(N.Button,{variant:a,children:n}),r.jsx(M,{placement:o,children:r.jsx(d,{...f,children:e})})]})}function M({UNSTABLE_portalContainer:n,...e}){const t=v.useOverlayPortalContainer();return r.jsx(u.Popover,{...e,UNSTABLE_portalContainer:n??t})}function I({className:n,...e}){const t=s.clsx(n,"menu-item"),o=e.textValue||(typeof e.children=="string"?e.children:void 0);return r.jsx(u.MenuItem,{...e,className:t,textValue:o,children:({hasSubmenu:a})=>r.jsxs(r.Fragment,{children:[e.children,a&&r.jsx(h.IconChevronDown,{})]})})}function y({className:n,...e}){const t=s.clsx(n,"menu-header");return r.jsx("div",{...e,className:t})}function S({className:n,...e}){const t=s.clsx(n,"menu-section");return r.jsx("div",{...e,className:t})}function b({className:n,...e}){const t=s.clsx(n,"menu-heading");return r.jsx(q.TextHeading,{...e,className:t})}function P({className:n,...e}){const t=s.clsx(n,"menu-separator");return r.jsx(u.Separator,{...e,className:t})}function T({className:n,...e}){const t=s.clsx(n,"menu-label");return r.jsx(i.Label,{...e,className:t})}function B({className:n,...e}){const t=s.clsx(n,"menu-description");return r.jsx(i.Description,{...e,className:t})}function C({children:n,className:e,...t}){const o=s.clsx(e,"menu-shortcut");return r.jsx(i.Keyboard,{...t,className:o,children:n})}exports.Menu=d;exports.MenuButton=p;exports.MenuDescription=B;exports.MenuHeader=y;exports.MenuHeading=b;exports.MenuItem=I;exports.MenuLabel=T;exports.MenuPopover=M;exports.MenuSection=S;exports.MenuSeparator=P;exports.MenuShortcut=C;exports.MenuTrigger=x;
 //# sourceMappingURL=Menu.cjs.map