@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/grid.js

@@ -0,0 +1,47 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/grid.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var fixedColumns = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4"
+};
+var responsiveColumns = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-3",
+  4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+};
+var gaps = { sm: "gap-2", compact: "gap-3", md: "gap-4", lg: "gap-6" };
+var Grid = forwardRef(function Grid2({ columns = 2, gap = "md", responsive = true, layout = "grid", maxWidth = "none", centered = false, template = "equal", as, className, ...props }, ref) {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(
+        layout === "grid" ? "grid" : "grid sm:flex sm:justify-end",
+        layout === "grid" && template === "equal" && columns !== null && (responsive ? responsiveColumns[columns] : fixedColumns[columns]),
+        layout === "responsive-actions" && columns !== null && fixedColumns[columns],
+        template === "compact-leading-three" && "grid-cols-[5rem_1fr_1fr]",
+        template === "responsive-form-row-six" && "grid-cols-1 items-center sm:grid-cols-[1fr_1.4fr_1fr_1fr_1fr_auto]",
+        template === "master-detail" && "grid-cols-1 lg:grid-cols-[360px_1fr]",
+        template === "gallery" && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+        gaps[gap],
+        maxWidth === "xl" && "max-w-2xl",
+        centered && "mx-auto",
+        className
+      ),
+      ...props
+    }
+  );
+});
+export {
+  Grid
+};

package/dist/primitives/heading.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.Heading = _chunkLELBCBDTcjs.Heading;

package/dist/primitives/heading.d.cts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+/**
+ * Heading — semantic + visual page hierarchy primitive.
+ *
+ * One canonical scale for every page. Consumers render
+ * <Heading level={N}> instead of typing
+ * `<h1 className="text-3xl font-semibold tracking-tight">` ad hoc.
+ *
+ * `level` controls BOTH the rendered tag (h1..h6) and the visual
+ * style. The styles are deliberately fixed — divergence in
+ * "what does a section title look like" is what we're fixing.
+ * Override with the `as` prop if you need the visual style on a
+ * different tag (e.g. a card title that's a `<div>` semantically).
+ */
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    level?: HeadingLevel;
+    appearance?: "default" | "compact" | "compact-strong" | "eyebrow" | "section";
+    spacing?: "none" | "section" | "after-xs" | "after" | "after-lg";
+    truncate?: boolean;
+    /** Override the rendered tag while keeping the level's visual style. */
+    as?: ElementType;
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading, type HeadingLevel };

package/dist/primitives/heading.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+/**
+ * Heading — semantic + visual page hierarchy primitive.
+ *
+ * One canonical scale for every page. Consumers render
+ * <Heading level={N}> instead of typing
+ * `<h1 className="text-3xl font-semibold tracking-tight">` ad hoc.
+ *
+ * `level` controls BOTH the rendered tag (h1..h6) and the visual
+ * style. The styles are deliberately fixed — divergence in
+ * "what does a section title look like" is what we're fixing.
+ * Override with the `as` prop if you need the visual style on a
+ * different tag (e.g. a card title that's a `<div>` semantically).
+ */
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    level?: HeadingLevel;
+    appearance?: "default" | "compact" | "compact-strong" | "eyebrow" | "section";
+    spacing?: "none" | "section" | "after-xs" | "after" | "after-lg";
+    truncate?: boolean;
+    /** Override the rendered tag while keeping the level's visual style. */
+    as?: ElementType;
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading, type HeadingLevel };

package/dist/primitives/heading.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Heading
+} from "../chunk-H2O6NMLZ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Heading
+};

package/dist/primitives/hidden-control.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/hidden-control.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function HiddenControl({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "pointer-events-none absolute h-0 w-0 overflow-hidden opacity-0 [&_*]:pointer-events-auto", className), ...props });
+}
+
+
+exports.HiddenControl = HiddenControl;

