@elmeragroup/fuse 0.1.0-canary.1

package/components/heading/heading-variants.d.ts

@@ -0,0 +1,91 @@
+//#region src/components/heading/heading-variants.d.ts
+export declare const headingVariants: import("tailwind-variants").TVReturnType<{
+  size: {
+    default: "text-base leading-snug";
+    sm: "text-sm leading-snug";
+    lg: "text-lg leading-snug";
+    xl: "text-xl leading-snug";
+    "2xl": "text-2xl leading-snug";
+    "3xl": "text-3xl leading-snug";
+    "4xl": "text-4xl leading-snug";
+    "5xl": "text-5xl leading-snug";
+    "6xl": "text-6xl leading-tight";
+  };
+  font: {
+    default: "font-medium";
+    normal: "font-normal";
+    "semi-bold": "font-semibold";
+  };
+  noMargin: {
+    true: "mb-0";
+  };
+  uppercase: {
+    true: "uppercase";
+  };
+}, undefined, "font-heading text-foreground", {
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined, import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined, undefined, {
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined>>>;
+//#endregion
+//# sourceMappingURL=heading-variants.d.ts.map

package/components/heading/heading-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-variants.d.ts","names":[],"sources":["../../../src/components/heading/heading-variants.ts"],"mappings":";qBAgBa,6CAAe"}

package/components/heading/heading-variants.js

@@ -0,0 +1,48 @@
+import { typographyFragments } from "../../styles/typography-fragments.js";
+import { tv } from "tailwind-variants";
+//#region src/components/heading/heading-variants.ts
+/**
+* PUBLIC recipe. Other package modules import this file relatively;
+* consumers borrow it from `@elmeragroup/fuse/heading`.
+*
+* Colour (`variant`) and start/center/end (`align`) come from the package-private
+* `typographyFragments` recipe via `extend`. Size, font, noMargin, and uppercase
+* stay here.
+*
+* - `destructive` keeps its ref value name for consumer compat, but the class is
+*   `text-error` — no `destructive` class appears in library source.
+* - `size` is a type-scale axis, not a density control-box rung: it does not read `--control-*`.
+*/
+const headingVariants = tv({
+	extend: typographyFragments,
+	base: "font-heading text-foreground",
+	variants: {
+		size: {
+			default: "text-base leading-snug",
+			sm: "text-sm leading-snug",
+			lg: "text-lg leading-snug",
+			xl: "text-xl leading-snug",
+			"2xl": "text-2xl leading-snug",
+			"3xl": "text-3xl leading-snug",
+			"4xl": "text-4xl leading-snug",
+			"5xl": "text-5xl leading-snug",
+			"6xl": "text-6xl leading-tight"
+		},
+		font: {
+			default: "font-medium",
+			normal: "font-normal",
+			"semi-bold": "font-semibold"
+		},
+		noMargin: { true: "mb-0" },
+		uppercase: { true: "uppercase" }
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		font: "default"
+	}
+});
+//#endregion
+export { headingVariants };
+
+//# sourceMappingURL=heading-variants.js.map

package/components/heading/heading-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-variants.js","names":[],"sources":["../../../src/components/heading/heading-variants.ts"],"sourcesContent":["/**\n * PUBLIC recipe. Other package modules import this file relatively;\n * consumers borrow it from `@elmeragroup/fuse/heading`.\n *\n * Colour (`variant`) and start/center/end (`align`) come from the package-private\n * `typographyFragments` recipe via `extend`. Size, font, noMargin, and uppercase\n * stay here.\n *\n * - `destructive` keeps its ref value name for consumer compat, but the class is\n *   `text-error` — no `destructive` class appears in library source.\n * - `size` is a type-scale axis, not a density control-box rung: it does not read `--control-*`.\n */\nimport { tv } from \"tailwind-variants\";\n\nimport { typographyFragments } from \"../../styles/typography-fragments\";\n\nexport const headingVariants = tv({\n  extend: typographyFragments,\n  base: \"font-heading text-foreground\",\n  variants: {\n    size: {\n      default: \"text-base leading-snug\",\n      sm: \"text-sm leading-snug\",\n      lg: \"text-lg leading-snug\",\n      xl: \"text-xl leading-snug\",\n      \"2xl\": \"text-2xl leading-snug\",\n      \"3xl\": \"text-3xl leading-snug\",\n      \"4xl\": \"text-4xl leading-snug\",\n      \"5xl\": \"text-5xl leading-snug\",\n      \"6xl\": \"text-6xl leading-tight\",\n    },\n    font: {\n      default: \"font-medium\",\n      normal: \"font-normal\",\n      \"semi-bold\": \"font-semibold\",\n    },\n    noMargin: {\n      true: \"mb-0\",\n    },\n    uppercase: {\n      true: \"uppercase\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n    font: \"default\",\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,kBAAkB,GAAG;CAChC,QAAQ;CACR,MAAM;CACN,UAAU;EACR,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,aAAa;EACf;EACA,UAAU,EACR,MAAM,OACR;EACA,WAAW,EACT,MAAM,YACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,MAAM;CACR;AACF,CAAC"}

package/components/heading/heading.d.ts

@@ -0,0 +1,23 @@
+import { headingVariants } from "./heading-variants.js";
+import { ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/heading/heading.d.ts
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingProps = useRender.ComponentProps<"h2"> & VariantProps<typeof headingVariants> & {
+  /**
+   * Document-outline level — `1`–`6` picks the rendered `h1`–`h6`. Defaults to `2`.
+   * Visual `size` is independent of `level`.
+   */
+  level?: HeadingLevel;
+};
+/**
+ * Plain `h1`–`h6` typography primitive. `level` owns the document outline; `size` owns
+ * the type scale. Polymorphism is `render` via base-ui `useRender`, never `as`.
+ */
+export declare function Heading({ className, variant, size, font, level, noMargin, uppercase, align, render, ...props }: HeadingProps): ReactElement;
+export declare namespace Heading {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=heading.d.ts.map

package/components/heading/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","names":[],"sources":["../../../src/components/heading/heading.tsx"],"mappings":";;;;;KAWK;YAcO,eAAe,UAAU,uBACnC,oBAAoB;;;;;EAKlB,QAAQ;;;;;;wBAOI,UACd,WACA,SACA,MACA,MACA,OACA,UACA,WACA,OACA,WACG,SACF,eAAe;yBAXF;MAAA"}

package/components/heading/heading.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { headingVariants } from "./heading-variants.js";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/heading/heading.tsx
+function getSizeByHeadingLevel(level) {
+	switch (level) {
+		case 1: return "2xl";
+		case 2: return "lg";
+		default: return "default";
+	}
+}
+/**
+* Plain `h1`–`h6` typography primitive. `level` owns the document outline; `size` owns
+* the type scale. Polymorphism is `render` via base-ui `useRender`, never `as`.
+*/
+function Heading({ className, variant = "default", size, font, level = 2, noMargin, uppercase, align, render, ...props }) {
+	const tag = `h${level}`;
+	return useRender({
+		defaultTagName: tag,
+		props: mergeProps({ className: cn(headingVariants({
+			variant,
+			size: size ?? getSizeByHeadingLevel(level),
+			font,
+			noMargin,
+			uppercase,
+			align
+		}), className) }, props),
+		render,
+		state: { slot: "heading" }
+	});
+}
+Heading.displayName = "Heading";
+//#endregion
+export { Heading };
+
+//# sourceMappingURL=heading.js.map

package/components/heading/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/heading/heading.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { headingVariants } from \"./heading-variants\";\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\ntype HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nfunction getSizeByHeadingLevel(level: number): VariantProps<typeof headingVariants>[\"size\"] {\n  switch (level) {\n    case 1:\n      return \"2xl\";\n    case 2:\n      return \"lg\";\n    default:\n      return \"default\";\n  }\n}\n\nexport type HeadingProps = useRender.ComponentProps<\"h2\"> &\n  VariantProps<typeof headingVariants> & {\n    /**\n     * Document-outline level — `1`–`6` picks the rendered `h1`–`h6`. Defaults to `2`.\n     * Visual `size` is independent of `level`.\n     */\n    level?: HeadingLevel;\n  };\n\n/**\n * Plain `h1`–`h6` typography primitive. `level` owns the document outline; `size` owns\n * the type scale. Polymorphism is `render` via base-ui `useRender`, never `as`.\n */\nexport function Heading({\n  className,\n  variant = \"default\",\n  size,\n  font,\n  level = 2,\n  noMargin,\n  uppercase,\n  align,\n  render,\n  ...props\n}: HeadingProps): ReactElement {\n  const tag: HeadingTag = `h${level}`;\n  return useRender({\n    defaultTagName: tag,\n    props: mergeProps<\"h2\">(\n      {\n        className: cn(\n          headingVariants({\n            variant,\n            size: size ?? getSizeByHeadingLevel(level),\n            font,\n            noMargin,\n            uppercase,\n            align,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"heading\",\n    },\n  });\n}\n\nHeading.displayName = \"Heading\";\n"],"mappings":";;;;;;AAcA,SAAS,sBAAsB,OAA6D;CAC1F,QAAQ,OAAR;EACE,KAAK,GACH,OAAO;EACT,KAAK,GACH,OAAO;EACT,SACE,OAAO;CACX;AACF;;;;;AAeA,SAAgB,QAAQ,EACtB,WACA,UAAU,WACV,MACA,MACA,QAAQ,GACR,UACA,WACA,OACA,QACA,GAAG,SAC0B;CAC7B,MAAM,MAAkB,IAAI;CAC5B,OAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,gBAAgB;GACd;GACA,MAAM,QAAQ,sBAAsB,KAAK;GACzC;GACA;GACA;GACA;EACF,CAAC,GACD,SACF,EACF,GACA,KACF;EACA;EACA,OAAO,EACL,MAAM,UACR;CACF,CAAC;AACH;AAEA,QAAQ,cAAc"}

package/components/input/input.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, ReactElement } from "react";
+//#region src/components/input/input.d.ts
+export type InputProps = ComponentProps<"input">;
+export declare function Input({ className, type, ...props }: InputProps): ReactElement;
+export declare namespace Input {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=input.d.ts.map

package/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../../src/components/input/input.tsx"],"mappings":";;YAUY,aAAa;wBAET,QAAQ,WAAW,SAAS,SAAS,aAAa;yBAAlD;MAAA"}

package/components/input/input.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { definedProps } from "../../internal/defined-props.js";
+import { fieldBox } from "../../styles/field-box.js";
+import { jsx } from "react/jsx-runtime";
+import { Input as Input$1 } from "@base-ui/react/input";
+//#region src/components/input/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx(Input$1, {
+		type,
+		"data-slot": "input",
+		className: cn(fieldBox(), "file:text-sm file:font-medium min-w-0 file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-foreground", className),
+		...definedProps(props)
+	});
+}
+Input.displayName = "Input";
+//#endregion
+export { Input };
+
+//# sourceMappingURL=input.js.map

