@nebula-demo/ui 0.1.3

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

@@ -0,0 +1,5 @@
+export { Icon } from './Icon';
+export type { IconProps, IconName } from './Icon';
+export { UTUI_ICONS } from './icons';
+export type { IconPathData } from './icons';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InlineNotification/InlineNotification.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("react"),t=require("../../utils/cn.cjs"),y=require("../../utils/focusRing.cjs"),N=require("./InlineNotification.variants.cjs"),s=require("../Icon/Icon.cjs");function v(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const i in a)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(a,i);Object.defineProperty(e,i,r.get?r:{enumerable:!0,get:()=>a[i]})}}return e.default=a,Object.freeze(e)}const l=v(h),j={information:"info-circle",success:"check-circle",warning:"alert-triangle",error:"alert-circle","brand-primary":"announcement-02","brand-secondary":"announcement-02"},I={information:"cai-text-[var(--icon-primary-alt)]",success:"cai-text-[var(--icon-success-alt)]",warning:"cai-text-[var(--icon-warning-alt)]",error:"cai-text-[var(--icon-error-alt)]","brand-primary":"cai-text-[var(--icon-primary-invert)]","brand-secondary":"cai-text-[var(--icon-primary-invert)]"},d=l.forwardRef(({className:a,variant:e="information",title:i,description:r,close:u=!1,onClose:m,headingLevel:f=2,...b},x)=>{const p=j[e],g=I[e],c=l.useId(),o=e==="error"||e==="warning";return n.jsxs("div",{ref:x,role:o?"alert":"status","aria-live":o?"assertive":"polite",className:t.cn(N.inlineNotificationVariants({variant:e}),a),...b,children:[n.jsx("div",{className:t.cn("cai-flex-shrink-0 cai-mt-0.5",g),children:n.jsx(s.Icon,{name:p,width:18,height:18,"aria-hidden":"true"})}),n.jsxs("div",{className:"cai-flex-1 cai-min-w-0",children:[i&&n.jsx("div",{id:c,role:"heading","aria-level":f,className:"cai-text-subbody cai-font-semibold",children:i}),n.jsx("div",{className:"cai-text-subbody cai-font-normal cai-leading-normal",children:r})]}),u&&n.jsx("button",{type:"button",onClick:m,"aria-label":"Close","aria-describedby":i?c:void 0,className:t.cn("cai-flex-shrink-0 cai-mt-0.5 cai-cursor-pointer","cai-bg-transparent cai-border-none cai-p-0","hover:cai-opacity-70 cai-transition-opacity",y.FOCUS_RING),children:n.jsx(s.Icon,{name:"x-close",width:14,height:14,"aria-hidden":"true"})})]})});d.displayName="InlineNotification";exports.InlineNotification=d;

package/dist/components/InlineNotification/InlineNotification.d.ts

