@accreditation/ui 1.0.0

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

@@ -0,0 +1,128 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var nativeInput = require('../../../../lib/native-input');
+var context = require('../context');
+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);
+
+const InputRoot = React__namespace.forwardRef(function InputRoot2({
+  size = "md",
+  status = "default",
+  variant = "default",
+  fullWidth = true,
+  disabled,
+  allowClear = false,
+  showCount = false,
+  maxLength,
+  value,
+  defaultValue,
+  onChange,
+  onKeyDown,
+  onPressEnter,
+  onClear,
+  classNames,
+  className,
+  "aria-invalid": ariaInvalid,
+  children,
+  // Collect all remaining span-compatible props (onClick, onPointerDown,
+  // aria-*, data-*, role, etc.) so Radix asChild can inject its handlers.
+  ...restSpanProps
+}, ref) {
+  const inputRef = React.useRef(null);
+  const uid = React.useId();
+  const isControlled = value !== void 0;
+  const [trackedValue, setTrackedValue] = React.useState(
+    isControlled ? value ?? "" : typeof defaultValue === "string" ? defaultValue : ""
+  );
+  const currentTracked = isControlled ? value ?? "" : trackedValue;
+  const hasValue = currentTracked.length > 0;
+  const trackValue = React.useCallback(
+    (v) => {
+      if (!isControlled) setTrackedValue(v);
+    },
+    [isControlled]
+  );
+  const effectiveAriaInvalid = ariaInvalid === true || ariaInvalid === "true";
+  let effectiveStatus = status;
+  if (status === "default" && effectiveAriaInvalid) effectiveStatus = "error";
+  const borderByStatus = variants.getInputBorderByStatus(effectiveStatus);
+  const widthClass = fullWidth ? "w-full min-w-0" : "w-[16rem]";
+  const handleClear = React.useCallback(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    nativeInput.setNativeValue(el, "");
+    setTrackedValue("");
+    onClear?.();
+    el.focus();
+  }, [onClear]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    context.InputProvider,
+    {
+      value: {
+        size,
+        status: effectiveStatus,
+        disabled,
+        maxLength,
+        allowClear,
+        showCount,
+        fullWidth,
+        isControlled,
+        value: currentTracked,
+        hasValue,
+        trackValue,
+        inputId: uid,
+        inputRef,
+        classNames,
+        onPressEnter,
+        onClear,
+        onChange,
+        onKeyDown,
+        handleClear
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          ref,
+          ...restSpanProps,
+          "data-slot": "root",
+          className: utils.cn(
+            variants.inputRootBaseClasses,
+            variants.inputVariantClasses[variant],
+            variants.inputSizeClasses[size],
+            borderByStatus,
+            widthClass,
+            disabled && "cursor-not-allowed opacity-50",
+            classNames?.root,
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+InputRoot.displayName = "Input.Root";
+
+exports.InputRoot = InputRoot;

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

@@ -0,0 +1,107 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useRef, useId, useState, useCallback } from 'react';
+import { cn } from '../../../../lib/utils';
+import { setNativeValue } from '../../../../lib/native-input';
+import { InputProvider } from '../context';
+import { getInputBorderByStatus, inputRootBaseClasses, inputVariantClasses, inputSizeClasses } from '../variants';
+
+const InputRoot = React.forwardRef(function InputRoot2({
+  size = "md",
+  status = "default",
+  variant = "default",
+  fullWidth = true,
+  disabled,
+  allowClear = false,
+  showCount = false,
+  maxLength,
+  value,
+  defaultValue,
+  onChange,
+  onKeyDown,
+  onPressEnter,
+  onClear,
+  classNames,
+  className,
+  "aria-invalid": ariaInvalid,
+  children,
+  // Collect all remaining span-compatible props (onClick, onPointerDown,
+  // aria-*, data-*, role, etc.) so Radix asChild can inject its handlers.
+  ...restSpanProps
+}, ref) {
+  const inputRef = useRef(null);
+  const uid = useId();
+  const isControlled = value !== void 0;
+  const [trackedValue, setTrackedValue] = useState(
+    isControlled ? value ?? "" : typeof defaultValue === "string" ? defaultValue : ""
+  );
+  const currentTracked = isControlled ? value ?? "" : trackedValue;
+  const hasValue = currentTracked.length > 0;
+  const trackValue = useCallback(
+    (v) => {
+      if (!isControlled) setTrackedValue(v);
+    },
+    [isControlled]
+  );
+  const effectiveAriaInvalid = ariaInvalid === true || ariaInvalid === "true";
+  let effectiveStatus = status;
+  if (status === "default" && effectiveAriaInvalid) effectiveStatus = "error";
+  const borderByStatus = getInputBorderByStatus(effectiveStatus);
+  const widthClass = fullWidth ? "w-full min-w-0" : "w-[16rem]";
+  const handleClear = useCallback(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    setNativeValue(el, "");
+    setTrackedValue("");
+    onClear?.();
+    el.focus();
+  }, [onClear]);
+  return /* @__PURE__ */ jsx(
+    InputProvider,
+    {
+      value: {
+        size,
+        status: effectiveStatus,
+        disabled,
+        maxLength,
+        allowClear,
+        showCount,
+        fullWidth,
+        isControlled,
+        value: currentTracked,
+        hasValue,
+        trackValue,
+        inputId: uid,
+        inputRef,
+        classNames,
+        onPressEnter,
+        onClear,
+        onChange,
+        onKeyDown,
+        handleClear
+      },
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          ref,
+          ...restSpanProps,
+          "data-slot": "root",
+          className: cn(
+            inputRootBaseClasses,
+            inputVariantClasses[variant],
+            inputSizeClasses[size],
+            borderByStatus,
+            widthClass,
+            disabled && "cursor-not-allowed opacity-50",
+            classNames?.root,
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+InputRoot.displayName = "Input.Root";
+
+export { InputRoot };

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

@@ -0,0 +1,67 @@
+import * as React from "react";
+export interface InputPrefixProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Input.Prefix — left addon area (icon, currency symbol, etc.).
+ * Provides standard left padding + icon sizing. When using a Prefix,
+ * pass className="pl-0" to Input.Field to avoid double padding.
+ *
+ * @example
+ * <Input.Root><Input.Prefix><SearchIcon /></Input.Prefix><Input.Field className="pl-0" /></Input.Root>
+ */
+export declare function InputPrefix({ children, className }: InputPrefixProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InputPrefix {
+    var displayName: string;
+}
+export interface InputSuffixProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Input.Suffix — right addon area (icon, button, etc.).
+ * Provides standard right padding + icon sizing.
+ */
+export declare function InputSuffix({ children, className }: InputSuffixProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InputSuffix {
+    var displayName: string;
+}
+export interface InputClearButtonProps {
+    className?: string;
+    "aria-label"?: string;
+}
+/**
+ * Input.ClearButton — renders an × button only when the field has a value
+ * AND `allowClear` is true on the Root. Clears the input via native events
+ * (compatible with RHF, Formik, and uncontrolled inputs).
+ */
+export declare function InputClearButton({ className, "aria-label": ariaLabel, }: InputClearButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace InputClearButton {
+    var displayName: string;
+}
+export interface InputCountProps {
+    className?: string;
+}
+/**
+ * Input.Count — character counter. Renders only when `showCount` is true on Root.
+ * Displays current length and optional maxLength.
+ */
+export declare function InputCount({ className }: InputCountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace InputCount {
+    var displayName: string;
+}
+export interface InputHintProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Input.Hint — helper text below the input.
+ * Does NOT need to be inside Input.Root — it can be a sibling or used standalone.
+ * Uses the Root's classNames.hint when available (if inside Root context).
+ */
+export declare function InputHint({ children, className }: InputHintProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace InputHint {
+    var displayName: string;
+}
+//# sourceMappingURL=input-subcomponents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-subcomponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/input/components/input-subcomponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAcpE;yBAde,WAAW;;;AAmB3B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAcpE;yBAde,WAAW;;;AAmB3B,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,YAAY,EAAE,SAAoB,GACnC,EAAE,qBAAqB,kDAmBvB;yBAtBe,gBAAgB;;;AA2BhC,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,kDAgBxD;yBAhBe,UAAU;;;AAqB1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,kDAqBhE;yBArBe,SAAS"}

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

@@ -0,0 +1,105 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var context = require('../context');
+
+function InputPrefix({ children, className }) {
+  const { classNames } = context.useInputContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "text-muted-foreground flex shrink-0 items-center justify-center pl-3 [&_svg]:size-4",
+        classNames?.prefix,
+        className
+      ),
+      "data-slot": "prefix",
+      children
+    }
+  );
+}
+InputPrefix.displayName = "Input.Prefix";
+function InputSuffix({ children, className }) {
+  const { classNames } = context.useInputContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "text-muted-foreground flex shrink-0 items-center justify-center pr-2 [&_svg]:size-4",
+        classNames?.suffix,
+        className
+      ),
+      "data-slot": "suffix",
+      children
+    }
+  );
+}
+InputSuffix.displayName = "Input.Suffix";
+function InputClearButton({
+  className,
+  "aria-label": ariaLabel = "Limpar"
+}) {
+  const { allowClear, hasValue, handleClear, classNames } = context.useInputContext();
+  if (!allowClear || !hasValue) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      "aria-label": ariaLabel,
+      className: utils.cn(
+        "text-muted-foreground hover:text-foreground inline-flex shrink-0 items-center justify-center rounded-none p-0.5 transition-colors",
+        classNames?.suffix,
+        className
+      ),
+      onClick: handleClear,
+      type: "button",
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": true, className: "size-4" })
+    }
+  );
+}
+InputClearButton.displayName = "Input.ClearButton";
+function InputCount({ className }) {
+  const { showCount, value, maxLength, classNames } = context.useInputContext();
+  if (!showCount) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: utils.cn(
+        "text-muted-foreground shrink-0 pr-3 text-xs tabular-nums",
+        classNames?.count,
+        className
+      ),
+      "data-slot": "count",
+      children: [
+        value.length,
+        maxLength != null ? ` / ${maxLength}` : ""
+      ]
+    }
+  );
+}
+InputCount.displayName = "Input.Count";
+function InputHint({ children, className }) {
+  let hintClassName;
+  try {
+    const { classNames } = context.useInputContext();
+    hintClassName = classNames?.hint;
+  } catch {
+  }
+  if (!children) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn("text-muted-foreground text-xs", hintClassName, className),
+      "data-slot": "hint",
+      children
+    }
+  );
+}
+InputHint.displayName = "Input.Hint";
+
+exports.InputClearButton = InputClearButton;
+exports.InputCount = InputCount;
+exports.InputHint = InputHint;
+exports.InputPrefix = InputPrefix;
+exports.InputSuffix = InputSuffix;

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

@@ -0,0 +1,99 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { X } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { useInputContext } from '../context';
+
+function InputPrefix({ children, className }) {
+  const { classNames } = useInputContext();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-muted-foreground flex shrink-0 items-center justify-center pl-3 [&_svg]:size-4",
+        classNames?.prefix,
+        className
+      ),
+      "data-slot": "prefix",
+      children
+    }
+  );
+}
+InputPrefix.displayName = "Input.Prefix";
+function InputSuffix({ children, className }) {
+  const { classNames } = useInputContext();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-muted-foreground flex shrink-0 items-center justify-center pr-2 [&_svg]:size-4",
+        classNames?.suffix,
+        className
+      ),
+      "data-slot": "suffix",
+      children
+    }
+  );
+}
+InputSuffix.displayName = "Input.Suffix";
+function InputClearButton({
+  className,
+  "aria-label": ariaLabel = "Limpar"
+}) {
+  const { allowClear, hasValue, handleClear, classNames } = useInputContext();
+  if (!allowClear || !hasValue) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": ariaLabel,
+      className: cn(
+        "text-muted-foreground hover:text-foreground inline-flex shrink-0 items-center justify-center rounded-none p-0.5 transition-colors",
+        classNames?.suffix,
+        className
+      ),
+      onClick: handleClear,
+      type: "button",
+      children: /* @__PURE__ */ jsx(X, { "aria-hidden": true, className: "size-4" })
+    }
+  );
+}
+InputClearButton.displayName = "Input.ClearButton";
+function InputCount({ className }) {
+  const { showCount, value, maxLength, classNames } = useInputContext();
+  if (!showCount) return null;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "text-muted-foreground shrink-0 pr-3 text-xs tabular-nums",
+        classNames?.count,
+        className
+      ),
+      "data-slot": "count",
+      children: [
+        value.length,
+        maxLength != null ? ` / ${maxLength}` : ""
+      ]
+    }
+  );
+}
+InputCount.displayName = "Input.Count";
+function InputHint({ children, className }) {
+  let hintClassName;
+  try {
+    const { classNames } = useInputContext();
+    hintClassName = classNames?.hint;
+  } catch {
+  }
+  if (!children) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("text-muted-foreground text-xs", hintClassName, className),
+      "data-slot": "hint",
+      children
+    }
+  );
+}
+InputHint.displayName = "Input.Hint";
+
+export { InputClearButton, InputCount, InputHint, InputPrefix, InputSuffix };

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

@@ -0,0 +1,14 @@
+import type { InputProps } from "../types";
+import { InputPrefix, InputSuffix, InputClearButton, InputCount, InputHint } from "./input-subcomponents";
+declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
+    displayName: string;
+    Root: import("react").ForwardRefExoticComponent<import("./input-root").InputRootProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Field: import("react").ForwardRefExoticComponent<import("./input-field").InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+    Prefix: typeof InputPrefix;
+    Suffix: typeof InputSuffix;
+    ClearButton: typeof InputClearButton;
+    Count: typeof InputCount;
+    Hint: typeof InputHint;
+};
+export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/input/components/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,OAAO,EACL,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,SAAS,EACV,MAAM,uBAAuB,CAAC;AA2O/B,QAAA,MAAM,KAAK;;;;;;;;;CAST,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}