@accreditation/ui 1.0.0

package/dist/components/atoms/image/components/image.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Image(props) {
+  const {
+    src,
+    alt,
+    title,
+    fallback,
+    objectFit = "cover",
+    radius = "0.5rem",
+    aspectRatio,
+    className,
+    onLoad,
+    onError,
+    ...other
+  } = props;
+  const [loaded, setLoaded] = React__namespace.useState(false);
+  const [error, setError] = React__namespace.useState(false);
+  const handleLoad = (e) => {
+    setLoaded(true);
+    setError(false);
+    onLoad?.(e);
+  };
+  const handleError = (e) => {
+    setError(true);
+    onError?.(e);
+  };
+  const aspectClass = aspectRatio === "video" ? variants.imageAspectVideoClasses : aspectRatio === "square" ? variants.imageAspectSquareClasses : void 0;
+  const aspectStyle = aspectRatio != null && aspectRatio !== "video" && aspectRatio !== "square" ? {
+    aspectRatio: typeof aspectRatio === "number" ? String(aspectRatio) : aspectRatio
+  } : void 0;
+  const wrapperClass = utils.cn(variants.imageWrapperBaseClasses, aspectClass, className);
+  const radiusStyle = typeof radius === "number" ? { borderRadius: `${radius}px` } : { borderRadius: radius };
+  const wrapperStyle = { ...radiusStyle, ...aspectStyle };
+  if (error && fallback !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: wrapperClass, style: wrapperStyle, children: typeof fallback === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: fallback,
+        alt: "",
+        title: "",
+        "aria-hidden": true,
+        className: utils.cn(
+          variants.imageFallbackImgClasses,
+          variants.imageObjectFitClasses[objectFit]
+        )
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.imageFallbackContentClasses, children: fallback }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: wrapperClass, style: wrapperStyle, children: [
+    !loaded && src ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.imagePlaceholderClasses, "aria-hidden": true }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src,
+        alt,
+        title,
+        onLoad: handleLoad,
+        onError: handleError,
+        className: utils.cn(
+          variants.imageImgBaseClasses,
+          variants.imageObjectFitClasses[objectFit],
+          loaded && !error ? variants.imageImgLoadedClasses : variants.imageImgLoadingClasses
+        ),
+        ...other
+      }
+    )
+  ] });
+}
+Image.displayName = "Image";
+
+exports.Image = Image;

package/dist/components/atoms/image/components/image.mjs

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../../../lib/utils';
+import { imageWrapperBaseClasses, imageAspectVideoClasses, imageAspectSquareClasses, imageFallbackImgClasses, imageObjectFitClasses, imageFallbackContentClasses, imagePlaceholderClasses, imageImgBaseClasses, imageImgLoadedClasses, imageImgLoadingClasses } from '../variants';
+
+function Image(props) {
+  const {
+    src,
+    alt,
+    title,
+    fallback,
+    objectFit = "cover",
+    radius = "0.5rem",
+    aspectRatio,
+    className,
+    onLoad,
+    onError,
+    ...other
+  } = props;
+  const [loaded, setLoaded] = React.useState(false);
+  const [error, setError] = React.useState(false);
+  const handleLoad = (e) => {
+    setLoaded(true);
+    setError(false);
+    onLoad?.(e);
+  };
+  const handleError = (e) => {
+    setError(true);
+    onError?.(e);
+  };
+  const aspectClass = aspectRatio === "video" ? imageAspectVideoClasses : aspectRatio === "square" ? imageAspectSquareClasses : void 0;
+  const aspectStyle = aspectRatio != null && aspectRatio !== "video" && aspectRatio !== "square" ? {
+    aspectRatio: typeof aspectRatio === "number" ? String(aspectRatio) : aspectRatio
+  } : void 0;
+  const wrapperClass = cn(imageWrapperBaseClasses, aspectClass, className);
+  const radiusStyle = typeof radius === "number" ? { borderRadius: `${radius}px` } : { borderRadius: radius };
+  const wrapperStyle = { ...radiusStyle, ...aspectStyle };
+  if (error && fallback !== void 0) {
+    return /* @__PURE__ */ jsx("span", { className: wrapperClass, style: wrapperStyle, children: typeof fallback === "string" ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: fallback,
+        alt: "",
+        title: "",
+        "aria-hidden": true,
+        className: cn(
+          imageFallbackImgClasses,
+          imageObjectFitClasses[objectFit]
+        )
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: imageFallbackContentClasses, children: fallback }) });
+  }
+  return /* @__PURE__ */ jsxs("span", { className: wrapperClass, style: wrapperStyle, children: [
+    !loaded && src ? /* @__PURE__ */ jsx("span", { className: imagePlaceholderClasses, "aria-hidden": true }) : null,
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt,
+        title,
+        onLoad: handleLoad,
+        onError: handleError,
+        className: cn(
+          imageImgBaseClasses,
+          imageObjectFitClasses[objectFit],
+          loaded && !error ? imageImgLoadedClasses : imageImgLoadingClasses
+        ),
+        ...other
+      }
+    )
+  ] });
+}
+Image.displayName = "Image";
+
+export { Image };