package/dist/primitives/hidden-control.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+/** Visually collapsed wrapper for programmatically-triggered controls. */
+declare function HiddenControl({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { HiddenControl };

package/dist/primitives/hidden-control.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+/** Visually collapsed wrapper for programmatically-triggered controls. */
+declare function HiddenControl({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { HiddenControl };

package/dist/primitives/hidden-control.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/hidden-control.tsx
+import { jsx } from "react/jsx-runtime";
+function HiddenControl({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("pointer-events-none absolute h-0 w-0 overflow-hidden opacity-0 [&_*]:pointer-events-auto", className), ...props });
+}
+export {
+  HiddenControl
+};

package/dist/primitives/icon.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.Icon = _chunkT2ZFSPE4cjs.Icon;

package/dist/primitives/icon.d.cts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface IconProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    icon: ElementType;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | number;
+    tone?: "inherit" | "muted" | "primary" | "info" | "success" | "warning" | "destructive" | "disabled";
+    spin?: boolean;
+    strokeWidth?: number;
+    align?: "center" | "start";
+    filled?: boolean;
+    visibility?: "visible" | "hidden" | "parent-hover";
+    marginEnd?: "none" | "md";
+    marginStart?: "none" | "sm";
+    motion?: "none" | "parent-nudge";
+    rotation?: "none" | "half";
+    marginBottom?: "none" | "sm" | "md";
+}
+/** Canonically sized and coloured decorative icon. */
+declare function Icon({ icon, size, tone, spin, align, filled, visibility, marginEnd, marginStart, motion, rotation, marginBottom, className, ...props }: IconProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+
+export { Icon, type IconProps };

package/dist/primitives/icon.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+interface IconProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    icon: ElementType;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | number;
+    tone?: "inherit" | "muted" | "primary" | "info" | "success" | "warning" | "destructive" | "disabled";
+    spin?: boolean;
+    strokeWidth?: number;
+    align?: "center" | "start";
+    filled?: boolean;
+    visibility?: "visible" | "hidden" | "parent-hover";
+    marginEnd?: "none" | "md";
+    marginStart?: "none" | "sm";
+    motion?: "none" | "parent-nudge";
+    rotation?: "none" | "half";
+    marginBottom?: "none" | "sm" | "md";
+}
+/** Canonically sized and coloured decorative icon. */
+declare function Icon({ icon, size, tone, spin, align, filled, visibility, marginEnd, marginStart, motion, rotation, marginBottom, className, ...props }: IconProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+
+export { Icon, type IconProps };

package/dist/primitives/icon.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Icon
+};

package/dist/primitives/image.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/image.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var fitStyles = { cover: "object-cover", contain: "object-contain" };
+var radiusStyles = { none: "", sm: "rounded-sm", md: "rounded-md", xl: "rounded-xl", full: "rounded-full" };
+var Image = _react.forwardRef.call(void 0, function Image2({ fit = "cover", frameHeight, radius = "none", width = "auto", align = "start", border = false, shadow = "none", emphasis = "full", loadingIndicator = "none", className, onLoad, onError, src, ...props }, ref) {
+  const [loaded, setLoaded] = _react.useState.call(void 0, loadingIndicator === "none" || !src);
+  _react.useEffect.call(void 0, () => {
+    setLoaded(loadingIndicator === "none" || !src);
+  }, [loadingIndicator, src]);
+  const loading = loadingIndicator === "pulse" && !loaded;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "img",
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        fitStyles[fit],
+        radiusStyles[radius],
+        frameHeight === "sm" && "h-16",
+        frameHeight === "md" && "h-28",
+        width === "full" && "w-full",
+        width === "preview" && "w-full max-w-[380px]",
+        width === "preview-lg" && "w-full max-w-[440px]",
+        align === "center" && "mx-auto",
+        border && "border",
+        shadow === "subtle" && "shadow-xs",
+        loading && "animate-pulse bg-muted",
+        emphasis === "soft-until-parent-hover" && "transition-opacity duration-200 md:opacity-70 md:group-hover:opacity-100",
+        className
+      ),
+      src,
+      ...props,
+      "aria-busy": loading || void 0,
+      onLoad: (event) => {
+        setLoaded(true);
+        _optionalChain([onLoad, 'optionalCall', _ => _(event)]);
+      },
+      onError: (event) => {
+        setLoaded(true);
+        _optionalChain([onError, 'optionalCall', _2 => _2(event)]);
+      }
+    }
+  );
+});
+
+
+exports.Image = Image;

