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

@apipass/design-system 8.2.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 (323) hide show

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

@@ -7,9 +7,9 @@ import { Menu as M, MenuTrigger as p, Popover as N, MenuItem as h, Separator as
 import { IconChevronDown as v } from "../../icons/IconChevronDown.js";
 import { Label as I, Description as x, Keyboard as y } from "../Fieldset/Fieldset.js";
 import { IconButton as b } from "../IconButton/IconButton.js";
-import { Button as C } from "../Button/Button.js";
-import { useOverlayPortalContainer as P } from "../../hooks/useOverlayPortal.js";
-import { TextHeading as S } from "../Text/Text.js";
+import { Button as T } from "../Button/Button.js";
+import { useOverlayPortalContainer as C } from "../../hooks/useOverlayPortal.js";
+import { TextHeading as P } from "../Text/Text.js";
 let i = !1;
 function c(n) {
   i || u.Children.forEach(n, (e) => {
@@ -26,15 +26,15 @@ function c(n) {
     }
   });
 }
-function T({ className: n, ...e }) {
+function S({ className: n, ...e }) {
   return c(
     typeof e.children == "function" ? null : e.children
   ), /* @__PURE__ */ t(M, { className: o(n, "menu"), ...e });
 }
-function A({ ...n }) {
+function $({ ...n }) {
   return /* @__PURE__ */ t(p, { ...n });
 }
-function z({
+function k({
   label: n,
   children: e,
   icon: r,
@@ -42,16 +42,16 @@ function z({
   variant: s,
   ...l
 }) {
-  return /* @__PURE__ */ m(A, { children: [
-    r ? /* @__PURE__ */ t(b, { variant: s, "aria-label": n, children: r }) : /* @__PURE__ */ t(C, { variant: s, children: n }),
-    /* @__PURE__ */ t(B, { placement: a, children: /* @__PURE__ */ t(T, { ...l, children: e }) })
+  return /* @__PURE__ */ m($, { children: [
+    r ? /* @__PURE__ */ t(b, { variant: s, "aria-label": n, children: r }) : /* @__PURE__ */ t(T, { variant: s, children: n }),
+    /* @__PURE__ */ t(A, { placement: a, children: /* @__PURE__ */ t(S, { ...l, children: e }) })
   ] });
 }
-function B({
+function A({
   UNSTABLE_portalContainer: n,
   ...e
 }) {
-  const r = P();
+  const r = C();
   return /* @__PURE__ */ t(
     N,
     {
@@ -60,38 +60,38 @@ function B({
     }
   );
 }
-function K({ className: n, ...e }) {
+function q({ className: n, ...e }) {
   const r = o(n, "menu-item"), a = e.textValue || (typeof e.children == "string" ? e.children : void 0);
   return /* @__PURE__ */ t(h, { ...e, className: r, textValue: a, children: ({ hasSubmenu: s }) => /* @__PURE__ */ m(d, { children: [
     e.children,
     s && /* @__PURE__ */ t(v, {})
   ] }) });
 }
-function R({ className: n, ...e }) {
+function z({ className: n, ...e }) {
   const r = o(n, "menu-header");
   return /* @__PURE__ */ t("div", { ...e, className: r });
 }
-function U({ className: n, ...e }) {
+function K({ className: n, ...e }) {
   const r = o(n, "menu-section");
   return /* @__PURE__ */ t("div", { ...e, className: r });
 }
 function W({ className: n, ...e }) {
   const r = o(n, "menu-heading");
-  return /* @__PURE__ */ t(S, { ...e, className: r });
+  return /* @__PURE__ */ t(P, { ...e, className: r });
 }
 function _({ className: n, ...e }) {
   const r = o(n, "menu-separator");
   return /* @__PURE__ */ t(g, { ...e, className: r });
 }
-function k({ className: n, ...e }) {
+function J({ className: n, ...e }) {
   const r = o(n, "menu-label");
   return /* @__PURE__ */ t(I, { ...e, className: r });
 }
-function J({ className: n, ...e }) {
+function Q({ className: n, ...e }) {
   const r = o(n, "menu-description");
   return /* @__PURE__ */ t(x, { ...e, className: r });
 }
-function Q({
+function R({
   children: n,
   className: e,
   ...r
@@ -100,17 +100,17 @@ function Q({
   return /* @__PURE__ */ t(y, { ...r, className: a, children: n });
 }
 export {
-  T as Menu,
-  z as MenuButton,
-  J as MenuDescription,
-  R as MenuHeader,
+  S as Menu,
+  k as MenuButton,
+  Q as MenuDescription,
+  z as MenuHeader,
   W as MenuHeading,
-  K as MenuItem,
-  k as MenuLabel,
-  B as MenuPopover,
-  U as MenuSection,
+  q as MenuItem,
+  J as MenuLabel,
+  A as MenuPopover,
+  K as MenuSection,
   _ as MenuSeparator,
-  Q as MenuShortcut,
-  A as MenuTrigger
+  R as MenuShortcut,
+  $ as MenuTrigger
 };
 //# sourceMappingURL=Menu.js.map

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

@@ -4,17 +4,17 @@ import u, { useState as d } from "react";
 import { ComboBox as x, Popover as I } from "react-aria-components";
 /* empty css           */
 import { useOverlayPortalContainer as S } from "../../hooks/useOverlayPortal.js";
-import { Label as v } from "../Fieldset/Fieldset.js";
-import { Input as B } from "../Input/Input.js";
-import { ListBox as C, ListBoxItem as L } from "../ListBox/ListBox.js";
-const E = u.forwardRef(function({ className: i, results: t, onSearch: e, ...n }, c) {
+import { Label as T } from "../Fieldset/Fieldset.js";
+import { Input as v } from "../Input/Input.js";
+import { ListBox as B, ListBoxItem as C } from "../ListBox/ListBox.js";
+const k = u.forwardRef(function({ className: i, results: t, onSearch: e, ...n }, c) {
   const [m, p] = d(""), a = (r) => {
     p(r), e && e(r);
   }, s = h(i, "search-input-container"), l = S();
   return /* @__PURE__ */ f(x, { className: s, children: [
-    /* @__PURE__ */ o(v, { hidden: !0, children: n["aria-label"] || "Search" }),
+    /* @__PURE__ */ o(T, { hidden: !0, children: n["aria-label"] || "Search" }),
     /* @__PURE__ */ o(
-      B,
+      v,
       {
         type: "search",
         className: "search-input",
@@ -24,10 +24,10 @@ const E = u.forwardRef(function({ className: i, results: t, onSearch: e, ...n },
         ...n
       }
     ),
-    /* @__PURE__ */ o(I, { UNSTABLE_portalContainer: l, children: /* @__PURE__ */ o(C, { children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ o(L, { onAction: () => a(r), children: r }, r)) }) })
+    /* @__PURE__ */ o(I, { UNSTABLE_portalContainer: l, children: /* @__PURE__ */ o(B, { children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ o(C, { onAction: () => a(r), children: r }, r)) }) })
   ] });
 });
 export {
-  E as Search
+  k as Search
 };
 //# sourceMappingURL=Search.js.map

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

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

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

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as S } from "react/jsx-runtime";
 import { clsx as D } from "../../../vendor/clsx/dist/clsx.js";
-import x, { useRef as N, useState as F, useCallback as k, useLayoutEffect as L } from "react";
+import x, { useRef as N, useState as F, useCallback as R, useLayoutEffect as L } from "react";
 import { MenuTrigger as M, Button as O, Popover as V, useFilter as j, TextField as A } from "react-aria-components";
 /* empty css           */
 import { IconChevronDown as W } from "../../icons/IconChevronDown.js";
-import { useOverlayPortalContainer as z } from "../../hooks/useOverlayPortal.js";
-import { Field as K, Label as q, Description as H, FieldError as P } from "../Fieldset/Fieldset.js";
+import { useOverlayPortalContainer as $ } from "../../hooks/useOverlayPortal.js";
+import { Field as z, Label as K, Description as U, FieldError as q } from "../Fieldset/Fieldset.js";
 import { ListBox as E } from "../ListBox/ListBox.js";
-import { Input as U } from "../Input/Input.js";
+import { Input as H } from "../Input/Input.js";
 function w(r) {
   const { id: e } = r.props;
   return e ?? r.key ?? "";
@@ -16,16 +16,16 @@ function I(r) {
   const { textValue: e, children: t } = r.props;
   return e !== void 0 ? e : typeof t == "string" ? t : "";
 }
-function R(r, e) {
+function k(r, e) {
   x.Children.forEach(r, (t) => {
     x.isValidElement(t) && e(t);
   });
 }
-function _(r) {
+function P(r) {
   const e = /* @__PURE__ */ new Set();
-  return R(r, (t) => e.add(w(t))), e;
+  return k(r, (t) => e.add(w(t))), e;
 }
-function $(r, e, t) {
+function _(r, e, t) {
   return x.Children.toArray(r).filter(
     (i) => x.isValidElement(i) && t(I(i), e)
   );
@@ -36,7 +36,7 @@ function G(r, e, t) {
 }
 function J(r, e) {
   const t = new Set([...e].map(String)), i = [];
-  return R(r, (o) => {
+  return k(r, (o) => {
     t.has(String(w(o))) && i.push(I(o));
   }), i.join(", ");
 }
@@ -49,7 +49,7 @@ function Q({
   searchPlaceholder: s,
   emptyStateText: a
 }) {
-  const { contains: c } = j({ sensitivity: "base" }), [h, y] = F(""), m = N(null), l = $(r, h, c), f = l.map(w);
+  const { contains: c } = j({ sensitivity: "base" }), [h, y] = F(""), m = N(null), l = _(r, h, c), f = l.map(w);
   function b(d) {
     var u, g;
     d.key !== "ArrowDown" || l.length === 0 || (d.preventDefault(), (g = (u = m.current) == null ? void 0 : u.querySelector('[role="listbox"]')) == null || g.focus());
@@ -63,7 +63,7 @@ function Q({
         onChange: y,
         autoFocus: !0,
         children: /* @__PURE__ */ n(
-          U,
+          H,
           {
             className: "select-search-input",
             placeholder: s,
@@ -102,7 +102,7 @@ function ce({
   "aria-label": l,
   ...f
 }) {
-  const b = D(r, "select-container"), d = z(), u = N(null), [g, B] = F(), T = k(() => {
+  const b = D(r, "select-container"), d = $(), u = N(null), [g, B] = F(), T = R(() => {
     u.current && B(`${u.current.offsetWidth}px`);
   }, []);
   L(() => {
@@ -113,8 +113,8 @@ function ce({
     return C.observe(p), () => C.disconnect();
   }, [T]);
   const v = J(s, a);
-  return /* @__PURE__ */ n("div", { className: b, children: /* @__PURE__ */ S(K, { children: [
-    e && /* @__PURE__ */ n(q, { children: e }),
+  return /* @__PURE__ */ n("div", { className: b, children: /* @__PURE__ */ S(z, { children: [
+    e && /* @__PURE__ */ n(K, { children: e }),
     /* @__PURE__ */ S(M, { children: [
       /* @__PURE__ */ S(
         O,
@@ -165,7 +165,7 @@ function ce({
               disallowEmptySelection: m,
               selectedKeys: a,
               onSelectionChange: (p) => c(
-                p === "all" ? _(s) : new Set(p)
+                p === "all" ? P(s) : new Set(p)
               ),
               children: s
             }
@@ -173,8 +173,8 @@ function ce({
         }
       )
     ] }),
-    t && /* @__PURE__ */ n(H, { children: t }),
-    /* @__PURE__ */ n(P, { children: i })
+    t && /* @__PURE__ */ n(U, { children: t }),
+    /* @__PURE__ */ n(q, { children: i })
   ] }) });
 }
 export {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelect.js","sources":["../../../../../src/ui/primitives/Select/MultiSelect.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n Label,\n ListBox,\n SharedFieldProps,\n} from \"primitives\";\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n Button as RACButton,\n MenuTrigger as RACMenuTrigger,\n Popover as RACPopover,\n TextField as RACTextField,\n useFilter,\n type Key as RACKey,\n type Selection as RACSelection,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nfunction itemKey(item: React.ReactElement): RACKey {\n const { id } = item.props as { id?: RACKey };\n return id ?? item.key ?? \"\";\n}\n\nfunction itemText(item: React.ReactElement): string {\n const { textValue, children } = item.props as {\n textValue?: string;\n children?: React.ReactNode;\n };\n if (textValue !== undefined) return textValue;\n return typeof children === \"string\" ? children : \"\";\n}\n\nfunction forEachItem(\n children: React.ReactNode,\n visit: (item: React.ReactElement) => void,\n) {\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child)) visit(child);\n });\n}\n\nfunction allItemKeys(children: React.ReactNode): Set<RACKey> {\n const keys = new Set<RACKey>();\n forEachItem(children, (item) => keys.add(itemKey(item)));\n return keys;\n}\n\ntype TextMatcher = (text: string, searchText: string) => boolean;\n\nfunction matchingItems(\n children: React.ReactNode,\n searchText: string,\n matches: TextMatcher,\n): React.ReactElement[] {\n return React.Children.toArray(children).filter(\n (child): child is React.ReactElement =>\n React.isValidElement(child) && matches(itemText(child), searchText),\n );\n}\n\nfunction keepHiddenSelection(\n previousKeys: Iterable<RACKey>,\n visibleKeys: RACKey[],\n visibleSelection: RACSelection,\n): Set<RACKey> {\n const visible = new Set(visibleKeys.map(String));\n const isVisible = (key: RACKey) => visible.has(String(key));\n const hiddenSelected = [...previousKeys].filter((key) => !isVisible(key));\n const visibleSelected =\n visibleSelection === \"all\"\n ? visibleKeys\n : [...visibleSelection].filter(isVisible);\n return new Set([...hiddenSelected, ...visibleSelected]);\n}\n\nfunction selectedItemsText(\n children: React.ReactNode,\n selectedKeys: Iterable<RACKey>,\n): string {\n const selected = new Set([...selectedKeys].map(String));\n const texts: string[] = [];\n forEachItem(children, (item) => {\n if (selected.has(String(itemKey(item)))) texts.push(itemText(item));\n });\n return texts.join(\", \");\n}\n\ninterface MultiSelectOptionsProps {\n children: React.ReactNode;\n selectedKeys: Iterable<RACKey>;\n onSelectionChange: (keys: Set<RACKey>) => void;\n disallowEmptySelection?: boolean;\n}\n\ninterface MultiSelectFieldBaseProps\n extends SharedFieldProps,\n MultiSelectOptionsProps {\n className?: string;\n isDisabled?: boolean;\n isInvalid?: boolean;\n \"aria-label\"?: string;\n}\n\nexport interface MultiSelectSearchProps {\n isSearchable: true;\n searchPlaceholder: string;\n emptyStateText: string;\n}\n\ninterface MultiSelectWithoutSearchProps {\n isSearchable?: false;\n searchPlaceholder?: never;\n emptyStateText?: never;\n}\n\nexport type MultiSelectFieldProps = MultiSelectFieldBaseProps &\n (MultiSelectSearchProps \| MultiSelectWithoutSearchProps);\n\nfunction SearchableOptions({\n children,\n selectedKeys,\n onSelectionChange,\n disallowEmptySelection,\n listLabel,\n searchPlaceholder,\n emptyStateText,\n}: MultiSelectOptionsProps &\n Omit<MultiSelectSearchProps, \"isSearchable\"> & { listLabel?: string }) {\n const { contains } = useFilter({ sensitivity: \"base\" });\n const [searchText, setSearchText] = useState(\"\");\n const panelRef = useRef<HTMLDivElement>(null);\n const visibleItems = matchingItems(children, searchText, contains);\n const visibleKeys = visibleItems.map(itemKey);\n\n function moveFocusToList(event: React.KeyboardEvent<HTMLInputElement>) {\n if (event.key !== \"ArrowDown\" \|\| visibleItems.length === 0) return;\n event.preventDefault();\n panelRef.current?.querySelector<HTMLElement>('[role=\"listbox\"]')?.focus();\n }\n\n return (\n <div ref={panelRef} className=\"select-search-panel\">\n <RACTextField\n aria-label={searchPlaceholder}\n value={searchText}\n onChange={setSearchText}\n autoFocus\n >\n <Input\n className=\"select-search-input\"\n placeholder={searchPlaceholder}\n onKeyDown={moveFocusToList}\n />\n </RACTextField>\n <ListBox\n aria-label={listLabel}\n selectionMode=\"multiple\"\n escapeKeyBehavior=\"none\"\n disallowEmptySelection={disallowEmptySelection}\n selectedKeys={selectedKeys}\n onSelectionChange={(keys: RACSelection) =>\n onSelectionChange(keepHiddenSelection(selectedKeys, visibleKeys, keys))\n }\n renderEmptyState={() => (\n <span className=\"select-empty-state\">{emptyStateText}</span>\n )}\n >\n {visibleItems}\n </ListBox>\n </div>\n );\n}\n\nexport function MultiSelectField({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n selectedKeys,\n onSelectionChange,\n isDisabled,\n isInvalid,\n disallowEmptySelection,\n \"aria-label\": ariaLabel,\n ...searchProps\n}: MultiSelectFieldProps) {\n const classNames = clsx(className, \"select-container\");\n const portalContainer = useOverlayPortalContainer();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const [triggerWidth, setTriggerWidth] = useState<string>();\n\n const measureTrigger = useCallback(() => {\n if (triggerRef.current) {\n setTriggerWidth(`${triggerRef.current.offsetWidth}px`);\n }\n }, []);\n\n useLayoutEffect(() => {\n measureTrigger();\n const trigger = triggerRef.current;\n if (!trigger \|\| typeof ResizeObserver === \"undefined\") return;\n const observer = new ResizeObserver(measureTrigger);\n observer.observe(trigger);\n return () => observer.disconnect();\n }, [measureTrigger]);\n\n const chosenText = selectedItemsText(children, selectedKeys);\n\n return (\n <div className={classNames}>\n <Field>\n {label && <Label>{label}</Label>}\n <RACMenuTrigger>\n <RACButton\n ref={triggerRef}\n className=\"select\"\n aria-label={ariaLabel}\n isDisabled={isDisabled}\n data-invalid={isInvalid \|\| undefined}\n >\n <span\n className=\"select-value\"\n data-placeholder={chosenText === \"\" \|\| undefined}\n title={chosenText \|\| undefined}\n >\n {chosenText === \"\" ? placeholder : chosenText}\n </span>\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n <RACPopover\n className=\"select-popover\"\n style={{ \"--trigger-width\": triggerWidth } as React.CSSProperties}\n UNSTABLE_portalContainer={portalContainer}\n >\n {searchProps.isSearchable ? (\n <SearchableOptions\n listLabel={label ?? ariaLabel}\n selectedKeys={selectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n searchPlaceholder={searchProps.searchPlaceholder}\n emptyStateText={searchProps.emptyStateText}\n >\n {children}\n </SearchableOptions>\n ) : (\n <ListBox\n aria-label={label ?? ariaLabel}\n autoFocus\n selectionMode=\"multiple\"\n escapeKeyBehavior=\"none\"\n disallowEmptySelection={disallowEmptySelection}\n selectedKeys={selectedKeys}\n onSelectionChange={(keys: RACSelection) =>\n onSelectionChange(\n keys === \"all\" ? allItemKeys(children) : new Set(keys),\n )\n }\n >\n {children}\n </ListBox>\n )}\n </RACPopover>\n </RACMenuTrigger>\n {description && <Description>{description}</Description>}\n <FieldError>{errorMessage}</FieldError>\n </Field>\n </div>\n );\n}\n"],"names":["itemKey","item","id","itemText","textValue","children","forEachItem","visit","React","child","allItemKeys","keys","matchingItems","searchText","matches","keepHiddenSelection","previousKeys","visibleKeys","visibleSelection","visible","isVisible","key","hiddenSelected","visibleSelected","selectedItemsText","selectedKeys","selected","texts","SearchableOptions","onSelectionChange","disallowEmptySelection","listLabel","searchPlaceholder","emptyStateText","contains","useFilter","setSearchText","useState","panelRef","useRef","visibleItems","moveFocusToList","event","_b","_a","jsxs","jsx","RACTextField","Input","ListBox","MultiSelectField","className","label","description","errorMessage","placeholder","isDisabled","isInvalid","ariaLabel","searchProps","classNames","clsx","portalContainer","useOverlayPortalContainer","triggerRef","triggerWidth","setTriggerWidth","measureTrigger","useCallback","useLayoutEffect","trigger","observer","chosenText","Field","Label","RACMenuTrigger","RACButton","IconChevronDown","RACPopover","Description","FieldError"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelect.js","sources":["../../../../../src/ui/primitives/Select/MultiSelect.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n Label,\n ListBox,\n SharedFieldProps,\n} from \"primitives\";\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n Button as RACButton,\n MenuTrigger as RACMenuTrigger,\n Popover as RACPopover,\n TextField as RACTextField,\n useFilter,\n type Key as RACKey,\n type Selection as RACSelection,\n} from \"react-aria-components\";\nimport \"./select.css\";\n\nfunction itemKey(item: React.ReactElement): RACKey {\n const { id } = item.props as { id?: RACKey };\n return id ?? item.key ?? \"\";\n}\n\nfunction itemText(item: React.ReactElement): string {\n const { textValue, children } = item.props as {\n textValue?: string;\n children?: React.ReactNode;\n };\n if (textValue !== undefined) return textValue;\n return typeof children === \"string\" ? children : \"\";\n}\n\nfunction forEachItem(\n children: React.ReactNode,\n visit: (item: React.ReactElement) => void,\n) {\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child)) visit(child);\n });\n}\n\nfunction allItemKeys(children: React.ReactNode): Set<RACKey> {\n const keys = new Set<RACKey>();\n forEachItem(children, (item) => keys.add(itemKey(item)));\n return keys;\n}\n\ntype TextMatcher = (text: string, searchText: string) => boolean;\n\nfunction matchingItems(\n children: React.ReactNode,\n searchText: string,\n matches: TextMatcher,\n): React.ReactElement[] {\n return React.Children.toArray(children).filter(\n (child): child is React.ReactElement =>\n React.isValidElement(child) && matches(itemText(child), searchText),\n );\n}\n\nfunction keepHiddenSelection(\n previousKeys: Iterable<RACKey>,\n visibleKeys: RACKey[],\n visibleSelection: RACSelection,\n): Set<RACKey> {\n const visible = new Set(visibleKeys.map(String));\n const isVisible = (key: RACKey) => visible.has(String(key));\n const hiddenSelected = [...previousKeys].filter((key) => !isVisible(key));\n const visibleSelected =\n visibleSelection === \"all\"\n ? visibleKeys\n : [...visibleSelection].filter(isVisible);\n return new Set([...hiddenSelected, ...visibleSelected]);\n}\n\nfunction selectedItemsText(\n children: React.ReactNode,\n selectedKeys: Iterable<RACKey>,\n): string {\n const selected = new Set([...selectedKeys].map(String));\n const texts: string[] = [];\n forEachItem(children, (item) => {\n if (selected.has(String(itemKey(item)))) texts.push(itemText(item));\n });\n return texts.join(\", \");\n}\n\ninterface MultiSelectOptionsProps {\n children: React.ReactNode;\n selectedKeys: Iterable<RACKey>;\n onSelectionChange: (keys: Set<RACKey>) => void;\n disallowEmptySelection?: boolean;\n}\n\ninterface MultiSelectFieldBaseProps\n extends SharedFieldProps,\n MultiSelectOptionsProps {\n className?: string;\n isDisabled?: boolean;\n isInvalid?: boolean;\n \"aria-label\"?: string;\n}\n\nexport interface MultiSelectSearchProps {\n isSearchable: true;\n searchPlaceholder: string;\n emptyStateText: string;\n}\n\ninterface MultiSelectWithoutSearchProps {\n isSearchable?: false;\n searchPlaceholder?: never;\n emptyStateText?: never;\n}\n\nexport type MultiSelectFieldProps = MultiSelectFieldBaseProps &\n (MultiSelectSearchProps \| MultiSelectWithoutSearchProps);\n\nfunction SearchableOptions({\n children,\n selectedKeys,\n onSelectionChange,\n disallowEmptySelection,\n listLabel,\n searchPlaceholder,\n emptyStateText,\n}: MultiSelectOptionsProps &\n Omit<MultiSelectSearchProps, \"isSearchable\"> & { listLabel?: string }) {\n const { contains } = useFilter({ sensitivity: \"base\" });\n const [searchText, setSearchText] = useState(\"\");\n const panelRef = useRef<HTMLDivElement>(null);\n const visibleItems = matchingItems(children, searchText, contains);\n const visibleKeys = visibleItems.map(itemKey);\n\n function moveFocusToList(event: React.KeyboardEvent<HTMLInputElement>) {\n if (event.key !== \"ArrowDown\" \|\| visibleItems.length === 0) return;\n event.preventDefault();\n panelRef.current?.querySelector<HTMLElement>('[role=\"listbox\"]')?.focus();\n }\n\n return (\n <div ref={panelRef} className=\"select-search-panel\">\n <RACTextField\n aria-label={searchPlaceholder}\n value={searchText}\n onChange={setSearchText}\n autoFocus\n >\n <Input\n className=\"select-search-input\"\n placeholder={searchPlaceholder}\n onKeyDown={moveFocusToList}\n />\n </RACTextField>\n <ListBox\n aria-label={listLabel}\n selectionMode=\"multiple\"\n escapeKeyBehavior=\"none\"\n disallowEmptySelection={disallowEmptySelection}\n selectedKeys={selectedKeys}\n onSelectionChange={(keys: RACSelection) =>\n onSelectionChange(keepHiddenSelection(selectedKeys, visibleKeys, keys))\n }\n renderEmptyState={() => (\n <span className=\"select-empty-state\">{emptyStateText}</span>\n )}\n >\n {visibleItems}\n </ListBox>\n </div>\n );\n}\n\nexport function MultiSelectField({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n selectedKeys,\n onSelectionChange,\n isDisabled,\n isInvalid,\n disallowEmptySelection,\n \"aria-label\": ariaLabel,\n ...searchProps\n}: MultiSelectFieldProps) {\n const classNames = clsx(className, \"select-container\");\n const portalContainer = useOverlayPortalContainer();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const [triggerWidth, setTriggerWidth] = useState<string>();\n\n const measureTrigger = useCallback(() => {\n if (triggerRef.current) {\n setTriggerWidth(`${triggerRef.current.offsetWidth}px`);\n }\n }, []);\n\n useLayoutEffect(() => {\n measureTrigger();\n const trigger = triggerRef.current;\n if (!trigger \|\| typeof ResizeObserver === \"undefined\") return;\n const observer = new ResizeObserver(measureTrigger);\n observer.observe(trigger);\n return () => observer.disconnect();\n }, [measureTrigger]);\n\n const chosenText = selectedItemsText(children, selectedKeys);\n\n return (\n <div className={classNames}>\n <Field>\n {label && <Label>{label}</Label>}\n <RACMenuTrigger>\n <RACButton\n ref={triggerRef}\n className=\"select\"\n aria-label={ariaLabel}\n isDisabled={isDisabled}\n data-invalid={isInvalid \|\| undefined}\n >\n <span\n className=\"select-value\"\n data-placeholder={chosenText === \"\" \|\| undefined}\n title={chosenText \|\| undefined}\n >\n {chosenText === \"\" ? placeholder : chosenText}\n </span>\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n <RACPopover\n className=\"select-popover\"\n style={{ \"--trigger-width\": triggerWidth } as React.CSSProperties}\n UNSTABLE_portalContainer={portalContainer}\n >\n {searchProps.isSearchable ? (\n <SearchableOptions\n listLabel={label ?? ariaLabel}\n selectedKeys={selectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n searchPlaceholder={searchProps.searchPlaceholder}\n emptyStateText={searchProps.emptyStateText}\n >\n {children}\n </SearchableOptions>\n ) : (\n <ListBox\n aria-label={label ?? ariaLabel}\n autoFocus\n selectionMode=\"multiple\"\n escapeKeyBehavior=\"none\"\n disallowEmptySelection={disallowEmptySelection}\n selectedKeys={selectedKeys}\n onSelectionChange={(keys: RACSelection) =>\n onSelectionChange(\n keys === \"all\" ? allItemKeys(children) : new Set(keys),\n )\n }\n >\n {children}\n </ListBox>\n )}\n </RACPopover>\n </RACMenuTrigger>\n {description && <Description>{description}</Description>}\n <FieldError>{errorMessage}</FieldError>\n </Field>\n </div>\n );\n}\n"],"names":["itemKey","item","id","itemText","textValue","children","forEachItem","visit","React","child","allItemKeys","keys","matchingItems","searchText","matches","keepHiddenSelection","previousKeys","visibleKeys","visibleSelection","visible","isVisible","key","hiddenSelected","visibleSelected","selectedItemsText","selectedKeys","selected","texts","SearchableOptions","onSelectionChange","disallowEmptySelection","listLabel","searchPlaceholder","emptyStateText","contains","useFilter","setSearchText","useState","panelRef","useRef","visibleItems","moveFocusToList","event","_b","_a","jsxs","jsx","RACTextField","Input","ListBox","MultiSelectField","className","label","description","errorMessage","placeholder","isDisabled","isInvalid","ariaLabel","searchProps","classNames","clsx","portalContainer","useOverlayPortalContainer","triggerRef","triggerWidth","setTriggerWidth","measureTrigger","useCallback","useLayoutEffect","trigger","observer","chosenText","Field","Label","RACMenuTrigger","RACButton","IconChevronDown","RACPopover","Description","FieldError"],"mappings":"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"}

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

@@ -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"),i=require("react"),c=require("react-aria-components");;/* empty css          */const l=require("../../icons/IconX.cjs"),T=require("../../utils/AnchorOrButton.cjs");function m({children:s,scheme:t="brand",variant:a="primary",onRemove:r,...n}){const g=o.clsx("tag",`tag-scheme-${t}`,`tag-variant-${a}`);return e.jsxs("span",{...n,className:g,children:[s," ",r&&e.jsx(c.Button,{className:"tag-remove-button",onPress:r,children:e.jsx(l.IconX,{size:"16"})})]})}const x=i.forwardRef(function({className:t,scheme:a="brand",variant:r="primary",...n},g){const u=o.clsx(t,"tag","tag-button",`tag-scheme-${a}`,`tag-variant-${r}`);return e.jsx(T.AnchorOrButton,{...n,className:u,ref:g})});function N({children:s,className:t,iconStart:a,textValue:r,...n}){const g=o.clsx(t,"tag","tag-toggle");return r=r||(typeof s=="string"?s:(s||"").toString()),e.jsx(c.Tag,{className:g,textValue:r,...n,children:e.jsxs(e.Fragment,{children:[a,s]})})}function j({className:s,...t}){const a=o.clsx(s,"tag-toggle-group");return e.jsx(c.TagGroup,{className:a,...t})}function p({className:s,...t}){const a=o.clsx(s,"tag-toggle-list");return e.jsx(c.TagList,{className:a,...t})}exports.Tag=m;exports.TagButton=x;exports.TagToggle=N;exports.TagToggleGroup=j;exports.TagToggleList=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../vendor/clsx/dist/clsx.cjs"),i=require("react"),c=require("react-aria-components");;/* empty css          */const u=require("../../icons/IconX.cjs"),T=require("../../utils/AnchorOrButton.cjs");function m({children:s,scheme:t="brand",variant:a="primary",onRemove:r,removeLabel:n,...g}){const l=o.clsx("tag",`tag-scheme-${t}`,`tag-variant-${a}`);return e.jsxs("span",{...g,className:l,children:[s," ",r&&e.jsx(c.Button,{className:"tag-remove-button","aria-label":n,onPress:r,children:e.jsx(u.IconX,{size:"16"})})]})}const x=i.forwardRef(function({className:t,scheme:a="brand",variant:r="primary",...n},g){const l=o.clsx(t,"tag","tag-button",`tag-scheme-${a}`,`tag-variant-${r}`);return e.jsx(T.AnchorOrButton,{...n,className:l,ref:g})});function N({children:s,className:t,iconStart:a,textValue:r,...n}){const g=o.clsx(t,"tag","tag-toggle");return r=r||(typeof s=="string"?s:(s||"").toString()),e.jsx(c.Tag,{className:g,textValue:r,...n,children:e.jsxs(e.Fragment,{children:[a,s]})})}function j({className:s,...t}){const a=o.clsx(s,"tag-toggle-group");return e.jsx(c.TagGroup,{className:a,...t})}function p({className:s,...t}){const a=o.clsx(s,"tag-toggle-list");return e.jsx(c.TagList,{className:a,...t})}exports.Tag=m;exports.TagButton=x;exports.TagToggle=N;exports.TagToggleGroup=j;exports.TagToggleList=p;
 //# sourceMappingURL=Tag.cjs.map

package/dist/lib/ui/primitives/Tag/Tag.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.cjs","sources":["../../../../../src/ui/primitives/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport React, { ReactNode } from \"react\";\nimport {\n Button as RACButton,\n PressEvent as RACPressEvent,\n Tag as RACTag,\n TagGroup as RACTagGroup,\n TagList as RACTagList,\n type TagGroupProps as RACTagGroupProps,\n type TagListProps as RACTagListProps,\n type TagProps as RACTagProps,\n} from \"react-aria-components\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./tag.css\";\n\ntype TagScheme = \"brand\" \| \"danger\" \| \"positive\" \| \"warning\" \| \"neutral\";\ntype TagVariant = \"primary\" \| \"secondary\";\n\ntype SharedTagProps = {\n scheme?: TagScheme;\n variant?: TagVariant;\n};\n\ntype TagRemovableProps = { onRemove?: (e: RACPressEvent) => void };\n\nexport type TagProps = SharedTagProps &\n TagRemovableProps &\n React.ComponentPropsWithoutRef<\"span\">;\nexport function Tag({\n children,\n scheme = \"brand\",\n variant = \"primary\",\n onRemove,\n ...props\n}: TagProps) {\n const classNames = clsx(\n \"tag\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n return (\n <span {...props} className={classNames}>\n {children}{\" \"}\n {onRemove && (\n <RACButton className=\"tag-remove-button\" onPress={onRemove}>\n <IconX size=\"16\" />\n </RACButton>\n )}\n </span>\n );\n}\n\nexport type TagButtonProps = SharedTagProps & AnchorOrButtonProps;\nexport const TagButton = React.forwardRef(function Tag(\n {\n className,\n scheme = \"brand\",\n variant = \"primary\",\n ...props\n }: TagButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"tag\",\n \"tag-button\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n\n return <AnchorOrButton {...props} className={classNames} ref={ref} />;\n});\n\nexport type TagToggleProps = RACTagProps & { iconStart?: ReactNode };\nexport function TagToggle({\n children,\n className,\n iconStart,\n textValue,\n ...props\n}: TagToggleProps) {\n const classNames = clsx(className, \"tag\", \"tag-toggle\");\n textValue =\n textValue \|\|\n (typeof children === \"string\" ? children : (children \|\| \"\").toString());\n return (\n <RACTag className={classNames} textValue={textValue} {...props}>\n <>\n {iconStart}\n {children}\n </>\n </RACTag>\n );\n}\n\nexport type TagToggleGroupProps = RACTagGroupProps;\nexport function TagToggleGroup({ className, ...props }: TagToggleGroupProps) {\n const classNames = clsx(className, \"tag-toggle-group\");\n return <RACTagGroup className={classNames} {...props} />;\n}\n\nexport type TagToggleListProps<T> = RACTagListProps<T>;\nexport function TagToggleList<T extends object>({\n className,\n ...props\n}: TagToggleListProps<T>) {\n const classNames = clsx(className, \"tag-toggle-list\");\n return <RACTagList className={classNames} {...props} />;\n}\n"],"names":["Tag","children","scheme","variant","onRemove","props","classNames","clsx","jsxs","jsx","RACButton","IconX","TagButton","React","className","ref","AnchorOrButton","TagToggle","iconStart","textValue","RACTag","Fragment","TagToggleGroup","RACTagGroup","TagToggleList","RACTagList"],"mappings":"~~yUA6BO~~,SAASA,EAAI,CAClB,SAAAC,EACA,OAAAC,EAAS,QACT,QAAAC,EAAU,UACV,SAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KACjB,MACA,~~cAAcL~~,CAAM,GACpB,eAAeC,CAAO,EAAA,EAExB,~~OACEK~~,EAAAA,KAAC,OAAA,CAAM,GAAGH,EAAO,UAAWC,EACzB,SAAA,~~CAAAL~~,EAAU,IACVG,~~GACCK~~,EAAAA,IAACC,EAAAA,OAAA,~~CAAU~~,UAAU,~~oBAAoB~~,~~QAASN~~,~~EAChD~~,~~SAAAK~~,EAAAA,IAACE,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CACnB,~~CAAA,~~EAEJ,CAEJ,CAGO,MAAMC,EAAYC,EAAM,WAAW,SACxC,CACE,UAAAC,EACA,~~OAAAZ~~,EAAS,QACT,QAAAC,EAAU,UACV,~~GAAGE~~,CACL,EACAU,EACA,CACA,MAAMT,EAAaC,EAAAA,KACjBO,EACA,MACA,aACA,~~cAAcZ~~,CAAM,GACpB,eAAeC,CAAO,EAAA,EAGxB,~~aAAQa~~,EAAAA,eAAA,CAAgB,GAAGX,EAAO,UAAWC,EAAY,IAAAS,EAAU,CACrE,CAAC,EAGM,SAASE,EAAU,CACxB,~~SAAAhB~~,EACA,~~UAAAa~~,EACA,UAAAI,EACA,UAAAC,EACA,GAAGd,CACL,EAAmB,CACjB,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,MAAO,YAAY,EACtD,OAAAK,EACEA,IACC,~~OAAOlB~~,GAAa,SAAWA,GAAYA,GAAY,IAAI,~~kBAE3DmB~~,EAAAA,IAAA,CAAO,UAAWd,EAAY,UAAAa,EAAuB,GAAGd,EACvD,SAAAG,EAAAA,KAAAa,EAAAA,SAAA,CACG,SAAA,CAAAH,~~EACAjB~~,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,CAGO,~~SAASqB~~,EAAe,CAAE,UAAAR,EAAW,GAAGT,GAA8B,CAC3E,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,kBAAkB,EACrD,OAAOL,EAAAA,IAACc,EAAAA,SAAA,CAAY,UAAWjB,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASmB,EAAgC,CAC9C,UAAAV,EACA,GAAGT,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,iBAAiB,EACpD,OAAOL,EAAAA,IAACgB,EAAAA,QAAA,CAAW,UAAWnB,EAAa,GAAGD,EAAO,CACvD"}
1	+ {"version":3,"file":"Tag.cjs","sources":["../../../../../src/ui/primitives/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport React, { ReactNode } from \"react\";\nimport {\n Button as RACButton,\n PressEvent as RACPressEvent,\n Tag as RACTag,\n TagGroup as RACTagGroup,\n TagList as RACTagList,\n type TagGroupProps as RACTagGroupProps,\n type TagListProps as RACTagListProps,\n type TagProps as RACTagProps,\n} from \"react-aria-components\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./tag.css\";\n\ntype TagScheme = \"brand\" \| \"danger\" \| \"positive\" \| \"warning\" \| \"neutral\";\ntype TagVariant = \"primary\" \| \"secondary\";\n\ntype SharedTagProps = {\n scheme?: TagScheme;\n variant?: TagVariant;\n};\n\ntype TagRemovableProps = {\n onRemove?: (e: RACPressEvent) => void;\n removeLabel?: string;\n};\n\nexport type TagProps = SharedTagProps &\n TagRemovableProps &\n React.ComponentPropsWithoutRef<\"span\">;\nexport function Tag({\n children,\n scheme = \"brand\",\n variant = \"primary\",\n onRemove,\n removeLabel,\n ...props\n}: TagProps) {\n const classNames = clsx(\n \"tag\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n return (\n <span {...props} className={classNames}>\n {children}{\" \"}\n {onRemove && (\n <RACButton\n className=\"tag-remove-button\"\n aria-label={removeLabel}\n onPress={onRemove}\n >\n <IconX size=\"16\" />\n </RACButton>\n )}\n </span>\n );\n}\n\nexport type TagButtonProps = SharedTagProps & AnchorOrButtonProps;\nexport const TagButton = React.forwardRef(function Tag(\n {\n className,\n scheme = \"brand\",\n variant = \"primary\",\n ...props\n }: TagButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"tag\",\n \"tag-button\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n\n return <AnchorOrButton {...props} className={classNames} ref={ref} />;\n});\n\nexport type TagToggleProps = RACTagProps & { iconStart?: ReactNode };\nexport function TagToggle({\n children,\n className,\n iconStart,\n textValue,\n ...props\n}: TagToggleProps) {\n const classNames = clsx(className, \"tag\", \"tag-toggle\");\n textValue =\n textValue \|\|\n (typeof children === \"string\" ? children : (children \|\| \"\").toString());\n return (\n <RACTag className={classNames} textValue={textValue} {...props}>\n <>\n {iconStart}\n {children}\n </>\n </RACTag>\n );\n}\n\nexport type TagToggleGroupProps = RACTagGroupProps;\nexport function TagToggleGroup({ className, ...props }: TagToggleGroupProps) {\n const classNames = clsx(className, \"tag-toggle-group\");\n return <RACTagGroup className={classNames} {...props} />;\n}\n\nexport type TagToggleListProps<T> = RACTagListProps<T>;\nexport function TagToggleList<T extends object>({\n className,\n ...props\n}: TagToggleListProps<T>) {\n const classNames = clsx(className, \"tag-toggle-list\");\n return <RACTagList className={classNames} {...props} />;\n}\n"],"names":["Tag","children","scheme","variant","onRemove","removeLabel","props","classNames","clsx","jsxs","jsx","RACButton","IconX","TagButton","React","className","ref","AnchorOrButton","TagToggle","iconStart","textValue","RACTag","Fragment","TagToggleGroup","RACTagGroup","TagToggleList","RACTagList"],"mappings":"yUAgCO,SAASA,EAAI,CAClB,SAAAC,EACA,OAAAC,EAAS,QACT,QAAAC,EAAU,UACV,SAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KACjB,MACA,cAAcN,CAAM,GACpB,eAAeC,CAAO,EAAA,EAExB,OACEM,EAAAA,KAAC,OAAA,CAAM,GAAGH,EAAO,UAAWC,EACzB,SAAA,CAAAN,EAAU,IACVG,GACCM,EAAAA,IAACC,EAAAA,OAAA,CACC,UAAU,oBACV,aAAYN,EACZ,QAASD,EAET,SAAAM,EAAAA,IAACE,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CAAA,CACnB,EAEJ,CAEJ,CAGO,MAAMC,EAAYC,EAAM,WAAW,SACxC,CACE,UAAAC,EACA,OAAAb,EAAS,QACT,QAAAC,EAAU,UACV,GAAGG,CACL,EACAU,EACA,CACA,MAAMT,EAAaC,EAAAA,KACjBO,EACA,MACA,aACA,cAAcb,CAAM,GACpB,eAAeC,CAAO,EAAA,EAGxB,aAAQc,EAAAA,eAAA,CAAgB,GAAGX,EAAO,UAAWC,EAAY,IAAAS,EAAU,CACrE,CAAC,EAGM,SAASE,EAAU,CACxB,SAAAjB,EACA,UAAAc,EACA,UAAAI,EACA,UAAAC,EACA,GAAGd,CACL,EAAmB,CACjB,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,MAAO,YAAY,EACtD,OAAAK,EACEA,IACC,OAAOnB,GAAa,SAAWA,GAAYA,GAAY,IAAI,kBAE3DoB,EAAAA,IAAA,CAAO,UAAWd,EAAY,UAAAa,EAAuB,GAAGd,EACvD,SAAAG,EAAAA,KAAAa,EAAAA,SAAA,CACG,SAAA,CAAAH,EACAlB,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,CAGO,SAASsB,EAAe,CAAE,UAAAR,EAAW,GAAGT,GAA8B,CAC3E,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,kBAAkB,EACrD,OAAOL,EAAAA,IAACc,EAAAA,SAAA,CAAY,UAAWjB,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASmB,EAAgC,CAC9C,UAAAV,EACA,GAAGT,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,iBAAiB,EACpD,OAAOL,EAAAA,IAACgB,EAAAA,QAAA,CAAW,UAAWnB,EAAa,GAAGD,EAAO,CACvD"}

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

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as o, Fragment as i } from "react/jsx-runtime";
+import { jsxs as m, jsx as o, Fragment as i } from "react/jsx-runtime";
 import { clsx as e } from "../../../vendor/clsx/dist/clsx.js";
 import l from "react";
 import { Button as u, Tag as p, TagGroup as f, TagList as T } from "react-aria-components";
@@ -6,67 +6,76 @@ import { Button as u, Tag as p, TagGroup as f, TagList as T } from "react-aria-c
 import { IconX as N } from "../../icons/IconX.js";
 import { AnchorOrButton as $ } from "../../utils/AnchorOrButton.js";
 function x({
-  children: t,
-  scheme: a = "brand",
-  variant: s = "primary",
-  onRemove: r,
-  ...g
+  children: a,
+  scheme: t = "brand",
+  variant: r = "primary",
+  onRemove: s,
+  removeLabel: g,
+  ...n
 }) {
-  const n = e(
+  const c = e(
     "tag",
-    `tag-scheme-${a}`,
-    `tag-variant-${s}`
+    `tag-scheme-${t}`,
+    `tag-variant-${r}`
   );
-  return /* @__PURE__ */ c("span", { ...g, className: n, children: [
-    t,
+  return /* @__PURE__ */ m("span", { ...n, className: c, children: [
+    a,
     " ",
-    r && /* @__PURE__ */ o(u, { className: "tag-remove-button", onPress: r, children: /* @__PURE__ */ o(N, { size: "16" }) })
+    s && /* @__PURE__ */ o(
+      u,
+      {
+        className: "tag-remove-button",
+        "aria-label": g,
+        onPress: s,
+        children: /* @__PURE__ */ o(N, { size: "16" })
+      }
+    )
   ] });
 }
 const G = l.forwardRef(function({
-  className: a,
-  scheme: s = "brand",
-  variant: r = "primary",
+  className: t,
+  scheme: r = "brand",
+  variant: s = "primary",
   ...g
 }, n) {
-  const m = e(
-    a,
+  const c = e(
+    t,
     "tag",
     "tag-button",
-    `tag-scheme-${s}`,
-    `tag-variant-${r}`
+    `tag-scheme-${r}`,
+    `tag-variant-${s}`
   );
-  return /* @__PURE__ */ o($, { ...g, className: m, ref: n });
+  return /* @__PURE__ */ o($, { ...g, className: c, ref: n });
 });
 function L({
-  children: t,
-  className: a,
-  iconStart: s,
-  textValue: r,
+  children: a,
+  className: t,
+  iconStart: r,
+  textValue: s,
   ...g
 }) {
-  const n = e(a, "tag", "tag-toggle");
-  return r = r || (typeof t == "string" ? t : (t || "").toString()), /* @__PURE__ */ o(p, { className: n, textValue: r, ...g, children: /* @__PURE__ */ c(i, { children: [
-    s,
-    t
+  const n = e(t, "tag", "tag-toggle");
+  return s = s || (typeof a == "string" ? a : (a || "").toString()), /* @__PURE__ */ o(p, { className: n, textValue: s, ...g, children: /* @__PURE__ */ m(i, { children: [
+    r,
+    a
   ] }) });
 }
-function w({ className: t, ...a }) {
-  const s = e(t, "tag-toggle-group");
-  return /* @__PURE__ */ o(f, { className: s, ...a });
+function k({ className: a, ...t }) {
+  const r = e(a, "tag-toggle-group");
+  return /* @__PURE__ */ o(f, { className: r, ...t });
 }
-function z({
-  className: t,
-  ...a
+function w({
+  className: a,
+  ...t
 }) {
-  const s = e(t, "tag-toggle-list");
-  return /* @__PURE__ */ o(T, { className: s, ...a });
+  const r = e(a, "tag-toggle-list");
+  return /* @__PURE__ */ o(T, { className: r, ...t });
 }
 export {
   x as Tag,
   G as TagButton,
   L as TagToggle,
-  w as TagToggleGroup,
-  z as TagToggleList
+  k as TagToggleGroup,
+  w as TagToggleList
 };
 //# sourceMappingURL=Tag.js.map

package/dist/lib/ui/primitives/Tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../../src/ui/primitives/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport React, { ReactNode } from \"react\";\nimport {\n Button as RACButton,\n PressEvent as RACPressEvent,\n Tag as RACTag,\n TagGroup as RACTagGroup,\n TagList as RACTagList,\n type TagGroupProps as RACTagGroupProps,\n type TagListProps as RACTagListProps,\n type TagProps as RACTagProps,\n} from \"react-aria-components\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./tag.css\";\n\ntype TagScheme = \"brand\" \| \"danger\" \| \"positive\" \| \"warning\" \| \"neutral\";\ntype TagVariant = \"primary\" \| \"secondary\";\n\ntype SharedTagProps = {\n scheme?: TagScheme;\n variant?: TagVariant;\n};\n\ntype TagRemovableProps = { onRemove?: (e: RACPressEvent) => void };\n\nexport type TagProps = SharedTagProps &\n TagRemovableProps &\n React.ComponentPropsWithoutRef<\"span\">;\nexport function Tag({\n children,\n scheme = \"brand\",\n variant = \"primary\",\n onRemove,\n ...props\n}: TagProps) {\n const classNames = clsx(\n \"tag\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n return (\n <span {...props} className={classNames}>\n {children}{\" \"}\n {onRemove && (\n <RACButton className=\"tag-remove-button\" onPress={onRemove}>\n <IconX size=\"16\" />\n </RACButton>\n )}\n </span>\n );\n}\n\nexport type TagButtonProps = SharedTagProps & AnchorOrButtonProps;\nexport const TagButton = React.forwardRef(function Tag(\n {\n className,\n scheme = \"brand\",\n variant = \"primary\",\n ...props\n }: TagButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"tag\",\n \"tag-button\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n\n return <AnchorOrButton {...props} className={classNames} ref={ref} />;\n});\n\nexport type TagToggleProps = RACTagProps & { iconStart?: ReactNode };\nexport function TagToggle({\n children,\n className,\n iconStart,\n textValue,\n ...props\n}: TagToggleProps) {\n const classNames = clsx(className, \"tag\", \"tag-toggle\");\n textValue =\n textValue \|\|\n (typeof children === \"string\" ? children : (children \|\| \"\").toString());\n return (\n <RACTag className={classNames} textValue={textValue} {...props}>\n <>\n {iconStart}\n {children}\n </>\n </RACTag>\n );\n}\n\nexport type TagToggleGroupProps = RACTagGroupProps;\nexport function TagToggleGroup({ className, ...props }: TagToggleGroupProps) {\n const classNames = clsx(className, \"tag-toggle-group\");\n return <RACTagGroup className={classNames} {...props} />;\n}\n\nexport type TagToggleListProps<T> = RACTagListProps<T>;\nexport function TagToggleList<T extends object>({\n className,\n ...props\n}: TagToggleListProps<T>) {\n const classNames = clsx(className, \"tag-toggle-list\");\n return <RACTagList className={classNames} {...props} />;\n}\n"],"names":["Tag","children","scheme","variant","onRemove","props","classNames","clsx","jsxs","jsx","RACButton","IconX","TagButton","React","className","ref","AnchorOrButton","TagToggle","iconStart","textValue","RACTag","Fragment","TagToggleGroup","RACTagGroup","TagToggleList","RACTagList"],"mappings":";;;;;;;~~AA6BO~~,SAASA,EAAI;AAAA,EAClB,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA,~~cAAcL~~,CAAM;AAAA,IACpB,eAAeC,CAAO;AAAA,EAAA;AAExB,SACE,~~gBAAAK~~,EAAC,QAAA,EAAM,GAAGH,GAAO,WAAWC,GACzB,UAAA;AAAA,~~IAAAL~~;AAAA,IAAU;AAAA,IACVG,KACC,~~gBAAAK~~,~~EAACC~~,~~GAAA~~,~~EAAU~~,WAAU,~~qBAAoB~~,~~SAASN~~,~~GAChD~~,UAAA,~~gBAAAK~~,EAACE,GAAA,EAAM,MAAK,KAAA,CAAK,~~EAAA~~,~~CACnB~~;AAAA,~~EAAA~~,GAEJ;AAEJ;AAGO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,WAAAC;AAAA,EACA,~~QAAAZ~~,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,~~GAAGE~~;AACL,GACAU,GACA;AACA,QAAMT,IAAaC;AAAA,IACjBO;AAAA,IACA;AAAA,IACA;AAAA,IACA,~~cAAcZ~~,CAAM;AAAA,IACpB,eAAeC,CAAO;AAAA,EAAA;AAGxB,~~2BAAQa~~,GAAA,EAAgB,GAAGX,GAAO,WAAWC,GAAY,KAAAS,GAAU;AACrE,CAAC;AAGM,SAASE,EAAU;AAAA,EACxB,~~UAAAhB~~;AAAA,EACA,~~WAAAa~~;AAAA,EACA,WAAAI;AAAA,EACA,WAAAC;AAAA,EACA,GAAGd;AACL,GAAmB;AACjB,QAAMC,IAAaC,EAAKO,GAAW,OAAO,YAAY;AACtD,SAAAK,IACEA,MACC,~~OAAOlB~~,KAAa,WAAWA,KAAYA,KAAY,IAAI,+~~BAE3DmB~~,GAAA,EAAO,WAAWd,GAAY,WAAAa,GAAuB,GAAGd,GACvD,UAAA,gBAAAG,EAAAa,GAAA,EACG,UAAA;AAAA,IAAAH;AAAA,~~IACAjB~~;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAGO,~~SAASqB~~,EAAe,EAAE,WAAAR,GAAW,GAAGT,KAA8B;AAC3E,QAAMC,IAAaC,EAAKO,GAAW,kBAAkB;AACrD,SAAO,gBAAAL,EAACc,GAAA,EAAY,WAAWjB,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASmB,EAAgC;AAAA,EAC9C,WAAAV;AAAA,EACA,GAAGT;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKO,GAAW,iBAAiB;AACpD,SAAO,gBAAAL,EAACgB,GAAA,EAAW,WAAWnB,GAAa,GAAGD,GAAO;AACvD;"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../../src/ui/primitives/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport React, { ReactNode } from \"react\";\nimport {\n Button as RACButton,\n PressEvent as RACPressEvent,\n Tag as RACTag,\n TagGroup as RACTagGroup,\n TagList as RACTagList,\n type TagGroupProps as RACTagGroupProps,\n type TagListProps as RACTagListProps,\n type TagProps as RACTagProps,\n} from \"react-aria-components\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./tag.css\";\n\ntype TagScheme = \"brand\" \| \"danger\" \| \"positive\" \| \"warning\" \| \"neutral\";\ntype TagVariant = \"primary\" \| \"secondary\";\n\ntype SharedTagProps = {\n scheme?: TagScheme;\n variant?: TagVariant;\n};\n\ntype TagRemovableProps = {\n onRemove?: (e: RACPressEvent) => void;\n removeLabel?: string;\n};\n\nexport type TagProps = SharedTagProps &\n TagRemovableProps &\n React.ComponentPropsWithoutRef<\"span\">;\nexport function Tag({\n children,\n scheme = \"brand\",\n variant = \"primary\",\n onRemove,\n removeLabel,\n ...props\n}: TagProps) {\n const classNames = clsx(\n \"tag\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n return (\n <span {...props} className={classNames}>\n {children}{\" \"}\n {onRemove && (\n <RACButton\n className=\"tag-remove-button\"\n aria-label={removeLabel}\n onPress={onRemove}\n >\n <IconX size=\"16\" />\n </RACButton>\n )}\n </span>\n );\n}\n\nexport type TagButtonProps = SharedTagProps & AnchorOrButtonProps;\nexport const TagButton = React.forwardRef(function Tag(\n {\n className,\n scheme = \"brand\",\n variant = \"primary\",\n ...props\n }: TagButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"tag\",\n \"tag-button\",\n `tag-scheme-${scheme}`,\n `tag-variant-${variant}`,\n );\n\n return <AnchorOrButton {...props} className={classNames} ref={ref} />;\n});\n\nexport type TagToggleProps = RACTagProps & { iconStart?: ReactNode };\nexport function TagToggle({\n children,\n className,\n iconStart,\n textValue,\n ...props\n}: TagToggleProps) {\n const classNames = clsx(className, \"tag\", \"tag-toggle\");\n textValue =\n textValue \|\|\n (typeof children === \"string\" ? children : (children \|\| \"\").toString());\n return (\n <RACTag className={classNames} textValue={textValue} {...props}>\n <>\n {iconStart}\n {children}\n </>\n </RACTag>\n );\n}\n\nexport type TagToggleGroupProps = RACTagGroupProps;\nexport function TagToggleGroup({ className, ...props }: TagToggleGroupProps) {\n const classNames = clsx(className, \"tag-toggle-group\");\n return <RACTagGroup className={classNames} {...props} />;\n}\n\nexport type TagToggleListProps<T> = RACTagListProps<T>;\nexport function TagToggleList<T extends object>({\n className,\n ...props\n}: TagToggleListProps<T>) {\n const classNames = clsx(className, \"tag-toggle-list\");\n return <RACTagList className={classNames} {...props} />;\n}\n"],"names":["Tag","children","scheme","variant","onRemove","removeLabel","props","classNames","clsx","jsxs","jsx","RACButton","IconX","TagButton","React","className","ref","AnchorOrButton","TagToggle","iconStart","textValue","RACTag","Fragment","TagToggleGroup","RACTagGroup","TagToggleList","RACTagList"],"mappings":";;;;;;;AAgCO,SAASA,EAAI;AAAA,EAClB,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA,cAAcN,CAAM;AAAA,IACpB,eAAeC,CAAO;AAAA,EAAA;AAExB,SACE,gBAAAM,EAAC,QAAA,EAAM,GAAGH,GAAO,WAAWC,GACzB,UAAA;AAAA,IAAAN;AAAA,IAAU;AAAA,IACVG,KACC,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAYN;AAAA,QACZ,SAASD;AAAA,QAET,UAAA,gBAAAM,EAACE,GAAA,EAAM,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GAEJ;AAEJ;AAGO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,WAAAC;AAAA,EACA,QAAAb,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,GAAGG;AACL,GACAU,GACA;AACA,QAAMT,IAAaC;AAAA,IACjBO;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAcb,CAAM;AAAA,IACpB,eAAeC,CAAO;AAAA,EAAA;AAGxB,2BAAQc,GAAA,EAAgB,GAAGX,GAAO,WAAWC,GAAY,KAAAS,GAAU;AACrE,CAAC;AAGM,SAASE,EAAU;AAAA,EACxB,UAAAjB;AAAA,EACA,WAAAc;AAAA,EACA,WAAAI;AAAA,EACA,WAAAC;AAAA,EACA,GAAGd;AACL,GAAmB;AACjB,QAAMC,IAAaC,EAAKO,GAAW,OAAO,YAAY;AACtD,SAAAK,IACEA,MACC,OAAOnB,KAAa,WAAWA,KAAYA,KAAY,IAAI,+BAE3DoB,GAAA,EAAO,WAAWd,GAAY,WAAAa,GAAuB,GAAGd,GACvD,UAAA,gBAAAG,EAAAa,GAAA,EACG,UAAA;AAAA,IAAAH;AAAA,IACAlB;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAGO,SAASsB,EAAe,EAAE,WAAAR,GAAW,GAAGT,KAA8B;AAC3E,QAAMC,IAAaC,EAAKO,GAAW,kBAAkB;AACrD,SAAO,gBAAAL,EAACc,GAAA,EAAY,WAAWjB,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASmB,EAAgC;AAAA,EAC9C,WAAAV;AAAA,EACA,GAAGT;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKO,GAAW,iBAAiB;AACpD,SAAO,gBAAAL,EAACgB,GAAA,EAAW,WAAWnB,GAAa,GAAGD,GAAO;AACvD;"}

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),m=require("../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.cjs"),y=require("../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.cjs"),i=require("react-aria-components");;/* empty css              */const T=require("../../hooks/useOverlayPortal.cjs");function N({children:o,content:t,className:s,offset:a,delay:n,closeDelay:c,placement:g}){const l=y.useTooltipTriggerState({delay:n,closeDelay:c}),e=h.useRef(null),{triggerProps:u,tooltipProps:p}=m.useTooltipTrigger({},l,e),j=x.clsx(s,"sds-tooltip"),v=T.useOverlayPortalContainer();return r.jsxs(r.Fragment,{children:[r.jsx("span",{ref:e,className:"tooltip-trigger-wrapper",...u,children:o}),r.jsx(i.TooltipTriggerStateContext.Provider,{value:l,children:r.jsxs(i.Tooltip,{...p,triggerRef:e,className:j,offset:a,placement:g,UNSTABLE_portalContainer:v,children:[r.jsx(d,{}),r.jsx("div",{className:"dialog dialog-type-card",children:t})]})})]})}function C({children:o,content:t,className:s,offset:a=16,trigger:n="hover",delay:c=500,closeDelay:g=100,placement:l,...e}){const u=x.clsx(s,"sds-tooltip"),p=T.useOverlayPortalContainer();return n==="click"?r.jsxs(i.DialogTrigger,{children:[o,r.jsxs(i.Popover,{...e,className:u,offset:a,placement:l,UNSTABLE_portalContainer:e.UNSTABLE_portalContainer??p,children:[r.jsx(d,{}),r.jsx(i.Dialog,{className:"dialog dialog-type-card","aria-label":"Tooltip",children:t})]})]}):r.jsx(N,{content:t,className:s,offset:a,delay:c,closeDelay:g,placement:l,...e,children:o})}function d({className:o,...t}){const s=x.clsx(o,"tooltip-overlay-arrow");return r.jsxs(i.OverlayArrow,{...t,className:s,children:[r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})}),r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})})]})}exports.Tooltip=C;exports.TooltipOverlayArrow=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),m=require("../../../vendor/react-aria/dist/private/tooltip/useTooltipTrigger.cjs"),y=require("../../../vendor/react-stately/dist/private/tooltip/useTooltipTriggerState.cjs"),i=require("react-aria-components");;/* empty css              */const T=require("../../hooks/useOverlayPortal.cjs");function N({children:o,content:t,className:s,offset:a,delay:n,closeDelay:c,placement:g}){const l=y.useTooltipTriggerState({delay:n,closeDelay:c}),e=h.useRef(null),{triggerProps:u,tooltipProps:p}=m.useTooltipTrigger({},l,e),j=x.clsx(s,"sds-tooltip"),v=T.useOverlayPortalContainer();return r.jsxs(r.Fragment,{children:[r.jsx("span",{ref:e,className:"tooltip-trigger-wrapper",...u,children:o}),r.jsx(i.TooltipTriggerStateContext.Provider,{value:l,children:r.jsxs(i.Tooltip,{...p,triggerRef:e,className:j,offset:a,placement:g,UNSTABLE_portalContainer:v,children:[r.jsx(d,{}),r.jsx("div",{className:"dialog dialog-type-card",children:t})]})})]})}function C({children:o,content:t,className:s,offset:a=16,trigger:n="hover",delay:c=500,closeDelay:g=100,placement:l,...e}){const u=x.clsx(s,"sds-tooltip"),p=T.useOverlayPortalContainer();return n==="click"?r.jsxs(i.DialogTrigger,{children:[o,r.jsxs(i.Popover,{...e,className:u,offset:a,placement:l,UNSTABLE_portalContainer:e.UNSTABLE_portalContainer??p,children:[r.jsx(d,{}),r.jsx(i.Dialog,{className:"dialog dialog-type-card","aria-label":"Tooltip",children:t})]})]}):r.jsx(N,{content:t,className:s,offset:a,delay:c,closeDelay:g,placement:l,...e,children:o})}function d({className:o,...t}){const s=x.clsx(o,"tooltip-overlay-arrow");return r.jsxs(i.OverlayArrow,{...t,className:s,children:[r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})}),r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})})]})}exports.Tooltip=C;exports.TooltipOverlayArrow=d;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/lib/ui/primitives/Tooltip/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria~~/tooltip~~\";\nimport { useTooltipTriggerState } from \"@react-stately~~/tooltip~~\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" \| \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" \| \"isOpen\" \| \"defaultOpen\" \| \"onOpenChange\" \| \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o tooltip 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 <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":"~~4cA~~+BA,SAASA,EAAa,CACpB,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAkC,CAChC,MAAMC,EAAQC,EAAAA,uBAAuB,CAAE,MAAAJ,EAAO,WAAAC,EAAY,EACpDI,EAAaC,EAAAA,OAAwB,IAAI,EACzC,CAAE,aAAAC,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CAAoB,EACpBN,EACAE,CAAA,EAEIK,EAAaC,EAAAA,KAAKb,EAAW,aAAa,EAG1Cc,EAAkBC,EAAAA,0BAAA,EAExB,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,IAAKX,EAAY,UAAU,0BAA2B,GAAGE,EAC5D,SAAAX,EACH,EACAoB,EAAAA,IAACC,EAAAA,2BAA2B,SAA3B,CAAoC,MAAOd,EAC1C,SAAAW,EAAAA,KAACI,EAAAA,QAAA,CACE,GAAGV,EACJ,WAAAH,EACA,UAAWK,EACX,OAAAX,EACA,UAAAG,EACA,yBAA0BU,EAE1B,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,EACrBH,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAnB,CAAA,CAAQ,CAAA,CAAA,CAAA,CACpD,CACF,CAAA,EACF,CAEJ,CAEO,SAASuB,EAAQ,CACtB,SAAAxB,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,QAAAsB,EAAU,QACV,MAAArB,EAAQ,IACR,WAAAC,EAAa,IACb,UAAAC,EACA,GAAGoB,CACL,EAAiB,CACf,MAAMZ,EAAaC,EAAAA,KAAKb,EAAW,aAAa,EAG1Cc,EAAkBC,EAAAA,0BAAA,EAExB,OAAIQ,IAAY,eAEXE,gBAAA,CACE,SAAA,CAAA3B,EACDkB,EAAAA,KAACU,EAAAA,QAAA,CACE,GAAGF,EACJ,UAAWZ,EACX,OAAAX,EACA,UAAAG,EACA,yBACEoB,EAAa,0BAA4BV,EAG3C,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,QACpBM,EAAAA,OAAA,CAAU,UAAU,0BAA0B,aAAW,UACvD,SAAA5B,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,EAKFmB,EAAAA,IAACrB,EAAA,CACC,QAAAE,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACC,GAAGoB,EAEH,SAAA1B,CAAA,CAAA,CAGP,CAGO,SAASuB,EAAoB,CAClC,UAAArB,EACA,GAAG4B,CACL,EAA6B,CAC3B,MAAMhB,EAAaC,EAAAA,KAAKb,EAAW,uBAAuB,EAC1D,OACEgB,EAAAA,KAACa,EAAAA,aAAA,CAAiB,GAAGD,EAAO,UAAWhB,EACrC,SAAA,CAAAM,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,EACAA,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,CAAA,EACF,CAEJ"}
1	+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"react-aria\";\nimport { useTooltipTriggerState } from \"react-stately\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" \| \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" \| \"isOpen\" \| \"defaultOpen\" \| \"onOpenChange\" \| \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o tooltip 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 <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":"0dA+BA,SAASA,EAAa,CACpB,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAkC,CAChC,MAAMC,EAAQC,EAAAA,uBAAuB,CAAE,MAAAJ,EAAO,WAAAC,EAAY,EACpDI,EAAaC,EAAAA,OAAwB,IAAI,EACzC,CAAE,aAAAC,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CAAoB,EACpBN,EACAE,CAAA,EAEIK,EAAaC,EAAAA,KAAKb,EAAW,aAAa,EAG1Cc,EAAkBC,EAAAA,0BAAA,EAExB,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,IAAKX,EAAY,UAAU,0BAA2B,GAAGE,EAC5D,SAAAX,EACH,EACAoB,EAAAA,IAACC,EAAAA,2BAA2B,SAA3B,CAAoC,MAAOd,EAC1C,SAAAW,EAAAA,KAACI,EAAAA,QAAA,CACE,GAAGV,EACJ,WAAAH,EACA,UAAWK,EACX,OAAAX,EACA,UAAAG,EACA,yBAA0BU,EAE1B,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,EACrBH,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAnB,CAAA,CAAQ,CAAA,CAAA,CAAA,CACpD,CACF,CAAA,EACF,CAEJ,CAEO,SAASuB,EAAQ,CACtB,SAAAxB,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,QAAAsB,EAAU,QACV,MAAArB,EAAQ,IACR,WAAAC,EAAa,IACb,UAAAC,EACA,GAAGoB,CACL,EAAiB,CACf,MAAMZ,EAAaC,EAAAA,KAAKb,EAAW,aAAa,EAG1Cc,EAAkBC,EAAAA,0BAAA,EAExB,OAAIQ,IAAY,eAEXE,gBAAA,CACE,SAAA,CAAA3B,EACDkB,EAAAA,KAACU,EAAAA,QAAA,CACE,GAAGF,EACJ,UAAWZ,EACX,OAAAX,EACA,UAAAG,EACA,yBACEoB,EAAa,0BAA4BV,EAG3C,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,QACpBM,EAAAA,OAAA,CAAU,UAAU,0BAA0B,aAAW,UACvD,SAAA5B,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,EAKFmB,EAAAA,IAACrB,EAAA,CACC,QAAAE,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACC,GAAGoB,EAEH,SAAA1B,CAAA,CAAA,CAGP,CAGO,SAASuB,EAAoB,CAClC,UAAArB,EACA,GAAG4B,CACL,EAA6B,CAC3B,MAAMhB,EAAaC,EAAAA,KAAKb,EAAW,uBAAuB,EAC1D,OACEgB,EAAAA,KAACa,EAAAA,aAAA,CAAiB,GAAGD,EAAO,UAAWhB,EACrC,SAAA,CAAAM,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,EACAA,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,CAAA,EACF,CAEJ"}