@kuzenbo/core 0.0.4 → 0.0.5

package/dist/ui/command.d.ts

@@ -1,6 +1,5 @@
-import { InputSize } from "./input.js";
-import "../dialog-viewport-Ce1huyAI.js";
-import { Dialog } from "./dialog.js";
+import { r as InputSize } from "../input-WWoBCgxe.js";
+import { t as Dialog } from "../dialog-DEkdr-9K.js";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -27,27 +26,27 @@ declare const CommandDialog: ({
 //#region src/ui/command/command-empty.d.ts
 declare const commandEmptyVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "text-center", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "text-center", unknown, unknown, undefined>>;
 type CommandEmptyProps = ComponentProps<typeof Command$1.Empty> & VariantProps<typeof commandEmptyVariants>;
@@ -60,29 +59,29 @@ declare const CommandEmpty: ({
 //#region src/ui/command/command-group.d.ts
 declare const commandGroupVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "overflow-hidden text-foreground", {
+}, undefined, "text-foreground overflow-hidden", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "overflow-hidden text-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-foreground overflow-hidden", unknown, unknown, undefined>>;
 type CommandGroupProps = ComponentProps<typeof Command$1.Group> & VariantProps<typeof commandGroupVariants>;
 declare const CommandGroup: ({
   className,
@@ -107,23 +106,23 @@ declare const CommandInput: ({
 //#region src/ui/command/command-item.d.ts
 declare const commandItemVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       indicator: string;
       root: string;
     };
-    sm: {
+    md: {
       indicator: string;
       root: string;
     };
-    md: {
+    sm: {
       indicator: string;
       root: string;
     };
-    lg: {
+    xl: {
       indicator: string;
       root: string;
     };
-    xl: {
+    xs: {
       indicator: string;
       root: string;
     };
@@ -133,23 +132,23 @@ declare const commandItemVariants: tailwind_variants0.TVReturnType<{
   root: string;
 }, undefined, {
   size: {
-    xs: {
+    lg: {
       indicator: string;
       root: string;
     };
-    sm: {
+    md: {
       indicator: string;
       root: string;
     };
-    md: {
+    sm: {
       indicator: string;
       root: string;
     };
-    lg: {
+    xl: {
       indicator: string;
       root: string;
     };
-    xl: {
+    xs: {
       indicator: string;
       root: string;
     };
@@ -159,23 +158,23 @@ declare const commandItemVariants: tailwind_variants0.TVReturnType<{
   root: string;
 }, tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       indicator: string;
       root: string;
     };
-    sm: {
+    md: {
       indicator: string;
       root: string;
     };
-    md: {
+    sm: {
       indicator: string;
       root: string;
     };
-    lg: {
+    xl: {
       indicator: string;
       root: string;
     };
-    xl: {
+    xs: {
       indicator: string;
       root: string;
     };
@@ -195,27 +194,27 @@ declare const CommandItem: ({
 //#region src/ui/command/command-list.d.ts
 declare const commandListVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "no-scrollbar overflow-x-hidden overflow-y-auto outline-none", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "no-scrollbar overflow-x-hidden overflow-y-auto outline-none", unknown, unknown, undefined>>;
 type CommandListProps = ComponentProps<typeof Command$1.List> & VariantProps<typeof commandListVariants>;
@@ -235,29 +234,29 @@ declare const CommandSeparator: ({
 //#region src/ui/command/command-shortcut.d.ts
 declare const commandShortcutVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "ml-auto text-muted-foreground group-data-[selected=true]/command-item:text-foreground", {
+}, undefined, "text-muted-foreground group-data-[selected=true]/command-item:text-foreground ml-auto", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "ml-auto text-muted-foreground group-data-[selected=true]/command-item:text-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-muted-foreground group-data-[selected=true]/command-item:text-foreground ml-auto", unknown, unknown, undefined>>;
 type CommandShortcutProps = ComponentProps<"span"> & VariantProps<typeof commandShortcutVariants>;
 declare const CommandShortcut: ({
   className,

package/dist/ui/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","names":[],"sources":["../../src/ui/command/command-dialog.tsx","../../src/ui/command/command-empty.tsx","../../src/ui/command/command-group.tsx","../../src/ui/command/command-input.tsx","../../src/ui/command/command-item.tsx","../../src/ui/command/command-list.tsx","../../src/ui/command/command-separator.tsx","../../src/ui/command/command-shortcut.tsx","../../src/ui/command/command.tsx"],"mappings":"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"}
+{"version":3,"file":"command.d.ts","names":[],"sources":["../../src/ui/command/command-dialog.tsx","../../src/ui/command/command-empty.tsx","../../src/ui/command/command-group.tsx","../../src/ui/command/command-input.tsx","../../src/ui/command/command-item.tsx","../../src/ui/command/command-list.tsx","../../src/ui/command/command-separator.tsx","../../src/ui/command/command-shortcut.tsx","../../src/ui/command/command.tsx"],"mappings":";;;;;;;;;KAYY,kBAAA,GAAqB,IAAA,CAC/B,cAAA,QAAsB,MAAA;EAGtB,KAAA;EACA,WAAA;EACA,SAAA;EACA,eAAA;EACA,QAAA,EAAU,SAAA;AAAA;AAAA,cAGN,aAAA;EAAiB,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,SAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAOpB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCnBf,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,iBAAA,GAAoB,cAAA,QAAsB,SAAA,CAAiB,KAAA,IACrE,YAAA,QAAoB,oBAAA;AAAA,cAEhB,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCnBhE,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,iBAAA,GAAoB,cAAA,QAAsB,SAAA,CAAiB,KAAA,IACrE,YAAA,QAAoB,oBAAA;AAAA,cAEhB,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCdjE,uBAAA,GAA0B,cAAA,QAAsB,SAAA,CAAiB,KAAA;AAAA,KACjE,sBAAA,GAAyB,uBAAA;AAAA,KAElB,iBAAA,GAAoB,IAAA,CAAK,uBAAA;EACnC,QAAA,GAAW,sBAAA;EACX,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cChBd,mBAAA,EAiCJ,kBAAA,CAjCuB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCvB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,gBAAA,GAAmB,cAAA,QAAsB,SAAA,CAAiB,IAAA,IACpE,YAAA,QAAoB,mBAAA;AAAA,cAEhB,WAAA;EAAe,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKlB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC7Cb,mBAAA,EAcJ,kBAAA,CAduB,YAAA;;;;;;;;;;;;;;;;cAcvB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,gBAAA,GAAmB,cAAA,QAAsB,SAAA,CAAiB,IAAA,IACpE,YAAA,QAAoB,mBAAA;AAAA,cAEhB,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzBxD,qBAAA,GAAwB,cAAA,QAC3B,SAAA,CAAiB,SAAA;AAAA,cAGpB,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCClE,uBAAA,EAcJ,kBAAA,CAd2B,YAAA;;;;;;;;;;;;;;;;cAc3B,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,oBAAA,GAAuB,cAAA,WACjC,YAAA,QAAoB,uBAAA;AAAA,cAEhB,eAAA;EAAmB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCfX,YAAA,GAAe,cAAA,QAAsB,SAAA;EAC/C,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,OAAA;EAAA;;;;KAAwD,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/command.js

@@ -1,11 +1,10 @@
 "use client";
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { a as InputGroupAddon } from "../input-group-textarea-B-rP98r5.js";
-import { InputGroup } from "./input-group.js";
-import { i as DialogHeader, n as DialogTitle, o as DialogDescription, s as DialogContent } from "../dialog-trigger-BUF3elAP.js";
-import { Dialog } from "./dialog.js";
-import { createContext, useContext } from "react";
+import { o as resolveFieldTextClassBySize, r as resolveDefaultIconClassBySize } from "../size-system-BTsMqZRQ.js";
+import { o as InputGroupAddon, t as InputGroup } from "../input-group-CjcHP0L4.js";
+import { a as DialogHeader, c as DialogContent, r as DialogTitle, s as DialogDescription, t as Dialog } from "../dialog-CD5lfQA9.js";
+import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { SearchIcon, Tick02Icon } from "@hugeicons/core-free-icons";
@@ -34,14 +33,14 @@ const CommandDialog = ({ title = "Command Palette", description = "Search for a
 //#region src/ui/command/command-empty.tsx
 const commandEmptyVariants = tv({
 	base: "text-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "py-4 text-xs",
-		sm: "py-5 text-sm",
-		md: "py-6 text-sm",
 		lg: "py-7 text-sm",
-		xl: "py-8 text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "py-6 text-sm",
+		sm: "py-5 text-sm",
+		xl: "py-8 text-base",
+		xs: "py-4 text-xs"
+	} }
 });
 const CommandEmpty = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(CommandContext);
@@ -57,15 +56,15 @@ const CommandEmpty = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/command/command-group.tsx
 const commandGroupVariants = tv({
-	base: "overflow-hidden text-foreground",
+	base: "text-foreground overflow-hidden",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-		sm: "p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-		md: "p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-		lg: "p-1.5 [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-		xl: "p-2 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground"
-	} },
-	defaultVariants: { size: "md" }
+		lg: "[&_[cmdk-group-heading]]:text-muted-foreground p-1.5 [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium",
+		md: "[&_[cmdk-group-heading]]:text-muted-foreground p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+		sm: "[&_[cmdk-group-heading]]:text-muted-foreground p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+		xl: "[&_[cmdk-group-heading]]:text-muted-foreground p-2 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium",
+		xs: "[&_[cmdk-group-heading]]:text-muted-foreground p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium"
+	} }
 });
 const CommandGroup = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(CommandContext);
@@ -80,17 +79,6 @@ const CommandGroup = ({ className, size, ...props }) => {
 
 //#endregion
 //#region src/ui/command/command-input.tsx
-const getCommandSearchIconSizeClassName = (size) => {
-	if (size === "xs") return "size-3";
-	if (size === "sm") return "size-3.5";
-	if (size === "xl") return "size-5";
-	return "size-4";
-};
-const getCommandInputTextSizeClassName = (size) => {
-	if (size === "xs") return "text-xs";
-	if (size === "xl") return "text-base";
-	return "text-sm";
-};
 const CommandInput = ({ className, htmlSize, size, ...props }) => {
 	const { size: rootSize } = useContext(CommandContext);
 	const resolvedSize = size ?? rootSize ?? "md";
@@ -99,16 +87,16 @@ const CommandInput = ({ className, htmlSize, size, ...props }) => {
 		"data-size": resolvedSize,
 		"data-slot": "command-input-wrapper",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
-			className: "rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!",
+			className: "border-input/30 bg-input/30 rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!",
 			size: resolvedSize,
 			children: [/* @__PURE__ */ jsx(Command$1.Input, {
-				className: cn("w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50", getCommandInputTextSizeClassName(resolvedSize), className),
+				className: cn("w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50", resolveFieldTextClassBySize(resolvedSize), className),
 				"data-size": resolvedSize,
 				"data-slot": "command-input",
 				size: htmlSize,
 				...props
 			}), /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
-				className: cn(getCommandSearchIconSizeClassName(resolvedSize), "shrink-0 opacity-50"),
+				className: cn(resolveDefaultIconClassBySize(resolvedSize), "shrink-0 opacity-50"),
 				icon: SearchIcon,
 				strokeWidth: 2
 			}) })]
@@ -119,37 +107,38 @@ const CommandInput = ({ className, htmlSize, size, ...props }) => {
 //#endregion
 //#region src/ui/command/command-item.tsx
 const commandItemVariants = tv({
+	defaultVariants: { size: "md" },
 	slots: {
-		indicator: "ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100 data-[selected=true]:*:[svg]:text-foreground",
-		root: "group/command-item relative flex cursor-pointer items-center rounded-sm outline-hidden select-none data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [[data-slot=dialog-content]_&]:rounded-lg!"
+		indicator: "data-[selected=true]:*:[svg]:text-foreground ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100",
+		root: "group/command-item cursor-clickable data-[selected=true]:bg-muted data-[selected=true]:text-foreground relative flex items-center rounded-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [[data-slot=dialog-content]_&]:rounded-lg!"
 	},
 	variants: { size: {
-		xs: {
-			indicator: "size-3",
-			root: "gap-1 px-1.5 py-1 text-xs [&_svg:not([class*='size-'])]:size-3"
-		},
-		sm: {
-			indicator: "size-3.5",
-			root: "gap-1.5 px-2 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5"
+		lg: {
+			indicator: "size-4",
+			root: "gap-2 px-2.5 py-2 text-sm [&_svg:not([class*='size-'])]:size-4"
 		},
 		md: {
 			indicator: "size-4",
 			root: "gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4"
 		},
-		lg: {
-			indicator: "size-4",
-			root: "gap-2 px-2.5 py-2 text-sm [&_svg:not([class*='size-'])]:size-4"
+		sm: {
+			indicator: "size-3.5",
+			root: "gap-1.5 px-2 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5"
 		},
 		xl: {
 			indicator: "size-5",
 			root: "gap-2.5 px-3 py-2.5 text-base [&_svg:not([class*='size-'])]:size-5"
+		},
+		xs: {
+			indicator: "size-3",
+			root: "gap-1 px-1.5 py-1 text-xs [&_svg:not([class*='size-'])]:size-3"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const CommandItem = ({ className, children, size, ...props }) => {
 	const { size: rootSize } = useContext(CommandContext);
 	const resolvedSize = size ?? rootSize ?? "md";
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	const { indicator, root } = commandItemVariants({ size: resolvedSize });
 	return /* @__PURE__ */ jsxs(Command$1.Item, {
 		className: cn(root(), className),
@@ -157,7 +146,7 @@ const CommandItem = ({ className, children, size, ...props }) => {
 		"data-slot": "command-item",
 		...props,
 		children: [/* @__PURE__ */ jsx(CommandItemContext.Provider, {
-			value: { size: resolvedSize },
+			value: contextValue,
 			children
 		}), /* @__PURE__ */ jsx(HugeiconsIcon, {
 			className: indicator(),
@@ -171,14 +160,14 @@ const CommandItem = ({ className, children, size, ...props }) => {
 //#region src/ui/command/command-list.tsx
 const commandListVariants = tv({
 	base: "no-scrollbar overflow-x-hidden overflow-y-auto outline-none",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "max-h-60 scroll-py-0.5",
-		sm: "max-h-64 scroll-py-1",
-		md: "max-h-72 scroll-py-1",
 		lg: "max-h-80 scroll-py-1.5",
-		xl: "max-h-96 scroll-py-2"
-	} },
-	defaultVariants: { size: "md" }
+		md: "max-h-72 scroll-py-1",
+		sm: "max-h-64 scroll-py-1",
+		xl: "max-h-96 scroll-py-2",
+		xs: "max-h-60 scroll-py-0.5"
+	} }
 });
 const CommandList = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(CommandContext);
@@ -194,7 +183,7 @@ const CommandList = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/command/command-separator.tsx
 const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Separator, {
-	className: cn("-mx-1 h-px bg-border", className),
+	className: cn("bg-border -mx-1 h-px", className),
 	"data-slot": "command-separator",
 	...props
 });
@@ -202,15 +191,15 @@ const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Comman
 //#endregion
 //#region src/ui/command/command-shortcut.tsx
 const commandShortcutVariants = tv({
-	base: "ml-auto text-muted-foreground group-data-[selected=true]/command-item:text-foreground",
+	base: "text-muted-foreground group-data-[selected=true]/command-item:text-foreground ml-auto",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-[10px] tracking-wide",
-		sm: "text-xs tracking-wide",
-		md: "text-xs tracking-widest",
 		lg: "text-xs tracking-widest",
-		xl: "text-sm tracking-widest"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-xs tracking-widest",
+		sm: "text-xs tracking-wide",
+		xl: "text-sm tracking-widest",
+		xs: "text-[10px] tracking-wide"
+	} }
 });
 const CommandShortcut = ({ className, size, ...props }) => {
 	const { size: rootSize } = useContext(CommandContext);
@@ -228,10 +217,11 @@ const CommandShortcut = ({ className, size, ...props }) => {
 //#region src/ui/command/command.tsx
 const Command = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(CommandContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(Command$1, {
-			className: cn("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", className),
+			className: cn("bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1", className),
 			"data-size": size,
 			"data-slot": "command",
 			...props

package/dist/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive"],"sources":["../../src/ui/command/command-context.tsx","../../src/ui/command/command-dialog.tsx","../../src/ui/command/command-empty.tsx","../../src/ui/command/command-group.tsx","../../src/ui/command/command-input.tsx","../../src/ui/command/command-item.tsx","../../src/ui/command/command-list.tsx","../../src/ui/command/command-separator.tsx","../../src/ui/command/command-shortcut.tsx","../../src/ui/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface CommandContextValue {\n  size?: InputSize;\n}\n\nexport interface CommandItemContextValue {\n  size?: InputSize;\n}\n\nconst CommandContext = createContext<CommandContextValue>({\n  size: \"md\",\n});\n\nconst CommandItemContext = createContext<CommandItemContextValue>({});\n\nexport { CommandContext, CommandItemContext };\n","\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../dialog/dialog\";\nexport type CommandDialogProps = Omit<\n  ComponentProps<typeof Dialog>,\n  \"children\"\n> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n  children: ReactNode;\n};\n\nconst CommandDialog = ({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: CommandDialogProps) => (\n  <Dialog {...props}>\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle>{title}</DialogTitle>\n      <DialogDescription>{description}</DialogDescription>\n    </DialogHeader>\n    <DialogContent\n      className={cn(\"overflow-hidden rounded-xl! p-0\", className)}\n      showCloseButton={showCloseButton}\n    >\n      {children}\n    </DialogContent>\n  </Dialog>\n);\n\nexport { CommandDialog };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { CommandContext } from \"./command-context\";\n\nconst commandEmptyVariants = tv({\n  base: \"text-center\",\n  variants: {\n    size: {\n      xs: \"py-4 text-xs\",\n      sm: \"py-5 text-sm\",\n      md: \"py-6 text-sm\",\n      lg: \"py-7 text-sm\",\n      xl: \"py-8 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type CommandEmptyProps = ComponentProps<typeof CommandPrimitive.Empty> &\n  VariantProps<typeof commandEmptyVariants>;\n\nconst CommandEmpty = ({ className, size, ...props }: CommandEmptyProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <CommandPrimitive.Empty\n      className={cn(commandEmptyVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandEmpty };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { CommandContext } from \"./command-context\";\n\nconst commandGroupVariants = tv({\n  base: \"overflow-hidden text-foreground\",\n  variants: {\n    size: {\n      xs: \"p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      sm: \"p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      md: \"p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      lg: \"p-1.5 [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      xl: \"p-2 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type CommandGroupProps = ComponentProps<typeof CommandPrimitive.Group> &\n  VariantProps<typeof commandGroupVariants>;\n\nconst CommandGroup = ({ className, size, ...props }: CommandGroupProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <CommandPrimitive.Group\n      className={cn(commandGroupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandGroup };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { SearchIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useContext } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputGroup, InputGroupAddon } from \"../input-group/input-group\";\nimport { CommandContext } from \"./command-context\";\ntype NativeCommandInputProps = ComponentProps<typeof CommandPrimitive.Input>;\ntype NativeCommandInputSize = NativeCommandInputProps[\"size\"];\n\nexport type CommandInputProps = Omit<NativeCommandInputProps, \"size\"> & {\n  htmlSize?: NativeCommandInputSize;\n  size?: InputSize;\n};\n\nconst getCommandSearchIconSizeClassName = (size: InputSize) => {\n  if (size === \"xs\") {\n    return \"size-3\";\n  }\n\n  if (size === \"sm\") {\n    return \"size-3.5\";\n  }\n\n  if (size === \"xl\") {\n    return \"size-5\";\n  }\n\n  return \"size-4\";\n};\n\nconst getCommandInputTextSizeClassName = (size: InputSize) => {\n  if (size === \"xs\") {\n    return \"text-xs\";\n  }\n\n  if (size === \"xl\") {\n    return \"text-base\";\n  }\n\n  return \"text-sm\";\n};\n\nconst CommandInput = ({\n  className,\n  htmlSize,\n  size,\n  ...props\n}: CommandInputProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className=\"p-1 pb-0\"\n      data-size={resolvedSize}\n      data-slot=\"command-input-wrapper\"\n    >\n      <InputGroup\n        className=\"rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!\"\n        size={resolvedSize}\n      >\n        <CommandPrimitive.Input\n          className={cn(\n            \"w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n            getCommandInputTextSizeClassName(resolvedSize),\n            className\n          )}\n          data-size={resolvedSize}\n          data-slot=\"command-input\"\n          size={htmlSize}\n          {...props}\n        />\n        <InputGroupAddon>\n          <HugeiconsIcon\n            className={cn(\n              getCommandSearchIconSizeClassName(resolvedSize),\n              \"shrink-0 opacity-50\"\n            )}\n            icon={SearchIcon}\n            strokeWidth={2}\n          />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n};\n\nexport { CommandInput };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { CommandContext, CommandItemContext } from \"./command-context\";\n\nconst commandItemVariants = tv({\n  slots: {\n    indicator:\n      \"ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100 data-[selected=true]:*:[svg]:text-foreground\",\n    root: \"group/command-item relative flex cursor-pointer items-center rounded-sm outline-hidden select-none data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [[data-slot=dialog-content]_&]:rounded-lg!\",\n  },\n  variants: {\n    size: {\n      xs: {\n        indicator: \"size-3\",\n        root: \"gap-1 px-1.5 py-1 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      },\n      sm: {\n        indicator: \"size-3.5\",\n        root: \"gap-1.5 px-2 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      },\n      md: {\n        indicator: \"size-4\",\n        root: \"gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      lg: {\n        indicator: \"size-4\",\n        root: \"gap-2 px-2.5 py-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      xl: {\n        indicator: \"size-5\",\n        root: \"gap-2.5 px-3 py-2.5 text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type CommandItemProps = ComponentProps<typeof CommandPrimitive.Item> &\n  VariantProps<typeof commandItemVariants>;\n\nconst CommandItem = ({\n  className,\n  children,\n  size,\n  ...props\n}: CommandItemProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { indicator, root } = commandItemVariants({ size: resolvedSize });\n\n  return (\n    <CommandPrimitive.Item\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-item\"\n      {...props}\n    >\n      <CommandItemContext.Provider value={{ size: resolvedSize }}>\n        {children}\n      </CommandItemContext.Provider>\n      <HugeiconsIcon\n        className={indicator()}\n        icon={Tick02Icon}\n        strokeWidth={2}\n      />\n    </CommandPrimitive.Item>\n  );\n};\n\nexport { CommandItem };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { CommandContext } from \"./command-context\";\n\nconst commandListVariants = tv({\n  base: \"no-scrollbar overflow-x-hidden overflow-y-auto outline-none\",\n  variants: {\n    size: {\n      xs: \"max-h-60 scroll-py-0.5\",\n      sm: \"max-h-64 scroll-py-1\",\n      md: \"max-h-72 scroll-py-1\",\n      lg: \"max-h-80 scroll-py-1.5\",\n      xl: \"max-h-96 scroll-py-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type CommandListProps = ComponentProps<typeof CommandPrimitive.List> &\n  VariantProps<typeof commandListVariants>;\n\nconst CommandList = ({ className, size, ...props }: CommandListProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <CommandPrimitive.List\n      className={cn(commandListVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandList };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"tailwind-variants\";\nexport type CommandSeparatorProps = ComponentProps<\n  typeof CommandPrimitive.Separator\n>;\n\nconst CommandSeparator = ({ className, ...props }: CommandSeparatorProps) => (\n  <CommandPrimitive.Separator\n    className={cn(\"-mx-1 h-px bg-border\", className)}\n    data-slot=\"command-separator\"\n    {...props}\n  />\n);\n\nexport { CommandSeparator };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { CommandContext, CommandItemContext } from \"./command-context\";\n\nconst commandShortcutVariants = tv({\n  base: \"ml-auto text-muted-foreground group-data-[selected=true]/command-item:text-foreground\",\n  variants: {\n    size: {\n      xs: \"text-[10px] tracking-wide\",\n      sm: \"text-xs tracking-wide\",\n      md: \"text-xs tracking-widest\",\n      lg: \"text-xs tracking-widest\",\n      xl: \"text-sm tracking-widest\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type CommandShortcutProps = ComponentProps<\"span\"> &\n  VariantProps<typeof commandShortcutVariants>;\n\nconst CommandShortcut = ({\n  className,\n  size,\n  ...props\n}: CommandShortcutProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const { size: itemSize } = useContext(CommandItemContext);\n  const resolvedSize: InputSize = size ?? itemSize ?? rootSize ?? \"md\";\n\n  return (\n    <span\n      className={cn(commandShortcutVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandShortcut };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { CommandContext } from \"./command-context\";\nimport { CommandDialog } from \"./command-dialog\";\nimport { CommandEmpty } from \"./command-empty\";\nimport { CommandGroup } from \"./command-group\";\nimport { CommandInput } from \"./command-input\";\nimport { CommandItem } from \"./command-item\";\nimport { CommandList } from \"./command-list\";\nimport { CommandSeparator } from \"./command-separator\";\nimport { CommandShortcut } from \"./command-shortcut\";\nexport type CommandProps = ComponentProps<typeof CommandPrimitive> & {\n  size?: InputSize;\n};\n\nconst Command = ({ className, size: providedSize, ...props }: CommandProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <CommandContext.Provider value={{ size }}>\n      <CommandPrimitive\n        className={cn(\n          \"flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground\",\n          className\n        )}\n        data-size={size}\n        data-slot=\"command\"\n        {...props}\n      />\n    </CommandContext.Provider>\n  );\n};\n\nCommand.Dialog = CommandDialog;\nCommand.Empty = CommandEmpty;\nCommand.Group = CommandGroup;\nCommand.Input = CommandInput;\nCommand.Item = CommandItem;\nCommand.List = CommandList;\nCommand.Separator = CommandSeparator;\nCommand.Shortcut = CommandShortcut;\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n\nexport type { CommandDialogProps } from \"./command-dialog\";\nexport type { CommandEmptyProps } from \"./command-empty\";\nexport type { CommandGroupProps } from \"./command-group\";\nexport type { CommandInputProps } from \"./command-input\";\nexport type { CommandItemProps } from \"./command-item\";\nexport type { CommandListProps } from \"./command-list\";\nexport type { CommandSeparatorProps } from \"./command-separator\";\nexport type { CommandShortcutProps } from \"./command-shortcut\";\n"],"mappings":"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"}
+{"version":3,"file":"command.js","names":["CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive","CommandPrimitive"],"sources":["../../src/ui/command/command-context.tsx","../../src/ui/command/command-dialog.tsx","../../src/ui/command/command-empty.tsx","../../src/ui/command/command-group.tsx","../../src/ui/command/command-input.tsx","../../src/ui/command/command-item.tsx","../../src/ui/command/command-list.tsx","../../src/ui/command/command-separator.tsx","../../src/ui/command/command-shortcut.tsx","../../src/ui/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface CommandContextValue {\n  size?: InputSize;\n}\n\nexport interface CommandItemContextValue {\n  size?: InputSize;\n}\n\nconst CommandContext = createContext<CommandContextValue>({\n  size: \"md\",\n});\n\nconst CommandItemContext = createContext<CommandItemContextValue>({});\n\nexport { CommandContext, CommandItemContext };\n","\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../dialog/dialog\";\nexport type CommandDialogProps = Omit<\n  ComponentProps<typeof Dialog>,\n  \"children\"\n> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n  children: ReactNode;\n};\n\nconst CommandDialog = ({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: CommandDialogProps) => (\n  <Dialog {...props}>\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle>{title}</DialogTitle>\n      <DialogDescription>{description}</DialogDescription>\n    </DialogHeader>\n    <DialogContent\n      className={cn(\"overflow-hidden rounded-xl! p-0\", className)}\n      showCloseButton={showCloseButton}\n    >\n      {children}\n    </DialogContent>\n  </Dialog>\n);\n\nexport { CommandDialog };\n","\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { CommandContext } from \"./command-context\";\n\nconst commandEmptyVariants = tv({\n  base: \"text-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"py-7 text-sm\",\n      md: \"py-6 text-sm\",\n      sm: \"py-5 text-sm\",\n      xl: \"py-8 text-base\",\n      xs: \"py-4 text-xs\",\n    },\n  },\n});\n\nexport type CommandEmptyProps = ComponentProps<typeof CommandPrimitive.Empty> &\n  VariantProps<typeof commandEmptyVariants>;\n\nconst CommandEmpty = ({ className, size, ...props }: CommandEmptyProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <CommandPrimitive.Empty\n      className={cn(commandEmptyVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandEmpty };\n","\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { CommandContext } from \"./command-context\";\n\nconst commandGroupVariants = tv({\n  base: \"text-foreground overflow-hidden\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"[&_[cmdk-group-heading]]:text-muted-foreground p-1.5 [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium\",\n      md: \"[&_[cmdk-group-heading]]:text-muted-foreground p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n      sm: \"[&_[cmdk-group-heading]]:text-muted-foreground p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n      xl: \"[&_[cmdk-group-heading]]:text-muted-foreground p-2 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium\",\n      xs: \"[&_[cmdk-group-heading]]:text-muted-foreground p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n    },\n  },\n});\n\nexport type CommandGroupProps = ComponentProps<typeof CommandPrimitive.Group> &\n  VariantProps<typeof commandGroupVariants>;\n\nconst CommandGroup = ({ className, size, ...props }: CommandGroupProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <CommandPrimitive.Group\n      className={cn(commandGroupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandGroup };\n","\"use client\";\n\nimport { SearchIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { InputGroup, InputGroupAddon } from \"../input-group/input-group\";\nimport type { InputSize } from \"../input/input\";\nimport {\n  resolveDefaultIconClassBySize,\n  resolveFieldTextClassBySize,\n} from \"../shared/size/size-system\";\nimport { CommandContext } from \"./command-context\";\ntype NativeCommandInputProps = ComponentProps<typeof CommandPrimitive.Input>;\ntype NativeCommandInputSize = NativeCommandInputProps[\"size\"];\n\nexport type CommandInputProps = Omit<NativeCommandInputProps, \"size\"> & {\n  htmlSize?: NativeCommandInputSize;\n  size?: InputSize;\n};\n\nconst CommandInput = ({\n  className,\n  htmlSize,\n  size,\n  ...props\n}: CommandInputProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className=\"p-1 pb-0\"\n      data-size={resolvedSize}\n      data-slot=\"command-input-wrapper\"\n    >\n      <InputGroup\n        className=\"border-input/30 bg-input/30 rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!\"\n        size={resolvedSize}\n      >\n        <CommandPrimitive.Input\n          className={cn(\n            \"w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n            resolveFieldTextClassBySize(resolvedSize),\n            className\n          )}\n          data-size={resolvedSize}\n          data-slot=\"command-input\"\n          size={htmlSize}\n          {...props}\n        />\n        <InputGroupAddon>\n          <HugeiconsIcon\n            className={cn(\n              resolveDefaultIconClassBySize(resolvedSize),\n              \"shrink-0 opacity-50\"\n            )}\n            icon={SearchIcon}\n            strokeWidth={2}\n          />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n};\n\nexport { CommandInput };\n","\"use client\";\n\nimport { Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { useContext, useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { CommandContext, CommandItemContext } from \"./command-context\";\n\nconst commandItemVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    indicator:\n      \"data-[selected=true]:*:[svg]:text-foreground ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100\",\n    root: \"group/command-item cursor-clickable data-[selected=true]:bg-muted data-[selected=true]:text-foreground relative flex items-center rounded-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [[data-slot=dialog-content]_&]:rounded-lg!\",\n  },\n  variants: {\n    size: {\n      lg: {\n        indicator: \"size-4\",\n        root: \"gap-2 px-2.5 py-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      md: {\n        indicator: \"size-4\",\n        root: \"gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      },\n      sm: {\n        indicator: \"size-3.5\",\n        root: \"gap-1.5 px-2 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      },\n      xl: {\n        indicator: \"size-5\",\n        root: \"gap-2.5 px-3 py-2.5 text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n      xs: {\n        indicator: \"size-3\",\n        root: \"gap-1 px-1.5 py-1 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      },\n    },\n  },\n});\n\nexport type CommandItemProps = ComponentProps<typeof CommandPrimitive.Item> &\n  VariantProps<typeof commandItemVariants>;\n\nconst CommandItem = ({\n  className,\n  children,\n  size,\n  ...props\n}: CommandItemProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n  const { indicator, root } = commandItemVariants({ size: resolvedSize });\n\n  return (\n    <CommandPrimitive.Item\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-item\"\n      {...props}\n    >\n      <CommandItemContext.Provider value={contextValue}>\n        {children}\n      </CommandItemContext.Provider>\n      <HugeiconsIcon\n        className={indicator()}\n        icon={Tick02Icon}\n        strokeWidth={2}\n      />\n    </CommandPrimitive.Item>\n  );\n};\n\nexport { CommandItem };\n","\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { CommandContext } from \"./command-context\";\n\nconst commandListVariants = tv({\n  base: \"no-scrollbar overflow-x-hidden overflow-y-auto outline-none\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"max-h-80 scroll-py-1.5\",\n      md: \"max-h-72 scroll-py-1\",\n      sm: \"max-h-64 scroll-py-1\",\n      xl: \"max-h-96 scroll-py-2\",\n      xs: \"max-h-60 scroll-py-0.5\",\n    },\n  },\n});\n\nexport type CommandListProps = ComponentProps<typeof CommandPrimitive.List> &\n  VariantProps<typeof commandListVariants>;\n\nconst CommandList = ({ className, size, ...props }: CommandListProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <CommandPrimitive.List\n      className={cn(commandListVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandList };\n","\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type CommandSeparatorProps = ComponentProps<\n  typeof CommandPrimitive.Separator\n>;\n\nconst CommandSeparator = ({ className, ...props }: CommandSeparatorProps) => (\n  <CommandPrimitive.Separator\n    className={cn(\"bg-border -mx-1 h-px\", className)}\n    data-slot=\"command-separator\"\n    {...props}\n  />\n);\n\nexport { CommandSeparator };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { CommandContext, CommandItemContext } from \"./command-context\";\n\nconst commandShortcutVariants = tv({\n  base: \"text-muted-foreground group-data-[selected=true]/command-item:text-foreground ml-auto\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-xs tracking-widest\",\n      md: \"text-xs tracking-widest\",\n      sm: \"text-xs tracking-wide\",\n      xl: \"text-sm tracking-widest\",\n      xs: \"text-[10px] tracking-wide\",\n    },\n  },\n});\n\nexport type CommandShortcutProps = ComponentProps<\"span\"> &\n  VariantProps<typeof commandShortcutVariants>;\n\nconst CommandShortcut = ({\n  className,\n  size,\n  ...props\n}: CommandShortcutProps) => {\n  const { size: rootSize } = useContext(CommandContext);\n  const { size: itemSize } = useContext(CommandItemContext);\n  const resolvedSize: InputSize = size ?? itemSize ?? rootSize ?? \"md\";\n\n  return (\n    <span\n      className={cn(commandShortcutVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  );\n};\n\nexport { CommandShortcut };\n","\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { CommandContext } from \"./command-context\";\nimport { CommandDialog } from \"./command-dialog\";\nimport { CommandEmpty } from \"./command-empty\";\nimport { CommandGroup } from \"./command-group\";\nimport { CommandInput } from \"./command-input\";\nimport { CommandItem } from \"./command-item\";\nimport { CommandList } from \"./command-list\";\nimport { CommandSeparator } from \"./command-separator\";\nimport { CommandShortcut } from \"./command-shortcut\";\nexport type CommandProps = ComponentProps<typeof CommandPrimitive> & {\n  size?: InputSize;\n};\n\nconst Command = ({ className, size: providedSize, ...props }: CommandProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <CommandContext.Provider value={contextValue}>\n      <CommandPrimitive\n        className={cn(\n          \"bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1\",\n          className\n        )}\n        data-size={size}\n        data-slot=\"command\"\n        {...props}\n      />\n    </CommandContext.Provider>\n  );\n};\n\nCommand.Dialog = CommandDialog;\nCommand.Empty = CommandEmpty;\nCommand.Group = CommandGroup;\nCommand.Input = CommandInput;\nCommand.Item = CommandItem;\nCommand.List = CommandList;\nCommand.Separator = CommandSeparator;\nCommand.Shortcut = CommandShortcut;\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n\nexport type { CommandDialogProps } from \"./command-dialog\";\nexport type { CommandEmptyProps } from \"./command-empty\";\nexport type { CommandGroupProps } from \"./command-group\";\nexport type { CommandInputProps } from \"./command-input\";\nexport type { CommandItemProps } from \"./command-item\";\nexport type { CommandListProps } from \"./command-list\";\nexport type { CommandSeparatorProps } from \"./command-separator\";\nexport type { CommandShortcutProps } from \"./command-shortcut\";\n"],"mappings":"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"}

package/dist/ui/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","names":[],"sources":["../../src/ui/container/container.tsx"],"mappings":";;;;KAIY,cAAA,GAAiB,cAAA;AAAA,cAEhB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"container.d.ts","names":[],"sources":["../../src/ui/container/container.tsx"],"mappings":";;;;KAGY,cAAA,GAAiB,cAAA;AAAA,cAEhB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":[],"sources":["../../src/ui/container/container.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type ContainerProps = ComponentProps<\"div\">;\n\nexport const Container = ({ className, ...props }: ContainerProps) => (\n  <div\n    className={cn(\"mx-auto w-full max-w-[86rem] px-4\", className)}\n    data-slot=\"container\"\n    {...props}\n  />\n);\n"],"mappings":";;;;AAMA,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GAAG,qCAAqC,UAAU;CAC7D,aAAU;CACV,GAAI;EACJ"}
+{"version":3,"file":"container.js","names":[],"sources":["../../src/ui/container/container.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type ContainerProps = ComponentProps<\"div\">;\n\nexport const Container = ({ className, ...props }: ContainerProps) => (\n  <div\n    className={cn(\"mx-auto w-full max-w-[86rem] px-4\", className)}\n    data-slot=\"container\"\n    {...props}\n  />\n);\n"],"mappings":";;;;AAKA,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAAC,OAAD;CACE,WAAW,GAAG,qCAAqC,UAAU;CAC7D,aAAU;CACV,GAAI;CACJ"}