package/dist/primitives/image.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ImgHTMLAttributes } from 'react';
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    fit?: "cover" | "contain";
+    /** Fixed media-frame height. Use when an image must reserve a stable layout slot. */
+    frameHeight?: "sm" | "md";
+    radius?: "none" | "sm" | "md" | "xl" | "full";
+    width?: "auto" | "full" | "preview" | "preview-lg";
+    align?: "start" | "center";
+    border?: boolean;
+    shadow?: "none" | "subtle";
+    /** Soften supporting media until its parent interactive surface is hovered. Desktop only. */
+    emphasis?: "full" | "soft-until-parent-hover";
+    /** Show a subtle reserved-frame pulse while a remote image is loading. */
+    loadingIndicator?: "none" | "pulse";
+}
+/** Design-system image with controlled fit and radius behavior. */
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/primitives/image.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ImgHTMLAttributes } from 'react';
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    fit?: "cover" | "contain";
+    /** Fixed media-frame height. Use when an image must reserve a stable layout slot. */
+    frameHeight?: "sm" | "md";
+    radius?: "none" | "sm" | "md" | "xl" | "full";
+    width?: "auto" | "full" | "preview" | "preview-lg";
+    align?: "start" | "center";
+    border?: boolean;
+    shadow?: "none" | "subtle";
+    /** Soften supporting media until its parent interactive surface is hovered. Desktop only. */
+    emphasis?: "full" | "soft-until-parent-hover";
+    /** Show a subtle reserved-frame pulse while a remote image is loading. */
+    loadingIndicator?: "none" | "pulse";
+}
+/** Design-system image with controlled fit and radius behavior. */
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/primitives/image.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/image.tsx
+import { forwardRef, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var fitStyles = { cover: "object-cover", contain: "object-contain" };
+var radiusStyles = { none: "", sm: "rounded-sm", md: "rounded-md", xl: "rounded-xl", full: "rounded-full" };
+var Image = forwardRef(function Image2({ fit = "cover", frameHeight, radius = "none", width = "auto", align = "start", border = false, shadow = "none", emphasis = "full", loadingIndicator = "none", className, onLoad, onError, src, ...props }, ref) {
+  const [loaded, setLoaded] = useState(loadingIndicator === "none" || !src);
+  useEffect(() => {
+    setLoaded(loadingIndicator === "none" || !src);
+  }, [loadingIndicator, src]);
+  const loading = loadingIndicator === "pulse" && !loaded;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ref,
+      className: cn(
+        fitStyles[fit],
+        radiusStyles[radius],
+        frameHeight === "sm" && "h-16",
+        frameHeight === "md" && "h-28",
+        width === "full" && "w-full",
+        width === "preview" && "w-full max-w-[380px]",
+        width === "preview-lg" && "w-full max-w-[440px]",
+        align === "center" && "mx-auto",
+        border && "border",
+        shadow === "subtle" && "shadow-xs",
+        loading && "animate-pulse bg-muted",
+        emphasis === "soft-until-parent-hover" && "transition-opacity duration-200 md:opacity-70 md:group-hover:opacity-100",
+        className
+      ),
+      src,
+      ...props,
+      "aria-busy": loading || void 0,
+      onLoad: (event) => {
+        setLoaded(true);
+        onLoad?.(event);
+      },
+      onError: (event) => {
+        setLoaded(true);
+        onError?.(event);
+      }
+    }
+  );
+});
+export {
+  Image
+};

