moduix 0.10.0 → 0.11.1

package/dist/components/Input/Input.css

@@ -0,0 +1,78 @@
+@layer ui.components {
+  .ek-HaW_root {
+    box-sizing: border-box;
+    width: var(--input-width, 100%);
+    max-width: var(--input-max-width, none);
+    min-height: var(--input-height, var(--input-height-md, var(--size-lg)));
+    border: var(--input-border-width, var(--border-width-sm)) var(--input-border-style, solid)
+      var(--input-border-color, var(--color-border));
+    border-radius: var(--input-radius, var(--radius-md));
+    padding: var(--input-padding-y, var(--input-padding-y-md, .5rem))
+      var(--input-padding-x, var(--input-padding-x-md, .875rem));
+    background-color: var(--input-bg, var(--color-background));
+    color: var(--input-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--input-font-size, var(--input-font-size-md, var(--text-md)));
+    line-height: var(--input-line-height, var(--input-line-height-md, var(--line-height-text-md)));
+    outline: var(--input-focus-ring-width, var(--input-border-width, var(--border-width-sm))) solid
+      transparent;
+    outline-offset: var(--input-focus-ring-offset, calc(0px - var(--input-border-width, var(--border-width-sm))));
+    transition: border-color var(--input-transition, var(--transition-default)),
+      outline-color var(--input-transition, var(--transition-default)),
+      opacity var(--input-transition, var(--transition-default));
+    margin: 0;
+  }
+
+  .ek-HaW_root::placeholder {
+    color: var(--input-placeholder-color, var(--color-muted-foreground));
+  }
+
+  .ek-HaW_root:focus-visible {
+    outline-color: var(--input-focus-ring-color, var(--color-ring));
+  }
+
+  .ek-HaW_root[data-invalid] {
+    border-color: var(--input-border-color-invalid, var(--color-destructive));
+  }
+
+  .ek-HaW_root[data-invalid]:focus-visible {
+    outline-color: var(--input-border-color-invalid, var(--color-destructive));
+  }
+
+  .ek-HaW_root[data-disabled] {
+    pointer-events: none;
+    opacity: var(--input-disabled-opacity, var(--opacity-disabled));
+  }
+
+  .ek-HaW_root[data-size="xs"] {
+    --input-height: var(--input-height-xs, var(--size-sm));
+    --input-padding-x: var(--input-padding-x-xs, .625rem);
+    --input-padding-y: var(--input-padding-y-xs, .25rem);
+    --input-font-size: var(--input-font-size-xs, var(--text-xs));
+    --input-line-height: var(--input-line-height-xs, var(--line-height-text-xs));
+  }
+
+  .ek-HaW_root[data-size="sm"] {
+    --input-height: var(--input-height-sm, 2rem);
+    --input-padding-x: var(--input-padding-x-sm, .75rem);
+    --input-padding-y: var(--input-padding-y-sm, .3125rem);
+    --input-font-size: var(--input-font-size-sm, var(--text-sm));
+    --input-line-height: var(--input-line-height-sm, var(--line-height-text-sm));
+  }
+
+  .ek-HaW_root[data-size="lg"] {
+    --input-height: var(--input-height-lg, var(--size-xl));
+    --input-padding-x: var(--input-padding-x-lg, 1rem);
+    --input-padding-y: var(--input-padding-y-lg, .625rem);
+    --input-font-size: var(--input-font-size-lg, var(--text-lg));
+    --input-line-height: var(--input-line-height-lg, var(--line-height-text-lg));
+  }
+
+  .ek-HaW_root[data-size="xl"] {
+    --input-height: var(--input-height-xl, 3rem);
+    --input-padding-x: var(--input-padding-x-xl, 1.125rem);
+    --input-padding-y: var(--input-padding-y-xl, .75rem);
+    --input-font-size: var(--input-font-size-xl, var(--text-lg));
+    --input-line-height: var(--input-line-height-xl, var(--line-height-text-lg));
+  }
+}

package/dist/components/Input/Input.d.ts

