@apipass/design-system 8.2.0 → 8.4.0

package/dist/lib/ui/components/charts/TimeSeriesChart/time-series-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-series-option.js","sources":["../../../../../../src/ui/components/charts/TimeSeriesChart/time-series-option.ts"],"sourcesContent":["import type { ChartTheme } from \"../chart-theme\";\n\nexport interface TimeSeriesPoint {\n  timestamp: number;\n  value: number | null;\n}\n\nexport interface TimeSeriesData {\n  id: string;\n  name: string;\n  points: TimeSeriesPoint[];\n  // Nome de token, nunca hex: é o que mantém a cor válida nos dois temas. Sem ele a série\n  // recebe a próxima cor da paleta.\n  colorToken?: string;\n}\n\nexport type TimeSeriesDisplayType = \"line\" | \"bar\" | \"area\";\n\nexport type TimeSeriesLineStyle = \"solid\" | \"dashed\" | \"dotted\";\n\nexport type TimeSeriesLineWidth = \"thin\" | \"normal\" | \"thick\";\n\nexport interface TimeSeriesLineOptions {\n  style?: TimeSeriesLineStyle;\n  width?: TimeSeriesLineWidth;\n}\n\nexport type TimeSeriesLegendMode = \"inline\" | \"none\";\n\nexport type TimeSeriesAxisScale = \"linear\" | \"log\";\n\nexport interface TimeSeriesYAxisOptions {\n  scale?: TimeSeriesAxisScale;\n  min?: number;\n  max?: number;\n  includeZero?: boolean;\n}\n\nexport interface TimeSeriesOptionInput {\n  series: TimeSeriesData[];\n  displayType: TimeSeriesDisplayType;\n  line: TimeSeriesLineOptions;\n  yAxis: TimeSeriesYAxisOptions;\n  theme: ChartTheme;\n  showSymbols: boolean;\n  showValueLabels: boolean;\n  seriesColorOverrides: Record<string, string>;\n  valueFormatter?: (value: number) => string;\n}\n\n// A legenda saiu do canvas e virou HTML (`ChartLegend`), entao a grade nao reserva mais faixa\n// para ela: quem divide a altura agora e o flex do componente.\nconst GRID_PADDING = { top: 16, right: 16, bottom: 24, left: 56 } as const;\n\nconst SYMBOL_SIZE_PX: number = 6;\n\nconst AREA_OPACITY: number = 0.15;\n\nconst LINE_WIDTH_PX: Record<TimeSeriesLineWidth, number> = { thin: 1, normal: 2, thick: 4 };\n\nconst DEFAULT_LINE_STYLE: TimeSeriesLineStyle = \"solid\";\n\nconst DEFAULT_LINE_WIDTH: TimeSeriesLineWidth = \"normal\";\n\n// O eixo de tempo do ECharts rotula a marca de dia so com o numero do dia -- \"2\", \"3\", \"4\" --, que\n// sozinho nao diz nem o mes. Aqui a marca de dia vira data e a marca dentro do dia vira hora, que e\n// o que se espera de uma serie temporal.\n//\n// A precisao sai do proprio instante, e nao de um nivel pedido ao ECharts: ele alinha as marcas ao\n// nivel que cabe no eixo, entao meia-noite e marca de dia, minuto cheio e marca de hora, e assim por\n// diante. Ler o instante e o que permite usar `Intl` e escrever a data na convencao de quem le -- o\n// objeto de niveis do ECharts so aceita template, e um `{dd}/{MM}` fixo seria lido como mes/dia por\n// metade dos usuarios.\nconst YEAR_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, { year: \"numeric\" });\n\nconst DAY_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, {\n  day: \"2-digit\",\n  month: \"2-digit\",\n});\n\nconst MINUTE_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, {\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n  hour12: false,\n});\n\nconst SECOND_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, {\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n  second: \"2-digit\",\n  hour12: false,\n});\n\nfunction timeAxisLabel(timestamp: number): string {\n  const instant: Date = new Date(timestamp);\n  if (instant.getSeconds() !== 0 || instant.getMilliseconds() !== 0) return SECOND_LABEL.format(instant);\n  if (instant.getHours() !== 0 || instant.getMinutes() !== 0) return MINUTE_LABEL.format(instant);\n  // Primeiro de janeiro e a marca de ano do ECharts, e ali a data sem o ano nao situa ninguem.\n  if (instant.getMonth() === 0 && instant.getDate() === 1) return YEAR_LABEL.format(instant);\n  return DAY_LABEL.format(instant);\n}\n\n// O ponto de gap chega ao formatter como `null` — o ECharts monta o bloco do tooltip sem marcar\n// `noValue`, então formata o vazio junto com o resto. O tipo público promete `number` ao\n// consumidor, e é esta guarda que mantém a promessa em vez de transformá-la em aviso.\nfunction nullSafeValueFormatter(\n  input: TimeSeriesOptionInput,\n): ((value: number | null | undefined) => string) | undefined {\n  const { valueFormatter } = input;\n  if (!valueFormatter) return undefined;\n  return (value: number | null | undefined) => (value == null ? \"\" : valueFormatter(value));\n}\n\nfunction seriesLabel(input: TimeSeriesOptionInput): Record<string, unknown> {\n  const { showValueLabels, theme } = input;\n  const formatValue: ((value: number | null | undefined) => string) | undefined =\n    nullSafeValueFormatter(input);\n  return {\n    show: showValueLabels,\n    position: \"top\",\n    color: theme.labelColor,\n    formatter: formatValue\n      ? (params: { value: [number, number | null] }) => formatValue(params.value[1])\n      : undefined,\n  };\n}\n\nfunction seriesEntry(\n  data: TimeSeriesData,\n  input: TimeSeriesOptionInput,\n  color: string,\n): Record<string, unknown> {\n  const values: Array<[number, number | null]> = data.points.map((point: TimeSeriesPoint) => [\n    point.timestamp,\n    point.value,\n  ]);\n  const label: Record<string, unknown> = seriesLabel(input);\n\n  if (input.displayType === \"bar\") {\n    return { id: data.id, name: data.name, type: \"bar\", data: values, itemStyle: { color }, label };\n  }\n\n  return {\n    id: data.id,\n    name: data.name,\n    type: \"line\",\n    data: values,\n    showSymbol: input.showSymbols,\n    symbolSize: SYMBOL_SIZE_PX,\n    lineStyle: {\n      color,\n      type: input.line.style ?? DEFAULT_LINE_STYLE,\n      width: LINE_WIDTH_PX[input.line.width ?? DEFAULT_LINE_WIDTH],\n    },\n    itemStyle: { color },\n    areaStyle: input.displayType === \"area\" ? { color, opacity: AREA_OPACITY } : undefined,\n    label,\n  };\n}\n\n// O retorno é `Record<string, unknown>` de propósito, e não `EChartsOption`: é o que impede\n// um tipo da biblioteca de vazar para o resto do design system.\nexport function buildTimeSeriesOption(input: TimeSeriesOptionInput): Record<string, unknown> {\n  const { series, yAxis, theme, seriesColorOverrides } = input;\n  const formatValue: ((value: number | null | undefined) => string) | undefined =\n    nullSafeValueFormatter(input);\n\n  return {\n    animation: false,\n    color: theme.seriesColors,\n    textStyle: { fontFamily: theme.fontFamily, color: theme.labelColor },\n    grid: {\n      ...GRID_PADDING,\n      containLabel: false,\n    },\n    tooltip: {\n      trigger: \"axis\",\n      backgroundColor: theme.tooltipBackgroundColor,\n      borderColor: theme.tooltipBorderColor,\n      textStyle: { color: theme.labelColor },\n      valueFormatter: formatValue,\n    },\n    xAxis: {\n      type: \"time\",\n      axisLine: { lineStyle: { color: theme.axisLineColor } },\n      axisTick: { show: false },\n      axisLabel: { color: theme.labelColor, hideOverlap: true, formatter: timeAxisLabel },\n      splitLine: { show: false },\n    },\n    yAxis: {\n      type: yAxis.scale === \"log\" ? \"log\" : \"value\",\n      scale: yAxis.includeZero !== true,\n      min: yAxis.min,\n      max: yAxis.max,\n      axisLine: { show: false },\n      axisLabel: { color: theme.labelColor, formatter: formatValue },\n      splitLine: { lineStyle: { color: theme.splitLineColor } },\n    },\n    series: series.map((data: TimeSeriesData, index: number) =>\n      seriesEntry(\n        data,\n        input,\n        seriesColorOverrides[data.id] ?? theme.seriesColors[index % theme.seriesColors.length],\n      ),\n    ),\n  };\n}\n"],"names":["GRID_PADDING","SYMBOL_SIZE_PX","AREA_OPACITY","LINE_WIDTH_PX","DEFAULT_LINE_STYLE","DEFAULT_LINE_WIDTH","YEAR_LABEL","DAY_LABEL","MINUTE_LABEL","SECOND_LABEL","timeAxisLabel","timestamp","instant","nullSafeValueFormatter","input","valueFormatter","value","seriesLabel","showValueLabels","theme","formatValue","params","seriesEntry","data","color","values","point","label","buildTimeSeriesOption","series","yAxis","seriesColorOverrides","index"],"mappings":"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"}
+{"version":3,"file":"time-series-option.js","sources":["../../../../../../src/ui/components/charts/TimeSeriesChart/time-series-option.ts"],"sourcesContent":["import type { ChartTheme } from \"../chart-theme\";\n\nexport interface TimeSeriesPoint {\n  timestamp: number;\n  value: number | null;\n}\n\nexport interface TimeSeriesData {\n  id: string;\n  name: string;\n  points: TimeSeriesPoint[];\n  // Nome de token, nunca hex: é o que mantém a cor válida nos dois temas. Sem ele a série\n  // recebe a próxima cor da paleta.\n  colorToken?: string;\n}\n\nexport type TimeSeriesDisplayType = \"line\" | \"bar\" | \"area\";\n\nexport type TimeSeriesLineStyle = \"solid\" | \"dashed\" | \"dotted\";\n\nexport type TimeSeriesLineWidth = \"thin\" | \"normal\" | \"thick\";\n\nexport interface TimeSeriesLineOptions {\n  style?: TimeSeriesLineStyle;\n  width?: TimeSeriesLineWidth;\n}\n\nexport type TimeSeriesLegendMode = \"inline\" | \"none\";\n\nexport type TimeSeriesAxisScale = \"linear\" | \"log\";\n\nexport interface TimeSeriesYAxisOptions {\n  scale?: TimeSeriesAxisScale;\n  min?: number;\n  max?: number;\n  includeZero?: boolean;\n}\n\nexport interface TimeSeriesXAxisOptions {\n  min?: number;\n  max?: number;\n}\n\nexport interface TimeSeriesOptionInput {\n  series: TimeSeriesData[];\n  displayType: TimeSeriesDisplayType;\n  line: TimeSeriesLineOptions;\n  xAxis: TimeSeriesXAxisOptions;\n  yAxis: TimeSeriesYAxisOptions;\n  theme: ChartTheme;\n  showSymbols: boolean;\n  showValueLabels: boolean;\n  seriesColorOverrides: Record<string, string>;\n  valueFormatter?: (value: number) => string;\n}\n\n// A legenda saiu do canvas e virou HTML (`ChartLegend`), entao a grade nao reserva mais faixa\n// para ela: quem divide a altura agora e o flex do componente.\nconst GRID_PADDING_PX: { top: number; right: number; bottom: number; left: number } = {\n  top: 16,\n  right: 16,\n  bottom: 8,\n  left: 8,\n};\n\nconst SYMBOL_SIZE_PX: number = 6;\n\nconst AREA_OPACITY: number = 0.15;\n\nconst LINE_WIDTH_PX: Record<TimeSeriesLineWidth, number> = { thin: 1, normal: 2, thick: 4 };\n\nconst DEFAULT_LINE_STYLE: TimeSeriesLineStyle = \"solid\";\n\nconst DEFAULT_LINE_WIDTH: TimeSeriesLineWidth = \"normal\";\n\n// O eixo de tempo do ECharts rotula a marca de dia so com o numero do dia -- \"2\", \"3\", \"4\" --, que\n// sozinho nao diz nem o mes. Aqui a marca de dia vira data e a marca dentro do dia vira hora, que e\n// o que se espera de uma serie temporal.\n//\n// A precisao sai do proprio instante, e nao de um nivel pedido ao ECharts: ele alinha as marcas ao\n// nivel que cabe no eixo, entao meia-noite e marca de dia, minuto cheio e marca de hora, e assim por\n// diante. Ler o instante e o que permite usar `Intl` e escrever a data na convencao de quem le -- o\n// objeto de niveis do ECharts so aceita template, e um `{dd}/{MM}` fixo seria lido como mes/dia por\n// metade dos usuarios.\nconst YEAR_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, { year: \"numeric\" });\n\nconst DAY_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, {\n  day: \"2-digit\",\n  month: \"2-digit\",\n});\n\nconst MINUTE_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, {\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n  hour12: false,\n});\n\nconst SECOND_LABEL: Intl.DateTimeFormat = new Intl.DateTimeFormat(undefined, {\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n  second: \"2-digit\",\n  hour12: false,\n});\n\nfunction timeAxisLabel(timestamp: number): string {\n  const instant: Date = new Date(timestamp);\n  if (instant.getSeconds() !== 0 || instant.getMilliseconds() !== 0) return SECOND_LABEL.format(instant);\n  if (instant.getHours() !== 0 || instant.getMinutes() !== 0) return MINUTE_LABEL.format(instant);\n  // Primeiro de janeiro e a marca de ano do ECharts, e ali a data sem o ano nao situa ninguem.\n  if (instant.getMonth() === 0 && instant.getDate() === 1) return YEAR_LABEL.format(instant);\n  return DAY_LABEL.format(instant);\n}\n\n// O ponto de gap chega ao formatter como `null` — o ECharts monta o bloco do tooltip sem marcar\n// `noValue`, então formata o vazio junto com o resto. O tipo público promete `number` ao\n// consumidor, e é esta guarda que mantém a promessa em vez de transformá-la em aviso.\nfunction nullSafeValueFormatter(\n  input: TimeSeriesOptionInput,\n): ((value: number | null | undefined) => string) | undefined {\n  const { valueFormatter } = input;\n  if (!valueFormatter) return undefined;\n  return (value: number | null | undefined) => (value == null ? \"\" : valueFormatter(value));\n}\n\nfunction seriesLabel(input: TimeSeriesOptionInput): Record<string, unknown> {\n  const { showValueLabels, theme } = input;\n  const formatValue: ((value: number | null | undefined) => string) | undefined =\n    nullSafeValueFormatter(input);\n  return {\n    show: showValueLabels,\n    position: \"top\",\n    color: theme.labelColor,\n    formatter: formatValue\n      ? (params: { value: [number, number | null] }) => formatValue(params.value[1])\n      : undefined,\n  };\n}\n\nfunction seriesEntry(\n  data: TimeSeriesData,\n  input: TimeSeriesOptionInput,\n  color: string,\n): Record<string, unknown> {\n  const values: Array<[number, number | null]> = data.points.map((point: TimeSeriesPoint) => [\n    point.timestamp,\n    point.value,\n  ]);\n  const label: Record<string, unknown> = seriesLabel(input);\n\n  if (input.displayType === \"bar\") {\n    return { id: data.id, name: data.name, type: \"bar\", data: values, itemStyle: { color }, label };\n  }\n\n  return {\n    id: data.id,\n    name: data.name,\n    type: \"line\",\n    data: values,\n    showSymbol: input.showSymbols,\n    symbolSize: SYMBOL_SIZE_PX,\n    lineStyle: {\n      color,\n      type: input.line.style ?? DEFAULT_LINE_STYLE,\n      width: LINE_WIDTH_PX[input.line.width ?? DEFAULT_LINE_WIDTH],\n    },\n    itemStyle: { color },\n    areaStyle: input.displayType === \"area\" ? { color, opacity: AREA_OPACITY } : undefined,\n    label,\n  };\n}\n\n// O retorno é `Record<string, unknown>` de propósito, e não `EChartsOption`: é o que impede\n// um tipo da biblioteca de vazar para o resto do design system.\nexport function buildTimeSeriesOption(input: TimeSeriesOptionInput): Record<string, unknown> {\n  const { series, xAxis, yAxis, theme, seriesColorOverrides } = input;\n  const formatValue: ((value: number | null | undefined) => string) | undefined =\n    nullSafeValueFormatter(input);\n\n  return {\n    animation: false,\n    color: theme.seriesColors,\n    textStyle: { fontFamily: theme.fontFamily, color: theme.labelColor },\n    grid: {\n      ...GRID_PADDING_PX,\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: \"axis\",\n      confine: true,\n      backgroundColor: theme.tooltipBackgroundColor,\n      borderColor: theme.tooltipBorderColor,\n      textStyle: { color: theme.labelColor },\n      valueFormatter: formatValue,\n    },\n    xAxis: {\n      type: \"time\",\n      min: xAxis.min,\n      max: xAxis.max,\n      axisLine: { lineStyle: { color: theme.axisLineColor } },\n      axisTick: { show: false },\n      axisLabel: { color: theme.labelColor, hideOverlap: true, formatter: timeAxisLabel },\n      splitLine: { show: false },\n    },\n    yAxis: {\n      type: yAxis.scale === \"log\" ? \"log\" : \"value\",\n      scale: yAxis.includeZero !== true,\n      min: yAxis.min,\n      max: yAxis.max,\n      axisLine: { show: false },\n      axisLabel: { color: theme.labelColor, formatter: formatValue },\n      splitLine: { lineStyle: { color: theme.splitLineColor } },\n    },\n    series: series.map((data: TimeSeriesData, index: number) =>\n      seriesEntry(\n        data,\n        input,\n        seriesColorOverrides[data.id] ?? theme.seriesColors[index % theme.seriesColors.length],\n      ),\n    ),\n  };\n}\n"],"names":["GRID_PADDING_PX","SYMBOL_SIZE_PX","AREA_OPACITY","LINE_WIDTH_PX","DEFAULT_LINE_STYLE","DEFAULT_LINE_WIDTH","YEAR_LABEL","DAY_LABEL","MINUTE_LABEL","SECOND_LABEL","timeAxisLabel","timestamp","instant","nullSafeValueFormatter","input","valueFormatter","value","seriesLabel","showValueLabels","theme","formatValue","params","seriesEntry","data","color","values","point","label","buildTimeSeriesOption","series","xAxis","yAxis","seriesColorOverrides","index"],"mappings":"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"}

