@plenustech/design-system 0.2.1 → 0.2.3

package/dist/components/navigation/Steps/Steps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.cjs","sources":["../../../../src/components/navigation/Steps/Steps.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Steps.module.css';\n\nexport interface StepItem {\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface StepsProps extends Omit<ComponentPropsWithRef<'nav'>, 'children'> {\n  /** Chave da etapa atual. As anteriores contam como concluidas, as seguintes como por vir. */\n  current: string;\n  items: readonly StepItem[];\n  /** Nome da navegacao, para o leitor de tela. */\n  label: string;\n  /** Com ela, cada etapa vira um botao, para quem pode ir e voltar livremente. */\n  onStepChange?: (key: string) => void;\n}\n\nexport function Steps({ className, current, items, label, onStepChange, ...props }: StepsProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <nav {...props} aria-label={label} className={[styles.steps, className].filter(Boolean).join(' ')}>\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n          const text = (\n            <>\n              <span className={styles.label}>{item.label}</span>\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {state === 'complete' && <span className={styles.hiddenText}>, concluída</span>}\n            </>\n          );\n\n          return (\n            <li className={[styles.step, styles[state]].join(' ')} key={item.key}>\n              <span aria-hidden=\"true\" className={styles.marker}>\n                {state === 'complete' ? <IconCheck /> : index + 1}\n              </span>\n              {onStepChange ? (\n                <button\n                  aria-current={state === 'current' ? 'step' : undefined}\n                  className={styles.text}\n                  onClick={() => onStepChange(item.key)}\n                  type=\"button\"\n                >\n                  {text}\n                </button>\n              ) : (\n                <span aria-current={state === 'current' ? 'step' : undefined} className={styles.text}>\n                  {text}\n                </span>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["Steps","className","current","items","label","onStepChange","props","currentIndex","item","jsx","styles","index","state","text","jsxs","Fragment","IconCheck"],"mappings":"4LAoBO,SAASA,EAAM,CAAE,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,aAAAC,EAAc,GAAGC,GAAqB,CAC9F,MAAMC,EAAeJ,EAAM,UAAWK,GAASA,EAAK,MAAQN,CAAO,EAEnE,OACEO,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAO,aAAYF,EAAO,UAAW,CAACM,EAAAA,QAAO,MAAOT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC9F,SAAAQ,EAAAA,IAAC,KAAA,CAAG,UAAWC,EAAAA,QAAO,KACnB,SAAAP,EAAM,IAAI,CAACK,EAAMG,IAAU,CAC1B,MAAMC,EAAQD,EAAQJ,EAAe,WAAaI,IAAUJ,EAAe,UAAY,WACjFM,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAN,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CF,EAAK,aAAeC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,EAC3EE,IAAU,YAAcH,EAAAA,IAAC,QAAK,UAAWC,UAAO,WAAY,SAAA,aAAA,CAAW,CAAA,EAC1E,EAGF,OACEI,EAAAA,KAAC,KAAA,CAAG,UAAW,CAACJ,EAAAA,QAAO,KAAMA,EAAAA,QAAOE,CAAK,CAAC,EAAE,KAAK,GAAG,EAClD,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAWC,EAAAA,QAAO,OACxC,SAAAE,IAAU,WAAaH,EAAAA,IAACO,EAAAA,UAAA,CAAA,CAAU,EAAKL,EAAQ,EAClD,EACCN,EACCI,EAAAA,IAAC,SAAA,CACC,eAAcG,IAAU,UAAY,OAAS,OAC7C,UAAWF,EAAAA,QAAO,KAClB,QAAS,IAAML,EAAaG,EAAK,GAAG,EACpC,KAAK,SAEJ,SAAAK,CAAA,CAAA,EAGHJ,EAAAA,IAAC,OAAA,CAAK,eAAcG,IAAU,UAAY,OAAS,OAAW,UAAWF,EAAAA,QAAO,KAC7E,SAAAG,CAAA,CACH,CAAA,CAAA,EAhBwDL,EAAK,GAkBjE,CAEJ,CAAC,EACH,EACF,CAEJ"}

package/dist/components/navigation/Steps/Steps.js

@@ -0,0 +1,30 @@
+import { jsx as r, jsxs as o, Fragment as h } from "react/jsx-runtime";
+import e from "./Steps.module.css.js";
+import { IconCheck as N } from "../../icons/icons.js";
+function b({ className: p, current: d, items: a, label: m, onStepChange: t, ...u }) {
+  const l = a.findIndex((n) => n.key === d);
+  return /* @__PURE__ */ r("nav", { ...u, "aria-label": m, className: [e.steps, p].filter(Boolean).join(" "), children: /* @__PURE__ */ r("ol", { className: e.list, children: a.map((n, s) => {
+    const c = s < l ? "complete" : s === l ? "current" : "upcoming", i = /* @__PURE__ */ o(h, { children: [
+      /* @__PURE__ */ r("span", { className: e.label, children: n.label }),
+      n.description && /* @__PURE__ */ r("span", { className: e.description, children: n.description }),
+      c === "complete" && /* @__PURE__ */ r("span", { className: e.hiddenText, children: ", concluída" })
+    ] });
+    return /* @__PURE__ */ o("li", { className: [e.step, e[c]].join(" "), children: [
+      /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e.marker, children: c === "complete" ? /* @__PURE__ */ r(N, {}) : s + 1 }),
+      t ? /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-current": c === "current" ? "step" : void 0,
+          className: e.text,
+          onClick: () => t(n.key),
+          type: "button",
+          children: i
+        }
+      ) : /* @__PURE__ */ r("span", { "aria-current": c === "current" ? "step" : void 0, className: e.text, children: i })
+    ] }, n.key);
+  }) }) });
+}
+export {
+  b as Steps
+};
+//# sourceMappingURL=Steps.js.map

package/dist/components/navigation/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../../src/components/navigation/Steps/Steps.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Steps.module.css';\n\nexport interface StepItem {\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface StepsProps extends Omit<ComponentPropsWithRef<'nav'>, 'children'> {\n  /** Chave da etapa atual. As anteriores contam como concluidas, as seguintes como por vir. */\n  current: string;\n  items: readonly StepItem[];\n  /** Nome da navegacao, para o leitor de tela. */\n  label: string;\n  /** Com ela, cada etapa vira um botao, para quem pode ir e voltar livremente. */\n  onStepChange?: (key: string) => void;\n}\n\nexport function Steps({ className, current, items, label, onStepChange, ...props }: StepsProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <nav {...props} aria-label={label} className={[styles.steps, className].filter(Boolean).join(' ')}>\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n          const text = (\n            <>\n              <span className={styles.label}>{item.label}</span>\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {state === 'complete' && <span className={styles.hiddenText}>, concluída</span>}\n            </>\n          );\n\n          return (\n            <li className={[styles.step, styles[state]].join(' ')} key={item.key}>\n              <span aria-hidden=\"true\" className={styles.marker}>\n                {state === 'complete' ? <IconCheck /> : index + 1}\n              </span>\n              {onStepChange ? (\n                <button\n                  aria-current={state === 'current' ? 'step' : undefined}\n                  className={styles.text}\n                  onClick={() => onStepChange(item.key)}\n                  type=\"button\"\n                >\n                  {text}\n                </button>\n              ) : (\n                <span aria-current={state === 'current' ? 'step' : undefined} className={styles.text}>\n                  {text}\n                </span>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["Steps","className","current","items","label","onStepChange","props","currentIndex","item","jsx","styles","index","state","text","jsxs","Fragment","IconCheck"],"mappings":";;;AAoBO,SAASA,EAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,cAAAC,GAAc,GAAGC,KAAqB;AAC9F,QAAMC,IAAeJ,EAAM,UAAU,CAACK,MAASA,EAAK,QAAQN,CAAO;AAEnE,SACE,gBAAAO,EAAC,OAAA,EAAK,GAAGH,GAAO,cAAYF,GAAO,WAAW,CAACM,EAAO,OAAOT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC9F,UAAA,gBAAAQ,EAAC,MAAA,EAAG,WAAWC,EAAO,MACnB,UAAAP,EAAM,IAAI,CAACK,GAAMG,MAAU;AAC1B,UAAMC,IAAQD,IAAQJ,IAAe,aAAaI,MAAUJ,IAAe,YAAY,YACjFM,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAN,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,YAAK,OAAM;AAAA,MAC1CF,EAAK,eAAe,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,MAC3EE,MAAU,cAAc,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,cAAA,CAAW;AAAA,IAAA,GAC1E;AAGF,WACE,gBAAAI,EAAC,MAAA,EAAG,WAAW,CAACJ,EAAO,MAAMA,EAAOE,CAAK,CAAC,EAAE,KAAK,GAAG,GAClD,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWC,EAAO,QACxC,UAAAE,MAAU,aAAa,gBAAAH,EAACO,GAAA,CAAA,CAAU,IAAKL,IAAQ,GAClD;AAAA,MACCN,IACC,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,gBAAcG,MAAU,YAAY,SAAS;AAAA,UAC7C,WAAWF,EAAO;AAAA,UAClB,SAAS,MAAML,EAAaG,EAAK,GAAG;AAAA,UACpC,MAAK;AAAA,UAEJ,UAAAK;AAAA,QAAA;AAAA,MAAA,IAGH,gBAAAJ,EAAC,QAAA,EAAK,gBAAcG,MAAU,YAAY,SAAS,QAAW,WAAWF,EAAO,MAC7E,UAAAG,EAAA,CACH;AAAA,IAAA,EAAA,GAhBwDL,EAAK,GAkBjE;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