@@ -1,7 +1,12 @@
-import { ComponentProps } from 'react';
-type InputVisualSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare const Input: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').InputProps, "size"> & {
-    size?: InputVisualSize;
-    htmlSize?: ComponentProps<"input">["size"];
-}, "ref"> & import('react').RefAttributes<HTMLElement>>;
-export { Input };
+import { ComponentProps } from "react";
+import { Input } from "@base-ui/react/input";
+
+//#region src/components/Input/Input.d.ts
+type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type InputProps = Omit<Input.Props, 'size'> & {
+  size?: InputSize;
+  htmlSize?: ComponentProps<'input'>['size'];
+};
+declare const Input$1: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { Input$1 as Input, type InputProps, type InputSize };

package/dist/components/Input/Input.js

@@ -0,0 +1,18 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Input_module_default from "./Input.module.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Input } from "@base-ui/react/input";
+//#region src/components/Input/Input.tsx
+const Input$1 = forwardRef(function Input$2({ className, size = "md", htmlSize, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Input, {
+		ref,
+		"data-slot": "input-root",
+		"data-size": size,
+		className: mergeClassName(className, Input_module_default.root),
+		size: htmlSize,
+		...props
+	});
+});
+//#endregion
+export { Input$1 as Input };

package/dist/components/Input/Input.module.cjs

@@ -0,0 +1,5 @@
+import './Input.css';
+//#region src/components/Input/Input.module.css
+var Input_module_default = { "root": "ek-HaW_root" };
+//#endregion
+exports.default = Input_module_default;

package/dist/components/Input/Input.module.js

@@ -0,0 +1,5 @@
+import './Input.css';
+//#region src/components/Input/Input.module.css
+var Input_module_default = { "root": "ek-HaW_root" };
+//#endregion
+export { Input_module_default as default };

package/dist/components/Input/index.d.ts

@@ -1 +1 @@
-export { Input } from './Input';
+import { Input, InputProps, InputSize } from "./Input.js";

package/dist/components/InputGroup/InputGroup.cjs

@@ -0,0 +1,77 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Button = require("../Button/Button.cjs");
+const require_Input = require("../Input/Input.cjs");
+const require_InputGroup_module = require("./InputGroup.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+//#region src/components/InputGroup/InputGroup.tsx
+const InputGroupSizeContext = (0, react.createContext)("md");
+const InputGroup = (0, react.forwardRef)(function InputGroup({ children, className, onMouseDown, size = "md", ...props }, ref) {
+	const handleMouseDown = (event) => {
+		onMouseDown?.(event);
+		if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+		const target = event.target;
+		if (!(target instanceof HTMLElement)) return;
+		if (target.closest("button, a, input, select, textarea, [role=\"button\"], [role=\"link\"]")) return;
+		const input = event.currentTarget.querySelector("[data-slot=\"input-group-input\"]");
+		if (!(input instanceof HTMLInputElement) || input.disabled || input.readOnly) return;
+		input.focus();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputGroupSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			"data-slot": "input-group-root",
+			"data-size": size,
+			className: (0, clsx.clsx)(require_InputGroup_module.default.root, className),
+			onMouseDown: handleMouseDown,
+			...props,
+			children
+		})
+	});
+});
+const InputGroupInput = (0, react.forwardRef)(function InputGroupInput({ className, size, ...props }, ref) {
+	const groupSize = (0, react.useContext)(InputGroupSizeContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
+		ref,
+		"data-slot": "input-group-input",
+		className: require_mergeClassName.mergeClassName(className, require_InputGroup_module.default.input),
+		size: size ?? groupSize,
+		...props
+	});
+});
+const InputGroupAddon = (0, react.forwardRef)(function InputGroupAddon({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		"data-slot": "input-group-addon",
+		className: (0, clsx.clsx)(require_InputGroup_module.default.addon, className),
+		...props
+	});
+});
+const InputGroupText = (0, react.forwardRef)(function InputGroupText({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		"data-slot": "input-group-text",
+		className: (0, clsx.clsx)(require_InputGroup_module.default.text, className),
+		...props
+	});
+});
+const InputGroupButton = (0, react.forwardRef)(function InputGroupButton({ className, variant = "ghost", size, type = "button", ...props }, ref) {
+	const groupSize = (0, react.useContext)(InputGroupSizeContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		ref,
+		"data-slot": "input-group-button",
+		className: require_mergeClassName.mergeClassName(className, require_InputGroup_module.default.button),
+		variant,
+		size: size ?? groupSize,
+		type,
+		...props
+	});
+});
+//#endregion
+exports.InputGroup = InputGroup;
+exports.InputGroupAddon = InputGroupAddon;
+exports.InputGroupButton = InputGroupButton;
+exports.InputGroupInput = InputGroupInput;
+exports.InputGroupText = InputGroupText;