package/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["InputPrimitive"],"sources":["../../../src/components/input/input.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\n\nimport { definedProps } from \"../../internal/defined-props\";\nimport { cn } from \"../../styles/cn\";\nimport { fieldBox } from \"../../styles/field-box\";\n\nexport type InputProps = ComponentProps<\"input\">;\n\nexport function Input({ className, type, ...props }: InputProps): ReactElement {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        fieldBox(),\n        \"file:text-sm file:font-medium min-w-0 file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-foreground\",\n        className\n      )}\n      {...definedProps(props)}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;AAYA,SAAgB,MAAM,EAAE,WAAW,MAAM,GAAG,SAAmC;CAC7E,OACE,oBAACA,SAAD;EACQ;EACN,aAAU;EACV,WAAW,GACT,SAAS,GACT,0HACA,SACF;EACA,GAAI,aAAa,KAAK;CACvB,CAAA;AAEL;AAEA,MAAM,cAAc"}

package/components/input-group/index.d.ts

@@ -0,0 +1,12 @@
+import { InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupRoot, InputGroupText, InputGroupTextarea } from "./input-group.js";
+//#region src/components/input-group/index.d.ts
+export declare const InputGroup: {
+  Root: typeof InputGroupRoot;
+  Addon: typeof InputGroupAddon;
+  Button: typeof InputGroupButton;
+  Text: typeof InputGroupText;
+  Input: typeof InputGroupInput;
+  Textarea: typeof InputGroupTextarea;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/input-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/input-group/index.ts"],"mappings":";;qBAca;EACX,aAAI;EACJ,cAAK;EACL,eAAM;EACN,aAAI;EACJ,cAAK;EACL,iBAAQ"}

package/components/input-group/index.js

@@ -0,0 +1,19 @@
+import { InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupRoot, InputGroupText, InputGroupTextarea } from "./input-group.js";
+//#region src/components/input-group/index.ts
+/**
+* Server-visible namespace for `InputGroup`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const InputGroup = {
+	Root: InputGroupRoot,
+	Addon: InputGroupAddon,
+	Button: InputGroupButton,
+	Text: InputGroupText,
+	Input: InputGroupInput,
+	Textarea: InputGroupTextarea
+};
+//#endregion
+export { InputGroup };
+
+//# sourceMappingURL=index.js.map

package/components/input-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/input-group/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `InputGroup`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  InputGroupRoot,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n} from \"./input-group\";\n\nexport const InputGroup = {\n  Root: InputGroupRoot,\n  Addon: InputGroupAddon,\n  Button: InputGroupButton,\n  Text: InputGroupText,\n  Input: InputGroupInput,\n  Textarea: InputGroupTextarea,\n};\n"],"mappings":";;;;;;;AAcA,MAAa,aAAa;CACxB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,UAAU;AACZ"}

package/components/input-group/input-group-variants.d.ts

@@ -0,0 +1,65 @@
+//#region src/components/input-group/input-group-variants.d.ts
+/**
+ * Module-private recipe for the group's addon rail. `align` places
+ * the rail inline (leading/trailing) or as a full-width block row; the Root
+ * switches to a column and re-pads the input from the emitted `data-align`.
+ * The kbd takes the inset corner, 5px inside `--radius` in external themes and the one
+ * radius in the internal variant.
+ */
+export declare const inputGroupAddonVariants: import("tailwind-variants").TVReturnType<{
+  align: {
+    "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]";
+    "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]";
+    "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2";
+    "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2";
+  };
+}, undefined, string, {
+  align: {
+    "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]";
+    "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]";
+    "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2";
+    "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  align: {
+    "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]";
+    "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]";
+    "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2";
+    "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2";
+  };
+}, undefined>>;
+/**
+ * Module-private recipe for the compact addon-button axis. These
+ * four values are addon chrome inside the group, NOT the four-rung control box
+ * (`xs`/`sm`/`md`/`lg`), so they are an explicit shell-local exemption from the
+ * density ladder and must never grow a
+ * fifth `--control-*` rung. `sm` stays empty so Button's own `sm` metrics pass
+ * through. InputGroup.Button applies the values as extra classes over Button's default
+ * size. An addon button sits inside the field box, so it rounds like the field chrome and
+ * never takes Button's `--radius-button`. The `sm` sizes keep `rounded-md`, and the `xs`
+ * sizes take the kbd's inset corner.
+ */
+export declare const inputGroupButtonVariants: import("tailwind-variants").TVReturnType<{
+  size: {
+    xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5";
+    sm: "";
+    "icon-xs": "size-6 p-0 has-[>svg]:p-0";
+    "icon-sm": "size-8 p-0 has-[>svg]:p-0";
+  };
+}, undefined, "text-sm flex items-center gap-2 rounded-md shadow-none", {
+  size: {
+    xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5";
+    sm: "";
+    "icon-xs": "size-6 p-0 has-[>svg]:p-0";
+    "icon-sm": "size-8 p-0 has-[>svg]:p-0";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5";
+    sm: "";
+    "icon-xs": "size-6 p-0 has-[>svg]:p-0";
+    "icon-sm": "size-8 p-0 has-[>svg]:p-0";
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=input-group-variants.d.ts.map

package/components/input-group/input-group-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-variants.d.ts","names":[],"sources":["../../../src/components/input-group/input-group-variants.ts"],"mappings":";;;;;;;;qBAYa,qDAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA+BvB,sDAAwB"}

package/components/input-group/input-group-variants.js

@@ -0,0 +1,50 @@
+import { cn } from "../../styles/cn.js";
+import { insetCornerClass, kbdInsetCornerClass } from "../../styles/corner-radius.js";
+import { tv } from "tailwind-variants";
+//#region src/components/input-group/input-group-variants.ts
+/**
+* Module-private recipe for the group's addon rail. `align` places
+* the rail inline (leading/trailing) or as a full-width block row; the Root
+* switches to a column and re-pads the input from the emitted `data-align`.
+* The kbd takes the inset corner, 5px inside `--radius` in external themes and the one
+* radius in the internal variant.
+*/
+const inputGroupAddonVariants = tv({
+	base: cn("text-sm font-medium flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-muted-foreground select-none [&>svg:not([class*='size-'])]:size-4", kbdInsetCornerClass),
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+/**
+* Module-private recipe for the compact addon-button axis. These
+* four values are addon chrome inside the group, NOT the four-rung control box
+* (`xs`/`sm`/`md`/`lg`), so they are an explicit shell-local exemption from the
+* density ladder and must never grow a
+* fifth `--control-*` rung. `sm` stays empty so Button's own `sm` metrics pass
+* through. InputGroup.Button applies the values as extra classes over Button's default
+* size. An addon button sits inside the field box, so it rounds like the field chrome and
+* never takes Button's `--radius-button`. The `sm` sizes keep `rounded-md`, and the `xs`
+* sizes take the kbd's inset corner.
+*/
+const inputGroupButtonVariants = tv({
+	base: "text-sm flex items-center gap-2 rounded-md shadow-none",
+	variants: { size: {
+		xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	compoundVariants: [{
+		size: ["xs", "icon-xs"],
+		class: insetCornerClass
+	}],
+	defaultVariants: { size: "xs" }
+});
+//#endregion
+export { inputGroupAddonVariants, inputGroupButtonVariants };
+
+//# sourceMappingURL=input-group-variants.js.map

package/components/input-group/input-group-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-variants.js","names":[],"sources":["../../../src/components/input-group/input-group-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { insetCornerClass, kbdInsetCornerClass } from \"../../styles/corner-radius\";\n\n/**\n * Module-private recipe for the group's addon rail. `align` places\n * the rail inline (leading/trailing) or as a full-width block row; the Root\n * switches to a column and re-pads the input from the emitted `data-align`.\n * The kbd takes the inset corner, 5px inside `--radius` in external themes and the one\n * radius in the internal variant.\n */\nexport const inputGroupAddonVariants = tv({\n  base: cn(\n    \"text-sm font-medium flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-muted-foreground select-none [&>svg:not([class*='size-'])]:size-4\",\n    kbdInsetCornerClass\n  ),\n  variants: {\n    align: {\n      \"inline-start\": \"order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]\",\n      \"inline-end\": \"order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]\",\n      \"block-start\":\n        \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n      \"block-end\":\n        \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n    },\n  },\n  defaultVariants: {\n    align: \"inline-start\",\n  },\n});\n\n/**\n * Module-private recipe for the compact addon-button axis. These\n * four values are addon chrome inside the group, NOT the four-rung control box\n * (`xs`/`sm`/`md`/`lg`), so they are an explicit shell-local exemption from the\n * density ladder and must never grow a\n * fifth `--control-*` rung. `sm` stays empty so Button's own `sm` metrics pass\n * through. InputGroup.Button applies the values as extra classes over Button's default\n * size. An addon button sits inside the field box, so it rounds like the field chrome and\n * never takes Button's `--radius-button`. The `sm` sizes keep `rounded-md`, and the `xs`\n * sizes take the kbd's inset corner.\n */\nexport const inputGroupButtonVariants = tv({\n  base: \"text-sm flex items-center gap-2 rounded-md shadow-none\",\n  variants: {\n    size: {\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- compact addon chrome, not a control rung\n      xs: \"h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n      sm: \"\",\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- compact addon chrome, not a control rung\n      \"icon-xs\": \"size-6 p-0 has-[>svg]:p-0\",\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- compact addon chrome, not a control rung\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n    },\n  },\n  compoundVariants: [{ size: [\"xs\", \"icon-xs\"], class: insetCornerClass }],\n  defaultVariants: {\n    size: \"xs\",\n  },\n});\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,0BAA0B,GAAG;CACxC,MAAM,GACJ,+JACA,mBACF;CACA,UAAU,EACR,OAAO;EACL,gBAAgB;EAChB,cAAc;EACd,eACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EACf,OAAO,eACT;AACF,CAAC;;;;;;;;;;;;AAaD,MAAa,2BAA2B,GAAG;CACzC,MAAM;CACN,UAAU,EACR,MAAM;EAEJ,IAAI;EACJ,IAAI;EAEJ,WAAW;EAEX,WAAW;CACb,EACF;CACA,kBAAkB,CAAC;EAAE,MAAM,CAAC,MAAM,SAAS;EAAG,OAAO;CAAiB,CAAC;CACvE,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

package/components/input-group/input-group.d.ts

@@ -0,0 +1,67 @@
+import { Button } from "../button/button.js";
+import { inputGroupAddonVariants, inputGroupButtonVariants } from "./input-group-variants.js";
+import { ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+//#region src/components/input-group/input-group.d.ts
+/**
+ * Group chrome follows the disabled and invalid state of its own input or textarea,
+ * independently of addon buttons. Keep `InputGroup.Input` or `InputGroup.Textarea` a direct
+ * child of the root: the group reads its state from that child only, so a field nested in an
+ * addon, such as a NumberField, keeps its state to itself.
+ */
+export type InputGroupRootProps = ComponentProps<"div">;
+export type InputGroupAddonProps = ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
+type InputGroupButtonSize = NonNullable<VariantProps<typeof inputGroupButtonVariants>["size"]>;
+type IconInputGroupButtonSize = Extract<InputGroupButtonSize, `icon${string}`>;
+type LabelInputGroupButtonSize = Exclude<InputGroupButtonSize, IconInputGroupButtonSize>;
+type InputGroupButtonBase = Omit<ComponentProps<typeof Button>, "size" | "type"> & {
+  /**
+   * Native button type, re-typed over `Button`'s own. Defaults to `"button"`, so an
+   * addon action never submits the surrounding form unless it asks to.
+   */
+  type?: "button" | "submit" | "reset";
+};
+export type InputGroupButtonProps = (InputGroupButtonBase & {
+  /**
+   * Local compact size axis, not Button's `size`. Labelled values; icon
+   * sizes require `aria-label`.
+   * @default "xs"
+   */
+  size?: LabelInputGroupButtonSize;
+}) | (InputGroupButtonBase & {
+  /**
+   * Local compact size axis, not Button's `size`. Icon sizes require
+   * `aria-label`.
+   */
+  size: IconInputGroupButtonSize;
+  "aria-label": string;
+});
+export type InputGroupTextProps = ComponentProps<"span">;
+export type InputGroupInputProps = ComponentProps<"input">;
+export type InputGroupTextareaProps = ComponentProps<"textarea">;
+export declare function InputGroupRoot({ className, ...props }: InputGroupRootProps): ReactElement;
+export declare namespace InputGroupRoot {
+  var displayName: string;
+}
+export declare function InputGroupAddon({ className, align, onClick, ...props }: InputGroupAddonProps): ReactElement;
+export declare namespace InputGroupAddon {
+  var displayName: string;
+}
+export declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): ReactElement;
+export declare namespace InputGroupButton {
+  var displayName: string;
+}
+export declare function InputGroupText({ className, ...props }: InputGroupTextProps): ReactElement;
+export declare namespace InputGroupText {
+  var displayName: string;
+}
+export declare function InputGroupInput({ className, ...props }: InputGroupInputProps): ReactElement;
+export declare namespace InputGroupInput {
+  var displayName: string;
+}
+export declare function InputGroupTextarea({ className, ...props }: InputGroupTextareaProps): ReactElement;
+export declare namespace InputGroupTextarea {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=input-group.d.ts.map

package/components/input-group/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"mappings":";;;;;;;;;;;YAoBY,sBAAsB;YACtB,uBAAuB,wBAAwB,oBAAoB;KAE1E,uBAAuB,YAAY,oBAAoB;KACvD,2BAA2B,QAAQ;KACnC,4BAA4B,QAAQ,sBAAsB;KAE1D,uBAAuB,KAAK,sBAAsB;;;;;EAKrD;;YAGU,yBACP;;;;;;EAMC,OAAO;MAER;;;;;EAKC,MAAM;EACN;;YAEM,sBAAsB;YACtB,uBAAuB;YACvB,0BAA0B;wBAatB,iBAAiB,cAAc,SAAS,sBAAsB;yBAA9D;MAAA;;wBAqBA,kBACd,WACA,OACA,YACG,SACF,uBAAuB;yBALV;MAAA;;wBAyBA,mBACd,WACA,MACA,SACA,SACG,SACF,wBAAwB;yBANX;MAAA;;wBAoBA,iBAAiB,cAAc,SAAS,sBAAsB;yBAA9D;MAAA;;wBAgBA,kBAAkB,cAAc,SAAS,uBAAuB;yBAAhE;MAAA;;wBAWA,qBAAqB,cAAc,SAAS,0BAA0B;yBAAtE;MAAA"}

package/components/input-group/input-group.js

@@ -0,0 +1,79 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { withinStateFaceClass, withinStateFaceControlClass } from "../../styles/state-face.js";
+import { withinFocusRingClass, withinFocusRingControlClass } from "../../styles/utils.js";
+import { Button } from "../button/button.js";
+import { Input } from "../input/input.js";
+import { Textarea } from "../textarea/textarea.js";
+import { inputGroupAddonVariants, inputGroupButtonVariants } from "./input-group-variants.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input-group/input-group.tsx
+/**
+* Chrome stripped off the embedded control: the Root owns border, radius, shadow, rings and
+* the disabled dim, so the control contributes nothing but its own box. The focus-visible
+* and state-face neutralizations come from the shared within adapters, never a local literal.
+*/
+const CONTROL_CHROME = cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 disabled:bg-transparent", withinFocusRingControlClass, withinStateFaceControlClass);
+function InputGroupRoot({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: cn("group/input-group shadow-xs relative box-border flex h-(--control-h-md) w-full min-w-0 items-center rounded-md border border-input transition-[color,border-color,box-shadow]", "has-[>[data-focus-ring-control]:disabled]:bg-input/50", "has-[[data-focus-ring-control]:focus-visible]:border-ring", withinStateFaceClass, "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto", "has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", withinFocusRingClass, className),
+		...props
+	});
+}
+function InputGroupAddon({ className, align = "inline-start", onClick, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		className: cn(inputGroupAddonVariants({ align }), className),
+		onClick: (event) => {
+			if (!(event.target instanceof HTMLElement) || !event.target.closest("button")) event.currentTarget.parentElement?.querySelector("input")?.focus();
+			onClick?.(event);
+		},
+		...props
+	});
+}
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type,
+		"data-size": size,
+		variant,
+		className: cn(inputGroupButtonVariants({ size }), className),
+		...props
+	});
+}
+function InputGroupText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "input-group-text",
+		className: cn("text-sm flex items-center gap-2 text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function InputGroupInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		"data-focus-ring-control": "",
+		className: cn(CONTROL_CHROME, "max-h-full", className),
+		...props
+	});
+}
+function InputGroupTextarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Textarea, {
+		"data-slot": "input-group-control",
+		"data-focus-ring-control": "",
+		className: cn(CONTROL_CHROME, "resize-none py-2", className),
+		...props
+	});
+}
+InputGroupRoot.displayName = "InputGroup.Root";
+InputGroupAddon.displayName = "InputGroup.Addon";
+InputGroupButton.displayName = "InputGroup.Button";
+InputGroupText.displayName = "InputGroup.Text";
+InputGroupInput.displayName = "InputGroup.Input";
+InputGroupTextarea.displayName = "InputGroup.Textarea";
+//#endregion
+export { InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupRoot, InputGroupText, InputGroupTextarea };
+
+//# sourceMappingURL=input-group.js.map

