@spear-ai/spectral 1.12.0 → 1.12.2

package/dist/Combobox.js

@@ -1,137 +1,3 @@
-"use client";
-import "./styles/main.css";
-import { ChevronDownIcon as e } from "./Icons/ChevronDownIcon.js";
-import { LoaderIcon as t } from "./Icons/LoaderIcon.js";
-import { t as n } from "./twUtils-D_qzdiwM.js";
-import { EmptyState as ee, ErrorMessage as r, LoadingState as i, WarningMessage as a, getAriaProps as o, getDropdownSurfaceClasses as s, getDropdownWidthStyles as c, getErrorMessageId as l, getFormFieldCSSProperties as u, getOptionClasses as d, getTriggerClasses as f, useFormFieldId as te } from "./utils/formFieldUtils.js";
-import { useUncontrolledState as ne } from "./hooks/useUncontrolledState.js";
-import { Label as re } from "./Label.js";
-import { InputGroup as ie, InputGroupAddon as ae } from "./primitives/input-group.js";
-import { useAutoDropdownHorizontalShift as oe } from "./utils/dropdownPositioning.js";
-import { a as se, i as p, n as ce, o as m } from "./ComboboxBase-BzDGK36x.js";
-import { useCallback as le, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/components/Combobox/Combobox.tsx
-var y = ({ className: y, disabled: ue, defaultValue: de = "", dropdownWidth: b = "trigger", emptyMessage: x = "No options found.", errorMessage: S, id: C, label: w, labelClassName: T, loadingMessage: E = "Loading…", name: D, onChange: O, onValueChange: k, options: A = [], placeholder: j = "Search…", ref: M, required: N, state: P = "default", value: F, warningMessage: I, "aria-describedby": L, "aria-label": R }) => {
-	process.env.NODE_ENV !== "production" && !w && !R && console.warn("Combobox: provide either `label` or `aria-label` for an accessible name.");
-	let z = h(null), B = h(null), V = te(C, D), H = `${V}-listbox`, U = l(V), W = `${V}-warning`, fe = P === "error" ? U : P === "warning" && I ? W : void 0, G = !!ue, K = P === "loading", pe = P === "error", me = o(P, L, N, fe), [q, J] = g(!1), { dropdownShiftStyle: he, setDropdownElement: ge } = oe(q), [Y, X] = g(""), [Z, _e] = ne({
-		value: F,
-		defaultValue: de,
-		onChange: (e) => {
-			O ? O(e) : k?.(e);
-		}
-	}), Q = A.find((e) => e.value === Z), ve = !!(Q && Y.length === 0), { dropdownWidthMode: $, dropdownWidthStyle: ye } = c({
-		dropdownWidth: b,
-		triggerWidth: "var(--radix-popover-trigger-width)"
-	}), be = (e) => {
-		_e(e === Z ? "" : e), X(""), J(!1);
-	}, xe = (e) => {
-		e.key === "Escape" && J(!1);
-	}, Se = le(() => {
-		requestAnimationFrame(() => {
-			B.current?.contains(document.activeElement) || (J(!1), X(""));
-		});
-	}, []), Ce = () => {
-		G || K || (z.current?.focus(), J(!0));
-	}, we = () => K ? /* @__PURE__ */ _("div", {
-		id: H,
-		role: "listbox",
-		children: /* @__PURE__ */ _(i, { message: E })
-	}) : A.length === 0 ? /* @__PURE__ */ _("div", {
-		id: H,
-		role: "listbox",
-		children: /* @__PURE__ */ _(ee, { message: x })
-	}) : /* @__PURE__ */ v(se, {
-		id: H,
-		children: [/* @__PURE__ */ _(ce, { children: x }), A.map((e) => /* @__PURE__ */ _(p, {
-			className: n(d(!!e.disabled, !1, Z === e.value), "group/command-item relative flex w-full items-center data-[selected=true]:bg-input-bg--hover"),
-			"data-checked": Z === e.value || void 0,
-			disabled: e.disabled,
-			onMouseDown: (e) => e.preventDefault(),
-			onSelect: () => be(e.value),
-			value: e.label,
-			children: /* @__PURE__ */ _("span", {
-				className: "min-w-0 flex-1 truncate whitespace-nowrap",
-				children: e.label
-			})
-		}, e.value))]
-	});
-	return /* @__PURE__ */ v("div", {
-		className: "w-full",
-		ref: M,
-		children: [
-			D && /* @__PURE__ */ _("input", {
-				type: "hidden",
-				name: D,
-				value: Z,
-				disabled: G
-			}),
-			w && /* @__PURE__ */ _(re, {
-				className: n("mb-2 block text-text-primary", T, G && "text-text-secondary"),
-				"data-testid": "spectral-combobox-label",
-				htmlFor: V,
-				children: w
-			}),
-			/* @__PURE__ */ v(m, {
-				ref: B,
-				label: R ?? w,
-				onKeyDown: xe,
-				className: "relative w-full",
-				children: [/* @__PURE__ */ v(ie, {
-					"data-slot": "combobox-content",
-					"data-state": P,
-					"data-testid": "spectral-combobox-trigger",
-					className: n(f(q, P), "ring-0!", G && "pointer-events-none cursor-not-allowed", y),
-					onClick: Ce,
-					style: u(),
-					children: [/* @__PURE__ */ _(m.Input, {
-						ref: z,
-						autoComplete: "off",
-						"data-slot": "input-group-control",
-						"aria-controls": H,
-						"aria-expanded": q,
-						"aria-label": R ?? w,
-						className: n("min-w-0 px-3 py-1 text-base flex-1 truncate overflow-hidden border-0 bg-transparent whitespace-nowrap text-input-text outline-hidden placeholder:opacity-100 focus-visible:ring-0 focus-visible:outline-none", ve ? "placeholder:text-input-text!" : "placeholder:text-input-text-placeholder!"),
-						disabled: G,
-						id: V,
-						onBlur: Se,
-						onFocus: () => !G && !K && J(!0),
-						onValueChange: X,
-						placeholder: Q?.label ?? j,
-						role: "combobox",
-						value: Y,
-						...me
-					}), /* @__PURE__ */ _(ae, {
-						align: "inline-end",
-						className: "cursor-pointer",
-						children: K ? /* @__PURE__ */ _(t, { className: "size-5 motion-safe:animate-spin" }) : /* @__PURE__ */ _(e, { className: n("size-5 shrink-0 transition-transform duration-200", q && "rotate-180") })
-					})]
-				}), /* @__PURE__ */ _("div", {
-					className: n("left-0 mt-1 p-1 absolute top-full z-50 w-full", s(), "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-2 motion-safe:zoom-in-95", !q && "hidden"),
-					"data-dropdown-width-mode": $,
-					"data-dropdown-width-value": $ === "custom" ? b : void 0,
-					"data-testid": "spectral-combobox-content",
-					ref: ge,
-					style: {
-						...ye,
-						...he
-					},
-					children: we()
-				})]
-			}),
-			pe && S && /* @__PURE__ */ _(r, {
-				dataTestId: "spectral-combobox-error-message",
-				id: U,
-				message: S
-			}),
-			P === "warning" && I && /* @__PURE__ */ _(a, {
-				dataTestId: "spectral-combobox-warning-message",
-				id: W,
-				message: I
-			})
-		]
-	});
-};
-y.displayName = "Combobox";
-//#endregion
-export { y as Combobox };
+import { t as e } from "./Combobox-Ch5Rxk5v.js";
+import "./primitives/input-group.js";
+export { e as Combobox };

package/dist/DateTimePicker/Calendar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../Calendar-Cnh_PTbQ.js";
+import { t as e } from "../Calendar-2UVWeLYp.js";
 export { e as Calendar };

package/dist/DateTimePicker/DateTimeDisplayInput.js

@@ -4,7 +4,7 @@ import { t as e } from "../twUtils-D_qzdiwM.js";
 import { getInputClasses as t } from "../utils/formFieldUtils.js";
 import { useUncontrolledState as n } from "../hooks/useUncontrolledState.js";
 import { Label as r } from "../Label.js";
-import { S as i, b as a, f as o } from "../DateTimeUtils-BJUAMuot.js";
+import { S as i, b as a, f as o } from "../DateTimeUtils-DrR2JWoU.js";
 import { forwardRef as s, useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/DateTimeDisplayInput.tsx

package/dist/DateTimePicker/DateTimeInput.js

@@ -2,7 +2,7 @@
 import "../styles/main.css";
 import { t as e } from "../twUtils-D_qzdiwM.js";
 import { Input as t } from "../primitives/input.js";
-import { F as n, S as r, _ as i, g as a, h as o, m as s, p as c, t as l, v as u } from "../DateTimeUtils-BJUAMuot.js";
+import { F as n, S as r, _ as i, g as a, h as o, m as s, p as c, t as l, v as u } from "../DateTimeUtils-DrR2JWoU.js";
 import { useCallback as d, useEffect as f, useMemo as p, useRef as m } from "react";
 import { jsx as h } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/DateTimeInput.tsx

package/dist/DateTimePicker/DateTimeUtils.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "../DateTimeUtils-BJUAMuot.js";
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "../DateTimeUtils-DrR2JWoU.js";
 export { j as DEFAULT_TRANSLATIONS, E as DateTimeConfigSchema, k as HourFormatSchema, x as PICKER_TYPES, m as PeriodSchema, D as TIME_BOUNDS, A as TimePickerTypeSchema, g as TimeValueSchema, w as convert12HourTo24Hour, M as detectHourFormat, _ as display12HourValue, v as formatSelectPeriodLabel, O as formatTimeNumber, T as getAriaLabel, b as getAriaValueMinMax, y as getAriaValueNow, p as getArrowByType, N as getDateByType, I as getLocalizedPeriodLabel, h as getLocalizedPeriodLabels, F as getPeriodFromHours, d as getResolvedLocale, t as getValid12Hour, P as getValidArrow12Hour, f as getValidArrowHour, r as getValidArrowMinute, n as getValidArrowNumber, l as getValidHour, C as getValidMinute, e as getValidNumber, S as isValid12Hour, s as isValidHour, c as isValidMinute, u as set12Hours, i as setDateByType, a as setHours, o as setMinutes };

package/dist/DateTimePicker/TimePicker.js

@@ -1,7 +1,7 @@
 "use client";
 import "../styles/main.css";
 import { t as e } from "../twUtils-D_qzdiwM.js";
-import { S as t, b as n, f as r, t as i, u as a, x as o } from "../DateTimeUtils-BJUAMuot.js";
+import { S as t, b as n, f as r, t as i, u as a, x as o } from "../DateTimeUtils-DrR2JWoU.js";
 import { DateTimeInput as s } from "./DateTimeInput.js";
 import { TimePeriodSelect as c } from "./TimePeriodSelect.js";
 import { useMemo as l, useRef as u } from "react";

package/dist/DateTimePicker.js

@@ -5,8 +5,8 @@ import { t } from "./twUtils-D_qzdiwM.js";
 import { ErrorMessage as n, getErrorMessageId as r, useFormFieldId as i } from "./utils/formFieldUtils.js";
 import { useUncontrolledState as a } from "./hooks/useUncontrolledState.js";
 import { Popover as o, PopoverContent as s, PopoverTrigger as ee } from "./Popover.js";
-import { t as c } from "./Calendar-Cnh_PTbQ.js";
-import { A as l, C as u, D as d, E as f, F as p, I as m, L as h, M as g, N as _, O as v, P as y, S as b, T as x, _ as S, a as C, b as w, c as T, d as E, f as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, r as te, s as R, t as z, u as B, v as V, w as H, x as U, y as W } from "./DateTimeUtils-BJUAMuot.js";
+import { t as c } from "./Calendar-2UVWeLYp.js";
+import { A as l, C as u, D as d, E as f, F as p, I as m, L as h, M as g, N as _, O as v, P as y, S as b, T as x, _ as S, a as C, b as w, c as T, d as E, f as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, r as te, s as R, t as z, u as B, v as V, w as H, x as U, y as W } from "./DateTimeUtils-DrR2JWoU.js";
 import { DateTimeDisplayInput as G } from "./DateTimePicker/DateTimeDisplayInput.js";
 import { DateTimeInput as K } from "./DateTimePicker/DateTimeInput.js";
 import { TimePeriodSelect as q } from "./DateTimePicker/TimePeriodSelect.js";

package/dist/Dialog.js

@@ -1,8 +1,8 @@
 import "./styles/main.css";
 import { CloseIcon as e } from "./Icons/CloseIcon.js";
 import { t } from "./twUtils-D_qzdiwM.js";
-import { n } from "./es2015-YHaMV-St.js";
-import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./dist-B9tup-4O.js";
+import { t as n } from "./Combination-9q50p_Vu.js";
+import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./dist-D6QANKSj.js";
 import "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/Dialog/Dialog.tsx

package/dist/Drawer.js

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import { SpectralProvider as e } from "./SpectralProvider.js";
-import { t } from "./dist-3Af8168y.js";
+import { t } from "./dist-Tbzy5UFA.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Drawer/Drawer.tsx