package/dist/components/InputGroup/InputGroup.css

@@ -0,0 +1,160 @@
+@layer ui.components {
+  .jSOrbG_root {
+    box-sizing: border-box;
+    width: var(--input-group-width, 100%);
+    max-width: var(--input-group-max-width, none);
+    min-height: var(--input-group-height, var(--input-group-height-md, var(--size-lg)));
+    border: var(--input-group-border-width, var(--border-width-sm))
+      var(--input-group-border-style, solid) var(--input-group-border-color, var(--color-border));
+    border-radius: var(--input-group-radius, var(--radius-md));
+    background-color: var(--input-group-bg, var(--color-background));
+    color: var(--input-group-color, var(--color-foreground));
+    outline: var(--input-group-focus-ring-width, var(--input-group-border-width, var(--border-width-sm)))
+      solid transparent;
+    outline-offset: var(--input-group-focus-ring-offset, -1px);
+    transition: border-color var(--input-group-transition, var(--transition-default)),
+      outline-color var(--input-group-transition, var(--transition-default)),
+      opacity var(--input-group-transition, var(--transition-default));
+    align-items: stretch;
+    display: flex;
+    overflow: hidden;
+
+    &:focus-within {
+      outline-color: var(--input-group-focus-ring-color, var(--color-ring));
+    }
+
+    &:has([data-slot="input-group-input"][data-invalid], [data-slot="input-group-input"][aria-invalid="true"]) {
+      border-color: var(--input-group-border-color-invalid, var(--color-destructive));
+    }
+
+    &:has([data-slot="input-group-input"][data-invalid], [data-slot="input-group-input"][aria-invalid="true"]):focus-within {
+      outline-color: var(--input-group-border-color-invalid, var(--color-destructive));
+    }
+
+    &:has([data-slot="input-group-input"][data-disabled], [data-slot="input-group-input"]:disabled) {
+      opacity: var(--input-group-disabled-opacity, var(--opacity-disabled));
+    }
+
+    &[data-size="xs"] {
+      --input-group-height: var(--input-group-height-xs, var(--size-sm));
+      --input-group-addon-padding-x: var(--input-group-addon-padding-x-xs, .625rem);
+      --input-group-font-size: var(--input-group-font-size-xs, var(--text-xs));
+      --input-group-line-height: var(--input-group-line-height-xs, var(--line-height-text-xs));
+      --input-group-input-padding-x: var(--input-group-input-padding-x-xs, .625rem);
+      --input-group-input-padding-y: var(--input-group-input-padding-y-xs, .25rem);
+    }
+
+    &[data-size="sm"] {
+      --input-group-height: var(--input-group-height-sm, 2rem);
+      --input-group-addon-padding-x: var(--input-group-addon-padding-x-sm, .75rem);
+      --input-group-font-size: var(--input-group-font-size-sm, var(--text-sm));
+      --input-group-line-height: var(--input-group-line-height-sm, var(--line-height-text-sm));
+      --input-group-input-padding-x: var(--input-group-input-padding-x-sm, .75rem);
+      --input-group-input-padding-y: var(--input-group-input-padding-y-sm, .3125rem);
+    }
+
+    &[data-size="md"] {
+      --input-group-height: var(--input-group-height-md, var(--size-lg));
+      --input-group-addon-padding-x: var(--input-group-addon-padding-x-md, .875rem);
+      --input-group-font-size: var(--input-group-font-size-md, var(--text-md));
+      --input-group-line-height: var(--input-group-line-height-md, var(--line-height-text-md));
+      --input-group-input-padding-x: var(--input-group-input-padding-x-md, .875rem);
+      --input-group-input-padding-y: var(--input-group-input-padding-y-md, .5rem);
+    }
+
+    &[data-size="lg"] {
+      --input-group-height: var(--input-group-height-lg, var(--size-xl));
+      --input-group-addon-padding-x: var(--input-group-addon-padding-x-lg, 1rem);
+      --input-group-font-size: var(--input-group-font-size-lg, var(--text-lg));
+      --input-group-line-height: var(--input-group-line-height-lg, var(--line-height-text-lg));
+      --input-group-input-padding-x: var(--input-group-input-padding-x-lg, 1rem);
+      --input-group-input-padding-y: var(--input-group-input-padding-y-lg, .625rem);
+    }
+
+    &[data-size="xl"] {
+      --input-group-height: var(--input-group-height-xl, 3rem);
+      --input-group-addon-padding-x: var(--input-group-addon-padding-x-xl, 1.125rem);
+      --input-group-font-size: var(--input-group-font-size-xl, var(--text-lg));
+      --input-group-line-height: var(--input-group-line-height-xl, var(--line-height-text-lg));
+      --input-group-input-padding-x: var(--input-group-input-padding-x-xl, 1.125rem);
+      --input-group-input-padding-y: var(--input-group-input-padding-y-xl, .75rem);
+    }
+  }
+
+  .jSOrbG_input {
+    min-width: 0;
+    min-height: 0;
+    font-size: var(--input-group-font-size, var(--text-md));
+    line-height: var(--input-group-line-height, var(--line-height-text-md));
+    padding-block: var(--input-group-input-padding-y, .5rem);
+    padding-inline: var(--input-group-input-padding-x, .875rem);
+    background-color: #0000;
+    border: 0;
+    border-radius: 0;
+    outline: 0;
+    flex: auto;
+  }
+
+  .jSOrbG_addon, .jSOrbG_text {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--input-group-addon-gap, var(--spacing-2));
+    min-width: max-content;
+    padding-inline: var(--input-group-addon-padding-x, .875rem);
+    background-color: var(--input-group-addon-bg, var(--color-muted));
+    color: var(--input-group-addon-color, var(--color-muted-foreground));
+    font-size: var(--input-group-font-size, var(--text-md));
+    line-height: var(--input-group-line-height, var(--line-height-text-md));
+    white-space: nowrap;
+    display: inline-flex;
+
+    & > svg {
+      width: var(--input-group-icon-size, 1rem);
+      height: var(--input-group-icon-size, 1rem);
+      flex-shrink: 0;
+    }
+  }
+
+  .jSOrbG_addon {
+    border-inline: var(--input-group-separator-width, var(--border-width-sm)) solid
+      var(--input-group-separator-color, var(--color-border));
+
+    &:first-child {
+      border-inline-start: 0;
+    }
+
+    &:last-child {
+      border-inline-end: 0;
+    }
+  }
+
+  .jSOrbG_text {
+    background-color: #0000;
+  }
+
+  .jSOrbG_button {
+    height: auto;
+    min-height: auto;
+    padding-block: 0;
+    padding-inline: var(--input-group-addon-padding-x, .875rem);
+    border: 0;
+    border-inline-start: var(--input-group-separator-width, var(--border-width-sm)) solid
+      var(--input-group-separator-color, var(--color-border));
+    color: var(--input-group-button-color, var(--color-foreground));
+    font-size: var(--input-group-font-size, var(--text-sm));
+    line-height: var(--input-group-line-height, var(--line-height-text-sm));
+    border-radius: 0;
+    align-self: stretch;
+
+    &:first-child {
+      border-inline-start: 0;
+      border-inline-end: var(--input-group-separator-width, var(--border-width-sm)) solid
+        var(--input-group-separator-color, var(--color-border));
+    }
+
+    &:focus-visible {
+      outline-offset: var(--input-group-button-focus-ring-offset, -1px);
+    }
+  }
+}

