@lucasbernardosn/react-ui 0.3.0 → 0.5.0

package/dist/components/feedback/meter/meter-root.js

@@ -0,0 +1,51 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { MeterContextProvider } from "./use-meter-context.js";
+import { meterRootVariants } from "./meter-root-variants.js";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
+import { jsx } from "react/jsx-runtime";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/feedback/meter/meter-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Medida contra um limite: armazenamento usado, cota de notas emitidas, estoque. Tem `role="meter"`
+* e o `aria-valuenow` do `value`, entre `min` (0) e `max` (100). Não é andamento de tarefa: para
+* isso, use o `Progress`.
+*
+* O layout é uma grade: o `Label` à esquerda e o `Value` à direita na primeira linha, e o `Track`
+* na largura toda abaixo. O `Label` é o nome acessível da barra.
+*
+* O `locale` padrão é `'pt-BR'` (o Base UI usaria o do navegador), então o `Value` sai com vírgula
+* decimal. Um `locale` passado por quem usa vence.
+*
+* A cor por faixa (perto do limite, acima dele) fica com o app: o `Meter` não tem faixas, e o app
+* troca o `colorScheme` conforme o valor.
+*
+* @example
+* ```tsx
+* <Meter.Root value={usedGigabytes} max={50} colorScheme={usedGigabytes > 45 ? 'red' : 'green'}>
+*   <Meter.Label>Armazenamento</Meter.Label>
+*   <Meter.Value />
+*   <Meter.Track>
+*     <Meter.Indicator />
+*   </Meter.Track>
+* </Meter.Root>
+* ```
+*/
+const MeterRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["colorScheme", "size"]);
+	const { className, ...rest } = elementProps;
+	return /* @__PURE__ */ jsx(MeterContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Meter.Root, {
+			"data-component": "Meter.Root",
+			locale: "pt-BR",
+			className: mergeStateClassNames(meterRootVariants(variantProps), className),
+			...rest
+		})
+	});
+};
+MeterRoot.displayName = "Meter.Root";
+//#endregion
+export { MeterRoot };
+
+//# sourceMappingURL=meter-root.js.map

package/dist/components/feedback/meter/meter-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-root.js","names":["BaseMeter"],"sources":["../../../../src/components/feedback/meter/meter-root.tsx"],"sourcesContent":["import { Meter as BaseMeter } from '@base-ui/react/meter';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport { meterRootVariants } from './meter-root-variants';\nimport { MeterContextProvider, type MeterVariants } from './use-meter-context';\n\nexport type MeterRootProps = MergeOverride<BaseMeter.Root.Props, MeterVariants>;\n\nexport type MeterRootState = BaseMeter.Root.State;\n\nconst splitVariantProps = createSplitProps<MeterVariants>();\n\n/**\n * Medida contra um limite: armazenamento usado, cota de notas emitidas, estoque. Tem `role=\"meter\"`\n * e o `aria-valuenow` do `value`, entre `min` (0) e `max` (100). Não é andamento de tarefa: para\n * isso, use o `Progress`.\n *\n * O layout é uma grade: o `Label` à esquerda e o `Value` à direita na primeira linha, e o `Track`\n * na largura toda abaixo. O `Label` é o nome acessível da barra.\n *\n * O `locale` padrão é `'pt-BR'` (o Base UI usaria o do navegador), então o `Value` sai com vírgula\n * decimal. Um `locale` passado por quem usa vence.\n *\n * A cor por faixa (perto do limite, acima dele) fica com o app: o `Meter` não tem faixas, e o app\n * troca o `colorScheme` conforme o valor.\n *\n * @example\n * ```tsx\n * <Meter.Root value={usedGigabytes} max={50} colorScheme={usedGigabytes > 45 ? 'red' : 'green'}>\n *   <Meter.Label>Armazenamento</Meter.Label>\n *   <Meter.Value />\n *   <Meter.Track>\n *     <Meter.Indicator />\n *   </Meter.Track>\n * </Meter.Root>\n * ```\n */\nexport const MeterRoot = (props: MeterRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <MeterContextProvider value={variantProps}>\n      <BaseMeter.Root\n        data-component=\"Meter.Root\"\n        locale=\"pt-BR\"\n        className={mergeStateClassNames(\n          meterRootVariants(variantProps),\n          className,\n        )}\n        {...rest}\n      />\n    </MeterContextProvider>\n  );\n};\n\nMeterRoot.displayName = 'Meter.Root';\n"],"mappings":";;;;;;;AAaA,MAAM,oBAAoB,iBAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;AA2B1D,MAAa,aAAa,UAA0B;CAClD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,MACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,oBAACA,MAAU,MAAX;GACE,kBAAe;GACf,QAAO;GACP,WAAW,qBACT,kBAAkB,YAAY,GAC9B,SACF;GACA,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B;AAEA,UAAU,cAAc"}

