@accreditation/ui 1.0.0

package/dist/components/molecules/command/components/command.mjs

@@ -0,0 +1,285 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Command as Command$1 } from 'cmdk';
+import { cn } from '../../../../lib/utils';
+import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from '../../dialog';
+import { Spinner } from '../../../atoms/spinner';
+import { commandRootClasses, commandKbdClasses, commandShortcutClasses, commandFooterClasses, commandSeparatorClasses, commandSizeConfig, commandItemLeadingClasses, commandItemTrailingClasses, commandItemBaseClasses, commandGroupBaseClasses, commandLoadingClasses, commandEmptyBaseClasses, commandListBaseClasses, commandInputBaseClasses, commandInputWrapperBaseClasses } from '../variants';
+
+const CommandContext = React.createContext({ size: "md" });
+function useCommandContext() {
+  return React.useContext(CommandContext);
+}
+function SearchIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className: cn("shrink-0 opacity-50", className),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("title", { children: "Buscar" }),
+        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  );
+}
+function CommandRoot({
+  size = "md",
+  className,
+  ...props
+}) {
+  const ctx = React.useMemo(() => ({ size }), [size]);
+  return /* @__PURE__ */ jsx(CommandContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-slot": "command",
+      className: cn(commandRootClasses, className),
+      ...props
+    }
+  ) });
+}
+CommandRoot.displayName = "Command";
+function CommandDialog({
+  title = "Paleta de comandos",
+  description = "Busque e execute a\xE7\xF5es no sistema.",
+  size = "lg",
+  children,
+  className,
+  open,
+  onOpenChange,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn("overflow-hidden p-0", className),
+        hideCloseButton: true,
+        children: /* @__PURE__ */ jsx(CommandRoot, { size, className: "flex flex-col overflow-hidden", children })
+      }
+    )
+  ] });
+}
+CommandDialog.displayName = "Command.Dialog";
+function CommandInput({
+  className,
+  ...props
+}) {
+  const { size } = useCommandContext();
+  const cfg = commandSizeConfig[size];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: cn(commandInputWrapperBaseClasses, cfg.inputWrapperH),
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: cfg.inputIconSize }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              commandInputBaseClasses,
+              cfg.inputH,
+              cfg.inputText,
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+CommandInput.displayName = "Command.Input";
+function CommandList({
+  className,
+  ...props
+}) {
+  const { size } = useCommandContext();
+  const cfg = commandSizeConfig[size];
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      "data-slot": "command-list",
+      className: cn(commandListBaseClasses, cfg.listMaxH, className),
+      ...props
+    }
+  );
+}
+CommandList.displayName = "Command.List";
+function CommandEmpty({
+  className,
+  children,
+  ...props
+}) {
+  const { size } = useCommandContext();
+  const cfg = commandSizeConfig[size];
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    {
+      "data-slot": "command-empty",
+      className: cn(commandEmptyBaseClasses, cfg.emptyPy, className),
+      ...props,
+      children
+    }
+  );
+}
+CommandEmpty.displayName = "Command.Empty";
+function CommandLoading({
+  children = "Carregando...",
+  className
+}) {
+  return /* @__PURE__ */ jsx(Command$1.Loading, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-loading",
+      className: cn(commandLoadingClasses, className),
+      children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+        /* @__PURE__ */ jsx("span", { children })
+      ]
+    }
+  ) });
+}
+CommandLoading.displayName = "Command.Loading";
+function CommandGroup({
+  className,
+  ...props
+}) {
+  const { size } = useCommandContext();
+  const cfg = commandSizeConfig[size];
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        commandGroupBaseClasses,
+        // heading text-size via CSS selector já definido na classe base
+        `[&_[cmdk-group-heading]]:${cfg.groupHeadingText}`,
+        className
+      ),
+      ...props
+    }
+  );
+}
+CommandGroup.displayName = "Command.Group";
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn(commandSeparatorClasses, className),
+      ...props
+    }
+  );
+}
+CommandSeparator.displayName = "Command.Separator";
+function CommandItem({
+  className,
+  leading,
+  trailing,
+  children,
+  ...props
+}) {
+  const { size } = useCommandContext();
+  const cfg = commandSizeConfig[size];
+  return /* @__PURE__ */ jsxs(
+    Command$1.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        commandItemBaseClasses,
+        cfg.itemPx,
+        cfg.itemPy,
+        cfg.itemText,
+        `[&_svg:not([class*='size-'])]:${cfg.itemIconSize}`,
+        className
+      ),
+      ...props,
+      children: [
+        leading != null && /* @__PURE__ */ jsx("span", { className: cn(commandItemLeadingClasses, cfg.itemIconSize), children: leading }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 truncate", children }),
+        trailing != null && /* @__PURE__ */ jsx("span", { className: commandItemTrailingClasses, children: trailing })
+      ]
+    }
+  );
+}
+CommandItem.displayName = "Command.Item";
+function CommandFooter({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "command-footer",
+      className: cn(commandFooterClasses, className),
+      ...props,
+      children
+    }
+  );
+}
+CommandFooter.displayName = "Command.Footer";
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(commandShortcutClasses, className),
+      ...props
+    }
+  );
+}
+CommandShortcut.displayName = "Command.Shortcut";
+function CommandKbd({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "command-kbd",
+      className: cn(commandKbdClasses, className),
+      ...props,
+      children
+    }
+  );
+}
+CommandKbd.displayName = "Command.Kbd";
+const Command = Object.assign(CommandRoot, {
+  Dialog: CommandDialog,
+  Input: CommandInput,
+  List: CommandList,
+  Empty: CommandEmpty,
+  Loading: CommandLoading,
+  Group: CommandGroup,
+  Item: CommandItem,
+  Separator: CommandSeparator,
+  Footer: CommandFooter,
+  Shortcut: CommandShortcut,
+  Kbd: CommandKbd,
+  Root: CommandRoot
+});
+
+export { Command, CommandDialog, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandKbd, CommandList, CommandLoading, CommandRoot, CommandSeparator, CommandShortcut };

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