package/dist/lib/ui/components/charts/TopList/TopList.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),w=require("../../../../vendor/clsx/dist/clsx.cjs"),c=require("react"),_=require("../chart-palette.cjs"),q=require("../useChartInstance.cjs"),x=require("./top-list-option.cjs");;/* empty css               */const M=["value"],P=_.CHART_SERIES_COLOR_TOKENS[0];function A(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function j(t,a){const u=new Set(t.map(e=>e.id)),o=a.filter(e=>u.has(e)),d=t.map(e=>e.id).filter(e=>!o.includes(e));return[...o,...d]}function y({items:t,sort:a="desc",total:u,valueDisplay:o=M,valueFormatter:d,colorToken:e=P,className:C,...L}){const{containerRef:f,chart:p,theme:l,resolveSeriesColor:h}=q.useChartInstance(),R=c.useRef(!1),v=c.useRef([]),[O,T]=c.useState(0),[S,m]=c.useState(0);c.useEffect(()=>{const s=f.current;if(!s)return;const r=new ResizeObserver(()=>{T(s.clientHeight),m(s.clientWidth)});return r.observe(s),()=>r.disconnect()},[f]);const E=O>0,I=x.labeledRowStepFor(O,t.length),b=c.useMemo(()=>{const s=h(e),r=[];return t.forEach(i=>{const n=(i.colorToken?h(i.colorToken):void 0)??s;n&&r.push([i.id,n])}),Object.fromEntries(r)},[t,e,l,h]);return c.useEffect(()=>{if(!p||!l||!E)return;const s=R.current&&!A();v.current=j(t,v.current);const r=new Map(t.map(n=>[n.id,n])),i=v.current.map(n=>r.get(n));p.setOption(x.buildTopListOption({items:i,sort:a,total:u,valueDisplay:o,theme:l,colorsByItemId:b,animate:s,labeledRowStep:I,canvasWidthPx:S,valueFormatter:d}),{replaceMerge:["series","yAxis"]}),R.current=!0},[p,l,t,a,u,o,b,E,I,S,d]),g.jsx("div",{className:w.clsx("top-list",C),...L,children:g.jsx("div",{ref:f,className:"top-list__canvas"})})}exports.TopList=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),w=require("../../../../vendor/clsx/dist/clsx.cjs"),c=require("react"),_=require("../chart-palette.cjs"),q=require("../useChartInstance.cjs"),g=require("./top-list-option.cjs");;/* empty css               */const M=["value"],P=_.CHART_SERIES_COLOR_TOKENS[0];function A(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function j(t,a){const u=new Set(t.map(e=>e.id)),o=a.filter(e=>u.has(e)),d=t.map(e=>e.id).filter(e=>!o.includes(e));return[...o,...d]}function y({items:t,sort:a="desc",total:u,valueDisplay:o=M,valueFormatter:d,colorToken:e=P,className:x,...C}){const{containerRef:f,chart:p,theme:l,resolveSeriesColor:h}=q.useChartInstance(),O=c.useRef(!1),v=c.useRef([]),[R,L]=c.useState(0),[S,m]=c.useState(0);c.useEffect(()=>{const r=f.current;if(!r)return;const s=new ResizeObserver(()=>{L(r.clientHeight),m(r.clientWidth)});return s.observe(r),()=>s.disconnect()},[f]);const E=R>0,I=g.labeledRowStepFor(R,t.length),T=c.useMemo(()=>{const r=h(e),s=[];return t.forEach(i=>{const n=(i.colorToken?h(i.colorToken):void 0)??r;n&&s.push([i.id,n])}),Object.fromEntries(s)},[t,e,l,h]);return c.useEffect(()=>{if(!p||!l||!E)return;const r=O.current&&!A();v.current=j(t,v.current);const s=new Map(t.map(n=>[n.id,n])),i=v.current.map(n=>s.get(n));p.setOption(g.buildTopListOption({items:i,sort:a,total:u,valueDisplay:o,theme:l,colorsByItemId:T,animate:r,labeledRowStep:I,canvasWidthPx:S,valueFormatter:d}),{replaceMerge:["series","yAxis"]}),O.current=!0},[p,l,t,a,u,o,T,E,I,S,d]),b.jsx("div",{className:w.clsx("top-list",x),...C,children:b.jsx("div",{ref:f,className:"top-list__canvas"})})}exports.TopList=y;
 //# sourceMappingURL=TopList.cjs.map

package/dist/lib/ui/primitives/Avatar/Avatar.js

@@ -46,7 +46,7 @@ function b({
   );
   return /* @__PURE__ */ s("span", { className: l, ...o, children: h({ initials: e, src: r, alt: n }) });
 }
-const C = u.forwardRef(function({
+const k = u.forwardRef(function({
   className: r,
   src: a = null,
   square: e = !1,
@@ -64,7 +64,7 @@ const C = u.forwardRef(function({
     a ? "avatar-image" : "avatar-initials"
   );
   return /* @__PURE__ */ s(f, { ...l, className: v, ref: c, children: h({ initials: n, src: a, alt: i }) });
-}), j = ({
+}), C = ({
   className: t,
   children: r,
   title: a,
@@ -77,7 +77,7 @@ const C = u.forwardRef(function({
     /* @__PURE__ */ s(g, { slot: "label", children: a }),
     e && /* @__PURE__ */ s(x, { slot: "description", children: e })
   ] });
-}, k = ({
+}, T = ({
   className: t,
   children: r,
   max: a = 3,
@@ -99,8 +99,8 @@ const C = u.forwardRef(function({
 };
 export {
   b as Avatar,
-  j as AvatarBlock,
-  C as AvatarButton,
-  k as AvatarGroup
+  C as AvatarBlock,
+  k as AvatarButton,
+  T as AvatarGroup
 };
 //# sourceMappingURL=Avatar.js.map

package/dist/lib/ui/primitives/BrandLoader/BrandLoader.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../vendor/clsx/dist/clsx.cjs"),r=require("react"),N=require("../../hooks/useAnimationFrame.cjs"),n=require("./brandLoaderVariants.cjs"),q=require("./brandLoaderSymbolContext.cjs");;/* empty css                   */const A=require("../../hooks/useMediaQuery.cjs");function B(){return typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&typeof SVGPathElement<"u"&&typeof SVGPathElement.prototype.getPointAtLength=="function"}function S(s,o){return typeof s.getTotalLength=="function"?s.getTotalLength():o}function $({label:s,"aria-hidden":o,variant:t="trace",size:a="32",tone:i="accent",speed:b=1,isPaused:f=!1,symbol:p,className:h,...m}){const g=q.useBrandLoaderSymbol(),c=p??g,x=A.useCustomMediaQuery("(prefers-reduced-motion: reduce)"),d=!f&&!x;return e.jsx("span",{role:o?void 0:"status","aria-label":s,"aria-hidden":o||void 0,className:w.clsx("brand-loader",`brand-loader-size-${a}`,`brand-loader-tone-${i}`,`brand-loader-${c}`,`brand-loader-variant-${t}`,!d&&"brand-loader-paused",h),...m,children:c==="neutral"?e.jsx(C,{}):e.jsx(E,{variant:t,speed:b,isAnimating:d&&B()},t)})}function C(){return e.jsxs("svg",{className:"brand-loader-neutral-glyph",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:[e.jsx("circle",{className:"brand-loader-neutral-track",cx:"12",cy:"12",r:"9"}),e.jsx("circle",{className:"brand-loader-neutral-arc",cx:"12",cy:"12",r:"9",pathLength:100})]})}function E({variant:s,speed:o,isAnimating:t}){const a=n.brandLoaderVariants[s],i=`brand-loader-sweep-${r.useId().replace(/:/g,"")}`,b=r.useRef(null),f=r.useRef(null),p=r.useRef(null),h=r.useRef(null),m=r.useRef(null),g=r.useRef(null),c=r.useRef(null),x=r.useRef(null),d=r.useRef(0),y=r.useRef(null),P=()=>d.current%a.period/a.period;return r.useLayoutEffect(()=>{const u=b.current,l=f.current,L=p.current,R=h.current;if(!u||!l||!L||!R)return;const j={strokes:u,slash:l,big:L,tri:R,ball:m.current,sweepClip:g.current,sweepEdge:c.current,lengths:{slash:S(l,n.brandLoaderPathLengths.slash),big:S(L,n.brandLoaderPathLengths.big),tri:S(R,n.brandLoaderPathLengths.tri)}};x.current=j,y.current=null,t?a.render(d.current%a.period/a.period,j):a.renderRest(j)},[a,t]),N.useAnimationFrame(u=>{const l=x.current;l&&(y.current!==null&&(d.current+=(u-y.current)*o),y.current=u,a.render(P(),l))},t),e.jsxs("svg",{className:"brand-loader-symbol",viewBox:n.brandLoaderViewBox,"aria-hidden":"true",focusable:"false",children:[s==="sweep"&&e.jsx("defs",{children:e.jsx("clipPath",{id:i,children:e.jsx("polygon",{ref:g})})}),e.jsxs("g",{ref:b,className:"brand-loader-strokes",clipPath:s==="sweep"?`url(#${i})`:void 0,children:[s==="comet"&&e.jsxs("g",{className:"brand-loader-ghost",children:[e.jsx("path",{d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{d:n.brandLoaderSymbolPaths.tri})]}),e.jsx("path",{ref:f,className:"brand-loader-piece brand-loader-slash",d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{ref:p,className:"brand-loader-piece brand-loader-big",d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{ref:h,className:"brand-loader-piece brand-loader-tri",d:n.brandLoaderSymbolPaths.tri})]}),s==="bounce"&&e.jsx("ellipse",{ref:m,className:"brand-loader-ball"}),s==="sweep"&&e.jsx("line",{ref:c,className:"brand-loader-sweep-edge"})]})}exports.BrandLoader=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../vendor/clsx/dist/clsx.cjs"),r=require("react"),N=require("../../hooks/useAnimationFrame.cjs"),n=require("./brandLoaderVariants.cjs"),q=require("./brandLoaderSymbolContext.cjs");;/* empty css                   */const $=require("../../hooks/useMediaQuery.cjs");function A(){return typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&typeof SVGPathElement<"u"&&typeof SVGPathElement.prototype.getPointAtLength=="function"}function S(s,o){return typeof s.getTotalLength=="function"?s.getTotalLength():o}function B({label:s,"aria-hidden":o,variant:t="trace",size:a="32",tone:i="accent",speed:b=1,isPaused:f=!1,symbol:p,className:h,...m}){const g=q.useBrandLoaderSymbol(),c=p??g,x=$.useCustomMediaQuery("(prefers-reduced-motion: reduce)"),d=!f&&!x;return e.jsx("span",{role:o?void 0:"status","aria-label":s,"aria-hidden":o||void 0,className:w.clsx("brand-loader",`brand-loader-size-${a}`,`brand-loader-tone-${i}`,`brand-loader-${c}`,`brand-loader-variant-${t}`,!d&&"brand-loader-paused",h),...m,children:c==="neutral"?e.jsx(k,{}):e.jsx(C,{variant:t,speed:b,isAnimating:d&&A()},t)})}function k(){return e.jsxs("svg",{className:"brand-loader-neutral-glyph",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:[e.jsx("circle",{className:"brand-loader-neutral-track",cx:"12",cy:"12",r:"9"}),e.jsx("circle",{className:"brand-loader-neutral-arc",cx:"12",cy:"12",r:"9",pathLength:100})]})}function C({variant:s,speed:o,isAnimating:t}){const a=n.brandLoaderVariants[s],i=`brand-loader-sweep-${r.useId().replace(/:/g,"")}`,b=r.useRef(null),f=r.useRef(null),p=r.useRef(null),h=r.useRef(null),m=r.useRef(null),g=r.useRef(null),c=r.useRef(null),x=r.useRef(null),d=r.useRef(0),y=r.useRef(null),P=()=>d.current%a.period/a.period;return r.useLayoutEffect(()=>{const u=b.current,l=f.current,L=p.current,R=h.current;if(!u||!l||!L||!R)return;const j={strokes:u,slash:l,big:L,tri:R,ball:m.current,sweepClip:g.current,sweepEdge:c.current,lengths:{slash:S(l,n.brandLoaderPathLengths.slash),big:S(L,n.brandLoaderPathLengths.big),tri:S(R,n.brandLoaderPathLengths.tri)}};x.current=j,y.current=null,t?a.render(d.current%a.period/a.period,j):a.renderRest(j)},[a,t]),N.useAnimationFrame(u=>{const l=x.current;l&&(y.current!==null&&(d.current+=(u-y.current)*o),y.current=u,a.render(P(),l))},t),e.jsxs("svg",{className:"brand-loader-symbol",viewBox:n.brandLoaderViewBox,"aria-hidden":"true",focusable:"false",children:[s==="sweep"&&e.jsx("defs",{children:e.jsx("clipPath",{id:i,children:e.jsx("polygon",{ref:g})})}),e.jsxs("g",{ref:b,className:"brand-loader-strokes",clipPath:s==="sweep"?`url(#${i})`:void 0,children:[s==="comet"&&e.jsxs("g",{className:"brand-loader-ghost",children:[e.jsx("path",{d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{d:n.brandLoaderSymbolPaths.tri})]}),e.jsx("path",{ref:f,className:"brand-loader-piece brand-loader-slash",d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{ref:p,className:"brand-loader-piece brand-loader-big",d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{ref:h,className:"brand-loader-piece brand-loader-tri",d:n.brandLoaderSymbolPaths.tri})]}),s==="bounce"&&e.jsx("ellipse",{ref:m,className:"brand-loader-ball"}),s==="sweep"&&e.jsx("line",{ref:c,className:"brand-loader-sweep-edge"})]})}exports.BrandLoader=B;
 //# sourceMappingURL=BrandLoader.cjs.map

package/dist/lib/ui/primitives/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n  Button as RACButton,\n  Link as RACLink,\n  type ButtonProps as RACButtonProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n  <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n  children: RACButtonProps[\"children\"],\n  isPending: boolean | undefined,\n): RACButtonProps[\"children\"] {\n  if (!isPending) return children;\n  return (renderProps) => (\n    <>\n      {pendingIndicator}\n      {typeof children === \"function\" ? children(renderProps) : children}\n    </>\n  );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"danger-primary\" | \"danger-subtle\"\n  >;\n};\nexport const Button = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"primary\" | \"subtle\" | \"neutral\" | \"text\"\n  >;\n};\n/**\n * Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"danger-primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonDangerProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\ntype ButtonBaseProps = {\n  type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n  isPending?: boolean;\n  size?: \"small\" | \"medium\";\n  variant?:\n    | \"primary\"\n    | \"neutral\"\n    | \"subtle\"\n    | \"text\"\n    | \"danger-primary\"\n    | \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n  props: ButtonBaseProps | ButtonDangerProps,\n): props is (ButtonBaseProps | ButtonDangerProps) &\n  ComponentPropsWithoutRef<typeof RACLink> {\n  return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"end\" | \"center\" | \"justify\" | \"stack\";\n};\nexport const ButtonGroup = ({\n  align = \"start\",\n  className,\n  ...props\n}: ButtonGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"button-group\",\n    `button-group-align-${align}`,\n  );\n  return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":"mSAWA,MAAMA,EACJC,EAAAA,IAACC,cAAA,CAAY,cAAW,GAAC,QAAQ,QAAQ,KAAK,KAAK,KAAK,SAAA,CAAU,EAGpE,SAASC,EACPC,EACAC,EAC4B,CAC5B,OAAKA,EACGC,GACNC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAR,EACA,OAAOI,GAAa,WAAaA,EAASE,CAAW,EAAIF,CAAA,EAC5D,EALqBA,CAOzB,CAQO,MAAMK,EAASC,EAAM,WAAW,SACrC,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,GAAGF,EACJ,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,GAAGH,EACJ,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAWYmB,EAAed,EAAM,WAAW,SAC3C,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,iBACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,GAAGF,EACJ,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,GAAGH,EACJ,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAeD,SAASgB,EACPN,EAEyC,CACzC,MAAO,SAAUA,CACnB,CAKO,MAAMU,EAAc,CAAC,CAC1B,MAAAC,EAAQ,QACR,UAAAf,EACA,GAAGI,CACL,IAAwB,CACtB,MAAME,EAAaC,EAAAA,KACjBP,EACA,eACA,sBAAsBe,CAAK,EAAA,EAE7B,OAAOzB,EAAAA,IAAC,MAAA,CAAI,UAAWgB,EAAa,GAAGF,EAAO,CAChD"}
+{"version":3,"file":"Button.cjs","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n  Button as RACButton,\n  Link as RACLink,\n  type ButtonProps as RACButtonProps,\n  type LinkProps as RACLinkProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n  <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n  children: RACButtonProps[\"children\"],\n  isPending: boolean | undefined,\n): RACButtonProps[\"children\"] {\n  if (!isPending) return children;\n  return (renderProps) => (\n    <>\n      {pendingIndicator}\n      {typeof children === \"function\" ? children(renderProps) : children}\n    </>\n  );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"danger-primary\" | \"danger-subtle\"\n  >;\n};\nexport const Button = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...(sharedProps as RACLinkProps)}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...(sharedProps as RACButtonProps)}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"primary\" | \"subtle\" | \"neutral\" | \"text\"\n  >;\n};\n/**\n * Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"danger-primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonDangerProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...(sharedProps as RACLinkProps)}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...(sharedProps as RACButtonProps)}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\ntype ButtonBaseProps = {\n  type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n  isPending?: boolean;\n  size?: \"small\" | \"medium\";\n  variant?:\n    | \"primary\"\n    | \"neutral\"\n    | \"subtle\"\n    | \"text\"\n    | \"danger-primary\"\n    | \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n  props: ButtonBaseProps | ButtonDangerProps,\n): props is (ButtonBaseProps | ButtonDangerProps) &\n  ComponentPropsWithoutRef<typeof RACLink> {\n  return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"end\" | \"center\" | \"justify\" | \"stack\";\n};\nexport const ButtonGroup = ({\n  align = \"start\",\n  className,\n  ...props\n}: ButtonGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"button-group\",\n    `button-group-align-${align}`,\n  );\n  return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":"mSAYA,MAAMA,EACJC,EAAAA,IAACC,cAAA,CAAY,cAAW,GAAC,QAAQ,QAAQ,KAAK,KAAK,KAAK,SAAA,CAAU,EAGpE,SAASC,EACPC,EACAC,EAC4B,CAC5B,OAAKA,EACGC,GACNC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAR,EACA,OAAOI,GAAa,WAAaA,EAASE,CAAW,EAAIF,CAAA,EAC5D,EALqBA,CAOzB,CAQO,MAAMK,EAASC,EAAM,WAAW,SACrC,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,GAAIF,EACL,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,GAAIH,EACL,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAWYmB,EAAed,EAAM,WAAW,SAC3C,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,iBACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,GAAIF,EACL,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,GAAIH,EACL,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAeD,SAASgB,EACPN,EAEyC,CACzC,MAAO,SAAUA,CACnB,CAKO,MAAMU,EAAc,CAAC,CAC1B,MAAAC,EAAQ,QACR,UAAAf,EACA,GAAGI,CACL,IAAwB,CACtB,MAAME,EAAaC,EAAAA,KACjBP,EACA,eACA,sBAAsBe,CAAK,EAAA,EAE7B,OAAOzB,EAAAA,IAAC,MAAA,CAAI,UAAWgB,EAAa,GAAGF,EAAO,CAChD"}

package/dist/lib/ui/primitives/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as b, Fragment as g } from "react/jsx-runtime";
 import { clsx as d } from "../../../vendor/clsx/dist/clsx.js";
 import l from "react";
 import { Link as f, Button as h } from "react-aria-components";
-import { BrandLoader as $ } from "../BrandLoader/BrandLoader.js";
+import { BrandLoader as p } from "../BrandLoader/BrandLoader.js";
 /* empty css           */
-const y = /* @__PURE__ */ e($, { "aria-hidden": !0, variant: "pulse", size: "16", tone: "current" });
+const y = /* @__PURE__ */ e(p, { "aria-hidden": !0, variant: "pulse", size: "16", tone: "current" });
 function B(t, r) {
-  return r ? (o) => /* @__PURE__ */ g(p, { children: [
+  return r ? (o) => /* @__PURE__ */ b(g, { children: [
     y,
     typeof t == "function" ? t(o) : t
   ] }) : t;
@@ -24,7 +24,7 @@ const I = l.forwardRef(function({
     "button",
     `button-size-${o}`,
     `button-variant-${a}`
-  ), { style: b, ...m } = n;
+  ), { style: $, ...m } = n;
   return N(n) ? /* @__PURE__ */ e(
     f,
     {
@@ -58,7 +58,7 @@ const I = l.forwardRef(function({
     "button",
     `button-size-${o}`,
     `button-variant-${a}`
-  ), { style: b, ...m } = n;
+  ), { style: $, ...m } = n;
   return N(n) ? /* @__PURE__ */ e(
     f,
     {

package/dist/lib/ui/primitives/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n  Button as RACButton,\n  Link as RACLink,\n  type ButtonProps as RACButtonProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n  <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n  children: RACButtonProps[\"children\"],\n  isPending: boolean | undefined,\n): RACButtonProps[\"children\"] {\n  if (!isPending) return children;\n  return (renderProps) => (\n    <>\n      {pendingIndicator}\n      {typeof children === \"function\" ? children(renderProps) : children}\n    </>\n  );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"danger-primary\" | \"danger-subtle\"\n  >;\n};\nexport const Button = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"primary\" | \"subtle\" | \"neutral\" | \"text\"\n  >;\n};\n/**\n * Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"danger-primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonDangerProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\ntype ButtonBaseProps = {\n  type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n  isPending?: boolean;\n  size?: \"small\" | \"medium\";\n  variant?:\n    | \"primary\"\n    | \"neutral\"\n    | \"subtle\"\n    | \"text\"\n    | \"danger-primary\"\n    | \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n  props: ButtonBaseProps | ButtonDangerProps,\n): props is (ButtonBaseProps | ButtonDangerProps) &\n  ComponentPropsWithoutRef<typeof RACLink> {\n  return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"end\" | \"center\" | \"justify\" | \"stack\";\n};\nexport const ButtonGroup = ({\n  align = \"start\",\n  className,\n  ...props\n}: ButtonGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"button-group\",\n    `button-group-align-${align}`,\n  );\n  return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":";;;;;;AAWA,MAAMA,IACJ,gBAAAC,EAACC,GAAA,EAAY,eAAW,IAAC,SAAQ,SAAQ,MAAK,MAAK,MAAK,UAAA,CAAU;AAGpE,SAASC,EACPC,GACAC,GAC4B;AAC5B,SAAKA,IACE,CAACC,MACN,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAR;AAAA,IACA,OAAOI,KAAa,aAAaA,EAASE,CAAW,IAAIF;AAAA,EAAA,GAC5D,IALqBA;AAOzB;AAQO,MAAMK,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC,GAWYmB,IAAed,EAAM,WAAW,SAC3C;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC;AAeD,SAASgB,EACPN,GAEyC;AACzC,SAAO,UAAUA;AACnB;AAKO,MAAMU,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,WAAAf;AAAA,EACA,GAAGI;AACL,MAAwB;AACtB,QAAME,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,sBAAsBe,CAAK;AAAA,EAAA;AAE7B,SAAO,gBAAAzB,EAAC,OAAA,EAAI,WAAWgB,GAAa,GAAGF,GAAO;AAChD;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n  Button as RACButton,\n  Link as RACLink,\n  type ButtonProps as RACButtonProps,\n  type LinkProps as RACLinkProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n  <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n  children: RACButtonProps[\"children\"],\n  isPending: boolean | undefined,\n): RACButtonProps[\"children\"] {\n  if (!isPending) return children;\n  return (renderProps) => (\n    <>\n      {pendingIndicator}\n      {typeof children === \"function\" ? children(renderProps) : children}\n    </>\n  );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"danger-primary\" | \"danger-subtle\"\n  >;\n};\nexport const Button = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...(sharedProps as RACLinkProps)}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...(sharedProps as RACButtonProps)}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"primary\" | \"subtle\" | \"neutral\" | \"text\"\n  >;\n};\n/**\n * Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"danger-primary\",\n    isPending,\n    isDisabled,\n    ...props\n  }: ButtonDangerProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...(sharedProps as RACLinkProps)}\n      isDisabled={isDisabled}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...(sharedProps as RACButtonProps)}\n      className={classNames}\n      isPending={isPending}\n      isDisabled={isDisabled}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {withPendingIndicator(props.children, isPending)}\n    </RACButton>\n  );\n});\n\ntype ButtonBaseProps = {\n  type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n  isPending?: boolean;\n  size?: \"small\" | \"medium\";\n  variant?:\n    | \"primary\"\n    | \"neutral\"\n    | \"subtle\"\n    | \"text\"\n    | \"danger-primary\"\n    | \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n  props: ButtonBaseProps | ButtonDangerProps,\n): props is (ButtonBaseProps | ButtonDangerProps) &\n  ComponentPropsWithoutRef<typeof RACLink> {\n  return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"end\" | \"center\" | \"justify\" | \"stack\";\n};\nexport const ButtonGroup = ({\n  align = \"start\",\n  className,\n  ...props\n}: ButtonGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"button-group\",\n    `button-group-align-${align}`,\n  );\n  return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":";;;;;;AAYA,MAAMA,IACJ,gBAAAC,EAACC,GAAA,EAAY,eAAW,IAAC,SAAQ,SAAQ,MAAK,MAAK,MAAK,UAAA,CAAU;AAGpE,SAASC,EACPC,GACAC,GAC4B;AAC5B,SAAKA,IACE,CAACC,MACN,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAR;AAAA,IACA,OAAOI,KAAa,aAAaA,EAASE,CAAW,IAAIF;AAAA,EAAA,GAC5D,IALqBA;AAOzB;AAQO,MAAMK,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,GAAIF;AAAA,MACL,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,GAAIH;AAAA,MACL,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC,GAWYmB,IAAed,EAAM,WAAW,SAC3C;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,GAAIF;AAAA,MACL,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,GAAIH;AAAA,MACL,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC;AAeD,SAASgB,EACPN,GAEyC;AACzC,SAAO,UAAUA;AACnB;AAKO,MAAMU,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,WAAAf;AAAA,EACA,GAAGI;AACL,MAAwB;AACtB,QAAME,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,sBAAsBe,CAAK;AAAA,EAAA;AAE7B,SAAO,gBAAAzB,EAAC,OAAA,EAAI,WAAWgB,GAAa,GAAGF,GAAO;AAChD;"}

package/dist/lib/ui/primitives/CodeBlock/CodeBlock.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");;/* empty css                */const a=require("../IconButton/IconButton.cjs"),l=require("../../icons/IconCheck.cjs"),d=require("../../icons/IconCopy.cjs");function u({text:c,copyLabel:n="Copy",copiedLabel:i="Copied"}){const[o,t]=r.useState(!1);function s(){navigator.clipboard.writeText(c).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)}).catch(()=>{})}return e.jsxs("div",{className:"codeblock","data-copied":o||void 0,children:[e.jsx("code",{className:"codeblock-text",children:c}),e.jsx(a.IconButton,{"aria-label":o?i:n,variant:"subtle",size:"small",onPress:s,children:o?e.jsx(l.IconCheck,{}):e.jsx(d.IconCopy,{})})]})}exports.CodeBlock=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");;/* empty css                */const a=require("../IconButton/IconButton.cjs"),l=require("../../icons/IconCheck.cjs"),d=require("../../icons/IconCopy.cjs");function u({text:c,copyLabel:n="Copy",copiedLabel:r="Copied"}){const[o,t]=s.useState(!1);function i(){navigator.clipboard.writeText(c).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)}).catch(()=>{})}return e.jsxs("div",{className:"codeblock","data-copied":o||void 0,children:[e.jsx("code",{className:"codeblock-text",children:c}),e.jsx(a.IconButton,{"aria-label":o?r:n,variant:"subtle",size:"small",onPress:i,children:o?e.jsx(l.IconCheck,{}):e.jsx(d.IconCopy,{})})]})}exports.CodeBlock=u;
 //# sourceMappingURL=CodeBlock.cjs.map

package/dist/lib/ui/primitives/CodeEditor/CodeEditor.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react"),F=require("../../../vendor/@monaco-editor/react/dist/index.cjs");;/* empty css                 */const m=require("../Fieldset/Fieldset.cjs"),g=require("../Button/Button.cjs");function j({value:d,defaultValue:s,onChange:o,language:i="javascript",theme:n="vs",height:r="300px",isDisabled:t=!1,isReadOnly:a=!1,options:f,className:p,editorRef:l}){const[c,v]=u.useState(!1),E=u.useRef(null);function N(x,B){l&&(l.current=x),x.onDidFocusEditorWidget(()=>v(!0)),x.onDidBlurEditorWidget(()=>v(!1))}const C=h.clsx("code-editor-wrapper",p,{"code-editor-focused":c,"code-editor-disabled":t});return e.jsx("div",{ref:E,className:C,"data-disabled":t||void 0,style:{height:r},children:e.jsx(F.default,{height:"100%",value:d,defaultValue:s,language:i,theme:n,onChange:o,onMount:N,loading:e.jsx("div",{className:"code-editor-loading"}),options:{readOnly:a||t,minimap:{enabled:!1},scrollBeyondLastLine:!1,fontSize:13,lineNumbersMinChars:3,...f}})})}function q({className:d,label:s,description:o,errorMessage:i,...n}){const r=u.useId(),t=h.clsx(d,"field");return e.jsxs("div",{className:t,children:[s&&e.jsx(m.Label,{htmlFor:r,children:s}),e.jsx(j,{...n}),o&&e.jsx(m.Description,{children:o}),i&&typeof i=="string"&&e.jsx(m.FieldError,{children:i})]})}const y="Clique no editor e pressione F1 para visualizar os atalhos do teclado";function R({title:d,shortcutHint:s=y,onBeautify:o,className:i,isDisabled:n=!1,isReadOnly:r=!1,...t}){const a=u.useRef(null),f=!n&&!r;function p(){var l,c;if(o){o();return}(c=(l=a.current)==null?void 0:l.getAction("editor.action.formatDocument"))==null||c.run()}return e.jsxs("div",{className:h.clsx("code-editor-panel",i),children:[f&&e.jsxs("div",{className:"code-editor-panel-header",children:[e.jsxs("div",{className:"code-editor-panel-title-group",children:[e.jsx("span",{className:"code-editor-panel-title",children:d}),s&&e.jsxs("span",{className:"code-editor-panel-hint",children:["(",s,")"]})]}),e.jsx(g.Button,{size:"small",variant:"primary",onPress:p,children:"Beautify"})]}),e.jsx(j,{...t,isDisabled:n,isReadOnly:r,editorRef:a})]})}exports.CodeEditor=j;exports.CodeEditorField=q;exports.CodeEditorPanel=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react"),F=require("../../../vendor/@monaco-editor/react/dist/index.cjs");;/* empty css                 */const m=require("../Fieldset/Fieldset.cjs"),g=require("../Button/Button.cjs");function j({value:d,defaultValue:s,onChange:o,language:i="javascript",theme:n="vs",height:r="300px",isDisabled:t=!1,isReadOnly:a=!1,options:f,className:p,editorRef:l}){const[c,v]=u.useState(!1),E=u.useRef(null);function N(x,B){l&&(l.current=x),x.onDidFocusEditorWidget(()=>v(!0)),x.onDidBlurEditorWidget(()=>v(!1))}const C=h.clsx("code-editor-wrapper",p,{"code-editor-focused":c,"code-editor-disabled":t});return e.jsx("div",{ref:E,className:C,"data-disabled":t||void 0,style:{height:r},children:e.jsx(F.default,{height:"100%",value:d,defaultValue:s,language:i,theme:n,onChange:o,onMount:N,loading:e.jsx("div",{className:"code-editor-loading"}),options:{readOnly:a||t,minimap:{enabled:!1},scrollBeyondLastLine:!1,fontSize:13,lineNumbersMinChars:3,...f}})})}function q({className:d,label:s,description:o,errorMessage:i,...n}){const r=u.useId(),t=h.clsx(d,"field");return e.jsxs("div",{className:t,children:[s&&e.jsx(m.Label,{htmlFor:r,children:s}),e.jsx(j,{...n}),o&&e.jsx(m.Description,{children:o}),i&&typeof i=="string"&&e.jsx(m.FieldError,{children:i})]})}const y="Clique no editor e pressione F1 para visualizar os atalhos do teclado";function T({title:d,shortcutHint:s=y,onBeautify:o,className:i,isDisabled:n=!1,isReadOnly:r=!1,...t}){const a=u.useRef(null),f=!n&&!r;function p(){var l,c;if(o){o();return}(c=(l=a.current)==null?void 0:l.getAction("editor.action.formatDocument"))==null||c.run()}return e.jsxs("div",{className:h.clsx("code-editor-panel",i),children:[f&&e.jsxs("div",{className:"code-editor-panel-header",children:[e.jsxs("div",{className:"code-editor-panel-title-group",children:[e.jsx("span",{className:"code-editor-panel-title",children:d}),s&&e.jsxs("span",{className:"code-editor-panel-hint",children:["(",s,")"]})]}),e.jsx(g.Button,{size:"small",variant:"primary",onPress:p,children:"Beautify"})]}),e.jsx(j,{...t,isDisabled:n,isReadOnly:r,editorRef:a})]})}exports.CodeEditor=j;exports.CodeEditorField=q;exports.CodeEditorPanel=T;
 //# sourceMappingURL=CodeEditor.cjs.map

package/dist/lib/ui/primitives/ComboBox/ComboBox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../vendor/clsx/dist/clsx.cjs"),x=require("react"),c=require("react-aria-components");;/* empty css               */const v=require("../../hooks/useOverlayPortal.cjs"),s=require("../Fieldset/Fieldset.cjs"),g=require("../Input/Input.cjs"),B=require("../../icons/IconChevronDown.cjs"),b=require("../ListBox/ListBox.cjs"),q=require("../../icons/IconCheck.cjs");function N(o){const n=o.getRootNode();return n instanceof ShadowRoot||n instanceof Document?n.activeElement:null}function I(o){x.useEffect(()=>{const n=o.current;if(!n)return;function t(r){r.preventDefault()}return n.addEventListener("mousedown",t),()=>n.removeEventListener("mousedown",t)},[o])}function F({className:o,label:n,description:t,errorMessage:r,placeholder:i,children:f,items:j,...p}){const h=m.clsx(o,"combobox-container"),u=x.useRef(null);I(u);const C=v.useOverlayPortalContainer();return e.jsx(d,{className:h,...p,children:e.jsxs(s.Field,{children:[n&&e.jsx(s.Label,{children:n}),e.jsxs(c.Group,{className:"combobox",children:[e.jsx(g.Input,{className:"combobox-input",placeholder:i,onPointerDown:a=>{var l;N(a.currentTarget)===a.currentTarget&&((l=u.current)==null||l.click())}}),e.jsx(c.Button,{ref:u,className:"combobox-trigger",children:e.jsx(B.IconChevronDown,{"aria-hidden":"true"})})]}),e.jsx(c.Popover,{className:"combobox-popover",UNSTABLE_portalContainer:C,children:e.jsx(b.ListBox,{items:j,children:f})}),t&&e.jsx(s.Description,{children:t}),e.jsx(s.FieldError,{children:r})]})})}function d({...o}){return e.jsx(c.ComboBox,{menuTrigger:"focus",...o})}function E({children:o,className:n,...t}){const r=m.clsx(n,"combobox-item"),i=typeof o=="string"?o:"";return e.jsx(b.ListBoxItem,{textValue:i,className:r,...t,children:e.jsxs(e.Fragment,{children:[e.jsx(q.IconCheck,{className:"combobox-item-check"}),o]})})}exports.ComboBox=d;exports.ComboBoxField=F;exports.ComboBoxItem=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../vendor/clsx/dist/clsx.cjs"),C=require("react"),t=require("react-aria-components"),x=require("./comboBoxFocus.cjs");;/* empty css               */const B=require("../../hooks/useOverlayPortal.cjs"),n=require("../Fieldset/Fieldset.cjs"),q=require("../Input/Input.cjs"),I=require("../../icons/IconChevronDown.cjs"),l=require("../ListBox/ListBox.cjs"),g=require("../../icons/IconCheck.cjs");function N({className:o,label:r,description:s,errorMessage:c,placeholder:i,children:b,items:d,...j}){const p=a.clsx(o,"combobox-container"),u=C.useRef(null);x.useKeepFocusOnInput(u);const h=B.useOverlayPortalContainer();return e.jsx(m,{className:p,...j,children:e.jsxs(n.Field,{children:[r&&e.jsx(n.Label,{children:r}),e.jsxs(t.Group,{className:"combobox",children:[e.jsx(q.Input,{className:"combobox-input",placeholder:i,onPointerDown:x.openMenuWhenFocusedInputIsPressed(u)}),e.jsx(t.Button,{ref:u,className:"combobox-trigger",children:e.jsx(I.IconChevronDown,{"aria-hidden":"true"})})]}),e.jsx(t.Popover,{className:"combobox-popover",UNSTABLE_portalContainer:h,children:e.jsx(l.ListBox,{items:d,children:b})}),s&&e.jsx(n.Description,{children:s}),e.jsx(n.FieldError,{children:c})]})})}function m({...o}){return e.jsx(t.ComboBox,{menuTrigger:"focus",...o})}function f({children:o,className:r,...s}){const c=a.clsx(r,"combobox-item"),i=typeof o=="string"?o:"";return e.jsx(l.ListBoxItem,{textValue:i,className:c,...s,children:e.jsxs(e.Fragment,{children:[e.jsx(g.IconCheck,{className:"combobox-item-check"}),o]})})}exports.ComboBox=m;exports.ComboBoxField=N;exports.ComboBoxItem=f;
 //# sourceMappingURL=ComboBox.cjs.map

package/dist/lib/ui/primitives/ComboBox/ComboBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.cjs","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Input,\n  ListBox,\n  ListBoxItem,\n  Label,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport { useEffect, useRef } from \"react\";\nimport {\n  Button as RACButton,\n  ComboBox as RACComboBox,\n  Group as RACGroup,\n  Popover as RACPopover,\n  type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n  extends Omit<ComboBoxProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\n\n// `document.activeElement` para no host da shadow root: quem sabe o que está focado\n// dentro dela é a própria raiz. Ver ui/hooks/useOverlayPortal.\nfunction activeElementOf(element: Element): Element | null {\n  const root = element.getRootNode();\n  return root instanceof ShadowRoot || root instanceof Document\n    ? root.activeElement\n    : null;\n}\n\n// O react-aria pede `preventFocusOnPress` para o botão do dropdown, mas a implementação\n// dele guarda `document.activeElement` — que dentro de uma shadow root devolve o host, e\n// não o input. O botão fica com o foco de verdade, o input nunca mais recebe blur, e a\n// partir daí só escolher um item fecha o dropdown: clicar fora não fecha nada. Impedir o\n// padrão do mousedown é o que mantém o foco no input, dentro e fora da shadow root.\n//\n// Via listener nativo, e não por prop: o `useButton` do react-aria só repassa ao <button>\n// os handlers que ele mesmo declara, e descarta um `onMouseDown` vindo de fora.\nfunction useKeepFocusOnInput(triggerRef: React.RefObject<HTMLButtonElement | null>): void {\n  useEffect(() => {\n    const trigger: HTMLButtonElement | null = triggerRef.current;\n    if (!trigger) return undefined;\n\n    function preventFocus(event: MouseEvent): void {\n      event.preventDefault();\n    }\n\n    trigger.addEventListener(\"mousedown\", preventFocus);\n    return () => trigger.removeEventListener(\"mousedown\", preventFocus);\n  }, [triggerRef]);\n}\n\nexport function ComboBoxField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  items,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  const classNames = clsx(className, \"combobox-container\");\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  useKeepFocusOnInput(triggerRef);\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <ComboBox className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACGroup className=\"combobox\">\n          <Input\n            className=\"combobox-input\"\n            placeholder={placeholder}\n            onPointerDown={(event) => {\n              if (activeElementOf(event.currentTarget) === event.currentTarget) {\n                triggerRef.current?.click();\n              }\n            }}\n          />\n          <RACButton ref={triggerRef} className=\"combobox-trigger\">\n            <IconChevronDown aria-hidden=\"true\" />\n          </RACButton>\n        </RACGroup>\n        <RACPopover\n          className=\"combobox-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </ComboBox>\n  );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n  return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n  const classNames = clsx(className, \"combobox-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"combobox-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["activeElementOf","element","root","useKeepFocusOnInput","triggerRef","useEffect","trigger","preventFocus","event","ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","useRef","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","_a","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"2eAiCA,SAASA,EAAgBC,EAAkC,CACzD,MAAMC,EAAOD,EAAQ,YAAA,EACrB,OAAOC,aAAgB,YAAcA,aAAgB,SACjDA,EAAK,cACL,IACN,CAUA,SAASC,EAAoBC,EAA6D,CACxFC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoCF,EAAW,QACrD,GAAI,CAACE,EAAS,OAEd,SAASC,EAAaC,EAAyB,CAC7CA,EAAM,eAAA,CACR,CAEA,OAAAF,EAAQ,iBAAiB,YAAaC,CAAY,EAC3C,IAAMD,EAAQ,oBAAoB,YAAaC,CAAY,CACpE,EAAG,CAACH,CAAU,CAAC,CACjB,CAEO,SAASK,EAAgC,CAC9C,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,oBAAoB,EACjDN,EAAagB,EAAAA,OAAiC,IAAI,EACxDjB,EAAoBC,CAAU,EAG9B,MAAMiB,EAAkBC,EAAAA,0BAAA,EACxB,aACGC,EAAA,CAAS,UAAWL,EAAa,GAAGD,EACnC,gBAACO,EAAAA,MAAA,CACE,SAAA,CAAAb,GAASc,EAAAA,IAACC,EAAAA,OAAO,SAAAf,CAAA,CAAM,EACxBgB,EAAAA,KAACC,EAAAA,MAAA,CAAS,UAAU,WAClB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,MAAA,CACC,UAAU,iBACV,YAAAf,EACA,cAAgBN,GAAU,OACpBR,EAAgBQ,EAAM,aAAa,IAAMA,EAAM,iBACjDsB,EAAA1B,EAAW,UAAX,MAAA0B,EAAoB,QAExB,CAAA,CAAA,EAEFL,EAAAA,IAACM,EAAAA,OAAA,CAAU,IAAK3B,EAAY,UAAU,mBACpC,SAAAqB,EAAAA,IAACO,EAAAA,gBAAA,CAAgB,cAAY,MAAA,CAAO,CAAA,CACtC,CAAA,EACF,EACAP,EAAAA,IAACQ,EAAAA,QAAA,CACC,UAAU,mBACV,yBAA0BZ,EAE1B,SAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAQ,MAAAlB,EAAe,SAAAD,CAAA,CAAS,CAAA,CAAA,EAElCH,GAAea,EAAAA,IAACU,EAAAA,YAAA,CAAa,SAAAvB,CAAA,CAAY,EAC1Ca,EAAAA,IAACW,EAAAA,YAAY,SAAAvB,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,SAASU,EAA2B,CAAE,GAAGN,GAA2B,CACzE,OAAOQ,EAAAA,IAACY,EAAAA,SAAA,CAAe,YAAY,QAAS,GAAGpB,EAAO,CACxD,CAGO,SAASqB,EAAa,CAAE,SAAAvB,EAAU,UAAAL,EAAW,GAAGO,GAA4B,CACjF,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,eAAe,EAC5C6B,EAAY,OAAOxB,GAAa,SAAWA,EAAW,GAC5D,aACGyB,EAAAA,YAAA,CAAY,UAAAD,EAAsB,UAAWrB,EAAa,GAAGD,EAC5D,SAAAU,EAAAA,KAAAc,EAAAA,SAAA,CACE,SAAA,CAAAhB,EAAAA,IAACiB,EAAAA,UAAA,CAAU,UAAU,qBAAA,CAAsB,EAC1C3B,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"ComboBox.cjs","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Input,\n  ListBox,\n  ListBoxItem,\n  Label,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport { useRef } from \"react\";\nimport {\n  Button as RACButton,\n  ComboBox as RACComboBox,\n  Group as RACGroup,\n  Popover as RACPopover,\n  type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport {\n  openMenuWhenFocusedInputIsPressed,\n  useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n  extends Omit<ComboBoxProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\n\nexport function ComboBoxField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  items,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  const classNames = clsx(className, \"combobox-container\");\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  useKeepFocusOnInput(triggerRef);\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <ComboBox className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACGroup className=\"combobox\">\n          <Input\n            className=\"combobox-input\"\n            placeholder={placeholder}\n            onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n          />\n          <RACButton ref={triggerRef} className=\"combobox-trigger\">\n            <IconChevronDown aria-hidden=\"true\" />\n          </RACButton>\n        </RACGroup>\n        <RACPopover\n          className=\"combobox-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </ComboBox>\n  );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n  return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n  const classNames = clsx(className, \"combobox-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"combobox-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","triggerRef","useRef","useKeepFocusOnInput","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"4gBAmCO,SAASA,EAAgC,CAC9C,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,oBAAoB,EACjDU,EAAaC,EAAAA,OAAiC,IAAI,EACxDC,EAAAA,oBAAoBF,CAAU,EAG9B,MAAMG,EAAkBC,EAAAA,0BAAA,EACxB,aACGC,EAAA,CAAS,UAAWP,EAAa,GAAGD,EACnC,gBAACS,EAAAA,MAAA,CACE,SAAA,CAAAf,GAASgB,EAAAA,IAACC,EAAAA,OAAO,SAAAjB,CAAA,CAAM,EACxBkB,EAAAA,KAACC,EAAAA,MAAA,CAAS,UAAU,WAClB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,MAAA,CACC,UAAU,iBACV,YAAAjB,EACA,cAAekB,EAAAA,kCAAkCZ,CAAU,CAAA,CAAA,EAE7DO,EAAAA,IAACM,EAAAA,OAAA,CAAU,IAAKb,EAAY,UAAU,mBACpC,SAAAO,EAAAA,IAACO,EAAAA,gBAAA,CAAgB,cAAY,MAAA,CAAO,CAAA,CACtC,CAAA,EACF,EACAP,EAAAA,IAACQ,EAAAA,QAAA,CACC,UAAU,mBACV,yBAA0BZ,EAE1B,SAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAQ,MAAApB,EAAe,SAAAD,CAAA,CAAS,CAAA,CAAA,EAElCH,GAAee,EAAAA,IAACU,EAAAA,YAAA,CAAa,SAAAzB,CAAA,CAAY,EAC1Ce,EAAAA,IAACW,EAAAA,YAAY,SAAAzB,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,SAASY,EAA2B,CAAE,GAAGR,GAA2B,CACzE,OAAOU,EAAAA,IAACY,EAAAA,SAAA,CAAe,YAAY,QAAS,GAAGtB,EAAO,CACxD,CAGO,SAASuB,EAAa,CAAE,SAAAzB,EAAU,UAAAL,EAAW,GAAGO,GAA4B,CACjF,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,eAAe,EAC5C+B,EAAY,OAAO1B,GAAa,SAAWA,EAAW,GAC5D,aACG2B,EAAAA,YAAA,CAAY,UAAAD,EAAsB,UAAWvB,EAAa,GAAGD,EAC5D,SAAAY,EAAAA,KAAAc,EAAAA,SAAA,CACE,SAAA,CAAAhB,EAAAA,IAACiB,EAAAA,UAAA,CAAU,UAAU,qBAAA,CAAsB,EAC1C7B,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/lib/ui/primitives/ComboBox/ComboBox.js

@@ -1,82 +1,66 @@
-import { jsx as r, jsxs as i, Fragment as d } from "react/jsx-runtime";
-import { clsx as u } from "../../../vendor/clsx/dist/clsx.js";
-import { useRef as h, useEffect as g } from "react";
-import { Group as v, Button as N, Popover as C, ComboBox as B } from "react-aria-components";
+import { jsx as o, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
+import { useRef as f } from "react";
+import { Group as d, Button as h, Popover as C, ComboBox as N } from "react-aria-components";
+import { useKeepFocusOnInput as B, openMenuWhenFocusedInputIsPressed as g } from "./comboBoxFocus.js";
 /* empty css             */
-import { useOverlayPortalContainer as E } from "../../hooks/useOverlayPortal.js";
-import { Field as F, Label as I, Description as L, FieldError as w } from "../Fieldset/Fieldset.js";
+import { useOverlayPortalContainer as I } from "../../hooks/useOverlayPortal.js";
+import { Field as F, Label as v, Description as L, FieldError as P } from "../Fieldset/Fieldset.js";
 import { Input as D } from "../Input/Input.js";
-import { IconChevronDown as T } from "../../icons/IconChevronDown.js";
-import { ListBox as k, ListBoxItem as O } from "../ListBox/ListBox.js";
-import { IconCheck as P } from "../../icons/IconCheck.js";
-function R(o) {
-  const e = o.getRootNode();
-  return e instanceof ShadowRoot || e instanceof Document ? e.activeElement : null;
-}
-function j(o) {
-  g(() => {
-    const e = o.current;
-    if (!e) return;
-    function t(n) {
-      n.preventDefault();
-    }
-    return e.addEventListener("mousedown", t), () => e.removeEventListener("mousedown", t);
-  }, [o]);
-}
-function J({
-  className: o,
+import { IconChevronDown as j } from "../../icons/IconChevronDown.js";
+import { ListBox as k, ListBoxItem as w } from "../ListBox/ListBox.js";
+import { IconCheck as y } from "../../icons/IconCheck.js";
+function $({
+  className: r,
   label: e,
   description: t,
   errorMessage: n,
-  placeholder: m,
-  children: l,
-  items: f,
+  placeholder: i,
+  children: a,
+  items: l,
   ...p
 }) {
-  const x = u(o, "combobox-container"), c = h(null);
-  j(c);
-  const b = E();
-  return /* @__PURE__ */ r(y, { className: x, ...p, children: /* @__PURE__ */ i(F, { children: [
-    e && /* @__PURE__ */ r(I, { children: e }),
-    /* @__PURE__ */ i(v, { className: "combobox", children: [
-      /* @__PURE__ */ r(
+  const u = s(r, "combobox-container"), m = f(null);
+  B(m);
+  const x = I();
+  return /* @__PURE__ */ o(E, { className: u, ...p, children: /* @__PURE__ */ c(F, { children: [
+    e && /* @__PURE__ */ o(v, { children: e }),
+    /* @__PURE__ */ c(d, { className: "combobox", children: [
+      /* @__PURE__ */ o(
         D,
         {
           className: "combobox-input",
-          placeholder: m,
-          onPointerDown: (s) => {
-            var a;
-            R(s.currentTarget) === s.currentTarget && ((a = c.current) == null || a.click());
-          }
+          placeholder: i,
+          onPointerDown: g(m)
         }
       ),
-      /* @__PURE__ */ r(N, { ref: c, className: "combobox-trigger", children: /* @__PURE__ */ r(T, { "aria-hidden": "true" }) })
+      /* @__PURE__ */ o(h, { ref: m, className: "combobox-trigger", children: /* @__PURE__ */ o(j, { "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(
       C,
       {
         className: "combobox-popover",
-        UNSTABLE_portalContainer: b,
-        children: /* @__PURE__ */ r(k, { items: f, children: l })
+        UNSTABLE_portalContainer: x,
+        children: /* @__PURE__ */ o(k, { items: l, children: a })
       }
     ),
-    t && /* @__PURE__ */ r(L, { children: t }),
-    /* @__PURE__ */ r(w, { children: n })
+    t && /* @__PURE__ */ o(L, { children: t }),
+    /* @__PURE__ */ o(P, { children: n })
   ] }) });
 }
-function y({ ...o }) {
-  return /* @__PURE__ */ r(B, { menuTrigger: "focus", ...o });
+function E({ ...r }) {
+  return /* @__PURE__ */ o(N, { menuTrigger: "focus", ...r });
 }
-function M({ children: o, className: e, ...t }) {
-  const n = u(e, "combobox-item");
-  return /* @__PURE__ */ r(O, { textValue: typeof o == "string" ? o : "", className: n, ...t, children: /* @__PURE__ */ i(d, { children: [
-    /* @__PURE__ */ r(P, { className: "combobox-item-check" }),
-    o
+function q({ children: r, className: e, ...t }) {
+  const n = s(e, "combobox-item");
+  return /* @__PURE__ */ o(w, { textValue: typeof r == "string" ? r : "", className: n, ...t, children: /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ o(y, { className: "combobox-item-check" }),
+    r
   ] }) });
 }
 export {
-  y as ComboBox,
-  J as ComboBoxField,
-  M as ComboBoxItem
+  E as ComboBox,
+  $ as ComboBoxField,
+  q as ComboBoxItem
 };
 //# sourceMappingURL=ComboBox.js.map

package/dist/lib/ui/primitives/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Input,\n  ListBox,\n  ListBoxItem,\n  Label,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport { useEffect, useRef } from \"react\";\nimport {\n  Button as RACButton,\n  ComboBox as RACComboBox,\n  Group as RACGroup,\n  Popover as RACPopover,\n  type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n  extends Omit<ComboBoxProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\n\n// `document.activeElement` para no host da shadow root: quem sabe o que está focado\n// dentro dela é a própria raiz. Ver ui/hooks/useOverlayPortal.\nfunction activeElementOf(element: Element): Element | null {\n  const root = element.getRootNode();\n  return root instanceof ShadowRoot || root instanceof Document\n    ? root.activeElement\n    : null;\n}\n\n// O react-aria pede `preventFocusOnPress` para o botão do dropdown, mas a implementação\n// dele guarda `document.activeElement` — que dentro de uma shadow root devolve o host, e\n// não o input. O botão fica com o foco de verdade, o input nunca mais recebe blur, e a\n// partir daí só escolher um item fecha o dropdown: clicar fora não fecha nada. Impedir o\n// padrão do mousedown é o que mantém o foco no input, dentro e fora da shadow root.\n//\n// Via listener nativo, e não por prop: o `useButton` do react-aria só repassa ao <button>\n// os handlers que ele mesmo declara, e descarta um `onMouseDown` vindo de fora.\nfunction useKeepFocusOnInput(triggerRef: React.RefObject<HTMLButtonElement | null>): void {\n  useEffect(() => {\n    const trigger: HTMLButtonElement | null = triggerRef.current;\n    if (!trigger) return undefined;\n\n    function preventFocus(event: MouseEvent): void {\n      event.preventDefault();\n    }\n\n    trigger.addEventListener(\"mousedown\", preventFocus);\n    return () => trigger.removeEventListener(\"mousedown\", preventFocus);\n  }, [triggerRef]);\n}\n\nexport function ComboBoxField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  items,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  const classNames = clsx(className, \"combobox-container\");\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  useKeepFocusOnInput(triggerRef);\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <ComboBox className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACGroup className=\"combobox\">\n          <Input\n            className=\"combobox-input\"\n            placeholder={placeholder}\n            onPointerDown={(event) => {\n              if (activeElementOf(event.currentTarget) === event.currentTarget) {\n                triggerRef.current?.click();\n              }\n            }}\n          />\n          <RACButton ref={triggerRef} className=\"combobox-trigger\">\n            <IconChevronDown aria-hidden=\"true\" />\n          </RACButton>\n        </RACGroup>\n        <RACPopover\n          className=\"combobox-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </ComboBox>\n  );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n  return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n  const classNames = clsx(className, \"combobox-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"combobox-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["activeElementOf","element","root","useKeepFocusOnInput","triggerRef","useEffect","trigger","preventFocus","event","ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","useRef","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","_a","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","ListBoxItem","Fragment","IconCheck"],"mappings":";;;;;;;;;;;AAiCA,SAASA,EAAgBC,GAAkC;AACzD,QAAMC,IAAOD,EAAQ,YAAA;AACrB,SAAOC,aAAgB,cAAcA,aAAgB,WACjDA,EAAK,gBACL;AACN;AAUA,SAASC,EAAoBC,GAA6D;AACxF,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAoCF,EAAW;AACrD,QAAI,CAACE,EAAS;AAEd,aAASC,EAAaC,GAAyB;AAC7C,MAAAA,EAAM,eAAA;AAAA,IACR;AAEA,WAAAF,EAAQ,iBAAiB,aAAaC,CAAY,GAC3C,MAAMD,EAAQ,oBAAoB,aAAaC,CAAY;AAAA,EACpE,GAAG,CAACH,CAAU,CAAC;AACjB;AAEO,SAASK,EAAgC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKT,GAAW,oBAAoB,GACjDN,IAAagB,EAAiC,IAAI;AACxD,EAAAjB,EAAoBC,CAAU;AAG9B,QAAMiB,IAAkBC,EAAA;AACxB,2BACGC,GAAA,EAAS,WAAWL,GAAa,GAAGD,GACnC,4BAACO,GAAA,EACE,UAAA;AAAA,IAAAb,KAAS,gBAAAc,EAACC,KAAO,UAAAf,EAAA,CAAM;AAAA,IACxB,gBAAAgB,EAACC,GAAA,EAAS,WAAU,YAClB,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAAf;AAAA,UACA,eAAe,CAACN,MAAU;;AACxB,YAAIR,EAAgBQ,EAAM,aAAa,MAAMA,EAAM,mBACjDsB,IAAA1B,EAAW,YAAX,QAAA0B,EAAoB;AAAA,UAExB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAL,EAACM,GAAA,EAAU,KAAK3B,GAAY,WAAU,oBACpC,UAAA,gBAAAqB,EAACO,GAAA,EAAgB,eAAY,OAAA,CAAO,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,0BAA0BZ;AAAA,QAE1B,UAAA,gBAAAI,EAACS,GAAA,EAAQ,OAAAlB,GAAe,UAAAD,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCH,KAAe,gBAAAa,EAACU,GAAA,EAAa,UAAAvB,EAAA,CAAY;AAAA,IAC1C,gBAAAa,EAACW,KAAY,UAAAvB,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,SAASU,EAA2B,EAAE,GAAGN,KAA2B;AACzE,SAAO,gBAAAQ,EAACY,GAAA,EAAe,aAAY,SAAS,GAAGpB,GAAO;AACxD;AAGO,SAASqB,EAAa,EAAE,UAAAvB,GAAU,WAAAL,GAAW,GAAGO,KAA4B;AACjF,QAAMC,IAAaC,EAAKT,GAAW,eAAe;AAElD,2BACG6B,GAAA,EAAY,WAFG,OAAOxB,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,gBAAAU,EAAAa,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAf,EAACgB,GAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,IAC1C1B;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ComboBox.js","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Input,\n  ListBox,\n  ListBoxItem,\n  Label,\n  SharedFieldProps,\n  type ListBoxItemProps,\n} from \"primitives\";\nimport { useRef } from \"react\";\nimport {\n  Button as RACButton,\n  ComboBox as RACComboBox,\n  Group as RACGroup,\n  Popover as RACPopover,\n  type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport {\n  openMenuWhenFocusedInputIsPressed,\n  useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n  extends Omit<ComboBoxProps<T>, \"children\">,\n    SharedFieldProps {\n  items?: Iterable<T>;\n  children: React.ReactNode | ((item: T) => React.ReactNode);\n}\n\nexport function ComboBoxField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  items,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  const classNames = clsx(className, \"combobox-container\");\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  useKeepFocusOnInput(triggerRef);\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <ComboBox className={classNames} {...props}>\n      <Field>\n        {label && <Label>{label}</Label>}\n        <RACGroup className=\"combobox\">\n          <Input\n            className=\"combobox-input\"\n            placeholder={placeholder}\n            onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n          />\n          <RACButton ref={triggerRef} className=\"combobox-trigger\">\n            <IconChevronDown aria-hidden=\"true\" />\n          </RACButton>\n        </RACGroup>\n        <RACPopover\n          className=\"combobox-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n      </Field>\n    </ComboBox>\n  );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n  return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n  const classNames = clsx(className, \"combobox-item\");\n  const textValue = typeof children === \"string\" ? children : \"\";\n  return (\n    <ListBoxItem textValue={textValue} className={classNames} {...props}>\n      <>\n        <IconCheck className=\"combobox-item-check\" />\n        {children}\n      </>\n    </ListBoxItem>\n  );\n}\n"],"names":["ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","triggerRef","useRef","useKeepFocusOnInput","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","ListBoxItem","Fragment","IconCheck"],"mappings":";;;;;;;;;;;;AAmCO,SAASA,EAAgC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKT,GAAW,oBAAoB,GACjDU,IAAaC,EAAiC,IAAI;AACxD,EAAAC,EAAoBF,CAAU;AAG9B,QAAMG,IAAkBC,EAAA;AACxB,2BACGC,GAAA,EAAS,WAAWP,GAAa,GAAGD,GACnC,4BAACS,GAAA,EACE,UAAA;AAAA,IAAAf,KAAS,gBAAAgB,EAACC,KAAO,UAAAjB,EAAA,CAAM;AAAA,IACxB,gBAAAkB,EAACC,GAAA,EAAS,WAAU,YAClB,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAAjB;AAAA,UACA,eAAekB,EAAkCZ,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7D,gBAAAO,EAACM,GAAA,EAAU,KAAKb,GAAY,WAAU,oBACpC,UAAA,gBAAAO,EAACO,GAAA,EAAgB,eAAY,OAAA,CAAO,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,0BAA0BZ;AAAA,QAE1B,UAAA,gBAAAI,EAACS,GAAA,EAAQ,OAAApB,GAAe,UAAAD,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCH,KAAe,gBAAAe,EAACU,GAAA,EAAa,UAAAzB,EAAA,CAAY;AAAA,IAC1C,gBAAAe,EAACW,KAAY,UAAAzB,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,SAASY,EAA2B,EAAE,GAAGR,KAA2B;AACzE,SAAO,gBAAAU,EAACY,GAAA,EAAe,aAAY,SAAS,GAAGtB,GAAO;AACxD;AAGO,SAASuB,EAAa,EAAE,UAAAzB,GAAU,WAAAL,GAAW,GAAGO,KAA4B;AACjF,QAAMC,IAAaC,EAAKT,GAAW,eAAe;AAElD,2BACG+B,GAAA,EAAY,WAFG,OAAO1B,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,gBAAAY,EAAAa,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAf,EAACgB,GAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,IAC1C5B;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/lib/ui/primitives/ComboBox/MultiComboBox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("../../../vendor/clsx/dist/clsx.cjs"),f=require("react"),d=require("react-aria-components"),K=require("./comboBoxFocus.cjs");;/* empty css               */const U=require("../Tag/Tag.cjs"),V=require("../../icons/IconChevronDown.cjs"),W=require("../../hooks/useOverlayPortal.cjs"),j=require("../Fieldset/Fieldset.cjs"),G=require("../ListBox/ListBox.cjs"),H=require("../Input/Input.cjs");function _(e,n){return e.length===n.length&&e.every((c,u)=>c===n[u])}function k(e,n){return e.localeCompare(n,void 0,{sensitivity:"base"})===0}function z(e,n){if(e){for(const c of e.collection)if(c.type==="item"&&k(c.textValue,n))return c.key}}function J(e){const n=new Map;return e==null||e.selectedItems.forEach(c=>n.set(c.key,c.textValue)),n}function Q({keys:e,inputValue:n,placeholder:c,canRemove:u,removeValueLabel:y,onRemoveKey:g,onSubmitText:B}){const s=f.useContext(d.ComboBoxStateContext),x=f.useRef(null),a=f.useRef(null);K.useKeepFocusOnInput(x);const C=J(s),m=o=>C.get(o)||String(o);function p(o){var i;g(o),(i=a.current)==null||i.focus()}function I(o){const i=e[e.length-1],b=u&&n===""&&i!==void 0;if(o.key==="Backspace"&&b){g(i);return}const q=(s==null?void 0:s.selectionManager.focusedKey)!=null;if(o.key!=="Enter"||q)return;const h=n.trim();h!==""&&(o.preventDefault(),B(h,z(s,h)))}return r.jsxs(d.Group,{className:"combobox combobox-multiple",children:[e.length>0&&r.jsx("span",{className:"combobox-tags",role:"list",onMouseDown:K.keepFocusOnInput,children:r.jsx(d.ButtonContext.Provider,{value:null,children:e.map(o=>r.jsx(U.Tag,{role:"listitem",scheme:"neutral",variant:"secondary",removeLabel:u?y(m(o)):void 0,onRemove:u?()=>p(o):void 0,children:m(o)},`${typeof o}:${o}`))})}),r.jsx(H.Input,{ref:a,className:"combobox-input",placeholder:e.length===0?c:void 0,onKeyDown:I,onPointerDown:K.openMenuWhenFocusedInputIsPressed(x)}),r.jsx(d.Button,{ref:x,className:"combobox-trigger",children:r.jsx(V.IconChevronDown,{"aria-hidden":"true"})})]})}function X({className:e,label:n,description:c,errorMessage:u,placeholder:y,children:g,items:B,value:s,defaultValue:x,onChange:a,removeValueLabel:C,allowsCustomValue:m,validateCustomValue:p,invalidCustomValueMessage:I,isInvalid:o,isDisabled:i,isReadOnly:b,...q}){const h=A.clsx(e,"combobox-container"),[P,R]=f.useState(x??[]),l=s??P,[F,w]=f.useState(""),[M,N]=f.useState(!1),L=W.useOverlayPortalContainer();function S(t){_(t,l)||(s===void 0&&R(t),a==null||a(t))}function T(t){w(t),N(!1)}function O(t){t.length>l.length&&T(""),S(t)}function E(t){return m===!0&&((p==null?void 0:p(t))??!0)}function $(t,v){if(v===void 0&&!E(t)){N(m===!0);return}const D=v??t;T(""),l.includes(D)||S([...l,D])}return r.jsx(d.ComboBox,{...q,className:h,selectionMode:"multiple",menuTrigger:"focus",value:l,onChange:O,inputValue:F,onInputChange:T,isInvalid:o||M,isDisabled:i,isReadOnly:b,children:r.jsxs(j.Field,{children:[n&&r.jsx(j.Label,{children:n}),r.jsx(Q,{keys:l,inputValue:F,placeholder:y,canRemove:!i&&!b,removeValueLabel:C,onRemoveKey:t=>S(l.filter(v=>v!==t)),onSubmitText:$}),r.jsx(d.Popover,{className:"combobox-popover",UNSTABLE_portalContainer:L,children:r.jsx(G.ListBox,{items:B,children:g})}),c&&r.jsx(j.Description,{children:c}),r.jsx(j.FieldError,{children:M?I:u})]})})}exports.MultiComboBoxField=X;
+//# sourceMappingURL=MultiComboBox.cjs.map

package/dist/lib/ui/primitives/ComboBox/MultiComboBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiComboBox.cjs","sources":["../../../../../src/ui/primitives/ComboBox/MultiComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconChevronDown } from \"icons\";\nimport {\n  Description,\n  Field,\n  FieldError,\n  Input,\n  Label,\n  ListBox,\n  SharedFieldProps,\n  Tag,\n} from \"primitives\";\nimport React, { useContext, useRef, useState } from \"react\";\nimport {\n  Button as RACButton,\n  ButtonContext as RACButtonContext,\n  ComboBox as RACComboBox,\n  ComboBoxStateContext as RACComboBoxStateContext,\n  Group as RACGroup,\n  Popover as RACPopover,\n  type ComboBoxProps as RACComboBoxProps,\n  type Key as RACKey,\n} from \"react-aria-components\";\nimport {\n  keepFocusOnInput,\n  openMenuWhenFocusedInputIsPressed,\n  useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\ntype MultiComboBoxState = NonNullable<\n  React.ContextType<typeof RACComboBoxStateContext>\n>;\n\ntype PropsManagedByMultiComboBox =\n  | \"children\"\n  | \"selectionMode\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"onChange\"\n  | \"selectedKey\"\n  | \"defaultSelectedKey\"\n  | \"onSelectionChange\"\n  | \"allowsCustomValue\"\n  | \"inputValue\"\n  | \"defaultInputValue\"\n  | \"onInputChange\"\n  | \"menuTrigger\";\n\ninterface CustomValueValidationProps {\n  validateCustomValue: (text: string) => boolean;\n  invalidCustomValueMessage: string;\n}\n\ninterface WithoutCustomValueValidation {\n  validateCustomValue?: never;\n  invalidCustomValueMessage?: never;\n}\n\ntype CustomValueProps =\n  | ({ allowsCustomValue: true } & (\n      | CustomValueValidationProps\n      | WithoutCustomValueValidation\n    ))\n  | ({ allowsCustomValue?: false } & WithoutCustomValueValidation);\n\nexport type MultiComboBoxFieldProps<T extends object> = Omit<\n  RACComboBoxProps<T, \"multiple\">,\n  PropsManagedByMultiComboBox\n> &\n  SharedFieldProps &\n  CustomValueProps & {\n    items?: Iterable<T>;\n    children: React.ReactNode | ((item: T) => React.ReactNode);\n    value?: RACKey[];\n    defaultValue?: RACKey[];\n    onChange?: (keys: RACKey[]) => void;\n    removeValueLabel: (valueText: string) => string;\n  };\n\nfunction hasSameKeys(a: readonly RACKey[], b: readonly RACKey[]): boolean {\n  return a.length === b.length && a.every((key, index) => key === b[index]);\n}\n\nfunction isSameText(a: string, b: string): boolean {\n  return a.localeCompare(b, undefined, { sensitivity: \"base\" }) === 0;\n}\n\nfunction itemKeyWithText(\n  state: MultiComboBoxState | null,\n  text: string,\n): RACKey | undefined {\n  if (!state) return undefined;\n  for (const node of state.collection) {\n    if (node.type === \"item\" && isSameText(node.textValue, text))\n      return node.key;\n  }\n  return undefined;\n}\n\nfunction selectedTextByKey(\n  state: MultiComboBoxState | null,\n): Map<RACKey, string> {\n  const texts = new Map<RACKey, string>();\n  state?.selectedItems.forEach((item) => texts.set(item.key, item.textValue));\n  return texts;\n}\n\ninterface MultiComboBoxControlProps {\n  keys: RACKey[];\n  inputValue: string;\n  placeholder?: string;\n  canRemove: boolean;\n  removeValueLabel: (valueText: string) => string;\n  onRemoveKey: (key: RACKey) => void;\n  onSubmitText: (text: string, matchingItemKey: RACKey | undefined) => void;\n}\n\nfunction MultiComboBoxControl({\n  keys,\n  inputValue,\n  placeholder,\n  canRemove,\n  removeValueLabel,\n  onRemoveKey,\n  onSubmitText,\n}: MultiComboBoxControlProps) {\n  const state = useContext(RACComboBoxStateContext);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  useKeepFocusOnInput(triggerRef);\n  const textByKey = selectedTextByKey(state);\n  const textOf = (key: RACKey) => textByKey.get(key) || String(key);\n\n  function removeKey(key: RACKey) {\n    onRemoveKey(key);\n    inputRef.current?.focus();\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    const lastKey: RACKey | undefined = keys[keys.length - 1];\n    const canRemoveLastKey =\n      canRemove && inputValue === \"\" && lastKey !== undefined;\n    if (event.key === \"Backspace\" && canRemoveLastKey) {\n      onRemoveKey(lastKey);\n      return;\n    }\n    const isChoosingHighlightedItem =\n      state?.selectionManager.focusedKey != null;\n    if (event.key !== \"Enter\" || isChoosingHighlightedItem) return;\n    const text = inputValue.trim();\n    if (text === \"\") return;\n    event.preventDefault();\n    onSubmitText(text, itemKeyWithText(state, text));\n  }\n\n  return (\n    <RACGroup className=\"combobox combobox-multiple\">\n      {keys.length > 0 && (\n        <span\n          className=\"combobox-tags\"\n          role=\"list\"\n          onMouseDown={keepFocusOnInput}\n        >\n          <RACButtonContext.Provider value={null}>\n            {keys.map((key) => (\n              <Tag\n                key={`${typeof key}:${key}`}\n                role=\"listitem\"\n                scheme=\"neutral\"\n                variant=\"secondary\"\n                removeLabel={\n                  canRemove ? removeValueLabel(textOf(key)) : undefined\n                }\n                onRemove={canRemove ? () => removeKey(key) : undefined}\n              >\n                {textOf(key)}\n              </Tag>\n            ))}\n          </RACButtonContext.Provider>\n        </span>\n      )}\n      <Input\n        ref={inputRef}\n        className=\"combobox-input\"\n        placeholder={keys.length === 0 ? placeholder : undefined}\n        onKeyDown={handleKeyDown}\n        onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n      />\n      <RACButton ref={triggerRef} className=\"combobox-trigger\">\n        <IconChevronDown aria-hidden=\"true\" />\n      </RACButton>\n    </RACGroup>\n  );\n}\n\nexport function MultiComboBoxField<T extends object>({\n  className,\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  children,\n  items,\n  value,\n  defaultValue,\n  onChange,\n  removeValueLabel,\n  allowsCustomValue,\n  validateCustomValue,\n  invalidCustomValueMessage,\n  isInvalid,\n  isDisabled,\n  isReadOnly,\n  ...props\n}: MultiComboBoxFieldProps<T>) {\n  const classNames = clsx(className, \"combobox-container\");\n  const [uncontrolledKeys, setUncontrolledKeys] = useState<RACKey[]>(\n    defaultValue ?? [],\n  );\n  const keys = value ?? uncontrolledKeys;\n  const [inputValue, setInputValue] = useState(\"\");\n  const [isCustomValueRejected, setCustomValueRejected] = useState(false);\n  // Sem container explícito o dropdown faz portal no document.body — fora da\n  // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n\n  function changeKeys(nextKeys: RACKey[]) {\n    if (hasSameKeys(nextKeys, keys)) return;\n    if (value === undefined) setUncontrolledKeys(nextKeys);\n    onChange?.(nextKeys);\n  }\n\n  function changeInput(text: string) {\n    setInputValue(text);\n    setCustomValueRejected(false);\n  }\n\n  function changeSelection(nextKeys: RACKey[]) {\n    if (nextKeys.length > keys.length) changeInput(\"\");\n    changeKeys(nextKeys);\n  }\n\n  function isAcceptedCustomValue(text: string): boolean {\n    return allowsCustomValue === true && (validateCustomValue?.(text) ?? true);\n  }\n\n  function addTypedValue(text: string, matchingItemKey: RACKey | undefined) {\n    if (matchingItemKey === undefined && !isAcceptedCustomValue(text)) {\n      setCustomValueRejected(allowsCustomValue === true);\n      return;\n    }\n    const key = matchingItemKey ?? text;\n    changeInput(\"\");\n    if (!keys.includes(key)) changeKeys([...keys, key]);\n  }\n\n  return (\n    <RACComboBox<T, \"multiple\">\n      {...props}\n      className={classNames}\n      selectionMode=\"multiple\"\n      menuTrigger=\"focus\"\n      value={keys}\n      onChange={changeSelection}\n      inputValue={inputValue}\n      onInputChange={changeInput}\n      isInvalid={isInvalid || isCustomValueRejected}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <Field>\n        {label && <Label>{label}</Label>}\n        <MultiComboBoxControl\n          keys={keys}\n          inputValue={inputValue}\n          placeholder={placeholder}\n          canRemove={!isDisabled && !isReadOnly}\n          removeValueLabel={removeValueLabel}\n          onRemoveKey={(key) => changeKeys(keys.filter((k) => k !== key))}\n          onSubmitText={addTypedValue}\n        />\n        <RACPopover\n          className=\"combobox-popover\"\n          UNSTABLE_portalContainer={portalContainer}\n        >\n          <ListBox items={items}>{children}</ListBox>\n        </RACPopover>\n        {description && <Description>{description}</Description>}\n        <FieldError>\n          {isCustomValueRejected ? invalidCustomValueMessage : errorMessage}\n        </FieldError>\n      </Field>\n    </RACComboBox>\n  );\n}\n"],"names":["hasSameKeys","a","b","key","index","isSameText","itemKeyWithText","state","text","node","selectedTextByKey","texts","item","MultiComboBoxControl","keys","inputValue","placeholder","canRemove","removeValueLabel","onRemoveKey","onSubmitText","useContext","RACComboBoxStateContext","triggerRef","useRef","inputRef","useKeepFocusOnInput","textByKey","textOf","removeKey","_a","handleKeyDown","event","lastKey","canRemoveLastKey","isChoosingHighlightedItem","jsxs","RACGroup","jsx","keepFocusOnInput","RACButtonContext","Tag","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","MultiComboBoxField","className","label","description","errorMessage","children","items","value","defaultValue","onChange","allowsCustomValue","validateCustomValue","invalidCustomValueMessage","isInvalid","isDisabled","isReadOnly","props","classNames","clsx","uncontrolledKeys","setUncontrolledKeys","useState","setInputValue","isCustomValueRejected","setCustomValueRejected","portalContainer","useOverlayPortalContainer","changeKeys","nextKeys","changeInput","changeSelection","isAcceptedCustomValue","addTypedValue","matchingItemKey","RACComboBox","Field","Label","k","RACPopover","ListBox","Description","FieldError"],"mappings":"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"}