package/dist/components/InputGroup/InputGroup.d.ts

@@ -1,16 +1,14 @@
-import { ComponentProps } from 'react';
-import { Input } from '../Input';
-declare const InputGroup: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-    size?: ComponentProps<typeof Input>["size"];
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const InputGroupInput: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').InputProps, "size"> & {
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    htmlSize?: ComponentProps<"input">["size"];
-}, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const InputGroupText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & {
-    variant?: "default" | "outline" | "secondary" | "destructive" | "destructive-outline" | "ghost" | "link";
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg";
-}, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-export { InputGroup, InputGroupInput, InputGroupAddon, InputGroupText, InputGroupButton };
+import { ButtonProps } from "../Button/Button.js";
+import { Input, InputProps } from "../Input/Input.js";
+import { ComponentProps } from "react";
+
+//#region src/components/InputGroup/InputGroup.d.ts
+declare const InputGroup: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  size?: ComponentProps<typeof Input>["size"];
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const InputGroupInput: import("react").ForwardRefExoticComponent<Omit<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const InputGroupAddon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const InputGroupText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const InputGroupButton: import("react").ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText };

package/dist/components/InputGroup/InputGroup.js

@@ -0,0 +1,73 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import { Button } from "../Button/Button.js";
+import { Input } from "../Input/Input.js";
+import InputGroup_module_default from "./InputGroup.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { createContext, forwardRef, useContext } from "react";
+//#region src/components/InputGroup/InputGroup.tsx
+const InputGroupSizeContext = createContext("md");
+const InputGroup = forwardRef(function InputGroup({ children, className, onMouseDown, size = "md", ...props }, ref) {
+	const handleMouseDown = (event) => {
+		onMouseDown?.(event);
+		if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+		const target = event.target;
+		if (!(target instanceof HTMLElement)) return;
+		if (target.closest("button, a, input, select, textarea, [role=\"button\"], [role=\"link\"]")) return;
+		const input = event.currentTarget.querySelector("[data-slot=\"input-group-input\"]");
+		if (!(input instanceof HTMLInputElement) || input.disabled || input.readOnly) return;
+		input.focus();
+	};
+	return /* @__PURE__ */ jsx(InputGroupSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			"data-slot": "input-group-root",
+			"data-size": size,
+			className: clsx(InputGroup_module_default.root, className),
+			onMouseDown: handleMouseDown,
+			...props,
+			children
+		})
+	});
+});
+const InputGroupInput = forwardRef(function InputGroupInput({ className, size, ...props }, ref) {
+	const groupSize = useContext(InputGroupSizeContext);
+	return /* @__PURE__ */ jsx(Input, {
+		ref,
+		"data-slot": "input-group-input",
+		className: mergeClassName(className, InputGroup_module_default.input),
+		size: size ?? groupSize,
+		...props
+	});
+});
+const InputGroupAddon = forwardRef(function InputGroupAddon({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "input-group-addon",
+		className: clsx(InputGroup_module_default.addon, className),
+		...props
+	});
+});
+const InputGroupText = forwardRef(function InputGroupText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "input-group-text",
+		className: clsx(InputGroup_module_default.text, className),
+		...props
+	});
+});
+const InputGroupButton = forwardRef(function InputGroupButton({ className, variant = "ghost", size, type = "button", ...props }, ref) {
+	const groupSize = useContext(InputGroupSizeContext);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		"data-slot": "input-group-button",
+		className: mergeClassName(className, InputGroup_module_default.button),
+		variant,
+		size: size ?? groupSize,
+		type,
+		...props
+	});
+});
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText };

