@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/command.js

@@ -0,0 +1,252 @@
+"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 { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { SearchIcon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Command as Command$1 } 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$1.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$1.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$1.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$1.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$1.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$1.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
+//#region src/ui/command/command.tsx
+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;
+Command.Input = CommandInput;
+Command.Item = CommandItem;
+Command.List = CommandList;
+Command.Separator = CommandSeparator;
+Command.Shortcut = CommandShortcut;
+
+//#endregion
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+//# sourceMappingURL=command.js.map

package/dist/ui/command.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,cAAmC,EACxD,MAAM,MACP,CAAC;AAEF,MAAM,qBAAqB,cAAuC,EAAE,CAAC;;;;ACMrE,MAAM,iBAAiB,EACrB,QAAQ,mBACR,cAAc,kCACd,UACA,WACA,kBAAkB,OAClB,GAAG,YAEH,qBAAC;CAAO,GAAI;YACV,qBAAC;EAAa,WAAU;aACtB,oBAAC,yBAAa,QAAoB,EAClC,oBAAC,+BAAmB,cAAgC;GACvC,EACf,oBAAC;EACC,WAAW,GAAG,mCAAmC,UAAU;EAC1C;EAEhB;GACa;EACT;;;;AC/BX,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,EAAE,MAAM,aAAa,WAAW,eAAe;CACrD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAACA,UAAiB;EAChB,WAAW,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACtE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC7BN,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,EAAE,MAAM,aAAa,WAAW,eAAe;CACrD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAACC,UAAiB;EAChB,WAAW,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACtE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACnBN,MAAM,qCAAqC,SAAoB;AAC7D,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,QAAO;;AAGT,MAAM,oCAAoC,SAAoB;AAC5D,KAAI,SAAS,KACX,QAAO;AAGT,KAAI,SAAS,KACX,QAAO;AAGT,QAAO;;AAGT,MAAM,gBAAgB,EACpB,WACA,UACA,MACA,GAAG,YACoB;CACvB,MAAM,EAAE,MAAM,aAAa,WAAW,eAAe;CACrD,MAAM,eAAe,QAAQ,YAAY;AAEzC,QACE,oBAAC;EACC,WAAU;EACV,aAAW;EACX,aAAU;YAEV,qBAAC;GACC,WAAU;GACV,MAAM;cAEN,oBAACC,UAAiB;IAChB,WAAW,GACT,yEACA,iCAAiC,aAAa,EAC9C,UACD;IACD,aAAW;IACX,aAAU;IACV,MAAM;IACN,GAAI;KACJ,EACF,oBAAC,6BACC,oBAAC;IACC,WAAW,GACT,kCAAkC,aAAa,EAC/C,sBACD;IACD,MAAM;IACN,aAAa;KACb,GACc;IACP;GACT;;;;;AC7EV,MAAM,sBAAsB,GAAG;CAC7B,OAAO;EACL,WACE;EACF,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,WAAW;GACX,MAAM;GACP;EACD,IAAI;GACF,WAAW;GACX,MAAM;GACP;EACD,IAAI;GACF,WAAW;GACX,MAAM;GACP;EACD,IAAI;GACF,WAAW;GACX,MAAM;GACP;EACD,IAAI;GACF,WAAW;GACX,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,eAAe,EACnB,WACA,UACA,MACA,GAAG,YACmB;CACtB,MAAM,EAAE,MAAM,aAAa,WAAW,eAAe;CACrD,MAAM,eAA0B,QAAQ,YAAY;CACpD,MAAM,EAAE,WAAW,SAAS,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEvE,QACE,qBAACC,UAAiB;EAChB,WAAW,GAAG,MAAM,EAAE,UAAU;EAChC,aAAW;EACX,aAAU;EACV,GAAI;aAEJ,oBAAC,mBAAmB;GAAS,OAAO,EAAE,MAAM,cAAc;GACvD;IAC2B,EAC9B,oBAAC;GACC,WAAW,WAAW;GACtB,MAAM;GACN,aAAa;IACb;GACoB;;;;;ACjE5B,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,EAAE,MAAM,aAAa,WAAW,eAAe;CACrD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAACC,UAAiB;EAChB,WAAW,GAAG,oBAAoB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACrE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC/BN,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,UAAiB;CAChB,WAAW,GAAG,wBAAwB,UAAU;CAChD,aAAU;CACV,GAAI;EACJ;;;;ACJJ,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,mBAAmB,EACvB,WACA,MACA,GAAG,YACuB;CAC1B,MAAM,EAAE,MAAM,aAAa,WAAW,eAAe;CACrD,MAAM,EAAE,MAAM,aAAa,WAAW,mBAAmB;CACzD,MAAM,eAA0B,QAAQ,YAAY,YAAY;AAEhE,QACE,oBAAC;EACC,WAAW,GAAG,wBAAwB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACzE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACtBN,MAAM,WAAW,EAAE,WAAW,MAAM,cAAc,GAAG,YAA0B;CAC7E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,eAAe;EAAS,OAAO,EAAE,MAAM;YACtC,oBAACC;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/ui/container.d.ts.map

@@ -0,0 +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"}

package/dist/ui/container.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+
+//#region src/ui/container/container.tsx
+const Container = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("mx-auto w-full max-w-[86rem] px-4", className),
+	"data-slot": "container",
+	...props
+});
+
+//#endregion
+export { Container };
+//# sourceMappingURL=container.js.map

package/dist/ui/container.js.map

@@ -0,0 +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"}