@lucasbernardosn/react-ui 0.4.0 → 0.5.0

package/dist/components/collections/command/command-loading.d.ts

@@ -0,0 +1,17 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/command-loading.d.ts
+export type CommandLoadingProps = Autocomplete.Status.Props;
+export type CommandLoadingState = Autocomplete.Status.State;
+/**
+ * Aviso de busca em andamento ("Buscando…"), anunciado ao leitor de tela sem tirar o foco do
+ * campo. Serve à busca assíncrona (`filter={null}`).
+ *
+ * Fica sempre montado, só com os filhos mudando: esconder ou remover o próprio elemento impede o
+ * anúncio de chegar de forma consistente. Sem texto, o `empty:p-0` tira o espaço.
+ */
+export declare const CommandLoading: {
+  (props: CommandLoadingProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=command-loading.d.ts.map

package/dist/components/collections/command/command-loading.js

@@ -0,0 +1,30 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/command-loading.tsx
+/**
+* Aviso de busca em andamento ("Buscando…"), anunciado ao leitor de tela sem tirar o foco do
+* campo. Serve à busca assíncrona (`filter={null}`).
+*
+* Fica sempre montado, só com os filhos mudando: esconder ou remover o próprio elemento impede o
+* anúncio de chegar de forma consistente. Sem texto, o `empty:p-0` tira o espaço.
+*/
+const CommandLoading = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Status, {
+		"data-component": "Command.Loading",
+		className: mergeStateClassNames([
+			"px-3",
+			"py-2.5",
+			"text-gray-11",
+			"text-sm",
+			"empty:p-0"
+		], className),
+		...rest
+	});
+};
+CommandLoading.displayName = "Command.Loading";
+//#endregion
+export { CommandLoading };
+
+//# sourceMappingURL=command-loading.js.map