package/dist/components/atoms/image/image.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/image";
+//# sourceMappingURL=image.d.ts.map

package/dist/components/atoms/image/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/image/image.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/atoms/image/image.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var image = require('./components/image');
+
+
+
+Object.keys(image).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return image[k]; }
+	});
+});

package/dist/components/atoms/image/image.mjs

@@ -0,0 +1 @@
+export * from './components/image';

package/dist/components/atoms/image/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/image";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/image/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var image = require('./components/image');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(image).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return image[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/image/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/image';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/image/types.d.ts

@@ -0,0 +1,23 @@
+import type { ImgHTMLAttributes, ReactNode } from "react";
+/** Valores comuns para aspect ratio (Tailwind: aspect-video 16/9, aspect-square 1/1). */
+export type ImageAspectRatio = "video" | "square" | number | string;
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "alt" | "title"> {
+    /** Texto alternativo (obrigatório por acessibilidade). */
+    alt: string;
+    /**
+     * Descrição do conteúdo da imagem (obrigatório por acessibilidade).
+     * Exibido ao passar o mouse e lido por leitores de tela.
+     */
+    title: string;
+    /** Conteúdo ou URL de imagem a mostrar quando src falha. */
+    fallback?: ReactNode | string;
+    objectFit?: "cover" | "contain" | "fill" | "none";
+    radius?: string | number;
+    /**
+     * Proporção do container (evita CLS). "video" = 16/9, "square" = 1/1, ou valor CSS (ex.: 3/2, "16/9").
+     * Aplicado ao wrapper; a imagem preenche com objectFit.
+     */
+    aspectRatio?: ImageAspectRatio;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,yFAAyF;AACzF,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAClE,0DAA0D;IAC1D,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/atoms/image/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/atoms/image/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/image/variants.d.ts

@@ -0,0 +1,16 @@
+export declare const imageObjectFitClasses: {
+    readonly cover: "object-cover";
+    readonly contain: "object-contain";
+    readonly fill: "object-fill";
+    readonly none: "object-none";
+};
+export declare const imageWrapperBaseClasses = "inline-block overflow-hidden bg-muted";
+export declare const imageAspectVideoClasses = "aspect-video";
+export declare const imageAspectSquareClasses = "aspect-square";
+export declare const imageImgBaseClasses = "block w-full h-full transition-opacity duration-200";
+export declare const imageImgLoadedClasses = "opacity-100";
+export declare const imageImgLoadingClasses = "opacity-0";
+export declare const imagePlaceholderClasses = "block w-full h-full min-h-20 bg-muted";
+export declare const imageFallbackImgClasses = "block w-full h-full";
+export declare const imageFallbackContentClasses = "flex items-center justify-center min-h-20 text-muted-foreground text-sm";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/image/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/image/variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,uBAAuB,0CACK,CAAC;AAE1C,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAEtD,eAAO,MAAM,wBAAwB,kBAAkB,CAAC;AAExD,eAAO,MAAM,mBAAmB,wDACuB,CAAC;AAExD,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AAEnD,eAAO,MAAM,sBAAsB,cAAc,CAAC;AAElD,eAAO,MAAM,uBAAuB,0CACK,CAAC;AAE1C,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,4EACmC,CAAC"}

package/dist/components/atoms/image/variants.js

@@ -0,0 +1,28 @@
+'use strict';
+
+const imageObjectFitClasses = {
+  cover: "object-cover",
+  contain: "object-contain",
+  fill: "object-fill",
+  none: "object-none"
+};
+const imageWrapperBaseClasses = "inline-block overflow-hidden bg-muted";
+const imageAspectVideoClasses = "aspect-video";
+const imageAspectSquareClasses = "aspect-square";
+const imageImgBaseClasses = "block w-full h-full transition-opacity duration-200";
+const imageImgLoadedClasses = "opacity-100";
+const imageImgLoadingClasses = "opacity-0";
+const imagePlaceholderClasses = "block w-full h-full min-h-20 bg-muted";
+const imageFallbackImgClasses = "block w-full h-full";
+const imageFallbackContentClasses = "flex items-center justify-center min-h-20 text-muted-foreground text-sm";
+
+exports.imageAspectSquareClasses = imageAspectSquareClasses;
+exports.imageAspectVideoClasses = imageAspectVideoClasses;
+exports.imageFallbackContentClasses = imageFallbackContentClasses;
+exports.imageFallbackImgClasses = imageFallbackImgClasses;
+exports.imageImgBaseClasses = imageImgBaseClasses;
+exports.imageImgLoadedClasses = imageImgLoadedClasses;
+exports.imageImgLoadingClasses = imageImgLoadingClasses;
+exports.imageObjectFitClasses = imageObjectFitClasses;
+exports.imagePlaceholderClasses = imagePlaceholderClasses;
+exports.imageWrapperBaseClasses = imageWrapperBaseClasses;

package/dist/components/atoms/image/variants.mjs

@@ -0,0 +1,17 @@
+const imageObjectFitClasses = {
+  cover: "object-cover",
+  contain: "object-contain",
+  fill: "object-fill",
+  none: "object-none"
+};
+const imageWrapperBaseClasses = "inline-block overflow-hidden bg-muted";
+const imageAspectVideoClasses = "aspect-video";
+const imageAspectSquareClasses = "aspect-square";
+const imageImgBaseClasses = "block w-full h-full transition-opacity duration-200";
+const imageImgLoadedClasses = "opacity-100";
+const imageImgLoadingClasses = "opacity-0";
+const imagePlaceholderClasses = "block w-full h-full min-h-20 bg-muted";
+const imageFallbackImgClasses = "block w-full h-full";
+const imageFallbackContentClasses = "flex items-center justify-center min-h-20 text-muted-foreground text-sm";
+
+export { imageAspectSquareClasses, imageAspectVideoClasses, imageFallbackContentClasses, imageFallbackImgClasses, imageImgBaseClasses, imageImgLoadedClasses, imageImgLoadingClasses, imageObjectFitClasses, imagePlaceholderClasses, imageWrapperBaseClasses };

package/dist/components/atoms/input/components/input-field.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+export interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /** Override only the input's inner className. classNames.input from Root is also applied. */
+    className?: string;
+}
+/**
+ * Input.Field — the actual <input> element inside a composition.
+ * Must be rendered inside <Input.Root>.
+ *
+ * Reads size, status, disabled, inputRef from context.
+ * Accepts all standard HTML input attributes (value, onChange, placeholder, type…).
+ *
+ * For controlled usage, pass value + onChange directly here.
+ * For uncontrolled usage, pass defaultValue.
+ *
+ * @example
+ * <Input.Root size="lg">
+ *   <Input.Field type="email" placeholder="you@example.com" />
+ * </Input.Root>
+ */
+declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { InputField };
+//# sourceMappingURL=input-field.d.ts.map

