@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/command-shortcut-fALFGGNB.js

@@ -0,0 +1,226 @@
+import { a as InputGroupAddon } from "./input-group-textarea-C6ixncHC.js";
+import { InputGroup } from "./input-group.js";
+import { i as DialogHeader, n as DialogTitle, o as DialogDescription, s as DialogContent } from "./dialog-trigger-Qa2UBwDK.js";
+import { Dialog } from "./dialog.js";
+import { cn, tv } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchIcon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Command } from "cmdk";
+
+//#region src/ui/command/command-context.tsx
+const CommandContext = createContext({ size: "md" });
+const CommandItemContext = createContext({});
+
+//#endregion
+//#region src/ui/command/command-dialog.tsx
+const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) => /* @__PURE__ */ jsxs(Dialog, {
+	...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 rounded-xl! p-0", className),
+		showCloseButton,
+		children
+	})]
+});
+
+//#endregion
+//#region src/ui/command/command-empty.tsx
+const commandEmptyVariants = tv({
+	base: "text-center",
+	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" }
+});
+const CommandEmpty = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(CommandContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(Command.Empty, {
+		className: cn(commandEmptyVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "command-empty",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/command/command-group.tsx
+const commandGroupVariants = tv({
+	base: "overflow-hidden text-foreground",
+	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" }
+});
+const CommandGroup = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(CommandContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(Command.Group, {
+		className: cn(commandGroupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "command-group",
+		...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";
+	return /* @__PURE__ */ jsx("div", {
+		className: "p-1 pb-0",
+		"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!",
+			size: resolvedSize,
+			children: [/* @__PURE__ */ jsx(Command.Input, {
+				className: cn("w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50", getCommandInputTextSizeClassName(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"),
+				icon: SearchIcon,
+				strokeWidth: 2
+			}) })]
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/command/command-item.tsx
+const commandItemVariants = tv({
+	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!"
+	},
+	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"
+		},
+		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"
+		},
+		xl: {
+			indicator: "size-5",
+			root: "gap-2.5 px-3 py-2.5 text-base [&_svg:not([class*='size-'])]:size-5"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const CommandItem = ({ className, children, size, ...props }) => {
+	const { size: rootSize } = useContext(CommandContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	const { indicator, root } = commandItemVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsxs(Command.Item, {
+		className: cn(root(), className),
+		"data-size": resolvedSize,
+		"data-slot": "command-item",
+		...props,
+		children: [/* @__PURE__ */ jsx(CommandItemContext.Provider, {
+			value: { size: resolvedSize },
+			children
+		}), /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: indicator(),
+			icon: Tick02Icon,
+			strokeWidth: 2
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/command/command-list.tsx
+const commandListVariants = tv({
+	base: "no-scrollbar overflow-x-hidden overflow-y-auto outline-none",
+	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" }
+});
+const CommandList = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(CommandContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(Command.List, {
+		className: cn(commandListVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "command-list",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/command/command-separator.tsx
+const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Command.Separator, {
+	className: cn("-mx-1 h-px bg-border", className),
+	"data-slot": "command-separator",
+	...props
+});
+
+//#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",
+	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" }
+});
+const CommandShortcut = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(CommandContext);
+	const { size: itemSize } = useContext(CommandItemContext);
+	const resolvedSize = size ?? itemSize ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(commandShortcutVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "command-shortcut",
+		...props
+	});
+};
+
+//#endregion
+export { CommandInput as a, CommandDialog as c, CommandItem as i, CommandContext as l, CommandSeparator as n, CommandGroup as o, CommandList as r, CommandEmpty as s, CommandShortcut as t };
+//# sourceMappingURL=command-shortcut-fALFGGNB.js.map

package/dist/command-shortcut-fALFGGNB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-shortcut-fALFGGNB.js","names":["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"],"sourcesContent":["import { 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"],"mappings":"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"}

package/dist/command.d.ts

@@ -1,58 +1,20 @@
-import "./accordion-trigger-B51W3Rdg.js";
-import "./alert-title-W1oau4D6.js";
-import { $ as CommandEmpty, J as CommandSeparator, Q as CommandGroup, X as CommandItem, Y as CommandList, Z as CommandInput, et as CommandDialog, q as CommandShortcut } from "./use-sidebar-CYBPR0ue.js";
-import "./announcement-title-3cikJ44S.js";
-import "./autocomplete-value-DUN1Jprs.js";
-import "./avatar-image-DPunh5Hd.js";
-import "./breadcrumb-separator-C6zfQJ5p.js";
-import "./card-title-Dk0akcFR.js";
-import "./collapsible-trigger-DjL8pGgf.js";
-import "./use-combobox-anchor-DKwvfnFx.js";
-import { c as DialogOverlayProps, f as DialogFooterProps, g as DialogContentProps, i as DialogTitleProps, m as DialogDescriptionProps, n as DialogTriggerProps, o as DialogPortalProps, u as DialogHeaderProps, v as DialogCloseProps } from "./dialog-trigger-B5HeOikl.js";
-import { DialogProps } from "./dialog.js";
-import "./context-menu-trigger-DHPhlnvV.js";
-import "./drawer-viewport-DejmWgmc.js";
-import "./dropdown-menu-trigger-DEdnOFwc.js";
-import "./dropzone-context-DNiJThhB.js";
-import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
-import "./empty-title-CcQlXOlP.js";
-import "./hover-card-trigger-CRzFaoL4.js";
-import "./input-otp-slot-B19cyjk_.js";
-import "./kbd-group-PUw0yaIv.js";
-import "./marquee-item-BCswidMf.js";
-import "./menubar-trigger-Gx-lmpr9.js";
-import "./meter-value-FRDEI8VE.js";
-import "./navigation-menu-trigger-ryYftbUl.js";
-import "./number-field-scrub-area-cursor-BIS4ObSL.js";
-import "./pagination-previous-NpFopV3e.js";
-import "./pill-status-BS75xd9Z.js";
-import "./popover-trigger-C8pR26Xp.js";
-import "./progress-value-BGhNh_xb.js";
-import "./radio-group-item-DCXseC2o.js";
-import "./rating-star-CxVJUZmc.js";
-import "./resizable-panel-D4Brid-G.js";
-import "./scroll-bar-L-sXig2v.js";
-import "./select-value-D8pFrPKG.js";
-import "./sheet-trigger-B_N_tXmj.js";
-import "./tooltip-trigger-B43yfWhK.js";
-import "./table-row-BSEIkZEJ.js";
-import "./tabs-trigger-ChutNdGI.js";
-import "./use-timeline-Dcj9DR0I.js";
-import "./toggle-group-item-CrPxpOF5.js";
-import "./toolbar-separator-DbkRIfIA.js";
-import "./typography-ul-Dy8wQB_p.js";
-import "./index.js";
-import * as react from "react";
+import { InputSize } from "./input.js";
+import "./dialog-viewport-_iN9a_OF.js";
+import { a as CommandList, c as CommandItemProps, d as CommandGroup, f as CommandGroupProps, g as CommandDialogProps, h as CommandDialog, i as CommandSeparatorProps, l as CommandInput, m as CommandEmptyProps, n as CommandShortcutProps, o as CommandListProps, p as CommandEmpty, r as CommandSeparator, s as CommandItem, t as CommandShortcut, u as CommandInputProps } from "./command-shortcut-B42eSLXJ.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region src/ui/command/command.d.ts
+type CommandProps = ComponentProps<typeof Command$1> & {
+  size?: InputSize;
+};
 declare const Command: {
   ({
     className,
+    size: providedSize,
     ...props
-  }: ComponentProps<typeof Command$1>): react_jsx_runtime0.JSX.Element;
+  }: CommandProps): react_jsx_runtime0.JSX.Element;
   Dialog: ({
     title,
     description,
@@ -60,85 +22,44 @@ declare const Command: {
     className,
     showCloseButton,
     ...props
-  }: Omit<ComponentProps<{
-    ({
-      ...props
-    }: DialogProps): react_jsx_runtime0.JSX.Element;
-    Close: ({
-      ...props
-    }: DialogCloseProps) => react_jsx_runtime0.JSX.Element;
-    Content: ({
-      className,
-      children,
-      showCloseButton,
-      ...props
-    }: DialogContentProps) => react_jsx_runtime0.JSX.Element;
-    Description: ({
-      className,
-      ...props
-    }: DialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
-    Footer: ({
-      className,
-      showCloseButton,
-      children,
-      ...props
-    }: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
-    Header: ({
-      className,
-      ...props
-    }: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
-    Overlay: ({
-      className,
-      ...props
-    }: DialogOverlayProps) => react_jsx_runtime0.JSX.Element;
-    Portal: ({
-      ...props
-    }: DialogPortalProps) => react_jsx_runtime0.JSX.Element;
-    Title: ({
-      className,
-      ...props
-    }: DialogTitleProps) => react_jsx_runtime0.JSX.Element;
-    Trigger: ({
-      className,
-      ...props
-    }: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
-  }>, "children"> & {
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }: CommandDialogProps) => react_jsx_runtime0.JSX.Element;
   Empty: ({
     className,
+    size,
     ...props
-  }: ComponentProps<typeof Command$1.Empty>) => react_jsx_runtime0.JSX.Element;
+  }: CommandEmptyProps) => react_jsx_runtime0.JSX.Element;
   Group: ({
     className,
+    size,
     ...props
-  }: ComponentProps<typeof Command$1.Group>) => react_jsx_runtime0.JSX.Element;
+  }: CommandGroupProps) => react_jsx_runtime0.JSX.Element;
   Input: ({
     className,
+    htmlSize,
+    size,
     ...props
-  }: ComponentProps<typeof Command$1.Input>) => react_jsx_runtime0.JSX.Element;
+  }: CommandInputProps) => react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
     children,
+    size,
     ...props
-  }: ComponentProps<typeof Command$1.Item>) => react_jsx_runtime0.JSX.Element;
+  }: CommandItemProps) => react_jsx_runtime0.JSX.Element;
   List: ({
     className,
+    size,
     ...props
-  }: ComponentProps<typeof Command$1.List>) => react_jsx_runtime0.JSX.Element;
+  }: CommandListProps) => react_jsx_runtime0.JSX.Element;
   Separator: ({
     className,
     ...props
-  }: ComponentProps<typeof Command$1.Separator>) => react_jsx_runtime0.JSX.Element;
+  }: CommandSeparatorProps) => react_jsx_runtime0.JSX.Element;
   Shortcut: ({
     className,
+    size,
     ...props
-  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  }: CommandShortcutProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps };
 //# sourceMappingURL=command.d.ts.map

package/dist/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","names":[],"sources":["../src/ui/command/command.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgBM,OAAA;EAAA;;;KAGH,cAAA,QAAsB,SAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"command.d.ts","names":[],"sources":["../src/ui/command/command.tsx"],"mappings":";;;;;;;;KAmBY,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/command.js

@@ -1,16 +1,24 @@
 "use client";
 
-import { a as CommandInput, c as CommandDialog, i as CommandItem, n as CommandSeparator, o as CommandGroup, r as CommandList, s as CommandEmpty, t as CommandShortcut } from "./command-shortcut-Dpx3liOF.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as CommandInput, c as CommandDialog, i as CommandItem, l as CommandContext, n as CommandSeparator, o as CommandGroup, r as CommandList, s as CommandEmpty, t as CommandShortcut } from "./command-shortcut-fALFGGNB.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region src/ui/command/command.tsx
-const Command = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1, {
-	className: cn("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", className),
-	"data-slot": "command",
-	...props
-});
+const Command = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(CommandContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Command$1, {
+			className: cn("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", className),
+			"data-size": size,
+			"data-slot": "command",
+			...props
+		})
+	});
+};
 Command.Dialog = CommandDialog;
 Command.Empty = CommandEmpty;
 Command.Group = CommandGroup;

package/dist/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["CommandPrimitive"],"sources":["../src/ui/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"tailwind-variants\";\n\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\";\n\nconst Command = ({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive>) => (\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-slot=\"command\"\n    {...props}\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"],"mappings":";;;;;;;;AAgBA,MAAM,WAAW,EACf,WACA,GAAG,YAEH,oBAACA;CACC,WAAW,GACT,8FACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,OAAO;AACf,QAAQ,OAAO;AACf,QAAQ,YAAY;AACpB,QAAQ,WAAW"}
+{"version":3,"file":"command.js","names":["CommandPrimitive"],"sources":["../src/ui/command/command.tsx"],"sourcesContent":["\"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":";;;;;;;;;AAuBA,MAAM,WAAW,EAAE,WAAW,MAAM,cAAc,GAAG,YAA0B;CAC7E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,eAAe;EAAS,OAAO,EAAE,MAAM;YACtC,oBAACA;GACC,WAAW,GACT,8FACA,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GACsB;;AAI9B,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,OAAO;AACf,QAAQ,OAAO;AACf,QAAQ,YAAY;AACpB,QAAQ,WAAW"}

package/dist/container.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/container/container.tsx
 const Container = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("mx-auto w-full max-w-[86rem] px-4 sm:px-6 lg:px-8", className),
+	className: cn("mx-auto w-full max-w-[86rem] px-4", className),
 	"data-slot": "container",
 	...props
 });

package/dist/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(\n      \"mx-auto w-full max-w-[86rem] px-4 sm:px-6 lg:px-8\",\n      className\n    )}\n    data-slot=\"container\"\n    {...props}\n  />\n);\n"],"mappings":";;;;AAMA,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,qDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}
+{"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"}