package/dist/components/collections/command/command-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-loading.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/command/command-loading.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\n\nexport type CommandLoadingProps = BaseAutocomplete.Status.Props;\n\nexport type CommandLoadingState = BaseAutocomplete.Status.State;\n\n/**\n * Aviso de busca em andamento (\"Buscando…\"), anunciado ao leitor de tela sem tirar o foco do\n * campo. Serve à busca assíncrona (`filter={null}`).\n *\n * Fica sempre montado, só com os filhos mudando: esconder ou remover o próprio elemento impede o\n * anúncio de chegar de forma consistente. Sem texto, o `empty:p-0` tira o espaço.\n */\nexport const CommandLoading = (props: CommandLoadingProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Status\n      data-component=\"Command.Loading\"\n      className={mergeStateClassNames(\n        [\n          'px-3',\n          'py-2.5',\n\n          'text-gray-11',\n          'text-sm',\n          'empty:p-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nCommandLoading.displayName = 'Command.Loading';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,QAAlB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/collections/command/command-root.d.ts

@@ -0,0 +1,91 @@
+import React from "react";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/command-root.d.ts
+/**
+ * Props que o Command fixa: a lista está sempre aberta e inline, o primeiro item sempre ativo e
+ * o filtro sempre pela lista. Não saem para quem usa, porque outro valor desfaz o comportamento
+ * do Command.
+ */
+type CommandRootFixedProps = 'inline' | 'open' | 'defaultOpen' | 'onOpenChange' | 'autoHighlight' | 'keepHighlight' | 'mode' | 'openOnInputClick' | 'value' | 'defaultValue' | 'children';
+export type CommandRootProps<ItemValue> = MergeOverride<Omit<Autocomplete.Root.Props<ItemValue>, CommandRootFixedProps>, {
+  /**
+   * Texto da busca, quando controlado.
+   */
+  value?: string;
+  /**
+   * Texto inicial da busca, quando não controlado.
+   *
+   * @default ''
+   */
+  defaultValue?: string;
+  /**
+   * Classes do `div` raiz.
+   */
+  className?: string;
+  children?: React.ReactNode;
+}>;
+export type CommandRootState = Autocomplete.Root.State;
+export type CommandRootChangeEventDetails = Autocomplete.Root.ChangeEventDetails;
+/**
+ * Paleta de comandos: um campo de busca e uma lista de ações filtrada pelo que se digita, sobre o
+ * `Autocomplete` do Base UI em modo `inline`. Renderiza um `div` sem caixa (sem borda nem fundo):
+ * a moldura vem de quem envolve, como um `Dialog`, um `Popover` ou um `Card`.
+ *
+ * A lista fica sempre aberta e o primeiro item sempre ativo (`autoHighlight="always"`), então o
+ * `Enter` dispara o `onClick` do item ativo; `Ctrl+Enter` e `Cmd+Enter` também, pelo `Command.Input`,
+ * com o `ctrlKey` ou o `metaKey` no evento, para o item abrir em outra aba. O item ativo só muda pelas setas, pelo hover de outro
+ * item ou pela busca: o ponteiro fora dos itens o mantém (`keepHighlight`). Por isso `open`,
+ * `inline`, `autoHighlight` e `keepHighlight` não são props: outro valor desfaria a paleta.
+ * Escolher um item não reescreve o campo.
+ *
+ * - **Filtro:** por padrão, casa o texto do item (`itemToStringValue`, o `label` ou o próprio item,
+ *   se for texto) e as `keywords` dele, quando o item as tem (`readonly string[]`), sem diferenciar
+ *   acento nem caixa. Passe `filter` para outra regra ou `filter={null}` para não filtrar (busca no
+ *   servidor: o resultado vem em `items`). A mesma regra sai em `Command.useFilter`, para montar a
+ *   lista por fora (`filteredItems`), e o total filtrado em `Command.useFilteredItems`.
+ * - **Busca:** `value`, `defaultValue` e `onValueChange` são o texto digitado. O `Command.ItemText`
+ *   lê esse texto para destacar o trecho que casou.
+ * - **Foco:** o Command não rouba o foco. Dentro de um `Dialog`, aponte o `initialFocus` dele para
+ *   o `Command.Input` (por ref); solto na página, use o `autoFocus` do `Command.Input`.
+ *
+ * @example
+ * ```tsx
+ * <Command.Root items={pages}>
+ *   <Command.Input
+ *     aria-label="Buscar"
+ *     placeholder="Buscar páginas"
+ *   />
+ *   <Command.Empty>Nenhum resultado</Command.Empty>
+ *   <Command.List>
+ *     {(page: Page) => (
+ *       <Command.Item
+ *         key={page.label}
+ *         value={page}
+ *         onClick={() => navigate(page.path)}
+ *       >
+ *         <Command.ItemText>{page.label}</Command.ItemText>
+ *       </Command.Item>
+ *     )}
+ *   </Command.List>
+ * </Command.Root>
+ * ```
+ */
+/**
+ * Duas assinaturas, como as do `Autocomplete.Root`: com `items` agrupados (`{ value, items }`), o
+ * tipo do item vem de dentro dos grupos; com `items` planos, do próprio array. Por isso é uma
+ * `function`, e não uma arrow: só a função aceita sobrecarga.
+ */
+export declare function CommandRoot<Items extends readonly {
+  items: readonly unknown[];
+}[]>(props: MergeOverride<Omit<CommandRootProps<Items[number]['items'][number]>, 'items'>, {
+  items: Items;
+}>): React.JSX.Element;
+export declare function CommandRoot<ItemValue>(props: MergeOverride<Omit<CommandRootProps<ItemValue>, 'items'>, {
+  items?: readonly ItemValue[];
+}>): React.JSX.Element;
+export declare namespace CommandRoot {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=command-root.d.ts.map

package/dist/components/collections/command/command-root.js

@@ -0,0 +1,50 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { CommandContextProvider } from "./use-command-context.js";
+import { useCommandFilter } from "./use-command-filter.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/command-root.tsx
+function CommandRoot(props) {
+	const { className, children, value, defaultValue, onValueChange, filter, ...rest } = props;
+	const defaultFilter = useCommandFilter();
+	/**
+	* O Base UI guarda o texto da busca, mas não o devolve às partes. O Root o espelha aqui, no
+	* `onValueChange`, para o `Command.ItemText` destacar: sem isso, o destaque não acompanha a
+	* digitação. Controlado, o `value` vence o estado local.
+	*/
+	const [typedQuery, setTypedQuery] = useState(defaultValue ?? "");
+	const query = value ?? typedQuery;
+	const handleValueChange = (nextValue, eventDetails) => {
+		setTypedQuery(nextValue);
+		onValueChange?.(nextValue, eventDetails);
+	};
+	return /* @__PURE__ */ jsx(CommandContextProvider, {
+		value: { query },
+		children: /* @__PURE__ */ jsx("div", {
+			"data-component": "Command.Root",
+			className: mergeTwClassNames([
+				"flex",
+				"min-h-0",
+				"flex-col"
+			], className),
+			children: /* @__PURE__ */ jsx(Autocomplete.Root, {
+				filter: filter === void 0 ? defaultFilter : filter,
+				value,
+				defaultValue,
+				onValueChange: handleValueChange,
+				...rest,
+				inline: true,
+				open: true,
+				autoHighlight: "always",
+				keepHighlight: true,
+				children
+			})
+		})
+	});
+}
+CommandRoot.displayName = "Command.Root";
+//#endregion
+export { CommandRoot };
+
+//# sourceMappingURL=command-root.js.map

package/dist/components/collections/command/command-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-root.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/command/command-root.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport type { MergeOverride } from '@lucasbernardosn/ts-utils';\nimport type React from 'react';\nimport { useState } from 'react';\nimport { mergeTwClassNames } from '#utils';\nimport { CommandContextProvider } from './use-command-context';\nimport { useCommandFilter } from './use-command-filter';\n\n/**\n * Props que o Command fixa: a lista está sempre aberta e inline, o primeiro item sempre ativo e\n * o filtro sempre pela lista. Não saem para quem usa, porque outro valor desfaz o comportamento\n * do Command.\n */\ntype CommandRootFixedProps =\n  | 'inline'\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'autoHighlight'\n  | 'keepHighlight'\n  | 'mode'\n  | 'openOnInputClick'\n  | 'value'\n  | 'defaultValue'\n  | 'children';\n\nexport type CommandRootProps<ItemValue> = MergeOverride<\n  Omit<BaseAutocomplete.Root.Props<ItemValue>, CommandRootFixedProps>,\n  {\n    /**\n     * Texto da busca, quando controlado.\n     */\n    value?: string;\n    /**\n     * Texto inicial da busca, quando não controlado.\n     *\n     * @default ''\n     */\n    defaultValue?: string;\n    /**\n     * Classes do `div` raiz.\n     */\n    className?: string;\n    children?: React.ReactNode;\n  }\n>;\n\nexport type CommandRootState = BaseAutocomplete.Root.State;\n\nexport type CommandRootChangeEventDetails =\n  BaseAutocomplete.Root.ChangeEventDetails;\n\n/**\n * Paleta de comandos: um campo de busca e uma lista de ações filtrada pelo que se digita, sobre o\n * `Autocomplete` do Base UI em modo `inline`. Renderiza um `div` sem caixa (sem borda nem fundo):\n * a moldura vem de quem envolve, como um `Dialog`, um `Popover` ou um `Card`.\n *\n * A lista fica sempre aberta e o primeiro item sempre ativo (`autoHighlight=\"always\"`), então o\n * `Enter` dispara o `onClick` do item ativo; `Ctrl+Enter` e `Cmd+Enter` também, pelo `Command.Input`,\n * com o `ctrlKey` ou o `metaKey` no evento, para o item abrir em outra aba. O item ativo só muda pelas setas, pelo hover de outro\n * item ou pela busca: o ponteiro fora dos itens o mantém (`keepHighlight`). Por isso `open`,\n * `inline`, `autoHighlight` e `keepHighlight` não são props: outro valor desfaria a paleta.\n * Escolher um item não reescreve o campo.\n *\n * - **Filtro:** por padrão, casa o texto do item (`itemToStringValue`, o `label` ou o próprio item,\n *   se for texto) e as `keywords` dele, quando o item as tem (`readonly string[]`), sem diferenciar\n *   acento nem caixa. Passe `filter` para outra regra ou `filter={null}` para não filtrar (busca no\n *   servidor: o resultado vem em `items`). A mesma regra sai em `Command.useFilter`, para montar a\n *   lista por fora (`filteredItems`), e o total filtrado em `Command.useFilteredItems`.\n * - **Busca:** `value`, `defaultValue` e `onValueChange` são o texto digitado. O `Command.ItemText`\n *   lê esse texto para destacar o trecho que casou.\n * - **Foco:** o Command não rouba o foco. Dentro de um `Dialog`, aponte o `initialFocus` dele para\n *   o `Command.Input` (por ref); solto na página, use o `autoFocus` do `Command.Input`.\n *\n * @example\n * ```tsx\n * <Command.Root items={pages}>\n *   <Command.Input\n *     aria-label=\"Buscar\"\n *     placeholder=\"Buscar páginas\"\n *   />\n *   <Command.Empty>Nenhum resultado</Command.Empty>\n *   <Command.List>\n *     {(page: Page) => (\n *       <Command.Item\n *         key={page.label}\n *         value={page}\n *         onClick={() => navigate(page.path)}\n *       >\n *         <Command.ItemText>{page.label}</Command.ItemText>\n *       </Command.Item>\n *     )}\n *   </Command.List>\n * </Command.Root>\n * ```\n */\n/**\n * Duas assinaturas, como as do `Autocomplete.Root`: com `items` agrupados (`{ value, items }`), o\n * tipo do item vem de dentro dos grupos; com `items` planos, do próprio array. Por isso é uma\n * `function`, e não uma arrow: só a função aceita sobrecarga.\n */\nexport function CommandRoot<\n  Items extends readonly { items: readonly unknown[] }[],\n>(\n  props: MergeOverride<\n    Omit<CommandRootProps<Items[number]['items'][number]>, 'items'>,\n    { items: Items }\n  >,\n): React.JSX.Element;\nexport function CommandRoot<ItemValue>(\n  props: MergeOverride<\n    Omit<CommandRootProps<ItemValue>, 'items'>,\n    { items?: readonly ItemValue[] }\n  >,\n): React.JSX.Element;\nexport function CommandRoot(props: CommandRootProps<unknown>) {\n  const {\n    className,\n    children,\n    value,\n    defaultValue,\n    onValueChange,\n    filter,\n    ...rest\n  } = props;\n\n  const defaultFilter = useCommandFilter();\n\n  /**\n   * O Base UI guarda o texto da busca, mas não o devolve às partes. O Root o espelha aqui, no\n   * `onValueChange`, para o `Command.ItemText` destacar: sem isso, o destaque não acompanha a\n   * digitação. Controlado, o `value` vence o estado local.\n   */\n  const [typedQuery, setTypedQuery] = useState(defaultValue ?? '');\n\n  const query = value ?? typedQuery;\n\n  const handleValueChange: BaseAutocomplete.Root.Props<unknown>['onValueChange'] =\n    (nextValue, eventDetails) => {\n      setTypedQuery(nextValue);\n      onValueChange?.(nextValue, eventDetails);\n    };\n\n  return (\n    <CommandContextProvider value={{ query }}>\n      <div\n        data-component=\"Command.Root\"\n        className={mergeTwClassNames(\n          ['flex', 'min-h-0', 'flex-col'],\n          className,\n        )}\n      >\n        <BaseAutocomplete.Root\n          filter={filter === undefined ? defaultFilter : filter}\n          value={value}\n          defaultValue={defaultValue}\n          onValueChange={handleValueChange}\n          {...rest}\n          inline={true}\n          open={true}\n          autoHighlight=\"always\"\n          // Sem ele, o ponteiro fora dos itens (no rótulo de um grupo) tira o destaque, e o\n          // `autoHighlight` o devolve ao primeiro item.\n          keepHighlight={true}\n        >\n          {children}\n        </BaseAutocomplete.Root>\n      </div>\n    </CommandContextProvider>\n  );\n}\n\nCommandRoot.displayName = 'Command.Root';\n"],"mappings":";;;;;;;AAmHA,SAAgB,YAAY,OAAkC;CAC5D,MAAM,EACJ,WACA,UACA,OACA,cACA,eACA,QACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,iBAAiB;;;;;;CAOvC,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB,EAAE;CAE/D,MAAM,QAAQ,SAAS;CAEvB,MAAM,qBACH,WAAW,iBAAiB;EAC3B,cAAc,SAAS;EACvB,gBAAgB,WAAW,YAAY;CACzC;CAEF,OACE,oBAAC,wBAAD;EAAwB,OAAO,EAAE,MAAM;EACrC,UAAA,oBAAC,OAAD;GACE,kBAAe;GACf,WAAW,kBACT;IAAC;IAAQ;IAAW;GAAU,GAC9B,SACF;GAEA,UAAA,oBAACA,aAAiB,MAAlB;IACE,QAAQ,WAAW,KAAA,IAAY,gBAAgB;IACxC;IACO;IACd,eAAe;IACf,GAAI;IACJ,QAAQ;IACR,MAAM;IACN,eAAc;IAGd,eAAe;IAEd;GACoB,CAAA;EACpB,CAAA;CACiB,CAAA;AAE5B;AAEA,YAAY,cAAc"}

package/dist/components/collections/command/command-separator.d.ts

@@ -0,0 +1,15 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/command-separator.d.ts
+export type CommandSeparatorProps = Autocomplete.Separator.Props;
+export type CommandSeparatorState = Autocomplete.Separator.State;
+/**
+ * Linha entre itens ou grupos.
+ *
+ * Cópia de `SelectSeparator`, a origem do separador das listas em popup, sem diferenças.
+ */
+export declare const CommandSeparator: {
+  (props: CommandSeparatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=command-separator.d.ts.map

package/dist/components/collections/command/command-separator.js

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/command-separator.tsx
+/**
+* Linha entre itens ou grupos.
+*
+* Cópia de `SelectSeparator`, a origem do separador das listas em popup, sem diferenças.
+*/
+const CommandSeparator = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Separator, {
+		"data-component": "Command.Separator",
+		className: mergeStateClassNames([
+			"h-px",
+			"my-1",
+			"mx-2",
+			"bg-gray-6"
+		], className),
+		...rest
+	});
+};
+CommandSeparator.displayName = "Command.Separator";
+//#endregion
+export { CommandSeparator };
+
+//# sourceMappingURL=command-separator.js.map

package/dist/components/collections/command/command-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-separator.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/command/command-separator.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\n\nexport type CommandSeparatorProps = BaseAutocomplete.Separator.Props;\n\nexport type CommandSeparatorState = BaseAutocomplete.Separator.State;\n\n/**\n * Linha entre itens ou grupos.\n *\n * Cópia de `SelectSeparator`, a origem do separador das listas em popup, sem diferenças.\n */\nexport const CommandSeparator = (props: CommandSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Separator\n      data-component=\"Command.Separator\"\n      className={mergeStateClassNames(\n        [\n          'h-px',\n\n          'my-1',\n          'mx-2',\n\n          'bg-gray-6',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nCommandSeparator.displayName = 'Command.Separator';\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,WAAlB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/collections/command/index.d.ts

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

package/dist/components/collections/command/index.js

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

package/dist/components/collections/command/index.parts.d.ts

@@ -0,0 +1,19 @@
+import { CommandCollection, CommandCollectionProps, CommandCollectionState } from "./command-collection.js";
+import { CommandEmpty, CommandEmptyProps, CommandEmptyState } from "./command-empty.js";
+import { CommandFooter, CommandFooterProps } from "./command-footer.js";
+import { CommandGroupLabel, CommandGroupLabelProps, CommandGroupLabelState } from "./command-group-label.js";
+import { CommandGroup, CommandGroupProps, CommandGroupState } from "./command-group.js";
+import { CommandInput, CommandInputProps, CommandInputState } from "./command-input.js";
+import { CommandItemText, CommandItemTextProps } from "./command-item-text.js";
+import { CommandItem, CommandItemProps, CommandItemState } from "./command-item.js";
+import { CommandList, CommandListProps, CommandListState } from "./command-list.js";
+import { CommandLoading, CommandLoadingProps, CommandLoadingState } from "./command-loading.js";
+import { CommandRoot, CommandRootChangeEventDetails, CommandRootProps, CommandRootState } from "./command-root.js";
+import { CommandSeparator, CommandSeparatorProps, CommandSeparatorState } from "./command-separator.js";
+import { CommandFilter, useCommandFilter, useCommandFilteredItems } from "./use-command-filter.js";
+declare namespace index_parts_d_exports {
+  export { CommandCollection as Collection, CommandCollectionProps as CollectionProps, CommandCollectionState as CollectionState, CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandEmptyState as EmptyState, CommandFilter as Filter, CommandFooter as Footer, CommandFooterProps as FooterProps, CommandGroup as Group, CommandGroupLabel as GroupLabel, CommandGroupLabelProps as GroupLabelProps, CommandGroupLabelState as GroupLabelState, CommandGroupProps as GroupProps, CommandGroupState as GroupState, CommandInput as Input, CommandInputProps as InputProps, CommandInputState as InputState, CommandItem as Item, CommandItemProps as ItemProps, CommandItemState as ItemState, CommandItemText as ItemText, CommandItemTextProps as ItemTextProps, CommandList as List, CommandListProps as ListProps, CommandListState as ListState, CommandLoading as Loading, CommandLoadingProps as LoadingProps, CommandLoadingState as LoadingState, CommandRoot as Root, CommandRootChangeEventDetails as RootChangeEventDetails, CommandRootProps as RootProps, CommandRootState as RootState, CommandSeparator as Separator, CommandSeparatorProps as SeparatorProps, CommandSeparatorState as SeparatorState, useCommandFilter as useFilter, useCommandFilteredItems as useFilteredItems };
+}
+//#endregion
+export { CommandCollection as Collection, type CommandCollectionProps as CollectionProps, type CommandCollectionState as CollectionState, CommandEmpty as Empty, type CommandEmptyProps as EmptyProps, type CommandEmptyState as EmptyState, type CommandFilter as Filter, CommandFooter as Footer, type CommandFooterProps as FooterProps, CommandGroup as Group, CommandGroupLabel as GroupLabel, type CommandGroupLabelProps as GroupLabelProps, type CommandGroupLabelState as GroupLabelState, type CommandGroupProps as GroupProps, type CommandGroupState as GroupState, CommandInput as Input, type CommandInputProps as InputProps, type CommandInputState as InputState, CommandItem as Item, type CommandItemProps as ItemProps, type CommandItemState as ItemState, CommandItemText as ItemText, type CommandItemTextProps as ItemTextProps, CommandList as List, type CommandListProps as ListProps, type CommandListState as ListState, CommandLoading as Loading, type CommandLoadingProps as LoadingProps, type CommandLoadingState as LoadingState, CommandRoot as Root, type CommandRootChangeEventDetails as RootChangeEventDetails, type CommandRootProps as RootProps, type CommandRootState as RootState, CommandSeparator as Separator, type CommandSeparatorProps as SeparatorProps, type CommandSeparatorState as SeparatorState, index_parts_d_exports, useCommandFilter as useFilter, useCommandFilteredItems as useFilteredItems };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/collections/command/index.parts.js

@@ -0,0 +1,35 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { CommandCollection } from "./command-collection.js";
+import { CommandEmpty } from "./command-empty.js";
+import { CommandFooter } from "./command-footer.js";
+import { CommandGroupLabel } from "./command-group-label.js";
+import { CommandGroup } from "./command-group.js";
+import { CommandInput } from "./command-input.js";
+import { CommandItemText } from "./command-item-text.js";
+import { CommandItem } from "./command-item.js";
+import { CommandList } from "./command-list.js";
+import { CommandLoading } from "./command-loading.js";
+import { useCommandFilter, useCommandFilteredItems } from "./use-command-filter.js";
+import { CommandRoot } from "./command-root.js";
+import { CommandSeparator } from "./command-separator.js";
+//#region src/components/collections/command/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Collection: () => CommandCollection,
+	Empty: () => CommandEmpty,
+	Footer: () => CommandFooter,
+	Group: () => CommandGroup,
+	GroupLabel: () => CommandGroupLabel,
+	Input: () => CommandInput,
+	Item: () => CommandItem,
+	ItemText: () => CommandItemText,
+	List: () => CommandList,
+	Loading: () => CommandLoading,
+	Root: () => CommandRoot,
+	Separator: () => CommandSeparator,
+	useFilter: () => useCommandFilter,
+	useFilteredItems: () => useCommandFilteredItems
+});
+//#endregion
+export { CommandCollection as Collection, CommandEmpty as Empty, CommandFooter as Footer, CommandGroup as Group, CommandGroupLabel as GroupLabel, CommandInput as Input, CommandItem as Item, CommandItemText as ItemText, CommandList as List, CommandLoading as Loading, CommandRoot as Root, CommandSeparator as Separator, index_parts_exports, useCommandFilter as useFilter, useCommandFilteredItems as useFilteredItems };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/collections/command/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/collections/command/index.parts.ts"],"sourcesContent":["export { CommandCollection as Collection } from './command-collection';\nexport { CommandEmpty as Empty } from './command-empty';\nexport { CommandFooter as Footer } from './command-footer';\nexport { CommandGroup as Group } from './command-group';\nexport { CommandGroupLabel as GroupLabel } from './command-group-label';\nexport { CommandInput as Input } from './command-input';\nexport { CommandItem as Item } from './command-item';\nexport { CommandItemText as ItemText } from './command-item-text';\nexport { CommandList as List } from './command-list';\nexport { CommandLoading as Loading } from './command-loading';\nexport { CommandRoot as Root } from './command-root';\nexport { CommandSeparator as Separator } from './command-separator';\nexport {\n  useCommandFilter as useFilter,\n  useCommandFilteredItems as useFilteredItems,\n} from './use-command-filter';\n\n/* types */\n\nexport type {\n  CommandCollectionProps as CollectionProps,\n  CommandCollectionState as CollectionState,\n} from './command-collection';\nexport type {\n  CommandEmptyProps as EmptyProps,\n  CommandEmptyState as EmptyState,\n} from './command-empty';\nexport type { CommandFooterProps as FooterProps } from './command-footer';\nexport type {\n  CommandGroupProps as GroupProps,\n  CommandGroupState as GroupState,\n} from './command-group';\nexport type {\n  CommandGroupLabelProps as GroupLabelProps,\n  CommandGroupLabelState as GroupLabelState,\n} from './command-group-label';\nexport type {\n  CommandInputProps as InputProps,\n  CommandInputState as InputState,\n} from './command-input';\nexport type {\n  CommandItemProps as ItemProps,\n  CommandItemState as ItemState,\n} from './command-item';\nexport type { CommandItemTextProps as ItemTextProps } from './command-item-text';\nexport type {\n  CommandListProps as ListProps,\n  CommandListState as ListState,\n} from './command-list';\nexport type {\n  CommandLoadingProps as LoadingProps,\n  CommandLoadingState as LoadingState,\n} from './command-loading';\nexport type {\n  CommandRootChangeEventDetails as RootChangeEventDetails,\n  CommandRootProps as RootProps,\n  CommandRootState as RootState,\n} from './command-root';\nexport type {\n  CommandSeparatorProps as SeparatorProps,\n  CommandSeparatorState as SeparatorState,\n} from './command-separator';\nexport type { CommandFilter as Filter } from './use-command-filter';\n"],"mappings":""}

package/dist/components/collections/command/use-command-context.d.ts

@@ -0,0 +1,10 @@
+//#region src/components/collections/command/use-command-context.d.ts
+/**
+ * Valor do contexto do Command: o texto da busca, para o `Command.ItemText` saber o que destacar.
+ */
+export type CommandContextValue = {
+  query: string;
+};
+export declare const CommandContextProvider: import("react").Provider<CommandContextValue>, useCommandContext: () => CommandContextValue;
+//#endregion
+//# sourceMappingURL=use-command-context.d.ts.map

package/dist/components/collections/command/use-command-context.js

@@ -0,0 +1,10 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/collections/command/use-command-context.ts
+const [CommandContextProvider, useCommandContext] = createContext({
+	name: "CommandContext",
+	providers: ["Command.Root"]
+});
+//#endregion
+export { CommandContextProvider, useCommandContext };
+
+//# sourceMappingURL=use-command-context.js.map

package/dist/components/collections/command/use-command-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-command-context.js","names":[],"sources":["../../../../src/components/collections/command/use-command-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Valor do contexto do Command: o texto da busca, para o `Command.ItemText` saber o que destacar.\n */\nexport type CommandContextValue = {\n  query: string;\n};\n\nexport const [CommandContextProvider, useCommandContext] =\n  createContext<CommandContextValue>({\n    name: 'CommandContext',\n    providers: ['Command.Root'],\n  });\n"],"mappings":";;AASA,MAAa,CAAC,wBAAwB,qBACpC,cAAmC;CACjC,MAAM;CACN,WAAW,CAAC,cAAc;AAC5B,CAAC"}

package/dist/components/collections/command/use-command-filter.d.ts

@@ -0,0 +1,27 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/use-command-filter.d.ts
+/**
+ * Regra de filtro de um item: recebe o item, o texto da busca e, opcionalmente, como converter o
+ * item em texto.
+ */
+export type CommandFilter = <Item>(item: Item, query: string, itemToString?: (item: Item) => string) => boolean;
+/**
+ * A regra do filtro padrão do `Command.Root`: casa o texto do item (`itemToString`, o `label` ou
+ * o próprio item, se for texto) e as `keywords` dele, sem diferenciar acento nem caixa. Serve a
+ * quem monta a lista filtrada por fora (`filteredItems`), como um limite de itens por grupo: com
+ * outra regra, a lista cortada não bate com a que o `Command` mostraria.
+ *
+ * @example
+ * ```tsx
+ * const filter = Command.useFilter();
+ * const reports = allReports.filter((report) => filter(report, query)).slice(0, 5);
+ * ```
+ */
+export declare const useCommandFilter: () => CommandFilter;
+/**
+ * A lista já filtrada, lida de dentro do `Command.Root`: o total de resultados, por exemplo, é o
+ * tamanho dela. Trate o resultado como somente leitura.
+ */
+export declare const useCommandFilteredItems: typeof Autocomplete.useFilteredItems;
+//#endregion
+//# sourceMappingURL=use-command-filter.d.ts.map

package/dist/components/collections/command/use-command-filter.js

@@ -0,0 +1,32 @@
+import { useCallback } from "react";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/command/use-command-filter.ts
+const hasKeywords = (item) => typeof item === "object" && item !== null && "keywords" in item && Array.isArray(item.keywords);
+/**
+* A regra do filtro padrão do `Command.Root`: casa o texto do item (`itemToString`, o `label` ou
+* o próprio item, se for texto) e as `keywords` dele, sem diferenciar acento nem caixa. Serve a
+* quem monta a lista filtrada por fora (`filteredItems`), como um limite de itens por grupo: com
+* outra regra, a lista cortada não bate com a que o `Command` mostraria.
+*
+* @example
+* ```tsx
+* const filter = Command.useFilter();
+* const reports = allReports.filter((report) => filter(report, query)).slice(0, 5);
+* ```
+*/
+const useCommandFilter = () => {
+	const { contains } = Autocomplete.useFilter();
+	return useCallback((item, query, itemToString) => {
+		if (contains(item, query, itemToString)) return true;
+		return hasKeywords(item) && item.keywords.some((keyword) => typeof keyword === "string" && contains(keyword, query));
+	}, [contains]);
+};
+/**
+* A lista já filtrada, lida de dentro do `Command.Root`: o total de resultados, por exemplo, é o
+* tamanho dela. Trate o resultado como somente leitura.
+*/
+const useCommandFilteredItems = Autocomplete.useFilteredItems;
+//#endregion
+export { useCommandFilter, useCommandFilteredItems };
+
+//# sourceMappingURL=use-command-filter.js.map

package/dist/components/collections/command/use-command-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-command-filter.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/command/use-command-filter.ts"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { useCallback } from 'react';\n\n/**\n * Regra de filtro de um item: recebe o item, o texto da busca e, opcionalmente, como converter o\n * item em texto.\n */\nexport type CommandFilter = <Item>(\n  item: Item,\n  query: string,\n  itemToString?: (item: Item) => string,\n) => boolean;\n\n/**\n * Item com palavras-chave extras para a busca: o filtro padrão casa também cada uma delas.\n */\ntype ItemWithKeywords = { keywords: readonly unknown[] };\n\nconst hasKeywords = (item: unknown): item is ItemWithKeywords =>\n  typeof item === 'object' &&\n  item !== null &&\n  'keywords' in item &&\n  Array.isArray(item.keywords);\n\n/**\n * A regra do filtro padrão do `Command.Root`: casa o texto do item (`itemToString`, o `label` ou\n * o próprio item, se for texto) e as `keywords` dele, sem diferenciar acento nem caixa. Serve a\n * quem monta a lista filtrada por fora (`filteredItems`), como um limite de itens por grupo: com\n * outra regra, a lista cortada não bate com a que o `Command` mostraria.\n *\n * @example\n * ```tsx\n * const filter = Command.useFilter();\n * const reports = allReports.filter((report) => filter(report, query)).slice(0, 5);\n * ```\n */\nexport const useCommandFilter = (): CommandFilter => {\n  const { contains } = BaseAutocomplete.useFilter();\n\n  return useCallback<CommandFilter>(\n    (item, query, itemToString) => {\n      if (contains(item, query, itemToString)) {\n        return true;\n      }\n\n      return (\n        hasKeywords(item) &&\n        item.keywords.some(\n          (keyword) => typeof keyword === 'string' && contains(keyword, query),\n        )\n      );\n    },\n    [contains],\n  );\n};\n\n/**\n * A lista já filtrada, lida de dentro do `Command.Root`: o total de resultados, por exemplo, é o\n * tamanho dela. Trate o resultado como somente leitura.\n */\nexport const useCommandFilteredItems = BaseAutocomplete.useFilteredItems;\n"],"mappings":";;;AAkBA,MAAM,eAAe,SACnB,OAAO,SAAS,YAChB,SAAS,QACT,cAAc,QACd,MAAM,QAAQ,KAAK,QAAQ;;;;;;;;;;;;;AAc7B,MAAa,yBAAwC;CACnD,MAAM,EAAE,aAAaA,aAAiB,UAAU;CAEhD,OAAO,aACJ,MAAM,OAAO,iBAAiB;EAC7B,IAAI,SAAS,MAAM,OAAO,YAAY,GACpC,OAAO;EAGT,OACE,YAAY,IAAI,KAChB,KAAK,SAAS,MACX,YAAY,OAAO,YAAY,YAAY,SAAS,SAAS,KAAK,CACrE;CAEJ,GACA,CAAC,QAAQ,CACX;AACF;;;;;AAMA,MAAa,0BAA0BA,aAAiB"}

