@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/primitives/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":[],"sources":["../../src/primitives/select.tsx"],"sourcesContent":["import { CheckmarkIcon, ChevronDownIcon, ChevronUpIcon } from '@components/Icons'\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { useAutoDropdownHorizontalShift } from '@utils/dropdownPositioning'\nimport { getTriggerClasses, getDropdownSurfaceClasses, getOptionClasses, type DropdownWidth } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport const Select = ({ ...props }: ComponentProps<typeof SelectPrimitive.Root>) => {\n  return <SelectPrimitive.Root data-slot='select' {...props} />\n}\n\nexport const SelectGroup = ({ ...props }: ComponentProps<typeof SelectPrimitive.Group>) => {\n  return <SelectPrimitive.Group data-slot='select-group' {...props} />\n}\n\nexport const SelectValue = ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Value>) => {\n  return (\n    <SelectPrimitive.Value\n      className={cn('min-w-0 block max-w-full flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap text-input-text data-placeholder:text-input-text-placeholder!', '**:max-w-full **:overflow-hidden **:text-ellipsis **:whitespace-nowrap', className)}\n      data-slot='select-value'\n      {...props}\n    />\n  )\n}\n\nexport const SelectTrigger = ({\n  asChild,\n  children,\n  className,\n  size = 'default',\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) => {\n  const fieldState = props.disabled ? 'disabled' : 'default'\n\n  return (\n    <SelectPrimitive.Trigger\n      asChild={asChild}\n      className={cn(\n        getTriggerClasses(false, fieldState),\n        'min-w-0 gap-2 grid w-full cursor-pointer! grid-cols-[minmax(0,1fr)_auto] items-center overflow-hidden text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder! data-[state=open]:cursor-pointer!',\n        '[&>span]:min-w-0 **:data-placeholder:text-input-text-placeholder! [&>span]:block [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text-placeholder!',\n        'data-[state=open]:border-input-border--focus data-[state=open]:hover:border-input-border--focus',\n        '**:data-[slot=select-chevron]:pointer-events-auto **:data-[slot=select-chevron]:cursor-pointer! [&[data-state=open]_[data-slot=select-chevron]]:rotate-180',\n        className,\n      )}\n      data-size={size}\n      data-slot='select-trigger'\n      {...props}\n    >\n      {children}\n      {!asChild && (\n        <SelectPrimitive.Icon asChild>\n          <div className='pointer-events-auto flex shrink-0 cursor-pointer items-center'>\n            <ChevronDownIcon className='cursor-pointer transition-transform duration-200' data-slot='select-chevron' size={20} />\n          </div>\n        </SelectPrimitive.Icon>\n      )}\n    </SelectPrimitive.Trigger>\n  )\n}\n\ntype SelectContentProps = ComponentProps<typeof SelectPrimitive.Content> & {\n  dropdownWidth?: DropdownWidth\n}\n\nexport const SelectContent = ({ align = 'center', children, className, dropdownWidth = 'trigger', onCloseAutoFocus, position = 'popper', style, ...props }: SelectContentProps) => {\n  const { dropdownShiftStyle, setDropdownElement } = useAutoDropdownHorizontalShift()\n  const resolvedDropdownWidth = dropdownWidth === 'trigger' ? 'var(--radix-select-trigger-width)' : dropdownWidth === 'content' ? 'max-content' : dropdownWidth\n  const dropdownWidthMode = dropdownWidth === 'trigger' || dropdownWidth === 'content' ? dropdownWidth : 'custom'\n\n  const handleCloseAutoFocus: ComponentProps<typeof SelectPrimitive.Content>['onCloseAutoFocus'] = (event) => {\n    onCloseAutoFocus?.(event)\n  }\n\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        align={align}\n        className={cn(\n          'relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in',\n          getDropdownSurfaceClasses(),\n          'motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95',\n          'max-h-[min(var(--radix-select-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2',\n          'min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        data-dropdown-width-mode={dropdownWidthMode}\n        data-dropdown-width-value={dropdownWidthMode === 'custom' ? dropdownWidth : undefined}\n        data-slot='select-content'\n        onCloseAutoFocus={handleCloseAutoFocus}\n        position={position}\n        ref={setDropdownElement}\n        style={{\n          ...style,\n          width: resolvedDropdownWidth,\n          ...dropdownShiftStyle,\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport className={cn('p-1 overflow-x-hidden overflow-y-auto', position === 'popper' && 'scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full')} data-slot='select-viewport'>\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nexport const SelectLabel = ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) => {\n  return <SelectPrimitive.Label className={cn('px-2 py-1.5 text-xs text-text-primary', className)} data-slot='select-label' {...props} />\n}\n\nexport const SelectItem = ({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) => {\n  return (\n    <SelectPrimitive.Item className={cn(getOptionClasses(Boolean(props.disabled), false, false), 'relative flex w-full cursor-pointer items-center data-[state=checked]:bg-input-bg--selected data-[state=checked]:text-input-text', className)} data-slot='select-item' {...props}>\n      <span className='right-2 size-3.5 absolute flex items-center justify-center'>\n        <SelectPrimitive.ItemIndicator>\n          <CheckmarkIcon className='size-4' />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText className='min-w-0 block max-w-full truncate whitespace-nowrap'>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nexport const SelectSeparator = ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) => {\n  return <SelectPrimitive.Separator className={cn('bg-border -mx-1 my-1 pointer-events-none h-px', className)} data-slot='select-separator' {...props} />\n}\n\nexport const SelectScrollUpButton = ({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollUpButton>) => {\n  return (\n    <SelectPrimitive.ScrollUpButton className={cn('py-1 flex cursor-default items-center justify-center', className)} data-slot='select-scroll-up-button' {...props}>\n      <ChevronUpIcon className='size-4' />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nexport const SelectScrollDownButton = ({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollDownButton>) => {\n  return (\n    <SelectPrimitive.ScrollDownButton className={cn('py-1 flex cursor-default items-center justify-center', className)} data-slot='select-scroll-down-button' {...props}>\n      <ChevronDownIcon className='size-4' />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n"],"mappings":"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"}

package/dist/primitives/slot.d.ts

@@ -1,18 +1,27 @@
-import { HTMLAttributes, ReactNode, Ref } from 'react';
+'use client';
+import { HTMLAttributes, ReactNode, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/primitives/slot.d.ts
 type SlotBaseProps = HTMLAttributes<HTMLElement> & {
-    children?: ReactNode;
+  children?: ReactNode;
 };
-export declare const Slottable: (props: {
-    children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Slot: {
-    ({ children, ref: forwardedRef, ...slotProps }: SlotBaseProps & {
-        ref?: Ref<HTMLElement>;
-    }): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export interface AsChildProp {
-    asChild?: boolean;
+declare const Slottable: (props: {
+  children?: ReactNode;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare function Slot({
+  children,
+  ref: forwardedRef,
+  ...slotProps
+}: SlotBaseProps & {
+  ref?: Ref<HTMLElement>;
+}): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace Slot {
+  var displayName: string;
+}
+interface AsChildProp {
+  asChild?: boolean;
 }
-export {};
+//#endregion
+export { AsChildProp, Slot, Slottable };
 //# sourceMappingURL=slot.d.ts.map

package/dist/primitives/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/primitives/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,cAAc,EAAqB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAA;AAwB/J,KAAK,aAAa,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,OAAO;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CAExD,CAAA;AAED,eAAO,MAAM,IAAI;oDAId,aAAa,GAAG;QACjB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;KACvB;;CAsCA,CAAA;AAGD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"slot.d.ts","names":[],"sources":["../../src/primitives/slot.tsx"],"mappings":";;;;;KAwBK,aAAA,GAAgB,cAAA,CAAe,WAAA;EAClC,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,SAAA,GAAS,KAAA;EAAa,QAAA,GAAW,SAAA;AAAA,MAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;EAKvD,QAAA;EACA,GAAA,EAAK,YAAA;EAAA,GACF;AAAA,GACF,aAAA;EACD,GAAA,GAAM,GAAA,CAAI,WAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;UAyCgB,WAAA;EACf,OAAA;AAAA"}

package/dist/primitives/slot.js

@@ -1,34 +1,58 @@
-'use client'
-import { cloneElement as e, isValidElement as t } from "react";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
+'use client';
+import { cloneElement, isValidElement } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
 //#region src/primitives/slot.tsx
-var i = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (r) => {
-	e?.(r), (!n || !r.defaultPrevented) && t?.(r);
-}, a = (...e) => (t) => {
-	for (let n of e) n && (typeof n == "function" ? n(t) : typeof n == "object" && "current" in n && (n.current = t));
-}, o = (e) => /* @__PURE__ */ r(n, { children: e.children }), s = function({ children: n, ref: o, ...s }) {
-	if (!t(n)) return n == null ? null : /* @__PURE__ */ r("span", {
-		...s,
-		ref: o
-	});
-	let c = n, l = c.props ?? {}, u = {
-		...l,
-		...s
+const composeEventHandlers = (childHandler, slotHandler, { checkForDefaultPrevented = true } = {}) => {
+	return (event) => {
+		childHandler?.(event);
+		if (!checkForDefaultPrevented || !event.defaultPrevented) slotHandler?.(event);
 	};
-	for (let [e, t] of Object.entries(s)) if (e.startsWith("on") && typeof t == "function") {
-		let n = l[e];
-		typeof n == "function" ? u[e] = i(n, t) : u[e] = t;
+};
+const mergeRefs = (...refs) => {
+	return (node) => {
+		for (const ref of refs) {
+			if (!ref) continue;
+			if (typeof ref === "function") ref(node);
+			else if (typeof ref === "object" && "current" in ref) ref.current = node;
+		}
+	};
+};
+const Slottable = (props) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+};
+const Slot = function Slot({ children, ref: forwardedRef, ...slotProps }) {
+	if (!isValidElement(children)) {
+		if (children === null || children === void 0) return null;
+		return /* @__PURE__ */ jsx("span", {
+			...slotProps,
+			ref: forwardedRef
+		});
 	}
-	let d = l.className || "";
-	d && s.className && (u.className = `${d} ${s.className}`);
-	let f = l.style;
-	f && s.style && (u.style = {
-		...f,
-		...s.style
-	});
-	let p = c.ref;
-	return u.ref = a(p, o), e(c, u);
+	const child = children;
+	const childProps = child.props ?? {};
+	const mergedProps = {
+		...childProps,
+		...slotProps
+	};
+	for (const [key, value] of Object.entries(slotProps)) if (key.startsWith("on") && typeof value === "function") {
+		const childHandler = childProps[key];
+		if (typeof childHandler === "function") mergedProps[key] = composeEventHandlers(childHandler, value);
+		else mergedProps[key] = value;
+	}
+	const childClassName = childProps["className"] || "";
+	if (childClassName && slotProps.className) mergedProps.className = `${childClassName} ${slotProps.className}`;
+	const childStyle = childProps["style"];
+	if (childStyle && slotProps.style) mergedProps.style = {
+		...childStyle,
+		...slotProps.style
+	};
+	const childRef = child.ref;
+	mergedProps.ref = mergeRefs(childRef, forwardedRef);
+	return cloneElement(child, mergedProps);
 };
-s.displayName = "Slot";
+Slot.displayName = "Slot";
+
 //#endregion
-export { s as Slot, o as Slottable };
+export { Slot, Slottable };
+//# sourceMappingURL=slot.js.map

package/dist/primitives/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","names":[],"sources":["../../src/primitives/slot.tsx"],"sourcesContent":["import { cloneElement, isValidElement, type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref, type SyntheticEvent } from 'react'\n\nconst composeEventHandlers = <E extends SyntheticEvent>(childHandler?: (event: E) => void, slotHandler?: (event: E) => void, { checkForDefaultPrevented = true } = {}): ((event: E) => void) => {\n  return (event: E) => {\n    childHandler?.(event)\n    if (!checkForDefaultPrevented || !event.defaultPrevented) {\n      slotHandler?.(event)\n    }\n  }\n}\n\nconst mergeRefs = <T,>(...refs: (Ref<T> | undefined)[]) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (!ref) continue\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (typeof ref === 'object' && 'current' in ref) {\n        ;(ref as { current: T | null }).current = node\n      }\n    }\n  }\n}\n\ntype SlotBaseProps = HTMLAttributes<HTMLElement> & {\n  children?: ReactNode\n}\n\nexport const Slottable = (props: { children?: ReactNode }) => {\n  return <>{props.children}</>\n}\n\nexport const Slot = function Slot({\n  children,\n  ref: forwardedRef,\n  ...slotProps\n}: SlotBaseProps & {\n  ref?: Ref<HTMLElement>\n}) {\n  if (!isValidElement(children)) {\n    if (children === null || children === undefined) return null\n\n    return <span {...slotProps} ref={forwardedRef as Ref<HTMLSpanElement>} />\n  }\n\n  const child = children as ReactElement<Record<string, unknown>>\n  const childProps = child.props ?? {}\n\n  const mergedProps: Record<string, unknown> = { ...childProps, ...slotProps }\n\n  for (const [key, value] of Object.entries(slotProps)) {\n    const isEvent = key.startsWith('on') && typeof value === 'function'\n    if (isEvent) {\n      const childHandler = (childProps as Record<string, unknown>)[key]\n      if (typeof childHandler === 'function') {\n        ;(mergedProps as Record<string, unknown>)[key] = composeEventHandlers(childHandler as (e: SyntheticEvent) => void, value as (e: SyntheticEvent) => void)\n      } else {\n        ;(mergedProps as Record<string, unknown>)[key] = value as (e: SyntheticEvent) => void\n      }\n    }\n  }\n\n  const childClassName = (childProps['className'] as string | undefined) || ''\n  if (childClassName && slotProps.className) {\n    ;(mergedProps as Record<string, unknown>).className = `${childClassName} ${slotProps.className}`\n  }\n\n  const childStyle = childProps['style'] as CSSProperties | undefined\n  if (childStyle && slotProps.style) {\n    ;(mergedProps as Record<string, unknown>).style = { ...childStyle, ...slotProps.style }\n  }\n\n  const childRef = (child as unknown as { ref?: Ref<HTMLElement> }).ref\n  ;(mergedProps as Record<string, unknown>).ref = mergeRefs(childRef, forwardedRef)\n\n  return cloneElement(child, mergedProps as Partial<typeof child.props>)\n}\nSlot.displayName = 'Slot'\n\nexport interface AsChildProp {\n  asChild?: boolean\n}\n"],"mappings":";;;;;AAEA,MAAM,wBAAkD,cAAmC,aAAkC,EAAE,2BAA2B,SAAS,EAAE,KAA2B;AAC9L,SAAQ,UAAa;AACnB,iBAAe,MAAM;AACrB,MAAI,CAAC,4BAA4B,CAAC,MAAM,iBACtC,eAAc,MAAM;;;AAK1B,MAAM,aAAiB,GAAG,SAAiC;AACzD,SAAQ,SAAY;AAClB,OAAK,MAAM,OAAO,MAAM;AACtB,OAAI,CAAC,IAAK;AACV,OAAI,OAAO,QAAQ,WACjB,KAAI,KAAK;YACA,OAAO,QAAQ,YAAY,aAAa,IAChD,CAAC,IAA8B,UAAU;;;;AAUlD,MAAa,aAAa,UAAoC;AAC5D,QAAO,0CAAG,MAAM,UAAY;;AAG9B,MAAa,OAAO,SAAS,KAAK,EAChC,UACA,KAAK,cACL,GAAG,aAGF;AACD,KAAI,CAAC,eAAe,SAAS,EAAE;AAC7B,MAAI,aAAa,QAAQ,aAAa,OAAW,QAAO;AAExD,SAAO,oBAAC,QAAD;GAAM,GAAI;GAAW,KAAK;GAAwC;;CAG3E,MAAM,QAAQ;CACd,MAAM,aAAa,MAAM,SAAS,EAAE;CAEpC,MAAM,cAAuC;EAAE,GAAG;EAAY,GAAG;EAAW;AAE5E,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,UAAU,CAElD,KADgB,IAAI,WAAW,KAAK,IAAI,OAAO,UAAU,YAC5C;EACX,MAAM,eAAgB,WAAuC;AAC7D,MAAI,OAAO,iBAAiB,WACzB,CAAC,YAAwC,OAAO,qBAAqB,cAA6C,MAAqC;MAEvJ,CAAC,YAAwC,OAAO;;CAKvD,MAAM,iBAAkB,WAAW,gBAAuC;AAC1E,KAAI,kBAAkB,UAAU,UAC7B,CAAC,YAAwC,YAAY,GAAG,eAAe,GAAG,UAAU;CAGvF,MAAM,aAAa,WAAW;AAC9B,KAAI,cAAc,UAAU,MACzB,CAAC,YAAwC,QAAQ;EAAE,GAAG;EAAY,GAAG,UAAU;EAAO;CAGzF,MAAM,WAAY,MAAgD;AACjE,CAAC,YAAwC,MAAM,UAAU,UAAU,aAAa;AAEjF,QAAO,aAAa,OAAO,YAA2C;;AAExE,KAAK,cAAc"}

package/dist/primitives/textarea.d.ts

@@ -1,3 +1,12 @@
-import { ComponentProps } from 'react';
-export declare const Textarea: ({ className, ...props }: ComponentProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
+'use client';
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/primitives/textarea.d.ts
+declare const Textarea: ({
+  className,
+  ...props
+}: ComponentProps<'textarea'>) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/primitives/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,QAAQ,GAAI,yBAAyB,cAAc,CAAC,UAAU,CAAC,4CAW3E,CAAA"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/primitives/textarea.tsx"],"mappings":";;;;;cAGa,QAAA;EAAQ,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,iBAA0B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/primitives/textarea.js

@@ -1,12 +1,17 @@
-'use client'
-import { t as e } from "../twUtils-BpqlKSeB.js";
+'use client';
+import { cn } from "../utils/twUtils.js";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/primitives/textarea.tsx
-var n = ({ className: n, ...r }) => /* @__PURE__ */ t("textarea", {
-	className: e("min-h-16 rounded-md px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full border border-input-border bg-transparent outline-transparent transition-[color,box-shadow] placeholder:text-input-text-placeholder focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-offset-2 aria-invalid:outline-danger-400", n),
-	"data-slot": "textarea",
-	...r
-});
+const Textarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("min-h-16 rounded-md px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full border border-input-border bg-transparent outline-transparent transition-[color,box-shadow] placeholder:text-input-text-placeholder focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-offset-2 aria-invalid:outline-danger-400", className),
+		"data-slot": "textarea",
+		...props
+	});
+};
+
 //#endregion
-export { n as Textarea };
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/primitives/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport const Textarea = ({ className, ...props }: ComponentProps<'textarea'>) => {\n  return (\n    <textarea\n      className={cn(\n        'min-h-16 rounded-md px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full border border-input-border bg-transparent outline-transparent transition-[color,box-shadow] placeholder:text-input-text-placeholder focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-offset-2 aria-invalid:outline-danger-400',\n        className,\n      )}\n      data-slot='textarea'\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAGA,MAAa,YAAY,EAAE,WAAW,GAAG,YAAwC;AAC/E,QACE,oBAAC,YAAD;EACE,WAAW,GACT,uaACA,UACD;EACD,aAAU;EACV,GAAI;EACJ"}

package/dist/styles/horizon/colors.css

@@ -213,6 +213,7 @@
   --color-toggle-text--hover: var(--horizon-color-neutral-200);
   --color-toggle-text--active: var(--horizon-color-neutral-50);
   --color-toggle-outline-border: var(--horizon-color-neutral-700);
+  --color-toggle-outline-divider: var(--horizon-color-neutral-600);
   --color-toggle-outline-border--hover: var(--horizon-color-neutral-400);
   --color-toggle-group-bg: var(--horizon-color-level-five);
 

package/dist/styles/horizon-tokens.css

@@ -0,0 +1,9 @@
+/* @spear-ai/spectral — horizon design system entry.
+ * Import alongside spectral.css in your globals.css to integrate the full
+ * horizon token + utility surface with your Tailwind v4 compiler.
+ * Generated from src/styles/horizon/ — files in alphabetical order. */
+@import './horizon/base-colors.css';
+@import './horizon/base.css';
+@import './horizon/colors.css';
+@import './horizon/theme.css';
+@import './horizon/utilities.css';