@cognite/aura 0.1.5 → 0.1.6

package/dist/components/ui/core/dropdown-menu/dropdown-menu.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as u } from "react";
 import { Menu as r } from "@base-ui/react/menu";
 import { IconCheck as c, IconChevronRight as f } from "@tabler/icons-react";
-import { usePortalContainer as v } from "../../../../lib/portal-container-context.js";
+import { usePortalContainer as b } from "../../../../lib/portal-container-context.js";
 import { cn as d } from "../../../../lib/utils.js";
-function w({ ...e }) {
+function v({ ...e }) {
   return /* @__PURE__ */ t(r.Root, { "data-slot": "dropdown-menu", ...e });
 }
-w.displayName = "DropdownMenu";
+v.displayName = "DropdownMenu";
 function l({ ...e }) {
-  const o = v();
+  const o = b();
   return /* @__PURE__ */ t(
     r.Portal,
     {
@@ -20,23 +20,23 @@ function l({ ...e }) {
   );
 }
 l.displayName = "DropdownMenuPortal";
-function b({
+function w({
   children: e,
   ...o
 }) {
   return /* @__PURE__ */ t(r.Trigger, { "data-slot": "dropdown-menu-trigger", ...o, children: e });
 }
-b.displayName = "DropdownMenuTrigger";
+w.displayName = "DropdownMenuTrigger";
 function m({
   align: e = "start",
   alignOffset: o = 0,
   side: n = "bottom",
   sideOffset: a = 4,
   className: s,
-  container: u,
+  container: i,
   ...g
 }) {
-  return /* @__PURE__ */ t(l, { container: u, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(l, { container: i, children: /* @__PURE__ */ t(
     r.Positioner,
     {
       className: "isolate z-50 outline-none",
@@ -49,7 +49,7 @@ function m({
         {
           "data-slot": "dropdown-menu-content",
           className: d(
-            "bg-popover text-popover-foreground p-1 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md outline-none",
+            "bg-popover-background text-foreground p-1 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md outline-none",
             s
           ),
           ...g
@@ -63,15 +63,15 @@ function x({ ...e }) {
   return /* @__PURE__ */ t(r.Group, { "data-slot": "dropdown-menu-group", ...e });
 }
 x.displayName = "DropdownMenuGroup";
-const h = i(({ className: e, inset: o, variant: n = "default", children: a, ...s }, u) => /* @__PURE__ */ t(
+const h = u(({ className: e, inset: o, variant: n = "default", children: a, ...s }, i) => /* @__PURE__ */ t(
   r.Item,
   {
-    ref: u,
+    ref: i,
     "data-slot": "dropdown-menu-item",
     "data-inset": o,
     "data-variant": n,
     className: d(
-      "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-hover dark:data-[variant=destructive]:focus:bg-destructive-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-hover dark:data-[variant=destructive]:hover:bg-destructive-hover [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm p-2 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "focus:bg-accent-background focus:text-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-background-hover dark:data-[variant=destructive]:focus:bg-destructive-background-hover data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:text-destructive-foreground data-[variant=destructive]:hover:bg-destructive-background-hover dark:data-[variant=destructive]:hover:bg-destructive-background-hover [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm p-2 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
     ...s,
@@ -79,19 +79,19 @@ const h = i(({ className: e, inset: o, variant: n = "default", children: a, ...s
   }
 ));
 h.displayName = "DropdownMenuItem";
-const M = i(({ className: e, children: o, checked: n, ...a }, s) => /* @__PURE__ */ p(
+const M = u(({ className: e, children: o, checked: n, ...a }, s) => /* @__PURE__ */ p(
   r.CheckboxItem,
   {
     ref: s,
     "data-slot": "dropdown-menu-checkbox-item",
     className: d(
-      "focus:bg-accent focus:text-accent-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
     checked: n,
     ...a,
     children: [
-      /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(r.CheckboxItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4 text-popover-foreground" }) }) }),
+      /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(r.CheckboxItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4 text-foreground" }) }) }),
       o
     ]
   }
@@ -107,38 +107,38 @@ function D({ ...e }) {
   );
 }
 D.displayName = "DropdownMenuRadioGroup";
-const N = i(({ className: e, children: o, ...n }, a) => /* @__PURE__ */ p(
+const N = u(({ className: e, children: o, ...n }, a) => /* @__PURE__ */ p(
   r.RadioItem,
   {
     ref: a,
     "data-slot": "dropdown-menu-radio-item",
     className: d(
-      "focus:bg-accent focus:text-accent-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "focus:bg-accent-background focus:text-foreground h-9 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
     ...n,
     children: [
-      /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(r.RadioItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4 text-popover-foreground" }) }) }),
+      /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(r.RadioItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4 text-foreground" }) }) }),
       o
     ]
   }
 ));
 N.displayName = "DropdownMenuRadioItem";
-const y = i(({ className: e, inset: o, ...n }, a) => /* @__PURE__ */ t(
+const y = u(({ className: e, inset: o, ...n }, a) => /* @__PURE__ */ t(
   r.GroupLabel,
   {
     ref: a,
     "data-slot": "dropdown-menu-label",
     "data-inset": o,
     className: d(
-      "-mx-1 -mt-1 mb-1 px-2 py-1.5 text-sm border-b border-border font-medium data-inset:pl-8 text-popover-foreground dark:text-popover-foreground",
+      "-mx-1 -mt-1 mb-1 px-2 py-1.5 text-sm border-b border-border font-medium data-inset:pl-8 text-foreground dark:text-foreground",
       e
     ),
     ...n
   }
 ));
 y.displayName = "DropdownMenuLabel";
-const z = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
+const k = u(({ className: e, ...o }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
@@ -150,8 +150,8 @@ const z = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
     ...o
   }
 ));
-z.displayName = "DropdownMenuHeader";
-const k = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
+k.displayName = "DropdownMenuHeader";
+const z = u(({ className: e, ...o }, n) => /* @__PURE__ */ t(
   r.Separator,
   {
     ref: n,
@@ -160,8 +160,8 @@ const k = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
     ...o
   }
 ));
-k.displayName = "DropdownMenuSeparator";
-const I = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
+z.displayName = "DropdownMenuSeparator";
+const I = u(({ className: e, ...o }, n) => /* @__PURE__ */ t(
   "span",
   {
     ref: n,
@@ -178,14 +178,14 @@ function S({ ...e }) {
   return /* @__PURE__ */ t(r.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...e });
 }
 S.displayName = "DropdownMenuSub";
-const _ = i(({ className: e, inset: o, children: n, ...a }, s) => /* @__PURE__ */ p(
+const _ = u(({ className: e, inset: o, children: n, ...a }, s) => /* @__PURE__ */ p(
   r.SubmenuTrigger,
   {
     ref: s,
     "data-slot": "dropdown-menu-sub-trigger",
     "data-inset": o,
     className: d(
-      "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "focus:bg-accent-background focus:text-foreground data-open:bg-accent-background data-open:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
     ...a,
@@ -202,7 +202,7 @@ function C({
   side: n = "right",
   sideOffset: a = 0,
   className: s,
-  ...u
+  ...i
 }) {
   return /* @__PURE__ */ t(
     m,
@@ -213,12 +213,12 @@ function C({
       alignOffset: o,
       side: n,
       sideOffset: a,
-      ...u
+      ...i
     }
   );
 }
 C.displayName = "DropdownMenuSubContent";
-const R = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
+const R = u(({ className: e, ...o }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
@@ -232,21 +232,21 @@ const R = i(({ className: e, ...o }, n) => /* @__PURE__ */ t(
 ));
 R.displayName = "DropdownMenuSectionLabel";
 export {
-  w as DropdownMenu,
+  v as DropdownMenu,
   M as DropdownMenuCheckboxItem,
   m as DropdownMenuContent,
   x as DropdownMenuGroup,
-  z as DropdownMenuHeader,
+  k as DropdownMenuHeader,
   h as DropdownMenuItem,
   y as DropdownMenuLabel,
   l as DropdownMenuPortal,
   D as DropdownMenuRadioGroup,
   N as DropdownMenuRadioItem,
   R as DropdownMenuSectionLabel,
-  k as DropdownMenuSeparator,
+  z as DropdownMenuSeparator,
   I as DropdownMenuShortcut,
   S as DropdownMenuSub,
   C as DropdownMenuSubContent,
   _ as DropdownMenuSubTrigger,
-  b as DropdownMenuTrigger
+  w as DropdownMenuTrigger
 };

package/dist/components/ui/core/helper-text/helper-text.js

@@ -1,12 +1,12 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { forwardRef as g, isValidElement as u } from "react";
 import { IconExclamationCircle as h } from "@tabler/icons-react";
 import { cva as i } from "class-variance-authority";
 import { cn as n } from "../../../../lib/utils.js";
-const v = i("flex flex-row justify-start items-start", {
+const v = i("flex flex-row justify-start items-start pt-2", {
   variants: {
     size: {
-      xs: "gap-0.5 text-xs leading-3.5 tracking-tightest",
+      xs: "gap-1 text-xs leading-3.5 tracking-tightest",
       sm: "gap-1 text-sm leading-4.5 tracking-tight"
     }
   },
@@ -32,17 +32,17 @@ const v = i("flex flex-row justify-start items-start", {
     icon: m,
     children: c,
     ...x
-  }, d) => {
-    const a = m ?? (s ? /* @__PURE__ */ e(h, {}) : null), f = u(a), r = s ? "text-destructive-foreground" : l ? "text-success-foreground" : "text-muted-foreground";
-    return /* @__PURE__ */ p(
+  }, p) => {
+    const a = m ?? (s ? /* @__PURE__ */ e(h, {}) : null), d = u(a), r = s ? "text-destructive-foreground" : l ? "text-success-foreground" : "text-muted-foreground";
+    return /* @__PURE__ */ f(
       "div",
       {
-        ref: d,
+        ref: p,
         "data-slot": "helper-text",
         className: n(v({ size: t }), o),
         ...x,
         children: [
-          f ? /* @__PURE__ */ e(
+          d ? /* @__PURE__ */ e(
             "span",
             {
               className: n(

package/dist/components/ui/core/hover-card/hover-card.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { createContext as p, forwardRef as l, useContext as f, useMemo as u } from "react";
 import { PreviewCard as d } from "@base-ui/react/preview-card";
-import { usePortalContainer as v } from "../../../../lib/portal-container-context.js";
-import { cn as g } from "../../../../lib/utils.js";
+import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
+import { cn as v } from "../../../../lib/utils.js";
 const m = p(null);
 function C({
   openDelay: o,
@@ -40,7 +40,7 @@ const y = l(
     alignOffset: n = 4,
     ...i
   }, s) => {
-    const c = v();
+    const c = g();
     return /* @__PURE__ */ t(
       d.Portal,
       {
@@ -59,8 +59,8 @@ const y = l(
               {
                 ref: s,
                 "data-slot": "hover-card-content",
-                className: g(
-                  "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
+                className: v(
+                  "bg-popover-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
                   o
                 ),
                 ...i

package/dist/components/ui/core/inline-citation/inline-citation.js

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as d, Fragment as v } from "react/jsx-runtime";
+import { jsx as i, jsxs as d, Fragment as f } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { cn as o, getHostname as m } from "../../../../lib/utils.js";
 import { Badge as g } from "../badge/badge.js";
-import { HoverCard as f, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
+import { HoverCard as v, HoverCardContent as x, HoverCardTrigger as b } from "../hover-card/hover-card.js";
 const h = r(
   ({ className: e, ...n }, t) => /* @__PURE__ */ i(
     "span",
@@ -30,13 +30,16 @@ const N = r(({ className: e, ...n }, t) => /* @__PURE__ */ i(
   {
     ref: t,
     "data-slot": "inline-citation-text",
-    className: o("transition-colors group-hover:bg-accent", e),
+    className: o(
+      "transition-colors group-hover:bg-accent-background",
+      e
+    ),
     ...n
   }
 ));
 N.displayName = "InlineCitationText";
 const q = (e) => /* @__PURE__ */ i(
-  f,
+  v,
   {
     "data-slot": "inline-citation-card",
     closeDelay: 0,
@@ -56,14 +59,14 @@ const q = (e) => /* @__PURE__ */ i(
       {
         "data-slot": "inline-citation-card-trigger",
         className: o(
-          "ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-background-fjord px-1 text-sm leading-4.5 font-medium text-decorative-foreground-fjord whitespace-nowrap gap-1 transition-[color,box-shadow]",
+          "ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-fjord-background px-1 text-sm leading-4.5 font-medium text-decorative-fjord-foreground whitespace-nowrap gap-1 transition-[color,box-shadow]",
           "[&>svg]:size-3 [&>svg]:pointer-events-none",
           t
         ),
         ...a,
         children: [
           n && /* @__PURE__ */ i(n, { className: "size-3" }),
-          e[0] ? /* @__PURE__ */ d(v, { children: [
+          e[0] ? /* @__PURE__ */ d(f, { children: [
             m(e[0]),
             " ",
             e.length > 1 && `+${e.length - 1}`
@@ -82,7 +85,7 @@ const q = (e) => /* @__PURE__ */ i(
     className: o("relative w-80 p-0", e),
     ...n
   }
-), y = r(({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
+), k = r(({ title: e, url: n, description: t, className: a, children: l, ...s }, c) => /* @__PURE__ */ d(
   "div",
   {
     ref: c,
@@ -97,21 +100,21 @@ const q = (e) => /* @__PURE__ */ i(
     ]
   }
 ));
-y.displayName = "InlineCitationSource";
-const k = r(({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
+k.displayName = "InlineCitationSource";
+const y = r(({ children: e, className: n, ...t }, a) => /* @__PURE__ */ i(
   "blockquote",
   {
     ref: a,
     "data-slot": "inline-citation-quote",
     className: o(
-      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
+      "border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic",
       n
     ),
     ...t,
     children: e
   }
 ));
-k.displayName = "InlineCitationQuote";
+y.displayName = "InlineCitationQuote";
 const I = r(
   ({
     href: e,
@@ -140,9 +143,9 @@ const I = r(
               "inline-flex items-center justify-center rounded-md border border-transparent px-1 text-sm leading-4.5 font-medium whitespace-nowrap gap-1 transition-colors",
               "[&>svg]:size-3 [&>svg]:pointer-events-none",
               {
-                mountain: "bg-decorative-background-mountain hover:bg-decorative-background-hover-mountain text-decorative-foreground-mountain",
-                nordic: "bg-decorative-background-nordic hover:bg-decorative-background-hover-nordic text-decorative-foreground-nordic",
-                fjord: "bg-decorative-background-fjord hover:bg-decorative-background-hover-fjord text-decorative-foreground-fjord"
+                mountain: "bg-decorative-mountain-background hover:bg-decorative-mountain-background-hover text-decorative-mountain-foreground",
+                nordic: "bg-decorative-nordic-background hover:bg-background-hover text-decorative-nordic-foreground",
+                fjord: "bg-decorative-fjord-background hover:bg-decorative-fjord-background-hover text-decorative-fjord-foreground"
               }[a],
               l
             ),
@@ -164,7 +167,7 @@ export {
   B as InlineCitationCardTrigger,
   C as InlineCitationGroup,
   I as InlineCitationLink,
-  k as InlineCitationQuote,
-  y as InlineCitationSource,
+  y as InlineCitationQuote,
+  k as InlineCitationSource,
   N as InlineCitationText
 };

package/dist/components/ui/core/input/input.d.ts

@@ -1,6 +1,2 @@
-import { ComponentProps, ReactNode } from 'react';
-interface InputProps extends ComponentProps<'input'> {
-    errorMessage?: ReactNode;
-}
-declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/ui/core/input/input.js

@@ -1,34 +1,28 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { cn as s, readOnlyState as m, disabledState as u, invalidState as d, focusState as p, filledState as f, hoverState as c, formElementBase as S } from "../../../../lib/utils.js";
-import { HelperText as v } from "../helper-text/helper-text.js";
-const x = ({ errorMessage: t }) => t ? /* @__PURE__ */ r(v, { className: "pt-1", isError: !0, children: t }) : null, N = o(
-  ({ className: t, type: a, errorMessage: e, ...l }, i) => /* @__PURE__ */ n("div", { className: "w-full", children: [
-    /* @__PURE__ */ r(
-      "input",
-      {
-        ref: i,
-        type: a,
-        "data-slot": "input",
-        "aria-invalid": e ? !0 : void 0,
-        className: s(
-          "w-full",
-          S,
-          c,
-          f,
-          p,
-          d,
-          u,
-          m,
-          t
-        ),
-        ...l
-      }
-    ),
-    /* @__PURE__ */ r(x, { errorMessage: e })
-  ] })
+import { cn as l, readOnlyState as i, disabledState as m, invalidState as n, focusState as f, filledState as p, hoverState as s, formElementBase as d } from "../../../../lib/utils.js";
+const u = o(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    "input",
+    {
+      ref: a,
+      "data-slot": "input",
+      className: l(
+        "w-full",
+        d,
+        s,
+        p,
+        f,
+        n,
+        m,
+        i,
+        t
+      ),
+      ...e
+    }
+  )
 );
-N.displayName = "Input";
+u.displayName = "Input";
 export {
-  N as Input
+  u as Input
 };

package/dist/components/ui/core/input-group/input-group.d.ts

@@ -4,8 +4,8 @@ declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<im
     align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').ButtonProps & VariantProps<(props?: ({
-    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "size"> & VariantProps<(props?: ({
     size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>>;