package/dist/components/atoms/input/components/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/input/components/input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,0FAoDd,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/atoms/input/components/input-field.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+var context = require('../context');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const InputField = React__namespace.forwardRef(function InputField2({ className, type = "text", onChange, onKeyDown, ...props }, externalRef) {
+  const ctx = context.useInputContext();
+  const setRef = React__namespace.useCallback(
+    (el) => {
+      ctx.inputRef.current = el;
+      if (typeof externalRef === "function") externalRef(el);
+      else if (externalRef)
+        externalRef.current = el;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [ctx.inputRef, externalRef]
+  );
+  const handleChange = (e) => {
+    ctx.trackValue(e.target.value);
+    ctx.onChange?.(e);
+    onChange?.(e);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") ctx.onPressEnter?.(e);
+    ctx.onKeyDown?.(e);
+    onKeyDown?.(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref: setRef,
+      type,
+      disabled: ctx.disabled,
+      maxLength: ctx.maxLength,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      className: utils.cn(
+        "min-w-0 flex-1 border-0 bg-transparent py-1 outline-none",
+        "focus:ring-0 focus-visible:ring-0 text-foreground",
+        "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
+        "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+        "disabled:cursor-not-allowed",
+        variants.inputAutofillClasses,
+        "pl-3 pr-3",
+        ctx.classNames?.input,
+        className
+      ),
+      "data-slot": "input",
+      ...props
+    }
+  );
+});
+InputField.displayName = "Input.Field";
+
+exports.InputField = InputField;

package/dist/components/atoms/input/components/input-field.mjs

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../../../lib/utils';
+import { inputAutofillClasses } from '../variants';
+import { useInputContext } from '../context';
+
+const InputField = React.forwardRef(function InputField2({ className, type = "text", onChange, onKeyDown, ...props }, externalRef) {
+  const ctx = useInputContext();
+  const setRef = React.useCallback(
+    (el) => {
+      ctx.inputRef.current = el;
+      if (typeof externalRef === "function") externalRef(el);
+      else if (externalRef)
+        externalRef.current = el;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [ctx.inputRef, externalRef]
+  );
+  const handleChange = (e) => {
+    ctx.trackValue(e.target.value);
+    ctx.onChange?.(e);
+    onChange?.(e);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") ctx.onPressEnter?.(e);
+    ctx.onKeyDown?.(e);
+    onKeyDown?.(e);
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: setRef,
+      type,
+      disabled: ctx.disabled,
+      maxLength: ctx.maxLength,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "min-w-0 flex-1 border-0 bg-transparent py-1 outline-none",
+        "focus:ring-0 focus-visible:ring-0 text-foreground",
+        "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
+        "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+        "disabled:cursor-not-allowed",
+        inputAutofillClasses,
+        "pl-3 pr-3",
+        ctx.classNames?.input,
+        className
+      ),
+      "data-slot": "input",
+      ...props
+    }
+  );
+});
+InputField.displayName = "Input.Field";
+
+export { InputField };

