@plenustech/design-system 0.2.0 → 0.2.2

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":""}

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

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

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

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

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

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A={java:"Java",javascript:"JavaScript",jsx:"JSX",typescript:"TypeScript",tsx:"TSX",sql:"SQL",json:"JSON",shell:"Shell"};function a(e){return new RegExp(`\\b(?:${e.trim().split(/\s+/).join("|")})\\b`)}const d=/\/\*[\s\S]*?(?:\*\/|$)/,b=/\/\/.*/,c=/"(?:\\.|[^"\\\n])*"?/,S=/'(?:\\.|[^'\\\n])*'?/,l=/\b(?:0[xX][\da-fA-F_]+|\d[\d_]*(?:\.\d[\d_]*)?(?:[eE][+-]?\d+)?)[lLfFdDn]?\b/,u=/\b[A-Za-z_$][\w$]*(?=\s*\()/,w=/@[A-Za-z_]\w*/,x=a(`
+  abstract assert boolean break byte case catch char class const continue default do double else enum extends
+  final finally float for goto if implements import instanceof int interface long native new package private
+  protected public record return sealed short static strictfp super switch synchronized this throw throws
+  transient try var void volatile while yield true false null
+`),y=`
+  async await break case catch class const continue debugger default delete do else export extends finally for
+  from function get if import in instanceof let new of return set static super switch this throw try typeof var
+  void while with yield true false null undefined
+`,L=`
+  abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number
+  object private protected public readonly satisfies string symbol type unique unknown
+`,_=a(`
+  add all alter and as asc begin between by case check column commit constraint create cross database default
+  delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into
+  is join key left like limit not null offset on or order outer primary procedure references returning revoke
+  right rollback schema select set table then transaction trigger true false union unique update values view
+  when where with
+`),T=a(`
+  case declare do done elif else esac exit export fi for function if in local readonly return select then until
+  while
+`),E=[["comment",b],["comment",d],["string",/`(?:\\[\s\S]|[^`\\])*`?/],["string",c],["string",S],["number",l]],p=[...E,["keyword",a(y)],["function",u]],m=[...E,["annotation",w],["keyword",a(y+L)],["function",u]],g=[[void 0,new RegExp("(?<=>)[^<>{}\\n]+(?=<)")],["tag",new RegExp("(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*")],["attribute",/\b[A-Za-z_][\w-]*(?==[{"'])/]],O={java:[["comment",b],["comment",d],["string",/"""[\s\S]*?(?:"""|$)/],["string",c],["string",/'(?:\\.|[^'\\\n])'/],["annotation",w],["number",l],["keyword",x],["function",u]],javascript:p,jsx:[...g,...p],typescript:m,tsx:[...g,...m],sql:[["comment",/--.*/],["comment",d],["string",/'(?:''|[^'])*'?/],["number",l],["keyword",_],["function",u]],json:[["property",/"(?:\\.|[^"\\\n])*"(?=\s*:)/],["string",c],["number",/-?\b\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b/],["keyword",/\b(?:true|false|null)\b/]],shell:[["comment",new RegExp("(?<![^\\s;])#.*")],["string",c],["string",S],["property",/\$(?:\{[^}\n]*\}|\w+|[@*#?$!])/],["keyword",T],["number",l]]},R=new Set(["sql"]),h=new Map;function j(e){const i=h.get(e);if(i)return i;const s=O[e],r=R.has(e)?"gi":"g",n={kinds:s.map(([t])=>t),pattern:new RegExp(s.map(([,t])=>`(${t.source})`).join("|"),r)};return h.set(e,n),n}function k(e,i){const{kinds:s,pattern:r}=j(i),n=[];let t=0;for(const o of e.matchAll(r)){o.index>t&&n.push({text:e.slice(t,o.index)});const f=s[o.slice(1).findIndex(v=>v!==void 0)];n.push(f?{kind:f,text:o[0]}:{text:o[0]}),t=o.index+o[0].length}return t<e.length&&n.push({text:e.slice(t)}),n}function N(e,i){const s=[[]];for(const r of i?k(e,i):[{text:e}])r.text.split(`
+`).forEach((n,t)=>{t>0&&s.push([]),n&&s[s.length-1].push({...r,text:n})});return s}exports.SYNTAX_LABELS=A;exports.tokenize=k;exports.tokenizeLines=N;
+//# sourceMappingURL=syntax.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"syntax.cjs","sources":["../../../../src/components/data-display/CodeBlock/syntax.ts"],"sourcesContent":["/**\n * Realce de sintaxe por regras lexicas, sem analisador de linguagem: reconhece o\n * que ajuda a ler o trecho — palavra reservada, texto, numero, comentario,\n * anotacao, chamada, propriedade, tag e atributo — e deixa o resto sem cor.\n */\n\nexport type CodeSyntax = 'java' | 'javascript' | 'jsx' | 'typescript' | 'tsx' | 'sql' | 'json' | 'shell';\n\nexport type CodeTokenKind =\n  | 'annotation'\n  | 'attribute'\n  | 'comment'\n  | 'function'\n  | 'keyword'\n  | 'number'\n  | 'property'\n  | 'string'\n  | 'tag';\n\nexport interface CodeToken {\n  kind?: CodeTokenKind;\n  text: string;\n}\n\n/** Regra sem papel reconhece um trecho para que nenhuma outra o pinte, como o texto entre tags. */\ntype Rule = readonly [CodeTokenKind | undefined, RegExp];\n\ninterface Grammar {\n  kinds: readonly (CodeTokenKind | undefined)[];\n  pattern: RegExp;\n}\n\nexport const SYNTAX_LABELS: Readonly<Record<CodeSyntax, string>> = {\n  java: 'Java',\n  javascript: 'JavaScript',\n  jsx: 'JSX',\n  typescript: 'TypeScript',\n  tsx: 'TSX',\n  sql: 'SQL',\n  json: 'JSON',\n  shell: 'Shell',\n};\n\nfunction words(list: string): RegExp {\n  return new RegExp(`\\\\b(?:${list.trim().split(/\\s+/).join('|')})\\\\b`);\n}\n\nconst BLOCK_COMMENT = /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/;\nconst LINE_COMMENT = /\\/\\/.*/;\nconst DOUBLE_QUOTED = /\"(?:\\\\.|[^\"\\\\\\n])*\"?/;\nconst SINGLE_QUOTED = /'(?:\\\\.|[^'\\\\\\n])*'?/;\nconst NUMBER = /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.\\d[\\d_]*)?(?:[eE][+-]?\\d+)?)[lLfFdDn]?\\b/;\nconst CALL = /\\b[A-Za-z_$][\\w$]*(?=\\s*\\()/;\nconst ANNOTATION = /@[A-Za-z_]\\w*/;\n\nconst JAVA_KEYWORDS = words(`\n  abstract assert boolean break byte case catch char class const continue default do double else enum extends\n  final finally float for goto if implements import instanceof int interface long native new package private\n  protected public record return sealed short static strictfp super switch synchronized this throw throws\n  transient try var void volatile while yield true false null\n`);\n\nconst JAVASCRIPT_WORDS = `\n  async await break case catch class const continue debugger default delete do else export extends finally for\n  from function get if import in instanceof let new of return set static super switch this throw try typeof var\n  void while with yield true false null undefined\n`;\n\nconst TYPESCRIPT_WORDS = `\n  abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number\n  object private protected public readonly satisfies string symbol type unique unknown\n`;\n\nconst SQL_KEYWORDS = words(`\n  add all alter and as asc begin between by case check column commit constraint create cross database default\n  delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into\n  is join key left like limit not null offset on or order outer primary procedure references returning revoke\n  right rollback schema select set table then transaction trigger true false union unique update values view\n  when where with\n`);\n\nconst SHELL_KEYWORDS = words(`\n  case declare do done elif else esac exit export fi for function if in local readonly return select then until\n  while\n`);\n\nconst JAVASCRIPT_RULES: readonly Rule[] = [\n  ['comment', LINE_COMMENT],\n  ['comment', BLOCK_COMMENT],\n  ['string', /`(?:\\\\[\\s\\S]|[^`\\\\])*`?/],\n  ['string', DOUBLE_QUOTED],\n  ['string', SINGLE_QUOTED],\n  ['number', NUMBER],\n];\n\nconst JAVASCRIPT: readonly Rule[] = [...JAVASCRIPT_RULES, ['keyword', words(JAVASCRIPT_WORDS)], ['function', CALL]];\n\nconst TYPESCRIPT: readonly Rule[] = [\n  ...JAVASCRIPT_RULES,\n  ['annotation', ANNOTATION],\n  ['keyword', words(JAVASCRIPT_WORDS + TYPESCRIPT_WORDS)],\n  ['function', CALL],\n];\n\n/**\n * Vem antes das regras da linguagem. O `<` colado a um nome e o generico de `useState<string>`, e nao uma tag; o\n * texto entre `>` e `<` e conteudo, e o numero dentro dele nao e literal.\n */\nconst JSX_RULES: readonly Rule[] = [\n  [undefined, /(?<=>)[^<>{}\\n]+(?=<)/],\n  ['tag', /(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*/],\n  ['attribute', /\\b[A-Za-z_][\\w-]*(?==[{\"'])/],\n];\n\nconst RULES: Readonly<Record<CodeSyntax, readonly Rule[]>> = {\n  java: [\n    ['comment', LINE_COMMENT],\n    ['comment', BLOCK_COMMENT],\n    ['string', /\"\"\"[\\s\\S]*?(?:\"\"\"|$)/],\n    ['string', DOUBLE_QUOTED],\n    ['string', /'(?:\\\\.|[^'\\\\\\n])'/],\n    ['annotation', ANNOTATION],\n    ['number', NUMBER],\n    ['keyword', JAVA_KEYWORDS],\n    ['function', CALL],\n  ],\n  javascript: JAVASCRIPT,\n  jsx: [...JSX_RULES, ...JAVASCRIPT],\n  typescript: TYPESCRIPT,\n  tsx: [...JSX_RULES, ...TYPESCRIPT],\n  sql: [\n    ['comment', /--.*/],\n    ['comment', BLOCK_COMMENT],\n    ['string', /'(?:''|[^'])*'?/],\n    ['number', NUMBER],\n    ['keyword', SQL_KEYWORDS],\n    ['function', CALL],\n  ],\n  json: [\n    ['property', /\"(?:\\\\.|[^\"\\\\\\n])*\"(?=\\s*:)/],\n    ['string', DOUBLE_QUOTED],\n    ['number', /-?\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n    ['keyword', /\\b(?:true|false|null)\\b/],\n  ],\n  shell: [\n    ['comment', /(?<![^\\s;])#.*/],\n    ['string', DOUBLE_QUOTED],\n    ['string', SINGLE_QUOTED],\n    ['property', /\\$(?:\\{[^}\\n]*\\}|\\w+|[@*#?$!])/],\n    ['keyword', SHELL_KEYWORDS],\n    ['number', NUMBER],\n  ],\n};\n\n/** O SQL e lido sem distincao de caixa: `select` e `SELECT` sao a mesma palavra. */\nconst CASE_INSENSITIVE: ReadonlySet<CodeSyntax> = new Set(['sql']);\n\nconst grammars = new Map<CodeSyntax, Grammar>();\n\nfunction grammarOf(syntax: CodeSyntax): Grammar {\n  const cached = grammars.get(syntax);\n\n  if (cached) {\n    return cached;\n  }\n\n  const rules = RULES[syntax];\n  const flags = CASE_INSENSITIVE.has(syntax) ? 'gi' : 'g';\n  const grammar = {\n    kinds: rules.map(([kind]) => kind),\n    pattern: new RegExp(rules.map(([, rule]) => `(${rule.source})`).join('|'), flags),\n  };\n\n  grammars.set(syntax, grammar);\n\n  return grammar;\n}\n\nexport function tokenize(code: string, syntax: CodeSyntax): CodeToken[] {\n  const { kinds, pattern } = grammarOf(syntax);\n  const tokens: CodeToken[] = [];\n  let end = 0;\n\n  for (const match of code.matchAll(pattern)) {\n    if (match.index > end) {\n      tokens.push({ text: code.slice(end, match.index) });\n    }\n\n    const kind = kinds[match.slice(1).findIndex((group) => group !== undefined)];\n\n    tokens.push(kind ? { kind, text: match[0] } : { text: match[0] });\n    end = match.index + match[0].length;\n  }\n\n  if (end < code.length) {\n    tokens.push({ text: code.slice(end) });\n  }\n\n  return tokens;\n}\n\n/** As linhas do trecho, cada uma com os seus pedacos: o comentario de bloco que atravessa linhas e partido nelas. */\nexport function tokenizeLines(code: string, syntax?: CodeSyntax): CodeToken[][] {\n  const lines: CodeToken[][] = [[]];\n\n  for (const token of syntax ? tokenize(code, syntax) : [{ text: code }]) {\n    token.text.split('\\n').forEach((part, index) => {\n      if (index > 0) {\n        lines.push([]);\n      }\n\n      if (part) {\n        lines[lines.length - 1].push({ ...token, text: part });\n      }\n    });\n  }\n\n  return lines;\n}\n"],"names":["SYNTAX_LABELS","words","list","BLOCK_COMMENT","LINE_COMMENT","DOUBLE_QUOTED","SINGLE_QUOTED","NUMBER","CALL","ANNOTATION","JAVA_KEYWORDS","JAVASCRIPT_WORDS","TYPESCRIPT_WORDS","SQL_KEYWORDS","SHELL_KEYWORDS","JAVASCRIPT_RULES","JAVASCRIPT","TYPESCRIPT","JSX_RULES","RULES","CASE_INSENSITIVE","grammars","grammarOf","syntax","cached","rules","flags","grammar","kind","rule","tokenize","code","kinds","pattern","tokens","end","match","group","tokenizeLines","lines","token","part","index"],"mappings":"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"}

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

@@ -0,0 +1,124 @@
+const j = {
+  java: "Java",
+  javascript: "JavaScript",
+  jsx: "JSX",
+  typescript: "TypeScript",
+  tsx: "TSX",
+  sql: "SQL",
+  json: "JSON",
+  shell: "Shell"
+};
+function a(e) {
+  return new RegExp(`\\b(?:${e.trim().split(/\s+/).join("|")})\\b`);
+}
+const d = /\/\*[\s\S]*?(?:\*\/|$)/, b = /\/\/.*/, c = /"(?:\\.|[^"\\\n])*"?/, w = /'(?:\\.|[^'\\\n])*'?/, l = /\b(?:0[xX][\da-fA-F_]+|\d[\d_]*(?:\.\d[\d_]*)?(?:[eE][+-]?\d+)?)[lLfFdDn]?\b/, u = /\b[A-Za-z_$][\w$]*(?=\s*\()/, S = /@[A-Za-z_]\w*/, x = a(`
+  abstract assert boolean break byte case catch char class const continue default do double else enum extends
+  final finally float for goto if implements import instanceof int interface long native new package private
+  protected public record return sealed short static strictfp super switch synchronized this throw throws
+  transient try var void volatile while yield true false null
+`), y = `
+  async await break case catch class const continue debugger default delete do else export extends finally for
+  from function get if import in instanceof let new of return set static super switch this throw try typeof var
+  void while with yield true false null undefined
+`, v = `
+  abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number
+  object private protected public readonly satisfies string symbol type unique unknown
+`, A = a(`
+  add all alter and as asc begin between by case check column commit constraint create cross database default
+  delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into
+  is join key left like limit not null offset on or order outer primary procedure references returning revoke
+  right rollback schema select set table then transaction trigger true false union unique update values view
+  when where with
+`), _ = a(`
+  case declare do done elif else esac exit export fi for function if in local readonly return select then until
+  while
+`), E = [
+  ["comment", b],
+  ["comment", d],
+  ["string", /`(?:\\[\s\S]|[^`\\])*`?/],
+  ["string", c],
+  ["string", w],
+  ["number", l]
+], p = [...E, ["keyword", a(y)], ["function", u]], m = [
+  ...E,
+  ["annotation", S],
+  ["keyword", a(y + v)],
+  ["function", u]
+], h = [
+  [void 0, new RegExp("(?<=>)[^<>{}\\n]+(?=<)")],
+  ["tag", new RegExp("(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*")],
+  ["attribute", /\b[A-Za-z_][\w-]*(?==[{"'])/]
+], L = {
+  java: [
+    ["comment", b],
+    ["comment", d],
+    ["string", /"""[\s\S]*?(?:"""|$)/],
+    ["string", c],
+    ["string", /'(?:\\.|[^'\\\n])'/],
+    ["annotation", S],
+    ["number", l],
+    ["keyword", x],
+    ["function", u]
+  ],
+  javascript: p,
+  jsx: [...h, ...p],
+  typescript: m,
+  tsx: [...h, ...m],
+  sql: [
+    ["comment", /--.*/],
+    ["comment", d],
+    ["string", /'(?:''|[^'])*'?/],
+    ["number", l],
+    ["keyword", A],
+    ["function", u]
+  ],
+  json: [
+    ["property", /"(?:\\.|[^"\\\n])*"(?=\s*:)/],
+    ["string", c],
+    ["number", /-?\b\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b/],
+    ["keyword", /\b(?:true|false|null)\b/]
+  ],
+  shell: [
+    ["comment", new RegExp("(?<![^\\s;])#.*")],
+    ["string", c],
+    ["string", w],
+    ["property", /\$(?:\{[^}\n]*\}|\w+|[@*#?$!])/],
+    ["keyword", _],
+    ["number", l]
+  ]
+}, T = /* @__PURE__ */ new Set(["sql"]), g = /* @__PURE__ */ new Map();
+function R(e) {
+  const r = g.get(e);
+  if (r)
+    return r;
+  const s = L[e], i = T.has(e) ? "gi" : "g", n = {
+    kinds: s.map(([t]) => t),
+    pattern: new RegExp(s.map(([, t]) => `(${t.source})`).join("|"), i)
+  };
+  return g.set(e, n), n;
+}
+function O(e, r) {
+  const { kinds: s, pattern: i } = R(r), n = [];
+  let t = 0;
+  for (const o of e.matchAll(i)) {
+    o.index > t && n.push({ text: e.slice(t, o.index) });
+    const f = s[o.slice(1).findIndex((k) => k !== void 0)];
+    n.push(f ? { kind: f, text: o[0] } : { text: o[0] }), t = o.index + o[0].length;
+  }
+  return t < e.length && n.push({ text: e.slice(t) }), n;
+}
+function I(e, r) {
+  const s = [[]];
+  for (const i of r ? O(e, r) : [{ text: e }])
+    i.text.split(`
+`).forEach((n, t) => {
+      t > 0 && s.push([]), n && s[s.length - 1].push({ ...i, text: n });
+    });
+  return s;
+}
+export {
+  j as SYNTAX_LABELS,
+  O as tokenize,
+  I as tokenizeLines
+};
+//# sourceMappingURL=syntax.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"syntax.js","sources":["../../../../src/components/data-display/CodeBlock/syntax.ts"],"sourcesContent":["/**\n * Realce de sintaxe por regras lexicas, sem analisador de linguagem: reconhece o\n * que ajuda a ler o trecho — palavra reservada, texto, numero, comentario,\n * anotacao, chamada, propriedade, tag e atributo — e deixa o resto sem cor.\n */\n\nexport type CodeSyntax = 'java' | 'javascript' | 'jsx' | 'typescript' | 'tsx' | 'sql' | 'json' | 'shell';\n\nexport type CodeTokenKind =\n  | 'annotation'\n  | 'attribute'\n  | 'comment'\n  | 'function'\n  | 'keyword'\n  | 'number'\n  | 'property'\n  | 'string'\n  | 'tag';\n\nexport interface CodeToken {\n  kind?: CodeTokenKind;\n  text: string;\n}\n\n/** Regra sem papel reconhece um trecho para que nenhuma outra o pinte, como o texto entre tags. */\ntype Rule = readonly [CodeTokenKind | undefined, RegExp];\n\ninterface Grammar {\n  kinds: readonly (CodeTokenKind | undefined)[];\n  pattern: RegExp;\n}\n\nexport const SYNTAX_LABELS: Readonly<Record<CodeSyntax, string>> = {\n  java: 'Java',\n  javascript: 'JavaScript',\n  jsx: 'JSX',\n  typescript: 'TypeScript',\n  tsx: 'TSX',\n  sql: 'SQL',\n  json: 'JSON',\n  shell: 'Shell',\n};\n\nfunction words(list: string): RegExp {\n  return new RegExp(`\\\\b(?:${list.trim().split(/\\s+/).join('|')})\\\\b`);\n}\n\nconst BLOCK_COMMENT = /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/;\nconst LINE_COMMENT = /\\/\\/.*/;\nconst DOUBLE_QUOTED = /\"(?:\\\\.|[^\"\\\\\\n])*\"?/;\nconst SINGLE_QUOTED = /'(?:\\\\.|[^'\\\\\\n])*'?/;\nconst NUMBER = /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.\\d[\\d_]*)?(?:[eE][+-]?\\d+)?)[lLfFdDn]?\\b/;\nconst CALL = /\\b[A-Za-z_$][\\w$]*(?=\\s*\\()/;\nconst ANNOTATION = /@[A-Za-z_]\\w*/;\n\nconst JAVA_KEYWORDS = words(`\n  abstract assert boolean break byte case catch char class const continue default do double else enum extends\n  final finally float for goto if implements import instanceof int interface long native new package private\n  protected public record return sealed short static strictfp super switch synchronized this throw throws\n  transient try var void volatile while yield true false null\n`);\n\nconst JAVASCRIPT_WORDS = `\n  async await break case catch class const continue debugger default delete do else export extends finally for\n  from function get if import in instanceof let new of return set static super switch this throw try typeof var\n  void while with yield true false null undefined\n`;\n\nconst TYPESCRIPT_WORDS = `\n  abstract any as asserts bigint boolean declare enum implements infer interface is keyof namespace never number\n  object private protected public readonly satisfies string symbol type unique unknown\n`;\n\nconst SQL_KEYWORDS = words(`\n  add all alter and as asc begin between by case check column commit constraint create cross database default\n  delete desc distinct drop else end exists foreign from full grant group having if in index inner insert into\n  is join key left like limit not null offset on or order outer primary procedure references returning revoke\n  right rollback schema select set table then transaction trigger true false union unique update values view\n  when where with\n`);\n\nconst SHELL_KEYWORDS = words(`\n  case declare do done elif else esac exit export fi for function if in local readonly return select then until\n  while\n`);\n\nconst JAVASCRIPT_RULES: readonly Rule[] = [\n  ['comment', LINE_COMMENT],\n  ['comment', BLOCK_COMMENT],\n  ['string', /`(?:\\\\[\\s\\S]|[^`\\\\])*`?/],\n  ['string', DOUBLE_QUOTED],\n  ['string', SINGLE_QUOTED],\n  ['number', NUMBER],\n];\n\nconst JAVASCRIPT: readonly Rule[] = [...JAVASCRIPT_RULES, ['keyword', words(JAVASCRIPT_WORDS)], ['function', CALL]];\n\nconst TYPESCRIPT: readonly Rule[] = [\n  ...JAVASCRIPT_RULES,\n  ['annotation', ANNOTATION],\n  ['keyword', words(JAVASCRIPT_WORDS + TYPESCRIPT_WORDS)],\n  ['function', CALL],\n];\n\n/**\n * Vem antes das regras da linguagem. O `<` colado a um nome e o generico de `useState<string>`, e nao uma tag; o\n * texto entre `>` e `<` e conteudo, e o numero dentro dele nao e literal.\n */\nconst JSX_RULES: readonly Rule[] = [\n  [undefined, /(?<=>)[^<>{}\\n]+(?=<)/],\n  ['tag', /(?<=<\\/|(?:^|[^\\w$)\\]])<)[A-Za-z][\\w.]*/],\n  ['attribute', /\\b[A-Za-z_][\\w-]*(?==[{\"'])/],\n];\n\nconst RULES: Readonly<Record<CodeSyntax, readonly Rule[]>> = {\n  java: [\n    ['comment', LINE_COMMENT],\n    ['comment', BLOCK_COMMENT],\n    ['string', /\"\"\"[\\s\\S]*?(?:\"\"\"|$)/],\n    ['string', DOUBLE_QUOTED],\n    ['string', /'(?:\\\\.|[^'\\\\\\n])'/],\n    ['annotation', ANNOTATION],\n    ['number', NUMBER],\n    ['keyword', JAVA_KEYWORDS],\n    ['function', CALL],\n  ],\n  javascript: JAVASCRIPT,\n  jsx: [...JSX_RULES, ...JAVASCRIPT],\n  typescript: TYPESCRIPT,\n  tsx: [...JSX_RULES, ...TYPESCRIPT],\n  sql: [\n    ['comment', /--.*/],\n    ['comment', BLOCK_COMMENT],\n    ['string', /'(?:''|[^'])*'?/],\n    ['number', NUMBER],\n    ['keyword', SQL_KEYWORDS],\n    ['function', CALL],\n  ],\n  json: [\n    ['property', /\"(?:\\\\.|[^\"\\\\\\n])*\"(?=\\s*:)/],\n    ['string', DOUBLE_QUOTED],\n    ['number', /-?\\b\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?\\b/],\n    ['keyword', /\\b(?:true|false|null)\\b/],\n  ],\n  shell: [\n    ['comment', /(?<![^\\s;])#.*/],\n    ['string', DOUBLE_QUOTED],\n    ['string', SINGLE_QUOTED],\n    ['property', /\\$(?:\\{[^}\\n]*\\}|\\w+|[@*#?$!])/],\n    ['keyword', SHELL_KEYWORDS],\n    ['number', NUMBER],\n  ],\n};\n\n/** O SQL e lido sem distincao de caixa: `select` e `SELECT` sao a mesma palavra. */\nconst CASE_INSENSITIVE: ReadonlySet<CodeSyntax> = new Set(['sql']);\n\nconst grammars = new Map<CodeSyntax, Grammar>();\n\nfunction grammarOf(syntax: CodeSyntax): Grammar {\n  const cached = grammars.get(syntax);\n\n  if (cached) {\n    return cached;\n  }\n\n  const rules = RULES[syntax];\n  const flags = CASE_INSENSITIVE.has(syntax) ? 'gi' : 'g';\n  const grammar = {\n    kinds: rules.map(([kind]) => kind),\n    pattern: new RegExp(rules.map(([, rule]) => `(${rule.source})`).join('|'), flags),\n  };\n\n  grammars.set(syntax, grammar);\n\n  return grammar;\n}\n\nexport function tokenize(code: string, syntax: CodeSyntax): CodeToken[] {\n  const { kinds, pattern } = grammarOf(syntax);\n  const tokens: CodeToken[] = [];\n  let end = 0;\n\n  for (const match of code.matchAll(pattern)) {\n    if (match.index > end) {\n      tokens.push({ text: code.slice(end, match.index) });\n    }\n\n    const kind = kinds[match.slice(1).findIndex((group) => group !== undefined)];\n\n    tokens.push(kind ? { kind, text: match[0] } : { text: match[0] });\n    end = match.index + match[0].length;\n  }\n\n  if (end < code.length) {\n    tokens.push({ text: code.slice(end) });\n  }\n\n  return tokens;\n}\n\n/** As linhas do trecho, cada uma com os seus pedacos: o comentario de bloco que atravessa linhas e partido nelas. */\nexport function tokenizeLines(code: string, syntax?: CodeSyntax): CodeToken[][] {\n  const lines: CodeToken[][] = [[]];\n\n  for (const token of syntax ? tokenize(code, syntax) : [{ text: code }]) {\n    token.text.split('\\n').forEach((part, index) => {\n      if (index > 0) {\n        lines.push([]);\n      }\n\n      if (part) {\n        lines[lines.length - 1].push({ ...token, text: part });\n      }\n    });\n  }\n\n  return lines;\n}\n"],"names":["SYNTAX_LABELS","words","list","BLOCK_COMMENT","LINE_COMMENT","DOUBLE_QUOTED","SINGLE_QUOTED","NUMBER","CALL","ANNOTATION","JAVA_KEYWORDS","JAVASCRIPT_WORDS","TYPESCRIPT_WORDS","SQL_KEYWORDS","SHELL_KEYWORDS","JAVASCRIPT_RULES","JAVASCRIPT","TYPESCRIPT","JSX_RULES","RULES","CASE_INSENSITIVE","grammars","grammarOf","syntax","cached","rules","flags","grammar","kind","rule","tokenize","code","kinds","pattern","tokens","end","match","group","tokenizeLines","lines","token","part","index"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),f=require("./ListingOptions.cjs"),C=require("./useListing.cjs"),u=require("./List.module.css.cjs"),q=require("../../forms/Checkbox/Checkbox.cjs"),E=require("../../feedback/EmptyState/EmptyState.cjs"),g=r.createContext(void 0);function d(t){const e=r.useContext(g);if(!e)throw new Error(t+" deve ser usado dentro de List.");return e}function c({children:t,className:e,defaultValue:n,items:l,label:s,loading:a=!1,loadingMessage:i="Carregando",onSearch:m,onSelectionChange:h,selectionMode:x="none",value:p,...L}){const v=r.useId(),[y,b]=r.useState(!1),S=C.useListing({defaultValue:n,items:l,onSearch:m,onSelectionChange:h,selectionMode:x,value:p}),j={baseId:v,claimFocus:r.useCallback(()=>b(!0),[]),label:s,listing:S,loading:a,loadingMessage:i,searchPresent:y};return o.jsx("div",{...L,className:[u.default.list,e].filter(Boolean).join(" "),children:o.jsx(g.Provider,{value:j,children:t})})}function I({placeholder:t="Buscar"}){const{baseId:e,claimFocus:n,label:l,listing:s}=d("List.Search");r.useEffect(n,[n]);const a=s.visible.findIndex(i=>i.value===s.focusedKey);return o.jsx("input",{"aria-activedescendant":a>=0?f.optionId(e,a):void 0,"aria-controls":e+"-options","aria-label":l?"Buscar em "+l:t,autoComplete:"off",className:u.default.search,onChange:i=>s.filter(i.target.value),onKeyDown:s.handleKeyDown,placeholder:t,type:"search",value:s.term})}function w({height:t}){const{baseId:e,label:n,listing:l,loading:s,loadingMessage:a,searchPresent:i}=d("List.Options");return o.jsx(f.ListingOptions,{baseId:e,height:t,label:n,holdsFocus:!i,listing:l,loading:s,loadingMessage:a,onKeyDown:i?void 0:l.handleKeyDown})}function O({label:t="Selecionar todos"}){const{listing:e}=d("List.SelectAll");return e.selectionMode!=="multiple"?null:o.jsx("div",{className:u.default.selectAll,children:o.jsx(q.Checkbox,{checked:e.status==="all",indeterminate:e.status==="partial",label:t,onChange:()=>e.toggleAll()})})}function A({children:t}){const{listing:e,loading:n}=d("List.Empty");return n||e.visible.length>0?null:o.jsx("div",{className:u.default.empty,children:o.jsx(E.EmptyState,{size:"sm",title:t})})}c.Search=I;c.SelectAll=O;c.Options=w;c.Empty=A;exports.List=c;
+//# sourceMappingURL=List.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/data-display/List/List.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 { EmptyState } from '../../feedback/EmptyState';\nimport { Checkbox } from '../../forms/Checkbox';\nimport { ListingOptions, optionId } from './ListingOptions';\nimport { useListing, type Listing, type ListingItem, type ListingSelectionMode } from './useListing';\nimport styles from './List.module.css';\n\nexport type ListSelectionMode = ListingSelectionMode;\nexport type ListItem = ListingItem;\n\nexport interface ListProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> {\n  children: ReactNode;\n  defaultValue?: readonly ListItem[];\n  items: readonly ListItem[];\n  label?: string;\n  loading?: boolean;\n  loadingMessage?: string;\n  onSearch?: (term: string) => void;\n  onSelectionChange?: (items: readonly ListItem[]) => void;\n  selectionMode?: ListSelectionMode;\n  value?: readonly ListItem[];\n}\n\ninterface ListContextValue {\n  baseId: string;\n  claimFocus: () => void;\n  label?: string;\n  listing: Listing;\n  loading: boolean;\n  loadingMessage: string;\n  searchPresent: boolean;\n}\n\nconst ListContext = createContext<ListContextValue | undefined>(undefined);\n\nfunction useListContext(part: string) {\n  const context = useContext(ListContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de List.');\n  }\n\n  return context;\n}\n\nexport function List({\n  children,\n  className,\n  defaultValue,\n  items,\n  label,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onSearch,\n  onSelectionChange,\n  selectionMode = 'none',\n  value,\n  ...props\n}: ListProps) {\n  const baseId = useId();\n  const [searchPresent, setSearchPresent] = useState(false);\n  const listing = useListing({ defaultValue, items, onSearch, onSelectionChange, selectionMode, value });\n\n  const context: ListContextValue = {\n    baseId,\n    claimFocus: useCallback(() => setSearchPresent(true), []),\n    label,\n    listing,\n    loading,\n    loadingMessage,\n    searchPresent,\n  };\n\n  return (\n    <div {...props} className={[styles.list, className].filter(Boolean).join(' ')}>\n      <ListContext.Provider value={context}>{children}</ListContext.Provider>\n    </div>\n  );\n}\n\nexport interface ListSearchProps {\n  placeholder?: string;\n}\n\nfunction ListSearch({ placeholder = 'Buscar' }: ListSearchProps) {\n  const { baseId, claimFocus, label, listing } = useListContext('List.Search');\n\n  useEffect(claimFocus, [claimFocus]);\n\n  const activeIndex = listing.visible.findIndex((item) => item.value === listing.focusedKey);\n\n  return (\n    <input\n      aria-activedescendant={activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n      aria-controls={baseId + '-options'}\n      aria-label={label ? 'Buscar em ' + label : placeholder}\n      autoComplete=\"off\"\n      className={styles.search}\n      onChange={(event) => listing.filter(event.target.value)}\n      onKeyDown={listing.handleKeyDown}\n      placeholder={placeholder}\n      type=\"search\"\n      value={listing.term}\n    />\n  );\n}\n\nexport interface ListOptionsProps {\n  height?: number;\n}\n\nfunction ListOptions({ height }: ListOptionsProps) {\n  const { baseId, label, listing, loading, loadingMessage, searchPresent } = useListContext('List.Options');\n\n  return (\n    <ListingOptions\n      baseId={baseId}\n      height={height}\n      label={label}\n      holdsFocus={!searchPresent}\n      listing={listing}\n      loading={loading}\n      loadingMessage={loadingMessage}\n      onKeyDown={searchPresent ? undefined : listing.handleKeyDown}\n    />\n  );\n}\n\nexport interface ListSelectAllProps {\n  label?: string;\n}\n\nfunction ListSelectAll({ label = 'Selecionar todos' }: ListSelectAllProps) {\n  const { listing } = useListContext('List.SelectAll');\n\n  if (listing.selectionMode !== 'multiple') {\n    return null;\n  }\n\n  return (\n    <div className={styles.selectAll}>\n      <Checkbox\n        checked={listing.status === 'all'}\n        indeterminate={listing.status === 'partial'}\n        label={label}\n        onChange={() => listing.toggleAll()}\n      />\n    </div>\n  );\n}\n\nexport interface ListEmptyProps {\n  children: ReactNode;\n}\n\nfunction ListEmpty({ children }: ListEmptyProps) {\n  const { listing, loading } = useListContext('List.Empty');\n\n  if (loading || listing.visible.length > 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.empty}>\n      <EmptyState size=\"sm\" title={children} />\n    </div>\n  );\n}\n\nList.Search = ListSearch;\nList.SelectAll = ListSelectAll;\nList.Options = ListOptions;\nList.Empty = ListEmpty;\n"],"names":["ListContext","createContext","useListContext","part","context","useContext","List","children","className","defaultValue","items","label","loading","loadingMessage","onSearch","onSelectionChange","selectionMode","value","props","baseId","useId","searchPresent","setSearchPresent","useState","listing","useListing","useCallback","jsx","styles","ListSearch","placeholder","claimFocus","useEffect","activeIndex","item","optionId","event","ListOptions","height","ListingOptions","ListSelectAll","Checkbox","ListEmpty","EmptyState"],"mappings":"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"}

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

@@ -0,0 +1,99 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useId as C, useState as S, useCallback as I, createContext as w, useEffect as E, useContext as A } from "react";
+import { optionId as K, ListingOptions as D } from "./ListingOptions.js";
+import { useListing as N } from "./useListing.js";
+import a from "./List.module.css.js";
+import { Checkbox as O } from "../../forms/Checkbox/Checkbox.js";
+import { EmptyState as P } from "../../feedback/EmptyState/EmptyState.js";
+const d = w(void 0);
+function c(t) {
+  const e = A(d);
+  if (!e)
+    throw new Error(t + " deve ser usado dentro de List.");
+  return e;
+}
+function u({
+  children: t,
+  className: e,
+  defaultValue: s,
+  items: l,
+  label: n,
+  loading: r = !1,
+  loadingMessage: i = "Carregando",
+  onSearch: m,
+  onSelectionChange: f,
+  selectionMode: p = "none",
+  value: h,
+  ...g
+}) {
+  const v = C(), [L, y] = S(!1), x = N({ defaultValue: s, items: l, onSearch: m, onSelectionChange: f, selectionMode: p, value: h }), b = {
+    baseId: v,
+    claimFocus: I(() => y(!0), []),
+    label: n,
+    listing: x,
+    loading: r,
+    loadingMessage: i,
+    searchPresent: L
+  };
+  return /* @__PURE__ */ o("div", { ...g, className: [a.list, e].filter(Boolean).join(" "), children: /* @__PURE__ */ o(d.Provider, { value: b, children: t }) });
+}
+function k({ placeholder: t = "Buscar" }) {
+  const { baseId: e, claimFocus: s, label: l, listing: n } = c("List.Search");
+  E(s, [s]);
+  const r = n.visible.findIndex((i) => i.value === n.focusedKey);
+  return /* @__PURE__ */ o(
+    "input",
+    {
+      "aria-activedescendant": r >= 0 ? K(e, r) : void 0,
+      "aria-controls": e + "-options",
+      "aria-label": l ? "Buscar em " + l : t,
+      autoComplete: "off",
+      className: a.search,
+      onChange: (i) => n.filter(i.target.value),
+      onKeyDown: n.handleKeyDown,
+      placeholder: t,
+      type: "search",
+      value: n.term
+    }
+  );
+}
+function B({ height: t }) {
+  const { baseId: e, label: s, listing: l, loading: n, loadingMessage: r, searchPresent: i } = c("List.Options");
+  return /* @__PURE__ */ o(
+    D,
+    {
+      baseId: e,
+      height: t,
+      label: s,
+      holdsFocus: !i,
+      listing: l,
+      loading: n,
+      loadingMessage: r,
+      onKeyDown: i ? void 0 : l.handleKeyDown
+    }
+  );
+}
+function F({ label: t = "Selecionar todos" }) {
+  const { listing: e } = c("List.SelectAll");
+  return e.selectionMode !== "multiple" ? null : /* @__PURE__ */ o("div", { className: a.selectAll, children: /* @__PURE__ */ o(
+    O,
+    {
+      checked: e.status === "all",
+      indeterminate: e.status === "partial",
+      label: t,
+      onChange: () => e.toggleAll()
+    }
+  ) });
+}
+function j({ children: t }) {
+  const { listing: e, loading: s } = c("List.Empty");
+  return s || e.visible.length > 0 ? null : /* @__PURE__ */ o("div", { className: a.empty, children: /* @__PURE__ */ o(P, { size: "sm", title: t }) });
+}
+u.Search = k;
+u.SelectAll = F;
+u.Options = B;
+u.Empty = j;
+export {
+  u as List
+};
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../src/components/data-display/List/List.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 { EmptyState } from '../../feedback/EmptyState';\nimport { Checkbox } from '../../forms/Checkbox';\nimport { ListingOptions, optionId } from './ListingOptions';\nimport { useListing, type Listing, type ListingItem, type ListingSelectionMode } from './useListing';\nimport styles from './List.module.css';\n\nexport type ListSelectionMode = ListingSelectionMode;\nexport type ListItem = ListingItem;\n\nexport interface ListProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> {\n  children: ReactNode;\n  defaultValue?: readonly ListItem[];\n  items: readonly ListItem[];\n  label?: string;\n  loading?: boolean;\n  loadingMessage?: string;\n  onSearch?: (term: string) => void;\n  onSelectionChange?: (items: readonly ListItem[]) => void;\n  selectionMode?: ListSelectionMode;\n  value?: readonly ListItem[];\n}\n\ninterface ListContextValue {\n  baseId: string;\n  claimFocus: () => void;\n  label?: string;\n  listing: Listing;\n  loading: boolean;\n  loadingMessage: string;\n  searchPresent: boolean;\n}\n\nconst ListContext = createContext<ListContextValue | undefined>(undefined);\n\nfunction useListContext(part: string) {\n  const context = useContext(ListContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de List.');\n  }\n\n  return context;\n}\n\nexport function List({\n  children,\n  className,\n  defaultValue,\n  items,\n  label,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onSearch,\n  onSelectionChange,\n  selectionMode = 'none',\n  value,\n  ...props\n}: ListProps) {\n  const baseId = useId();\n  const [searchPresent, setSearchPresent] = useState(false);\n  const listing = useListing({ defaultValue, items, onSearch, onSelectionChange, selectionMode, value });\n\n  const context: ListContextValue = {\n    baseId,\n    claimFocus: useCallback(() => setSearchPresent(true), []),\n    label,\n    listing,\n    loading,\n    loadingMessage,\n    searchPresent,\n  };\n\n  return (\n    <div {...props} className={[styles.list, className].filter(Boolean).join(' ')}>\n      <ListContext.Provider value={context}>{children}</ListContext.Provider>\n    </div>\n  );\n}\n\nexport interface ListSearchProps {\n  placeholder?: string;\n}\n\nfunction ListSearch({ placeholder = 'Buscar' }: ListSearchProps) {\n  const { baseId, claimFocus, label, listing } = useListContext('List.Search');\n\n  useEffect(claimFocus, [claimFocus]);\n\n  const activeIndex = listing.visible.findIndex((item) => item.value === listing.focusedKey);\n\n  return (\n    <input\n      aria-activedescendant={activeIndex >= 0 ? optionId(baseId, activeIndex) : undefined}\n      aria-controls={baseId + '-options'}\n      aria-label={label ? 'Buscar em ' + label : placeholder}\n      autoComplete=\"off\"\n      className={styles.search}\n      onChange={(event) => listing.filter(event.target.value)}\n      onKeyDown={listing.handleKeyDown}\n      placeholder={placeholder}\n      type=\"search\"\n      value={listing.term}\n    />\n  );\n}\n\nexport interface ListOptionsProps {\n  height?: number;\n}\n\nfunction ListOptions({ height }: ListOptionsProps) {\n  const { baseId, label, listing, loading, loadingMessage, searchPresent } = useListContext('List.Options');\n\n  return (\n    <ListingOptions\n      baseId={baseId}\n      height={height}\n      label={label}\n      holdsFocus={!searchPresent}\n      listing={listing}\n      loading={loading}\n      loadingMessage={loadingMessage}\n      onKeyDown={searchPresent ? undefined : listing.handleKeyDown}\n    />\n  );\n}\n\nexport interface ListSelectAllProps {\n  label?: string;\n}\n\nfunction ListSelectAll({ label = 'Selecionar todos' }: ListSelectAllProps) {\n  const { listing } = useListContext('List.SelectAll');\n\n  if (listing.selectionMode !== 'multiple') {\n    return null;\n  }\n\n  return (\n    <div className={styles.selectAll}>\n      <Checkbox\n        checked={listing.status === 'all'}\n        indeterminate={listing.status === 'partial'}\n        label={label}\n        onChange={() => listing.toggleAll()}\n      />\n    </div>\n  );\n}\n\nexport interface ListEmptyProps {\n  children: ReactNode;\n}\n\nfunction ListEmpty({ children }: ListEmptyProps) {\n  const { listing, loading } = useListContext('List.Empty');\n\n  if (loading || listing.visible.length > 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.empty}>\n      <EmptyState size=\"sm\" title={children} />\n    </div>\n  );\n}\n\nList.Search = ListSearch;\nList.SelectAll = ListSelectAll;\nList.Options = ListOptions;\nList.Empty = ListEmpty;\n"],"names":["ListContext","createContext","useListContext","part","context","useContext","List","children","className","defaultValue","items","label","loading","loadingMessage","onSearch","onSelectionChange","selectionMode","value","props","baseId","useId","searchPresent","setSearchPresent","useState","listing","useListing","useCallback","jsx","styles","ListSearch","placeholder","claimFocus","useEffect","activeIndex","item","optionId","event","ListOptions","height","ListingOptions","ListSelectAll","Checkbox","ListEmpty","EmptyState"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_list_1nie5_1",s="_search_1nie5_12",t="_options_1nie5_35",o="_spacer_1nie5_53",_="_option_1nie5_35",c="_selectAll_1nie5_72",n="_disabled_1nie5_76",i="_focused_1nie5_81",l="_box_1nie5_93",p="_checked_1nie5_102",a="_group_1nie5_108",d="_status_1nie5_118",u="_empty_1nie5_127",r={list:e,search:s,options:t,spacer:o,option:_,selectAll:c,disabled:n,focused:i,box:l,checked:p,group:a,status:d,empty:u};exports.box=l;exports.checked=p;exports.default=r;exports.disabled=n;exports.empty=u;exports.focused=i;exports.group=a;exports.list=e;exports.option=_;exports.options=t;exports.search=s;exports.selectAll=c;exports.spacer=o;exports.status=d;
+//# sourceMappingURL=List.module.css.cjs.map

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

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

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

@@ -0,0 +1,32 @@
+const s = "_list_1nie5_1", e = "_search_1nie5_12", _ = "_options_1nie5_35", t = "_spacer_1nie5_53", o = "_option_1nie5_35", n = "_selectAll_1nie5_72", c = "_disabled_1nie5_76", i = "_focused_1nie5_81", l = "_box_1nie5_93", p = "_checked_1nie5_102", a = "_group_1nie5_108", d = "_status_1nie5_118", r = "_empty_1nie5_127", u = {
+  list: s,
+  search: e,
+  options: _,
+  spacer: t,
+  option: o,
+  selectAll: n,
+  disabled: c,
+  focused: i,
+  box: l,
+  checked: p,
+  group: a,
+  status: d,
+  empty: r
+};
+export {
+  l as box,
+  p as checked,
+  u as default,
+  c as disabled,
+  r as empty,
+  i as focused,
+  a as group,
+  s as list,
+  o as option,
+  _ as options,
+  e as search,
+  n as selectAll,
+  t as spacer,
+  d as status
+};
+//# sourceMappingURL=List.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),D=require("react"),A=require("./useVirtualWindow.cjs"),t=require("./List.module.css.cjs");function f(l,n){return l+"-option-"+n}function G({baseId:l,className:n,elementRef:v,empty:m,height:h,holdsFocus:p=!0,label:K,listing:M,loading:r=!1,loadingMessage:y="Carregando",onKeyDown:S,onSelect:x,style:N,tabIndex:T=0}){const{detached:g,focusedKey:d,isSelected:W,select:z,selectionMode:j,visible:s}=M,B=s.findIndex(e=>e.value===d);function P(e,a){e.disabled||(z(e,a),x==null||x(e))}const{active:I,attachScroll:k,measureItem:q,onScroll:w,padding:o,scrollToIndex:O,start:C,end:_}=A.useVirtualWindow(s.length,h),E=D.useCallback(e=>{k(e),v&&(v.current=e)},[k,v]);D.useEffect(()=>{var a,u;const e=s.findIndex(c=>c.value===d);d===void 0||e<0||(I?O(e):(u=(a=document.getElementById(f(l,e)))==null?void 0:a.scrollIntoView)==null||u.call(a,{block:"nearest"}))},[I,l,d,O,s]);const L=s.slice(C,_);if(j==="none")return i.jsxs("ul",{"aria-busy":r||void 0,className:[t.default.options,n].filter(Boolean).join(" "),id:l+"-options",onScroll:w,ref:E,style:{height:h,...N},children:[r&&i.jsx("li",{className:t.default.status,children:y}),i.jsx("li",{"aria-hidden":"true",className:t.default.spacer,style:{height:o.before}}),L.map((e,a)=>i.jsx("li",{className:t.default.option,ref:a===0?q:void 0,children:e.label},e.value)),i.jsx("li",{"aria-hidden":"true",className:t.default.spacer,style:{height:o.after}}),!r&&s.length===0&&m]});function V(e,a,u){const c=W(e.value);return i.jsxs("div",{"aria-disabled":e.disabled||void 0,"aria-posinset":a>0?a:void 0,"aria-selected":c,"aria-setsize":a>0?s.length:void 0,className:[t.default.option,d===e.value&&t.default.focused,e.disabled&&t.default.disabled].filter(Boolean).join(" "),id:a>0?f(l,a-1):void 0,onClick:b=>P(e,b.shiftKey),onMouseDown:p?void 0:b=>b.preventDefault(),ref:u?q:void 0,role:"option",children:[j==="multiple"&&i.jsx("span",{"aria-hidden":"true",className:[t.default.box,c&&t.default.checked].filter(Boolean).join(" ")}),e.label]},e.value)}return i.jsxs("div",{"aria-activedescendant":p&&B>=0?f(l,B):void 0,"aria-busy":r||void 0,"aria-label":K,"aria-multiselectable":j==="multiple"||void 0,className:[t.default.options,n].filter(Boolean).join(" "),id:l+"-options",onKeyDown:S,onScroll:w,ref:E,role:"listbox",style:{height:h,...N},tabIndex:p?T:void 0,children:[r&&i.jsx("p",{className:t.default.status,children:y}),g.length>0&&i.jsx("div",{"aria-label":"Selecionados",className:t.default.group,role:"group",children:g.map(e=>V(e,0,!1))}),i.jsx("div",{"aria-hidden":"true",className:t.default.spacer,style:{height:o.before}}),L.map((e,a)=>V(e,C+a+1,a===0)),i.jsx("div",{"aria-hidden":"true",className:t.default.spacer,style:{height:o.after}}),!r&&s.length===0&&m]})}exports.ListingOptions=G;exports.optionId=f;
+//# sourceMappingURL=ListingOptions.cjs.map

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

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