@cognite/aura 0.3.5 → 1.46105.0

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

@@ -1,98 +1,122 @@
-import { cn as e, getHostname as t } from "../../../../lib/utils.js";
-import { Badge as n } from "../badge/badge.js";
-import { HoverCard as r, HoverCardContent as i, HoverCardTrigger as a } from "../hover-card/hover-card.js";
-import { forwardRef as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/inline-citation/inline-citation.tsx
-var u = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
-	ref: r,
-	"data-slot": "inline-citation",
-	className: e("group inline-flex items-center gap-1", t),
-	...n
-}));
-u.displayName = "InlineCitation";
-var d = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("div", {
-	ref: r,
-	"data-slot": "inline-citation-group",
-	className: e("flex flex-wrap gap-2", t),
-	...n
-}));
-d.displayName = "InlineCitationGroup";
-var f = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
-	ref: r,
-	"data-slot": "inline-citation-text",
-	className: e("transition-colors group-hover:bg-accent-background", t),
-	...n
-}));
-f.displayName = "InlineCitationText";
-var p = (e) => /* @__PURE__ */ c(r, {
-	"data-slot": "inline-citation-card",
-	closeDelay: 0,
-	openDelay: 0,
-	...e
-}), m = ({ sources: r, icon: i, className: o, ...u }) => /* @__PURE__ */ c(a, { render: /* @__PURE__ */ l(n, {
-	"data-slot": "inline-citation-card-trigger",
-	className: e("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]", "[&>svg]:size-3 [&>svg]:pointer-events-none", o),
-	...u,
-	children: [i && /* @__PURE__ */ c(i, { className: "size-3" }), r[0] ? /* @__PURE__ */ l(s, { children: [
-		t(r[0]),
-		" ",
-		r.length > 1 && `+${r.length - 1}`
-	] }) : "unknown"]
-}) }), h = ({ className: t, ...n }) => /* @__PURE__ */ c(i, {
-	"data-slot": "inline-citation-card-body",
-	className: e("relative w-80 p-0", t),
-	...n
-}), g = o(({ title: t, url: n, description: r, className: i, children: a, ...o }, s) => /* @__PURE__ */ l("div", {
-	ref: s,
-	"data-slot": "inline-citation-source",
-	className: e("space-y-1", i),
-	...o,
-	children: [
-		t && /* @__PURE__ */ c("h4", {
-			className: "truncate font-medium text-sm leading-tight",
-			children: t
-		}),
-		n && /* @__PURE__ */ c("p", {
-			className: "truncate break-all text-muted-foreground text-xs",
-			children: n
-		}),
-		r && /* @__PURE__ */ c("p", {
-			className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed",
-			children: r
-		}),
-		a
-	]
-}));
-g.displayName = "InlineCitationSource";
-var _ = o(({ children: t, className: n, ...r }, i) => /* @__PURE__ */ c("blockquote", {
-	ref: i,
-	"data-slot": "inline-citation-quote",
-	className: e("border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic", n),
-	...r,
-	children: t
-}));
-_.displayName = "InlineCitationQuote";
-var v = o(({ href: r, target: i = "_self", icon: a, variant: o = "mountain", className: s, children: u, ...d }, f) => {
-	let p = t(r), m = {
-		mountain: "bg-decorative-background-mountain hover:bg-decorative-background-mountain-hover text-decorative-foreground-mountain",
-		nordic: "bg-decorative-background-nordic hover:bg-decorative-background-nordic-hover text-decorative-foreground-nordic",
-		fjord: "bg-decorative-background-fjord hover:bg-decorative-background-fjord-hover text-decorative-foreground-fjord"
-	};
-	return /* @__PURE__ */ c("a", {
-		ref: f,
-		href: r,
-		target: i,
-		rel: i === "_blank" ? "noopener noreferrer" : void 0,
-		className: "inline-flex items-stretch",
-		...d,
-		children: /* @__PURE__ */ l(n, {
-			"data-slot": "inline-citation-link",
-			className: e("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", m[o], s),
-			children: [a && /* @__PURE__ */ c(a, { className: "size-3" }), u ?? p]
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn, getHostname } from "../../../../lib/utils.js";
+import { Badge } from "../badge/badge.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card/hover-card.js";
+const InlineCitation = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "inline-citation",
+        className: cn('group inline-flex items-center gap-1', className),
+        ...props
+    }));
+InlineCitation.displayName = 'InlineCitation';
+const InlineCitationGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "inline-citation-group",
+        className: cn('flex flex-wrap gap-2', className),
+        ...props
+    }));
+InlineCitationGroup.displayName = 'InlineCitationGroup';
+const InlineCitationText = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "inline-citation-text",
+        className: cn('transition-colors group-hover:bg-accent-background', className),
+        ...props
+    }));
+InlineCitationText.displayName = 'InlineCitationText';
+const InlineCitationCard = (props)=>/*#__PURE__*/ _jsx(HoverCard, {
+        "data-slot": "inline-citation-card",
+        closeDelay: 0,
+        openDelay: 0,
+        ...props
+    });
+const InlineCitationCardTrigger = ({ sources, icon: Icon, className, ...props })=>{
+    return /*#__PURE__*/ _jsx(HoverCardTrigger, {
+        render: /*#__PURE__*/ _jsxs(Badge, {
+            "data-slot": "inline-citation-card-trigger",
+            className: cn('ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-2-background px-1 text-sm leading-4.5 font-medium text-decorative-2-foreground whitespace-nowrap gap-1 transition-[color,box-shadow]', '[&>svg]:size-3 [&>svg]:pointer-events-none', className),
+            ...props,
+            children: [
+                Icon && /*#__PURE__*/ _jsx(Icon, {
+                    className: "size-3"
+                }),
+                sources[0] ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        getHostname(sources[0]),
+                        ' ',
+                        sources.length > 1 && `+${sources.length - 1}`
+                    ]
+                }) : 'unknown'
+            ]
+        })
+    });
+};
+const InlineCitationCardBody = ({ className, ...props })=>/*#__PURE__*/ _jsx(HoverCardContent, {
+        "data-slot": "inline-citation-card-body",
+        className: cn('relative w-80 p-0', className),
+        ...props
+    });
+const InlineCitationSource = /*#__PURE__*/ forwardRef(({ title, url, description, className, children, ...props }, ref)=>/*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        "data-slot": "inline-citation-source",
+        className: cn('space-y-1', className),
+        ...props,
+        children: [
+            title && /*#__PURE__*/ _jsx("h4", {
+                className: "truncate font-medium text-sm leading-tight",
+                children: title
+            }),
+            url && /*#__PURE__*/ _jsx("p", {
+                className: "truncate break-all text-muted-foreground text-xs",
+                children: url
+            }),
+            description && /*#__PURE__*/ _jsx("p", {
+                className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed",
+                children: description
+            }),
+            children
+        ]
+    }));
+InlineCitationSource.displayName = 'InlineCitationSource';
+const InlineCitationQuote = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ _jsx("blockquote", {
+        ref: ref,
+        "data-slot": "inline-citation-quote",
+        className: cn('border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic', className),
+        ...props,
+        children: children
+    }));
+InlineCitationQuote.displayName = 'InlineCitationQuote';
+const InlineCitationLink = /*#__PURE__*/ forwardRef(({ href, target = '_self', icon: Icon, variant = 'decorative-1', className, children, ...props }, ref)=>{
+    const hostname = getHostname(href);
+    const variantStyles = {
+        'decorative-1': 'bg-decorative-1-background hover:bg-decorative-1-background-hover text-decorative-1-foreground',
+        'decorative-2': 'bg-decorative-2-background hover:bg-decorative-2-background-hover text-decorative-2-foreground',
+        'decorative-3': 'bg-decorative-3-background hover:bg-decorative-3-background-hover text-decorative-3-foreground',
+        'decorative-4': 'bg-decorative-4-background hover:bg-decorative-4-background-hover text-decorative-4-foreground',
+        'decorative-5': 'bg-decorative-5-background hover:bg-decorative-5-background-hover text-decorative-5-foreground',
+        'decorative-6': 'bg-decorative-6-background hover:bg-decorative-6-background-hover text-decorative-6-foreground',
+        'decorative-7': 'bg-decorative-7-background hover:bg-decorative-7-background-hover text-decorative-7-foreground'
+    };
+    return /*#__PURE__*/ _jsx("a", {
+        ref: ref,
+        href: href,
+        target: target,
+        rel: target === '_blank' ? 'noopener noreferrer' : undefined,
+        className: "inline-flex items-stretch",
+        ...props,
+        children: /*#__PURE__*/ _jsxs(Badge, {
+            "data-slot": "inline-citation-link",
+            className: cn('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', variantStyles[variant], className),
+            children: [
+                Icon && /*#__PURE__*/ _jsx(Icon, {
+                    className: "size-3"
+                }),
+                children ?? hostname
+            ]
+        })
+    });
 });