@@ -0,0 +1,17 @@
+import { InlineNotificationVariantsProps } from './InlineNotification.variants';
+import * as React from 'react';
+export interface InlineNotificationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, InlineNotificationVariantsProps {
+    /** Optional heading text */
+    title?: string;
+    /** Required body text */
+    description: string;
+    /** Show close icon */
+    close?: boolean;
+    /** Close handler (required when close is true) */
+    onClose?: () => void;
+    /** Heading level for screen readers (1 to 6) */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const InlineNotification: React.ForwardRefExoticComponent<InlineNotificationProps & React.RefAttributes<HTMLDivElement>>;
+export { InlineNotification };
+//# sourceMappingURL=InlineNotification.d.ts.map

package/dist/components/InlineNotification/InlineNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineNotification.d.ts","sourceRoot":"","sources":["../../../src/components/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAA;AAoCtC,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,+BAA+B;IACjC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACrC;AAED,QAAA,MAAM,kBAAkB,gGAiEvB,CAAA;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/InlineNotification/InlineNotification.js

@@ -0,0 +1,80 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as e } from "../../utils/cn.js";
+import { FOCUS_RING as N } from "../../utils/focusRing.js";
+import { inlineNotificationVariants as v } from "./InlineNotification.variants.js";
+import { Icon as s } from "../Icon/Icon.js";
+const y = {
+  information: "info-circle",
+  success: "check-circle",
+  warning: "alert-triangle",
+  error: "alert-circle",
+  "brand-primary": "announcement-02",
+  "brand-secondary": "announcement-02"
+}, g = {
+  information: "cai-text-[var(--icon-primary-alt)]",
+  success: "cai-text-[var(--icon-success-alt)]",
+  warning: "cai-text-[var(--icon-warning-alt)]",
+  error: "cai-text-[var(--icon-error-alt)]",
+  "brand-primary": "cai-text-[var(--icon-primary-invert)]",
+  "brand-secondary": "cai-text-[var(--icon-primary-invert)]"
+}, I = t.forwardRef(
+  ({
+    className: l,
+    variant: a = "information",
+    title: r,
+    description: m,
+    close: d = !1,
+    onClose: f,
+    headingLevel: p = 2,
+    ...h
+  }, b) => {
+    const u = y[a], x = g[a], n = t.useId(), c = a === "error" || a === "warning";
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: b,
+        role: c ? "alert" : "status",
+        "aria-live": c ? "assertive" : "polite",
+        className: e(v({ variant: a }), l),
+        ...h,
+        children: [
+          /* @__PURE__ */ i("div", { className: e("cai-flex-shrink-0 cai-mt-0.5", x), children: /* @__PURE__ */ i(s, { name: u, width: 18, height: 18, "aria-hidden": "true" }) }),
+          /* @__PURE__ */ o("div", { className: "cai-flex-1 cai-min-w-0", children: [
+            r && /* @__PURE__ */ i(
+              "div",
+              {
+                id: n,
+                role: "heading",
+                "aria-level": p,
+                className: "cai-text-subbody cai-font-semibold",
+                children: r
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "cai-text-subbody cai-font-normal cai-leading-normal", children: m })
+          ] }),
+          d && /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: f,
+              "aria-label": "Close",
+              "aria-describedby": r ? n : void 0,
+              className: e(
+                "cai-flex-shrink-0 cai-mt-0.5 cai-cursor-pointer",
+                "cai-bg-transparent cai-border-none cai-p-0",
+                "hover:cai-opacity-70 cai-transition-opacity",
+                N
+              ),
+              children: /* @__PURE__ */ i(s, { name: "x-close", width: 14, height: 14, "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+I.displayName = "InlineNotification";
+export {
+  I as InlineNotification
+};

package/dist/components/InlineNotification/InlineNotification.variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),r=a.cva("cai-relative cai-flex cai-items-start cai-gap-2.5 cai-rounded-lg cai-border-[1.5px] cai-px-4 cai-py-3",{variants:{variant:{information:"cai-border-information-alt cai-bg-information cai-text-primary-alt",success:"cai-border-success-alt cai-bg-success cai-text-primary-alt",warning:"cai-border-warning-alt cai-bg-warning cai-text-primary-alt",error:"cai-border-error-alt cai-bg-error cai-text-primary-alt","brand-primary":"cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert","brand-secondary":"cai-border-brand-tertiary cai-bg-brand-tertiary cai-text-primary-invert"}},defaultVariants:{variant:"information"}});exports.inlineNotificationVariants=r;

package/dist/components/InlineNotification/InlineNotification.variants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const inlineNotificationVariants: (props?: ({
+    variant?: "success" | "warning" | "error" | "information" | "brand-primary" | "brand-secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InlineNotificationVariantsProps = VariantProps<typeof inlineNotificationVariants>;
+//# sourceMappingURL=InlineNotification.variants.d.ts.map

package/dist/components/InlineNotification/InlineNotification.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineNotification.variants.d.ts","sourceRoot":"","sources":["../../../src/components/InlineNotification/InlineNotification.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,0BAA0B;;8EAkBtC,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAA"}

package/dist/components/InlineNotification/InlineNotification.variants.js

@@ -0,0 +1,22 @@
+import { cva as a } from "class-variance-authority";
+const i = a(
+  "cai-relative cai-flex cai-items-start cai-gap-2.5 cai-rounded-lg cai-border-[1.5px] cai-px-4 cai-py-3",
+  {
+    variants: {
+      variant: {
+        information: "cai-border-information-alt cai-bg-information cai-text-primary-alt",
+        success: "cai-border-success-alt cai-bg-success cai-text-primary-alt",
+        warning: "cai-border-warning-alt cai-bg-warning cai-text-primary-alt",
+        error: "cai-border-error-alt cai-bg-error cai-text-primary-alt",
+        "brand-primary": "cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert",
+        "brand-secondary": "cai-border-brand-tertiary cai-bg-brand-tertiary cai-text-primary-invert"
+      }
+    },
+    defaultVariants: {
+      variant: "information"
+    }
+  }
+);
+export {
+  i as inlineNotificationVariants
+};

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

@@ -0,0 +1,5 @@
+export { InlineNotification } from './InlineNotification';
+export type { InlineNotificationProps } from './InlineNotification';
+export { inlineNotificationVariants } from './InlineNotification.variants';
+export type { InlineNotificationVariantsProps } from './InlineNotification.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InlineNotification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InlineNotification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAC1E,YAAY,EAAE,+BAA+B,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/components/Input/Input.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("react"),f=require("../../utils/cn.cjs"),n=require("./Input.variants.cjs"),N=require("../Icon/Icon.cjs");function G(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const l=G(B),C=l.forwardRef(({label:s,labelRight:a,required:r=!1,placeholder:o,type:S="text",contextualIcon:I,suffixIcon:x,error:t=!1,errorText:h,counter:j=!1,maxLength:y=200,hintBottomLeft:d,hintBottomRight:p,disabled:b=!1,id:z,className:_,onChange:g,value:i,defaultValue:m,...P},k)=>{const D=l.useId(),u=z??D,[E,v]=l.useState(()=>typeof i=="string"?i.length:typeof m=="string"?m.length:0);l.useEffect(()=>{typeof i=="string"&&v(i.length)},[i]);const F=l.useCallback(c=>{v(c.target.value.length),g?.(c)},[g]),w=!!I,$=!!(t||x),T=c=>{if(!c)return null;if(typeof c=="string")return e.jsx(N.Icon,{name:c,size:16,"aria-hidden":"true"});const q=c;return l.cloneElement(q,{"aria-hidden":"true",...q.props})},O=h?`${u}-error`:void 0,R=d||p?`${u}-hint`:void 0,H=[O,R].filter(Boolean).join(" ")||void 0,W=!!(s||a||j),A=!!((d||p)&&!t);return e.jsxs("div",{className:n.inputWrapper({disabled:b}),children:[W&&e.jsxs("span",{className:n.labelRow(),children:[s?e.jsxs("label",{htmlFor:u,className:f.cn(n.labelText(),"cai-flex-1"),children:[s,r&&e.jsx("span",{className:"cai-text-primary cai-ml-0.5","aria-hidden":"true",children:"*"})]}):e.jsx("span",{className:"cai-flex-1"}),j?e.jsxs("span",{className:n.labelText(),"aria-live":"polite","aria-atomic":"true",children:[E,"/",y]}):a?e.jsx("span",{className:n.labelText(),children:a}):null]}),e.jsxs("span",{className:n.inputRow(),children:[w&&e.jsx("span",{className:n.leftIcon({error:t}),children:T(I)}),e.jsx("input",{ref:k,id:u,type:S,placeholder:o,disabled:b,maxLength:j?y:void 0,"aria-invalid":t||void 0,"aria-describedby":H,"aria-required":r||void 0,value:i,defaultValue:m,onChange:F,className:f.cn(n.inputField({error:t,hasLeftIcon:w,hasRightIcon:$}),_),...P}),t?e.jsx("span",{className:n.rightIcon({variant:"error"}),children:e.jsx(N.Icon,{name:"alert-circle",size:16,"aria-hidden":"true"})}):x?e.jsx("span",{className:n.rightIcon({variant:"suffix"}),children:T(x)}):null]}),A&&e.jsxs("span",{className:n.hintRow(),id:R,children:[d&&e.jsx("span",{className:f.cn(n.hintText(),"cai-flex-1"),children:d}),p&&e.jsx("span",{className:n.hintText(),children:p})]}),t&&h&&e.jsxs("span",{className:n.errorRow(),id:O,role:"alert",children:[e.jsx("span",{className:n.errorIcon(),children:e.jsx(N.Icon,{name:"alert-circle",size:16,"aria-hidden":"true"})}),e.jsx("span",{className:n.errorText(),children:h})]})]})});C.displayName="Input";exports.Input=C;

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /** Label text above the input. */
+    label?: string;
+    /** Right-aligned label text (e.g. "Optional"). */
+    labelRight?: string;
+    /** Shows an asterisk after the label to indicate a required field. */
+    required?: boolean;
+    /** Placeholder text inside the input. */
+    placeholder?: string;
+    /** Native input type. Defaults to "text". */
+    type?: 'text' | 'email' | 'search' | 'password' | 'number' | 'tel' | 'url';
+    /**
+     * Left icon slot. Pass a React element (e.g. an SVG icon) or a string
+     * that your icon system resolves.
+     */
+    contextualIcon?: React.ReactElement | string;
+    /**
+     * Right icon slot. Rendered only when the input is NOT in the error state,
+     * as the error state reserves the right slot for the alert-circle icon.
+     */
+    suffixIcon?: React.ReactElement | string;
+    /** Enables the error visual state. */
+    error?: boolean;
+    /** Error message text rendered below the input. */
+    errorText?: string;
+    /** Shows a character counter in the label-right position (charCount / maxLength). */
+    counter?: boolean;
+    /** Maximum character count. Defaults to 200. */
+    maxLength?: number;
+    /** Hint text displayed bottom-left. */
+    hintBottomLeft?: string;
+    /** Hint text displayed bottom-right. */
+    hintBottomRight?: string;
+    /** Disables the input (opacity-40, pointer-events-none). */
+    disabled?: boolean;
+    /** Input id. Auto-generated if omitted. */
+    id?: string;
+    /** Additional class names applied to the `<input>` element. */
+    className?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;IAC1E;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAA;IAC5C;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAA;IACxC,sCAAsC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,KAAK,qFA4KV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Input/Input.js

@@ -0,0 +1,104 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as N } from "../../utils/cn.js";
+import { labelText as u, labelRow as P, leftIcon as Q, inputField as U, rightIcon as E, inputRow as X, hintText as F, hintRow as Y, errorIcon as Z, errorText as _, errorRow as L, inputWrapper as M } from "./Input.variants.js";
+import { Icon as I } from "../Icon/Icon.js";
+const V = i.forwardRef(
+  ({
+    label: o,
+    labelRight: d,
+    required: x = !1,
+    placeholder: $,
+    type: k = "text",
+    contextualIcon: w,
+    suffixIcon: p,
+    error: e = !1,
+    errorText: m,
+    counter: h = !1,
+    maxLength: y = 200,
+    hintBottomLeft: c,
+    hintBottomRight: l,
+    disabled: v = !1,
+    id: H,
+    className: S,
+    onChange: g,
+    value: r,
+    defaultValue: f,
+    ...W
+  }, q) => {
+    const A = i.useId(), t = H ?? A, [B, C] = i.useState(() => typeof r == "string" ? r.length : typeof f == "string" ? f.length : 0);
+    i.useEffect(() => {
+      typeof r == "string" && C(r.length);
+    }, [r]);
+    const D = i.useCallback(
+      (n) => {
+        C(n.target.value.length), g?.(n);
+      },
+      [g]
+    ), R = !!w, G = !!(e || p), T = (n) => {
+      if (!n) return null;
+      if (typeof n == "string")
+        return /* @__PURE__ */ a(I, { name: n, size: 16, "aria-hidden": "true" });
+      const z = n;
+      return i.cloneElement(z, {
+        "aria-hidden": "true",
+        ...z.props
+      });
+    }, b = m ? `${t}-error` : void 0, j = c || l ? `${t}-hint` : void 0, J = [b, j].filter(Boolean).join(" ") || void 0, K = !!(o || d || h), O = !!((c || l) && !e);
+    return /* @__PURE__ */ s("div", { className: M({ disabled: v }), children: [
+      K && /* @__PURE__ */ s("span", { className: P(), children: [
+        o ? /* @__PURE__ */ s("label", { htmlFor: t, className: N(u(), "cai-flex-1"), children: [
+          o,
+          x && /* @__PURE__ */ a("span", { className: "cai-text-primary cai-ml-0.5", "aria-hidden": "true", children: "*" })
+        ] }) : /* @__PURE__ */ a("span", { className: "cai-flex-1" }),
+        h ? /* @__PURE__ */ s("span", { className: u(), "aria-live": "polite", "aria-atomic": "true", children: [
+          B,
+          "/",
+          y
+        ] }) : d ? /* @__PURE__ */ a("span", { className: u(), children: d }) : null
+      ] }),
+      /* @__PURE__ */ s("span", { className: X(), children: [
+        R && /* @__PURE__ */ a("span", { className: Q({ error: e }), children: T(w) }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: q,
+            id: t,
+            type: k,
+            placeholder: $,
+            disabled: v,
+            maxLength: h ? y : void 0,
+            "aria-invalid": e || void 0,
+            "aria-describedby": J,
+            "aria-required": x || void 0,
+            value: r,
+            defaultValue: f,
+            onChange: D,
+            className: N(
+              U({
+                error: e,
+                hasLeftIcon: R,
+                hasRightIcon: G
+              }),
+              S
+            ),
+            ...W
+          }
+        ),
+        e ? /* @__PURE__ */ a("span", { className: E({ variant: "error" }), children: /* @__PURE__ */ a(I, { name: "alert-circle", size: 16, "aria-hidden": "true" }) }) : p ? /* @__PURE__ */ a("span", { className: E({ variant: "suffix" }), children: T(p) }) : null
+      ] }),
+      O && /* @__PURE__ */ s("span", { className: Y(), id: j, children: [
+        c && /* @__PURE__ */ a("span", { className: N(F(), "cai-flex-1"), children: c }),
+        l && /* @__PURE__ */ a("span", { className: F(), children: l })
+      ] }),
+      e && m && /* @__PURE__ */ s("span", { className: L(), id: b, role: "alert", children: [
+        /* @__PURE__ */ a("span", { className: Z(), children: /* @__PURE__ */ a(I, { name: "alert-circle", size: 16, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ a("span", { className: _(), children: m })
+      ] })
+    ] });
+  }
+);
+V.displayName = "Input";
+export {
+  V as Input
+};

package/dist/components/Input/Input.variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),e=require("../../utils/focusRing.cjs"),i=a.cva("cai-relative cai-flex cai-flex-col cai-w-full",{variants:{disabled:{true:"cai-opacity-40 cai-pointer-events-none",false:""}},defaultVariants:{disabled:!1}}),c=a.cva("cai-flex cai-items-baseline cai-gap-x-2 cai-mb-1.5"),t=a.cva("cai-font-sans cai-text-micro1 cai-font-medium cai-text-primary"),r=a.cva("cai-group cai-relative cai-flex cai-items-center"),o=a.cva(["cai-w-full cai-h-10 cai-rounded-md","cai-font-sans cai-text-subbody cai-font-medium","cai-outline-none cai-transition-colors","placeholder:cai-font-sans placeholder:cai-text-subbody placeholder:cai-font-medium",e.FOCUS_RING],{variants:{error:{true:["cai-border cai-border-error-alt","cai-bg-error","cai-text-primary-alt","placeholder:cai-text-primary-alt placeholder:cai-opacity-60"],false:["cai-border cai-border-septenary","cai-bg-primary-invert cai-bg-opacity-0","cai-text-primary","placeholder:cai-text-primary placeholder:cai-opacity-45","hover:cai-border-nonary hover:cai-bg-secondary","focus-visible:cai-border-brand-primary"]},hasLeftIcon:{true:"cai-pl-10",false:"cai-pl-3"},hasRightIcon:{true:"cai-pr-10",false:"cai-pr-3"}},defaultVariants:{error:!1,hasLeftIcon:!1,hasRightIcon:!1}}),n=a.cva(["cai-absolute cai-left-3","cai-flex cai-items-center","cai-pointer-events-none"],{variants:{error:{true:"cai-text-icon-primary-alt",false:"cai-text-icon-primary"}},defaultVariants:{error:!1}}),s=a.cva(["cai-absolute cai-right-3","cai-flex cai-items-center"],{variants:{variant:{error:"cai-text-icon-error",suffix:"cai-text-icon-primary cai-pointer-events-none"}},defaultVariants:{variant:"suffix"}}),l=a.cva("cai-flex cai-items-baseline cai-gap-x-2 cai-mt-1.5"),f=a.cva("cai-font-sans cai-text-micro1 cai-font-medium cai-text-primary"),p=a.cva("cai-flex cai-items-center cai-gap-1 cai-mt-1.5"),u=a.cva("cai-font-sans cai-text-xs cai-font-medium cai-text-error-alt"),d=a.cva("cai-flex cai-items-center cai-text-icon-error");exports.errorIcon=d;exports.errorRow=p;exports.errorText=u;exports.hintRow=l;exports.hintText=f;exports.inputField=o;exports.inputRow=r;exports.inputWrapper=i;exports.labelRow=c;exports.labelText=t;exports.leftIcon=n;exports.rightIcon=s;

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

@@ -0,0 +1,70 @@
+/**
+ * Wrapper — outermost flex-col container that holds the entire Input
+ * anatomy: label row, input row, hint row, error text.
+ */
+export declare const inputWrapper: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Label row — horizontal flex that holds the left label and the
+ * right label (or counter).
+ */
+export declare const labelRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Label text — shared between left label and right label / counter.
+ */
+export declare const labelText: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Input row — the relative container that holds the `<input>` and
+ * optional left/right icon slots.
+ */
+export declare const inputRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * The `<input>` element itself.
+ *
+ * State tokens:
+ *   Default  → border-septenary, bg-primary-invert (transparent), text-primary
+ *   Hover    → border-nonary, bg-senary
+ *   Focus    → border-brand-primary + FOCUS_RING (system-shared 2px outline / 2px offset)
+ *   Error    → border-error-alt, bg-error, text-primary-alt
+ *   Disabled → handled at wrapper level (opacity-40, pointer-events-none)
+ */
+export declare const inputField: (props?: ({
+    error?: boolean | null | undefined;
+    hasLeftIcon?: boolean | null | undefined;
+    hasRightIcon?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Left icon slot (contextualIcon) — absolutely positioned, decorative.
+ */
+export declare const leftIcon: (props?: ({
+    error?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Right icon slot — shows either suffixIcon or the error alert-circle.
+ */
+export declare const rightIcon: (props?: ({
+    variant?: "error" | "suffix" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Bottom hints row — flex row below the input for hintBottomLeft
+ * and hintBottomRight.
+ */
+export declare const hintRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Individual hint text (left or right).
+ */
+export declare const hintText: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Error text row — rendered below the input when `error` is true.
+ */
+export declare const errorRow: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Error message text.
+ */
+export declare const errorText: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Error icon (alert-circle) next to the error message.
+ */
+export declare const errorIcon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+//# sourceMappingURL=Input.variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.variants.ts"],"names":[],"mappings":"AAOA;;;GAGG;AACH,eAAO,MAAM,YAAY;;8EAUvB,CAAA;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,oFAA4D,CAAA;AAEjF;;GAEG;AACH,eAAO,MAAM,SAAS,oFAAwE,CAAA;AAE9F;;;GAGG;AACH,eAAO,MAAM,QAAQ,oFAA0D,CAAA;AAE/E;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU;;;;8EAyCtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ;;8EAapB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;8EAUpB,CAAA;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,oFAA4D,CAAA;AAEhF;;GAEG;AACH,eAAO,MAAM,QAAQ,oFAAwE,CAAA;AAE7F;;GAEG;AACH,eAAO,MAAM,QAAQ,oFAAwD,CAAA;AAE7E;;GAEG;AACH,eAAO,MAAM,SAAS,oFAAsE,CAAA;AAE5F;;GAEG;AACH,eAAO,MAAM,SAAS,oFAAuD,CAAA"}

package/dist/components/Input/Input.variants.js

@@ -0,0 +1,91 @@
+import { cva as a } from "class-variance-authority";
+import { FOCUS_RING as i } from "../../utils/focusRing.js";
+const c = a("cai-relative cai-flex cai-flex-col cai-w-full", {
+  variants: {
+    disabled: {
+      true: "cai-opacity-40 cai-pointer-events-none",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    disabled: !1
+  }
+}), r = a("cai-flex cai-items-baseline cai-gap-x-2 cai-mb-1.5"), o = a("cai-font-sans cai-text-micro1 cai-font-medium cai-text-primary"), n = a("cai-group cai-relative cai-flex cai-items-center"), s = a(
+  [
+    "cai-w-full cai-h-10 cai-rounded-md",
+    "cai-font-sans cai-text-subbody cai-font-medium",
+    "cai-outline-none cai-transition-colors",
+    "placeholder:cai-font-sans placeholder:cai-text-subbody placeholder:cai-font-medium",
+    i
+  ],
+  {
+    variants: {
+      error: {
+        true: [
+          "cai-border cai-border-error-alt",
+          "cai-bg-error",
+          "cai-text-primary-alt",
+          "placeholder:cai-text-primary-alt placeholder:cai-opacity-60"
+        ],
+        false: [
+          "cai-border cai-border-septenary",
+          "cai-bg-primary-invert cai-bg-opacity-0",
+          "cai-text-primary",
+          "placeholder:cai-text-primary placeholder:cai-opacity-45",
+          "hover:cai-border-nonary hover:cai-bg-secondary",
+          "focus-visible:cai-border-brand-primary"
+        ]
+      },
+      hasLeftIcon: {
+        true: "cai-pl-10",
+        false: "cai-pl-3"
+      },
+      hasRightIcon: {
+        true: "cai-pr-10",
+        false: "cai-pr-3"
+      }
+    },
+    defaultVariants: {
+      error: !1,
+      hasLeftIcon: !1,
+      hasRightIcon: !1
+    }
+  }
+), l = a(
+  ["cai-absolute cai-left-3", "cai-flex cai-items-center", "cai-pointer-events-none"],
+  {
+    variants: {
+      error: {
+        true: "cai-text-icon-primary-alt",
+        false: "cai-text-icon-primary"
+      }
+    },
+    defaultVariants: {
+      error: !1
+    }
+  }
+), f = a(["cai-absolute cai-right-3", "cai-flex cai-items-center"], {
+  variants: {
+    variant: {
+      error: "cai-text-icon-error",
+      suffix: "cai-text-icon-primary cai-pointer-events-none"
+    }
+  },
+  defaultVariants: {
+    variant: "suffix"
+  }
+}), p = a("cai-flex cai-items-baseline cai-gap-x-2 cai-mt-1.5"), m = a("cai-font-sans cai-text-micro1 cai-font-medium cai-text-primary"), x = a("cai-flex cai-items-center cai-gap-1 cai-mt-1.5"), d = a("cai-font-sans cai-text-xs cai-font-medium cai-text-error-alt"), u = a("cai-flex cai-items-center cai-text-icon-error");
+export {
+  u as errorIcon,
+  x as errorRow,
+  d as errorText,
+  p as hintRow,
+  m as hintText,
+  s as inputField,
+  n as inputRow,
+  c as inputWrapper,
+  r as labelRow,
+  o as labelText,
+  l as leftIcon,
+  f as rightIcon
+};

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

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputSearch/InputSearch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ia=require("react"),o=require("../../utils/cn.cjs"),ta=require("../../utils/focusRing.cjs"),y=require("../Input/Input.variants.cjs"),q=require("../Icon/Icon.cjs"),sa=require("../Tag/Tag.cjs");function na(n){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const p=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(u,t,p.get?p:{enumerable:!0,get:()=>n[t]})}}return u.default=n,Object.freeze(u)}const r=na(ia),oa=({showStatus:n})=>e.jsxs("div",{className:"cai-flex cai-items-center cai-gap-2 cai-px-3 cai-py-2",children:[n&&e.jsx("div",{className:"cai-h-2 cai-w-2 cai-rounded-full cai-bg-secondary cai-animate-pulse"}),e.jsx("div",{className:"cai-h-xl cai-flex-1 cai-rounded cai-bg-secondary cai-animate-pulse"})]}),B=r.forwardRef(({items:n=[],onChange:u,onSearchValueChange:t,selectedValue:p,isLoading:O=!1,showStatus:k=!1,statusVariants:E={},alphabeticalSort:A=!0,clearAllLabel:H="Clear All",placeholder:_="Search...",label:m,disabled:I=!1,error:w,customLoader:K,open:L=!1,id:U,className:W},G)=>{const J=r.useId(),C=U??J,$=`${C}-input`,h=`${C}-listbox`,[l,S]=r.useState(""),[d,R]=r.useState(L),[Q,X]=r.useState([]),[x,v]=r.useState(0),i=p??Q,f=r.useCallback(a=>{p||X(a),u?.(a)},[p,u]),g=r.useRef(null),j=r.useMemo(()=>{const a=[...n];return A&&a.sort((c,s)=>c.label.localeCompare(s.label)),a},[n,A]),b=r.useMemo(()=>{const a=j.filter(c=>!i.includes(c.value));return l?a.filter(c=>c.label.toLowerCase().includes(l.toLowerCase())):a},[j,i,l]),z=r.useMemo(()=>j.filter(a=>i.includes(a.value)),[j,i]),Y=r.useCallback(a=>{const c=a.target.value;S(c),t?.(c),d||R(!0)},[t,d]),Z=r.useCallback(()=>{S(""),t?.(""),g.current?.focus()},[t]),D=r.useCallback(a=>{i.includes(a)||f([...i,a]),S(""),t?.(""),g.current?.focus()},[i,f,t]),T=r.useCallback(a=>{f(i.filter(c=>c!==a))},[i,f]),V=r.useCallback(()=>{f([]),g.current?.focus()},[f]),aa=r.useCallback(()=>{d||R(!0)},[d]);r.useEffect(()=>{v(0)},[l,i]);const ea=r.useCallback(a=>{if(a.key==="Escape"){R(!1);return}if(a.key==="Backspace"&&!l&&i.length>0){T(i[i.length-1]);return}if(!d)return;const c=b.length;if(c!==0){if(a.key==="ArrowDown")a.preventDefault(),v(s=>(s+1)%c);else if(a.key==="ArrowUp")a.preventDefault(),v(s=>(s-1+c)%c);else if(a.key==="Home")a.preventDefault(),v(0);else if(a.key==="End")a.preventDefault(),v(c-1);else if(a.key==="Enter"){a.preventDefault();const s=b[x];s&&!s.disabled&&D(s.value)}}},[l,i,T,d,b,x,D]),F=w?`${C}-error`:void 0,M=!!w,ca=z.length>0,N=d&&!I;return e.jsxs("div",{ref:G,className:o.cn(y.inputWrapper({disabled:I}),W),children:[m&&e.jsx("span",{className:y.labelRow(),children:e.jsx("label",{htmlFor:$,className:o.cn(y.labelText(),"cai-flex-1"),children:m})}),M&&e.jsxs("span",{className:y.errorRow(),id:F,role:"alert",children:[e.jsx("span",{className:y.errorIcon(),children:e.jsx(q.Icon,{name:"alert-circle",size:14,"aria-hidden":"true"})}),e.jsx("span",{className:"cai-font-sans cai-text-xs cai-font-medium cai-text-error",children:w})]}),e.jsxs("div",{className:o.cn("cai-rounded-md cai-border cai-overflow-hidden cai-transition-colors",ta.FOCUS_WITHIN_RING,M?"cai-border-error-alt":d?"cai-border-nonary":"cai-border-septenary hover:cai-bg-secondary hover:cai-border-nonary focus-within:cai-bg-transparent focus-within:cai-border-nonary"),children:[e.jsxs("div",{className:"cai-flex cai-items-center cai-gap-2 cai-px-3 cai-py-2",children:[e.jsx("span",{className:"cai-flex cai-items-center cai-text-icon-primary cai-shrink-0",children:e.jsx(q.Icon,{name:"search-md",size:16,"aria-hidden":"true"})}),e.jsx("input",{ref:g,id:$,type:"text",role:"combobox","aria-expanded":N,"aria-controls":h,"aria-autocomplete":"list","aria-activedescendant":N&&b[x]?`${h}-opt-${x}`:void 0,"aria-describedby":F,"aria-label":m?void 0:_,placeholder:_,disabled:I,value:l,onChange:Y,onFocus:aa,onKeyDown:ea,className:o.cn("cai-flex-1 cai-bg-transparent cai-border-none cai-outline-none","cai-font-sans cai-text-[12px] cai-font-medium cai-text-primary","placeholder:cai-text-primary placeholder:cai-opacity-45")}),l&&e.jsx("button",{type:"button",onClick:Z,"aria-label":"Clear search",className:"cai-flex cai-items-center cai-text-icon-primary cai-cursor-pointer cai-shrink-0",children:e.jsx(q.Icon,{name:"x-close",size:14,"aria-hidden":"true"})})]}),ca&&e.jsxs("div",{className:"cai-border-t cai-border-quaternary cai-px-3 cai-py-2.5",children:[e.jsx("button",{type:"button",onClick:V,className:o.cn("cai-mb-2 cai-font-sans cai-text-xs cai-text-tertiary","cai-underline cai-cursor-pointer cai-bg-transparent cai-border-none cai-p-0","hover:cai-text-secondary"),children:H}),e.jsx("div",{className:"cai-flex cai-flex-wrap cai-gap-1.5",children:z.map(a=>{const c=a.error===!0,s=!c&&a.variant==="avatar"&&a.avatar,ra=!c&&k&&a.status?e.jsx("span",{"aria-hidden":"true",className:o.cn("cai-inline-block cai-w-1.5 cai-h-1.5 cai-rounded-full cai-shrink-0 cai-mr-1",E[a.status]??"cai-bg-icon-information")}):null,P=e.jsxs(sa.Tag,{size:"sm",variant:c?"error":"primary",isClose:!0,onClose:()=>T(a.value),labelClose:"Remove",avatar:s?a.avatar:void 0,children:[ra,a.label]});return c?e.jsxs("span",{className:"cai-relative cai-group/tag",children:[P,e.jsx("span",{className:o.cn("cai-absolute cai-bottom-full cai-left-1/2 cai--translate-x-1/2 cai-mb-2","cai-hidden group-hover/tag:cai-block","cai-bg-quaternary cai-text-primary-invert","cai-text-[11px] cai-leading-snug cai-px-2.5 cai-py-1.5","cai-rounded-md cai-w-[220px] cai-text-center","cai-shadow-medium cai-pointer-events-none cai-z-10"),children:a.errorTooltipLabel??"Invalid Entry"})]},a.value):r.cloneElement(P,{key:a.value})})})]})]}),N&&!O&&e.jsx("div",{id:h,role:"listbox","aria-label":m??"Search results",className:o.cn("cai-mt-1 cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert","cai-p-lg cai-shadow-shallow","cai-max-h-[220px] cai-overflow-y-auto"),children:b.length===0?e.jsx("div",{role:"status",className:"cai-p-lg cai-font-sans cai-text-subbody cai-font-medium cai-text-tertiary",children:"No results available"}):b.map((a,c)=>e.jsxs("div",{id:`${h}-opt-${c}`,role:"option","aria-selected":c===x,"aria-disabled":a.disabled,onClick:()=>!a.disabled&&D(a.value),className:o.cn("cai-flex cai-items-center cai-gap-2 cai-rounded-md cai-border cai-border-transparent cai-p-lg","cai-font-sans cai-text-subbody cai-font-medium cai-text-primary","cai-cursor-pointer cai-transition-colors","hover:cai-bg-tertiary",c===x&&"cai-bg-tertiary",a.disabled&&"cai-opacity-40 cai-pointer-events-none"),children:[k&&a.status&&e.jsx("span",{className:o.cn("cai-w-2 cai-h-2 cai-rounded-full cai-shrink-0",E[a.status]??"cai-bg-icon-information")}),a.variant==="avatar"&&a.avatar&&e.jsx("span",{className:"cai-shrink-0",children:a.avatar}),a.variant==="icon"&&a.icon&&e.jsx("span",{className:"cai-shrink-0 cai-text-icon-primary",children:a.icon}),e.jsx("span",{className:"cai-flex-1 cai-truncate",children:a.label}),a.supportText&&e.jsx("span",{className:"cai-text-tertiary cai-text-sm cai-truncate cai-shrink-0",children:a.supportText})]},a.value))}),N&&O&&e.jsx("div",{id:h,role:"listbox","aria-label":m??"Search results","aria-busy":"true",className:"cai-mt-1 cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow cai-overflow-hidden",children:K??e.jsx(e.Fragment,{children:Array.from({length:5}).map((a,c)=>e.jsx(oa,{showStatus:k},c))})})]})});B.displayName="InputSearch";exports.InputSearch=B;

package/dist/components/InputSearch/InputSearch.d.ts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+export interface InputSearchItemProps {
+    /** Display text (required). */
+    label: string;
+    /** Unique identifier (required). */
+    value: string;
+    /** Visual type for the item row. */
+    variant?: 'default' | 'avatar' | 'icon';
+    /** Icon element (used when variant is 'icon'). */
+    icon?: React.ReactElement;
+    /** Avatar element (used when variant is 'avatar'). Pass an `<Avatar />` atom; size='md' (24px) is the recommended default for dropdown rows. */
+    avatar?: React.ReactElement;
+    /** Status indicator key. */
+    status?: string;
+    /** Secondary text displayed to the right. */
+    supportText?: string;
+    /** Prevents selection of this item. */
+    disabled?: boolean;
+    /** Marks item as invalid (shows error badge). */
+    error?: boolean;
+    /** Custom error tooltip text. */
+    errorTooltipLabel?: string;
+}
+export interface InputSearchProps {
+    /** List of searchable items. */
+    items?: InputSearchItemProps[];
+    /** Selection change callback. */
+    onChange?: (value: string[]) => void;
+    /** Search text change callback. */
+    onSearchValueChange?: (inputValue: string) => void;
+    /** Controlled selected values. */
+    selectedValue?: string[];
+    /** Shows skeleton loaders in the dropdown. */
+    isLoading?: boolean;
+    /** Displays status dots on items. */
+    showStatus?: boolean;
+    /** Status dot class map (e.g. { success: 'cai-bg-icon-success' }). */
+    statusVariants?: Record<string, string>;
+    /** Sort items alphabetically (default: true). */
+    alphabeticalSort?: boolean;
+    /** Label for the clear button (default: 'Clear All'). */
+    clearAllLabel?: string;
+    /** Input placeholder text (default: 'Search...'). */
+    placeholder?: string;
+    /** Field label above the component. */
+    label?: string;
+    /** Disables the entire component. */
+    disabled?: boolean;
+    /** Error message displayed below the label. */
+    error?: string;
+    /** Custom skeleton for loading state. */
+    customLoader?: React.ReactNode;
+    /** Initial open state. */
+    open?: boolean;
+    /** Component id. */
+    id?: string;
+    /** Additional class names on the outer wrapper. */
+    className?: string;
+}
+declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLDivElement>>;
+export { InputSearch };
+//# sourceMappingURL=InputSearch.d.ts.map

package/dist/components/InputSearch/InputSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSearch.d.ts","sourceRoot":"","sources":["../../../src/components/InputSearch/InputSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IACvC,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACzB,gJAAgJ;IAChJ,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoBD,QAAA,MAAM,WAAW,yFAsZhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA"}