package/dist/components/navigation/Steps/Steps.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_steps_7tv83_2",e="_list_7tv83_7",s="_step_7tv83_2",_="_complete_7tv83_37",c="_marker_7tv83_41",n="_current_7tv83_63",r="_text_7tv83_69",o="_label_7tv83_92",l="_description_7tv83_107",i="_hiddenText_7tv83_113",p={steps:t,list:e,step:s,complete:_,marker:c,current:n,text:r,label:o,description:l,hiddenText:i};exports.complete=_;exports.current=n;exports.default=p;exports.description=l;exports.hiddenText=i;exports.label=o;exports.list=e;exports.marker=c;exports.step=s;exports.steps=t;exports.text=r;
+//# sourceMappingURL=Steps.module.css.cjs.map

package/dist/components/navigation/Steps/Steps.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/Steps/Steps.module.css.js

@@ -0,0 +1,26 @@
+const t = "_steps_7tv83_2", e = "_list_7tv83_7", _ = "_step_7tv83_2", s = "_complete_7tv83_37", c = "_marker_7tv83_41", n = "_current_7tv83_63", o = "_text_7tv83_69", r = "_label_7tv83_92", l = "_description_7tv83_107", p = "_hiddenText_7tv83_113", i = {
+  steps: t,
+  list: e,
+  step: _,
+  complete: s,
+  marker: c,
+  current: n,
+  text: o,
+  label: r,
+  description: l,
+  hiddenText: p
+};
+export {
+  s as complete,
+  n as current,
+  i as default,
+  l as description,
+  p as hiddenText,
+  r as label,
+  e as list,
+  c as marker,
+  _ as step,
+  t as steps,
+  o as text
+};
+//# sourceMappingURL=Steps.module.css.js.map

package/dist/components/navigation/Steps/Steps.module.css.js.map

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