package/dist/components/InputGroup/InputGroup.module.cjs

@@ -0,0 +1,11 @@
+import './InputGroup.css';
+//#region src/components/InputGroup/InputGroup.module.css
+var InputGroup_module_default = {
+	"addon": "jSOrbG_addon",
+	"button": "jSOrbG_button",
+	"input": "jSOrbG_input",
+	"root": "jSOrbG_root",
+	"text": "jSOrbG_text"
+};
+//#endregion
+exports.default = InputGroup_module_default;

package/dist/components/InputGroup/InputGroup.module.js

@@ -0,0 +1,11 @@
+import './InputGroup.css';
+//#region src/components/InputGroup/InputGroup.module.css
+var InputGroup_module_default = {
+	"addon": "jSOrbG_addon",
+	"button": "jSOrbG_button",
+	"input": "jSOrbG_input",
+	"root": "jSOrbG_root",
+	"text": "jSOrbG_text"
+};
+//#endregion
+export { InputGroup_module_default as default };

package/dist/components/InputGroup/index.d.ts

@@ -1 +1 @@
-export { InputGroup, InputGroupInput, InputGroupAddon, InputGroupText, InputGroupButton, } from './InputGroup';
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText } from "./InputGroup.js";

package/dist/components/Kbd/Kbd.cjs

