@plenustech/design-system 0.2.1 → 0.2.3

package/dist/components/charts/scales/scales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scales.js","sources":["../../../../src/components/charts/scales/scales.ts"],"sourcesContent":["import { scaleBand, scaleLinear, scalePoint, scaleSqrt } from 'd3-scale';\nimport { extent, max, min } from 'd3-array';\n\nexport interface NumericRange {\n  max: number;\n  min: number;\n}\n\nexport interface ContinuousScaleOptions {\n  clamp?: boolean;\n  domain: NumericRange;\n  nice?: boolean;\n  range: [number, number];\n}\n\nexport interface CategoricalScaleOptions {\n  domain: readonly string[];\n  padding?: number;\n  range: [number, number];\n}\n\n/**\n * Faixa que cobre os valores, com o zero incluido por padrao. Uma barra que\n * nao parte do zero exagera a diferenca entre os valores.\n */\nexport function domainOf(values: readonly number[], { includeZero = true } = {}): NumericRange {\n  const finitos = values.filter(Number.isFinite);\n\n  if (finitos.length === 0) {\n    return { min: 0, max: 0 };\n  }\n\n  const [menor = 0, maior = 0] = extent(finitos);\n\n  return {\n    min: includeZero ? Math.min(menor, 0) : menor,\n    max: includeZero ? Math.max(maior, 0) : maior,\n  };\n}\n\n/**\n * Pilha divergente: positivos sobem do zero e negativos descem dele, cada sinal com o proprio acumulado.\n * Na soma corrida, `+10` e `-5` desenhavam o negativo por cima do positivo.\n */\nexport function stackDiverging(contributions: readonly number[]): [number, number][] {\n  let positivos = 0;\n  let negativos = 0;\n\n  return contributions.map((valor) => {\n    const parcela = Number.isFinite(valor) ? valor : 0;\n\n    if (parcela < 0) {\n      const inicio = negativos;\n      negativos += parcela;\n      return [inicio, negativos];\n    }\n\n    const inicio = positivos;\n    positivos += parcela;\n    return [inicio, positivos];\n  });\n}\n\n/** Une varias series na mesma faixa, para que compartilhem um unico eixo. */\nexport function mergeDomains(domains: readonly NumericRange[]): NumericRange {\n  if (domains.length === 0) {\n    return { min: 0, max: 0 };\n  }\n\n  return {\n    min: min(domains, (faixa) => faixa.min) ?? 0,\n    max: max(domains, (faixa) => faixa.max) ?? 0,\n  };\n}\n\n/** Parte da faixa abaixo do zero; sem amplitude, nao ha o que alinhar. */\nfunction parteNegativa({ min: menor, max: maior }: NumericRange) {\n  return maior > menor ? -menor / (maior - menor) : undefined;\n}\n\n/** Estende a faixa do lado que falta para o zero ficar na altura pedida, em fracao do eixo. */\nfunction levarZeroA(faixa: NumericRange, parte: number, altura: number): NumericRange {\n  if (parte > altura) {\n    return { min: faixa.min, max: (-faixa.min * (1 - altura)) / altura };\n  }\n\n  if (parte < altura) {\n    return { min: (-faixa.max * altura) / (1 - altura), max: faixa.max };\n  }\n\n  return faixa;\n}\n\n/**\n * Estende dois dominios que contem o zero para que ele caia na mesma altura nos\n * dois eixos. Cada um cresce so do lado que precisa, e a folga sai igual nos dois.\n */\nexport function alignZeros(a: NumericRange, b: NumericRange): [NumericRange, NumericRange] {\n  const parteA = parteNegativa(a);\n  const parteB = parteNegativa(b);\n\n  if (parteA === undefined || parteB === undefined) {\n    return [a, b];\n  }\n\n  const altura = Math.max(parteA, parteB) / (1 + Math.abs(parteA - parteB));\n\n  return [levarZeroA(a, parteA, altura), levarZeroA(b, parteB, altura)];\n}\n\nfunction guardFlat({ min: menor, max: maior }: NumericRange): [number, number] {\n  return menor === maior ? [menor, menor + 1] : [menor, maior];\n}\n\nexport function linearScale({ clamp = false, domain, nice = true, range }: ContinuousScaleOptions) {\n  const escala = scaleLinear().domain(guardFlat(domain)).range(range).clamp(clamp);\n\n  return nice ? escala.nice() : escala;\n}\n\n/** Faixas de largura igual, uma por categoria. Serve barras. */\nexport function bandScale({ domain, padding = 0.2, range }: CategoricalScaleOptions) {\n  return scaleBand().domain([...domain]).range(range).paddingInner(padding).paddingOuter(padding / 2);\n}\n\n/** Pontos sem largura, um por categoria. Serve linhas e dispersao. */\nexport function pointScale({ domain, padding = 0.5, range }: CategoricalScaleOptions) {\n  return scalePoint().domain([...domain]).range(range).padding(padding);\n}\n\n/**\n * Raio pela raiz do valor, para que a area da bolha acompanhe o dado em vez do\n * raio. Mapeando o valor direto ao raio, a area cresceria com o quadrado dele e\n * exageraria a diferenca.\n */\nexport function radiusScale(maxValue: number, range: [number, number]) {\n  return scaleSqrt().domain([0, maxValue > 0 ? maxValue : 1]).range(range);\n}\n\n/**\n * Marcas de um eixo continuo. Sem contagem informada, o eixo decide pelo\n * espaco que tem, para nao amontoar rotulos em area estreita. Em escala\n * categorica as marcas sao o proprio dominio.\n */\nexport function ticksFor(scale: { ticks: (count?: number) => number[] }, length: number, count?: number) {\n  return scale.ticks(count ?? Math.max(2, Math.min(10, Math.floor(length / 64))));\n}\n"],"names":["domainOf","values","includeZero","finitos","menor","maior","extent","stackDiverging","contributions","positivos","negativos","valor","parcela","inicio","mergeDomains","domains","min","faixa","max","parteNegativa","levarZeroA","parte","altura","alignZeros","a","b","parteA","parteB","guardFlat","linearScale","clamp","domain","nice","range","escala","scaleLinear","bandScale","padding","scaleBand","pointScale","scalePoint","radiusScale","maxValue","scaleSqrt","ticksFor","scale","length","count"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),o=require("./Accordion.module.css.cjs"),q=require("../../../hooks/useSelection/useSelection.cjs"),D=require("../../icons/icons.cjs");function I({aberto:s,abrir:t,...d}){const l=f.useRef(null);return f.useEffect(()=>{const c=l.current;if(!(!c||s||!t))return c.setAttribute("hidden","until-found"),c.addEventListener("beforematch",t),()=>c.removeEventListener("beforematch",t)},[s,t]),r.jsx("div",{...d,hidden:!s,ref:l})}function K({className:s,defaultExpandedKeys:t,expandedKeys:d,items:l,multiple:c=!1,onExpandedChange:i,iconPosition:y="right",divider:x=!0,headingLevel:g=3,...N}){const k=`accordion-${f.useId()}`,A=`h${g}`,b=f.useRef(new Map),u=f.useMemo(()=>l.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[l]),h=q.useSelection({allowEmpty:!0,items:u,mode:c?"multiple":"single",defaultSelectedKeys:d===void 0?t:void 0,selectedKeys:d,onSelectionChange:e=>i==null?void 0:i([...e])});function S(e,a){var p,v,$;let n;e.key==="ArrowDown"?n=w(u,a,1):e.key==="ArrowUp"?n=w(u,a,-1):e.key==="Home"?n=(p=u.find(j=>!j.disabled))==null?void 0:p.key:e.key==="End"&&(n=(v=[...u].reverse().find(j=>!j.disabled))==null?void 0:v.key),n&&(e.preventDefault(),($=b.current.get(n))==null||$.focus())}return r.jsx("div",{...N,className:[o.default.accordion,x&&o.default.divided,s].filter(Boolean).join(" "),children:l.map(e=>{const a=h.selectedKeys.has(e.key);return r.jsxs("div",{className:o.default.item,children:[r.jsx(A,{className:o.default.heading,id:e.id,children:r.jsxs("button",{ref:n=>{n?b.current.set(e.key,n):b.current.delete(e.key)},className:[o.default.trigger,y==="left"&&o.default.iconLeft].filter(Boolean).join(" "),type:"button",id:`${k}-${e.key}`,"aria-controls":`${k}-${e.key}-panel`,"aria-expanded":a,disabled:e.disabled,onClick:()=>h.select(e.key),onKeyDown:n=>S(n,e.key),children:[r.jsx("span",{className:o.default.label,children:e.label}),r.jsx(D.IconChevronDown,{className:[o.default.icon,a&&o.default.iconOpen].filter(Boolean).join(" "),size:16})]})}),r.jsx(I,{aberto:a,abrir:e.disabled?void 0:()=>h.select(e.key),"aria-labelledby":`${k}-${e.key}`,className:o.default.panel,id:`${k}-${e.key}-panel`,role:"region",children:e.content})]},e.key)})})}function w(s,t,d){const l=s.length,c=s.findIndex(i=>i.key===t);for(let i=1;i<=l;i+=1){const y=s[(c+d*i+l*l)%l];if(!y.disabled)return y.key}return t}exports.Accordion=K;
+//# sourceMappingURL=Accordion.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/data-display/Accordion/Accordion.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 './Accordion.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport interface AccordionItem {\n  content: ReactNode;\n  disabled?: boolean;\n  /** Id do cabecalho, para um link de ancora apontar a secao. */\n  id?: string;\n  key: string;\n  label: string;\n}\n\nexport type AccordionIconPosition = 'left' | 'right';\nexport type AccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport interface AccordionProps extends ComponentPropsWithRef<'div'> {\n  defaultExpandedKeys?: readonly string[];\n  expandedKeys?: readonly string[];\n  items: readonly AccordionItem[];\n  multiple?: boolean;\n  onExpandedChange?: (keys: readonly string[]) => void;\n  /** Direita e a convencao da web; esquerda serve a rotulos curtos em coluna estreita. */\n  iconPosition?: AccordionIconPosition;\n  /** Divisor entre as secoes, com a folga que ele exige. */\n  divider?: boolean;\n  /** Nivel do titulo de cada secao, na hierarquia da pagina em que o acordeao esta. */\n  headingLevel?: AccordionHeadingLevel;\n}\n\ninterface PainelProps extends ComponentPropsWithRef<'div'> {\n  aberto: boolean;\n  /** Sem ele, o painel fechado fica fora da busca da pagina. */\n  abrir?: () => void;\n}\n\n/**\n * Painel fechado com `hidden=\"until-found\"`: o Ctrl+F do navegador acha o texto dele, e o evento `beforematch`\n * abre a secao. O atributo entra depois da montagem, porque o React so conhece o `hidden` booleano.\n */\nfunction Painel({ aberto, abrir, ...props }: PainelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const painel = ref.current;\n\n    if (!painel || aberto || !abrir) {\n      return;\n    }\n\n    painel.setAttribute('hidden', 'until-found');\n    painel.addEventListener('beforematch', abrir);\n\n    return () => painel.removeEventListener('beforematch', abrir);\n  }, [aberto, abrir]);\n\n  return <div {...props} hidden={!aberto} ref={ref} />;\n}\n\nexport function Accordion({\n  className,\n  defaultExpandedKeys,\n  expandedKeys,\n  items,\n  multiple = false,\n  onExpandedChange,\n  iconPosition = 'right',\n  divider = true,\n  headingLevel = 3,\n  ...props\n}: AccordionProps) {\n  const baseId = `accordion-${useId()}`;\n  const Titulo = `h${headingLevel}` as const;\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 selection = useSelection({\n    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um\n    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.\n    allowEmpty: true,\n    items: collection,\n    mode: multiple ? 'multiple' : 'single',\n    defaultSelectedKeys: expandedKeys === undefined ? defaultExpandedKeys : undefined,\n    selectedKeys: expandedKeys,\n    onSelectionChange: (keys) => onExpandedChange?.([...keys]),\n  });\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, key: string) {\n    let destino: string | undefined;\n\n    if (event.key === 'ArrowDown') {\n      destino = proxima(collection, key, 1);\n    } else if (event.key === 'ArrowUp') {\n      destino = proxima(collection, key, -1);\n    } else if (event.key === 'Home') {\n      destino = collection.find((item) => !item.disabled)?.key;\n    } else if (event.key === 'End') {\n      destino = [...collection].reverse().find((item) => !item.disabled)?.key;\n    }\n\n    if (destino) {\n      event.preventDefault();\n      nodes.current.get(destino)?.focus();\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.accordion, divider && styles.divided, className].filter(Boolean).join(' ')}\n    >\n      {items.map((item) => {\n        const aberto = selection.selectedKeys.has(item.key);\n\n        return (\n          <div className={styles.item} key={item.key}>\n            <Titulo className={styles.heading} id={item.id}>\n              <button\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.trigger, iconPosition === 'left' && styles.iconLeft].filter(Boolean).join(' ')}\n                type=\"button\"\n                id={`${baseId}-${item.key}`}\n                aria-controls={`${baseId}-${item.key}-panel`}\n                aria-expanded={aberto}\n                disabled={item.disabled}\n                onClick={() => selection.select(item.key)}\n                onKeyDown={(event) => handleKeyDown(event, item.key)}\n              >\n                <span className={styles.label}>{item.label}</span>\n                <IconChevronDown className={[styles.icon, aberto && styles.iconOpen].filter(Boolean).join(' ')} size={16} />\n              </button>\n            </Titulo>\n            <Painel\n              aberto={aberto}\n              abrir={item.disabled ? undefined : () => selection.select(item.key)}\n              aria-labelledby={`${baseId}-${item.key}`}\n              className={styles.panel}\n              id={`${baseId}-${item.key}-panel`}\n              role=\"region\"\n            >\n              {item.content}\n            </Painel>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction proxima(items: readonly SelectionItem[], from: string, 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":["Painel","aberto","abrir","props","ref","useRef","useEffect","painel","Accordion","className","defaultExpandedKeys","expandedKeys","items","multiple","onExpandedChange","iconPosition","divider","headingLevel","baseId","useId","Titulo","nodes","collection","useMemo","item","selection","useSelection","keys","handleKeyDown","event","key","destino","proxima","_a","_b","_c","jsx","styles","jsxs","node","IconChevronDown","from","passo","total","inicio"],"mappings":"6QAiDA,SAASA,EAAO,CAAE,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,GAAsB,CACxD,MAAMC,EAAMC,EAAAA,OAAuB,IAAI,EAEvCC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASH,EAAI,QAEnB,GAAI,GAACG,GAAUN,GAAU,CAACC,GAI1B,OAAAK,EAAO,aAAa,SAAU,aAAa,EAC3CA,EAAO,iBAAiB,cAAeL,CAAK,EAErC,IAAMK,EAAO,oBAAoB,cAAeL,CAAK,CAC9D,EAAG,CAACD,EAAQC,CAAK,CAAC,QAEV,MAAA,CAAK,GAAGC,EAAO,OAAQ,CAACF,EAAQ,IAAAG,EAAU,CACpD,CAEO,SAASI,EAAU,CACxB,UAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,iBAAAC,EACA,aAAAC,EAAe,QACf,QAAAC,EAAU,GACV,aAAAC,EAAe,EACf,GAAGd,CACL,EAAmB,CACjB,MAAMe,EAAS,aAAaC,EAAAA,MAAA,CAAO,GAC7BC,EAAS,IAAIH,CAAY,GACzBI,EAAQhB,EAAAA,OAAO,IAAI,GAA0B,EAC7CiB,EAAaC,EAAAA,QACjB,IAAMX,EAAM,IAAKY,IAAU,CAAE,IAAKA,EAAK,IAAK,SAAUA,EAAK,SAAU,UAAWA,EAAK,OAAQ,EAC7F,CAACZ,CAAK,CAAA,EAEFa,EAAYC,EAAAA,aAAa,CAG7B,WAAY,GACZ,MAAOJ,EACP,KAAMT,EAAW,WAAa,SAC9B,oBAAqBF,IAAiB,OAAYD,EAAsB,OACxE,aAAcC,EACd,kBAAoBgB,GAASb,GAAA,YAAAA,EAAmB,CAAC,GAAGa,CAAI,EAAC,CAC1D,EAED,SAASC,EAAcC,EAAyCC,EAAa,WAC3E,IAAIC,EAEAF,EAAM,MAAQ,YAChBE,EAAUC,EAAQV,EAAYQ,EAAK,CAAC,EAC3BD,EAAM,MAAQ,UACvBE,EAAUC,EAAQV,EAAYQ,EAAK,EAAE,EAC5BD,EAAM,MAAQ,OACvBE,GAAUE,EAAAX,EAAW,KAAME,GAAS,CAACA,EAAK,QAAQ,IAAxC,YAAAS,EAA2C,IAC5CJ,EAAM,MAAQ,QACvBE,GAAUG,EAAA,CAAC,GAAGZ,CAAU,EAAE,QAAA,EAAU,KAAME,GAAS,CAACA,EAAK,QAAQ,IAAvD,YAAAU,EAA0D,KAGlEH,IACFF,EAAM,eAAA,GACNM,EAAAd,EAAM,QAAQ,IAAIU,CAAO,IAAzB,MAAAI,EAA4B,QAEhC,CAEA,OACEC,EAAAA,IAAC,MAAA,CACE,GAAGjC,EACJ,UAAW,CAACkC,EAAAA,QAAO,UAAWrB,GAAWqB,EAAAA,QAAO,QAAS5B,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE3F,SAAAG,EAAM,IAAKY,GAAS,CACnB,MAAMvB,EAASwB,EAAU,aAAa,IAAID,EAAK,GAAG,EAElD,OACEc,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KACrB,SAAA,CAAAD,MAAChB,GAAO,UAAWiB,EAAAA,QAAO,QAAS,GAAIb,EAAK,GAC1C,SAAAc,EAAAA,KAAC,SAAA,CACC,IAAMC,GAAS,CACTA,EACFlB,EAAM,QAAQ,IAAIG,EAAK,IAAKe,CAAI,EAEhClB,EAAM,QAAQ,OAAOG,EAAK,GAAG,CAEjC,EACA,UAAW,CAACa,EAAAA,QAAO,QAAStB,IAAiB,QAAUsB,EAAAA,QAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAChG,KAAK,SACL,GAAI,GAAGnB,CAAM,IAAIM,EAAK,GAAG,GACzB,gBAAe,GAAGN,CAAM,IAAIM,EAAK,GAAG,SACpC,gBAAevB,EACf,SAAUuB,EAAK,SACf,QAAS,IAAMC,EAAU,OAAOD,EAAK,GAAG,EACxC,UAAYK,GAAUD,EAAcC,EAAOL,EAAK,GAAG,EAEnD,SAAA,CAAAY,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,WAAK,MAAM,QAC1CG,EAAAA,gBAAA,CAAgB,UAAW,CAACH,EAAAA,QAAO,KAAMpC,GAAUoC,EAAAA,QAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,KAAM,EAAA,CAAI,CAAA,CAAA,CAAA,EAE9G,EACAD,EAAAA,IAACpC,EAAA,CACC,OAAAC,EACA,MAAOuB,EAAK,SAAW,OAAY,IAAMC,EAAU,OAAOD,EAAK,GAAG,EAClE,kBAAiB,GAAGN,CAAM,IAAIM,EAAK,GAAG,GACtC,UAAWa,EAAAA,QAAO,MAClB,GAAI,GAAGnB,CAAM,IAAIM,EAAK,GAAG,SACzB,KAAK,SAEJ,SAAAA,EAAK,OAAA,CAAA,CACR,CAAA,EAhCgCA,EAAK,GAiCvC,CAEJ,CAAC,CAAA,CAAA,CAGP,CAEA,SAASQ,EAAQpB,EAAiC6B,EAAcC,EAAe,CAC7E,MAAMC,EAAQ/B,EAAM,OACdgC,EAAShC,EAAM,UAAWY,GAASA,EAAK,MAAQiB,CAAI,EAE1D,QAAS,EAAI,EAAG,GAAKE,EAAO,GAAK,EAAG,CAClC,MAAMnB,EAAOZ,GAAOgC,EAASF,EAAQ,EAAIC,EAAQA,GAASA,CAAK,EAC/D,GAAI,CAACnB,EAAK,SACR,OAAOA,EAAK,GAEhB,CAEA,OAAOiB,CACT"}

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