package/dist/components/navigation/Tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),v=require("react"),l=require("./Tabs.module.css.cjs"),R=require("../../../hooks/useSelection/useSelection.cjs");function B({className:c,defaultSelectedKey:f,fillHeight:x=!1,fitted:n=!1,items:r,label:s,onSelectionChange:i,orientation:u="horizontal",selectedKey:$,...q}){var D;const y=`tabs-${v.useId()}`,h=v.useRef(new Map),t=v.useMemo(()=>r.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[r]),w=(D=t.find(e=>!e.disabled))==null?void 0:D.key,d=R.useSelection({items:t,mode:"single",defaultSelectedKeys:$===void 0?[f??w??""]:void 0,selectedKeys:$===void 0?void 0:[$],onSelectionChange:e=>{const[a]=e;a!==void 0&&(i==null||i(a))}}),[o]=d.selectedKeys,b=r.find(e=>e.key===o),A=t.some(e=>e.key===o&&!e.disabled)?o:w;v.useEffect(()=>{var e;d.focusedKey&&((e=h.current.get(d.focusedKey))==null||e.focus())},[d.focusedKey]);function k(e){e&&d.select(e)}function N(e){var K,I;const a=d.focusedKey??o,T=u==="vertical"?"ArrowDown":"ArrowRight",M=u==="vertical"?"ArrowUp":"ArrowLeft";e.key===T?(e.preventDefault(),k(g(t,a,1))):e.key===M?(e.preventDefault(),k(g(t,a,-1))):e.key==="Home"?(e.preventDefault(),k((K=t.find(j=>!j.disabled))==null?void 0:K.key)):e.key==="End"&&(e.preventDefault(),k((I=[...t].reverse().find(j=>!j.disabled))==null?void 0:I.key))}return p.jsxs("div",{...q,className:[l.default.tabs,l.default[u],n&&l.default.fitted,x&&l.default.fillHeight,c].filter(Boolean).join(" "),children:[p.jsx("div",{className:l.default.list,role:"tablist","aria-label":s,"aria-orientation":u,onKeyDown:N,children:r.map(e=>p.jsx("button",{ref:a=>{a?h.current.set(e.key,a):h.current.delete(e.key)},className:[l.default.tab,o===e.key&&l.default.active].filter(Boolean).join(" "),type:"button",role:"tab",id:`${y}-${e.key}`,"aria-controls":o===e.key?`${y}-${e.key}-panel`:void 0,"aria-selected":o===e.key,disabled:e.disabled,tabIndex:A===e.key?0:-1,onClick:()=>d.select(e.key),children:e.label},e.key))}),b&&p.jsx("div",{className:l.default.panel,role:"tabpanel",id:`${y}-${b.key}-panel`,"aria-labelledby":`${y}-${b.key}`,tabIndex:0,children:b.content})]})}function g(c,f,x){const n=c.length,r=c.findIndex(s=>s.key===f);for(let s=1;s<=n;s+=1){const i=c[(r+x*s+n*n)%n];if(!i.disabled)return i.key}return f}exports.Tabs=B;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/navigation/Tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Tabs.module.css';\n\nexport interface TabItem {\n  content: ReactNode;\n  disabled?: boolean;\n  key: string;\n  label: string;\n}\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\nexport interface TabsProps extends ComponentPropsWithRef<'div'> {\n  defaultSelectedKey?: string;\n  /** O painel ocupa a altura que sobra nas abas e rola por dentro. As abas precisam de altura, dada por quem as usa. */\n  fillHeight?: boolean;\n  /** As abas dividem a largura em partes iguais, em vez de ficar do tamanho do rotulo. */\n  fitted?: boolean;\n  items: readonly TabItem[];\n  label: string;\n  onSelectionChange?: (key: string) => void;\n  orientation?: TabsOrientation;\n  selectedKey?: string;\n}\n\nexport function Tabs({\n  className,\n  defaultSelectedKey,\n  fillHeight = false,\n  fitted = false,\n  items,\n  label,\n  onSelectionChange,\n  orientation = 'horizontal',\n  selectedKey,\n  ...props\n}: TabsProps) {\n  const baseId = `tabs-${useId()}`;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const primeira = collection.find((item) => !item.disabled)?.key;\n  const selection = useSelection({\n    items: collection,\n    mode: 'single',\n    defaultSelectedKeys: selectedKey === undefined ? [defaultSelectedKey ?? primeira ?? ''] : undefined,\n    selectedKeys: selectedKey === undefined ? undefined : [selectedKey],\n    onSelectionChange: (keys) => {\n      const [escolhida] = keys;\n      if (escolhida !== undefined) {\n        onSelectionChange?.(escolhida);\n      }\n    },\n  });\n  const [ativa] = selection.selectedKeys;\n  const painel = items.find((item) => item.key === ativa);\n  // A lista sempre tem uma parada de Tab: com a escolhida inexistente ou desabilitada, nenhuma aba era alcancavel.\n  const parada = collection.some((item) => item.key === ativa && !item.disabled) ? ativa : primeira;\n\n  useEffect(() => {\n    if (selection.focusedKey) {\n      nodes.current.get(selection.focusedKey)?.focus();\n    }\n  }, [selection.focusedKey]);\n\n  // Ativacao automatica: mover o foco troca a aba, conforme o padrao do APG\n  // para paineis que carregam instantaneamente.\n  function mover(proxima: string | undefined) {\n    if (proxima) {\n      selection.select(proxima);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    const atual = selection.focusedKey ?? ativa;\n    const avancar = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n    const voltar = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n\n    if (event.key === avancar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, 1));\n    } else if (event.key === voltar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, -1));\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      mover(collection.find((item) => !item.disabled)?.key);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      mover([...collection].reverse().find((item) => !item.disabled)?.key);\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.tabs, styles[orientation], fitted && styles.fitted, fillHeight && styles.fillHeight, className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div\n        className={styles.list}\n        role=\"tablist\"\n        aria-label={label}\n        aria-orientation={orientation}\n        onKeyDown={handleKeyDown}\n      >\n        {items.map((item) => (\n          <button\n            key={item.key}\n            ref={(node) => {\n              if (node) {\n                nodes.current.set(item.key, node);\n              } else {\n                nodes.current.delete(item.key);\n              }\n            }}\n            className={[styles.tab, ativa === item.key && styles.active].filter(Boolean).join(' ')}\n            type=\"button\"\n            role=\"tab\"\n            id={`${baseId}-${item.key}`}\n            aria-controls={ativa === item.key ? `${baseId}-${item.key}-panel` : undefined}\n            aria-selected={ativa === item.key}\n            disabled={item.disabled}\n            tabIndex={parada === item.key ? 0 : -1}\n            onClick={() => selection.select(item.key)}\n          >\n            {item.label}\n          </button>\n        ))}\n      </div>\n      {painel && (\n        <div\n          className={styles.panel}\n          role=\"tabpanel\"\n          id={`${baseId}-${painel.key}-panel`}\n          aria-labelledby={`${baseId}-${painel.key}`}\n          tabIndex={0}\n        >\n          {painel.content}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Percorre em circulo, como o APG define para abas.\nfunction proximaChave(items: readonly SelectionItem[], from: string | undefined, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Tabs","className","defaultSelectedKey","fillHeight","fitted","items","label","onSelectionChange","orientation","selectedKey","props","baseId","useId","nodes","useRef","collection","useMemo","item","primeira","_a","selection","useSelection","keys","escolhida","ativa","painel","parada","useEffect","mover","proxima","handleKeyDown","event","atual","avancar","voltar","proximaChave","_b","jsxs","styles","jsx","node","from","passo","total","inicio","i"],"mappings":"qOAkCO,SAASA,EAAK,CACnB,UAAAC,EACA,mBAAAC,EACA,WAAAC,EAAa,GACb,OAAAC,EAAS,GACT,MAAAC,EACA,MAAAC,EACA,kBAAAC,EACA,YAAAC,EAAc,aACd,YAAAC,EACA,GAAGC,CACL,EAAc,OACZ,MAAMC,EAAS,QAAQC,EAAAA,MAAA,CAAO,GACxBC,EAAQC,EAAAA,OAAO,IAAI,GAA0B,EAC7CC,EAAaC,EAAAA,QACjB,IAAMX,EAAM,IAAKY,IAAU,CAAE,IAAKA,EAAK,IAAK,SAAUA,EAAK,SAAU,UAAWA,EAAK,OAAQ,EAC7F,CAACZ,CAAK,CAAA,EAEFa,GAAWC,EAAAJ,EAAW,KAAME,GAAS,CAACA,EAAK,QAAQ,IAAxC,YAAAE,EAA2C,IACtDC,EAAYC,EAAAA,aAAa,CAC7B,MAAON,EACP,KAAM,SACN,oBAAqBN,IAAgB,OAAY,CAACP,GAAsBgB,GAAY,EAAE,EAAI,OAC1F,aAAcT,IAAgB,OAAY,OAAY,CAACA,CAAW,EAClE,kBAAoBa,GAAS,CAC3B,KAAM,CAACC,CAAS,EAAID,EAChBC,IAAc,SAChBhB,GAAA,MAAAA,EAAoBgB,GAExB,CAAA,CACD,EACK,CAACC,CAAK,EAAIJ,EAAU,aACpBK,EAASpB,EAAM,KAAMY,GAASA,EAAK,MAAQO,CAAK,EAEhDE,EAASX,EAAW,KAAME,GAASA,EAAK,MAAQO,GAAS,CAACP,EAAK,QAAQ,EAAIO,EAAQN,EAEzFS,EAAAA,UAAU,IAAM,OACVP,EAAU,cACZD,EAAAN,EAAM,QAAQ,IAAIO,EAAU,UAAU,IAAtC,MAAAD,EAAyC,QAE7C,EAAG,CAACC,EAAU,UAAU,CAAC,EAIzB,SAASQ,EAAMC,EAA6B,CACtCA,GACFT,EAAU,OAAOS,CAAO,CAE5B,CAEA,SAASC,EAAcC,EAAsC,SAC3D,MAAMC,EAAQZ,EAAU,YAAcI,EAChCS,EAAUzB,IAAgB,WAAa,YAAc,aACrD0B,EAAS1B,IAAgB,WAAa,UAAY,YAEpDuB,EAAM,MAAQE,GAChBF,EAAM,eAAA,EACNH,EAAMO,EAAapB,EAAYiB,EAAO,CAAC,CAAC,GAC/BD,EAAM,MAAQG,GACvBH,EAAM,eAAA,EACNH,EAAMO,EAAapB,EAAYiB,EAAO,EAAE,CAAC,GAChCD,EAAM,MAAQ,QACvBA,EAAM,eAAA,EACNH,GAAMT,EAAAJ,EAAW,KAAME,GAAS,CAACA,EAAK,QAAQ,IAAxC,YAAAE,EAA2C,GAAG,GAC3CY,EAAM,MAAQ,QACvBA,EAAM,eAAA,EACNH,GAAMQ,EAAA,CAAC,GAAGrB,CAAU,EAAE,QAAA,EAAU,KAAME,GAAS,CAACA,EAAK,QAAQ,IAAvD,YAAAmB,EAA0D,GAAG,EAEvE,CAEA,OACEC,EAAAA,KAAC,MAAA,CACE,GAAG3B,EACJ,UAAW,CAAC4B,EAAAA,QAAO,KAAMA,EAAAA,QAAO9B,CAAW,EAAGJ,GAAUkC,UAAO,OAAQnC,GAAcmC,EAAAA,QAAO,WAAYrC,CAAS,EAC9G,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAA,CAAAsC,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,KAClB,KAAK,UACL,aAAYhC,EACZ,mBAAkBE,EAClB,UAAWsB,EAEV,SAAAzB,EAAM,IAAKY,GACVsB,EAAAA,IAAC,SAAA,CAEC,IAAMC,GAAS,CACTA,EACF3B,EAAM,QAAQ,IAAII,EAAK,IAAKuB,CAAI,EAEhC3B,EAAM,QAAQ,OAAOI,EAAK,GAAG,CAEjC,EACA,UAAW,CAACqB,EAAAA,QAAO,IAAKd,IAAUP,EAAK,KAAOqB,UAAO,MAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACrF,KAAK,SACL,KAAK,MACL,GAAI,GAAG3B,CAAM,IAAIM,EAAK,GAAG,GACzB,gBAAeO,IAAUP,EAAK,IAAM,GAAGN,CAAM,IAAIM,EAAK,GAAG,SAAW,OACpE,gBAAeO,IAAUP,EAAK,IAC9B,SAAUA,EAAK,SACf,SAAUS,IAAWT,EAAK,IAAM,EAAI,GACpC,QAAS,IAAMG,EAAU,OAAOH,EAAK,GAAG,EAEvC,SAAAA,EAAK,KAAA,EAlBDA,EAAK,GAAA,CAoBb,CAAA,CAAA,EAEFQ,GACCc,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,MAClB,KAAK,WACL,GAAI,GAAG3B,CAAM,IAAIc,EAAO,GAAG,SAC3B,kBAAiB,GAAGd,CAAM,IAAIc,EAAO,GAAG,GACxC,SAAU,EAET,SAAAA,EAAO,OAAA,CAAA,CACV,CAAA,CAAA,CAIR,CAGA,SAASU,EAAa9B,EAAiCoC,EAA0BC,EAAe,CAC9F,MAAMC,EAAQtC,EAAM,OACduC,EAASvC,EAAM,UAAWY,GAASA,EAAK,MAAQwB,CAAI,EAE1D,QAASI,EAAI,EAAGA,GAAKF,EAAOE,GAAK,EAAG,CAClC,MAAM5B,EAAOZ,GAAOuC,EAASF,EAAQG,EAAIF,EAAQA,GAASA,CAAK,EAC/D,GAAI,CAAC1B,EAAK,SACR,OAAOA,EAAK,GAEhB,CAEA,OAAOwB,CACT"}

package/dist/components/navigation/Tabs/Tabs.js

