@plenustech/design-system 0.2.3 → 0.2.5

package/dist/components/data-display/List/ListingOptions.js

@@ -1,115 +1,139 @@
-import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import { useCallback as J, useEffect as P } from "react";
-import { useVirtualWindow as Q } from "./useVirtualWindow.js";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { useCallback as Q, useEffect as S, Fragment as U } from "react";
+import { useVirtualWindow as X } from "./useVirtualWindow.js";
 import i from "./List.module.css.js";
-function x(l, n) {
-  return l + "-option-" + n;
+function $(o, l) {
+  return o + "-option-" + l;
 }
-function Z({
-  baseId: l,
-  className: n,
-  elementRef: f,
-  empty: y,
-  height: v,
-  holdsFocus: p = !0,
+function Y(o) {
+  const l = [];
+  for (const n of o) {
+    const d = l.at(-1);
+    n.item.group !== void 0 && (d == null ? void 0 : d.group) === n.item.group ? d.options.push(n) : l.push({ group: n.item.group, options: [n] });
+  }
+  return l;
+}
+function ee({
+  baseId: o,
+  className: l,
+  elementRef: n,
+  empty: d,
+  height: m,
+  holdsFocus: N = !0,
   label: L,
   listing: M,
-  loading: s = !1,
-  loadingMessage: g = "Carregando",
-  onKeyDown: T,
-  onSelect: h,
-  style: j,
-  tabIndex: W = 0
+  loading: p = !1,
+  loadingMessage: j = "Carregando",
+  onKeyDown: W,
+  onSelect: g,
+  style: k,
+  tabIndex: q = 0
 }) {
-  const { detached: B, focusedKey: o, isSelected: q, select: A, selectionMode: m, visible: t } = M, k = t.findIndex((e) => e.value === o);
-  function G(e, a) {
-    e.disabled || (A(e, a), h == null || h(e));
+  const { detached: B, focusedKey: f, isSelected: A, select: G, selectionMode: y, visible: s } = M, C = s.findIndex((e) => e.value === f);
+  function H(e, a) {
+    e.disabled || (G(e, a), g == null || g(e));
   }
-  const { active: I, attachScroll: w, measureItem: C, onScroll: E, padding: d, scrollToIndex: D, start: K, end: H } = Q(
-    t.length,
-    v
-  ), O = J(
+  const { active: I, attachScroll: w, measureItem: D, onScroll: E, padding: b, scrollToIndex: T, start: x, end: J } = X(
+    s.length,
+    m
+  ), K = Q(
     (e) => {
-      w(e), f && (f.current = e);
+      w(e), n && (n.current = e);
     },
-    [w, f]
+    [w, n]
   );
-  P(() => {
-    var a, c;
-    const e = t.findIndex((u) => u.value === o);
-    o === void 0 || e < 0 || (I ? D(e) : (c = (a = document.getElementById(x(l, e))) == null ? void 0 : a.scrollIntoView) == null || c.call(a, { block: "nearest" }));
-  }, [I, l, o, D, t]);
-  const V = t.slice(K, H);
-  if (m === "none")
-    return /* @__PURE__ */ N(
+  S(() => {
+    var a, t;
+    const e = s.findIndex((u) => u.value === f);
+    f === void 0 || e < 0 || (I ? T(e) : (t = (a = document.getElementById($(o, e))) == null ? void 0 : a.scrollIntoView) == null || t.call(a, { block: "nearest" }));
+  }, [I, o, f, T, s]);
+  const O = s.slice(x, J);
+  if (y === "none")
+    return /* @__PURE__ */ h(
       "ul",
       {
-        "aria-busy": s || void 0,
-        className: [i.options, n].filter(Boolean).join(" "),
-        id: l + "-options",
+        "aria-busy": p || void 0,
+        className: [i.options, l].filter(Boolean).join(" "),
+        id: o + "-options",
         onScroll: E,
-        ref: O,
-        style: { height: v, ...j },
+        ref: K,
+        style: { height: m, ...k },
         children: [
-          s && /* @__PURE__ */ r("li", { className: i.status, children: g }),
-          /* @__PURE__ */ r("li", { "aria-hidden": "true", className: i.spacer, style: { height: d.before } }),
-          V.map((e, a) => /* @__PURE__ */ r("li", { className: i.option, ref: a === 0 ? C : void 0, children: e.label }, e.value)),
-          /* @__PURE__ */ r("li", { "aria-hidden": "true", className: i.spacer, style: { height: d.after } }),
-          !s && t.length === 0 && y
+          p && /* @__PURE__ */ r("li", { className: i.status, children: j }),
+          /* @__PURE__ */ r("li", { "aria-hidden": "true", className: i.spacer, style: { height: b.before } }),
+          O.map((e, a) => /* @__PURE__ */ r("li", { className: i.option, ref: a === 0 ? D : void 0, children: e.label }, e.value)),
+          /* @__PURE__ */ r("li", { "aria-hidden": "true", className: i.spacer, style: { height: b.after } }),
+          !p && s.length === 0 && d
         ]
       }
     );
-  function z(e, a, c) {
-    const u = q(e.value);
-    return /* @__PURE__ */ N(
+  function V(e, a, t) {
+    const u = A(e.value), c = a > 0 ? $(o, a - 1) : `${o}-selected-${e.value}`;
+    return /* @__PURE__ */ h(
       "div",
       {
+        "aria-describedby": e.description ? `${c}-description` : void 0,
         "aria-disabled": e.disabled || void 0,
+        "aria-labelledby": e.description ? `${c}-label` : void 0,
         "aria-posinset": a > 0 ? a : void 0,
         "aria-selected": u,
-        "aria-setsize": a > 0 ? t.length : void 0,
-        className: [i.option, o === e.value && i.focused, e.disabled && i.disabled].filter(Boolean).join(" "),
-        id: a > 0 ? x(l, a - 1) : void 0,
-        onClick: (b) => G(e, b.shiftKey),
-        onMouseDown: p ? void 0 : (b) => b.preventDefault(),
-        ref: c ? C : void 0,
+        "aria-setsize": a > 0 ? s.length : void 0,
+        className: [i.option, f === e.value && i.focused, e.disabled && i.disabled].filter(Boolean).join(" "),
+        id: c,
+        onClick: (v) => H(e, v.shiftKey),
+        onMouseDown: N ? void 0 : (v) => v.preventDefault(),
+        ref: t ? D : void 0,
         role: "option",
         children: [
-          m === "multiple" && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: [i.box, u && i.checked].filter(Boolean).join(" ") }),
-          e.label
+          y === "multiple" && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: [i.box, u && i.checked].filter(Boolean).join(" ") }),
+          e.icon && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: i.optionIcon, children: e.icon }),
+          e.description ? /* @__PURE__ */ h("span", { className: i.optionText, children: [
+            /* @__PURE__ */ r("span", { id: `${c}-label`, children: e.label }),
+            /* @__PURE__ */ r("span", { className: i.optionDescription, id: `${c}-description`, children: e.description })
+          ] }) : e.label
         ]
       },
       e.value
     );
   }
-  return /* @__PURE__ */ N(
+  const P = Y(O.map((e, a) => ({ item: e, position: x + a + 1 })));
+  return /* @__PURE__ */ h(
     "div",
     {
-      "aria-activedescendant": p && k >= 0 ? x(l, k) : void 0,
-      "aria-busy": s || void 0,
+      "aria-activedescendant": N && C >= 0 ? $(o, C) : void 0,
+      "aria-busy": p || void 0,
       "aria-label": L,
-      "aria-multiselectable": m === "multiple" || void 0,
-      className: [i.options, n].filter(Boolean).join(" "),
-      id: l + "-options",
-      onKeyDown: T,
+      "aria-multiselectable": y === "multiple" || void 0,
+      className: [i.options, l].filter(Boolean).join(" "),
+      id: o + "-options",
+      onKeyDown: W,
       onScroll: E,
-      ref: O,
+      ref: K,
       role: "listbox",
-      style: { height: v, ...j },
-      tabIndex: p ? W : void 0,
+      style: { height: m, ...k },
+      tabIndex: N ? q : void 0,
       children: [
-        s && /* @__PURE__ */ r("p", { className: i.status, children: g }),
-        B.length > 0 && /* @__PURE__ */ r("div", { "aria-label": "Selecionados", className: i.group, role: "group", children: B.map((e) => z(e, 0, !1)) }),
-        /* @__PURE__ */ r("div", { "aria-hidden": "true", className: i.spacer, style: { height: d.before } }),
-        V.map((e, a) => z(e, K + a + 1, a === 0)),
-        /* @__PURE__ */ r("div", { "aria-hidden": "true", className: i.spacer, style: { height: d.after } }),
-        !s && t.length === 0 && y
+        p && /* @__PURE__ */ r("p", { className: i.status, children: j }),
+        B.length > 0 && /* @__PURE__ */ r("div", { "aria-label": "Selecionados", className: i.group, role: "group", children: B.map((e) => V(e, 0, !1)) }),
+        /* @__PURE__ */ r("div", { "aria-hidden": "true", className: i.spacer, style: { height: b.before } }),
+        P.map(({ group: e, options: a }) => {
+          const [t] = a, u = a.map(({ item: v, position: z }) => V(v, z, z === x + 1));
+          if (e === void 0)
+            return /* @__PURE__ */ r(U, { children: u }, t.item.value);
+          const c = `${o}-group-${t.position}`;
+          return /* @__PURE__ */ h("div", { "aria-labelledby": c, className: i.section, role: "group", children: [
+            /* @__PURE__ */ r("div", { className: i.sectionTitle, id: c, role: "presentation", children: e }),
+            u
+          ] }, `${e}:${t.item.value}`);
+        }),
+        /* @__PURE__ */ r("div", { "aria-hidden": "true", className: i.spacer, style: { height: b.after } }),
+        !p && s.length === 0 && d
       ]
     }
   );
 }
 export {
-  Z as ListingOptions,
-  x as optionId
+  ee as ListingOptions,
+  $ as optionId
 };
 //# sourceMappingURL=ListingOptions.js.map

package/dist/components/data-display/List/ListingOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingOptions.js","sources":["../../../../src/components/data-display/List/ListingOptions.tsx"],"sourcesContent":["import { useCallback, useEffect, type CSSProperties, type KeyboardEvent, type ReactNode, type RefObject } from 'react';\nimport type { Listing, ListingItem } from './useListing';\nimport { useVirtualWindow } from './useVirtualWindow';\nimport styles from './List.module.css';\n\nexport interface ListingOptionsProps {\n  baseId: string;\n  className?: string;\n  elementRef?: RefObject<HTMLElement | null>;\n  empty?: ReactNode;\n  height?: number;\n  label?: string;\n  listing: Listing;\n  loading?: boolean;\n  loadingMessage?: string;\n  holdsFocus?: boolean;\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  onSelect?: (item: ListingItem) => void;\n  style?: CSSProperties;\n  tabIndex?: number;\n}\n\nexport function optionId(baseId: string, index: number) {\n  return baseId + '-option-' + index;\n}\n\nexport function ListingOptions({\n  baseId,\n  className,\n  elementRef,\n  empty,\n  height,\n  holdsFocus = true,\n  label,\n  listing,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onKeyDown,\n  onSelect,\n  style,\n  tabIndex = 0,\n}: ListingOptionsProps) {\n  const { detached, focusedKey, isSelected, select, selectionMode, visible } = listing;\n  const activeIndex = visible.findIndex((item) => item.value === focusedKey);\n\n  function choose(item: ListingItem, extend: boolean) {\n    if (item.disabled) {\n      return;\n    }\n\n    select(item, extend);\n    onSelect?.(item);\n  }\n  const { active, attachScroll, measureItem, onScroll, padding, scrollToIndex, start, end } = useVirtualWindow(\n    visible.length,\n    height,\n  );\n\n  const attachElement = useCallback(\n    (node: HTMLElement | null) => {\n      attachScroll(node);\n\n      if (elementRef) {\n        elementRef.current = node;\n      }\n    },\n    [attachScroll, elementRef],\n  );\n\n  useEffect(() => {\n    const index = visible.findIndex((item) => item.value === focusedKey);\n\n    if (focusedKey === undefined || index < 0) {\n      return;\n    }\n\n    if (active) {\n      scrollToIndex(index);\n    } else {\n      document.getElementById(optionId(baseId, index))?.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [active, baseId, focusedKey, scrollToIndex, visible]);\n\n  const rendered = visible.slice(start, end);\n\n  if (selectionMode === 'none') {\n    return (\n      <ul\n        aria-busy={loading || undefined}\n        className={[styles.options, className].filter(Boolean).join(' ')}\n        id={baseId + '-options'}\n        onScroll={onScroll}\n        ref={attachElement}\n        style={{ height, ...style }}\n      >\n        {loading && <li className={styles.status}>{loadingMessage}</li>}\n        <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n        {rendered.map((item, index) => (\n          <li className={styles.option} key={item.value} ref={index === 0 ? measureItem : undefined}>\n            {item.label}\n          </li>\n        ))}\n        <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n        {!loading && visible.length === 0 && empty}\n      </ul>\n    );\n  }\n\n  function renderOption(item: ListingItem, position: number, measured: boolean) {\n    const selected = isSelected(item.value);\n\n    return (\n      <div\n        aria-disabled={item.disabled || undefined}\n        aria-posinset={position > 0 ? position : undefined}\n        aria-selected={selected}\n        aria-setsize={position > 0 ? visible.length : undefined}\n        className={[styles.option, focusedKey === item.value && styles.focused, item.disabled && styles.disabled]\n          .filter(Boolean)\n          .join(' ')}\n        id={position > 0 ? optionId(baseId, position - 1) : undefined}\n        key={item.value}\n        onClick={(event) => choose(item, event.shiftKey)}\n        // So segura o foco onde ele esta quando quem o tem e o campo de busca; a lista que detem o foco o recebe.\n        onMouseDown={holdsFocus ? undefined : (event) => event.preventDefault()}\n        ref={measured ? measureItem : undefined}\n        role=\"option\"\n      >\n        {selectionMode === 'multiple' && (\n          <span aria-hidden=\"true\" className={[styles.box, selected && styles.checked].filter(Boolean).join(' ')} />\n        )}\n        {item.label}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      aria-activedescendant={holdsFocus && activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n      aria-busy={loading || undefined}\n      aria-label={label}\n      aria-multiselectable={selectionMode === 'multiple' || undefined}\n      className={[styles.options, className].filter(Boolean).join(' ')}\n      id={baseId + '-options'}\n      onKeyDown={onKeyDown}\n      onScroll={onScroll}\n      ref={attachElement}\n      role=\"listbox\"\n      style={{ height, ...style }}\n      tabIndex={holdsFocus ? tabIndex : undefined}\n    >\n      {loading && <p className={styles.status}>{loadingMessage}</p>}\n      {detached.length > 0 && (\n        <div aria-label=\"Selecionados\" className={styles.group} role=\"group\">\n          {detached.map((item) => renderOption(item, 0, false))}\n        </div>\n      )}\n      <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n      {rendered.map((item, index) => renderOption(item, start + index + 1, index === 0))}\n      <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n      {!loading && visible.length === 0 && empty}\n    </div>\n  );\n}\n"],"names":["optionId","baseId","index","ListingOptions","className","elementRef","empty","height","holdsFocus","label","listing","loading","loadingMessage","onKeyDown","onSelect","style","tabIndex","detached","focusedKey","isSelected","select","selectionMode","visible","activeIndex","item","choose","extend","active","attachScroll","measureItem","onScroll","padding","scrollToIndex","start","end","useVirtualWindow","attachElement","useCallback","node","useEffect","_b","_a","rendered","jsxs","styles","jsx","renderOption","position","measured","selected","event"],"mappings":"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"}
+{"version":3,"file":"ListingOptions.js","sources":["../../../../src/components/data-display/List/ListingOptions.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, type CSSProperties, type KeyboardEvent, type ReactNode, type RefObject } from 'react';\nimport type { Listing, ListingItem } from './useListing';\nimport { useVirtualWindow } from './useVirtualWindow';\nimport styles from './List.module.css';\n\nexport interface ListingOptionsProps {\n  baseId: string;\n  className?: string;\n  elementRef?: RefObject<HTMLElement | null>;\n  empty?: ReactNode;\n  height?: number;\n  label?: string;\n  listing: Listing;\n  loading?: boolean;\n  loadingMessage?: string;\n  holdsFocus?: boolean;\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  onSelect?: (item: ListingItem) => void;\n  style?: CSSProperties;\n  tabIndex?: number;\n}\n\nexport function optionId(baseId: string, index: number) {\n  return baseId + '-option-' + index;\n}\n\ninterface RenderedOption {\n  item: ListingItem;\n  position: number;\n}\n\n/** Junta as opções seguidas de um mesmo grupo; as sem grupo ficam soltas, cada uma no seu bloco. */\nfunction groupConsecutive(options: readonly RenderedOption[]) {\n  const blocks: { group?: string; options: RenderedOption[] }[] = [];\n\n  for (const option of options) {\n    const last = blocks.at(-1);\n\n    if (option.item.group !== undefined && last?.group === option.item.group) {\n      last.options.push(option);\n    } else {\n      blocks.push({ group: option.item.group, options: [option] });\n    }\n  }\n\n  return blocks;\n}\n\nexport function ListingOptions({\n  baseId,\n  className,\n  elementRef,\n  empty,\n  height,\n  holdsFocus = true,\n  label,\n  listing,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onKeyDown,\n  onSelect,\n  style,\n  tabIndex = 0,\n}: ListingOptionsProps) {\n  const { detached, focusedKey, isSelected, select, selectionMode, visible } = listing;\n  const activeIndex = visible.findIndex((item) => item.value === focusedKey);\n\n  function choose(item: ListingItem, extend: boolean) {\n    if (item.disabled) {\n      return;\n    }\n\n    select(item, extend);\n    onSelect?.(item);\n  }\n  const { active, attachScroll, measureItem, onScroll, padding, scrollToIndex, start, end } = useVirtualWindow(\n    visible.length,\n    height,\n  );\n\n  const attachElement = useCallback(\n    (node: HTMLElement | null) => {\n      attachScroll(node);\n\n      if (elementRef) {\n        elementRef.current = node;\n      }\n    },\n    [attachScroll, elementRef],\n  );\n\n  useEffect(() => {\n    const index = visible.findIndex((item) => item.value === focusedKey);\n\n    if (focusedKey === undefined || index < 0) {\n      return;\n    }\n\n    if (active) {\n      scrollToIndex(index);\n    } else {\n      document.getElementById(optionId(baseId, index))?.scrollIntoView?.({ block: 'nearest' });\n    }\n  }, [active, baseId, focusedKey, scrollToIndex, visible]);\n\n  const rendered = visible.slice(start, end);\n\n  if (selectionMode === 'none') {\n    return (\n      <ul\n        aria-busy={loading || undefined}\n        className={[styles.options, className].filter(Boolean).join(' ')}\n        id={baseId + '-options'}\n        onScroll={onScroll}\n        ref={attachElement}\n        style={{ height, ...style }}\n      >\n        {loading && <li className={styles.status}>{loadingMessage}</li>}\n        <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n        {rendered.map((item, index) => (\n          <li className={styles.option} key={item.value} ref={index === 0 ? measureItem : undefined}>\n            {item.label}\n          </li>\n        ))}\n        <li aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n        {!loading && visible.length === 0 && empty}\n      </ul>\n    );\n  }\n\n  function renderOption(item: ListingItem, position: number, measured: boolean) {\n    const selected = isSelected(item.value);\n    const id = position > 0 ? optionId(baseId, position - 1) : `${baseId}-selected-${item.value}`;\n\n    return (\n      <div\n        aria-describedby={item.description ? `${id}-description` : undefined}\n        aria-disabled={item.disabled || undefined}\n        aria-labelledby={item.description ? `${id}-label` : undefined}\n        aria-posinset={position > 0 ? position : undefined}\n        aria-selected={selected}\n        aria-setsize={position > 0 ? visible.length : undefined}\n        className={[styles.option, focusedKey === item.value && styles.focused, item.disabled && styles.disabled]\n          .filter(Boolean)\n          .join(' ')}\n        id={id}\n        key={item.value}\n        onClick={(event) => choose(item, event.shiftKey)}\n        // So segura o foco onde ele esta quando quem o tem e o campo de busca; a lista que detem o foco o recebe.\n        onMouseDown={holdsFocus ? undefined : (event) => event.preventDefault()}\n        ref={measured ? measureItem : undefined}\n        role=\"option\"\n      >\n        {selectionMode === 'multiple' && (\n          <span aria-hidden=\"true\" className={[styles.box, selected && styles.checked].filter(Boolean).join(' ')} />\n        )}\n        {item.icon && (\n          <span aria-hidden=\"true\" className={styles.optionIcon}>\n            {item.icon}\n          </span>\n        )}\n        {item.description ? (\n          <span className={styles.optionText}>\n            <span id={`${id}-label`}>{item.label}</span>\n            <span className={styles.optionDescription} id={`${id}-description`}>\n              {item.description}\n            </span>\n          </span>\n        ) : (\n          item.label\n        )}\n      </div>\n    );\n  }\n\n  const blocks = groupConsecutive(rendered.map((item, index) => ({ item, position: start + index + 1 })));\n\n  return (\n    <div\n      aria-activedescendant={holdsFocus && activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n      aria-busy={loading || undefined}\n      aria-label={label}\n      aria-multiselectable={selectionMode === 'multiple' || undefined}\n      className={[styles.options, className].filter(Boolean).join(' ')}\n      id={baseId + '-options'}\n      onKeyDown={onKeyDown}\n      onScroll={onScroll}\n      ref={attachElement}\n      role=\"listbox\"\n      style={{ height, ...style }}\n      tabIndex={holdsFocus ? tabIndex : undefined}\n    >\n      {loading && <p className={styles.status}>{loadingMessage}</p>}\n      {detached.length > 0 && (\n        <div aria-label=\"Selecionados\" className={styles.group} role=\"group\">\n          {detached.map((item) => renderOption(item, 0, false))}\n        </div>\n      )}\n      <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.before }} />\n      {blocks.map(({ group, options }) => {\n        const [first] = options;\n        const rendering = options.map(({ item, position }) => renderOption(item, position, position === start + 1));\n\n        if (group === undefined) {\n          return <Fragment key={first.item.value}>{rendering}</Fragment>;\n        }\n\n        const titleId = `${baseId}-group-${first.position}`;\n\n        return (\n          <div aria-labelledby={titleId} className={styles.section} key={`${group}:${first.item.value}`} role=\"group\">\n            <div className={styles.sectionTitle} id={titleId} role=\"presentation\">\n              {group}\n            </div>\n            {rendering}\n          </div>\n        );\n      })}\n      <div aria-hidden=\"true\" className={styles.spacer} style={{ height: padding.after }} />\n      {!loading && visible.length === 0 && empty}\n    </div>\n  );\n}\n"],"names":["optionId","baseId","index","groupConsecutive","options","blocks","option","last","ListingOptions","className","elementRef","empty","height","holdsFocus","label","listing","loading","loadingMessage","onKeyDown","onSelect","style","tabIndex","detached","focusedKey","isSelected","select","selectionMode","visible","activeIndex","item","choose","extend","active","attachScroll","measureItem","onScroll","padding","scrollToIndex","start","end","useVirtualWindow","attachElement","useCallback","node","useEffect","_b","_a","rendered","jsxs","styles","jsx","renderOption","position","measured","selected","id","event","group","first","rendering","Fragment","titleId"],"mappings":"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"}

package/dist/components/data-display/List/useListing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useListing.cjs","sources":["../../../../src/components/data-display/List/useListing.ts"],"sourcesContent":["import { useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { useSelection, type SelectionItem, type SelectionStatus } from '../../../hooks/useSelection';\nimport { containsTerm } from '../../../utils/textSearch';\n\nexport type ListingSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface ListingItem {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\nexport interface UseListingOptions {\n  defaultValue?: readonly ListingItem[];\n  items: readonly ListingItem[];\n  onSearch?: (term: string) => void;\n  onSelectionChange?: (items: readonly ListingItem[]) => void;\n  selectionMode?: ListingSelectionMode;\n  value?: readonly ListingItem[];\n}\n\nexport interface Listing {\n  detached: readonly ListingItem[];\n  focus: (value?: string) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  focusedKey?: string;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  isSelected: (value: string) => boolean;\n  filter: (term: string) => void;\n  reset: () => void;\n  typeahead: (character: string) => void;\n  select: (item: ListingItem, extend?: boolean) => void;\n  selected: readonly ListingItem[];\n  selectionMode: ListingSelectionMode;\n  status: SelectionStatus;\n  toggleAll: () => void;\n  term: string;\n  visible: readonly ListingItem[];\n}\n\n/** Teclas que, num campo de texto, editam o texto; nele, a listagem nao as toma para si. */\nconst TECLAS_DE_EDICAO = ['Home', 'End', ' '];\n\nexport function useListing({\n  defaultValue,\n  items,\n  onSearch,\n  onSelectionChange,\n  selectionMode = 'none',\n  value,\n}: UseListingOptions): Listing {\n  const [term, setTerm] = useState('');\n\n  const visible = useMemo(() => {\n    if (onSearch || !term) {\n      return items;\n    }\n\n    return items.filter((item) => containsTerm(item.label, term));\n  }, [items, onSearch, term]);\n\n  const collection = useMemo<SelectionItem[]>(\n    () => visible.map((item) => ({ key: item.value, disabled: item.disabled, textValue: item.label })),\n    [visible],\n  );\n\n  // Toda opcao ja vista fica registrada, inclusive a que so chegou pelo valor. Com busca assincrona, `items`\n  // e trocada a cada consulta, e resolver a escolha so contra ela descartava o que veio de outra consulta.\n  const conhecidos = useRef(new Map<string, ListingItem>());\n\n  for (const item of [...(defaultValue ?? []), ...(value ?? [])]) {\n    if (!conhecidos.current.has(item.value)) {\n      conhecidos.current.set(item.value, item);\n    }\n  }\n\n  for (const item of items) {\n    conhecidos.current.set(item.value, item);\n  }\n\n  const conhecido = (chave: string): ListingItem => conhecidos.current.get(chave) ?? { value: chave, label: '' };\n\n  const selection = useSelection({\n    items: collection,\n    mode: selectionMode,\n    defaultSelectedKeys: defaultValue?.map((item) => item.value),\n    selectedKeys: value?.map((item) => item.value),\n    onSelectionChange: (keys) => onSelectionChange?.([...keys].map(conhecido)),\n  });\n\n  const selected = (value ?? selection.selectedItems.map((item) => ({ value: item.key, label: '' }))).map((item) =>\n    conhecido(item.value),\n  );\n\n  const detached = useMemo(() => {\n    if (!term || selectionMode !== 'multiple') {\n      return [];\n    }\n\n    const visibleValues = new Set(visible.map((item) => item.value));\n\n    return selected.filter((item) => !visibleValues.has(item.value));\n  }, [selected, selectionMode, term, visible]);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (selectionMode === 'none' || (event.target instanceof HTMLInputElement && TECLAS_DE_EDICAO.includes(event.key))) {\n      return;\n    }\n\n    const estender = event.shiftKey;\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (selection.focusedKey === undefined) {\n        selection.focusFirst(estender);\n      } else {\n        selection.focusNext(estender);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      selection.focusPrevious(estender);\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      selection.focusFirst(estender);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      selection.focusLast(estender);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      const focused = visible.find((item) => item.value === selection.focusedKey);\n\n      if (focused && !focused.disabled) {\n        event.preventDefault();\n        selection.select(focused.value);\n      }\n    }\n  }\n\n  return {\n    detached,\n    focus: selection.focus,\n    focusFirst: selection.focusFirst,\n    focusLast: selection.focusLast,\n    focusedKey: selection.focusedKey,\n    handleKeyDown,\n    isSelected: (itemValue) => selected.some((item) => item.value === itemValue),\n    filter: (nextTerm) => {\n      setTerm(nextTerm);\n      selection.focus(undefined);\n      onSearch?.(nextTerm);\n    },\n    reset: selection.reset,\n    typeahead: selection.search,\n    select: (item, extend) => {\n      if (item.disabled) {\n        return;\n      }\n\n      if (extend && selectionMode === 'multiple') {\n        selection.selectRange(item.value);\n        return;\n      }\n\n      selection.select(item.value);\n    },\n    selected,\n    selectionMode,\n    status: selection.status,\n    toggleAll: selection.toggleAll,\n    term,\n    visible,\n  };\n}\n"],"names":["TECLAS_DE_EDICAO","useListing","defaultValue","items","onSearch","onSelectionChange","selectionMode","value","term","setTerm","useState","visible","useMemo","item","containsTerm","collection","conhecidos","useRef","conhecido","chave","selection","useSelection","keys","selected","detached","visibleValues","handleKeyDown","event","estender","focused","itemValue","nextTerm","extend"],"mappings":"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"}
+{"version":3,"file":"useListing.cjs","sources":["../../../../src/components/data-display/List/useListing.ts"],"sourcesContent":["import { useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { useSelection, type SelectionItem, type SelectionStatus } from '../../../hooks/useSelection';\nimport { containsTerm } from '../../../utils/textSearch';\n\nexport type ListingSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface ListingItem {\n  /** Segunda linha da opção, como a coleção de um documento. */\n  description?: string;\n  disabled?: boolean;\n  /** Título do grupo. As opções seguidas de um mesmo grupo aparecem juntas, sob ele. */\n  group?: string;\n  /** Decorativo, à frente do rótulo: quem nomeia a opção é o rótulo. */\n  icon?: ReactNode;\n  label: string;\n  value: string;\n}\n\nexport interface UseListingOptions {\n  defaultValue?: readonly ListingItem[];\n  items: readonly ListingItem[];\n  onSearch?: (term: string) => void;\n  onSelectionChange?: (items: readonly ListingItem[]) => void;\n  selectionMode?: ListingSelectionMode;\n  value?: readonly ListingItem[];\n}\n\nexport interface Listing {\n  detached: readonly ListingItem[];\n  focus: (value?: string) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  focusedKey?: string;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  isSelected: (value: string) => boolean;\n  filter: (term: string) => void;\n  reset: () => void;\n  typeahead: (character: string) => void;\n  select: (item: ListingItem, extend?: boolean) => void;\n  selected: readonly ListingItem[];\n  selectionMode: ListingSelectionMode;\n  status: SelectionStatus;\n  toggleAll: () => void;\n  term: string;\n  visible: readonly ListingItem[];\n}\n\n/** Teclas que, num campo de texto, editam o texto; nele, a listagem nao as toma para si. */\nconst TECLAS_DE_EDICAO = ['Home', 'End', ' '];\n\nexport function useListing({\n  defaultValue,\n  items,\n  onSearch,\n  onSelectionChange,\n  selectionMode = 'none',\n  value,\n}: UseListingOptions): Listing {\n  const [term, setTerm] = useState('');\n\n  const visible = useMemo(() => {\n    if (onSearch || !term) {\n      return items;\n    }\n\n    return items.filter((item) => containsTerm(item.label, term));\n  }, [items, onSearch, term]);\n\n  const collection = useMemo<SelectionItem[]>(\n    () => visible.map((item) => ({ key: item.value, disabled: item.disabled, textValue: item.label })),\n    [visible],\n  );\n\n  // Toda opcao ja vista fica registrada, inclusive a que so chegou pelo valor. Com busca assincrona, `items`\n  // e trocada a cada consulta, e resolver a escolha so contra ela descartava o que veio de outra consulta.\n  const conhecidos = useRef(new Map<string, ListingItem>());\n\n  for (const item of [...(defaultValue ?? []), ...(value ?? [])]) {\n    if (!conhecidos.current.has(item.value)) {\n      conhecidos.current.set(item.value, item);\n    }\n  }\n\n  for (const item of items) {\n    conhecidos.current.set(item.value, item);\n  }\n\n  const conhecido = (chave: string): ListingItem => conhecidos.current.get(chave) ?? { value: chave, label: '' };\n\n  const selection = useSelection({\n    items: collection,\n    mode: selectionMode,\n    defaultSelectedKeys: defaultValue?.map((item) => item.value),\n    selectedKeys: value?.map((item) => item.value),\n    onSelectionChange: (keys) => onSelectionChange?.([...keys].map(conhecido)),\n  });\n\n  const selected = (value ?? selection.selectedItems.map((item) => ({ value: item.key, label: '' }))).map((item) =>\n    conhecido(item.value),\n  );\n\n  const detached = useMemo(() => {\n    if (!term || selectionMode !== 'multiple') {\n      return [];\n    }\n\n    const visibleValues = new Set(visible.map((item) => item.value));\n\n    return selected.filter((item) => !visibleValues.has(item.value));\n  }, [selected, selectionMode, term, visible]);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (selectionMode === 'none' || (event.target instanceof HTMLInputElement && TECLAS_DE_EDICAO.includes(event.key))) {\n      return;\n    }\n\n    const estender = event.shiftKey;\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (selection.focusedKey === undefined) {\n        selection.focusFirst(estender);\n      } else {\n        selection.focusNext(estender);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      selection.focusPrevious(estender);\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      selection.focusFirst(estender);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      selection.focusLast(estender);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      const focused = visible.find((item) => item.value === selection.focusedKey);\n\n      if (focused && !focused.disabled) {\n        event.preventDefault();\n        selection.select(focused.value);\n      }\n    }\n  }\n\n  return {\n    detached,\n    focus: selection.focus,\n    focusFirst: selection.focusFirst,\n    focusLast: selection.focusLast,\n    focusedKey: selection.focusedKey,\n    handleKeyDown,\n    isSelected: (itemValue) => selected.some((item) => item.value === itemValue),\n    filter: (nextTerm) => {\n      setTerm(nextTerm);\n      selection.focus(undefined);\n      onSearch?.(nextTerm);\n    },\n    reset: selection.reset,\n    typeahead: selection.search,\n    select: (item, extend) => {\n      if (item.disabled) {\n        return;\n      }\n\n      if (extend && selectionMode === 'multiple') {\n        selection.selectRange(item.value);\n        return;\n      }\n\n      selection.select(item.value);\n    },\n    selected,\n    selectionMode,\n    status: selection.status,\n    toggleAll: selection.toggleAll,\n    term,\n    visible,\n  };\n}\n"],"names":["TECLAS_DE_EDICAO","useListing","defaultValue","items","onSearch","onSelectionChange","selectionMode","value","term","setTerm","useState","visible","useMemo","item","containsTerm","collection","conhecidos","useRef","conhecido","chave","selection","useSelection","keys","selected","detached","visibleValues","handleKeyDown","event","estender","focused","itemValue","nextTerm","extend"],"mappings":"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"}

package/dist/components/data-display/List/useListing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useListing.js","sources":["../../../../src/components/data-display/List/useListing.ts"],"sourcesContent":["import { useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { useSelection, type SelectionItem, type SelectionStatus } from '../../../hooks/useSelection';\nimport { containsTerm } from '../../../utils/textSearch';\n\nexport type ListingSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface ListingItem {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\nexport interface UseListingOptions {\n  defaultValue?: readonly ListingItem[];\n  items: readonly ListingItem[];\n  onSearch?: (term: string) => void;\n  onSelectionChange?: (items: readonly ListingItem[]) => void;\n  selectionMode?: ListingSelectionMode;\n  value?: readonly ListingItem[];\n}\n\nexport interface Listing {\n  detached: readonly ListingItem[];\n  focus: (value?: string) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  focusedKey?: string;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  isSelected: (value: string) => boolean;\n  filter: (term: string) => void;\n  reset: () => void;\n  typeahead: (character: string) => void;\n  select: (item: ListingItem, extend?: boolean) => void;\n  selected: readonly ListingItem[];\n  selectionMode: ListingSelectionMode;\n  status: SelectionStatus;\n  toggleAll: () => void;\n  term: string;\n  visible: readonly ListingItem[];\n}\n\n/** Teclas que, num campo de texto, editam o texto; nele, a listagem nao as toma para si. */\nconst TECLAS_DE_EDICAO = ['Home', 'End', ' '];\n\nexport function useListing({\n  defaultValue,\n  items,\n  onSearch,\n  onSelectionChange,\n  selectionMode = 'none',\n  value,\n}: UseListingOptions): Listing {\n  const [term, setTerm] = useState('');\n\n  const visible = useMemo(() => {\n    if (onSearch || !term) {\n      return items;\n    }\n\n    return items.filter((item) => containsTerm(item.label, term));\n  }, [items, onSearch, term]);\n\n  const collection = useMemo<SelectionItem[]>(\n    () => visible.map((item) => ({ key: item.value, disabled: item.disabled, textValue: item.label })),\n    [visible],\n  );\n\n  // Toda opcao ja vista fica registrada, inclusive a que so chegou pelo valor. Com busca assincrona, `items`\n  // e trocada a cada consulta, e resolver a escolha so contra ela descartava o que veio de outra consulta.\n  const conhecidos = useRef(new Map<string, ListingItem>());\n\n  for (const item of [...(defaultValue ?? []), ...(value ?? [])]) {\n    if (!conhecidos.current.has(item.value)) {\n      conhecidos.current.set(item.value, item);\n    }\n  }\n\n  for (const item of items) {\n    conhecidos.current.set(item.value, item);\n  }\n\n  const conhecido = (chave: string): ListingItem => conhecidos.current.get(chave) ?? { value: chave, label: '' };\n\n  const selection = useSelection({\n    items: collection,\n    mode: selectionMode,\n    defaultSelectedKeys: defaultValue?.map((item) => item.value),\n    selectedKeys: value?.map((item) => item.value),\n    onSelectionChange: (keys) => onSelectionChange?.([...keys].map(conhecido)),\n  });\n\n  const selected = (value ?? selection.selectedItems.map((item) => ({ value: item.key, label: '' }))).map((item) =>\n    conhecido(item.value),\n  );\n\n  const detached = useMemo(() => {\n    if (!term || selectionMode !== 'multiple') {\n      return [];\n    }\n\n    const visibleValues = new Set(visible.map((item) => item.value));\n\n    return selected.filter((item) => !visibleValues.has(item.value));\n  }, [selected, selectionMode, term, visible]);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (selectionMode === 'none' || (event.target instanceof HTMLInputElement && TECLAS_DE_EDICAO.includes(event.key))) {\n      return;\n    }\n\n    const estender = event.shiftKey;\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (selection.focusedKey === undefined) {\n        selection.focusFirst(estender);\n      } else {\n        selection.focusNext(estender);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      selection.focusPrevious(estender);\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      selection.focusFirst(estender);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      selection.focusLast(estender);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      const focused = visible.find((item) => item.value === selection.focusedKey);\n\n      if (focused && !focused.disabled) {\n        event.preventDefault();\n        selection.select(focused.value);\n      }\n    }\n  }\n\n  return {\n    detached,\n    focus: selection.focus,\n    focusFirst: selection.focusFirst,\n    focusLast: selection.focusLast,\n    focusedKey: selection.focusedKey,\n    handleKeyDown,\n    isSelected: (itemValue) => selected.some((item) => item.value === itemValue),\n    filter: (nextTerm) => {\n      setTerm(nextTerm);\n      selection.focus(undefined);\n      onSearch?.(nextTerm);\n    },\n    reset: selection.reset,\n    typeahead: selection.search,\n    select: (item, extend) => {\n      if (item.disabled) {\n        return;\n      }\n\n      if (extend && selectionMode === 'multiple') {\n        selection.selectRange(item.value);\n        return;\n      }\n\n      selection.select(item.value);\n    },\n    selected,\n    selectionMode,\n    status: selection.status,\n    toggleAll: selection.toggleAll,\n    term,\n    visible,\n  };\n}\n"],"names":["TECLAS_DE_EDICAO","useListing","defaultValue","items","onSearch","onSelectionChange","selectionMode","value","term","setTerm","useState","visible","useMemo","item","containsTerm","collection","conhecidos","useRef","conhecido","chave","selection","useSelection","keys","selected","detached","visibleValues","handleKeyDown","event","estender","focused","itemValue","nextTerm","extend"],"mappings":"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"}
+{"version":3,"file":"useListing.js","sources":["../../../../src/components/data-display/List/useListing.ts"],"sourcesContent":["import { useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { useSelection, type SelectionItem, type SelectionStatus } from '../../../hooks/useSelection';\nimport { containsTerm } from '../../../utils/textSearch';\n\nexport type ListingSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface ListingItem {\n  /** Segunda linha da opção, como a coleção de um documento. */\n  description?: string;\n  disabled?: boolean;\n  /** Título do grupo. As opções seguidas de um mesmo grupo aparecem juntas, sob ele. */\n  group?: string;\n  /** Decorativo, à frente do rótulo: quem nomeia a opção é o rótulo. */\n  icon?: ReactNode;\n  label: string;\n  value: string;\n}\n\nexport interface UseListingOptions {\n  defaultValue?: readonly ListingItem[];\n  items: readonly ListingItem[];\n  onSearch?: (term: string) => void;\n  onSelectionChange?: (items: readonly ListingItem[]) => void;\n  selectionMode?: ListingSelectionMode;\n  value?: readonly ListingItem[];\n}\n\nexport interface Listing {\n  detached: readonly ListingItem[];\n  focus: (value?: string) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  focusedKey?: string;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  isSelected: (value: string) => boolean;\n  filter: (term: string) => void;\n  reset: () => void;\n  typeahead: (character: string) => void;\n  select: (item: ListingItem, extend?: boolean) => void;\n  selected: readonly ListingItem[];\n  selectionMode: ListingSelectionMode;\n  status: SelectionStatus;\n  toggleAll: () => void;\n  term: string;\n  visible: readonly ListingItem[];\n}\n\n/** Teclas que, num campo de texto, editam o texto; nele, a listagem nao as toma para si. */\nconst TECLAS_DE_EDICAO = ['Home', 'End', ' '];\n\nexport function useListing({\n  defaultValue,\n  items,\n  onSearch,\n  onSelectionChange,\n  selectionMode = 'none',\n  value,\n}: UseListingOptions): Listing {\n  const [term, setTerm] = useState('');\n\n  const visible = useMemo(() => {\n    if (onSearch || !term) {\n      return items;\n    }\n\n    return items.filter((item) => containsTerm(item.label, term));\n  }, [items, onSearch, term]);\n\n  const collection = useMemo<SelectionItem[]>(\n    () => visible.map((item) => ({ key: item.value, disabled: item.disabled, textValue: item.label })),\n    [visible],\n  );\n\n  // Toda opcao ja vista fica registrada, inclusive a que so chegou pelo valor. Com busca assincrona, `items`\n  // e trocada a cada consulta, e resolver a escolha so contra ela descartava o que veio de outra consulta.\n  const conhecidos = useRef(new Map<string, ListingItem>());\n\n  for (const item of [...(defaultValue ?? []), ...(value ?? [])]) {\n    if (!conhecidos.current.has(item.value)) {\n      conhecidos.current.set(item.value, item);\n    }\n  }\n\n  for (const item of items) {\n    conhecidos.current.set(item.value, item);\n  }\n\n  const conhecido = (chave: string): ListingItem => conhecidos.current.get(chave) ?? { value: chave, label: '' };\n\n  const selection = useSelection({\n    items: collection,\n    mode: selectionMode,\n    defaultSelectedKeys: defaultValue?.map((item) => item.value),\n    selectedKeys: value?.map((item) => item.value),\n    onSelectionChange: (keys) => onSelectionChange?.([...keys].map(conhecido)),\n  });\n\n  const selected = (value ?? selection.selectedItems.map((item) => ({ value: item.key, label: '' }))).map((item) =>\n    conhecido(item.value),\n  );\n\n  const detached = useMemo(() => {\n    if (!term || selectionMode !== 'multiple') {\n      return [];\n    }\n\n    const visibleValues = new Set(visible.map((item) => item.value));\n\n    return selected.filter((item) => !visibleValues.has(item.value));\n  }, [selected, selectionMode, term, visible]);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (selectionMode === 'none' || (event.target instanceof HTMLInputElement && TECLAS_DE_EDICAO.includes(event.key))) {\n      return;\n    }\n\n    const estender = event.shiftKey;\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (selection.focusedKey === undefined) {\n        selection.focusFirst(estender);\n      } else {\n        selection.focusNext(estender);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      selection.focusPrevious(estender);\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      selection.focusFirst(estender);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      selection.focusLast(estender);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      const focused = visible.find((item) => item.value === selection.focusedKey);\n\n      if (focused && !focused.disabled) {\n        event.preventDefault();\n        selection.select(focused.value);\n      }\n    }\n  }\n\n  return {\n    detached,\n    focus: selection.focus,\n    focusFirst: selection.focusFirst,\n    focusLast: selection.focusLast,\n    focusedKey: selection.focusedKey,\n    handleKeyDown,\n    isSelected: (itemValue) => selected.some((item) => item.value === itemValue),\n    filter: (nextTerm) => {\n      setTerm(nextTerm);\n      selection.focus(undefined);\n      onSearch?.(nextTerm);\n    },\n    reset: selection.reset,\n    typeahead: selection.search,\n    select: (item, extend) => {\n      if (item.disabled) {\n        return;\n      }\n\n      if (extend && selectionMode === 'multiple') {\n        selection.selectRange(item.value);\n        return;\n      }\n\n      selection.select(item.value);\n    },\n    selected,\n    selectionMode,\n    status: selection.status,\n    toggleAll: selection.toggleAll,\n    term,\n    visible,\n  };\n}\n"],"names":["TECLAS_DE_EDICAO","useListing","defaultValue","items","onSearch","onSelectionChange","selectionMode","value","term","setTerm","useState","visible","useMemo","item","containsTerm","collection","conhecidos","useRef","conhecido","chave","selection","useSelection","keys","selected","detached","visibleValues","handleKeyDown","event","estender","focused","itemValue","nextTerm","extend"],"mappings":"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"}

package/dist/components/data-display/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Timeline.module.css.cjs"),o=require("../../icons/icons.cjs");function m({className:r,current:d,items:n,label:i,...u}){const t=n.findIndex(s=>s.key===d);return e.jsx("ol",{...u,"aria-label":i,className:[a.default.timeline,r].filter(Boolean).join(" "),children:n.map((s,c)=>{const l=c<t?"complete":c===t?"current":"upcoming";return e.jsxs("li",{"aria-current":l==="current"?"step":void 0,className:[a.default.item,a.default[l]].join(" "),children:[e.jsx("span",{"aria-hidden":"true",className:a.default.marker,children:l==="complete"?e.jsx(o.IconCheck,{}):e.jsx("span",{className:a.default.dot})}),e.jsxs("span",{className:a.default.text,children:[e.jsx("span",{className:a.default.label,children:s.label}),l==="complete"&&e.jsx("span",{className:a.default.hiddenText,children:", concluído"}),l==="current"&&e.jsx("span",{className:a.default.hiddenText,children:", atual"}),s.description&&e.jsx("span",{className:a.default.description,children:s.description}),s.date&&e.jsx("span",{className:a.default.date,children:s.date})]})]},s.key)})})}exports.Timeline=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./Timeline.module.css.cjs"),m=require("../../icons/icons.cjs");function p({className:r,current:d,items:n,label:i,size:u="md",...o}){const t=n.findIndex(l=>l.key===d);return a.jsx("ol",{...o,"aria-label":i,className:[e.default.timeline,e.default[u],r].filter(Boolean).join(" "),children:n.map((l,c)=>{const s=c<t?"complete":c===t?"current":"upcoming";return a.jsxs("li",{"aria-current":s==="current"?"step":void 0,className:[e.default.item,e.default[s]].join(" "),children:[a.jsx("span",{"aria-hidden":"true",className:e.default.marker,children:s==="complete"?a.jsx(m.IconCheck,{}):a.jsx("span",{className:e.default.dot})}),a.jsxs("span",{className:e.default.text,children:[a.jsx("span",{className:e.default.label,children:l.label}),s==="complete"&&a.jsx("span",{className:e.default.hiddenText,children:", concluído"}),s==="current"&&a.jsx("span",{className:e.default.hiddenText,children:", atual"}),l.description&&a.jsx("span",{className:e.default.description,children:l.description}),l.date&&a.jsx("span",{className:e.default.date,children:l.date})]})]},l.key)})})}exports.Timeline=p;
 //# sourceMappingURL=Timeline.cjs.map

package/dist/components/data-display/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n}\n\nexport function Timeline({ className, current, items, label, ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":"+LAmBO,SAASA,EAAS,CAAE,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,GAAGC,GAAwB,CACtF,MAAMC,EAAeH,EAAM,UAAWI,GAASA,EAAK,MAAQL,CAAO,EAEnE,OACEM,EAAAA,IAAC,MAAI,GAAGH,EAAO,aAAYD,EAAO,UAAW,CAACK,EAAAA,QAAO,SAAUR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/F,SAAAE,EAAM,IAAI,CAACI,EAAMG,IAAU,CAC1B,MAAMC,EAAQD,EAAQJ,EAAe,WAAaI,IAAUJ,EAAe,UAAY,WAEvF,OACEM,EAAAA,KAAC,KAAA,CACC,eAAcD,IAAU,UAAY,OAAS,OAC7C,UAAW,CAACF,EAAAA,QAAO,KAAMA,EAAAA,QAAOE,CAAK,CAAC,EAAE,KAAK,GAAG,EAGhD,SAAA,CAAAH,MAAC,QAAK,cAAY,OAAO,UAAWC,UAAO,OACxC,SAAAE,IAAU,WAAaH,EAAAA,IAACK,EAAAA,UAAA,EAAU,EAAKL,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,IAAK,EACvE,EACAG,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,KACtB,SAAA,CAAAD,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CE,IAAU,YAAcH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,cAAW,EACvEE,IAAU,WAAaH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,UAAO,EAClEF,EAAK,aAAeC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,EAC3EF,EAAK,MAAQC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,CAAA,CAAA,CACzD,CAAA,CAAA,EAXKF,EAAK,GAAA,CAchB,CAAC,CAAA,CACH,CAEJ"}
+{"version":3,"file":"Timeline.cjs","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport type TimelineSize = 'sm' | 'md';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n  /** `sm` para painéis estreitos: marcador de 16px e rótulo em caption. */\n  size?: TimelineSize;\n}\n\nexport function Timeline({ className, current, items, label, size = 'md', ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, styles[size], className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","size","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":"+LAuBO,SAASA,EAAS,CAAE,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAO,KAAM,GAAGC,GAAwB,CACnG,MAAMC,EAAeJ,EAAM,UAAWK,GAASA,EAAK,MAAQN,CAAO,EAEnE,OACEO,MAAC,KAAA,CAAI,GAAGH,EAAO,aAAYF,EAAO,UAAW,CAACM,EAAAA,QAAO,SAAUA,EAAAA,QAAOL,CAAI,EAAGJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7G,SAAAE,EAAM,IAAI,CAACK,EAAMG,IAAU,CAC1B,MAAMC,EAAQD,EAAQJ,EAAe,WAAaI,IAAUJ,EAAe,UAAY,WAEvF,OACEM,EAAAA,KAAC,KAAA,CACC,eAAcD,IAAU,UAAY,OAAS,OAC7C,UAAW,CAACF,EAAAA,QAAO,KAAMA,EAAAA,QAAOE,CAAK,CAAC,EAAE,KAAK,GAAG,EAGhD,SAAA,CAAAH,MAAC,QAAK,cAAY,OAAO,UAAWC,UAAO,OACxC,SAAAE,IAAU,WAAaH,EAAAA,IAACK,EAAAA,UAAA,EAAU,EAAKL,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,IAAK,EACvE,EACAG,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,KACtB,SAAA,CAAAD,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CE,IAAU,YAAcH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,cAAW,EACvEE,IAAU,WAAaH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,UAAO,EAClEF,EAAK,aAAeC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,EAC3EF,EAAK,MAAQC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,CAAA,CAAA,CACzD,CAAA,CAAA,EAXKF,EAAK,GAAA,CAchB,CAAC,CAAA,CACH,CAEJ"}

package/dist/components/data-display/Timeline/Timeline.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
 import e from "./Timeline.module.css.js";
-import { IconCheck as m } from "../../icons/icons.js";
-function x({ className: i, current: o, items: s, label: d, ...p }) {
-  const c = s.findIndex((n) => n.key === o);
-  return /* @__PURE__ */ a("ol", { ...p, "aria-label": d, className: [e.timeline, i].filter(Boolean).join(" "), children: s.map((n, l) => {
+import { IconCheck as h } from "../../icons/icons.js";
+function f({ className: i, current: d, items: s, label: o, size: p = "md", ...m }) {
+  const c = s.findIndex((n) => n.key === d);
+  return /* @__PURE__ */ a("ol", { ...m, "aria-label": o, className: [e.timeline, e[p], i].filter(Boolean).join(" "), children: s.map((n, l) => {
     const r = l < c ? "complete" : l === c ? "current" : "upcoming";
     return /* @__PURE__ */ t(
       "li",
@@ -11,7 +11,7 @@ function x({ className: i, current: o, items: s, label: d, ...p }) {
         "aria-current": r === "current" ? "step" : void 0,
         className: [e.item, e[r]].join(" "),
         children: [
-          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: e.marker, children: r === "complete" ? /* @__PURE__ */ a(m, {}) : /* @__PURE__ */ a("span", { className: e.dot }) }),
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: e.marker, children: r === "complete" ? /* @__PURE__ */ a(h, {}) : /* @__PURE__ */ a("span", { className: e.dot }) }),
           /* @__PURE__ */ t("span", { className: e.text, children: [
             /* @__PURE__ */ a("span", { className: e.label, children: n.label }),
             r === "complete" && /* @__PURE__ */ a("span", { className: e.hiddenText, children: ", concluído" }),
@@ -26,6 +26,6 @@ function x({ className: i, current: o, items: s, label: d, ...p }) {
   }) });
 }
 export {
-  x as Timeline
+  f as Timeline
 };
 //# sourceMappingURL=Timeline.js.map

package/dist/components/data-display/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n}\n\nexport function Timeline({ className, current, items, label, ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":";;;AAmBO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,GAAGC,KAAwB;AACtF,QAAMC,IAAeH,EAAM,UAAU,CAACI,MAASA,EAAK,QAAQL,CAAO;AAEnE,SACE,gBAAAM,EAAC,QAAI,GAAGH,GAAO,cAAYD,GAAO,WAAW,CAACK,EAAO,UAAUR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/F,UAAAE,EAAM,IAAI,CAACI,GAAMG,MAAU;AAC1B,UAAMC,IAAQD,IAAQJ,IAAe,aAAaI,MAAUJ,IAAe,YAAY;AAEvF,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAcD,MAAU,YAAY,SAAS;AAAA,QAC7C,WAAW,CAACF,EAAO,MAAMA,EAAOE,CAAK,CAAC,EAAE,KAAK,GAAG;AAAA,QAGhD,UAAA;AAAA,UAAA,gBAAAH,EAAC,UAAK,eAAY,QAAO,WAAWC,EAAO,QACxC,UAAAE,MAAU,aAAa,gBAAAH,EAACK,GAAA,EAAU,IAAK,gBAAAL,EAAC,QAAA,EAAK,WAAWC,EAAO,KAAK,GACvE;AAAA,UACA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,MACtB,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,YAAK,OAAM;AAAA,YAC1CE,MAAU,cAAc,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,eAAW;AAAA,YACvEE,MAAU,aAAa,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,WAAO;AAAA,YAClEF,EAAK,eAAe,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,YAC3EF,EAAK,QAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,UAAA,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKF,EAAK;AAAA,IAAA;AAAA,EAchB,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport type TimelineSize = 'sm' | 'md';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n  /** `sm` para painéis estreitos: marcador de 16px e rótulo em caption. */\n  size?: TimelineSize;\n}\n\nexport function Timeline({ className, current, items, label, size = 'md', ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, styles[size], className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","size","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":";;;AAuBO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,MAAAC,IAAO,MAAM,GAAGC,KAAwB;AACnG,QAAMC,IAAeJ,EAAM,UAAU,CAACK,MAASA,EAAK,QAAQN,CAAO;AAEnE,SACE,gBAAAO,EAAC,MAAA,EAAI,GAAGH,GAAO,cAAYF,GAAO,WAAW,CAACM,EAAO,UAAUA,EAAOL,CAAI,GAAGJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC7G,UAAAE,EAAM,IAAI,CAACK,GAAMG,MAAU;AAC1B,UAAMC,IAAQD,IAAQJ,IAAe,aAAaI,MAAUJ,IAAe,YAAY;AAEvF,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAcD,MAAU,YAAY,SAAS;AAAA,QAC7C,WAAW,CAACF,EAAO,MAAMA,EAAOE,CAAK,CAAC,EAAE,KAAK,GAAG;AAAA,QAGhD,UAAA;AAAA,UAAA,gBAAAH,EAAC,UAAK,eAAY,QAAO,WAAWC,EAAO,QACxC,UAAAE,MAAU,aAAa,gBAAAH,EAACK,GAAA,EAAU,IAAK,gBAAAL,EAAC,QAAA,EAAK,WAAWC,EAAO,KAAK,GACvE;AAAA,UACA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,MACtB,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,YAAK,OAAM;AAAA,YAC1CE,MAAU,cAAc,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,eAAW;AAAA,YACvEE,MAAU,aAAa,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,WAAO;AAAA,YAClEF,EAAK,eAAe,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,YAC3EF,EAAK,QAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,UAAA,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKF,EAAK;AAAA,IAAA;AAAA,EAchB,CAAC,EAAA,CACH;AAEJ;"}

package/dist/components/data-display/Timeline/Timeline.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_timeline_o3v8q_2",t="_item_o3v8q_12",_="_complete_o3v8q_35 _complete_7tv83_37",o="_current_o3v8q_43 _current_7tv83_63",n="_marker_o3v8q_47 _marker_7tv83_41",i="_dot_o3v8q_51",c="_text_o3v8q_62",r="_label_o3v8q_70 _label_7tv83_92",d="_upcoming_o3v8q_74",l="_description_o3v8q_78 _description_7tv83_107",s="_date_o3v8q_82",m="_hiddenText_o3v8q_89 _hiddenText_7tv83_113",v={timeline:e,item:t,complete:_,current:o,marker:n,dot:i,text:c,label:r,upcoming:d,description:l,date:s,hiddenText:m};exports.complete=_;exports.current=o;exports.date=s;exports.default=v;exports.description=l;exports.dot=i;exports.hiddenText=m;exports.item=t;exports.label=r;exports.marker=n;exports.text=c;exports.timeline=e;exports.upcoming=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_timeline_1xvma_2",t="_item_1xvma_12",_="_complete_1xvma_35 _complete_7tv83_37",m="_current_1xvma_43 _current_7tv83_63",n="_marker_1xvma_47 _marker_7tv83_41",o="_dot_1xvma_51",c="_text_1xvma_62",i="_label_1xvma_70 _label_7tv83_92",a="_upcoming_1xvma_74",r="_description_1xvma_78 _description_7tv83_107",s="_date_1xvma_82",d="_hiddenText_1xvma_89 _hiddenText_7tv83_113",l="_sm_1xvma_94",x={timeline:e,item:t,complete:_,current:m,marker:n,dot:o,text:c,label:i,upcoming:a,description:r,date:s,hiddenText:d,sm:l};exports.complete=_;exports.current=m;exports.date=s;exports.default=x;exports.description=r;exports.dot=o;exports.hiddenText=d;exports.item=t;exports.label=i;exports.marker=n;exports.sm=l;exports.text=c;exports.timeline=e;exports.upcoming=a;
 //# sourceMappingURL=Timeline.module.css.cjs.map

package/dist/components/data-display/Timeline/Timeline.module.css.js

@@ -1,30 +1,32 @@
-const t = "_timeline_o3v8q_2", _ = "_item_o3v8q_12", e = "_complete_o3v8q_35 _complete_7tv83_37", o = "_current_o3v8q_43 _current_7tv83_63", n = "_marker_o3v8q_47 _marker_7tv83_41", c = "_dot_o3v8q_51", i = "_text_o3v8q_62", r = "_label_o3v8q_70 _label_7tv83_92", s = "_upcoming_o3v8q_74", d = "_description_o3v8q_78 _description_7tv83_107", v = "_date_o3v8q_82", l = "_hiddenText_o3v8q_89 _hiddenText_7tv83_113", m = {
+const t = "_timeline_1xvma_2", _ = "_item_1xvma_12", e = "_complete_1xvma_35 _complete_7tv83_37", m = "_current_1xvma_43 _current_7tv83_63", n = "_marker_1xvma_47 _marker_7tv83_41", c = "_dot_1xvma_51", o = "_text_1xvma_62", a = "_label_1xvma_70 _label_7tv83_92", i = "_upcoming_1xvma_74", s = "_description_1xvma_78 _description_7tv83_107", r = "_date_1xvma_82", x = "_hiddenText_1xvma_89 _hiddenText_7tv83_113", d = "_sm_1xvma_94", v = {
   timeline: t,
   item: _,
   complete: e,
-  current: o,
+  current: m,
   marker: n,
   dot: c,
-  text: i,
-  label: r,
-  upcoming: s,
-  description: d,
-  date: v,
-  hiddenText: l
+  text: o,
+  label: a,
+  upcoming: i,
+  description: s,
+  date: r,
+  hiddenText: x,
+  sm: d
 };
 export {
   e as complete,
-  o as current,
-  v as date,
-  m as default,
-  d as description,
+  m as current,
+  r as date,
+  v as default,
+  s as description,
   c as dot,
-  l as hiddenText,
+  x as hiddenText,
   _ as item,
-  r as label,
+  a as label,
   n as marker,
-  i as text,
+  d as sm,
+  o as text,
   t as timeline,
-  s as upcoming
+  i as upcoming
 };
 //# sourceMappingURL=Timeline.module.css.js.map

package/dist/components/data-display/Timeline/Timeline.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"Timeline.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/forms/Checkbox/Checkbox.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_field_thq98_1",e="_control_thq98_8",r="_input_thq98_15",o="_error_thq98_36",_="_text_thq98_76",s="_hint_thq98_84 _hint_1qg91_8",n="_errorMessage_thq98_88 _errorMessage_1qg91_9",i={field:t,control:e,input:r,error:o,text:_,hint:s,errorMessage:n};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=n;exports.field=t;exports.hint=s;exports.input=r;exports.text=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_field_thq98_1",e="_control_thq98_8",r="_input_thq98_15",o="_error_thq98_36",_="_text_thq98_76",n="_hint_thq98_84 _hint_1ndjk_8",s="_errorMessage_thq98_88 _errorMessage_1ndjk_9",i={field:t,control:e,input:r,error:o,text:_,hint:n,errorMessage:s};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=s;exports.field=t;exports.hint=n;exports.input=r;exports.text=_;
 //# sourceMappingURL=Checkbox.module.css.cjs.map

package/dist/components/forms/Checkbox/Checkbox.module.css.js

@@ -1,19 +1,19 @@
-const t = "_field_thq98_1", _ = "_control_thq98_8", r = "_input_thq98_15", e = "_error_thq98_36", o = "_text_thq98_76", s = "_hint_thq98_84 _hint_1qg91_8", n = "_errorMessage_thq98_88 _errorMessage_1qg91_9", c = {
+const t = "_field_thq98_1", _ = "_control_thq98_8", r = "_input_thq98_15", e = "_error_thq98_36", o = "_text_thq98_76", n = "_hint_thq98_84 _hint_1ndjk_8", s = "_errorMessage_thq98_88 _errorMessage_1ndjk_9", c = {
   field: t,
   control: _,
   input: r,
   error: e,
   text: o,
-  hint: s,
-  errorMessage: n
+  hint: n,
+  errorMessage: s
 };
 export {
   _ as control,
   c as default,
   e as error,
-  n as errorMessage,
+  s as errorMessage,
   t as field,
-  s as hint,
+  n as hint,
   r as input,
   o as text
 };

package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_poytt_2 _group_1nbsm_1",t="_legend_poytt_6 _legend_1nbsm_11",o="_required_poytt_10 _required_1nbsm_20",r="_options_poytt_14",_="_vertical_poytt_19",n="_horizontal_poytt_23",s="_hint_poytt_28 _hint_1qg91_8",i="_errorMessage_poytt_32 _errorMessage_1qg91_9",l={group:e,legend:t,required:o,options:r,vertical:_,horizontal:n,hint:s,errorMessage:i};exports.default=l;exports.errorMessage=i;exports.group=e;exports.hint=s;exports.horizontal=n;exports.legend=t;exports.options=r;exports.required=o;exports.vertical=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_poytt_2 _group_1nbsm_1",t="_legend_poytt_6 _legend_1nbsm_11",o="_required_poytt_10 _required_1nbsm_20",r="_options_poytt_14",_="_vertical_poytt_19",n="_horizontal_poytt_23",s="_hint_poytt_28 _hint_1ndjk_8",i="_errorMessage_poytt_32 _errorMessage_1ndjk_9",l={group:e,legend:t,required:o,options:r,vertical:_,horizontal:n,hint:s,errorMessage:i};exports.default=l;exports.errorMessage=i;exports.group=e;exports.hint=s;exports.horizontal=n;exports.legend=t;exports.options=r;exports.required=o;exports.vertical=_;
 //# sourceMappingURL=CheckboxGroup.module.css.cjs.map

package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.js

@@ -1,4 +1,4 @@
-const t = "_group_poytt_2 _group_1nbsm_1", _ = "_legend_poytt_6 _legend_1nbsm_11", o = "_required_poytt_10 _required_1nbsm_20", e = "_options_poytt_14", r = "_vertical_poytt_19", n = "_horizontal_poytt_23", s = "_hint_poytt_28 _hint_1qg91_8", i = "_errorMessage_poytt_32 _errorMessage_1qg91_9", p = {
+const t = "_group_poytt_2 _group_1nbsm_1", _ = "_legend_poytt_6 _legend_1nbsm_11", o = "_required_poytt_10 _required_1nbsm_20", e = "_options_poytt_14", r = "_vertical_poytt_19", n = "_horizontal_poytt_23", s = "_hint_poytt_28 _hint_1ndjk_8", i = "_errorMessage_poytt_32 _errorMessage_1ndjk_9", p = {
   group: t,
   legend: _,
   required: o,