-v.displayName = "InlineCitationLink";
-//#endregion
-export { u as InlineCitation, p as InlineCitationCard, h as InlineCitationCardBody, m as InlineCitationCardTrigger, d as InlineCitationGroup, v as InlineCitationLink, _ as InlineCitationQuote, g as InlineCitationSource, f as InlineCitationText };
+InlineCitationLink.displayName = 'InlineCitationLink';
+export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, InlineCitationQuote, InlineCitationSource, InlineCitationText };
+
+//# sourceMappingURL=inline-citation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/inline-citation/inline-citation.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  type ComponentType,\n  type ReactNode,\n  forwardRef,\n} from 'react';\n\nimport type { DecorativeVariant } from '../../../../lib/decorative-variant-classes';\nimport { cn, getHostname } from '../../../../lib/utils';\nimport { Badge } from '../badge/badge';\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from '../hover-card/hover-card';\n\ntype InlineCitationProps = ComponentProps<'span'>;\n\nconst InlineCitation: ForwardRefExoticComponent<\n  ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, InlineCitationProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot=\"inline-citation\"\n      className={cn('group inline-flex items-center gap-1', className)}\n      {...props}\n    />\n  )\n);\nInlineCitation.displayName = 'InlineCitation';\n\ntype InlineCitationGroupProps = ComponentProps<'div'>;\n\nconst InlineCitationGroup: ForwardRefExoticComponent<\n  ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, InlineCitationGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"inline-citation-group\"\n      className={cn('flex flex-wrap gap-2', className)}\n      {...props}\n    />\n  )\n);\nInlineCitationGroup.displayName = 'InlineCitationGroup';\n\ntype InlineCitationTextProps = ComponentProps<'span'>;\n\nconst InlineCitationText: ForwardRefExoticComponent<\n  ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, InlineCitationTextProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot=\"inline-citation-text\"\n      className={cn(\n        'transition-colors group-hover:bg-accent-background',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nInlineCitationText.displayName = 'InlineCitationText';\n\ntype InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nconst InlineCitationCard = (props: InlineCitationCardProps): ReactNode => (\n  <HoverCard\n    data-slot=\"inline-citation-card\"\n    closeDelay={0}\n    openDelay={0}\n    {...props}\n  />\n);\n\ntype InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: string[];\n  icon?: ComponentType<{ className?: string }>;\n};\n\nconst InlineCitationCardTrigger = ({\n  sources,\n  icon: Icon,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps): ReactNode => {\n  return (\n    <HoverCardTrigger\n      render={\n        <Badge\n          data-slot=\"inline-citation-card-trigger\"\n          className={cn(\n            'ml-1 inline-flex items-center justify-center rounded-md border border-transparent bg-decorative-2-background px-1 text-sm leading-4.5 font-medium text-decorative-2-foreground whitespace-nowrap gap-1 transition-[color,box-shadow]',\n            '[&>svg]:size-3 [&>svg]:pointer-events-none',\n            className\n          )}\n          {...props}\n        >\n          {Icon && <Icon className=\"size-3\" />}\n          {sources[0] ? (\n            <>\n              {getHostname(sources[0])}{' '}\n              {sources.length > 1 && `+${sources.length - 1}`}\n            </>\n          ) : (\n            'unknown'\n          )}\n        </Badge>\n      }\n    />\n  );\n};\n\ntype InlineCitationCardBodyProps = ComponentProps<'div'>;\n\nconst InlineCitationCardBody = ({\n  className,\n  ...props\n}: InlineCitationCardBodyProps): ReactNode => (\n  <HoverCardContent\n    data-slot=\"inline-citation-card-body\"\n    className={cn('relative w-80 p-0', className)}\n    {...props}\n  />\n);\n\ntype InlineCitationSourceProps = ComponentProps<'div'> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nconst InlineCitationSource: ForwardRefExoticComponent<\n  Omit<InlineCitationSourceProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, InlineCitationSourceProps>(\n  ({ title, url, description, className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"inline-citation-source\"\n      className={cn('space-y-1', className)}\n      {...props}\n    >\n      {title && (\n        <h4 className=\"truncate font-medium text-sm leading-tight\">{title}</h4>\n      )}\n      {url && (\n        <p className=\"truncate break-all text-muted-foreground text-xs\">\n          {url}\n        </p>\n      )}\n      {description && (\n        <p className=\"line-clamp-3 text-muted-foreground text-sm leading-relaxed\">\n          {description}\n        </p>\n      )}\n      {children}\n    </div>\n  )\n);\nInlineCitationSource.displayName = 'InlineCitationSource';\n\ntype InlineCitationQuoteProps = ComponentProps<'blockquote'>;\n\nconst InlineCitationQuote: ForwardRefExoticComponent<\n  ComponentProps<'blockquote'> & RefAttributes<HTMLQuoteElement>\n> = forwardRef<ComponentRef<'blockquote'>, InlineCitationQuoteProps>(\n  ({ children, className, ...props }, ref) => (\n    <blockquote\n      ref={ref}\n      data-slot=\"inline-citation-quote\"\n      className={cn(\n        'border-muted-background border-l-2 pl-3 text-muted-foreground text-sm italic',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </blockquote>\n  )\n);\nInlineCitationQuote.displayName = 'InlineCitationQuote';\n\nexport type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {\n  target?: '_blank' | '_self';\n  icon?: ComponentType<{ className?: string }>;\n  variant?: DecorativeVariant;\n};\n\nconst InlineCitationLink: ForwardRefExoticComponent<\n  Omit<InlineCitationLinkProps, 'ref'> & RefAttributes<HTMLAnchorElement>\n> = forwardRef<ComponentRef<'a'>, InlineCitationLinkProps>(\n  (\n    {\n      href,\n      target = '_self',\n      icon: Icon,\n      variant = 'decorative-1',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const hostname = getHostname(href);\n\n    const variantStyles: Record<DecorativeVariant, string> = {\n      'decorative-1':\n        'bg-decorative-1-background hover:bg-decorative-1-background-hover text-decorative-1-foreground',\n      'decorative-2':\n        'bg-decorative-2-background hover:bg-decorative-2-background-hover text-decorative-2-foreground',\n      'decorative-3':\n        'bg-decorative-3-background hover:bg-decorative-3-background-hover text-decorative-3-foreground',\n      'decorative-4':\n        'bg-decorative-4-background hover:bg-decorative-4-background-hover text-decorative-4-foreground',\n      'decorative-5':\n        'bg-decorative-5-background hover:bg-decorative-5-background-hover text-decorative-5-foreground',\n      'decorative-6':\n        'bg-decorative-6-background hover:bg-decorative-6-background-hover text-decorative-6-foreground',\n      'decorative-7':\n        'bg-decorative-7-background hover:bg-decorative-7-background-hover text-decorative-7-foreground',\n    };\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n        className=\"inline-flex items-stretch\"\n        {...props}\n      >\n        <Badge\n          data-slot=\"inline-citation-link\"\n          className={cn(\n            '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',\n            '[&>svg]:size-3 [&>svg]:pointer-events-none',\n            variantStyles[variant],\n            className\n          )}\n        >\n          {Icon && <Icon className=\"size-3\" />}\n          {children ?? hostname}\n        </Badge>\n      </a>\n    );\n  }\n);\nInlineCitationLink.displayName = 'InlineCitationLink';\n\nexport {\n  InlineCitation,\n  InlineCitationCard,\n  InlineCitationCardBody,\n  InlineCitationCardTrigger,\n  InlineCitationGroup,\n  InlineCitationLink,\n  InlineCitationQuote,\n  InlineCitationSource,\n  InlineCitationText,\n};\n"],"names":["forwardRef","cn","getHostname","Badge","HoverCard","HoverCardContent","HoverCardTrigger","InlineCitation","className","props","ref","span","data-slot","displayName","InlineCitationGroup","div","InlineCitationText","InlineCitationCard","closeDelay","openDelay","InlineCitationCardTrigger","sources","icon","Icon","render","length","InlineCitationCardBody","InlineCitationSource","title","url","description","children","h4","p","InlineCitationQuote","blockquote","InlineCitationLink","href","target","variant","hostname","variantStyles","a","rel","undefined"],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-declare const Input: ForwardRefExoticComponent<ComponentProps<'input'> & RefAttributes<HTMLInputElement>>;
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+declare const Input: ForwardRefExoticComponent<ComponentProps<"input"> & RefAttributes<HTMLInputElement>>;
 export { Input };

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