@@ -0,0 +1,105 @@
+import { jsxs as E, jsx as w } from "react/jsx-runtime";
+import { useId as H, useRef as M, useMemo as R, useEffect as z } from "react";
+import l from "./Tabs.module.css.js";
+import { useSelection as L } from "../../../hooks/useSelection/useSelection.js";
+function F({
+  className: c,
+  defaultSelectedKey: f,
+  fillHeight: p = !1,
+  fitted: t = !1,
+  items: i,
+  label: s,
+  onSelectionChange: n,
+  orientation: y = "horizontal",
+  selectedKey: v,
+  ...A
+}) {
+  var D;
+  const u = `tabs-${H()}`, $ = M(/* @__PURE__ */ new Map()), o = R(
+    () => i.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
+    [i]
+  ), x = (D = o.find((e) => !e.disabled)) == null ? void 0 : D.key, d = L({
+    items: o,
+    mode: "single",
+    defaultSelectedKeys: v === void 0 ? [f ?? x ?? ""] : void 0,
+    selectedKeys: v === void 0 ? void 0 : [v],
+    onSelectionChange: (e) => {
+      const [a] = e;
+      a !== void 0 && (n == null || n(a));
+    }
+  }), [r] = d.selectedKeys, b = i.find((e) => e.key === r), N = o.some((e) => e.key === r && !e.disabled) ? r : x;
+  z(() => {
+    var e;
+    d.focusedKey && ((e = $.current.get(d.focusedKey)) == null || e.focus());
+  }, [d.focusedKey]);
+  function k(e) {
+    e && d.select(e);
+  }
+  function g(e) {
+    var K, I;
+    const a = d.focusedKey ?? r, m = y === "vertical" ? "ArrowDown" : "ArrowRight", B = y === "vertical" ? "ArrowUp" : "ArrowLeft";
+    e.key === m ? (e.preventDefault(), k(j(o, a, 1))) : e.key === B ? (e.preventDefault(), k(j(o, a, -1))) : e.key === "Home" ? (e.preventDefault(), k((K = o.find((h) => !h.disabled)) == null ? void 0 : K.key)) : e.key === "End" && (e.preventDefault(), k((I = [...o].reverse().find((h) => !h.disabled)) == null ? void 0 : I.key));
+  }
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      ...A,
+      className: [l.tabs, l[y], t && l.fitted, p && l.fillHeight, c].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ w(
+          "div",
+          {
+            className: l.list,
+            role: "tablist",
+            "aria-label": s,
+            "aria-orientation": y,
+            onKeyDown: g,
+            children: i.map((e) => /* @__PURE__ */ w(
+              "button",
+              {
+                ref: (a) => {
+                  a ? $.current.set(e.key, a) : $.current.delete(e.key);
+                },
+                className: [l.tab, r === e.key && l.active].filter(Boolean).join(" "),
+                type: "button",
+                role: "tab",
+                id: `${u}-${e.key}`,
+                "aria-controls": r === e.key ? `${u}-${e.key}-panel` : void 0,
+                "aria-selected": r === e.key,
+                disabled: e.disabled,
+                tabIndex: N === e.key ? 0 : -1,
+                onClick: () => d.select(e.key),
+                children: e.label
+              },
+              e.key
+            ))
+          }
+        ),
+        b && /* @__PURE__ */ w(
+          "div",
+          {
+            className: l.panel,
+            role: "tabpanel",
+            id: `${u}-${b.key}-panel`,
+            "aria-labelledby": `${u}-${b.key}`,
+            tabIndex: 0,
+            children: b.content
+          }
+        )
+      ]
+    }
+  );
+}
+function j(c, f, p) {
+  const t = c.length, i = c.findIndex((s) => s.key === f);
+  for (let s = 1; s <= t; s += 1) {
+    const n = c[(i + p * s + t * t) % t];
+    if (!n.disabled)
+      return n.key;
+  }
+  return f;
+}
+export {
+  F as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/navigation/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Tabs.module.css';\n\nexport interface TabItem {\n  content: ReactNode;\n  disabled?: boolean;\n  key: string;\n  label: string;\n}\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\nexport interface TabsProps extends ComponentPropsWithRef<'div'> {\n  defaultSelectedKey?: string;\n  /** O painel ocupa a altura que sobra nas abas e rola por dentro. As abas precisam de altura, dada por quem as usa. */\n  fillHeight?: boolean;\n  /** As abas dividem a largura em partes iguais, em vez de ficar do tamanho do rotulo. */\n  fitted?: boolean;\n  items: readonly TabItem[];\n  label: string;\n  onSelectionChange?: (key: string) => void;\n  orientation?: TabsOrientation;\n  selectedKey?: string;\n}\n\nexport function Tabs({\n  className,\n  defaultSelectedKey,\n  fillHeight = false,\n  fitted = false,\n  items,\n  label,\n  onSelectionChange,\n  orientation = 'horizontal',\n  selectedKey,\n  ...props\n}: TabsProps) {\n  const baseId = `tabs-${useId()}`;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const primeira = collection.find((item) => !item.disabled)?.key;\n  const selection = useSelection({\n    items: collection,\n    mode: 'single',\n    defaultSelectedKeys: selectedKey === undefined ? [defaultSelectedKey ?? primeira ?? ''] : undefined,\n    selectedKeys: selectedKey === undefined ? undefined : [selectedKey],\n    onSelectionChange: (keys) => {\n      const [escolhida] = keys;\n      if (escolhida !== undefined) {\n        onSelectionChange?.(escolhida);\n      }\n    },\n  });\n  const [ativa] = selection.selectedKeys;\n  const painel = items.find((item) => item.key === ativa);\n  // A lista sempre tem uma parada de Tab: com a escolhida inexistente ou desabilitada, nenhuma aba era alcancavel.\n  const parada = collection.some((item) => item.key === ativa && !item.disabled) ? ativa : primeira;\n\n  useEffect(() => {\n    if (selection.focusedKey) {\n      nodes.current.get(selection.focusedKey)?.focus();\n    }\n  }, [selection.focusedKey]);\n\n  // Ativacao automatica: mover o foco troca a aba, conforme o padrao do APG\n  // para paineis que carregam instantaneamente.\n  function mover(proxima: string | undefined) {\n    if (proxima) {\n      selection.select(proxima);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    const atual = selection.focusedKey ?? ativa;\n    const avancar = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n    const voltar = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n\n    if (event.key === avancar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, 1));\n    } else if (event.key === voltar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, -1));\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      mover(collection.find((item) => !item.disabled)?.key);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      mover([...collection].reverse().find((item) => !item.disabled)?.key);\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.tabs, styles[orientation], fitted && styles.fitted, fillHeight && styles.fillHeight, className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div\n        className={styles.list}\n        role=\"tablist\"\n        aria-label={label}\n        aria-orientation={orientation}\n        onKeyDown={handleKeyDown}\n      >\n        {items.map((item) => (\n          <button\n            key={item.key}\n            ref={(node) => {\n              if (node) {\n                nodes.current.set(item.key, node);\n              } else {\n                nodes.current.delete(item.key);\n              }\n            }}\n            className={[styles.tab, ativa === item.key && styles.active].filter(Boolean).join(' ')}\n            type=\"button\"\n            role=\"tab\"\n            id={`${baseId}-${item.key}`}\n            aria-controls={ativa === item.key ? `${baseId}-${item.key}-panel` : undefined}\n            aria-selected={ativa === item.key}\n            disabled={item.disabled}\n            tabIndex={parada === item.key ? 0 : -1}\n            onClick={() => selection.select(item.key)}\n          >\n            {item.label}\n          </button>\n        ))}\n      </div>\n      {painel && (\n        <div\n          className={styles.panel}\n          role=\"tabpanel\"\n          id={`${baseId}-${painel.key}-panel`}\n          aria-labelledby={`${baseId}-${painel.key}`}\n          tabIndex={0}\n        >\n          {painel.content}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Percorre em circulo, como o APG define para abas.\nfunction proximaChave(items: readonly SelectionItem[], from: string | undefined, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Tabs","className","defaultSelectedKey","fillHeight","fitted","items","label","onSelectionChange","orientation","selectedKey","props","baseId","useId","nodes","useRef","collection","useMemo","item","primeira","_a","selection","useSelection","keys","escolhida","ativa","painel","parada","useEffect","mover","proxima","handleKeyDown","event","atual","avancar","voltar","proximaChave","_b","jsxs","styles","jsx","node","from","passo","total","inicio","i"],"mappings":"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"}

package/dist/components/navigation/Tabs/Tabs.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_tabs_cf8v3_1",e="_horizontal_cf8v3_7",i="_list_cf8v3_11",l="_active_cf8v3_17",c="_vertical_cf8v3_23",_="_tab_cf8v3_1",a="_panel_cf8v3_45",s="_fitted_cf8v3_89",o="_fillHeight_cf8v3_95",n={tabs:t,horizontal:e,list:i,active:l,vertical:c,tab:_,panel:a,fitted:s,fillHeight:o};exports.active=l;exports.default=n;exports.fillHeight=o;exports.fitted=s;exports.horizontal=e;exports.list=i;exports.panel=a;exports.tab=_;exports.tabs=t;exports.vertical=c;
+//# sourceMappingURL=Tabs.module.css.cjs.map

package/dist/components/navigation/Tabs/Tabs.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/Tabs/Tabs.module.css.js

@@ -0,0 +1,24 @@
+const t = "_tabs_cf8v3_1", _ = "_horizontal_cf8v3_7", c = "_list_cf8v3_11", i = "_active_cf8v3_17", a = "_vertical_cf8v3_23", l = "_tab_cf8v3_1", s = "_panel_cf8v3_45", e = "_fitted_cf8v3_89", o = "_fillHeight_cf8v3_95", f = {
+  tabs: t,
+  horizontal: _,
+  list: c,
+  active: i,
+  vertical: a,
+  tab: l,
+  panel: s,
+  fitted: e,
+  fillHeight: o
+};
+export {
+  i as active,
+  f as default,
+  o as fillHeight,
+  e as fitted,
+  _ as horizontal,
+  c as list,
+  s as panel,
+  l as tab,
+  t as tabs,
+  a as vertical
+};
+//# sourceMappingURL=Tabs.module.css.js.map

package/dist/components/navigation/Tabs/Tabs.module.css.js.map

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

package/dist/components/overlays/Dialog/Dialog.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./DialogFrame.cjs"),e=require("./Dialog.module.css.cjs");function u({size:a="md",...l}){return r.jsx(o.DialogFrame,{...l,surfaceClassName:[e.default.dialog,e.default[a]].join(" "),underlayClassName:e.default.underlay})}exports.Dialog=u;
+//# sourceMappingURL=Dialog.cjs.map

package/dist/components/overlays/Dialog/Dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { DialogFrame } from './DialogFrame';\nimport styles from './Dialog.module.css';\n\nexport type DialogSize = 'sm' | 'md' | 'lg';\nexport type DialogRole = 'dialog' | 'alertdialog';\n\n/** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */\nexport interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'title'> {\n  children?: ReactNode;\n  description?: string;\n  dismissable?: boolean;\n  footer?: ReactNode;\n  /** Opcional. Desenhado ao lado do titulo, fora da leitura: quem fala e o titulo. */\n  icon?: ReactNode;\n  onClose: () => void;\n  open: boolean;\n  /** `alertdialog` para a confirmacao que interrompe e exige resposta, como a de uma acao destrutiva. */\n  role?: DialogRole;\n  size?: DialogSize;\n  title: string;\n}\n\nexport function Dialog({ size = 'md', ...props }: DialogProps) {\n  return (\n    <DialogFrame\n      {...props}\n      surfaceClassName={[styles.dialog, styles[size]].join(' ')}\n      underlayClassName={styles.underlay}\n    />\n  );\n}\n"],"names":["Dialog","size","props","jsx","DialogFrame","styles"],"mappings":"yLAuBO,SAASA,EAAO,CAAE,KAAAC,EAAO,KAAM,GAAGC,GAAsB,CAC7D,OACEC,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGF,EACJ,iBAAkB,CAACG,EAAAA,QAAO,OAAQA,EAAAA,QAAOJ,CAAI,CAAC,EAAE,KAAK,GAAG,EACxD,kBAAmBI,EAAAA,QAAO,QAAA,CAAA,CAGhC"}

package/dist/components/overlays/Dialog/Dialog.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { DialogFrame as e } from "./DialogFrame.js";
+import r from "./Dialog.module.css.js";
+function t({ size: o = "md", ...a }) {
+  return /* @__PURE__ */ m(
+    e,
+    {
+      ...a,
+      surfaceClassName: [r.dialog, r[o]].join(" "),
+      underlayClassName: r.underlay
+    }
+  );
+}
+export {
+  t as Dialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/overlays/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { DialogFrame } from './DialogFrame';\nimport styles from './Dialog.module.css';\n\nexport type DialogSize = 'sm' | 'md' | 'lg';\nexport type DialogRole = 'dialog' | 'alertdialog';\n\n/** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */\nexport interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'title'> {\n  children?: ReactNode;\n  description?: string;\n  dismissable?: boolean;\n  footer?: ReactNode;\n  /** Opcional. Desenhado ao lado do titulo, fora da leitura: quem fala e o titulo. */\n  icon?: ReactNode;\n  onClose: () => void;\n  open: boolean;\n  /** `alertdialog` para a confirmacao que interrompe e exige resposta, como a de uma acao destrutiva. */\n  role?: DialogRole;\n  size?: DialogSize;\n  title: string;\n}\n\nexport function Dialog({ size = 'md', ...props }: DialogProps) {\n  return (\n    <DialogFrame\n      {...props}\n      surfaceClassName={[styles.dialog, styles[size]].join(' ')}\n      underlayClassName={styles.underlay}\n    />\n  );\n}\n"],"names":["Dialog","size","props","jsx","DialogFrame","styles"],"mappings":";;;AAuBO,SAASA,EAAO,EAAE,MAAAC,IAAO,MAAM,GAAGC,KAAsB;AAC7D,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,kBAAkB,CAACG,EAAO,QAAQA,EAAOJ,CAAI,CAAC,EAAE,KAAK,GAAG;AAAA,MACxD,mBAAmBI,EAAO;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/dist/components/overlays/Dialog/Dialog.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_underlay_1wnou_1",e="_dialog_1wnou_15",d="_sm_1wnou_31",_="_md_1wnou_35",n="_lg_1wnou_39",i="_header_1wnou_43",t="_close_1wnou_51",s="_headerDivided_1wnou_55",l="_icon_1wnou_60",a="_heading_1wnou_75",c="_title_1wnou_83",r="_description_1wnou_92",u="_body_1wnou_129",g="_footer_1wnou_140",w={underlay:o,"dialog-fade":"_dialog-fade_1wnou_1",dialog:e,"dialog-rise":"_dialog-rise_1wnou_1",sm:d,md:_,lg:n,header:i,close:t,headerDivided:s,icon:l,heading:a,title:c,description:r,body:u,footer:g};exports.body=u;exports.close=t;exports.default=w;exports.description=r;exports.dialog=e;exports.footer=g;exports.header=i;exports.headerDivided=s;exports.heading=a;exports.icon=l;exports.lg=n;exports.md=_;exports.sm=d;exports.title=c;exports.underlay=o;
+//# sourceMappingURL=Dialog.module.css.cjs.map

package/dist/components/overlays/Dialog/Dialog.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlays/Dialog/Dialog.module.css.js

@@ -0,0 +1,36 @@
+const o = "_underlay_1wnou_1", _ = "_dialog_1wnou_15", n = "_sm_1wnou_31", e = "_md_1wnou_35", d = "_lg_1wnou_39", i = "_header_1wnou_43", t = "_close_1wnou_51", s = "_headerDivided_1wnou_55", c = "_icon_1wnou_60", a = "_heading_1wnou_75", l = "_title_1wnou_83", u = "_description_1wnou_92", r = "_body_1wnou_129", w = "_footer_1wnou_140", g = {
+  underlay: o,
+  "dialog-fade": "_dialog-fade_1wnou_1",
+  dialog: _,
+  "dialog-rise": "_dialog-rise_1wnou_1",
+  sm: n,
+  md: e,
+  lg: d,
+  header: i,
+  close: t,
+  headerDivided: s,
+  icon: c,
+  heading: a,
+  title: l,
+  description: u,
+  body: r,
+  footer: w
+};
+export {
+  r as body,
+  t as close,
+  g as default,
+  u as description,
+  _ as dialog,
+  w as footer,
+  i as header,
+  s as headerDivided,
+  a as heading,
+  c as icon,
+  d as lg,
+  e as md,
+  n as sm,
+  l as title,
+  o as underlay
+};
+//# sourceMappingURL=Dialog.module.css.js.map

package/dist/components/overlays/Dialog/Dialog.module.css.js.map

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

package/dist/components/overlays/Dialog/DialogFrame.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),q=require("react-dom"),F=require("@react-aria/focus"),d=require("@react-aria/overlays"),I=require("../../../hooks/useMergedRefs.cjs"),r=require("./Dialog.module.css.cjs"),P=require("../../icons/icons.cjs");function R({open:s,...t}){return!s||typeof document>"u"?null:q.createPortal(e.jsx(O,{...t}),document.body)}function O({children:s,className:t,description:i,dismissable:o=!0,footer:n,icon:c,onClose:u,ref:h,role:x="dialog",surfaceClassName:v,title:y,underlayClassName:b,...g}){const a=l.useRef(null),p=I.useMergedRefs(a,h),f=l.useId(),m=`${f}-title`,j=`${f}-description`,{overlayProps:N,underlayProps:D}=d.useOverlay({isOpen:!0,onClose:u,isDismissable:o,isKeyboardDismissDisabled:!o},a);return d.usePreventScroll(),l.useEffect(()=>a.current?d.ariaHideOutside([a.current]):void 0,[]),e.jsx("div",{...D,className:b,children:e.jsx(F.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:e.jsxs("div",{...g,...N,ref:p,className:[v,t].filter(Boolean).join(" "),role:x,"aria-modal":"true","aria-labelledby":m,"aria-describedby":i?j:void 0,children:[e.jsxs("header",{className:[r.default.header,s&&r.default.headerDivided].filter(Boolean).join(" "),children:[c&&e.jsx("span",{"aria-hidden":"true",className:r.default.icon,children:c}),e.jsxs("div",{className:r.default.heading,children:[e.jsx("h2",{className:r.default.title,id:m,children:y}),i&&e.jsx("p",{className:r.default.description,id:j,children:i})]}),o&&e.jsx("button",{className:r.default.close,type:"button","aria-label":"Fechar",onClick:u,children:e.jsx(P.IconClose,{size:20})})]}),s&&e.jsx("div",{className:r.default.body,children:s}),n&&e.jsx("div",{className:r.default.footer,children:n})]})})})}exports.DialogFrame=R;
+//# sourceMappingURL=DialogFrame.cjs.map