package/components/input-group/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { withinStateFaceClass, withinStateFaceControlClass } from \"../../styles/state-face\";\nimport { withinFocusRingClass, withinFocusRingControlClass } from \"../../styles/utils\";\nimport { Button } from \"../button/button\";\nimport { Input } from \"../input/input\";\nimport { Textarea } from \"../textarea/textarea\";\nimport { inputGroupAddonVariants, inputGroupButtonVariants } from \"./input-group-variants\";\n\n/**\n * Group chrome follows the disabled and invalid state of its own input or textarea,\n * independently of addon buttons. Keep `InputGroup.Input` or `InputGroup.Textarea` a direct\n * child of the root: the group reads its state from that child only, so a field nested in an\n * addon, such as a NumberField, keeps its state to itself.\n */\nexport type InputGroupRootProps = ComponentProps<\"div\">;\nexport type InputGroupAddonProps = ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>;\n\ntype InputGroupButtonSize = NonNullable<VariantProps<typeof inputGroupButtonVariants>[\"size\"]>;\ntype IconInputGroupButtonSize = Extract<InputGroupButtonSize, `icon${string}`>;\ntype LabelInputGroupButtonSize = Exclude<InputGroupButtonSize, IconInputGroupButtonSize>;\n\ntype InputGroupButtonBase = Omit<ComponentProps<typeof Button>, \"size\" | \"type\"> & {\n  /**\n   * Native button type, re-typed over `Button`'s own. Defaults to `\"button\"`, so an\n   * addon action never submits the surrounding form unless it asks to.\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\nexport type InputGroupButtonProps =\n  | (InputGroupButtonBase & {\n      /**\n       * Local compact size axis, not Button's `size`. Labelled values; icon\n       * sizes require `aria-label`.\n       * @default \"xs\"\n       */\n      size?: LabelInputGroupButtonSize;\n    })\n  | (InputGroupButtonBase & {\n      /**\n       * Local compact size axis, not Button's `size`. Icon sizes require\n       * `aria-label`.\n       */\n      size: IconInputGroupButtonSize;\n      \"aria-label\": string;\n    });\nexport type InputGroupTextProps = ComponentProps<\"span\">;\nexport type InputGroupInputProps = ComponentProps<\"input\">;\nexport type InputGroupTextareaProps = ComponentProps<\"textarea\">;\n\n/**\n * Chrome stripped off the embedded control: the Root owns border, radius, shadow, rings and\n * the disabled dim, so the control contributes nothing but its own box. The focus-visible\n * and state-face neutralizations come from the shared within adapters, never a local literal.\n */\nconst CONTROL_CHROME = cn(\n  \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 disabled:bg-transparent\",\n  withinFocusRingControlClass,\n  withinStateFaceControlClass\n);\n\nexport function InputGroupRoot({ className, ...props }: InputGroupRootProps): ReactElement {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        // Single-height field box: pins the `md` control rung; block addons and textareas grow instead.\n        \"group/input-group shadow-xs relative box-border flex h-(--control-h-md) w-full min-w-0 items-center rounded-md border border-input transition-[color,border-color,box-shadow]\",\n        \"has-[>[data-focus-ring-control]:disabled]:bg-input/50\",\n        \"has-[[data-focus-ring-control]:focus-visible]:border-ring\",\n        withinStateFaceClass,\n        \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto\",\n        \"has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        withinFocusRingClass,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  onClick,\n  ...props\n}: InputGroupAddonProps): ReactElement {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(event) => {\n        // The addon is an extension of the input's hit area, except over a\n        // nested button, which keeps its own click.\n        if (!(event.target instanceof HTMLElement) || !event.target.closest(\"button\")) {\n          event.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n        }\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport function InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: InputGroupButtonProps): ReactElement {\n  return (\n    <Button\n      type={type}\n      // The local compact axis is never Button's `size` prop: it is applied\n      // as extra classes and reflected to the DOM as `data-size`.\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function InputGroupText({ className, ...props }: InputGroupTextProps): ReactElement {\n  return (\n    <span\n      // The reference omits the slot, which breaks the\n      // ButtonGroup `[data-slot]` child-selector contract.\n      data-slot=\"input-group-text\"\n      // oxlint-disable-next-line elmera/no-hardcoded-density-metrics -- addon text gap is chrome, not a control rung\n      className={cn(\n        \"text-sm flex items-center gap-2 text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function InputGroupInput({ className, ...props }: InputGroupInputProps): ReactElement {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      data-focus-ring-control=\"\"\n      className={cn(CONTROL_CHROME, \"max-h-full\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function InputGroupTextarea({ className, ...props }: InputGroupTextareaProps): ReactElement {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      data-focus-ring-control=\"\"\n      className={cn(CONTROL_CHROME, \"resize-none py-2\", className)}\n      {...props}\n    />\n  );\n}\n\nInputGroupRoot.displayName = \"InputGroup.Root\";\nInputGroupAddon.displayName = \"InputGroup.Addon\";\nInputGroupButton.displayName = \"InputGroup.Button\";\nInputGroupText.displayName = \"InputGroup.Text\";\nInputGroupInput.displayName = \"InputGroup.Input\";\nInputGroupTextarea.displayName = \"InputGroup.Textarea\";\n"],"mappings":";;;;;;;;;;;;;;;AA6DA,MAAM,iBAAiB,GACrB,0FACA,6BACA,2BACF;AAEA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAA4C;CACzF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAET,iLACA,yDACA,6DACA,sBACA,sLACA,iMACA,sBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,gBAAgB,EAC9B,WACA,QAAQ,gBACR,SACA,GAAG,SACkC;CACrC,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,WAAW,GAAG,wBAAwB,EAAE,MAAM,CAAC,GAAG,SAAS;EAC3D,UAAU,UAAU;GAGlB,IAAI,EAAE,MAAM,kBAAkB,gBAAgB,CAAC,MAAM,OAAO,QAAQ,QAAQ,GAC1E,MAAM,cAAc,eAAe,cAAc,OAAO,CAAC,EAAE,MAAM;GAEnE,UAAU,KAAK;EACjB;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,iBAAiB,EAC/B,WACA,OAAO,UACP,UAAU,SACV,OAAO,MACP,GAAG,SACmC;CACtC,OACE,oBAAC,QAAD;EACQ;EAGN,aAAW;EACF;EACT,WAAW,GAAG,yBAAyB,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAA4C;CACzF,OACE,oBAAC,QAAD;EAGE,aAAU;EAEV,WAAW,GACT,0HACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAA6C;CAC3F,OACE,oBAAC,OAAD;EACE,aAAU;EACV,2BAAwB;EACxB,WAAW,GAAG,gBAAgB,cAAc,SAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,SAAgD;CACjG,OACE,oBAAC,UAAD;EACE,aAAU;EACV,2BAAwB;EACxB,WAAW,GAAG,gBAAgB,oBAAoB,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc;AAC7B,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAC/B,eAAe,cAAc;AAC7B,gBAAgB,cAAc;AAC9B,mBAAmB,cAAc"}

package/components/item/index.d.ts

@@ -0,0 +1,17 @@
+import { ItemActions, ItemContent, ItemDescription, ItemFooter, ItemHeader, ItemMedia, ItemTitle } from "./item-markup.js";
+import { ItemGroup, ItemRoot, ItemSeparator } from "./item.js";
+//#region src/components/item/index.d.ts
+export declare const Item: {
+  Root: typeof ItemRoot;
+  Media: typeof ItemMedia;
+  Content: typeof ItemContent;
+  Actions: typeof ItemActions;
+  Group: typeof ItemGroup;
+  Separator: typeof ItemSeparator;
+  Title: typeof ItemTitle;
+  Description: typeof ItemDescription;
+  Header: typeof ItemHeader;
+  Footer: typeof ItemFooter;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/item/index.ts"],"mappings":";;;qBAgBa;EACX,aAAI;EACJ,cAAK;EACL,gBAAO;EACP,gBAAO;EACP,cAAK;EACL,kBAAS;EACT,cAAK;EACL,oBAAW;EACX,eAAM;EACN,eAAM"}