@@ -1,13 +1,15 @@
-import { cn as e, disabledState as t, filledState as n, focusState as r, formElementBase as i, hoverState as a, invalidState as o, readOnlyState as s } from "../../../../lib/utils.js";
-import { forwardRef as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/input/input.tsx
-var u = c(({ className: c, ...u }, d) => /* @__PURE__ */ l("input", {
-	ref: d,
-	"data-slot": "input",
-	className: e("w-full h-9", i, a, n, r, o, t, s, c),
-	...u
-}));
-u.displayName = "Input";
-//#endregion
-export { u as Input };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn, disabledState, filledState, focusState, formElementBase, hoverState, invalidState, readOnlyState } from "../../../../lib/utils.js";
+const Input = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("input", {
+        ref: ref,
+        "data-slot": "input",
+        className: cn('w-full h-9', formElementBase, hoverState, filledState, focusState, invalidState, disabledState, readOnlyState, className),
+        ...props
+    });
+});
+Input.displayName = 'Input';
+export { Input };
+
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/input/input.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ForwardedRef,\n  forwardRef,\n} from 'react';\n\nimport {\n  cn,\n  disabledState,\n  filledState,\n  focusState,\n  formElementBase,\n  hoverState,\n  invalidState,\n  readOnlyState,\n} from '../../../../lib/utils';\n\nconst Input: ForwardRefExoticComponent<\n  ComponentProps<'input'> & RefAttributes<HTMLInputElement>\n> = forwardRef<HTMLInputElement, ComponentProps<'input'>>(\n  (\n    { className, ...props }: ComponentProps<'input'>,\n    ref: ForwardedRef<HTMLInputElement>\n  ) => {\n    return (\n      <input\n        ref={ref}\n        data-slot=\"input\"\n        className={cn(\n          'w-full h-9',\n          formElementBase,\n          hoverState,\n          filledState,\n          focusState,\n          invalidState,\n          disabledState,\n          readOnlyState,\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["forwardRef","cn","disabledState","filledState","focusState","formElementBase","hoverState","invalidState","readOnlyState","Input","className","props","ref","input","data-slot","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SACEC,EAAE,EACFC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,aAAa,QACR,2BAAwB;AAE/B,MAAMC,sBAEFT,WACF,CACE,EAAEU,SAAS,EAAE,GAAGC,OAAgC,EAChDC;IAEA,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWT,GACT,cACAI,iBACAC,YACAH,aACAC,YACAG,cACAL,eACAM,eACAE;QAED,GAAGC,KAAK;;AAGf;AAGFF,MAAMM,WAAW,GAAG;AAEpB,SAASN,KAAK,GAAG"}

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

@@ -1,19 +1,30 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
-import { Button } from '../button/button';
-declare const InputGroup: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+import { Button } from "../button/button";
+declare const InputGroup: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
 interface InputGroupAddonVariantProps {
-    align?: 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | null;
+	align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null;
 }
 declare const inputGroupAddonVariants: (props?: (InputGroupAddonVariantProps & ClassProp) | undefined) => string;
-declare const InputGroupAddon: ForwardRefExoticComponent<ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants> & RefAttributes<HTMLDivElement>>;
+declare const InputGroupAddon: ForwardRefExoticComponent<ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants> & RefAttributes<HTMLDivElement>>;
 interface InputGroupButtonVariantProps {
-    size?: 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | null;
+	size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null;
 }
-type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> & InputGroupButtonVariantProps;
-declare const InputGroupButton: ForwardRefExoticComponent<Omit<InputGroupButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
-declare const InputGroupText: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
-declare const InputGroupInput: ForwardRefExoticComponent<ComponentProps<'input'> & RefAttributes<HTMLInputElement>>;
-declare const InputGroupTextarea: ForwardRefExoticComponent<ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>>;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, "size"> & InputGroupButtonVariantProps;
+declare const InputGroupButton: ForwardRefExoticComponent<Omit<InputGroupButtonProps, "ref"> & RefAttributes<HTMLElement>>;
+declare const InputGroupText: ForwardRefExoticComponent<ComponentProps<"span"> & RefAttributes<HTMLSpanElement>>;
+type InputGroupStepperProps = ComponentProps<"div"> & {
+	onIncrement?: () => void;
+	onDecrement?: () => void;
+	incrementLabel?: string;
+	decrementLabel?: string;
+	disabled?: boolean;
+	incrementDisabled?: boolean;
+	decrementDisabled?: boolean;
+};
+declare const InputGroupStepper: ForwardRefExoticComponent<InputGroupStepperProps & RefAttributes<HTMLDivElement>>;
+declare const inputGroupInputControlClasses: string;
+declare const InputGroupInput: ForwardRefExoticComponent<ComponentProps<"input"> & RefAttributes<HTMLInputElement>>;
+declare const InputGroupTextarea: ForwardRefExoticComponent<ComponentProps<"textarea"> & RefAttributes<HTMLTextAreaElement>>;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupStepper, InputGroupText, InputGroupInput, inputGroupInputControlClasses, InputGroupTextarea };

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

@@ -1,76 +1,149 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { Input as n } from "../input/input.js";
-import { Textarea as r } from "../textarea/textarea.js";
-import { forwardRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
-//#region libs/aura/src/components/ui/core/input-group/input-group.tsx
-var s = i(({ className: t, ...n }, r) => /* @__PURE__ */ a("div", {
-	ref: r,
-	"data-slot": "input-group",
-	role: "group",
-	className: e("group/input-group bg-muted-background border border-transparent relative flex w-full items-stretch rounded-lg shadow-none transition-[color,box-shadow,border-color,background-color] outline-none", "hover:border-border-emphasized", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-start]]:[&>input]:rounded-l-none has-[>[data-align=inline-start]]:[&>textarea]:rounded-l-none", "has-[>[data-align=inline-end]]:[&>input]:rounded-r-none has-[>[data-align=inline-end]]:[&>textarea]:rounded-r-none", "[&>input]:pr-2 [&>textarea]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:bg-background has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:shadow-focus-ring has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:border-transparent", "has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:shadow-focus-ring-destructive has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:border-transparent", "has-[[data-slot=input-group-control]:read-only]:border-transparent has-[[data-slot=input-group-control]:read-only]:shadow-none", "hover:has-[[data-slot=input-group-control]:read-only]:border-transparent hover:has-[[data-slot=input-group-control]:read-only]:bg-accent-background hover:has-[[data-slot=input-group-control]:read-only]:text-muted-foreground", t),
-	...n
-}));
-s.displayName = "InputGroup";
-var c = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors group-hover/input-group:group-has-[[data-slot=input-group-control]:enabled:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:enabled:focus-visible:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:enabled:not(:placeholder-shown):not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control][aria-invalid=true]:enabled:not(:read-only)]/input-group:[&>svg]:text-foreground group-has-[[data-slot=input-group-control]:read-only:enabled]/input-group:[&>svg]:text-muted-foreground group-has-[[data-slot=input-group-control]:disabled]/input-group:[&>svg]:text-disabled-foreground", l = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors", u = o("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-2 text-xs font-normal select-none [&>kbd]:rounded-sm", {
-	variants: { align: {
-		"inline-start": e("order-first min-h-0 rounded-l-lg pl-2", c),
-		"inline-end": e("order-last min-h-0 rounded-r-lg pr-2 has-[>button]:pr-1 has-[kbd]:pr-1 has-[[class*=stepper]]:pr-1", l),
-		"block-start": e("order-first w-full justify-start px-2 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5", c),
-		"block-end": e("order-last w-full justify-start px-2 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5", l)
-	} },
-	defaultVariants: { align: "inline-start" }
-}), d = i(({ className: t, align: n = "inline-start", ...r }, i) => /* @__PURE__ */ a("div", {
-	ref: i,
-	role: "group",
-	"data-slot": "input-group-addon",
-	"data-align": n,
-	className: e(u({ align: n }), t),
-	onClick: (e) => {
-		e.target instanceof HTMLElement && e.target.closest("button") || e.target instanceof Node && !e.currentTarget.contains(e.target) || e.currentTarget.parentElement?.querySelector("[data-slot=\"input-group-control\"]")?.focus();
-	},
-	...r
-}));
-d.displayName = "InputGroupAddon";
-var f = o("text-sm shadow-none flex gap-2 items-center", {
-	variants: { size: {
-		xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-		sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-		"icon-xs": "size-6 rounded-xs p-0 has-[>svg]:p-0",
-		"icon-sm": "size-7 p-0 has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
-}), p = i(({ className: n, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }, c) => /* @__PURE__ */ a(t, {
-	ref: c,
-	type: r,
-	"data-size": o,
-	variant: i,
-	className: e(f({ size: o }), n),
-	...s
-}));
-p.displayName = "InputGroupButton";
-var m = i(({ className: t, ...n }, r) => /* @__PURE__ */ a("span", {
-	ref: r,
-	"data-slot": "input-group-text",
-	className: e("text-muted-foreground flex items-center gap-2 text-xs leading-[14px] tracking-[-0.00833em] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground", t),
-	...n
-}));
-m.displayName = "InputGroupText";
-var h = i(({ className: t, ...r }, i) => /* @__PURE__ */ a(n, {
-	ref: i,
-	"data-slot": "input-group-control",
-	className: e("min-h-0 h-full min-w-0 flex-1 rounded-lg border-0 shadow-none hover:text-muted-foreground", "tracking-[-0.04em]", "focus-visible:not(:read-only):bg-background focus-visible:shadow-none focus-visible:border-transparent", "read-only:focus-visible:bg-muted-background", "aria-invalid:shadow-none aria-invalid:border-transparent", "aria-invalid:[&:not(:placeholder-shown)]:border-transparent", "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent", "read-only:aria-invalid:focus-visible:bg-muted-background", "hover:border-0", t),
-	...r
-}));
-h.displayName = "InputGroupInput";
-var g = i(({ className: t, ...n }, i) => /* @__PURE__ */ a(r, {
-	ref: i,
-	"data-slot": "input-group-control",
-	className: e("min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none", "tracking-[-0.04em]", "hover:border-0 hover:bg-transparent hover:text-muted-foreground", "filled:border-transparent", "focus-visible:shadow-none focus-visible:border-transparent", "read-only:focus-visible:bg-muted-background", "aria-invalid:shadow-none aria-invalid:border-transparent", "aria-invalid:[&:not(:placeholder-shown)]:border-transparent", "aria-invalid:focus-visible:not(:read-only):bg-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent", "read-only:aria-invalid:focus-visible:bg-muted-background", "read-only:text-muted-foreground [&:read-only:not(:placeholder-shown)]:text-muted-foreground", t),
-	...n
-}));
-g.displayName = "InputGroupTextarea";
-//#endregion
-export { s as InputGroup, d as InputGroupAddon, p as InputGroupButton, h as InputGroupInput, m as InputGroupText, g as InputGroupTextarea };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { Input } from "../input/input.js";
+import { Textarea } from "../textarea/textarea.js";
+const InputGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "input-group",
+        role: "group",
+        className: cn('group/input-group bg-medium-background border border-transparent relative flex w-full items-stretch rounded-lg shadow-none transition-[color,box-shadow,border-color,background-color] outline-none', 'hover:border-emphasized', 'h-9 min-w-0 has-[>textarea]:h-auto', 'has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-start]]:[&>input]:rounded-l-none has-[>[data-align=inline-start]]:[&>textarea]:rounded-l-none', 'has-[>[data-align=inline-end]]:[&>input]:rounded-r-none has-[>[data-align=inline-end]]:[&>textarea]:rounded-r-none', '[&>input]:pr-2 [&>textarea]:pr-2', 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3', 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3', 'has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:bg-base-background has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:shadow-focus-ring has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:border-transparent', 'has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:shadow-focus-ring-destructive has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:border-transparent', 'has-[[data-slot=input-group-control]:read-only:not(:disabled)]:border-transparent has-[[data-slot=input-group-control]:read-only:not(:disabled)]:bg-card-background has-[[data-slot=input-group-control]:read-only:not(:disabled)]:text-muted-foreground has-[[data-slot=input-group-control]:read-only:not(:disabled)]:shadow-none', 'hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:border-transparent hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:bg-card-background hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:text-muted-foreground', 'has-[[data-slot=input-group-control]:disabled]:bg-transparent has-[[data-slot=input-group-control]:disabled]:border-disabled has-[[data-slot=input-group-control]:disabled]:hover:border-disabled has-[[data-slot=input-group-control]:disabled]:text-base-foreground-disabled', className),
+        ...props
+    });
+});
+InputGroup.displayName = 'InputGroup';
+const inputGroupLeadingIcon = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors group-hover/input-group:group-has-[[data-slot=input-group-control]:enabled:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:enabled:focus-visible:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:enabled:not(:placeholder-shown):not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control][aria-invalid=true]:enabled:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:read-only:enabled]/input-group:[&>svg]:text-muted-foreground group-has-[[data-slot=input-group-control]:disabled]/input-group:[&>svg]:text-base-foreground-disabled";
+const inputGroupSuffixAddon = "[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors";
+const inputGroupAddonVariants = cva('text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-2 text-xs font-normal select-none [&>kbd]:rounded-sm group-has-[[data-slot=input-group-control]:read-only:not(:disabled)]/input-group:cursor-default', {
+    variants: {
+        align: {
+            'inline-start': cn('order-first min-h-0 rounded-l-lg pl-2', inputGroupLeadingIcon),
+            'inline-end': cn('order-last min-h-0 rounded-r-lg pr-2 has-[>button]:pr-1 has-[kbd]:pr-1 has-[[class*=stepper]]:pr-1', inputGroupSuffixAddon),
+            'block-start': cn('order-first w-full justify-start px-2 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5', inputGroupLeadingIcon),
+            'block-end': cn('order-last w-full justify-start px-2 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5', inputGroupSuffixAddon)
+        }
+    },
+    defaultVariants: {
+        align: 'inline-start'
+    }
+});
+const InputGroupAddon = /*#__PURE__*/ forwardRef(({ className, align = 'inline-start', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        role: "group",
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: cn(inputGroupAddonVariants({
+            align
+        }), className),
+        onClick: (e)=>{
+            if (e.target instanceof HTMLElement && e.target.closest('button')) {
+                return;
+            }
+            // Clicks that bubbled from a React portal still hit this handler (React tree), but
+            // `target` lives outside `currentTarget` in the DOM — do not forward focus to the
+            // group's primary control (e.g. PAIA agent menu search vs. message textarea).
+            if (e.target instanceof Node && !e.currentTarget.contains(e.target)) {
+                return;
+            }
+            e.currentTarget.parentElement?.querySelector('[data-slot="input-group-control"]')?.focus();
+        },
+        ...props
+    });
+});
+InputGroupAddon.displayName = 'InputGroupAddon';
+const inputGroupButtonVariants = cva('text-sm shadow-none flex gap-2 items-center', {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+            sm: 'h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5',
+            'icon-xs': 'size-6 rounded-xs p-0 has-[>svg]:p-0',
+            'icon-sm': 'size-7 p-0 has-[>svg]:p-0'
+        }
+    },
+    defaultVariants: {
+        size: 'xs'
+    }
+});
+const InputGroupButton = /*#__PURE__*/ forwardRef(({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        type: type,
+        "data-size": size,
+        variant: variant,
+        className: cn(inputGroupButtonVariants({
+            size
+        }), className),
+        ...props
+    });
+});
+InputGroupButton.displayName = 'InputGroupButton';
+const InputGroupText = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "input-group-text",
+        className: cn("text-muted-foreground flex items-center gap-2 text-xs leading-[14px] tracking-[-0.00833em] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground", className),
+        ...props
+    });
+});
+InputGroupText.displayName = 'InputGroupText';
+const inputGroupStepperButtonClasses = 'bg-secondary-background hover:bg-secondary-background-hover flex min-h-0 flex-1 items-center justify-center rounded-sm p-1 text-muted-foreground transition-colors disabled:pointer-events-none disabled:opacity-50';
+const InputGroupStepper = /*#__PURE__*/ forwardRef(({ className, onIncrement, onDecrement, incrementLabel = 'Increase value', decrementLabel = 'Decrease value', disabled = false, incrementDisabled = false, decrementDisabled = false, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        "data-slot": "input-group-stepper",
+        className: cn('stepper flex w-7 shrink-0 flex-col gap-0.5', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                className: inputGroupStepperButtonClasses,
+                "aria-label": incrementLabel,
+                onClick: onIncrement,
+                disabled: disabled || incrementDisabled,
+                children: /*#__PURE__*/ _jsx(IconChevronUp, {
+                    className: "size-1.5 shrink-0",
+                    "aria-hidden": true
+                })
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                className: inputGroupStepperButtonClasses,
+                "aria-label": decrementLabel,
+                onClick: onDecrement,
+                disabled: disabled || decrementDisabled,
+                children: /*#__PURE__*/ _jsx(IconChevronDown, {
+                    className: "size-1.5 shrink-0",
+                    "aria-hidden": true
+                })
+            })
+        ]
+    });
+});
+InputGroupStepper.displayName = 'InputGroupStepper';
+const inputGroupInputControlClasses = cn('min-h-0 h-full min-w-0 flex-1 rounded-lg border-0 bg-transparent shadow-none hover:text-muted-foreground', 'tracking-[-0.04em]', 'focus-visible:not(:read-only):bg-base-background focus-visible:shadow-none focus-visible:border-transparent', 'read-only:not(:disabled):bg-transparent read-only:not(:disabled):cursor-default read-only:not(:disabled):hover:text-muted-foreground read-only:not(:disabled):focus-visible:bg-transparent', 'aria-invalid:shadow-none aria-invalid:border-transparent', 'aria-invalid:[&:not(:placeholder-shown)]:border-transparent', 'aria-invalid:focus-visible:not(:read-only):bg-base-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent', 'read-only:not(:disabled):aria-invalid:focus-visible:bg-transparent', 'hover:border-0', 'disabled:bg-transparent disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:hover:text-base-foreground-disabled disabled:[&:not(:placeholder-shown)]:text-base-foreground-disabled');
+const InputGroupInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(Input, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: cn(inputGroupInputControlClasses, className),
+        ...props
+    });
+});
+InputGroupInput.displayName = 'InputGroupInput';
+const InputGroupTextarea = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(Textarea, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: cn('min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none', 'tracking-[-0.04em]', 'hover:border-0 hover:bg-transparent hover:text-muted-foreground', 'filled:border-transparent', 'focus-visible:shadow-none focus-visible:border-transparent', 'read-only:not(:disabled):bg-transparent read-only:not(:disabled):cursor-default read-only:not(:disabled):hover:text-muted-foreground read-only:not(:disabled):focus-visible:bg-transparent', 'aria-invalid:shadow-none aria-invalid:border-transparent', 'aria-invalid:[&:not(:placeholder-shown)]:border-transparent', 'aria-invalid:focus-visible:not(:read-only):bg-base-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent', 'read-only:not(:disabled):aria-invalid:focus-visible:bg-transparent', 'read-only:not(:disabled):text-muted-foreground [&:read-only:not(:disabled):not(:placeholder-shown)]:text-muted-foreground', 'disabled:bg-transparent disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:hover:text-base-foreground-disabled disabled:[&:not(:placeholder-shown)]:text-base-foreground-disabled', className),
+        ...props
+    });
+});
+InputGroupTextarea.displayName = 'InputGroupTextarea';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupStepper, InputGroupText, InputGroupInput, inputGroupInputControlClasses, InputGroupTextarea };
+
+//# sourceMappingURL=input-group.js.map