package/dist/components/overlays/Dialog/DialogFrame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFrame.cjs","sources":["../../../../src/components/overlays/Dialog/DialogFrame.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { ariaHideOutside, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { IconClose } from '../../icons';\nimport type { DialogProps } from './Dialog';\nimport styles from './Dialog.module.css';\n\nexport interface DialogFrameProps extends Omit<DialogProps, 'size'> {\n  surfaceClassName: string;\n  underlayClassName: string;\n}\n\n/** Mecanica modal do `Dialog` e do `Drawer`: portal, foco preso, rolagem travada, cabecalho, corpo e rodape. Interna. */\nexport function DialogFrame({ open, ...props }: DialogFrameProps) {\n  // No servidor nao ha `document` para o portal; o modal nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<DialogFrameContent {...props} />, document.body);\n}\n\nfunction DialogFrameContent({\n  children,\n  className,\n  description,\n  dismissable = true,\n  footer,\n  icon,\n  onClose,\n  ref: refDoConsumidor,\n  role = 'dialog',\n  surfaceClassName,\n  title,\n  underlayClassName,\n  ...props\n}: Omit<DialogFrameProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n  const generatedId = useId();\n  const titleId = `${generatedId}-title`;\n  const descriptionId = `${generatedId}-description`;\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: dismissable,\n      isKeyboardDismissDisabled: !dismissable,\n    },\n    ref,\n  );\n\n  usePreventScroll();\n\n  useEffect(() => (ref.current ? ariaHideOutside([ref.current]) : undefined), []);\n\n  return (\n    <div {...underlayProps} className={underlayClassName}>\n      <FocusScope contain restoreFocus autoFocus>\n        <div\n          {...props}\n          {...overlayProps}\n          ref={mergedRef}\n          className={[surfaceClassName, className].filter(Boolean).join(' ')}\n          role={role}\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={description ? descriptionId : undefined}\n        >\n          <header className={[styles.header, children && styles.headerDivided].filter(Boolean).join(' ')}>\n            {icon && (\n              <span aria-hidden=\"true\" className={styles.icon}>\n                {icon}\n              </span>\n            )}\n            <div className={styles.heading}>\n              <h2 className={styles.title} id={titleId}>{title}</h2>\n              {description && <p className={styles.description} id={descriptionId}>{description}</p>}\n            </div>\n            {dismissable && (\n              <button className={styles.close} type=\"button\" aria-label=\"Fechar\" onClick={onClose}>\n                <IconClose size={20} />\n              </button>\n            )}\n          </header>\n          {children && <div className={styles.body}>{children}</div>}\n          {footer && <div className={styles.footer}>{footer}</div>}\n        </div>\n      </FocusScope>\n    </div>\n  );\n}\n"],"names":["DialogFrame","open","props","createPortal","jsx","DialogFrameContent","children","className","description","dismissable","footer","icon","onClose","refDoConsumidor","role","surfaceClassName","title","underlayClassName","ref","useRef","mergedRef","useMergedRefs","generatedId","useId","titleId","descriptionId","overlayProps","underlayProps","useOverlay","usePreventScroll","useEffect","ariaHideOutside","FocusScope","jsxs","styles","IconClose"],"mappings":"sVAeO,SAASA,EAAY,CAAE,KAAAC,EAAM,GAAGC,GAA2B,CAEhE,MAAI,CAACD,GAAQ,OAAO,SAAa,IACxB,KAGFE,EAAAA,aAAaC,EAAAA,IAACC,EAAA,CAAoB,GAAGH,EAAO,EAAI,SAAS,IAAI,CACtE,CAEA,SAASG,EAAmB,CAC1B,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EACA,KAAAC,EACA,QAAAC,EACA,IAAKC,EACL,KAAAC,EAAO,SACP,iBAAAC,EACA,MAAAC,EACA,kBAAAC,EACA,GAAGf,CACL,EAAmC,CACjC,MAAMgB,EAAMC,EAAAA,OAAuB,IAAI,EACjCC,EAAYC,EAAAA,cAAcH,EAAKL,CAAe,EAC9CS,EAAcC,EAAAA,MAAA,EACdC,EAAU,GAAGF,CAAW,SACxBG,EAAgB,GAAGH,CAAW,eAE9B,CAAE,aAAAI,EAAc,cAAAC,CAAA,EAAkBC,EAAAA,WACtC,CACE,OAAQ,GACR,QAAAhB,EACA,cAAeH,EACf,0BAA2B,CAACA,CAAA,EAE9BS,CAAA,EAGFW,OAAAA,mBAAA,EAEAC,YAAU,IAAOZ,EAAI,QAAUa,EAAAA,gBAAgB,CAACb,EAAI,OAAO,CAAC,EAAI,OAAY,EAAE,EAG5Ed,EAAAA,IAAC,MAAA,CAAK,GAAGuB,EAAe,UAAWV,EACjC,SAAAb,EAAAA,IAAC4B,EAAAA,WAAA,CAAW,QAAO,GAAC,aAAY,GAAC,UAAS,GACxC,SAAAC,EAAAA,KAAC,MAAA,CACE,GAAG/B,EACH,GAAGwB,EACJ,IAAKN,EACL,UAAW,CAACL,EAAkBR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACjE,KAAAO,EACA,aAAW,OACX,kBAAiBU,EACjB,mBAAkBhB,EAAciB,EAAgB,OAEhD,SAAA,CAAAQ,EAAAA,KAAC,SAAA,CAAO,UAAW,CAACC,EAAAA,QAAO,OAAQ5B,GAAY4B,EAAAA,QAAO,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,SAAA,CAAAvB,SACE,OAAA,CAAK,cAAY,OAAO,UAAWuB,UAAO,KACxC,SAAAvB,CAAA,CACH,EAEFsB,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,QACrB,SAAA,CAAA9B,MAAC,MAAG,UAAW8B,EAAAA,QAAO,MAAO,GAAIV,EAAU,SAAAR,EAAM,EAChDR,SAAgB,IAAA,CAAE,UAAW0B,EAAAA,QAAO,YAAa,GAAIT,EAAgB,SAAAjB,CAAA,CAAY,CAAA,EACpF,EACCC,GACCL,EAAAA,IAAC,SAAA,CAAO,UAAW8B,EAAAA,QAAO,MAAO,KAAK,SAAS,aAAW,SAAS,QAAStB,EAC1E,SAAAR,EAAAA,IAAC+B,EAAAA,UAAA,CAAU,KAAM,GAAI,CAAA,CACvB,CAAA,EAEJ,EACC7B,GAAYF,EAAAA,IAAC,MAAA,CAAI,UAAW8B,UAAO,KAAO,SAAA5B,EAAS,EACnDI,GAAUN,EAAAA,IAAC,MAAA,CAAI,UAAW8B,EAAAA,QAAO,OAAS,SAAAxB,CAAA,CAAO,CAAA,CAAA,CAAA,EAEtD,CAAA,CACF,CAEJ"}

package/dist/components/overlays/Dialog/DialogFrame.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useRef as I, useId as j, useEffect as P } from "react";
+import { createPortal as x } from "react-dom";
+import { FocusScope as O } from "@react-aria/focus";
+import { useOverlay as R, usePreventScroll as B, ariaHideOutside as C } from "@react-aria/overlays";
+import { useMergedRefs as S } from "../../../hooks/useMergedRefs.js";
+import r from "./Dialog.module.css.js";
+import { IconClose as $ } from "../../icons/icons.js";
+function G({ open: i, ...t }) {
+  return !i || typeof document > "u" ? null : x(/* @__PURE__ */ e(k, { ...t }), document.body);
+}
+function k({
+  children: i,
+  className: t,
+  description: a,
+  dismissable: s = !0,
+  footer: d,
+  icon: l,
+  onClose: c,
+  ref: p,
+  role: h = "dialog",
+  surfaceClassName: v,
+  title: y,
+  underlayClassName: b,
+  ...N
+}) {
+  const o = I(null), g = S(o, p), u = j(), m = `${u}-title`, f = `${u}-description`, { overlayProps: D, underlayProps: F } = R(
+    {
+      isOpen: !0,
+      onClose: c,
+      isDismissable: s,
+      isKeyboardDismissDisabled: !s
+    },
+    o
+  );
+  return B(), P(() => o.current ? C([o.current]) : void 0, []), /* @__PURE__ */ e("div", { ...F, className: b, children: /* @__PURE__ */ e(O, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ...N,
+      ...D,
+      ref: g,
+      className: [v, t].filter(Boolean).join(" "),
+      role: h,
+      "aria-modal": "true",
+      "aria-labelledby": m,
+      "aria-describedby": a ? f : void 0,
+      children: [
+        /* @__PURE__ */ n("header", { className: [r.header, i && r.headerDivided].filter(Boolean).join(" "), children: [
+          l && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: r.icon, children: l }),
+          /* @__PURE__ */ n("div", { className: r.heading, children: [
+            /* @__PURE__ */ e("h2", { className: r.title, id: m, children: y }),
+            a && /* @__PURE__ */ e("p", { className: r.description, id: f, children: a })
+          ] }),
+          s && /* @__PURE__ */ e("button", { className: r.close, type: "button", "aria-label": "Fechar", onClick: c, children: /* @__PURE__ */ e($, { size: 20 }) })
+        ] }),
+        i && /* @__PURE__ */ e("div", { className: r.body, children: i }),
+        d && /* @__PURE__ */ e("div", { className: r.footer, children: d })
+      ]
+    }
+  ) }) });
+}
+export {
+  G as DialogFrame
+};
+//# sourceMappingURL=DialogFrame.js.map