package/dist/components/collections/select/select-backdrop.d.ts

@@ -5,8 +5,7 @@ export type SelectBackdropState = Select.Backdrop.State;
 /**
  * Camada atrás do popup que cobre e escurece a página.
  *
- * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
- * de `overlays`).
+ * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças.
  */
 export declare const SelectBackdrop: {
   (props: SelectBackdropProps): import("react").JSX.Element;

package/dist/components/collections/select/select-backdrop.js

@@ -5,8 +5,7 @@ import { Select } from "@base-ui/react/select";
 /**
 * Camada atrás do popup que cobre e escurece a página.
 *
-* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
-* de `overlays`).
+* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças.
 */
 const SelectBackdrop = (props) => {
 	const { className, ...rest } = props;

package/dist/components/collections/select/select-backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-backdrop.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-backdrop.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectBackdropProps = BaseSelect.Backdrop.Props;\n\nexport type SelectBackdropState = BaseSelect.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README\n * de `overlays`).\n */\nexport const SelectBackdrop = (props: SelectBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Backdrop\n      data-component=\"Select.Backdrop\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n          'min-h-dvh',\n          'supports-[-webkit-touch-callout:none]:absolute',\n\n          'bg-black/40',\n\n          'not-motion-reduced:transition-opacity',\n          'not-motion-reduced:ease-enter',\n          // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n          'not-motion-reduced:duration-150',\n          'not-motion-reduced:data-ending-style:duration-100',\n          'not-motion-reduced:data-ending-style:ease-exit',\n\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectBackdrop.displayName = 'Select.Backdrop';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"select-backdrop.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-backdrop.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectBackdropProps = BaseSelect.Backdrop.Props;\n\nexport type SelectBackdropState = BaseSelect.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças.\n */\nexport const SelectBackdrop = (props: SelectBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Backdrop\n      data-component=\"Select.Backdrop\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n          'min-h-dvh',\n          'supports-[-webkit-touch-callout:none]:absolute',\n\n          'bg-black/40',\n\n          'not-motion-reduced:transition-opacity',\n          'not-motion-reduced:ease-enter',\n          // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n          'not-motion-reduced:duration-150',\n          'not-motion-reduced:data-ending-style:duration-100',\n          'not-motion-reduced:data-ending-style:ease-exit',\n\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectBackdrop.displayName = 'Select.Backdrop';\n"],"mappings":";;;;;;;;;AAYA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/collections/select/select-group-label-variants.d.ts

@@ -1,7 +1,7 @@
 //#region src/components/collections/select/select-group-label-variants.d.ts
 /**
- * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` e o
- * `Autocomplete.GroupLabel` copiam estas classes (tabela no README de `collections`).
+ * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel`, o `Autocomplete.GroupLabel`
+ * e o rótulo de grupo do `AsyncSelect` copiam estas classes.
  *
  * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +
  * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede

package/dist/components/collections/select/select-group-label-variants.js

@@ -2,8 +2,8 @@ import { selectDefaultVariants } from "./use-select-context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/collections/select/select-group-label-variants.ts
 /**
-* Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` e o
-* `Autocomplete.GroupLabel` copiam estas classes (tabela no README de `collections`).
+* Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel`, o `Autocomplete.GroupLabel`
+* e o rótulo de grupo do `AsyncSelect` copiam estas classes.
 *
 * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +
 * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede

package/dist/components/collections/select/select-group-label-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group-label-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-group-label-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` e o\n * `Autocomplete.GroupLabel` copiam estas classes (tabela no README de `collections`).\n *\n * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +\n * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede\n * recalcular este valor.\n */\nexport const selectGroupLabelVariants = cva(\n  [\n    'sticky',\n    'top-0',\n    'z-1',\n\n    // Mesmo fundo do popup: fixo no topo, o rótulo cobre os itens que rolam por baixo.\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'pt-2',\n    'pb-1',\n\n    'text-gray-11',\n    'font-medium',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        xs: [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        sm: [\n          'ps-8',\n          'pe-2.5',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        md: [\n          'ps-8.5',\n          'pe-3',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        lg: [\n          'ps-11',\n          'pe-4',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        xl: [\n          'ps-11.5',\n          'pe-4.5',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        '2xl': [\n          'ps-12.5',\n          'pe-5',\n\n          'text-sm',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,2BAA2B,IACtC;CACE;CACA;CACA;CAGA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,OAAO;GACL;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}
+{"version":3,"file":"select-group-label-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-group-label-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel`, o `Autocomplete.GroupLabel`\n * e o rótulo de grupo do `AsyncSelect` copiam estas classes.\n *\n * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +\n * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede\n * recalcular este valor.\n */\nexport const selectGroupLabelVariants = cva(\n  [\n    'sticky',\n    'top-0',\n    'z-1',\n\n    // Mesmo fundo do popup: fixo no topo, o rótulo cobre os itens que rolam por baixo.\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'pt-2',\n    'pb-1',\n\n    'text-gray-11',\n    'font-medium',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        xs: [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        sm: [\n          'ps-8',\n          'pe-2.5',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        md: [\n          'ps-8.5',\n          'pe-3',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        lg: [\n          'ps-11',\n          'pe-4',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        xl: [\n          'ps-11.5',\n          'pe-4.5',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        '2xl': [\n          'ps-12.5',\n          'pe-5',\n\n          'text-sm',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,2BAA2B,IACtC;CACE;CACA;CACA;CAGA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,OAAO;GACL;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

package/dist/components/collections/select/select-item-variants.d.ts

@@ -1,7 +1,8 @@
 //#region src/components/collections/select/select-item-variants.d.ts
 /**
- * Origem do item das listas em popup: o `Menu.Item` e o `Autocomplete.Item` copiam estas classes
- * (tabela no README de `collections`). Uma mudança aqui vale para as cópias na mesma rodada.
+ * Origem do item das listas em popup: o `Menu.Item`, o `Autocomplete.Item`, o `Command.Item` e o
+ * item do `AsyncSelect` copiam estas classes. Uma mudança aqui vale para as cópias na mesma
+ * rodada.
  *
  * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em
  * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a

package/dist/components/collections/select/select-item-variants.js

@@ -2,8 +2,9 @@ import { selectDefaultVariants } from "./use-select-context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/collections/select/select-item-variants.ts
 /**
-* Origem do item das listas em popup: o `Menu.Item` e o `Autocomplete.Item` copiam estas classes
-* (tabela no README de `collections`). Uma mudança aqui vale para as cópias na mesma rodada.
+* Origem do item das listas em popup: o `Menu.Item`, o `Autocomplete.Item`, o `Command.Item` e o
+* item do `AsyncSelect` copiam estas classes. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 *
 * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em
 * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a

package/dist/components/collections/select/select-item-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-item-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do item das listas em popup: o `Menu.Item` e o `Autocomplete.Item` copiam estas classes\n * (tabela no README de `collections`). Uma mudança aqui vale para as cópias na mesma rodada.\n *\n * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em\n * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a\n * área de clique indo até a borda.\n */\nexport const selectItemVariants = cva(\n  [\n    'grid',\n    'items-start', // Texto que quebra a linha mantém o check na primeira\n\n    'relative',\n\n    'rounded',\n\n    'cursor-default',\n    'select-none',\n    'outline-none',\n\n    'data-disabled:pointer-events-none',\n    'data-disabled:opacity-50',\n\n    'data-highlighted:z-0',\n    'data-highlighted:before:absolute',\n    'data-highlighted:before:inset-x-1',\n    'data-highlighted:before:inset-y-0',\n    'data-highlighted:before:z-[-1]',\n    'data-highlighted:before:rounded',\n    'data-highlighted:before:content-[\"\"]',\n    // Só com hover: no toque o realce fica no último item tocado e, com `multiple` (popup aberto),\n    // parece mais selecionado que os outros.\n    '[@media(hover:hover)]:data-highlighted:before:bg-gray-4',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1',\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        xs: [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        sm: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-2.5',\n          'gap-2',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-sm',\n        ],\n        md: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-3',\n          'gap-2',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-sm',\n        ],\n        lg: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4',\n          'gap-3',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-base',\n        ],\n        xl: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4.5',\n          'gap-3',\n          'py-2.25',\n\n          'pointer-coarse:py-4',\n\n          'text-base',\n        ],\n        '2xl': [\n          'grid-cols-[1.125rem_1fr]',\n\n          'px-5',\n          'gap-3',\n          'py-4',\n          'pointer-coarse:py-4',\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,qBAAqB,IAChC;CACE;CACA;CAEA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}
+{"version":3,"file":"select-item-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-item-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do item das listas em popup: o `Menu.Item`, o `Autocomplete.Item`, o `Command.Item` e o\n * item do `AsyncSelect` copiam estas classes. Uma mudança aqui vale para as cópias na mesma\n * rodada.\n *\n * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em\n * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a\n * área de clique indo até a borda.\n */\nexport const selectItemVariants = cva(\n  [\n    'grid',\n    'items-start', // Texto que quebra a linha mantém o check na primeira\n\n    'relative',\n\n    'rounded',\n\n    'cursor-default',\n    'select-none',\n    'outline-none',\n\n    'data-disabled:pointer-events-none',\n    'data-disabled:opacity-50',\n\n    'data-highlighted:z-0',\n    'data-highlighted:before:absolute',\n    'data-highlighted:before:inset-x-1',\n    'data-highlighted:before:inset-y-0',\n    'data-highlighted:before:z-[-1]',\n    'data-highlighted:before:rounded',\n    'data-highlighted:before:content-[\"\"]',\n    // Só com hover: no toque o realce fica no último item tocado e, com `multiple` (popup aberto),\n    // parece mais selecionado que os outros.\n    '[@media(hover:hover)]:data-highlighted:before:bg-gray-4',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1',\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        xs: [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        sm: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-2.5',\n          'gap-2',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-sm',\n        ],\n        md: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-3',\n          'gap-2',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-sm',\n        ],\n        lg: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4',\n          'gap-3',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-base',\n        ],\n        xl: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4.5',\n          'gap-3',\n          'py-2.25',\n\n          'pointer-coarse:py-4',\n\n          'text-base',\n        ],\n        '2xl': [\n          'grid-cols-[1.125rem_1fr]',\n\n          'px-5',\n          'gap-3',\n          'py-4',\n          'pointer-coarse:py-4',\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,qBAAqB,IAChC;CACE;CACA;CAEA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

package/dist/components/collections/select/select-popup-variants.d.ts

@@ -1,7 +1,7 @@
 //#region src/components/collections/select/select-popup-variants.d.ts
 /**
  * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
- * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+ * cor do texto e animação estão explicados. As diferenças:
  * - largura a partir da do trigger (`--anchor-width`) e altura até `max-h-80`, sem animação de
  *   tamanho;
  * - o tamanho do texto vem dos itens, e não do popup;

package/dist/components/collections/select/select-popup-variants.js

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 //#region src/components/collections/select/select-popup-variants.ts
 /**
 * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
-* cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+* cor do texto e animação estão explicados. As diferenças:
 * - largura a partir da do trigger (`--anchor-width`) e altura até `max-h-80`, sem animação de
 *   tamanho;
 * - o tamanho do texto vem dos itens, e não do popup;

package/dist/components/collections/select/select-popup-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-popup-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,\n * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:\n * - largura a partir da do trigger (`--anchor-width`) e altura até `max-h-80`, sem animação de\n *   tamanho;\n * - o tamanho do texto vem dos itens, e não do popup;\n * - o modo sobreposto, abaixo.\n *\n * No modo sobreposto (`alignItemWithTrigger`, `data-side=\"none\"`) o popup abre sem animação e\n * cresce, por `size`, a diferença entre o recuo do texto do item (padding + coluna do check + gap)\n * e o padding do trigger. É o que põe o texto do item escolhido exatamente sobre o do valor; mudar\n * o espaçamento de um dos dois pede recalcular esta soma.\n *\n * A altura máxima fica no popup, e não na lista. No modo sobreposto, o Base UI lê esse\n * `max-height` em px e cresce o popup até ele enquanto se rola, com a lista em `max-height: 100%`.\n * Fora dele, o popup é flex em coluna, e a lista (`min-h-0`) encolhe até caber.\n */\nexport const selectPopupVariants = cva(\n  [\n    'group',\n\n    'flex',\n    'flex-col',\n\n    'max-h-80',\n    'min-w-(--anchor-width)', // Largura mínima igual ao elemento âncora, permite crescer para conteúdo maior\n    // Cresce com o conteúdo até 20rem (ou a largura do trigger, se maior) e aí quebra a linha;\n    // nunca passa da tela.\n    'max-w-[min(calc(100dvw-1rem),max(var(--anchor-width),--spacing(80)))]',\n\n    'rounded-md',\n    'corner-squircle',\n    'outline-1',\n    'outline-gray-6',\n\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'shadow-md',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-gray-12',\n\n    'not-motion-reduced:origin-(--transform-origin)',\n    'not-motion-reduced:transition-[scale,opacity]',\n    'not-motion-reduced:ease-enter',\n    'not-motion-reduced:duration-150',\n\n    'not-motion-reduced:data-starting-style:scale-95',\n    'not-motion-reduced:data-ending-style:scale-95',\n    'not-motion-reduced:data-ending-style:ease-exit',\n    'not-motion-reduced:data-ending-style:duration-100',\n    'data-starting-style:opacity-0',\n    'data-ending-style:opacity-0',\n\n    'data-[side=none]:transition-none',\n    'data-[side=none]:data-starting-style:scale-100',\n    'data-[side=none]:data-starting-style:opacity-100',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': ['data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]'],\n        xs: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]'],\n        sm: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]'],\n        md: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]'],\n        lg: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]'],\n        xl: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]'],\n        '2xl': ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.875rem)]'],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,sBAAsB,IACjC;CACE;CAEA;CACA;CAEA;CACA;CAGA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,yDAAyD;EACjE,IAAI,CAAC,yDAAyD;EAC9D,IAAI,CAAC,6DAA6D;EAClE,IAAI,CAAC,6DAA6D;EAClE,IAAI,CAAC,4DAA4D;EACjE,IAAI,CAAC,4DAA4D;EACjE,OAAO,CAAC,6DAA6D;CACvE,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}
+{"version":3,"file":"select-popup-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,\n * cor do texto e animação estão explicados. As diferenças:\n * - largura a partir da do trigger (`--anchor-width`) e altura até `max-h-80`, sem animação de\n *   tamanho;\n * - o tamanho do texto vem dos itens, e não do popup;\n * - o modo sobreposto, abaixo.\n *\n * No modo sobreposto (`alignItemWithTrigger`, `data-side=\"none\"`) o popup abre sem animação e\n * cresce, por `size`, a diferença entre o recuo do texto do item (padding + coluna do check + gap)\n * e o padding do trigger. É o que põe o texto do item escolhido exatamente sobre o do valor; mudar\n * o espaçamento de um dos dois pede recalcular esta soma.\n *\n * A altura máxima fica no popup, e não na lista. No modo sobreposto, o Base UI lê esse\n * `max-height` em px e cresce o popup até ele enquanto se rola, com a lista em `max-height: 100%`.\n * Fora dele, o popup é flex em coluna, e a lista (`min-h-0`) encolhe até caber.\n */\nexport const selectPopupVariants = cva(\n  [\n    'group',\n\n    'flex',\n    'flex-col',\n\n    'max-h-80',\n    'min-w-(--anchor-width)', // Largura mínima igual ao elemento âncora, permite crescer para conteúdo maior\n    // Cresce com o conteúdo até 20rem (ou a largura do trigger, se maior) e aí quebra a linha;\n    // nunca passa da tela.\n    'max-w-[min(calc(100dvw-1rem),max(var(--anchor-width),--spacing(80)))]',\n\n    'rounded-md',\n    'corner-squircle',\n    'outline-1',\n    'outline-gray-6',\n\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'shadow-md',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-gray-12',\n\n    'not-motion-reduced:origin-(--transform-origin)',\n    'not-motion-reduced:transition-[scale,opacity]',\n    'not-motion-reduced:ease-enter',\n    'not-motion-reduced:duration-150',\n\n    'not-motion-reduced:data-starting-style:scale-95',\n    'not-motion-reduced:data-ending-style:scale-95',\n    'not-motion-reduced:data-ending-style:ease-exit',\n    'not-motion-reduced:data-ending-style:duration-100',\n    'data-starting-style:opacity-0',\n    'data-ending-style:opacity-0',\n\n    'data-[side=none]:transition-none',\n    'data-[side=none]:data-starting-style:scale-100',\n    'data-[side=none]:data-starting-style:opacity-100',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': ['data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]'],\n        xs: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]'],\n        sm: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]'],\n        md: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]'],\n        lg: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]'],\n        xl: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]'],\n        '2xl': ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.875rem)]'],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,sBAAsB,IACjC;CACE;CAEA;CACA;CAEA;CACA;CAGA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,yDAAyD;EACjE,IAAI,CAAC,yDAAyD;EAC9D,IAAI,CAAC,6DAA6D;EAClE,IAAI,CAAC,6DAA6D;EAClE,IAAI,CAAC,4DAA4D;EACjE,IAAI,CAAC,4DAA4D;EACjE,OAAO,CAAC,6DAA6D;CACvE,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}