package/dist/components/atoms/input/components/input-root.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import type { InputProps, InputVariant } from "../types";
+type InputRootOwnProps = {
+    size?: InputProps["size"];
+    status?: InputProps["status"];
+    variant?: InputVariant;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    allowClear?: boolean;
+    showCount?: boolean;
+    maxLength?: number;
+    /** Pass for controlled mode — omit for uncontrolled. */
+    value?: string;
+    defaultValue?: string;
+    onChange?: InputProps["onChange"];
+    onKeyDown?: InputProps["onKeyDown"];
+    onPressEnter?: InputProps["onPressEnter"];
+    onClear?: InputProps["onClear"];
+    classNames?: InputProps["classNames"];
+    children?: React.ReactNode;
+};
+/**
+ * Extends HTMLAttributes<HTMLSpanElement> so any extra props (onClick,
+ * onPointerDown, aria-*, data-*, role …) are forwarded to the underlying
+ * <span>. This is required for Radix asChild to inject its event handlers
+ * (e.g. when InputRoot is used as a PopoverTrigger / ComboboxTrigger).
+ */
+export interface InputRootProps extends InputRootOwnProps, Omit<React.HTMLAttributes<HTMLSpanElement>, "onChange" | "onKeyDown" | "defaultValue" | "children"> {
+}
+/**
+ * Input.Root — wrapper with border/focus ring + InputProvider.
+ *
+ * Manages shared state (value tracking, ref, clear handler).
+ * Compose with Input.Field, Input.Prefix, Input.Suffix, Input.ClearButton, Input.Count, Input.Hint.
+ *
+ * @example
+ * <Input.Root size="md" status="error">
+ *   <Input.Prefix><SearchIcon /></Input.Prefix>
+ *   <Input.Field placeholder="Search…" />
+ *   <Input.ClearButton />
+ * </Input.Root>
+ */
+declare const InputRoot: React.ForwardRefExoticComponent<InputRootProps & React.RefAttributes<HTMLSpanElement>>;
+export { InputRoot };
+//# sourceMappingURL=input-root.d.ts.map

package/dist/components/atoms/input/components/input-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-root.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/input/components/input-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAWzD,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,cACf,SAAQ,iBAAiB,EACzB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAEtC,UAAU,GACV,WAAW,GACX,cAAc,GACd,UAAU,CACb;CAAI;AAEP;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,SAAS,wFAwGb,CAAC;AAIH,OAAO,EAAE,SAAS,EAAE,CAAC"}