@@ -0,0 +1,4 @@
+export * from "./components/command";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/command/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var command = require('./components/command');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(command).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return command[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/command/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/command';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/command/types.d.ts

@@ -0,0 +1,65 @@
+import type { ReactNode } from "react";
+import type * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { Command as CommandPrimitive } from "cmdk";
+import type { Size } from "../../../lib/shared/types";
+/**
+ * CommandSize usa o Size completo do shared (todos os 5 níveis).
+ * Cada nível afeta: altura do input, padding + text dos items, max-h da list.
+ *
+ * xs → comboboxes compactos, filtros inline
+ * sm → dropdowns secundários
+ * md → padrão
+ * lg → command palette em modal
+ * xl → command palette full-screen / busca global
+ */
+export type CommandSize = Size;
+export interface CommandContextValue {
+    size: CommandSize;
+}
+export interface CommandProps extends React.ComponentProps<typeof CommandPrimitive> {
+    /**
+     * Tamanho — propagado via context para todos os subcomponentes.
+     * @default "md"
+     */
+    size?: CommandSize;
+}
+export type CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input>;
+export type CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;
+export type CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;
+export type CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;
+export type CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>;
+export type CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item> & {
+    /**
+     * Slot esquerdo — ícone, checkmark, avatar.
+     * Renderizado em um wrapper size-4 shrink-0 para alinhamento consistente.
+     */
+    leading?: ReactNode;
+    /**
+     * Slot direito — badges, shortcuts, ícones de status.
+     * ml-auto empurra para a direita. Aceita múltiplos elementos.
+     */
+    trailing?: ReactNode;
+};
+export interface CommandLoadingProps {
+    /** Mensagem exibida durante o loading. */
+    children?: ReactNode;
+    className?: string;
+}
+export interface CommandFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export interface CommandShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/** <kbd> estilizado para hints de teclas no CommandFooter. */
+export interface CommandKbdProps extends React.HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+}
+export interface CommandDialogProps extends Omit<React.ComponentProps<typeof DialogPrimitive.Root>, "children"> {
+    title?: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+    /** Tamanho propagado para o Command interno do dialog. @default "lg" */
+    size?: CommandSize;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/command/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/command/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAItD;;;;;;;;;GASG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,WAAW,CAAC;CACnB;AAID,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAID,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,gBAAgB,CAAC,KAAK,CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CACjD,OAAO,gBAAgB,CAAC,IAAI,CAC7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,gBAAgB,CAAC,KAAK,CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,gBAAgB,CAAC,KAAK,CAC9B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,gBAAgB,CAAC,SAAS,CAClC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CACjD,OAAO,gBAAgB,CAAC,IAAI,CAC7B,GAAG;IACF;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAI;AAEnD,8DAA8D;AAC9D,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACjD,UAAU,CACX;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB"}

package/dist/components/molecules/command/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/command/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/command/variants.d.ts

@@ -0,0 +1,94 @@
+import type { CommandSize } from "./types";
+/**
+ * rounded-none — padrão flat do DS.
+ * bg-popover/text-popover-foreground — tokens para superfícies flutuantes.
+ */
+export declare const commandRootClasses = "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-none";
+/**
+ * Todos os 5 níveis do Size shared (xs/sm/md/lg/xl).
+ *
+ * xs → comboboxes compactos, filtros inline
+ * sm → dropdowns secundários
+ * md → padrão (combobox principal, selects)
+ * lg → command palette em modal
+ * xl → command palette full-screen, busca global
+ *
+ * Cada nível afeta: altura do wrapper do input, text-size do input,
+ * padding + text dos items, text do group heading, e max-h da list.
+ */
+export declare const commandSizeConfig: Record<CommandSize, {
+    inputWrapperH: string;
+    inputH: string;
+    inputText: string;
+    inputIconSize: string;
+    itemPx: string;
+    itemPy: string;
+    itemText: string;
+    itemIconSize: string;
+    listMaxH: string;
+    groupHeadingText: string;
+    emptyPy: string;
+}>;
+/**
+ * border-b separa visualmente o input da list.
+ * A altura (h-*) é injetada pelo context via commandSizeConfig[size].inputWrapperH.
+ */
+export declare const commandInputWrapperBaseClasses = "flex items-center gap-2 border-b border-border px-3";
+/**
+ * Input interno: sem height própria (controlada pelo wrapper flex),
+ * sem rounded (flat DS), sem outline (gerenciado pelo wrapper).
+ */
+export declare const commandInputBaseClasses = "placeholder:text-muted-foreground flex w-full rounded-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50";
+/**
+ * scroll-py-1 evita que o primeiro/último item fique cortado.
+ * max-h injetado por commandSizeConfig[size].listMaxH.
+ */
+export declare const commandListBaseClasses = "scroll-py-1 overflow-x-hidden overflow-y-auto";
+/**
+ * Sem wrapper <Text> — children é ReactNode direto.
+ * Permite links, botões, ícones dentro do empty state.
+ * py injetado por commandSizeConfig[size].emptyPy.
+ */
+export declare const commandEmptyBaseClasses = "text-center text-muted-foreground";
+/**
+ * CommandLoading usa CommandPrimitive.Loading que emite aria-live="polite".
+ * Diferente de CommandEmpty: renderiza sempre que isLoading=true,
+ * não depende do filtro interno do cmdk.
+ */
+export declare const commandLoadingClasses = "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground";
+/**
+ * overflow-hidden evita que items selecionados "vazem" visualmente.
+ * heading text-size injetado por commandSizeConfig[size].groupHeadingText.
+ */
+export declare const commandGroupBaseClasses = "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground";
+/** -mx-1 sangra até as bordas do grupo (cancela o p-1 do group). */
+export declare const commandSeparatorClasses = "bg-border -mx-1 h-px";
+/**
+ * data-[selected=true] — cmdk usa "selected", não "focused".
+ * rounded-none — padrão flat do DS.
+ * [&_svg:not([class*='size-'])]:size-* injetado via context para respeitar o size.
+ * [&_svg:not([class*='text-'])]:text-muted-foreground — ícones sem cor explícita
+ *   ficam muted por padrão.
+ */
+export declare const commandItemBaseClasses: string;
+/** Slot leading — tamanho fixo para alinhar ícones e checkmarks verticalmente. */
+export declare const commandItemLeadingClasses = "flex shrink-0 items-center justify-center";
+/** Slot trailing — ml-auto + flex para badges, shortcuts, status icons. */
+export declare const commandItemTrailingClasses = "ml-auto flex shrink-0 items-center gap-1.5";
+/**
+ * Shortcut legado — ml-auto para uso fora do trailing slot.
+ * Para novas implementações, preferir trailing slot + <CommandFooter>.
+ */
+export declare const commandShortcutClasses = "ml-auto text-xs tracking-widest text-muted-foreground";
+/**
+ * Rodapé com border-t para hints de atalhos ou ações contextuais.
+ * Exemplos: "↑↓ navegar", "↵ selecionar", "esc fechar".
+ */
+export declare const commandFooterClasses = "flex items-center gap-4 border-t border-border px-3 py-2";
+/**
+ * <kbd> estilizado para hints de teclas.
+ * border + bg-muted imita o visual de tecla física.
+ * rounded-none — padrão flat do DS.
+ */
+export declare const commandKbdClasses = "inline-flex items-center rounded-none border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] font-medium text-muted-foreground";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/command/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/command/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;GAGG;AACH,eAAO,MAAM,kBAAkB,gGACgE,CAAC;AAIhG;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,WAAW,EACX;IACE,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAmEF,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,8BAA8B,wDACY,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,2IACsG,CAAC;AAI3I;;;GAGG;AACH,eAAO,MAAM,sBAAsB,kDACc,CAAC;AAIlD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,sCACC,CAAC;AAItC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,8EAC2C,CAAC;AAI9E;;;GAGG;AACH,eAAO,MAAM,uBAAuB,0LACqJ,CAAC;AAI1L,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAI9D;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,QAOxB,CAAC;AAEZ,kFAAkF;AAClF,eAAO,MAAM,yBAAyB,8CACO,CAAC;AAE9C,2EAA2E;AAC3E,eAAO,MAAM,0BAA0B,+CACO,CAAC;AAI/C;;;GAGG;AACH,eAAO,MAAM,sBAAsB,0DACsB,CAAC;AAI1D;;;GAGG;AACH,eAAO,MAAM,oBAAoB,6DAC2B,CAAC;AAE7D;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,8IAC+G,CAAC"}

package/dist/components/molecules/command/variants.js

@@ -0,0 +1,106 @@
+'use strict';
+
+const commandRootClasses = "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-none";
+const commandSizeConfig = {
+  xs: {
+    inputWrapperH: "h-7",
+    inputH: "h-7",
+    inputText: "text-xs",
+    inputIconSize: "size-3",
+    itemPx: "px-1.5",
+    itemPy: "py-1",
+    itemText: "text-xs",
+    itemIconSize: "size-3",
+    listMaxH: "max-h-[180px]",
+    groupHeadingText: "text-[9px]",
+    emptyPy: "py-4"
+  },
+  sm: {
+    inputWrapperH: "h-8",
+    inputH: "h-8",
+    inputText: "text-xs",
+    inputIconSize: "size-3.5",
+    itemPx: "px-2",
+    itemPy: "py-1",
+    itemText: "text-xs",
+    itemIconSize: "size-3.5",
+    listMaxH: "max-h-[220px]",
+    groupHeadingText: "text-[10px]",
+    emptyPy: "py-5"
+  },
+  md: {
+    inputWrapperH: "h-9",
+    inputH: "h-9",
+    inputText: "text-sm",
+    inputIconSize: "size-4",
+    itemPx: "px-2",
+    itemPy: "py-1.5",
+    itemText: "text-sm",
+    itemIconSize: "size-4",
+    listMaxH: "max-h-[300px]",
+    groupHeadingText: "text-xs",
+    emptyPy: "py-6"
+  },
+  lg: {
+    inputWrapperH: "h-12",
+    inputH: "h-12",
+    inputText: "text-base",
+    inputIconSize: "size-5",
+    itemPx: "px-3",
+    itemPy: "py-2",
+    itemText: "text-sm",
+    itemIconSize: "size-4",
+    listMaxH: "max-h-[400px]",
+    groupHeadingText: "text-xs",
+    emptyPy: "py-8"
+  },
+  xl: {
+    inputWrapperH: "h-14",
+    inputH: "h-14",
+    inputText: "text-lg",
+    inputIconSize: "size-5",
+    itemPx: "px-4",
+    itemPy: "py-2.5",
+    itemText: "text-base",
+    itemIconSize: "size-5",
+    listMaxH: "max-h-[520px]",
+    groupHeadingText: "text-xs",
+    emptyPy: "py-10"
+  }
+};
+const commandInputWrapperBaseClasses = "flex items-center gap-2 border-b border-border px-3";
+const commandInputBaseClasses = "placeholder:text-muted-foreground flex w-full rounded-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50";
+const commandListBaseClasses = "scroll-py-1 overflow-x-hidden overflow-y-auto";
+const commandEmptyBaseClasses = "text-center text-muted-foreground";
+const commandLoadingClasses = "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground";
+const commandGroupBaseClasses = "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground";
+const commandSeparatorClasses = "bg-border -mx-1 h-px";
+const commandItemBaseClasses = [
+  "relative flex cursor-default select-none items-center gap-2 rounded-none outline-none",
+  "transition-colors duration-100",
+  "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground",
+  "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "[&_svg:not([class*='text-'])]:text-muted-foreground"
+].join(" ");
+const commandItemLeadingClasses = "flex shrink-0 items-center justify-center";
+const commandItemTrailingClasses = "ml-auto flex shrink-0 items-center gap-1.5";
+const commandShortcutClasses = "ml-auto text-xs tracking-widest text-muted-foreground";
+const commandFooterClasses = "flex items-center gap-4 border-t border-border px-3 py-2";
+const commandKbdClasses = "inline-flex items-center rounded-none border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] font-medium text-muted-foreground";
+
+exports.commandEmptyBaseClasses = commandEmptyBaseClasses;
+exports.commandFooterClasses = commandFooterClasses;
+exports.commandGroupBaseClasses = commandGroupBaseClasses;
+exports.commandInputBaseClasses = commandInputBaseClasses;
+exports.commandInputWrapperBaseClasses = commandInputWrapperBaseClasses;
+exports.commandItemBaseClasses = commandItemBaseClasses;
+exports.commandItemLeadingClasses = commandItemLeadingClasses;
+exports.commandItemTrailingClasses = commandItemTrailingClasses;
+exports.commandKbdClasses = commandKbdClasses;
+exports.commandListBaseClasses = commandListBaseClasses;
+exports.commandLoadingClasses = commandLoadingClasses;
+exports.commandRootClasses = commandRootClasses;
+exports.commandSeparatorClasses = commandSeparatorClasses;
+exports.commandShortcutClasses = commandShortcutClasses;
+exports.commandSizeConfig = commandSizeConfig;