@spear-ai/spectral 1.13.0 → 1.13.1

package/dist/ControlGroup.js

@@ -2,7 +2,8 @@
 import './styles/main.css'
 import { t as e } from "./twUtils-BpqlKSeB.js";
 import { Slot as t } from "./primitives/slot.js";
-import { ErrorMessage as n, WarningMessage as r, getErrorMessageId as i, useFormFieldId as a, useFormFieldState as o } from "./utils/formFieldUtils.js";
+import { ErrorMessage as n, WarningMessage as r } from "./FormFieldMessage.js";
+import { getErrorMessageId as i, useFormFieldId as a, useFormFieldState as o } from "./utils/formFieldUtils.js";
 import { createContext as s, useContext as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/ControlGroup/ControlGroup.tsx
@@ -12,7 +13,7 @@ var d = s(null), f = () => {
 	return e;
 }, p = ({ className: t, disabled: s, errorMessage: c, id: f, name: p, orientation: m = "horizontal", state: h = "default", warningMessage: g, ..._ }) => {
 	let v = a(f, p), y = i(v), b = `${v}-warning`, { isDisabled: x, isLoading: S, isInvalid: C } = o(s, h), w = h === "error" && c ? y : h === "warning" && g ? b : void 0;
-	return /* @__PURE__ */ u(d.Provider, {
+	return /* @__PURE__ */ l(d.Provider, {
 		value: {
 			messageId: w,
 			isDisabled: x,
@@ -21,28 +22,32 @@ var d = s(null), f = () => {
 			orientation: m,
 			state: h
 		},
-		children: [
-			/* @__PURE__ */ l("div", {
-				"data-slot": "control-group",
-				"data-orientation": m,
-				"data-state": h,
-				id: v,
-				role: "group",
-				"aria-describedby": w,
-				className: e("group flex", m === "vertical" && "flex-col", x && "pointer-events-none opacity-50", t),
-				..._
-			}),
-			C && c && /* @__PURE__ */ l(n, {
-				dataTestId: "spectral-control-group-error-message",
-				id: y,
-				message: c
-			}),
-			h === "warning" && g && /* @__PURE__ */ l(r, {
-				dataTestId: "spectral-control-group-warning-message",
-				id: b,
-				message: g
-			})
-		]
+		children: /* @__PURE__ */ u("div", {
+			"data-slot": "control-group-field",
+			className: "space-y-1.5 w-full",
+			children: [
+				/* @__PURE__ */ l("div", {
+					"data-slot": "control-group",
+					"data-orientation": m,
+					"data-state": h,
+					id: v,
+					role: "group",
+					"aria-describedby": w,
+					className: e("group flex w-full", m === "vertical" && "flex-col", x && "pointer-events-none opacity-50", t),
+					..._
+				}),
+				/* @__PURE__ */ l(n, {
+					dataTestId: "spectral-control-group-error-message",
+					id: y,
+					message: C ? c : null
+				}),
+				/* @__PURE__ */ l(r, {
+					dataTestId: "spectral-control-group-warning-message",
+					id: b,
+					message: h === "warning" ? g : null
+				})
+			]
+		})
 	});
 }, m = ({ className: n, ...r }) => {
 	let { orientation: i } = f();

package/dist/DateTimePicker/TimePeriodSelect.js

@@ -1,7 +1,7 @@
 'use client'
 import '../styles/main.css'
 import { t as e } from "../twUtils-BpqlKSeB.js";
-import { i as t, l as n, n as r, t as i, u as a } from "../select-oAOoVl5g.js";
+import { i as t, l as n, n as r, t as i, u as a } from "../select-DFE8xm1L.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/TimePeriodSelect.tsx

package/dist/DateTimePicker.js

@@ -2,9 +2,10 @@
 import './styles/main.css'
 import { CalendarIcon as e } from "./Icons/CalendarIcon.js";
 import { t } from "./twUtils-BpqlKSeB.js";
-import { ErrorMessage as n, getErrorMessageId as r, useFormFieldId as i } from "./utils/formFieldUtils.js";
+import { ErrorMessage as n } from "./FormFieldMessage.js";
+import { 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 { Popover as ee, PopoverContent as o, PopoverTrigger as s } from "./Popover.js";
 import { t as c } from "./Calendar-FXWVuKWS.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 { DateTimeDisplayInput as G } from "./DateTimePicker/DateTimeDisplayInput.js";
@@ -30,7 +31,7 @@ var $ = ({ calendarProps: l, className: u, defaultValue: d, disabled: f = !1, di
 	}, [j]), I = (e) => {}, L = (e) => {
 		j(e);
 	};
-	return /* @__PURE__ */ Q(o, { children: [/* @__PURE__ */ Q("div", {
+	return /* @__PURE__ */ Q(ee, { children: [/* @__PURE__ */ Q("div", {
 		className: t("w-full", u),
 		"data-slot": "datetime-picker",
 		"data-testid": "spectral-datetime-picker",
@@ -41,7 +42,7 @@ var $ = ({ calendarProps: l, className: u, defaultValue: d, disabled: f = !1, di
 			className: t("gap-4 pr-12 flex w-full justify-start", !A && "text-text-secondary"),
 			"data-testid": "spectral-datetime-picker-input",
 			disabled: f,
-			endIcon: /* @__PURE__ */ Z(ee, {
+			endIcon: /* @__PURE__ */ Z(s, {
 				asChild: !0,
 				disabled: f,
 				children: /* @__PURE__ */ Z(e, {
@@ -58,12 +59,12 @@ var $ = ({ calendarProps: l, className: u, defaultValue: d, disabled: f = !1, di
 			showTime: y,
 			state: x,
 			value: A
-		}), x === "error" && m && /* @__PURE__ */ Z(n, {
+		}), /* @__PURE__ */ Z(n, {
 			dataTestId: "spectral-datetime-picker-error-message",
 			id: O,
-			message: m
+			message: x === "error" ? m : null
 		})]
-	}), /* @__PURE__ */ Q(s, {
+	}), /* @__PURE__ */ Q(o, {
 		align: "start",
 		className: t("rounded-lg py-4 px-6 flex", !y && "w-[330px]", y && N === "24" && "w-[486px]", y && N === "12" && "w-[560px]"),
 		"data-testid": "spectral-datetime-picker-popover",