package/dist/components/overlays/Dialog/DialogFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFrame.js","sources":["../../../../src/components/overlays/Dialog/DialogFrame.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { ariaHideOutside, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { IconClose } from '../../icons';\nimport type { DialogProps } from './Dialog';\nimport styles from './Dialog.module.css';\n\nexport interface DialogFrameProps extends Omit<DialogProps, 'size'> {\n  surfaceClassName: string;\n  underlayClassName: string;\n}\n\n/** Mecanica modal do `Dialog` e do `Drawer`: portal, foco preso, rolagem travada, cabecalho, corpo e rodape. Interna. */\nexport function DialogFrame({ open, ...props }: DialogFrameProps) {\n  // No servidor nao ha `document` para o portal; o modal nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<DialogFrameContent {...props} />, document.body);\n}\n\nfunction DialogFrameContent({\n  children,\n  className,\n  description,\n  dismissable = true,\n  footer,\n  icon,\n  onClose,\n  ref: refDoConsumidor,\n  role = 'dialog',\n  surfaceClassName,\n  title,\n  underlayClassName,\n  ...props\n}: Omit<DialogFrameProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n  const generatedId = useId();\n  const titleId = `${generatedId}-title`;\n  const descriptionId = `${generatedId}-description`;\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: dismissable,\n      isKeyboardDismissDisabled: !dismissable,\n    },\n    ref,\n  );\n\n  usePreventScroll();\n\n  useEffect(() => (ref.current ? ariaHideOutside([ref.current]) : undefined), []);\n\n  return (\n    <div {...underlayProps} className={underlayClassName}>\n      <FocusScope contain restoreFocus autoFocus>\n        <div\n          {...props}\n          {...overlayProps}\n          ref={mergedRef}\n          className={[surfaceClassName, className].filter(Boolean).join(' ')}\n          role={role}\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={description ? descriptionId : undefined}\n        >\n          <header className={[styles.header, children && styles.headerDivided].filter(Boolean).join(' ')}>\n            {icon && (\n              <span aria-hidden=\"true\" className={styles.icon}>\n                {icon}\n              </span>\n            )}\n            <div className={styles.heading}>\n              <h2 className={styles.title} id={titleId}>{title}</h2>\n              {description && <p className={styles.description} id={descriptionId}>{description}</p>}\n            </div>\n            {dismissable && (\n              <button className={styles.close} type=\"button\" aria-label=\"Fechar\" onClick={onClose}>\n                <IconClose size={20} />\n              </button>\n            )}\n          </header>\n          {children && <div className={styles.body}>{children}</div>}\n          {footer && <div className={styles.footer}>{footer}</div>}\n        </div>\n      </FocusScope>\n    </div>\n  );\n}\n"],"names":["DialogFrame","open","props","createPortal","jsx","DialogFrameContent","children","className","description","dismissable","footer","icon","onClose","refDoConsumidor","role","surfaceClassName","title","underlayClassName","ref","useRef","mergedRef","useMergedRefs","generatedId","useId","titleId","descriptionId","overlayProps","underlayProps","useOverlay","usePreventScroll","useEffect","ariaHideOutside","FocusScope","jsxs","styles","IconClose"],"mappings":";;;;;;;;AAeO,SAASA,EAAY,EAAE,MAAAC,GAAM,GAAGC,KAA2B;AAEhE,SAAI,CAACD,KAAQ,OAAO,WAAa,MACxB,OAGFE,EAAa,gBAAAC,EAACC,GAAA,EAAoB,GAAGH,GAAO,GAAI,SAAS,IAAI;AACtE;AAEA,SAASG,EAAmB;AAAA,EAC1B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAKC;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,kBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGf;AACL,GAAmC;AACjC,QAAMgB,IAAMC,EAAuB,IAAI,GACjCC,IAAYC,EAAcH,GAAKL,CAAe,GAC9CS,IAAcC,EAAA,GACdC,IAAU,GAAGF,CAAW,UACxBG,IAAgB,GAAGH,CAAW,gBAE9B,EAAE,cAAAI,GAAc,eAAAC,EAAA,IAAkBC;AAAA,IACtC;AAAA,MACE,QAAQ;AAAA,MACR,SAAAhB;AAAA,MACA,eAAeH;AAAA,MACf,2BAA2B,CAACA;AAAA,IAAA;AAAA,IAE9BS;AAAA,EAAA;AAGF,SAAAW,EAAA,GAEAC,EAAU,MAAOZ,EAAI,UAAUa,EAAgB,CAACb,EAAI,OAAO,CAAC,IAAI,QAAY,EAAE,GAG5E,gBAAAd,EAAC,OAAA,EAAK,GAAGuB,GAAe,WAAWV,GACjC,UAAA,gBAAAb,EAAC4B,GAAA,EAAW,SAAO,IAAC,cAAY,IAAC,WAAS,IACxC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG/B;AAAA,MACH,GAAGwB;AAAA,MACJ,KAAKN;AAAA,MACL,WAAW,CAACL,GAAkBR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACjE,MAAAO;AAAA,MACA,cAAW;AAAA,MACX,mBAAiBU;AAAA,MACjB,oBAAkBhB,IAAciB,IAAgB;AAAA,MAEhD,UAAA;AAAA,QAAA,gBAAAQ,EAAC,UAAA,EAAO,WAAW,CAACC,EAAO,QAAQ5B,KAAY4B,EAAO,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1F,UAAA;AAAA,UAAAvB,uBACE,QAAA,EAAK,eAAY,QAAO,WAAWuB,EAAO,MACxC,UAAAvB,EAAA,CACH;AAAA,UAEF,gBAAAsB,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAA9B,EAAC,QAAG,WAAW8B,EAAO,OAAO,IAAIV,GAAU,UAAAR,GAAM;AAAA,YAChDR,uBAAgB,KAAA,EAAE,WAAW0B,EAAO,aAAa,IAAIT,GAAgB,UAAAjB,EAAA,CAAY;AAAA,UAAA,GACpF;AAAA,UACCC,KACC,gBAAAL,EAAC,UAAA,EAAO,WAAW8B,EAAO,OAAO,MAAK,UAAS,cAAW,UAAS,SAAStB,GAC1E,UAAA,gBAAAR,EAAC+B,GAAA,EAAU,MAAM,IAAI,EAAA,CACvB;AAAA,QAAA,GAEJ;AAAA,QACC7B,KAAY,gBAAAF,EAAC,OAAA,EAAI,WAAW8B,EAAO,MAAO,UAAA5B,GAAS;AAAA,QACnDI,KAAU,gBAAAN,EAAC,OAAA,EAAI,WAAW8B,EAAO,QAAS,UAAAxB,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtD,EAAA,CACF;AAEJ;"}

package/dist/components/overlays/Drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("../Dialog/DialogFrame.cjs"),e=require("./Drawer.module.css.cjs");function i({side:r="right",size:a="md",...t}){return u.jsx(l.DialogFrame,{...t,surfaceClassName:[e.default.drawer,e.default[a]].join(" "),underlayClassName:[e.default.underlay,e.default[r]].join(" ")})}exports.Drawer=i;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/overlays/Drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/overlays/Drawer/Drawer.tsx"],"sourcesContent":["import type { DialogProps } from '../Dialog';\nimport { DialogFrame } from '../Dialog/DialogFrame';\nimport styles from './Drawer.module.css';\n\nexport type DrawerSide = 'left' | 'right';\nexport type DrawerSize = 'sm' | 'md' | 'lg';\n\nexport interface DrawerProps extends Omit<DialogProps, 'icon' | 'role' | 'size'> {\n  side?: DrawerSide;\n  size?: DrawerSize;\n}\n\n/** Painel modal preso a lateral da tela, com a mesma mecanica do `Dialog`: foco preso, Esc fecha, a pagina nao rola. */\nexport function Drawer({ side = 'right', size = 'md', ...props }: DrawerProps) {\n  return (\n    <DialogFrame\n      {...props}\n      surfaceClassName={[styles.drawer, styles[size]].join(' ')}\n      underlayClassName={[styles.underlay, styles[side]].join(' ')}\n    />\n  );\n}\n"],"names":["Drawer","side","size","props","jsx","DialogFrame","styles"],"mappings":"iMAaO,SAASA,EAAO,CAAE,KAAAC,EAAO,QAAS,KAAAC,EAAO,KAAM,GAAGC,GAAsB,CAC7E,OACEC,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGF,EACJ,iBAAkB,CAACG,EAAAA,QAAO,OAAQA,EAAAA,QAAOJ,CAAI,CAAC,EAAE,KAAK,GAAG,EACxD,kBAAmB,CAACI,EAAAA,QAAO,SAAUA,EAAAA,QAAOL,CAAI,CAAC,EAAE,KAAK,GAAG,CAAA,CAAA,CAGjE"}

package/dist/components/overlays/Drawer/Drawer.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { DialogFrame as i } from "../Dialog/DialogFrame.js";
+import r from "./Drawer.module.css.js";
+function l({ side: a = "right", size: e = "md", ...o }) {
+  return /* @__PURE__ */ m(
+    i,
+    {
+      ...o,
+      surfaceClassName: [r.drawer, r[e]].join(" "),
+      underlayClassName: [r.underlay, r[a]].join(" ")
+    }
+  );
+}
+export {
+  l as Drawer
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/components/overlays/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/overlays/Drawer/Drawer.tsx"],"sourcesContent":["import type { DialogProps } from '../Dialog';\nimport { DialogFrame } from '../Dialog/DialogFrame';\nimport styles from './Drawer.module.css';\n\nexport type DrawerSide = 'left' | 'right';\nexport type DrawerSize = 'sm' | 'md' | 'lg';\n\nexport interface DrawerProps extends Omit<DialogProps, 'icon' | 'role' | 'size'> {\n  side?: DrawerSide;\n  size?: DrawerSize;\n}\n\n/** Painel modal preso a lateral da tela, com a mesma mecanica do `Dialog`: foco preso, Esc fecha, a pagina nao rola. */\nexport function Drawer({ side = 'right', size = 'md', ...props }: DrawerProps) {\n  return (\n    <DialogFrame\n      {...props}\n      surfaceClassName={[styles.drawer, styles[size]].join(' ')}\n      underlayClassName={[styles.underlay, styles[side]].join(' ')}\n    />\n  );\n}\n"],"names":["Drawer","side","size","props","jsx","DialogFrame","styles"],"mappings":";;;AAaO,SAASA,EAAO,EAAE,MAAAC,IAAO,SAAS,MAAAC,IAAO,MAAM,GAAGC,KAAsB;AAC7E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,kBAAkB,CAACG,EAAO,QAAQA,EAAOJ,CAAI,CAAC,EAAE,KAAK,GAAG;AAAA,MACxD,mBAAmB,CAACI,EAAO,UAAUA,EAAOL,CAAI,CAAC,EAAE,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA;AAGjE;"}

package/dist/components/overlays/Drawer/Drawer.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_underlay_wnki2_1",e="_right_wnki2_12",_="_left_wnki2_16",t="_drawer_wnki2_21",d="_sm_wnki2_43",n="_md_wnki2_47",l="_lg_wnki2_51",a={underlay:r,"drawer-fade":"_drawer-fade_wnki2_1",right:e,left:_,drawer:t,"drawer-from-right":"_drawer-from-right_wnki2_1","drawer-from-left":"_drawer-from-left_wnki2_1",sm:d,md:n,lg:l};exports.default=a;exports.drawer=t;exports.left=_;exports.lg=l;exports.md=n;exports.right=e;exports.sm=d;exports.underlay=r;
+//# sourceMappingURL=Drawer.module.css.cjs.map

package/dist/components/overlays/Drawer/Drawer.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlays/Drawer/Drawer.module.css.js

@@ -0,0 +1,23 @@
+const r = "_underlay_wnki2_1", _ = "_right_wnki2_12", e = "_left_wnki2_16", n = "_drawer_wnki2_21", t = "_sm_wnki2_43", w = "_md_wnki2_47", d = "_lg_wnki2_51", a = {
+  underlay: r,
+  "drawer-fade": "_drawer-fade_wnki2_1",
+  right: _,
+  left: e,
+  drawer: n,
+  "drawer-from-right": "_drawer-from-right_wnki2_1",
+  "drawer-from-left": "_drawer-from-left_wnki2_1",
+  sm: t,
+  md: w,
+  lg: d
+};
+export {
+  a as default,
+  n as drawer,
+  e as left,
+  d as lg,
+  w as md,
+  _ as right,
+  t as sm,
+  r as underlay
+};
+//# sourceMappingURL=Drawer.module.css.js.map

package/dist/components/overlays/Drawer/Drawer.module.css.js.map

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

package/dist/components/overlays/Menu/Menu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),A=require("react-dom"),E=require("@react-aria/focus"),R=require("@react-aria/overlays"),I=require("../../../hooks/useMergedRefs.cjs"),o=require("./Menu.module.css.cjs"),T=require("../../../hooks/useSelection/useSelection.cjs"),B=require("../../icons/icons.cjs");function S(n,y){return u=>{n==null||n(u),y(u)}}function F({children:n,defaultOpen:y=!1,items:u,label:D,onOpenChange:a,open:h}){const l=c.useRef(null),[p,w]=c.useState(y),[M,i]=c.useState("first"),f=h??p;function k(t){w(t),a==null||a(t)}function b(t){i(t),k(!0)}function x(t){var g;k(!1),t&&((g=l.current)==null||g.focus())}const m=n.props,d=I.useMergedRefs(l,m.ref),j=c.cloneElement(n,{ref:d,"aria-haspopup":"menu","aria-expanded":f,onClick:S(m.onClick,()=>f?x(!0):b("first")),onKeyDown:S(m.onKeyDown,t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),b(t.key==="ArrowDown"?"first":"last"))})});return r.jsxs(r.Fragment,{children:[j,f&&typeof document<"u"&&A.createPortal(r.jsx(E.FocusScope,{children:r.jsx(H,{items:u,label:D,openedWith:M,onClose:x,triggerRef:l})}),document.body)]})}function K(n){return"items"in n}function H({items:n,label:y,onClose:u,openedWith:D,triggerRef:a}){var q;const h=c.useRef(null),l=c.useRef(new Map),p=c.useMemo(()=>n.flatMap(e=>K(e)?e.items:[e]),[n]),w=c.useMemo(()=>p.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[p]),M=T.useSelection({items:w,mode:"none"}),{focusedKey:i,focusFirst:f,focusLast:k,focusNext:b,focusPrevious:x,search:m}=M,{overlayProps:d}=R.useOverlay({isOpen:!0,onClose:()=>u(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var s;return!((s=a.current)!=null&&s.contains(e))}},h),{overlayProps:j}=R.useOverlayPosition({targetRef:a,overlayRef:h,placement:"bottom start",offset:6,containerPadding:8,isOpen:!0}),t=Math.min(Number((q=j.style)==null?void 0:q.maxHeight)||360,360);c.useEffect(()=>{D==="last"?k():f()},[]),c.useEffect(()=>{var e;i&&((e=l.current.get(i))==null||e.focus())},[i]);function g(e){var s;e.disabled||(u(!0),(s=e.onSelect)==null||s.call(e))}function N(e){const s=e.checked!==void 0;return r.jsxs("button",{"aria-checked":s?e.checked:void 0,"aria-keyshortcuts":e.shortcut,className:[o.default.item,e.tone==="danger"&&o.default.danger].filter(Boolean).join(" "),disabled:e.disabled,onClick:()=>g(e),ref:O=>{O?l.current.set(e.key,O):l.current.delete(e.key)},role:s?"menuitemcheckbox":"menuitem",tabIndex:i===e.key?0:-1,type:"button",children:[e.icon&&r.jsx("span",{"aria-hidden":"true",className:o.default.icon,children:e.icon}),r.jsx("span",{className:o.default.label,children:e.label}),e.shortcut&&r.jsx("kbd",{"aria-hidden":"true",className:o.default.shortcut,children:e.shortcut}),s&&r.jsx(B.IconCheck,{className:[o.default.check,e.checked&&o.default.checkOn].filter(Boolean).join(" ")})]},e.key)}function P(e){e.key==="ArrowDown"?(e.preventDefault(),b()):e.key==="ArrowUp"?(e.preventDefault(),x()):e.key==="Home"?(e.preventDefault(),f()):e.key==="End"?(e.preventDefault(),k()):e.key==="Escape"||e.key==="Tab"?u(!0):e.key.length===1&&!e.metaKey&&!e.ctrlKey&&m(e.key)}return r.jsx("div",{...d,"data-react-aria-top-layer":"true",ref:h,className:o.default.menu,style:{...j.style,maxHeight:t},role:"menu","aria-label":y,onKeyDown:e=>{var s;P(e),(s=d.onKeyDown)==null||s.call(d,e)},children:n.map((e,s)=>K(e)?r.jsxs("div",{"aria-label":e.title,className:o.default.section,role:"group",children:[s>0&&r.jsx("div",{"aria-hidden":"true",className:o.default.divider}),e.title&&r.jsx("div",{"aria-hidden":"true",className:o.default.sectionTitle,children:e.title}),e.items.map(N)]},e.key):N(e))})}exports.Menu=F;
+//# sourceMappingURL=Menu.cjs.map