@@ -0,0 +1,101 @@
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import { useId as K, useRef as N, useMemo as B, useEffect as L } from "react";
+import o from "./Accordion.module.css.js";
+import { useSelection as S } from "../../../hooks/useSelection/useSelection.js";
+import { IconChevronDown as x } from "../../icons/icons.js";
+function M({ aberto: i, abrir: r, ...c }) {
+  const n = N(null);
+  return L(() => {
+    const t = n.current;
+    if (!(!t || i || !r))
+      return t.setAttribute("hidden", "until-found"), t.addEventListener("beforematch", r), () => t.removeEventListener("beforematch", r);
+  }, [i, r]), /* @__PURE__ */ a("div", { ...c, hidden: !i, ref: n });
+}
+function R({
+  className: i,
+  defaultExpandedKeys: r,
+  expandedKeys: c,
+  items: n,
+  multiple: t = !1,
+  onExpandedChange: s,
+  iconPosition: u = "right",
+  divider: g = !0,
+  headingLevel: j = 3,
+  ...D
+}) {
+  const y = `accordion-${K()}`, A = `h${j}`, k = N(/* @__PURE__ */ new Map()), f = B(
+    () => n.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
+    [n]
+  ), p = S({
+    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um
+    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.
+    allowEmpty: !0,
+    items: f,
+    mode: t ? "multiple" : "single",
+    defaultSelectedKeys: c === void 0 ? r : void 0,
+    selectedKeys: c,
+    onSelectionChange: (e) => s == null ? void 0 : s([...e])
+  });
+  function I(e, d) {
+    var h, $, m;
+    let l;
+    e.key === "ArrowDown" ? l = w(f, d, 1) : e.key === "ArrowUp" ? l = w(f, d, -1) : e.key === "Home" ? l = (h = f.find((b) => !b.disabled)) == null ? void 0 : h.key : e.key === "End" && (l = ($ = [...f].reverse().find((b) => !b.disabled)) == null ? void 0 : $.key), l && (e.preventDefault(), (m = k.current.get(l)) == null || m.focus());
+  }
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...D,
+      className: [o.accordion, g && o.divided, i].filter(Boolean).join(" "),
+      children: n.map((e) => {
+        const d = p.selectedKeys.has(e.key);
+        return /* @__PURE__ */ v("div", { className: o.item, children: [
+          /* @__PURE__ */ a(A, { className: o.heading, id: e.id, children: /* @__PURE__ */ v(
+            "button",
+            {
+              ref: (l) => {
+                l ? k.current.set(e.key, l) : k.current.delete(e.key);
+              },
+              className: [o.trigger, u === "left" && o.iconLeft].filter(Boolean).join(" "),
+              type: "button",
+              id: `${y}-${e.key}`,
+              "aria-controls": `${y}-${e.key}-panel`,
+              "aria-expanded": d,
+              disabled: e.disabled,
+              onClick: () => p.select(e.key),
+              onKeyDown: (l) => I(l, e.key),
+              children: [
+                /* @__PURE__ */ a("span", { className: o.label, children: e.label }),
+                /* @__PURE__ */ a(x, { className: [o.icon, d && o.iconOpen].filter(Boolean).join(" "), size: 16 })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ a(
+            M,
+            {
+              aberto: d,
+              abrir: e.disabled ? void 0 : () => p.select(e.key),
+              "aria-labelledby": `${y}-${e.key}`,
+              className: o.panel,
+              id: `${y}-${e.key}-panel`,
+              role: "region",
+              children: e.content
+            }
+          )
+        ] }, e.key);
+      })
+    }
+  );
+}
+function w(i, r, c) {
+  const n = i.length, t = i.findIndex((s) => s.key === r);
+  for (let s = 1; s <= n; s += 1) {
+    const u = i[(t + c * s + n * n) % n];
+    if (!u.disabled)
+      return u.key;
+  }
+  return r;
+}
+export {
+  R as Accordion
+};
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/data-display/Accordion/Accordion.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 './Accordion.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport interface AccordionItem {\n  content: ReactNode;\n  disabled?: boolean;\n  /** Id do cabecalho, para um link de ancora apontar a secao. */\n  id?: string;\n  key: string;\n  label: string;\n}\n\nexport type AccordionIconPosition = 'left' | 'right';\nexport type AccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport interface AccordionProps extends ComponentPropsWithRef<'div'> {\n  defaultExpandedKeys?: readonly string[];\n  expandedKeys?: readonly string[];\n  items: readonly AccordionItem[];\n  multiple?: boolean;\n  onExpandedChange?: (keys: readonly string[]) => void;\n  /** Direita e a convencao da web; esquerda serve a rotulos curtos em coluna estreita. */\n  iconPosition?: AccordionIconPosition;\n  /** Divisor entre as secoes, com a folga que ele exige. */\n  divider?: boolean;\n  /** Nivel do titulo de cada secao, na hierarquia da pagina em que o acordeao esta. */\n  headingLevel?: AccordionHeadingLevel;\n}\n\ninterface PainelProps extends ComponentPropsWithRef<'div'> {\n  aberto: boolean;\n  /** Sem ele, o painel fechado fica fora da busca da pagina. */\n  abrir?: () => void;\n}\n\n/**\n * Painel fechado com `hidden=\"until-found\"`: o Ctrl+F do navegador acha o texto dele, e o evento `beforematch`\n * abre a secao. O atributo entra depois da montagem, porque o React so conhece o `hidden` booleano.\n */\nfunction Painel({ aberto, abrir, ...props }: PainelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const painel = ref.current;\n\n    if (!painel || aberto || !abrir) {\n      return;\n    }\n\n    painel.setAttribute('hidden', 'until-found');\n    painel.addEventListener('beforematch', abrir);\n\n    return () => painel.removeEventListener('beforematch', abrir);\n  }, [aberto, abrir]);\n\n  return <div {...props} hidden={!aberto} ref={ref} />;\n}\n\nexport function Accordion({\n  className,\n  defaultExpandedKeys,\n  expandedKeys,\n  items,\n  multiple = false,\n  onExpandedChange,\n  iconPosition = 'right',\n  divider = true,\n  headingLevel = 3,\n  ...props\n}: AccordionProps) {\n  const baseId = `accordion-${useId()}`;\n  const Titulo = `h${headingLevel}` as const;\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 selection = useSelection({\n    // Uma secao aberta fecha ao ser clicada de novo, e nenhuma aberta e um\n    // estado valido do acordeao — ao contrario de uma aba, que sempre tem uma.\n    allowEmpty: true,\n    items: collection,\n    mode: multiple ? 'multiple' : 'single',\n    defaultSelectedKeys: expandedKeys === undefined ? defaultExpandedKeys : undefined,\n    selectedKeys: expandedKeys,\n    onSelectionChange: (keys) => onExpandedChange?.([...keys]),\n  });\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, key: string) {\n    let destino: string | undefined;\n\n    if (event.key === 'ArrowDown') {\n      destino = proxima(collection, key, 1);\n    } else if (event.key === 'ArrowUp') {\n      destino = proxima(collection, key, -1);\n    } else if (event.key === 'Home') {\n      destino = collection.find((item) => !item.disabled)?.key;\n    } else if (event.key === 'End') {\n      destino = [...collection].reverse().find((item) => !item.disabled)?.key;\n    }\n\n    if (destino) {\n      event.preventDefault();\n      nodes.current.get(destino)?.focus();\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      className={[styles.accordion, divider && styles.divided, className].filter(Boolean).join(' ')}\n    >\n      {items.map((item) => {\n        const aberto = selection.selectedKeys.has(item.key);\n\n        return (\n          <div className={styles.item} key={item.key}>\n            <Titulo className={styles.heading} id={item.id}>\n              <button\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.trigger, iconPosition === 'left' && styles.iconLeft].filter(Boolean).join(' ')}\n                type=\"button\"\n                id={`${baseId}-${item.key}`}\n                aria-controls={`${baseId}-${item.key}-panel`}\n                aria-expanded={aberto}\n                disabled={item.disabled}\n                onClick={() => selection.select(item.key)}\n                onKeyDown={(event) => handleKeyDown(event, item.key)}\n              >\n                <span className={styles.label}>{item.label}</span>\n                <IconChevronDown className={[styles.icon, aberto && styles.iconOpen].filter(Boolean).join(' ')} size={16} />\n              </button>\n            </Titulo>\n            <Painel\n              aberto={aberto}\n              abrir={item.disabled ? undefined : () => selection.select(item.key)}\n              aria-labelledby={`${baseId}-${item.key}`}\n              className={styles.panel}\n              id={`${baseId}-${item.key}-panel`}\n              role=\"region\"\n            >\n              {item.content}\n            </Painel>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction proxima(items: readonly SelectionItem[], from: string, 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":["Painel","aberto","abrir","props","ref","useRef","useEffect","painel","Accordion","className","defaultExpandedKeys","expandedKeys","items","multiple","onExpandedChange","iconPosition","divider","headingLevel","baseId","useId","Titulo","nodes","collection","useMemo","item","selection","useSelection","keys","handleKeyDown","event","key","destino","proxima","_a","_b","_c","jsx","styles","jsxs","node","IconChevronDown","from","passo","total","inicio","i"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_accordion_vpjyx_1",n="_divided_vpjyx_7",i="_item_vpjyx_13",o="_trigger_vpjyx_17",c="_panel_vpjyx_21",t="_heading_vpjyx_25",_="_icon_vpjyx_50",d="_label_vpjyx_59",a="_iconLeft_vpjyx_63",l="_iconOpen_vpjyx_74",p={accordion:e,divided:n,item:i,trigger:o,panel:c,heading:t,icon:_,label:d,iconLeft:a,iconOpen:l};exports.accordion=e;exports.default=p;exports.divided=n;exports.heading=t;exports.icon=_;exports.iconLeft=a;exports.iconOpen=l;exports.item=i;exports.label=d;exports.panel=c;exports.trigger=o;
+//# sourceMappingURL=Accordion.module.css.cjs.map

package/dist/components/data-display/Accordion/Accordion.module.css.cjs.map

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

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

@@ -0,0 +1,26 @@
+const n = "_accordion_vpjyx_1", _ = "_divided_vpjyx_7", e = "_item_vpjyx_13", i = "_trigger_vpjyx_17", o = "_panel_vpjyx_21", c = "_heading_vpjyx_25", t = "_icon_vpjyx_50", p = "_label_vpjyx_59", d = "_iconLeft_vpjyx_63", a = "_iconOpen_vpjyx_74", s = {
+  accordion: n,
+  divided: _,
+  item: e,
+  trigger: i,
+  panel: o,
+  heading: c,
+  icon: t,
+  label: p,
+  iconLeft: d,
+  iconOpen: a
+};
+export {
+  n as accordion,
+  s as default,
+  _ as divided,
+  c as heading,
+  t as icon,
+  d as iconLeft,
+  a as iconOpen,
+  e as item,
+  p as label,
+  o as panel,
+  i as trigger
+};
+//# sourceMappingURL=Accordion.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),u=require("./Avatar.module.css.cjs");function j(a){return a.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join("").toUpperCase()||"?"}function v({className:a,name:t,onError:e,size:c="md",src:s,...i}){const[f,l]=r.useState(!1),n=[u.default.avatar,u.default[c],a].filter(Boolean).join(" "),m=!!s&&!f;r.useEffect(()=>{l(!1)},[s]);function d(g){l(!0),e==null||e(g)}return m?o.jsx("img",{...i,className:n,src:s,alt:t,onError:d}):o.jsx("span",{...i,className:n,role:"img","aria-label":t,children:j(t)})}exports.Avatar=v;
+//# sourceMappingURL=Avatar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/data-display/Avatar/Avatar.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes, type SyntheticEvent } from 'react';\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: AvatarSize;\n  src?: string;\n}\n\nfunction getInitials(name: string) {\n  const names = name.trim().split(/\\s+/).filter(Boolean);\n  return names.slice(0, 2).map((part) => part[0]).join('').toUpperCase() || '?';\n}\n\nexport function Avatar({ className, name, onError, size = 'md', src, ...props }: AvatarProps) {\n  const [imageFailed, setImageFailed] = useState(false);\n  const classes = [styles.avatar, styles[size], className].filter(Boolean).join(' ');\n  const showImage = Boolean(src) && !imageFailed;\n\n  useEffect(() => {\n    setImageFailed(false);\n  }, [src]);\n\n  function handleError(event: SyntheticEvent<HTMLElement, Event>) {\n    setImageFailed(true);\n    onError?.(event);\n  }\n\n  if (!showImage) {\n    return (\n      <span {...props} className={classes} role=\"img\" aria-label={name}>\n        {getInitials(name)}\n      </span>\n    );\n  }\n\n  return <img {...props} className={classes} src={src} alt={name} onError={handleError} />;\n}\n"],"names":["getInitials","name","part","Avatar","className","onError","size","src","props","imageFailed","setImageFailed","useState","classes","styles","showImage","useEffect","handleError","event","jsx"],"mappings":"6KAWA,SAASA,EAAYC,EAAc,CAEjC,OADcA,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACxC,MAAM,EAAG,CAAC,EAAE,IAAKC,GAASA,EAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,eAAiB,GAC5E,CAEO,SAASC,EAAO,CAAE,UAAAC,EAAW,KAAAH,EAAM,QAAAI,EAAS,KAAAC,EAAO,KAAM,IAAAC,EAAK,GAAGC,GAAsB,CAC5F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9CC,EAAU,CAACC,EAAAA,QAAO,OAAQA,EAAAA,QAAOP,CAAI,EAAGF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC3EU,EAAY,EAAQP,GAAQ,CAACE,EAEnCM,EAAAA,UAAU,IAAM,CACdL,EAAe,EAAK,CACtB,EAAG,CAACH,CAAG,CAAC,EAER,SAASS,EAAYC,EAA2C,CAC9DP,EAAe,EAAI,EACnBL,GAAA,MAAAA,EAAUY,EACZ,CAEA,OAAKH,EAQEI,MAAC,MAAA,CAAK,GAAGV,EAAO,UAAWI,EAAS,IAAAL,EAAU,IAAKN,EAAM,QAASe,CAAA,CAAa,EANlFE,EAAAA,IAAC,OAAA,CAAM,GAAGV,EAAO,UAAWI,EAAS,KAAK,MAAM,aAAYX,EACzD,SAAAD,EAAYC,CAAI,CAAA,CACnB,CAKN"}

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

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as g, useEffect as d } from "react";
+import m from "./Avatar.module.css.js";
+function h(t) {
+  return t.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]).join("").toUpperCase() || "?";
+}
+function v({ className: t, name: a, onError: e, size: r = "md", src: s, ...i }) {
+  const [f, l] = g(!1), n = [m.avatar, m[r], t].filter(Boolean).join(" "), c = !!s && !f;
+  d(() => {
+    l(!1);
+  }, [s]);
+  function u(p) {
+    l(!0), e == null || e(p);
+  }
+  return c ? /* @__PURE__ */ o("img", { ...i, className: n, src: s, alt: a, onError: u }) : /* @__PURE__ */ o("span", { ...i, className: n, role: "img", "aria-label": a, children: h(a) });
+}
+export {
+  v as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/data-display/Avatar/Avatar.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes, type SyntheticEvent } from 'react';\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: AvatarSize;\n  src?: string;\n}\n\nfunction getInitials(name: string) {\n  const names = name.trim().split(/\\s+/).filter(Boolean);\n  return names.slice(0, 2).map((part) => part[0]).join('').toUpperCase() || '?';\n}\n\nexport function Avatar({ className, name, onError, size = 'md', src, ...props }: AvatarProps) {\n  const [imageFailed, setImageFailed] = useState(false);\n  const classes = [styles.avatar, styles[size], className].filter(Boolean).join(' ');\n  const showImage = Boolean(src) && !imageFailed;\n\n  useEffect(() => {\n    setImageFailed(false);\n  }, [src]);\n\n  function handleError(event: SyntheticEvent<HTMLElement, Event>) {\n    setImageFailed(true);\n    onError?.(event);\n  }\n\n  if (!showImage) {\n    return (\n      <span {...props} className={classes} role=\"img\" aria-label={name}>\n        {getInitials(name)}\n      </span>\n    );\n  }\n\n  return <img {...props} className={classes} src={src} alt={name} onError={handleError} />;\n}\n"],"names":["getInitials","name","part","Avatar","className","onError","size","src","props","imageFailed","setImageFailed","useState","classes","styles","showImage","useEffect","handleError","event","jsx"],"mappings":";;;AAWA,SAASA,EAAYC,GAAc;AAEjC,SADcA,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACxC,MAAM,GAAG,CAAC,EAAE,IAAI,CAACC,MAASA,EAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB;AAC5E;AAEO,SAASC,EAAO,EAAE,WAAAC,GAAW,MAAAH,GAAM,SAAAI,GAAS,MAAAC,IAAO,MAAM,KAAAC,GAAK,GAAGC,KAAsB;AAC5F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAU,CAACC,EAAO,QAAQA,EAAOP,CAAI,GAAGF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC3EU,IAAY,EAAQP,KAAQ,CAACE;AAEnC,EAAAM,EAAU,MAAM;AACd,IAAAL,EAAe,EAAK;AAAA,EACtB,GAAG,CAACH,CAAG,CAAC;AAER,WAASS,EAAYC,GAA2C;AAC9D,IAAAP,EAAe,EAAI,GACnBL,KAAA,QAAAA,EAAUY;AAAA,EACZ;AAEA,SAAKH,IAQE,gBAAAI,EAAC,OAAA,EAAK,GAAGV,GAAO,WAAWI,GAAS,KAAAL,GAAU,KAAKN,GAAM,SAASe,EAAA,CAAa,IANlF,gBAAAE,EAAC,QAAA,EAAM,GAAGV,GAAO,WAAWI,GAAS,MAAK,OAAM,cAAYX,GACzD,UAAAD,EAAYC,CAAI,EAAA,CACnB;AAKN;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_avatar_16peg_1",t="_sm_16peg_14",a="_md_16peg_20",s="_lg_16peg_26",_={avatar:e,sm:t,md:a,lg:s};exports.avatar=e;exports.default=_;exports.lg=s;exports.md=a;exports.sm=t;
+//# sourceMappingURL=Avatar.module.css.cjs.map

package/dist/components/data-display/Avatar/Avatar.module.css.cjs.map

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

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

@@ -0,0 +1,14 @@
+const _ = "_avatar_16peg_1", a = "_sm_16peg_14", s = "_md_16peg_20", t = "_lg_16peg_26", e = {
+  avatar: _,
+  sm: a,
+  md: s,
+  lg: t
+};
+export {
+  _ as avatar,
+  e as default,
+  t as lg,
+  s as md,
+  a as sm
+};
+//# sourceMappingURL=Avatar.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./Badge.module.css.cjs");function o({children:t,className:s,dot:l=!1,outline:n=!1,tone:u="neutral",...d}){const r=[e.default.badge,e.default[u],n&&e.default.outline,s].filter(Boolean).join(" ");return a.jsxs("span",{...d,className:r,children:[l&&a.jsx("span",{className:e.default.dot,"aria-hidden":"true"}),t]})}exports.Badge=o;
+//# sourceMappingURL=Badge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/data-display/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Badge.module.css';\n\nexport type BadgeTone = 'ok' | 'warn' | 'info' | 'danger' | 'primary' | 'neutral';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  dot?: boolean;\n  outline?: boolean;\n  tone?: BadgeTone;\n}\n\nexport function Badge({ children, className, dot = false, outline = false, tone = 'neutral', ...props }: BadgeProps) {\n  const classes = [styles.badge, styles[tone], outline && styles.outline, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...props} className={classes}>\n      {dot && <span className={styles.dot} aria-hidden=\"true\" />}\n      {children}\n    </span>\n  );\n}\n"],"names":["Badge","children","className","dot","outline","tone","props","classes","styles","jsxs"],"mappings":"yJAWO,SAASA,EAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,IAAAC,EAAM,GAAO,QAAAC,EAAU,GAAO,KAAAC,EAAO,UAAW,GAAGC,CAAA,EAAqB,CACnH,MAAMC,EAAU,CAACC,EAAAA,QAAO,MAAOA,EAAAA,QAAOH,CAAI,EAAGD,GAAWI,EAAAA,QAAO,QAASN,CAAS,EAC9E,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEO,EAAAA,KAAC,OAAA,CAAM,GAAGH,EAAO,UAAWC,EACzB,SAAA,CAAAJ,SAAQ,OAAA,CAAK,UAAWK,EAAAA,QAAO,IAAK,cAAY,OAAO,EACvDP,CAAA,EACH,CAEJ"}

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

@@ -0,0 +1,13 @@
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import e from "./Badge.module.css.js";
+function m({ children: s, className: a, dot: n = !1, outline: o = !1, tone: r = "neutral", ...t }) {
+  const l = [e.badge, e[r], o && e.outline, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("span", { ...t, className: l, children: [
+    n && /* @__PURE__ */ c("span", { className: e.dot, "aria-hidden": "true" }),
+    s
+  ] });
+}
+export {
+  m as Badge
+};
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/data-display/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Badge.module.css';\n\nexport type BadgeTone = 'ok' | 'warn' | 'info' | 'danger' | 'primary' | 'neutral';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  dot?: boolean;\n  outline?: boolean;\n  tone?: BadgeTone;\n}\n\nexport function Badge({ children, className, dot = false, outline = false, tone = 'neutral', ...props }: BadgeProps) {\n  const classes = [styles.badge, styles[tone], outline && styles.outline, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...props} className={classes}>\n      {dot && <span className={styles.dot} aria-hidden=\"true\" />}\n      {children}\n    </span>\n  );\n}\n"],"names":["Badge","children","className","dot","outline","tone","props","classes","styles","jsxs"],"mappings":";;AAWO,SAASA,EAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,KAAAC,IAAM,IAAO,SAAAC,IAAU,IAAO,MAAAC,IAAO,WAAW,GAAGC,EAAA,GAAqB;AACnH,QAAMC,IAAU,CAACC,EAAO,OAAOA,EAAOH,CAAI,GAAGD,KAAWI,EAAO,SAASN,CAAS,EAC9E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAO,EAAC,QAAA,EAAM,GAAGH,GAAO,WAAWC,GACzB,UAAA;AAAA,IAAAJ,uBAAQ,QAAA,EAAK,WAAWK,EAAO,KAAK,eAAY,QAAO;AAAA,IACvDP;AAAA,EAAA,GACH;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_badge_baviu_1",a="_dot_baviu_19",n="_ok_baviu_27",e="_warn_baviu_32",t="_info_baviu_37",_="_danger_baviu_42",i="_primary_baviu_47",r="_outline_baviu_52",u={badge:o,dot:a,ok:n,warn:e,info:t,danger:_,primary:i,outline:r};exports.badge=o;exports.danger=_;exports.default=u;exports.dot=a;exports.info=t;exports.ok=n;exports.outline=r;exports.primary=i;exports.warn=e;
+//# sourceMappingURL=Badge.module.css.cjs.map

package/dist/components/data-display/Badge/Badge.module.css.cjs.map

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

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

@@ -0,0 +1,22 @@
+const _ = "_badge_baviu_1", a = "_dot_baviu_19", o = "_ok_baviu_27", n = "_warn_baviu_32", t = "_info_baviu_37", i = "_danger_baviu_42", r = "_primary_baviu_47", e = "_outline_baviu_52", s = {
+  badge: _,
+  dot: a,
+  ok: o,
+  warn: n,
+  info: t,
+  danger: i,
+  primary: r,
+  outline: e
+};
+export {
+  _ as badge,
+  i as danger,
+  s as default,
+  a as dot,
+  t as info,
+  o as ok,
+  e as outline,
+  r as primary,
+  n as warn
+};
+//# sourceMappingURL=Badge.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("./Card.module.css.cjs"),f=d.createContext(void 0);function C(r){const a=d.useContext(f);if(!a)throw new Error(r+" deve ser usado dentro de Card.");return a}function i({"aria-labelledby":r,children:a,className:c,...u}){const s=d.useId(),[l,o]=d.useState(!1),n=s+"-title",x={registerTitle:d.useCallback(()=>(o(!0),()=>o(!1)),[]),titleId:n};return e.jsx("section",{...u,"aria-labelledby":r??(l?n:void 0),className:[t.default.card,c].filter(Boolean).join(" "),children:e.jsx(f.Provider,{value:x,children:a})})}function h({badge:r,description:a,headingLevel:c=3,title:u,trailing:s}){const{registerTitle:l,titleId:o}=C("Card.Header"),n="h"+c;return d.useEffect(l,[l]),e.jsxs("header",{className:t.default.header,children:[e.jsxs("div",{className:t.default.headline,children:[e.jsxs("div",{className:t.default.titleRow,children:[e.jsx(n,{className:t.default.title,id:o,children:u}),r]}),a&&e.jsx("p",{className:t.default.description,children:a})]}),s&&e.jsx("div",{className:t.default.trailing,children:s})]})}function j({children:r,flush:a=!1}){return e.jsx("div",{className:a?t.default.bodyFlush:t.default.body,children:r})}function m({children:r}){return e.jsx("footer",{className:t.default.footer,children:r})}i.Header=h;i.Body=j;i.Footer=m;exports.Card=i;
+//# sourceMappingURL=Card.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/data-display/Card/Card.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useState,\n  type ComponentPropsWithRef,\n  type ReactNode,\n} from 'react';\nimport styles from './Card.module.css';\n\nexport type CardHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport interface CardProps extends ComponentPropsWithRef<'section'> {\n  children: ReactNode;\n}\n\ninterface CardContextValue {\n  registerTitle: () => () => void;\n  titleId: string;\n}\n\nconst CardContext = createContext<CardContextValue | undefined>(undefined);\n\nfunction useCardContext(part: string) {\n  const context = useContext(CardContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de Card.');\n  }\n\n  return context;\n}\n\nexport function Card({ 'aria-labelledby': ariaLabelledBy, children, className, ...props }: CardProps) {\n  const baseId = useId();\n  const [titled, setTitled] = useState(false);\n  const titleId = baseId + '-title';\n\n  // O titulo que sai da tela desfaz o registro; senao o cartao apontava para um id que nao existe mais.\n  const context: CardContextValue = {\n    registerTitle: useCallback(() => {\n      setTitled(true);\n      return () => setTitled(false);\n    }, []),\n    titleId,\n  };\n\n  return (\n    <section\n      {...props}\n      aria-labelledby={ariaLabelledBy ?? (titled ? titleId : undefined)}\n      className={[styles.card, className].filter(Boolean).join(' ')}\n    >\n      <CardContext.Provider value={context}>{children}</CardContext.Provider>\n    </section>\n  );\n}\n\nexport interface CardHeaderProps {\n  badge?: ReactNode;\n  description?: ReactNode;\n  headingLevel?: CardHeadingLevel;\n  title: string;\n  trailing?: ReactNode;\n}\n\nfunction CardHeader({ badge, description, headingLevel = 3, title, trailing }: CardHeaderProps) {\n  const { registerTitle, titleId } = useCardContext('Card.Header');\n  const Heading = ('h' + headingLevel) as 'h2';\n\n  useEffect(registerTitle, [registerTitle]);\n\n  return (\n    <header className={styles.header}>\n      <div className={styles.headline}>\n        <div className={styles.titleRow}>\n          <Heading className={styles.title} id={titleId}>\n            {title}\n          </Heading>\n          {badge}\n        </div>\n        {description && <p className={styles.description}>{description}</p>}\n      </div>\n      {trailing && <div className={styles.trailing}>{trailing}</div>}\n    </header>\n  );\n}\n\nexport interface CardBodyProps {\n  children: ReactNode;\n  flush?: boolean;\n}\n\nfunction CardBody({ children, flush = false }: CardBodyProps) {\n  return <div className={flush ? styles.bodyFlush : styles.body}>{children}</div>;\n}\n\nexport interface CardFooterProps {\n  children: ReactNode;\n}\n\nfunction CardFooter({ children }: CardFooterProps) {\n  return <footer className={styles.footer}>{children}</footer>;\n}\n\nCard.Header = CardHeader;\nCard.Body = CardBody;\nCard.Footer = CardFooter;\n"],"names":["CardContext","createContext","useCardContext","part","context","useContext","Card","ariaLabelledBy","children","className","props","baseId","useId","titled","setTitled","useState","titleId","useCallback","jsx","styles","CardHeader","badge","description","headingLevel","title","trailing","registerTitle","Heading","useEffect","jsxs","CardBody","flush","CardFooter"],"mappings":"2KAuBMA,EAAcC,EAAAA,cAA4C,MAAS,EAEzE,SAASC,EAAeC,EAAc,CACpC,MAAMC,EAAUC,EAAAA,WAAWL,CAAW,EAEtC,GAAI,CAACI,EACH,MAAM,IAAI,MAAMD,EAAO,iCAAiC,EAG1D,OAAOC,CACT,CAEO,SAASE,EAAK,CAAE,kBAAmBC,EAAgB,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAoB,CACpG,MAAMC,EAASC,EAAAA,MAAA,EACT,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAUL,EAAS,SAGnBP,EAA4B,CAChC,cAAea,EAAAA,YAAY,KACzBH,EAAU,EAAI,EACP,IAAMA,EAAU,EAAK,GAC3B,CAAA,CAAE,EACL,QAAAE,CAAA,EAGF,OACEE,EAAAA,IAAC,UAAA,CACE,GAAGR,EACJ,kBAAiBH,IAAmBM,EAASG,EAAU,QACvD,UAAW,CAACG,UAAO,KAAMV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE5D,eAACT,EAAY,SAAZ,CAAqB,MAAOI,EAAU,SAAAI,CAAA,CAAS,CAAA,CAAA,CAGtD,CAUA,SAASY,EAAW,CAAE,MAAAC,EAAO,YAAAC,EAAa,aAAAC,EAAe,EAAG,MAAAC,EAAO,SAAAC,GAA6B,CAC9F,KAAM,CAAE,cAAAC,EAAe,QAAAV,GAAYd,EAAe,aAAa,EACzDyB,EAAW,IAAMJ,EAEvBK,OAAAA,YAAUF,EAAe,CAACA,CAAa,CAAC,EAGtCG,EAAAA,KAAC,SAAA,CAAO,UAAWV,EAAAA,QAAO,OACxB,SAAA,CAAAU,EAAAA,KAAC,MAAA,CAAI,UAAWV,EAAAA,QAAO,SACrB,SAAA,CAAAU,EAAAA,KAAC,MAAA,CAAI,UAAWV,EAAAA,QAAO,SACrB,SAAA,CAAAD,MAACS,GAAQ,UAAWR,EAAAA,QAAO,MAAO,GAAIH,EACnC,SAAAQ,EACH,EACCH,CAAA,EACH,EACCC,GAAeJ,EAAAA,IAAC,IAAA,CAAE,UAAWC,EAAAA,QAAO,YAAc,SAAAG,CAAA,CAAY,CAAA,EACjE,EACCG,GAAYP,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,SAAW,SAAAM,CAAA,CAAS,CAAA,EAC1D,CAEJ,CAOA,SAASK,EAAS,CAAE,SAAAtB,EAAU,MAAAuB,EAAQ,IAAwB,CAC5D,OAAOb,MAAC,OAAI,UAAWa,EAAQZ,UAAO,UAAYA,EAAAA,QAAO,KAAO,SAAAX,EAAS,CAC3E,CAMA,SAASwB,EAAW,CAAE,SAAAxB,GAA6B,CACjD,OAAOU,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OAAS,SAAAX,EAAS,CACrD,CAEAF,EAAK,OAASc,EACdd,EAAK,KAAOwB,EACZxB,EAAK,OAAS0B"}

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

@@ -0,0 +1,51 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { useId as h, useState as C, useCallback as v, createContext as x, useEffect as N, useContext as b } from "react";
+import e from "./Card.module.css.js";
+const f = x(void 0);
+function y(t) {
+  const r = b(f);
+  if (!r)
+    throw new Error(t + " deve ser usado dentro de Card.");
+  return r;
+}
+function u({ "aria-labelledby": t, children: r, className: i, ...l }) {
+  const o = h(), [s, d] = C(!1), n = o + "-title", m = {
+    registerTitle: v(() => (d(!0), () => d(!1)), []),
+    titleId: n
+  };
+  return /* @__PURE__ */ a(
+    "section",
+    {
+      ...l,
+      "aria-labelledby": t ?? (s ? n : void 0),
+      className: [e.card, i].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ a(f.Provider, { value: m, children: r })
+    }
+  );
+}
+function p({ badge: t, description: r, headingLevel: i = 3, title: l, trailing: o }) {
+  const { registerTitle: s, titleId: d } = y("Card.Header"), n = "h" + i;
+  return N(s, [s]), /* @__PURE__ */ c("header", { className: e.header, children: [
+    /* @__PURE__ */ c("div", { className: e.headline, children: [
+      /* @__PURE__ */ c("div", { className: e.titleRow, children: [
+        /* @__PURE__ */ a(n, { className: e.title, id: d, children: l }),
+        t
+      ] }),
+      r && /* @__PURE__ */ a("p", { className: e.description, children: r })
+    ] }),
+    o && /* @__PURE__ */ a("div", { className: e.trailing, children: o })
+  ] });
+}
+function H({ children: t, flush: r = !1 }) {
+  return /* @__PURE__ */ a("div", { className: r ? e.bodyFlush : e.body, children: t });
+}
+function I({ children: t }) {
+  return /* @__PURE__ */ a("footer", { className: e.footer, children: t });
+}
+u.Header = p;
+u.Body = H;
+u.Footer = I;
+export {
+  u as Card
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/data-display/Card/Card.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useState,\n  type ComponentPropsWithRef,\n  type ReactNode,\n} from 'react';\nimport styles from './Card.module.css';\n\nexport type CardHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport interface CardProps extends ComponentPropsWithRef<'section'> {\n  children: ReactNode;\n}\n\ninterface CardContextValue {\n  registerTitle: () => () => void;\n  titleId: string;\n}\n\nconst CardContext = createContext<CardContextValue | undefined>(undefined);\n\nfunction useCardContext(part: string) {\n  const context = useContext(CardContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de Card.');\n  }\n\n  return context;\n}\n\nexport function Card({ 'aria-labelledby': ariaLabelledBy, children, className, ...props }: CardProps) {\n  const baseId = useId();\n  const [titled, setTitled] = useState(false);\n  const titleId = baseId + '-title';\n\n  // O titulo que sai da tela desfaz o registro; senao o cartao apontava para um id que nao existe mais.\n  const context: CardContextValue = {\n    registerTitle: useCallback(() => {\n      setTitled(true);\n      return () => setTitled(false);\n    }, []),\n    titleId,\n  };\n\n  return (\n    <section\n      {...props}\n      aria-labelledby={ariaLabelledBy ?? (titled ? titleId : undefined)}\n      className={[styles.card, className].filter(Boolean).join(' ')}\n    >\n      <CardContext.Provider value={context}>{children}</CardContext.Provider>\n    </section>\n  );\n}\n\nexport interface CardHeaderProps {\n  badge?: ReactNode;\n  description?: ReactNode;\n  headingLevel?: CardHeadingLevel;\n  title: string;\n  trailing?: ReactNode;\n}\n\nfunction CardHeader({ badge, description, headingLevel = 3, title, trailing }: CardHeaderProps) {\n  const { registerTitle, titleId } = useCardContext('Card.Header');\n  const Heading = ('h' + headingLevel) as 'h2';\n\n  useEffect(registerTitle, [registerTitle]);\n\n  return (\n    <header className={styles.header}>\n      <div className={styles.headline}>\n        <div className={styles.titleRow}>\n          <Heading className={styles.title} id={titleId}>\n            {title}\n          </Heading>\n          {badge}\n        </div>\n        {description && <p className={styles.description}>{description}</p>}\n      </div>\n      {trailing && <div className={styles.trailing}>{trailing}</div>}\n    </header>\n  );\n}\n\nexport interface CardBodyProps {\n  children: ReactNode;\n  flush?: boolean;\n}\n\nfunction CardBody({ children, flush = false }: CardBodyProps) {\n  return <div className={flush ? styles.bodyFlush : styles.body}>{children}</div>;\n}\n\nexport interface CardFooterProps {\n  children: ReactNode;\n}\n\nfunction CardFooter({ children }: CardFooterProps) {\n  return <footer className={styles.footer}>{children}</footer>;\n}\n\nCard.Header = CardHeader;\nCard.Body = CardBody;\nCard.Footer = CardFooter;\n"],"names":["CardContext","createContext","useCardContext","part","context","useContext","Card","ariaLabelledBy","children","className","props","baseId","useId","titled","setTitled","useState","titleId","useCallback","jsx","styles","CardHeader","badge","description","headingLevel","title","trailing","registerTitle","Heading","useEffect","jsxs","CardBody","flush","CardFooter"],"mappings":";;;AAuBA,MAAMA,IAAcC,EAA4C,MAAS;AAEzE,SAASC,EAAeC,GAAc;AACpC,QAAMC,IAAUC,EAAWL,CAAW;AAEtC,MAAI,CAACI;AACH,UAAM,IAAI,MAAMD,IAAO,iCAAiC;AAG1D,SAAOC;AACT;AAEO,SAASE,EAAK,EAAE,mBAAmBC,GAAgB,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAoB;AACpG,QAAMC,IAASC,EAAA,GACT,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAUL,IAAS,UAGnBP,IAA4B;AAAA,IAChC,eAAea,EAAY,OACzBH,EAAU,EAAI,GACP,MAAMA,EAAU,EAAK,IAC3B,CAAA,CAAE;AAAA,IACL,SAAAE;AAAA,EAAA;AAGF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,mBAAiBH,MAAmBM,IAASG,IAAU;AAAA,MACvD,WAAW,CAACG,EAAO,MAAMV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAE5D,4BAACT,EAAY,UAAZ,EAAqB,OAAOI,GAAU,UAAAI,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtD;AAUA,SAASY,EAAW,EAAE,OAAAC,GAAO,aAAAC,GAAa,cAAAC,IAAe,GAAG,OAAAC,GAAO,UAAAC,KAA6B;AAC9F,QAAM,EAAE,eAAAC,GAAe,SAAAV,MAAYd,EAAe,aAAa,GACzDyB,IAAW,MAAMJ;AAEvB,SAAAK,EAAUF,GAAe,CAACA,CAAa,CAAC,GAGtC,gBAAAG,EAAC,UAAA,EAAO,WAAWV,EAAO,QACxB,UAAA;AAAA,IAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWV,EAAO,UACrB,UAAA;AAAA,MAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWV,EAAO,UACrB,UAAA;AAAA,QAAA,gBAAAD,EAACS,KAAQ,WAAWR,EAAO,OAAO,IAAIH,GACnC,UAAAQ,GACH;AAAA,QACCH;AAAA,MAAA,GACH;AAAA,MACCC,KAAe,gBAAAJ,EAAC,KAAA,EAAE,WAAWC,EAAO,aAAc,UAAAG,EAAA,CAAY;AAAA,IAAA,GACjE;AAAA,IACCG,KAAY,gBAAAP,EAAC,OAAA,EAAI,WAAWC,EAAO,UAAW,UAAAM,EAAA,CAAS;AAAA,EAAA,GAC1D;AAEJ;AAOA,SAASK,EAAS,EAAE,UAAAtB,GAAU,OAAAuB,IAAQ,MAAwB;AAC5D,SAAO,gBAAAb,EAAC,SAAI,WAAWa,IAAQZ,EAAO,YAAYA,EAAO,MAAO,UAAAX,GAAS;AAC3E;AAMA,SAASwB,EAAW,EAAE,UAAAxB,KAA6B;AACjD,SAAO,gBAAAU,EAAC,UAAA,EAAO,WAAWC,EAAO,QAAS,UAAAX,GAAS;AACrD;AAEAF,EAAK,SAASc;AACdd,EAAK,OAAOwB;AACZxB,EAAK,SAAS0B;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_card_1rokj_1",t="_header_1rokj_15",e="_headline_1rokj_23",r="_titleRow_1rokj_30",i="_title_1rokj_30",_="_description_1rokj_45",d="_trailing_1rokj_53",l="_body_1rokj_60",n="_bodyFlush_1rokj_64",s="_footer_1rokj_68",c={card:o,header:t,headline:e,titleRow:r,title:i,description:_,trailing:d,body:l,bodyFlush:n,footer:s};exports.body=l;exports.bodyFlush=n;exports.card=o;exports.default=c;exports.description=_;exports.footer=s;exports.header=t;exports.headline=e;exports.title=i;exports.titleRow=r;exports.trailing=d;
+//# sourceMappingURL=Card.module.css.cjs.map

package/dist/components/data-display/Card/Card.module.css.cjs.map

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

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

@@ -0,0 +1,26 @@
+const o = "_card_1rokj_1", t = "_header_1rokj_15", _ = "_headline_1rokj_23", e = "_titleRow_1rokj_30", r = "_title_1rokj_30", i = "_description_1rokj_45", n = "_trailing_1rokj_53", s = "_body_1rokj_60", d = "_bodyFlush_1rokj_64", c = "_footer_1rokj_68", l = {
+  card: o,
+  header: t,
+  headline: _,
+  titleRow: e,
+  title: r,
+  description: i,
+  trailing: n,
+  body: s,
+  bodyFlush: d,
+  footer: c
+};
+export {
+  s as body,
+  d as bodyFlush,
+  o as card,
+  l as default,
+  i as description,
+  c as footer,
+  t as header,
+  _ as headline,
+  r as title,
+  e as titleRow,
+  n as trailing
+};
+//# sourceMappingURL=Card.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),e=require("./CodeBlock.module.css.cjs"),h=require("./syntax.cjs"),b=require("../../actions/Button/Button.cjs"),k=2e3;function q({className:j,code:r,copyable:c=!0,fileName:n,highlightedLines:p=[],language:x,lineNumbers:B=!1,syntax:o,wrap:d=!1,...N}){const[t,u]=m.useState(!1);m.useEffect(()=>{if(!t)return;const a=setTimeout(()=>u(!1),k);return()=>clearTimeout(a)},[t]);const C=new Set(p),i=x??(o&&h.SYNTAX_LABELS[o]),g=!!(n||i)||c;return s.jsxs("div",{...N,className:[e.default.codeBlock,j].filter(Boolean).join(" "),children:[g&&s.jsxs("div",{className:e.default.header,children:[s.jsxs("span",{className:e.default.meta,children:[n&&s.jsx("span",{className:e.default.fileName,children:n}),i&&s.jsx("span",{className:e.default.language,children:i})]}),c&&s.jsx(b.Button,{onClick:()=>{var a;return void((a=navigator.clipboard)==null?void 0:a.writeText(r).then(()=>u(!0)))},size:"sm",variant:"ghost",children:t?"Copiado":"Copiar"}),s.jsx("span",{className:e.default.status,role:"status",children:t?"Código copiado":""})]}),s.jsx("pre",{className:[e.default.body,d&&e.default.wrap,B&&e.default.numbered].filter(Boolean).join(" "),tabIndex:d?void 0:0,children:s.jsx("code",{className:e.default.code,children:h.tokenizeLines(r,o).map((a,f)=>{const v=C.has(f+1)?"mark":"span";return s.jsx(v,{className:e.default.line,children:s.jsx("span",{className:e.default.content,children:a.map((l,S)=>l.kind?s.jsx("span",{className:e.default[l.kind],children:l.text},S):l.text)})},f)})})})]})}exports.CodeBlock=q;
+//# sourceMappingURL=CodeBlock.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../../src/components/data-display/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { useEffect, useState, type ComponentPropsWithRef } from 'react';\nimport { Button } from '../../actions/Button';\nimport styles from './CodeBlock.module.css';\nimport { SYNTAX_LABELS, tokenizeLines, type CodeSyntax } from './syntax';\n\nconst COPY_FEEDBACK_MS = 2000;\n\nexport interface CodeBlockProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  code: string;\n  copyable?: boolean;\n  fileName?: string;\n  /** Linhas destacadas, contadas a partir de 1. */\n  highlightedLines?: readonly number[];\n  /** Rotulo do cabecalho. Sem ele, vale o nome da sintaxe. */\n  language?: string;\n  lineNumbers?: boolean;\n  /** Linguagem do realce de cores. Sem ela, o codigo sai numa cor so. */\n  syntax?: CodeSyntax;\n  wrap?: boolean;\n}\n\nexport function CodeBlock({\n  className,\n  code,\n  copyable = true,\n  fileName,\n  highlightedLines = [],\n  language,\n  lineNumbers = false,\n  syntax,\n  wrap = false,\n  ...props\n}: CodeBlockProps) {\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!copied) {\n      return;\n    }\n\n    const timer = setTimeout(() => setCopied(false), COPY_FEEDBACK_MS);\n\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  const highlighted = new Set(highlightedLines);\n  const label = language ?? (syntax && SYNTAX_LABELS[syntax]);\n  const hasHeader = Boolean(fileName || label) || copyable;\n\n  return (\n    <div {...props} className={[styles.codeBlock, className].filter(Boolean).join(' ')}>\n      {hasHeader && (\n        <div className={styles.header}>\n          <span className={styles.meta}>\n            {fileName && <span className={styles.fileName}>{fileName}</span>}\n            {label && <span className={styles.language}>{label}</span>}\n          </span>\n          {copyable && (\n            <Button\n              onClick={() => void navigator.clipboard?.writeText(code).then(() => setCopied(true))}\n              size=\"sm\"\n              variant=\"ghost\"\n            >\n              {copied ? 'Copiado' : 'Copiar'}\n            </Button>\n          )}\n          <span className={styles.status} role=\"status\">\n            {copied ? 'Código copiado' : ''}\n          </span>\n        </div>\n      )}\n      {/* Sem quebra, a linha longa rola de lado, e quem usa teclado so a alcanca se o bloco receber foco. */}\n      <pre\n        className={[styles.body, wrap && styles.wrap, lineNumbers && styles.numbered].filter(Boolean).join(' ')}\n        tabIndex={wrap ? undefined : 0}\n      >\n        <code className={styles.code}>\n          {tokenizeLines(code, syntax).map((tokens, index) => {\n            const Line = highlighted.has(index + 1) ? 'mark' : 'span';\n\n            return (\n              <Line className={styles.line} key={index}>\n                <span className={styles.content}>\n                  {tokens.map((token, position) =>\n                    token.kind ? (\n                      <span className={styles[token.kind]} key={position}>\n                        {token.text}\n                      </span>\n                    ) : (\n                      token.text\n                    ),\n                  )}\n                </span>\n              </Line>\n            );\n          })}\n        </code>\n      </pre>\n    </div>\n  );\n}\n"],"names":["COPY_FEEDBACK_MS","CodeBlock","className","code","copyable","fileName","highlightedLines","language","lineNumbers","syntax","wrap","props","copied","setCopied","useState","useEffect","timer","highlighted","label","SYNTAX_LABELS","hasHeader","jsxs","styles","jsx","Button","_a","tokenizeLines","tokens","index","Line","token","position"],"mappings":"uPAKMA,EAAmB,IAgBlB,SAASC,EAAU,CACxB,UAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,iBAAAC,EAAmB,CAAA,EACnB,SAAAC,EACA,YAAAC,EAAc,GAAA,OACdC,EACA,KAAAC,EAAO,GACP,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAE1CC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACH,EACH,OAGF,MAAMI,EAAQ,WAAW,IAAMH,EAAU,EAAK,EAAGb,CAAgB,EAEjE,MAAO,IAAM,aAAagB,CAAK,CACjC,EAAG,CAACJ,CAAM,CAAC,EAEX,MAAMK,EAAc,IAAI,IAAIX,CAAgB,EACtCY,EAAQX,IAAaE,GAAUU,EAAAA,cAAcV,CAAM,GACnDW,EAAY,GAAQf,GAAYa,IAAUd,EAEhD,OACEiB,EAAAA,KAAC,MAAA,CAAK,GAAGV,EAAO,UAAW,CAACW,UAAO,UAAWpB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC9E,SAAA,CAAAkB,GACCC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,OACrB,SAAA,CAAAD,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,KACrB,SAAA,CAAAjB,GAAYkB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,SAAW,SAAAjB,EAAS,EACxDa,GAASK,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,SAAW,SAAAJ,CAAA,CAAM,CAAA,EACrD,EACCd,GACCmB,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAS,IAAA,OAAM,aAAKC,EAAA,UAAU,YAAV,YAAAA,EAAqB,UAAUtB,GAAM,KAAK,IAAMU,EAAU,EAAI,KAClF,KAAK,KACL,QAAQ,QAEP,WAAS,UAAY,QAAA,CAAA,EAG1BU,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,OAAQ,KAAK,SAClC,SAAAV,EAAS,iBAAmB,EAAA,CAC/B,CAAA,EACF,EAGFW,EAAAA,IAAC,MAAA,CACC,UAAW,CAACD,EAAAA,QAAO,KAAMZ,GAAQY,EAAAA,QAAO,KAAMd,GAAec,EAAAA,QAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACtG,SAAUZ,EAAO,OAAY,EAE7B,SAAAa,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KACrB,SAAAI,EAAAA,cAAcvB,EAAMM,CAAM,EAAE,IAAI,CAACkB,EAAQC,IAAU,CAClD,MAAMC,EAAOZ,EAAY,IAAIW,EAAQ,CAAC,EAAI,OAAS,OAEnD,OACEL,EAAAA,IAACM,EAAA,CAAK,UAAWP,EAAAA,QAAO,KACtB,eAAC,OAAA,CAAK,UAAWA,EAAAA,QAAO,QACrB,SAAAK,EAAO,IAAI,CAACG,EAAOC,IAClBD,EAAM,WACH,OAAA,CAAK,UAAWR,EAAAA,QAAOQ,EAAM,IAAI,EAC/B,SAAAA,EAAM,MADiCC,CAE1C,EAEAD,EAAM,IAAA,CAEV,CACF,GAXiCF,CAYnC,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -0,0 +1,65 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { useState as j, useEffect as k } from "react";
+import e from "./CodeBlock.module.css.js";
+import { SYNTAX_LABELS as x, tokenizeLines as E } from "./syntax.js";
+import { Button as L } from "../../actions/Button/Button.js";
+const T = 2e3;
+function D({
+  className: u,
+  code: c,
+  copyable: d = !0,
+  fileName: i,
+  highlightedLines: f = [],
+  language: N,
+  lineNumbers: B = !1,
+  syntax: n,
+  wrap: m = !1,
+  ...C
+}) {
+  const [o, p] = j(!1);
+  k(() => {
+    if (!o)
+      return;
+    const a = setTimeout(() => p(!1), T);
+    return () => clearTimeout(a);
+  }, [o]);
+  const g = new Set(f), r = N ?? (n && x[n]), v = !!(i || r) || d;
+  return /* @__PURE__ */ l("div", { ...C, className: [e.codeBlock, u].filter(Boolean).join(" "), children: [
+    v && /* @__PURE__ */ l("div", { className: e.header, children: [
+      /* @__PURE__ */ l("span", { className: e.meta, children: [
+        i && /* @__PURE__ */ s("span", { className: e.fileName, children: i }),
+        r && /* @__PURE__ */ s("span", { className: e.language, children: r })
+      ] }),
+      d && /* @__PURE__ */ s(
+        L,
+        {
+          onClick: () => {
+            var a;
+            return void ((a = navigator.clipboard) == null ? void 0 : a.writeText(c).then(() => p(!0)));
+          },
+          size: "sm",
+          variant: "ghost",
+          children: o ? "Copiado" : "Copiar"
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: e.status, role: "status", children: o ? "Código copiado" : "" })
+    ] }),
+    /* @__PURE__ */ s(
+      "pre",
+      {
+        className: [e.body, m && e.wrap, B && e.numbered].filter(Boolean).join(" "),
+        tabIndex: m ? void 0 : 0,
+        children: /* @__PURE__ */ s("code", { className: e.code, children: E(c, n).map((a, h) => {
+          const S = g.has(h + 1) ? "mark" : "span";
+          return /* @__PURE__ */ s(S, { className: e.line, children: /* @__PURE__ */ s("span", { className: e.content, children: a.map(
+            (t, b) => t.kind ? /* @__PURE__ */ s("span", { className: e[t.kind], children: t.text }, b) : t.text
+          ) }) }, h);
+        }) })
+      }
+    )
+  ] });
+}
+export {
+  D as CodeBlock
+};
+//# sourceMappingURL=CodeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sources":["../../../../src/components/data-display/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { useEffect, useState, type ComponentPropsWithRef } from 'react';\nimport { Button } from '../../actions/Button';\nimport styles from './CodeBlock.module.css';\nimport { SYNTAX_LABELS, tokenizeLines, type CodeSyntax } from './syntax';\n\nconst COPY_FEEDBACK_MS = 2000;\n\nexport interface CodeBlockProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  code: string;\n  copyable?: boolean;\n  fileName?: string;\n  /** Linhas destacadas, contadas a partir de 1. */\n  highlightedLines?: readonly number[];\n  /** Rotulo do cabecalho. Sem ele, vale o nome da sintaxe. */\n  language?: string;\n  lineNumbers?: boolean;\n  /** Linguagem do realce de cores. Sem ela, o codigo sai numa cor so. */\n  syntax?: CodeSyntax;\n  wrap?: boolean;\n}\n\nexport function CodeBlock({\n  className,\n  code,\n  copyable = true,\n  fileName,\n  highlightedLines = [],\n  language,\n  lineNumbers = false,\n  syntax,\n  wrap = false,\n  ...props\n}: CodeBlockProps) {\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!copied) {\n      return;\n    }\n\n    const timer = setTimeout(() => setCopied(false), COPY_FEEDBACK_MS);\n\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  const highlighted = new Set(highlightedLines);\n  const label = language ?? (syntax && SYNTAX_LABELS[syntax]);\n  const hasHeader = Boolean(fileName || label) || copyable;\n\n  return (\n    <div {...props} className={[styles.codeBlock, className].filter(Boolean).join(' ')}>\n      {hasHeader && (\n        <div className={styles.header}>\n          <span className={styles.meta}>\n            {fileName && <span className={styles.fileName}>{fileName}</span>}\n            {label && <span className={styles.language}>{label}</span>}\n          </span>\n          {copyable && (\n            <Button\n              onClick={() => void navigator.clipboard?.writeText(code).then(() => setCopied(true))}\n              size=\"sm\"\n              variant=\"ghost\"\n            >\n              {copied ? 'Copiado' : 'Copiar'}\n            </Button>\n          )}\n          <span className={styles.status} role=\"status\">\n            {copied ? 'Código copiado' : ''}\n          </span>\n        </div>\n      )}\n      {/* Sem quebra, a linha longa rola de lado, e quem usa teclado so a alcanca se o bloco receber foco. */}\n      <pre\n        className={[styles.body, wrap && styles.wrap, lineNumbers && styles.numbered].filter(Boolean).join(' ')}\n        tabIndex={wrap ? undefined : 0}\n      >\n        <code className={styles.code}>\n          {tokenizeLines(code, syntax).map((tokens, index) => {\n            const Line = highlighted.has(index + 1) ? 'mark' : 'span';\n\n            return (\n              <Line className={styles.line} key={index}>\n                <span className={styles.content}>\n                  {tokens.map((token, position) =>\n                    token.kind ? (\n                      <span className={styles[token.kind]} key={position}>\n                        {token.text}\n                      </span>\n                    ) : (\n                      token.text\n                    ),\n                  )}\n                </span>\n              </Line>\n            );\n          })}\n        </code>\n      </pre>\n    </div>\n  );\n}\n"],"names":["COPY_FEEDBACK_MS","CodeBlock","className","code","copyable","fileName","highlightedLines","language","lineNumbers","syntax","wrap","props","copied","setCopied","useState","useEffect","timer","highlighted","label","SYNTAX_LABELS","hasHeader","jsxs","styles","jsx","Button","_a","tokenizeLines","tokens","index","Line","token","position"],"mappings":";;;;;AAKA,MAAMA,IAAmB;AAgBlB,SAASC,EAAU;AAAA,EACxB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,kBAAAC,IAAmB,CAAA;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,EAAAC,EAAU,MAAM;AACd,QAAI,CAACH;AACH;AAGF,UAAMI,IAAQ,WAAW,MAAMH,EAAU,EAAK,GAAGb,CAAgB;AAEjE,WAAO,MAAM,aAAagB,CAAK;AAAA,EACjC,GAAG,CAACJ,CAAM,CAAC;AAEX,QAAMK,IAAc,IAAI,IAAIX,CAAgB,GACtCY,IAAQX,MAAaE,KAAUU,EAAcV,CAAM,IACnDW,IAAY,GAAQf,KAAYa,MAAUd;AAEhD,SACE,gBAAAiB,EAAC,OAAA,EAAK,GAAGV,GAAO,WAAW,CAACW,EAAO,WAAWpB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC9E,UAAA;AAAA,IAAAkB,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,MACrB,UAAA;AAAA,QAAAjB,KAAY,gBAAAkB,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAW,UAAAjB,GAAS;AAAA,QACxDa,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAW,UAAAJ,EAAA,CAAM;AAAA,MAAA,GACrD;AAAA,MACCd,KACC,gBAAAmB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAS,MAAA;;AAAM,0BAAKC,IAAA,UAAU,cAAV,gBAAAA,EAAqB,UAAUtB,GAAM,KAAK,MAAMU,EAAU,EAAI;AAAA;AAAA,UAClF,MAAK;AAAA,UACL,SAAQ;AAAA,UAEP,cAAS,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAG1B,gBAAAU,EAAC,UAAK,WAAWD,EAAO,QAAQ,MAAK,UAClC,UAAAV,IAAS,mBAAmB,GAAA,CAC/B;AAAA,IAAA,GACF;AAAA,IAGF,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAACD,EAAO,MAAMZ,KAAQY,EAAO,MAAMd,KAAec,EAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACtG,UAAUZ,IAAO,SAAY;AAAA,QAE7B,UAAA,gBAAAa,EAAC,QAAA,EAAK,WAAWD,EAAO,MACrB,UAAAI,EAAcvB,GAAMM,CAAM,EAAE,IAAI,CAACkB,GAAQC,MAAU;AAClD,gBAAMC,IAAOZ,EAAY,IAAIW,IAAQ,CAAC,IAAI,SAAS;AAEnD,iBACE,gBAAAL,EAACM,GAAA,EAAK,WAAWP,EAAO,MACtB,4BAAC,QAAA,EAAK,WAAWA,EAAO,SACrB,UAAAK,EAAO;AAAA,YAAI,CAACG,GAAOC,MAClBD,EAAM,yBACH,QAAA,EAAK,WAAWR,EAAOQ,EAAM,IAAI,GAC/B,UAAAA,EAAM,QADiCC,CAE1C,IAEAD,EAAM;AAAA,UAAA,EAEV,CACF,KAXiCF,CAYnC;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_codeBlock_w5psy_1",e="_header_w5psy_9",n="_meta_w5psy_19",o="_fileName_w5psy_31",_="_language_w5psy_37",s="_status_w5psy_41",a="_body_w5psy_50",c="_wrap_w5psy_68",r="_code_w5psy_1",y="_line_w5psy_84",p="_content_w5psy_96",u="_keyword_w5psy_100",w="_string_w5psy_104",d="_number_w5psy_108",i="_comment_w5psy_112",m="_annotation_w5psy_116",l="_property_w5psy_124",b="_tag_w5psy_128",g="_attribute_w5psy_132",f="_numbered_w5psy_137",k={codeBlock:t,header:e,meta:n,fileName:o,language:_,status:s,body:a,wrap:c,code:r,line:y,content:p,keyword:u,string:w,number:d,comment:i,annotation:m,function:"_function_w5psy_120",property:l,tag:b,attribute:g,numbered:f};exports.annotation=m;exports.attribute=g;exports.body=a;exports.code=r;exports.codeBlock=t;exports.comment=i;exports.content=p;exports.default=k;exports.fileName=o;exports.header=e;exports.keyword=u;exports.language=_;exports.line=y;exports.meta=n;exports.number=d;exports.numbered=f;exports.property=l;exports.status=s;exports.string=w;exports.tag=b;exports.wrap=c;
+//# sourceMappingURL=CodeBlock.module.css.cjs.map

package/dist/components/data-display/CodeBlock/CodeBlock.module.css.cjs.map

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