@@ -0,0 +1,23 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Kbd_module = require("./Kbd.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+//#region src/components/Kbd/Kbd.tsx
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+		"data-slot": "kbd-root",
+		className: (0, clsx.default)(require_Kbd_module.default.root, className),
+		...props
+	});
+}
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+		"data-slot": "kbd-group",
+		className: (0, clsx.default)(require_Kbd_module.default.group, className),
+		...props
+	});
+}
+//#endregion
+exports.Kbd = Kbd;
+exports.KbdGroup = KbdGroup;

package/dist/components/Kbd/Kbd.css

@@ -0,0 +1,49 @@
+@layer ui.components {
+  .qUSm7q_root {
+    box-sizing: border-box;
+    min-width: var(--kbd-min-width, var(--kbd-height, 1.5rem));
+    height: var(--kbd-height, 1.5rem);
+    border: var(--kbd-border-width, var(--border-width-sm)) solid
+      var(--kbd-border-color, var(--color-border));
+    border-radius: var(--kbd-radius, var(--radius-sm));
+    max-width: 100%;
+    padding-block: var(--kbd-padding-y, 0);
+    padding-inline: var(--kbd-padding-x, .4375rem);
+    background-color: var(--kbd-bg, var(--color-muted));
+    box-shadow: var(--kbd-shadow, inset 0 -1px 0 color-mix(in oklab, var(--color-foreground) 12%, transparent));
+    color: var(--kbd-color, var(--color-foreground));
+    font-family: var(--kbd-font-family, var(--font-mono));
+    font-size: var(--kbd-font-size, var(--text-xs));
+    font-weight: var(--kbd-font-weight, var(--weight-medium));
+    line-height: var(--kbd-line-height, var(--line-height-text-xs));
+    font-variant-numeric: tabular-nums;
+    text-align: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    user-select: none;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    overflow: hidden;
+  }
+
+  .qUSm7q_group {
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--kbd-group-gap, .25rem);
+    max-width: 100%;
+    box-shadow: none;
+    color: var(--kbd-group-separator-color, var(--color-muted-foreground));
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    vertical-align: middle;
+    white-space: nowrap;
+    background: none;
+    border: 0;
+    padding: 0;
+    display: inline-flex;
+  }
+}

package/dist/components/Kbd/Kbd.d.ts

@@ -1,4 +1,13 @@
-import { ComponentPropsWithoutRef } from 'react';
-declare function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>): import("react/jsx-runtime").JSX.Element;
-declare function KbdGroup({ className, ...props }: ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
-export { Kbd, KbdGroup };
+import { ComponentPropsWithoutRef } from "react";
+
+//#region src/components/Kbd/Kbd.d.ts
+declare function Kbd({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'kbd'>): import("react").JSX.Element;
+declare function KbdGroup({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'kbd'>): import("react").JSX.Element;
+//#endregion
+export { Kbd, KbdGroup };

package/dist/components/Kbd/Kbd.js

@@ -0,0 +1,20 @@
+import Kbd_module_default from "./Kbd.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Kbd/Kbd.tsx
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd-root",
+		className: clsx$1(Kbd_module_default.root, className),
+		...props
+	});
+}
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd-group",
+		className: clsx$1(Kbd_module_default.group, className),
+		...props
+	});
+}
+//#endregion
+export { Kbd, KbdGroup };

package/dist/components/Kbd/Kbd.module.cjs

@@ -0,0 +1,8 @@
+import './Kbd.css';
+//#region src/components/Kbd/Kbd.module.css
+var Kbd_module_default = {
+	"group": "qUSm7q_group",
+	"root": "qUSm7q_root"
+};
+//#endregion
+exports.default = Kbd_module_default;

package/dist/components/Kbd/Kbd.module.js

@@ -0,0 +1,8 @@
+import './Kbd.css';
+//#region src/components/Kbd/Kbd.module.css
+var Kbd_module_default = {
+	"group": "qUSm7q_group",
+	"root": "qUSm7q_root"
+};
+//#endregion
+export { Kbd_module_default as default };

package/dist/components/Kbd/index.d.ts

@@ -1 +1 @@
-export * from './Kbd';
+import { Kbd, KbdGroup } from "./Kbd.js";