package/dist/primitives/inline-code.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/inline-code.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var InlineCode = _react.forwardRef.call(void 0, 
+  function InlineCode2({ size = "inherit", grow = false, minWidth = "auto", truncate = false, marginX = "none", marginStart = "none", className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "code",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
+          size === "micro" && "text-[11px]",
+          size === "xs" && "text-xs",
+          size === "sm" && "text-sm",
+          grow && "flex-1",
+          minWidth === "zero" && "min-w-0",
+          truncate && "truncate",
+          marginX === "xs" && "mx-1",
+          marginStart === "sm" && "ml-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+exports.InlineCode = InlineCode;

package/dist/primitives/inline-code.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface InlineCodeProps extends HTMLAttributes<HTMLElement> {
+    size?: "inherit" | "micro" | "xs" | "sm";
+    grow?: boolean;
+    minWidth?: "auto" | "zero";
+    truncate?: boolean;
+    marginX?: "none" | "xs";
+    marginStart?: "none" | "sm";
+}
+/** A short code token embedded in prose, labels, or metadata. */
+declare const InlineCode: React.ForwardRefExoticComponent<InlineCodeProps & React.RefAttributes<HTMLElement>>;
+
+export { InlineCode, type InlineCodeProps };

package/dist/primitives/inline-code.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface InlineCodeProps extends HTMLAttributes<HTMLElement> {
+    size?: "inherit" | "micro" | "xs" | "sm";
+    grow?: boolean;
+    minWidth?: "auto" | "zero";
+    truncate?: boolean;
+    marginX?: "none" | "xs";
+    marginStart?: "none" | "sm";
+}
+/** A short code token embedded in prose, labels, or metadata. */
+declare const InlineCode: React.ForwardRefExoticComponent<InlineCodeProps & React.RefAttributes<HTMLElement>>;
+
+export { InlineCode, type InlineCodeProps };

package/dist/primitives/inline-code.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/inline-code.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var InlineCode = forwardRef(
+  function InlineCode2({ size = "inherit", grow = false, minWidth = "auto", truncate = false, marginX = "none", marginStart = "none", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "code",
+      {
+        ref,
+        className: cn(
+          "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
+          size === "micro" && "text-[11px]",
+          size === "xs" && "text-xs",
+          size === "sm" && "text-sm",
+          grow && "flex-1",
+          minWidth === "zero" && "min-w-0",
+          truncate && "truncate",
+          marginX === "xs" && "mx-1",
+          marginStart === "sm" && "ml-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+export {
+  InlineCode
+};

package/dist/primitives/input-group.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+var _chunkRIWLAMMEcjs = require('../chunk-RIWLAMME.cjs');
+require('../chunk-2HV2KKOE.cjs');
+require('../chunk-PQUSJEXL.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+exports.InputGroup = _chunkRIWLAMMEcjs.InputGroup; exports.InputGroupAddon = _chunkRIWLAMMEcjs.InputGroupAddon; exports.InputGroupButton = _chunkRIWLAMMEcjs.InputGroupButton; exports.InputGroupInput = _chunkRIWLAMMEcjs.InputGroupInput; exports.InputGroupText = _chunkRIWLAMMEcjs.InputGroupText; exports.InputGroupTextarea = _chunkRIWLAMMEcjs.InputGroupTextarea;

package/dist/primitives/input-group.d.cts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.cjs';
+
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/primitives/input-group.d.ts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.js';
+
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/primitives/input-group.js

@@ -0,0 +1,21 @@
+"use client";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+} from "../chunk-MHYAVXOE.js";
+import "../chunk-6FC65AZQ.js";
+import "../chunk-QMA3WVB7.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+};

package/dist/primitives/input.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkPQUSJEXLcjs = require('../chunk-PQUSJEXL.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.Input = _chunkPQUSJEXLcjs.Input;

package/dist/primitives/input.d.cts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * When true, the input selects its existing text on focus — useful
+     * for popover/drawer editors where the user opens the field to
+     * replace the value, not append to it.
+     */
+    selectOnFocus?: boolean;
+    font?: "sans" | "mono";
+    textSize?: "default" | "xs";
+    controlSize?: "default" | "sm" | "lg";
+    surface?: "default" | "ghost";
+    grow?: boolean;
+    marginTop?: "none" | "xs";
+    tone?: "default" | "muted";
+    controlWidth?: "full" | "compact";
+    shrink?: boolean;
+    weight?: "normal" | "medium";
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/primitives/input.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * When true, the input selects its existing text on focus — useful
+     * for popover/drawer editors where the user opens the field to
+     * replace the value, not append to it.
+     */
+    selectOnFocus?: boolean;
+    font?: "sans" | "mono";
+    textSize?: "default" | "xs";
+    controlSize?: "default" | "sm" | "lg";
+    surface?: "default" | "ghost";
+    grow?: boolean;
+    marginTop?: "none" | "xs";
+    tone?: "default" | "muted";
+    controlWidth?: "full" | "compact";
+    shrink?: boolean;
+    weight?: "normal" | "medium";
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/primitives/input.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Input
+} from "../chunk-QMA3WVB7.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Input
+};