package/dist/components/feedback/meter/meter-track-variants.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/feedback/meter/meter-track-variants.d.ts
+export declare const meterTrackVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=meter-track-variants.d.ts.map

package/dist/components/feedback/meter/meter-track-variants.js

@@ -0,0 +1,22 @@
+import { meterDefaultVariants } from "./use-meter-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/feedback/meter/meter-track-variants.ts
+const meterTrackVariants = cva([
+	"col-span-2",
+	"relative",
+	"overflow-hidden",
+	"rounded-full",
+	"bg-gray-a4"
+], {
+	variants: { size: {
+		xs: ["h-1"],
+		sm: ["h-1.5"],
+		md: ["h-2"],
+		lg: ["h-3"]
+	} },
+	defaultVariants: { size: meterDefaultVariants.size }
+});
+//#endregion
+export { meterTrackVariants };
+
+//# sourceMappingURL=meter-track-variants.js.map

package/dist/components/feedback/meter/meter-track-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-track-variants.js","names":[],"sources":["../../../../src/components/feedback/meter/meter-track-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { meterDefaultVariants } from './use-meter-context';\n\nexport const meterTrackVariants = cva(\n  ['col-span-2', 'relative', 'overflow-hidden', 'rounded-full', 'bg-gray-a4'],\n  {\n    variants: {\n      size: {\n        xs: ['h-1'],\n        sm: ['h-1.5'],\n        md: ['h-2'],\n        lg: ['h-3'],\n      },\n    },\n    defaultVariants: {\n      size: meterDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAa,qBAAqB,IAChC;CAAC;CAAc;CAAY;CAAmB;CAAgB;AAAY,GAC1E;CACE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,OAAO;EACZ,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,KAAK;CACZ,EACF;CACA,iBAAiB,EACf,MAAM,qBAAqB,KAC7B;AACF,CACF"}

package/dist/components/feedback/meter/meter-track.d.ts

@@ -0,0 +1,13 @@
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/feedback/meter/meter-track.d.ts
+export type MeterTrackProps = Meter.Track.Props;
+export type MeterTrackState = Meter.Track.State;
+/**
+ * Trilha da barra, com a altura do `size` do `Root`. Ocupa as duas colunas da grade do `Root`.
+ */
+export declare const MeterTrack: {
+  (props: MeterTrackProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=meter-track.d.ts.map

package/dist/components/feedback/meter/meter-track.js

@@ -0,0 +1,23 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useMeterContext } from "./use-meter-context.js";
+import { meterTrackVariants } from "./meter-track-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/feedback/meter/meter-track.tsx
+/**
+* Trilha da barra, com a altura do `size` do `Root`. Ocupa as duas colunas da grade do `Root`.
+*/
+const MeterTrack = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useMeterContext();
+	return /* @__PURE__ */ jsx(Meter.Track, {
+		"data-component": "Meter.Track",
+		className: mergeStateClassNames(meterTrackVariants({ size }), className),
+		...rest
+	});
+};
+MeterTrack.displayName = "Meter.Track";
+//#endregion
+export { MeterTrack };
+
+//# sourceMappingURL=meter-track.js.map

package/dist/components/feedback/meter/meter-track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-track.js","names":["BaseMeter"],"sources":["../../../../src/components/feedback/meter/meter-track.tsx"],"sourcesContent":["import { Meter as BaseMeter } from '@base-ui/react/meter';\nimport { mergeStateClassNames } from '#utils';\nimport { meterTrackVariants } from './meter-track-variants';\nimport { useMeterContext } from './use-meter-context';\n\nexport type MeterTrackProps = BaseMeter.Track.Props;\n\nexport type MeterTrackState = BaseMeter.Track.State;\n\n/**\n * Trilha da barra, com a altura do `size` do `Root`. Ocupa as duas colunas da grade do `Root`.\n */\nexport const MeterTrack = (props: MeterTrackProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useMeterContext();\n\n  return (\n    <BaseMeter.Track\n      data-component=\"Meter.Track\"\n      className={mergeStateClassNames(meterTrackVariants({ size }), className)}\n      {...rest}\n    />\n  );\n};\n\nMeterTrack.displayName = 'Meter.Track';\n"],"mappings":";;;;;;;;;AAYA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,gBAAgB;CAEjC,OACE,oBAACA,MAAU,OAAX;EACE,kBAAe;EACf,WAAW,qBAAqB,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

package/dist/components/feedback/meter/meter-value.d.ts

@@ -0,0 +1,14 @@
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/feedback/meter/meter-value.d.ts
+export type MeterValueProps = Meter.Value.Props;
+export type MeterValueState = Meter.Value.State;
+/**
+ * Valor formatado pelo `Intl.NumberFormat` do `Root` (`format` e `locale`). Um `children`
+ * em função troca o texto.
+ */
+export declare const MeterValue: {
+  (props: MeterValueProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=meter-value.d.ts.map

package/dist/components/feedback/meter/meter-value.js

@@ -0,0 +1,25 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/feedback/meter/meter-value.tsx
+/**
+* Valor formatado pelo `Intl.NumberFormat` do `Root` (`format` e `locale`). Um `children`
+* em função troca o texto.
+*/
+const MeterValue = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Meter.Value, {
+		"data-component": "Meter.Value",
+		className: mergeStateClassNames([
+			"text-right",
+			"tabular-nums",
+			"text-gray-11"
+		], className),
+		...rest
+	});
+};
+MeterValue.displayName = "Meter.Value";
+//#endregion
+export { MeterValue };
+
+//# sourceMappingURL=meter-value.js.map

package/dist/components/feedback/meter/meter-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-value.js","names":["BaseMeter"],"sources":["../../../../src/components/feedback/meter/meter-value.tsx"],"sourcesContent":["import { Meter as BaseMeter } from '@base-ui/react/meter';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MeterValueProps = BaseMeter.Value.Props;\n\nexport type MeterValueState = BaseMeter.Value.State;\n\n/**\n * Valor formatado pelo `Intl.NumberFormat` do `Root` (`format` e `locale`). Um `children`\n * em função troca o texto.\n */\nexport const MeterValue = (props: MeterValueProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMeter.Value\n      data-component=\"Meter.Value\"\n      className={mergeStateClassNames(\n        ['text-right', 'tabular-nums', 'text-gray-11'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMeterValue.displayName = 'Meter.Value';\n"],"mappings":";;;;;;;;AAWA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,MAAU,OAAX;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAc;GAAgB;EAAc,GAC7C,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

package/dist/components/feedback/meter/use-meter-context.d.ts

@@ -0,0 +1,23 @@
+import { ColorSchemeSemantic } from "../../../types/color-scheme.js";
+//#region src/components/feedback/meter/use-meter-context.d.ts
+/**
+ * Variantes do Meter. Informadas no `Meter.Root` e repassadas às partes por contexto.
+ */
+export type MeterVariants = {
+  /**
+   * Cor da barra preenchida (`Meter.Indicator`).
+   *
+   * @default 'gray'
+   */
+  colorScheme?: ColorSchemeSemantic;
+  /**
+   * Altura da trilha e tamanho do texto do rótulo e do valor.
+   *
+   * @default 'sm'
+   */
+  size?: 'xs' | 'sm' | 'md' | 'lg';
+};
+export declare const meterDefaultVariants: Required<MeterVariants>;
+export declare const MeterContextProvider: import("react").Provider<MeterVariants>, useMeterContext: () => MeterVariants;
+//#endregion
+//# sourceMappingURL=use-meter-context.d.ts.map

package/dist/components/feedback/meter/use-meter-context.js

@@ -0,0 +1,14 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/feedback/meter/use-meter-context.ts
+const meterDefaultVariants = {
+	colorScheme: "gray",
+	size: "sm"
+};
+const [MeterContextProvider, useMeterContext] = createContext({
+	name: "MeterContext",
+	providers: ["Meter.Root"]
+});
+//#endregion
+export { MeterContextProvider, meterDefaultVariants, useMeterContext };
+
+//# sourceMappingURL=use-meter-context.js.map

package/dist/components/feedback/meter/use-meter-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-meter-context.js","names":[],"sources":["../../../../src/components/feedback/meter/use-meter-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeSemantic } from '#types';\n\n/**\n * Variantes do Meter. Informadas no `Meter.Root` e repassadas às partes por contexto.\n */\nexport type MeterVariants = {\n  /**\n   * Cor da barra preenchida (`Meter.Indicator`).\n   *\n   * @default 'gray'\n   */\n  colorScheme?: ColorSchemeSemantic;\n  /**\n   * Altura da trilha e tamanho do texto do rótulo e do valor.\n   *\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n};\n\nexport const meterDefaultVariants: Required<MeterVariants> = {\n  colorScheme: 'gray',\n  size: 'sm',\n};\n\nexport const [MeterContextProvider, useMeterContext] =\n  createContext<MeterVariants>({\n    name: 'MeterContext',\n    providers: ['Meter.Root'],\n  });\n"],"mappings":";;AAqBA,MAAa,uBAAgD;CAC3D,aAAa;CACb,MAAM;AACR;AAEA,MAAa,CAAC,sBAAsB,mBAClC,cAA6B;CAC3B,MAAM;CACN,WAAW,CAAC,YAAY;AAC1B,CAAC"}

package/dist/components/feedback/progress/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Progress };

package/dist/components/feedback/progress/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Progress };

package/dist/components/feedback/progress/index.parts.d.ts

@@ -0,0 +1,12 @@
+import { ProgressIndicator, ProgressIndicatorProps, ProgressIndicatorState } from "./progress-indicator.js";
+import { ProgressLabel, ProgressLabelProps, ProgressLabelState } from "./progress-label.js";
+import { ProgressVariants } from "./use-progress-context.js";
+import { ProgressRoot, ProgressRootProps, ProgressRootState } from "./progress-root.js";
+import { ProgressTrack, ProgressTrackProps, ProgressTrackState } from "./progress-track.js";
+import { ProgressValue, ProgressValueProps, ProgressValueState } from "./progress-value.js";
+declare namespace index_parts_d_exports {
+  export { ProgressIndicator as Indicator, ProgressIndicatorProps as IndicatorProps, ProgressIndicatorState as IndicatorState, ProgressLabel as Label, ProgressLabelProps as LabelProps, ProgressLabelState as LabelState, ProgressRoot as Root, ProgressRootProps as RootProps, ProgressRootState as RootState, ProgressTrack as Track, ProgressTrackProps as TrackProps, ProgressTrackState as TrackState, ProgressValue as Value, ProgressValueProps as ValueProps, ProgressValueState as ValueState, ProgressVariants as Variants };
+}
+//#endregion
+export { ProgressIndicator as Indicator, type ProgressIndicatorProps as IndicatorProps, type ProgressIndicatorState as IndicatorState, ProgressLabel as Label, type ProgressLabelProps as LabelProps, type ProgressLabelState as LabelState, ProgressRoot as Root, type ProgressRootProps as RootProps, type ProgressRootState as RootState, ProgressTrack as Track, type ProgressTrackProps as TrackProps, type ProgressTrackState as TrackState, ProgressValue as Value, type ProgressValueProps as ValueProps, type ProgressValueState as ValueState, type ProgressVariants as Variants, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/feedback/progress/index.parts.js

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { ProgressIndicator } from "./progress-indicator.js";
+import { ProgressLabel } from "./progress-label.js";
+import { ProgressRoot } from "./progress-root.js";
+import { ProgressTrack } from "./progress-track.js";
+import { ProgressValue } from "./progress-value.js";
+//#region src/components/feedback/progress/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Indicator: () => ProgressIndicator,
+	Label: () => ProgressLabel,
+	Root: () => ProgressRoot,
+	Track: () => ProgressTrack,
+	Value: () => ProgressValue
+});
+//#endregion
+export { ProgressIndicator as Indicator, ProgressLabel as Label, ProgressRoot as Root, ProgressTrack as Track, ProgressValue as Value, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/feedback/progress/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/feedback/progress/index.parts.ts"],"sourcesContent":["export { ProgressIndicator as Indicator } from './progress-indicator';\nexport { ProgressLabel as Label } from './progress-label';\nexport { ProgressRoot as Root } from './progress-root';\nexport { ProgressTrack as Track } from './progress-track';\nexport { ProgressValue as Value } from './progress-value';\n\n/* types */\n\nexport type {\n  ProgressIndicatorProps as IndicatorProps,\n  ProgressIndicatorState as IndicatorState,\n} from './progress-indicator';\nexport type {\n  ProgressLabelProps as LabelProps,\n  ProgressLabelState as LabelState,\n} from './progress-label';\nexport type {\n  ProgressRootProps as RootProps,\n  ProgressRootState as RootState,\n} from './progress-root';\nexport type {\n  ProgressTrackProps as TrackProps,\n  ProgressTrackState as TrackState,\n} from './progress-track';\nexport type {\n  ProgressValueProps as ValueProps,\n  ProgressValueState as ValueState,\n} from './progress-value';\nexport type { ProgressVariants as Variants } from './use-progress-context';\n"],"mappings":""}

package/dist/components/feedback/progress/progress-indicator.d.ts

@@ -0,0 +1,16 @@
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-indicator.d.ts
+export type ProgressIndicatorProps = Progress.Indicator.Props;
+export type ProgressIndicatorState = Progress.Indicator.State;
+/**
+ * Parte preenchida da barra, na cor do `colorScheme` do `Root`. A largura vem do `style` que o Base
+ * UI escreve inline e anima por transição. Indeterminado (`data-indeterminate`), o Base UI não
+ * escreve largura: o trecho tem 2/5 da trilha e desliza de um lado ao outro; com movimento
+ * reduzido, preenche a trilha parado, em `gray-8`.
+ */
+export declare const ProgressIndicator: {
+  (props: ProgressIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=progress-indicator.d.ts.map

package/dist/components/feedback/progress/progress-indicator.js

@@ -0,0 +1,34 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-indicator.tsx
+/**
+* Parte preenchida da barra, na cor do `colorScheme` do `Root`. A largura vem do `style` que o Base
+* UI escreve inline e anima por transição. Indeterminado (`data-indeterminate`), o Base UI não
+* escreve largura: o trecho tem 2/5 da trilha e desliza de um lado ao outro; com movimento
+* reduzido, preenche a trilha parado, em `gray-8`.
+*/
+const ProgressIndicator = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Progress.Indicator, {
+		"data-component": "Progress.Indicator",
+		className: mergeStateClassNames([
+			"h-full",
+			"rounded-full",
+			"bg-(--progress-indicator-bg)",
+			"not-motion-reduced:transition-[width]",
+			"not-motion-reduced:duration-500",
+			"not-motion-reduced:ease-move",
+			"data-indeterminate:w-2/5",
+			"data-indeterminate:not-motion-reduced:animate-progress-indeterminate",
+			"data-indeterminate:motion-reduced:w-full",
+			"data-indeterminate:motion-reduced:bg-gray-8"
+		], className),
+		...rest
+	});
+};
+ProgressIndicator.displayName = "Progress.Indicator";
+//#endregion
+export { ProgressIndicator };
+
+//# sourceMappingURL=progress-indicator.js.map

package/dist/components/feedback/progress/progress-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.js","names":["BaseProgress"],"sources":["../../../../src/components/feedback/progress/progress-indicator.tsx"],"sourcesContent":["import { Progress as BaseProgress } from '@base-ui/react/progress';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ProgressIndicatorProps = BaseProgress.Indicator.Props;\n\nexport type ProgressIndicatorState = BaseProgress.Indicator.State;\n\n/**\n * Parte preenchida da barra, na cor do `colorScheme` do `Root`. A largura vem do `style` que o Base\n * UI escreve inline e anima por transição. Indeterminado (`data-indeterminate`), o Base UI não\n * escreve largura: o trecho tem 2/5 da trilha e desliza de um lado ao outro; com movimento\n * reduzido, preenche a trilha parado, em `gray-8`.\n */\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseProgress.Indicator\n      data-component=\"Progress.Indicator\"\n      className={mergeStateClassNames(\n        [\n          'h-full',\n          'rounded-full',\n          'bg-(--progress-indicator-bg)',\n\n          'not-motion-reduced:transition-[width]',\n          'not-motion-reduced:duration-500',\n          'not-motion-reduced:ease-move',\n\n          'data-indeterminate:w-2/5',\n          'data-indeterminate:not-motion-reduced:animate-progress-indeterminate',\n          'data-indeterminate:motion-reduced:w-full',\n          'data-indeterminate:motion-reduced:bg-gray-8',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nProgressIndicator.displayName = 'Progress.Indicator';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,SAAa,WAAd;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

package/dist/components/feedback/progress/progress-label.d.ts

@@ -0,0 +1,13 @@
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-label.d.ts
+export type ProgressLabelProps = Progress.Label.Props;
+export type ProgressLabelState = Progress.Label.State;
+/**
+ * Rótulo da barra: o Base UI o liga ao `Root` por `aria-labelledby`, e ele vira o nome acessível.
+ */
+export declare const ProgressLabel: {
+  (props: ProgressLabelProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=progress-label.d.ts.map

package/dist/components/feedback/progress/progress-label.js

@@ -0,0 +1,20 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-label.tsx
+/**
+* Rótulo da barra: o Base UI o liga ao `Root` por `aria-labelledby`, e ele vira o nome acessível.
+*/
+const ProgressLabel = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		"data-component": "Progress.Label",
+		className: mergeStateClassNames(["font-medium", "text-gray-12"], className),
+		...rest
+	});
+};
+ProgressLabel.displayName = "Progress.Label";
+//#endregion
+export { ProgressLabel };
+
+//# sourceMappingURL=progress-label.js.map

package/dist/components/feedback/progress/progress-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-label.js","names":["BaseProgress"],"sources":["../../../../src/components/feedback/progress/progress-label.tsx"],"sourcesContent":["import { Progress as BaseProgress } from '@base-ui/react/progress';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ProgressLabelProps = BaseProgress.Label.Props;\n\nexport type ProgressLabelState = BaseProgress.Label.State;\n\n/**\n * Rótulo da barra: o Base UI o liga ao `Root` por `aria-labelledby`, e ele vira o nome acessível.\n */\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseProgress.Label\n      data-component=\"Progress.Label\"\n      className={mergeStateClassNames(\n        ['font-medium', 'text-gray-12'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nProgressLabel.displayName = 'Progress.Label';\n"],"mappings":";;;;;;;AAUA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,SAAa,OAAd;EACE,kBAAe;EACf,WAAW,qBACT,CAAC,eAAe,cAAc,GAC9B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/dist/components/feedback/progress/progress-root-variants.d.ts

@@ -0,0 +1,15 @@
+//#region src/components/feedback/progress/progress-root-variants.d.ts
+/**
+ * Cada `colorScheme` só declara a variável `--progress-indicator-bg`, que o `Progress.Indicator`
+ * consome. O `size` decide o texto do rótulo e do valor, que herdam o tamanho do `Root`; a altura
+ * da trilha vem do contexto, no `Progress.Track`.
+ *
+ * Origem do `Meter.Root`, que copia estas classes. Uma mudança aqui vale para a cópia na mesma
+ * rodada.
+ */
+export declare const progressRootVariants: (props?: ({
+  colorScheme?: "gray" | "accent" | "red" | "green" | "blue" | "amber" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=progress-root-variants.d.ts.map

package/dist/components/feedback/progress/progress-root-variants.js

@@ -0,0 +1,43 @@
+import { progressDefaultVariants } from "./use-progress-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/feedback/progress/progress-root-variants.ts
+/**
+* Cada `colorScheme` só declara a variável `--progress-indicator-bg`, que o `Progress.Indicator`
+* consome. O `size` decide o texto do rótulo e do valor, que herdam o tamanho do `Root`; a altura
+* da trilha vem do contexto, no `Progress.Track`.
+*
+* Origem do `Meter.Root`, que copia estas classes. Uma mudança aqui vale para a cópia na mesma
+* rodada.
+*/
+const progressRootVariants = cva([
+	"grid",
+	"grid-cols-[1fr_auto]",
+	"gap-x-4",
+	"gap-y-2",
+	"w-full"
+], {
+	variants: {
+		colorScheme: {
+			gray: ["[--progress-indicator-bg:var(--color-black)]", "dark:[--progress-indicator-bg:var(--color-white)]"],
+			accent: ["[--progress-indicator-bg:var(--accent-9)]"],
+			red: ["[--progress-indicator-bg:var(--red-9)]"],
+			green: ["[--progress-indicator-bg:var(--green-9)]"],
+			amber: ["[--progress-indicator-bg:var(--amber-9)]"],
+			blue: ["[--progress-indicator-bg:var(--blue-9)]"]
+		},
+		size: {
+			xs: ["text-xs", "leading-4"],
+			sm: ["text-sm", "leading-5"],
+			md: ["text-sm", "leading-5"],
+			lg: ["text-base", "leading-6"]
+		}
+	},
+	defaultVariants: {
+		colorScheme: progressDefaultVariants.colorScheme,
+		size: progressDefaultVariants.size
+	}
+});
+//#endregion
+export { progressRootVariants };
+
+//# sourceMappingURL=progress-root-variants.js.map

package/dist/components/feedback/progress/progress-root-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-root-variants.js","names":[],"sources":["../../../../src/components/feedback/progress/progress-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { progressDefaultVariants } from './use-progress-context';\n\n/**\n * Cada `colorScheme` só declara a variável `--progress-indicator-bg`, que o `Progress.Indicator`\n * consome. O `size` decide o texto do rótulo e do valor, que herdam o tamanho do `Root`; a altura\n * da trilha vem do contexto, no `Progress.Track`.\n *\n * Origem do `Meter.Root`, que copia estas classes. Uma mudança aqui vale para a cópia na mesma\n * rodada.\n */\nexport const progressRootVariants = cva(\n  ['grid', 'grid-cols-[1fr_auto]', 'gap-x-4', 'gap-y-2', 'w-full'],\n  {\n    variants: {\n      colorScheme: {\n        gray: [\n          '[--progress-indicator-bg:var(--color-black)]',\n          'dark:[--progress-indicator-bg:var(--color-white)]',\n        ],\n        accent: ['[--progress-indicator-bg:var(--accent-9)]'],\n        red: ['[--progress-indicator-bg:var(--red-9)]'],\n        green: ['[--progress-indicator-bg:var(--green-9)]'],\n        amber: ['[--progress-indicator-bg:var(--amber-9)]'],\n        blue: ['[--progress-indicator-bg:var(--blue-9)]'],\n      },\n      size: {\n        xs: ['text-xs', 'leading-4'],\n        sm: ['text-sm', 'leading-5'],\n        md: ['text-sm', 'leading-5'],\n        lg: ['text-base', 'leading-6'],\n      },\n    },\n    defaultVariants: {\n      colorScheme: progressDefaultVariants.colorScheme,\n      size: progressDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,uBAAuB,IAClC;CAAC;CAAQ;CAAwB;CAAW;CAAW;AAAQ,GAC/D;CACE,UAAU;EACR,aAAa;GACX,MAAM,CACJ,gDACA,mDACF;GACA,QAAQ,CAAC,2CAA2C;GACpD,KAAK,CAAC,wCAAwC;GAC9C,OAAO,CAAC,0CAA0C;GAClD,OAAO,CAAC,0CAA0C;GAClD,MAAM,CAAC,yCAAyC;EAClD;EACA,MAAM;GACJ,IAAI,CAAC,WAAW,WAAW;GAC3B,IAAI,CAAC,WAAW,WAAW;GAC3B,IAAI,CAAC,WAAW,WAAW;GAC3B,IAAI,CAAC,aAAa,WAAW;EAC/B;CACF;CACA,iBAAiB;EACf,aAAa,wBAAwB;EACrC,MAAM,wBAAwB;CAChC;AACF,CACF"}

package/dist/components/feedback/progress/progress-root.d.ts

@@ -0,0 +1,34 @@
+import { ProgressVariants } from "./use-progress-context.js";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-root.d.ts
+export type ProgressRootProps = MergeOverride<Progress.Root.Props, ProgressVariants>;
+export type ProgressRootState = Progress.Root.State;
+/**
+ * Andamento de uma tarefa que leva tempo (exportação, importação, envio). Tem `role="progressbar"`
+ * e o `aria-valuenow` do `value`; com `value={null}`, o estado é indeterminado, para quando não se
+ * sabe quanto falta. Para uma medida contra um limite (armazenamento, cota), use o `Meter`.
+ *
+ * O layout é uma grade: o `Label` à esquerda e o `Value` à direita na primeira linha, e o `Track`
+ * na largura toda abaixo. O `Label` é o nome acessível da barra.
+ *
+ * O `locale` padrão é `'pt-BR'` (o Base UI usaria o do navegador), então o `Value` sai com vírgula
+ * decimal. Um `locale` passado por quem usa vence.
+ *
+ * @example
+ * ```tsx
+ * <Progress.Root value={42} colorScheme="accent">
+ *   <Progress.Label>Importando notas</Progress.Label>
+ *   <Progress.Value />
+ *   <Progress.Track>
+ *     <Progress.Indicator />
+ *   </Progress.Track>
+ * </Progress.Root>
+ * ```
+ */
+export declare const ProgressRoot: {
+  (props: ProgressRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=progress-root.d.ts.map

package/dist/components/feedback/progress/progress-root.js

@@ -0,0 +1,48 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { ProgressContextProvider } from "./use-progress-context.js";
+import { progressRootVariants } from "./progress-root-variants.js";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Andamento de uma tarefa que leva tempo (exportação, importação, envio). Tem `role="progressbar"`
+* e o `aria-valuenow` do `value`; com `value={null}`, o estado é indeterminado, para quando não se
+* sabe quanto falta. Para uma medida contra um limite (armazenamento, cota), use o `Meter`.
+*
+* O layout é uma grade: o `Label` à esquerda e o `Value` à direita na primeira linha, e o `Track`
+* na largura toda abaixo. O `Label` é o nome acessível da barra.
+*
+* O `locale` padrão é `'pt-BR'` (o Base UI usaria o do navegador), então o `Value` sai com vírgula
+* decimal. Um `locale` passado por quem usa vence.
+*
+* @example
+* ```tsx
+* <Progress.Root value={42} colorScheme="accent">
+*   <Progress.Label>Importando notas</Progress.Label>
+*   <Progress.Value />
+*   <Progress.Track>
+*     <Progress.Indicator />
+*   </Progress.Track>
+* </Progress.Root>
+* ```
+*/
+const ProgressRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["colorScheme", "size"]);
+	const { className, ...rest } = elementProps;
+	return /* @__PURE__ */ jsx(ProgressContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Progress.Root, {
+			"data-component": "Progress.Root",
+			locale: "pt-BR",
+			className: mergeStateClassNames(progressRootVariants(variantProps), className),
+			...rest
+		})
+	});
+};
+ProgressRoot.displayName = "Progress.Root";
+//#endregion
+export { ProgressRoot };
+
+//# sourceMappingURL=progress-root.js.map

package/dist/components/feedback/progress/progress-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-root.js","names":["BaseProgress"],"sources":["../../../../src/components/feedback/progress/progress-root.tsx"],"sourcesContent":["import { Progress as BaseProgress } from '@base-ui/react/progress';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport { progressRootVariants } from './progress-root-variants';\nimport {\n  ProgressContextProvider,\n  type ProgressVariants,\n} from './use-progress-context';\n\nexport type ProgressRootProps = MergeOverride<\n  BaseProgress.Root.Props,\n  ProgressVariants\n>;\n\nexport type ProgressRootState = BaseProgress.Root.State;\n\nconst splitVariantProps = createSplitProps<ProgressVariants>();\n\n/**\n * Andamento de uma tarefa que leva tempo (exportação, importação, envio). Tem `role=\"progressbar\"`\n * e o `aria-valuenow` do `value`; com `value={null}`, o estado é indeterminado, para quando não se\n * sabe quanto falta. Para uma medida contra um limite (armazenamento, cota), use o `Meter`.\n *\n * O layout é uma grade: o `Label` à esquerda e o `Value` à direita na primeira linha, e o `Track`\n * na largura toda abaixo. O `Label` é o nome acessível da barra.\n *\n * O `locale` padrão é `'pt-BR'` (o Base UI usaria o do navegador), então o `Value` sai com vírgula\n * decimal. Um `locale` passado por quem usa vence.\n *\n * @example\n * ```tsx\n * <Progress.Root value={42} colorScheme=\"accent\">\n *   <Progress.Label>Importando notas</Progress.Label>\n *   <Progress.Value />\n *   <Progress.Track>\n *     <Progress.Indicator />\n *   </Progress.Track>\n * </Progress.Root>\n * ```\n */\nexport const ProgressRoot = (props: ProgressRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <ProgressContextProvider value={variantProps}>\n      <BaseProgress.Root\n        data-component=\"Progress.Root\"\n        locale=\"pt-BR\"\n        className={mergeStateClassNames(\n          progressRootVariants(variantProps),\n          className,\n        )}\n        {...rest}\n      />\n    </ProgressContextProvider>\n  );\n};\n\nProgressRoot.displayName = 'Progress.Root';\n"],"mappings":";;;;;;;AAmBA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;AAwB7D,MAAa,gBAAgB,UAA6B;CACxD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,MACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAACA,SAAa,MAAd;GACE,kBAAe;GACf,QAAO;GACP,WAAW,qBACT,qBAAqB,YAAY,GACjC,SACF;GACA,GAAI;EACL,CAAA;CACsB,CAAA;AAE7B;AAEA,aAAa,cAAc"}

package/dist/components/feedback/progress/progress-track-variants.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/feedback/progress/progress-track-variants.d.ts
+export declare const progressTrackVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=progress-track-variants.d.ts.map

package/dist/components/feedback/progress/progress-track-variants.js

@@ -0,0 +1,22 @@
+import { progressDefaultVariants } from "./use-progress-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/feedback/progress/progress-track-variants.ts
+const progressTrackVariants = cva([
+	"col-span-2",
+	"relative",
+	"overflow-hidden",
+	"rounded-full",
+	"bg-gray-a4"
+], {
+	variants: { size: {
+		xs: ["h-1"],
+		sm: ["h-1.5"],
+		md: ["h-2"],
+		lg: ["h-3"]
+	} },
+	defaultVariants: { size: progressDefaultVariants.size }
+});
+//#endregion
+export { progressTrackVariants };
+
+//# sourceMappingURL=progress-track-variants.js.map

package/dist/components/feedback/progress/progress-track-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-track-variants.js","names":[],"sources":["../../../../src/components/feedback/progress/progress-track-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { progressDefaultVariants } from './use-progress-context';\n\nexport const progressTrackVariants = cva(\n  ['col-span-2', 'relative', 'overflow-hidden', 'rounded-full', 'bg-gray-a4'],\n  {\n    variants: {\n      size: {\n        xs: ['h-1'],\n        sm: ['h-1.5'],\n        md: ['h-2'],\n        lg: ['h-3'],\n      },\n    },\n    defaultVariants: {\n      size: progressDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAa,wBAAwB,IACnC;CAAC;CAAc;CAAY;CAAmB;CAAgB;AAAY,GAC1E;CACE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,OAAO;EACZ,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,KAAK;CACZ,EACF;CACA,iBAAiB,EACf,MAAM,wBAAwB,KAChC;AACF,CACF"}

package/dist/components/feedback/progress/progress-track.d.ts

@@ -0,0 +1,13 @@
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-track.d.ts
+export type ProgressTrackProps = Progress.Track.Props;
+export type ProgressTrackState = Progress.Track.State;
+/**
+ * Trilha da barra, com a altura do `size` do `Root`. Ocupa as duas colunas da grade do `Root`.
+ */
+export declare const ProgressTrack: {
+  (props: ProgressTrackProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=progress-track.d.ts.map

package/dist/components/feedback/progress/progress-track.js

@@ -0,0 +1,23 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useProgressContext } from "./use-progress-context.js";
+import { progressTrackVariants } from "./progress-track-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/feedback/progress/progress-track.tsx
+/**
+* Trilha da barra, com a altura do `size` do `Root`. Ocupa as duas colunas da grade do `Root`.
+*/
+const ProgressTrack = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useProgressContext();
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		"data-component": "Progress.Track",
+		className: mergeStateClassNames(progressTrackVariants({ size }), className),
+		...rest
+	});
+};
+ProgressTrack.displayName = "Progress.Track";
+//#endregion
+export { ProgressTrack };
+
+//# sourceMappingURL=progress-track.js.map

package/dist/components/feedback/progress/progress-track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-track.js","names":["BaseProgress"],"sources":["../../../../src/components/feedback/progress/progress-track.tsx"],"sourcesContent":["import { Progress as BaseProgress } from '@base-ui/react/progress';\nimport { mergeStateClassNames } from '#utils';\nimport { progressTrackVariants } from './progress-track-variants';\nimport { useProgressContext } from './use-progress-context';\n\nexport type ProgressTrackProps = BaseProgress.Track.Props;\n\nexport type ProgressTrackState = BaseProgress.Track.State;\n\n/**\n * Trilha da barra, com a altura do `size` do `Root`. Ocupa as duas colunas da grade do `Root`.\n */\nexport const ProgressTrack = (props: ProgressTrackProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useProgressContext();\n\n  return (\n    <BaseProgress.Track\n      data-component=\"Progress.Track\"\n      className={mergeStateClassNames(\n        progressTrackVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nProgressTrack.displayName = 'Progress.Track';\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,mBAAmB;CAEpC,OACE,oBAACA,SAAa,OAAd;EACE,kBAAe;EACf,WAAW,qBACT,sBAAsB,EAAE,KAAK,CAAC,GAC9B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}