@dowel-ui/react 0.5.0 → 0.7.0

package/dist/components/textarea/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/textarea/meta.ts
+const meta = defineMeta({
+	name: "textarea",
+	title: "Textarea",
+	description: "A multi-line text field, with optional auto-resize and a character count that knows when to stay quiet.",
+	category: "form",
+	status: "stable",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: [],
+	files: ["textarea.tsx"],
+	a11y: "Pair with a Label via htmlFor/id. The error state is driven by aria-invalid, so assistive technology and styling stay in sync. The character count is described by the field rather than announced on every keystroke — a permanently live counter reads the remaining number between every letter typed, which is unusable — so it goes live only once the limit is close, and states the remainder in words rather than as a bare ratio that is read aloud as two unlabelled numbers. Horizontal resizing is off by default, because a field dragged wider than its container is a broken layout."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/textarea/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/textarea/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"textarea\",\n  title: \"Textarea\",\n  description:\n    \"A multi-line text field, with optional auto-resize and a character count that knows when to stay quiet.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [],\n  files: [\"textarea.tsx\"],\n  a11y:\n    \"Pair with a Label via htmlFor/id. The error state is driven by aria-invalid, so assistive \" +\n    \"technology and styling stay in sync. The character count is described by the field rather \" +\n    \"than announced on every keystroke — a permanently live counter reads the remaining number \" +\n    \"between every letter typed, which is unusable — so it goes live only once the limit is \" +\n    \"close, and states the remainder in words rather than as a bare ratio that is read aloud as \" +\n    \"two unlabelled numbers. Horizontal resizing is off by default, because a field dragged \" +\n    \"wider than its container is a broken layout.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,0BAA0B;CACzC,sBAAsB,CAAC;CACvB,OAAO,CAAC,cAAc;CACtB,MACE;AAOJ,CAAC"}

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,43 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/textarea/textarea.d.ts
+declare const textareaVariants: (props?: ({
+  textareaSize?: "sm" | "md" | "lg" | null | undefined;
+  resize?: "none" | "vertical" | "both" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface TextareaProps extends Omit<ComponentPropsWithRef<"textarea">, "cols">, VariantProps<typeof textareaVariants> {
+  /**
+   * Grows with its content instead of scrolling, up to `maxRows`.
+   *
+   * Off by default. A field that changes height as you type moves everything
+   * below it, which is the right trade for a comment box and the wrong one for
+   * a form of twelve fields.
+   */
+  autoResize?: boolean;
+  /** Ceiling for `autoResize`, after which it scrolls. */
+  maxRows?: number;
+  /**
+   * Shows a live character count.
+   *
+   * Needs `maxLength` to have anything to count against.
+   */
+  showCount?: boolean;
+}
+/**
+ * Multi-line text field.
+ *
+ * The visual size prop is `textareaSize`, not `size`, for the same reason
+ * Input's is `inputSize`: `size` is a native attribute on form controls, and a
+ * prop of that name shadows it.
+ *
+ * The character count is where this differs from most. A counter wired as a
+ * live region announces on every keystroke, which is unusable — a screen
+ * reader reads "one hundred and forty-one characters remaining" between every
+ * letter. So the count is silent while there is room and only announces once
+ * it is nearly gone, which is the point at which it is information rather than
+ * chatter.
+ */
+declare function Textarea({ className, textareaSize, resize, autoResize, maxRows, showCount, rows, maxLength, value, defaultValue, onChange, id, "aria-describedby": describedBy, ref, ...props }: TextareaProps): import("react").JSX.Element;
+//#endregion
+export { Textarea, TextareaProps, textareaVariants };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../../src/components/textarea/textarea.tsx"],"mappings":";;;cAeM,mBAAgB;;;6CAmCrB;UAEgB,sBAEb,KAAK,4CACL,oBAAoB;;;;;;;;EAQtB;;EAEA;;;;;;EAMA;;;;;;;;;;;;;;;;iBAiBc,WACd,WACA,cACA,QACA,YACA,SACA,WACA,MACA,WACA,OACA,cACA,UACA,wBACoB,aACpB,QACG,SACF,gCAAa,IAAA"}

package/dist/components/textarea/textarea.js

@@ -0,0 +1,119 @@
+"use client";
+import { focusRingInset, invalidStyles } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useId, useLayoutEffect, useRef, useState } from "react";
+//#region src/components/textarea/textarea.tsx
+const textareaVariants = cva(cn("block w-full min-w-0 rounded-md border border-input bg-background text-foreground shadow-xs", "transition-[border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]", "placeholder:text-muted-foreground", "focus-visible:border-ring", "disabled:cursor-not-allowed disabled:opacity-55", focusRingInset, invalidStyles), {
+	variants: {
+		textareaSize: {
+			sm: "px-2.5 py-1.5 text-sm",
+			md: "px-3 py-2 text-sm",
+			lg: "px-3.5 py-2.5 text-base"
+		},
+		/**
+		* Vertical only by default.
+		*
+		* The browser default is `both`, and a textarea dragged wider than its
+		* container is a layout broken by a control that was only meant to be
+		* made taller.
+		*/
+		resize: {
+			none: "resize-none",
+			vertical: "resize-y",
+			both: "resize"
+		}
+	},
+	defaultVariants: {
+		textareaSize: "md",
+		resize: "vertical"
+	}
+});
+/**
+* Multi-line text field.
+*
+* The visual size prop is `textareaSize`, not `size`, for the same reason
+* Input's is `inputSize`: `size` is a native attribute on form controls, and a
+* prop of that name shadows it.
+*
+* The character count is where this differs from most. A counter wired as a
+* live region announces on every keystroke, which is unusable — a screen
+* reader reads "one hundred and forty-one characters remaining" between every
+* letter. So the count is silent while there is room and only announces once
+* it is nearly gone, which is the point at which it is information rather than
+* chatter.
+*/
+function Textarea({ className, textareaSize, resize, autoResize = false, maxRows = 12, showCount = false, rows = 3, maxLength, value, defaultValue, onChange, id, "aria-describedby": describedBy, ref, ...props }) {
+	const internalRef = useRef(null);
+	const generatedId = useId();
+	const countId = `${id ?? generatedId}-count`;
+	const counted = showCount && maxLength !== void 0;
+	/**
+	* Both refs, without a library.
+	*
+	* React 19 passes `ref` as an ordinary prop, so it arrives here and has to be
+	* forwarded on deliberately. Auto-resize needs the element too, and silently
+	* dropping the caller's ref would break every form library that reaches for
+	* the node.
+	*/
+	const setRef = (node) => {
+		internalRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	};
+	useLayoutEffect(() => {
+		const textarea = internalRef.current;
+		if (!textarea || !autoResize) return;
+		textarea.style.height = "auto";
+		const maxHeight = (Number.parseFloat(getComputedStyle(textarea).lineHeight) || 20) * maxRows;
+		textarea.style.height = `${String(Math.min(textarea.scrollHeight, maxHeight))}px`;
+		textarea.style.overflowY = textarea.scrollHeight > maxHeight ? "auto" : "hidden";
+	});
+	/**
+	* The length, for the count.
+	*
+	* Held in state for the uncontrolled case rather than read off the element
+	* during render. Reading the ref looks simpler and does not work: nothing
+	* re-renders when an uncontrolled field is typed into, so the count would
+	* show whatever it happened to say on first paint and never move again.
+	*/
+	const [uncontrolledLength, setUncontrolledLength] = useState(typeof defaultValue === "string" ? defaultValue.length : 0);
+	const length = typeof value === "string" ? value.length : uncontrolledLength;
+	const remaining = maxLength === void 0 ? void 0 : maxLength - length;
+	const announceAt = maxLength === void 0 ? 0 : Math.max(20, Math.floor(maxLength / 10));
+	const nearLimit = remaining !== void 0 && remaining <= announceAt;
+	function handleChange(event) {
+		if (value === void 0) setUncontrolledLength(event.target.value.length);
+		onChange?.(event);
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid gap-1.5", counted && "w-full"),
+		children: [/* @__PURE__ */ jsx("textarea", {
+			ref: setRef,
+			id: id ?? (counted ? generatedId : void 0),
+			"data-slot": "textarea",
+			rows,
+			maxLength,
+			value,
+			defaultValue,
+			onChange: handleChange,
+			"aria-describedby": cn(describedBy, counted && countId) || void 0,
+			className: cn(textareaVariants({
+				textareaSize,
+				resize: autoResize ? "none" : resize
+			}), className),
+			...props
+		}), counted ? /* @__PURE__ */ jsx("p", {
+			id: countId,
+			"data-slot": "textarea-count",
+			"aria-live": nearLimit ? "polite" : "off",
+			className: cn("text-xs tabular-nums", remaining !== void 0 && remaining < 0 ? "text-destructive" : nearLimit ? "text-warning" : "text-muted-foreground"),
+			children: remaining !== void 0 && remaining < 0 ? `${String(Math.abs(remaining))} characters over the limit` : `${String(remaining ?? 0)} characters left`
+		}) : null]
+	});
+}
+//#endregion
+export { Textarea, textareaVariants };
+
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ComponentPropsWithRef,\n} from \"react\";\n\nimport { focusRingInset, invalidStyles } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nconst textareaVariants = cva(\n  cn(\n    \"block w-full min-w-0 rounded-md border border-input bg-background text-foreground shadow-xs\",\n    \"transition-[border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]\",\n    \"placeholder:text-muted-foreground\",\n    \"focus-visible:border-ring\",\n    \"disabled:cursor-not-allowed disabled:opacity-55\",\n    focusRingInset,\n    invalidStyles,\n  ),\n  {\n    variants: {\n      textareaSize: {\n        sm: \"px-2.5 py-1.5 text-sm\",\n        md: \"px-3 py-2 text-sm\",\n        lg: \"px-3.5 py-2.5 text-base\",\n      },\n      /**\n       * Vertical only by default.\n       *\n       * The browser default is `both`, and a textarea dragged wider than its\n       * container is a layout broken by a control that was only meant to be\n       * made taller.\n       */\n      resize: {\n        none: \"resize-none\",\n        vertical: \"resize-y\",\n        both: \"resize\",\n      },\n    },\n    defaultVariants: {\n      textareaSize: \"md\",\n      resize: \"vertical\",\n    },\n  },\n);\n\nexport interface TextareaProps\n  extends\n    Omit<ComponentPropsWithRef<\"textarea\">, \"cols\">,\n    VariantProps<typeof textareaVariants> {\n  /**\n   * Grows with its content instead of scrolling, up to `maxRows`.\n   *\n   * Off by default. A field that changes height as you type moves everything\n   * below it, which is the right trade for a comment box and the wrong one for\n   * a form of twelve fields.\n   */\n  autoResize?: boolean;\n  /** Ceiling for `autoResize`, after which it scrolls. */\n  maxRows?: number;\n  /**\n   * Shows a live character count.\n   *\n   * Needs `maxLength` to have anything to count against.\n   */\n  showCount?: boolean;\n}\n\n/**\n * Multi-line text field.\n *\n * The visual size prop is `textareaSize`, not `size`, for the same reason\n * Input's is `inputSize`: `size` is a native attribute on form controls, and a\n * prop of that name shadows it.\n *\n * The character count is where this differs from most. A counter wired as a\n * live region announces on every keystroke, which is unusable — a screen\n * reader reads \"one hundred and forty-one characters remaining\" between every\n * letter. So the count is silent while there is room and only announces once\n * it is nearly gone, which is the point at which it is information rather than\n * chatter.\n */\nexport function Textarea({\n  className,\n  textareaSize,\n  resize,\n  autoResize = false,\n  maxRows = 12,\n  showCount = false,\n  rows = 3,\n  maxLength,\n  value,\n  defaultValue,\n  onChange,\n  id,\n  \"aria-describedby\": describedBy,\n  ref,\n  ...props\n}: TextareaProps) {\n  const internalRef = useRef<HTMLTextAreaElement | null>(null);\n  const generatedId = useId();\n  const countId = `${id ?? generatedId}-count`;\n\n  const counted = showCount && maxLength !== undefined;\n\n  /**\n   * Both refs, without a library.\n   *\n   * React 19 passes `ref` as an ordinary prop, so it arrives here and has to be\n   * forwarded on deliberately. Auto-resize needs the element too, and silently\n   * dropping the caller's ref would break every form library that reaches for\n   * the node.\n   */\n  const setRef = (node: HTMLTextAreaElement | null) => {\n    internalRef.current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as { current: HTMLTextAreaElement | null }).current = node;\n  };\n\n  // Measured after layout, so the height is right on the first paint rather\n  // than one frame late and visibly settling.\n  useLayoutEffect(() => {\n    const textarea = internalRef.current;\n    if (!textarea || !autoResize) return;\n\n    textarea.style.height = \"auto\";\n    const lineHeight = Number.parseFloat(getComputedStyle(textarea).lineHeight) || 20;\n    const maxHeight = lineHeight * maxRows;\n    textarea.style.height = `${String(Math.min(textarea.scrollHeight, maxHeight))}px`;\n    textarea.style.overflowY = textarea.scrollHeight > maxHeight ? \"auto\" : \"hidden\";\n  });\n\n  /**\n   * The length, for the count.\n   *\n   * Held in state for the uncontrolled case rather than read off the element\n   * during render. Reading the ref looks simpler and does not work: nothing\n   * re-renders when an uncontrolled field is typed into, so the count would\n   * show whatever it happened to say on first paint and never move again.\n   */\n  const [uncontrolledLength, setUncontrolledLength] = useState(\n    typeof defaultValue === \"string\" ? defaultValue.length : 0,\n  );\n\n  const length = typeof value === \"string\" ? value.length : uncontrolledLength;\n\n  const remaining = maxLength === undefined ? undefined : maxLength - length;\n  // Announce only when it starts to matter: a tenth of the budget, or twenty\n  // characters, whichever is larger.\n  const announceAt = maxLength === undefined ? 0 : Math.max(20, Math.floor(maxLength / 10));\n  const nearLimit = remaining !== undefined && remaining <= announceAt;\n\n  function handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    if (value === undefined) setUncontrolledLength(event.target.value.length);\n    onChange?.(event);\n  }\n\n  return (\n    <div className={cn(\"grid gap-1.5\", counted && \"w-full\")}>\n      <textarea\n        ref={setRef}\n        id={id ?? (counted ? generatedId : undefined)}\n        data-slot=\"textarea\"\n        rows={rows}\n        maxLength={maxLength}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={handleChange}\n        aria-describedby={cn(describedBy, counted && countId) || undefined}\n        className={cn(\n          textareaVariants({ textareaSize, resize: autoResize ? \"none\" : resize }),\n          className,\n        )}\n        {...props}\n      />\n\n      {counted ? (\n        <p\n          id={countId}\n          data-slot=\"textarea-count\"\n          // Polite only once it matters. Left permanently live it reads the\n          // count between every keystroke, which is noise, not help.\n          aria-live={nearLimit ? \"polite\" : \"off\"}\n          className={cn(\n            \"text-xs tabular-nums\",\n            remaining !== undefined && remaining < 0\n              ? \"text-destructive\"\n              : nearLimit\n                ? \"text-warning\"\n                : \"text-muted-foreground\",\n          )}\n        >\n          {/* Words, not \"141/200\": a bare ratio is read aloud as two numbers\n              with no indication of which is which. */}\n          {remaining !== undefined && remaining < 0\n            ? `${String(Math.abs(remaining))} characters over the limit`\n            : `${String(remaining ?? 0)} characters left`}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nexport { textareaVariants };\n"],"mappings":";;;;;;;AAeA,MAAM,mBAAmB,IACvB,GACE,+FACA,qGACA,qCACA,6BACA,mDACA,gBACA,aACF,GACA;CACE,UAAU;EACR,cAAc;GACZ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;;;;;;;;EAQA,QAAQ;GACN,MAAM;GACN,UAAU;GACV,MAAM;EACR;CACF;CACA,iBAAiB;EACf,cAAc;EACd,QAAQ;CACV;AACF,CACF;;;;;;;;;;;;;;;AAsCA,SAAgB,SAAS,EACvB,WACA,cACA,QACA,aAAa,OACb,UAAU,IACV,YAAY,OACZ,OAAO,GACP,WACA,OACA,cACA,UACA,IACA,oBAAoB,aACpB,KACA,GAAG,SACa;CAChB,MAAM,cAAc,OAAmC,IAAI;CAC3D,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,GAAG,MAAM,YAAY;CAErC,MAAM,UAAU,aAAa,cAAc,KAAA;;;;;;;;;CAU3C,MAAM,UAAU,SAAqC;EACnD,YAAY,UAAU;EACtB,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;OAClC,IAAI,KAAK,IAAiD,UAAU;CAC3E;CAIA,sBAAsB;EACpB,MAAM,WAAW,YAAY;EAC7B,IAAI,CAAC,YAAY,CAAC,YAAY;EAE9B,SAAS,MAAM,SAAS;EAExB,MAAM,aADa,OAAO,WAAW,iBAAiB,QAAQ,CAAC,CAAC,UAAU,KAAK,MAChD;EAC/B,SAAS,MAAM,SAAS,GAAG,OAAO,KAAK,IAAI,SAAS,cAAc,SAAS,CAAC,EAAE;EAC9E,SAAS,MAAM,YAAY,SAAS,eAAe,YAAY,SAAS;CAC1E,CAAC;;;;;;;;;CAUD,MAAM,CAAC,oBAAoB,yBAAyB,SAClD,OAAO,iBAAiB,WAAW,aAAa,SAAS,CAC3D;CAEA,MAAM,SAAS,OAAO,UAAU,WAAW,MAAM,SAAS;CAE1D,MAAM,YAAY,cAAc,KAAA,IAAY,KAAA,IAAY,YAAY;CAGpE,MAAM,aAAa,cAAc,KAAA,IAAY,IAAI,KAAK,IAAI,IAAI,KAAK,MAAM,YAAY,EAAE,CAAC;CACxF,MAAM,YAAY,cAAc,KAAA,KAAa,aAAa;CAE1D,SAAS,aAAa,OAAyC;EAC7D,IAAI,UAAU,KAAA,GAAW,sBAAsB,MAAM,OAAO,MAAM,MAAM;EACxE,WAAW,KAAK;CAClB;CAEA,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,WAAW,QAAQ;EAAtD,UAAA,CACE,oBAAC,YAAD;GACE,KAAK;GACL,IAAI,OAAO,UAAU,cAAc,KAAA;GACnC,aAAU;GACJ;GACK;GACJ;GACO;GACd,UAAU;GACV,oBAAkB,GAAG,aAAa,WAAW,OAAO,KAAK,KAAA;GACzD,WAAW,GACT,iBAAiB;IAAE;IAAc,QAAQ,aAAa,SAAS;GAAO,CAAC,GACvE,SACF;GACA,GAAI;EACL,CAAA,GAEA,UACC,oBAAC,KAAD;GACE,IAAI;GACJ,aAAU;GAGV,aAAW,YAAY,WAAW;GAClC,WAAW,GACT,wBACA,cAAc,KAAA,KAAa,YAAY,IACnC,qBACA,YACE,iBACA,uBACR;GAIC,UAAA,cAAc,KAAA,KAAa,YAAY,IACpC,GAAG,OAAO,KAAK,IAAI,SAAS,CAAC,EAAE,8BAC/B,GAAG,OAAO,aAAa,CAAC,EAAE;EAC7B,CAAA,IACD,IACD;;AAET"}

package/dist/components/time-range-picker/time-range-picker.js

@@ -208,7 +208,7 @@ function TimeRangePresets({ className, ...props }) {
 	}, [presets]);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "time-range-presets",
-		className: cn("max-h-80 min-w-52 overflow-y-auto border-border p-1.5 sm:border-r", className),
+		className: cn("max-h-80 min-w-52 overflow-y-auto border-border p-1.5 sm:border-e", className),
 		...props,
 		children: groups.map(([group, items]) => /* @__PURE__ */ jsxs("div", {
 			role: "group",
@@ -224,7 +224,7 @@ function TimeRangePresets({ className, ...props }) {
 					setValue(preset.expression);
 					close();
 				},
-				className: cn("flex w-full items-center rounded-md px-2 py-1.5 text-left text-sm transition-colors", preset.expression === value ? "bg-accent font-medium text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground", focusRing),
+				className: cn("flex w-full items-center rounded-md px-2 py-1.5 text-start text-sm transition-colors", preset.expression === value ? "bg-accent font-medium text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground", focusRing),
 				children: preset.label
 			}, preset.expression))]
 		}, group))
@@ -339,7 +339,7 @@ function TimeRangeCalendar({ className, numberOfMonths = 1, ...props }) {
 	} : void 0);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "time-range-calendar",
-		className: cn("border-t border-border p-1 sm:border-t-0 sm:border-l", className),
+		className: cn("border-t border-border p-1 sm:border-s sm:border-t-0", className),
 		...props,
 		children: /* @__PURE__ */ jsx(Calendar, {
 			mode: "range",

package/dist/components/time-range-picker/time-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-range-picker.js","names":[],"sources":["../../../src/components/time-range-picker/time-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n  type ComponentPropsWithRef,\n  type ReactNode,\n} from \"react\";\nimport type { DateRange } from \"react-day-picker\";\n\nimport { Button } from \"@/components/button\";\nimport { Calendar } from \"@/components/calendar\";\nimport { Input } from \"@/components/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\";\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  DEFAULT_PRESETS,\n  TimeExpressionError,\n  absoluteExpression,\n  describeTimeRange,\n  formatResolvedRange,\n  resolveTimeRange,\n  type ResolvedRange,\n  type TimeRangePreset,\n} from \"./time-expression\";\n\n/**\n * The control every observability product builds for itself.\n *\n * Grafana, Datadog, Sentry, PostHog, Vercel, Honeycomb, Cloudflare and\n * Amplitude each maintain a bespoke one, and no React package ships it, because\n * it looks like a date picker and is not one — see `time-expression.ts` for the\n * value model that makes the difference.\n *\n * Composed rather than reimplemented: Popover supplies the dialog semantics,\n * Calendar the absolute path, Input the expression entry.\n *\n * Two omissions are deliberate. No timezone picker — that is a 400-entry\n * combobox and a decision an app makes once, so `timeZone` is a prop. And no\n * comparison range; a second window belongs to whatever renders the chart.\n */\n\ninterface TimeRangeContextValue {\n  value: string;\n  setValue: (expression: string) => void;\n  now: Date;\n  timeZone?: string;\n  locale?: string;\n  presets: TimeRangePreset[];\n  resolved: ResolvedRange | null;\n  error: string | null;\n  /** False until the clock is known, which on a server render is never. */\n  clockReady: boolean;\n  close: () => void;\n  labelId: string;\n}\n\n/** Stands in until the clock is known. Never shown; see `clockReady`. */\nconst EPOCH = new Date(0);\n\n/**\n * The clock, for callers who did not supply one.\n *\n * `useSyncExternalStore` rather than an effect, because this is the case it\n * exists for: a value the server cannot know. The server snapshot is null, so a\n * server render and the hydration render both commit to nothing clock-dependent\n * and cannot disagree; the real instant arrives in the re-render after.\n *\n * `getSnapshot` has to be referentially stable, so the instant is created once\n * for the page. That means every picker without a `now` prop shares it and none\n * of them advance — which is the whole reason the prop is there.\n */\nconst subscribeToNothing = () => () => undefined;\nlet sharedClock: Date | null = null;\nconst readSharedClock = () => (sharedClock ??= new Date());\nconst readNoClock = () => null;\n\nconst TimeRangeContext = createContext<TimeRangeContextValue | null>(null);\n\nfunction useTimeRange(component: string): TimeRangeContextValue {\n  const context = useContext(TimeRangeContext);\n  if (!context) {\n    throw new Error(`${component} must be used inside <TimeRange>.`);\n  }\n  return context;\n}\n\nexport interface TimeRangeProps {\n  /** The expression, e.g. `now-6h..now`. Controlled. */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (expression: string) => void;\n  /**\n   * The instant relative expressions are measured from. Supplied by the\n   * consumer so nothing here reads the clock during render. Pass a value that\n   * changes when you refresh; a stable one holds the window still between them.\n   */\n  now?: Date;\n  /** IANA zone the snapping happens in. Defaults to the runtime zone. */\n  timeZone?: string;\n  locale?: string;\n  presets?: TimeRangePreset[];\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: ReactNode;\n}\n\nexport function TimeRange({\n  value: valueProp,\n  defaultValue = \"now-6h..now\",\n  onValueChange,\n  now,\n  timeZone,\n  locale,\n  presets = DEFAULT_PRESETS,\n  open: openProp,\n  onOpenChange,\n  children,\n}: TimeRangeProps) {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const value = valueProp ?? uncontrolledValue;\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const open = openProp ?? uncontrolledOpen;\n\n  const labelId = useId();\n\n  // Reading the clock during render is what the `now` prop exists to avoid: the\n  // server would render one instant and hydration another, and React would\n  // throw out the tree. Until the fallback arrives, nothing clock-dependent is\n  // rendered — the relative label, \"Last 6 hours\", does not need one, which is\n  // why the trigger still says something useful in the meantime.\n  const fallbackClock = useSyncExternalStore(subscribeToNothing, readSharedClock, readNoClock);\n\n  const clock = now ?? fallbackClock;\n  // A placeholder only for expressions that never mention `now`; anything that\n  // does is gated on `clock` below rather than resolved against a fake instant.\n  const effectiveNow = clock ?? EPOCH;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (openProp === undefined) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [openProp, onOpenChange],\n  );\n\n  const setValue = useCallback(\n    (expression: string) => {\n      if (valueProp === undefined) setUncontrolledValue(expression);\n      onValueChange?.(expression);\n    },\n    [valueProp, onValueChange],\n  );\n\n  const { resolved, error } = useMemo(() => {\n    // Claiming neither a window nor an error before the clock is known: an\n    // expression cannot be judged against an instant nobody has read yet.\n    if (!clock) return { resolved: null, error: null };\n    try {\n      return { resolved: resolveTimeRange(value, { now: clock, timeZone }), error: null };\n    } catch (thrown) {\n      return {\n        resolved: null,\n        error: thrown instanceof TimeExpressionError ? thrown.message : \"Invalid time range.\",\n      };\n    }\n  }, [value, clock, timeZone]);\n\n  const context = useMemo<TimeRangeContextValue>(\n    () => ({\n      value,\n      setValue,\n      now: effectiveNow,\n      timeZone,\n      locale,\n      presets,\n      resolved,\n      error,\n      clockReady: clock !== null,\n      close: () => {\n        setOpen(false);\n      },\n      labelId,\n    }),\n    [\n      value,\n      setValue,\n      effectiveNow,\n      clock,\n      timeZone,\n      locale,\n      presets,\n      resolved,\n      error,\n      setOpen,\n      labelId,\n    ],\n  );\n\n  return (\n    <TimeRangeContext.Provider value={context}>\n      <Popover open={open} onOpenChange={setOpen}>\n        {children}\n      </Popover>\n    </TimeRangeContext.Provider>\n  );\n}\n\nfunction ClockIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-4 opacity-70\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport interface TimeRangeTriggerProps extends ComponentPropsWithRef<\"button\"> {\n  /** Shows the resolved window under the label. Off by default; it is long. */\n  showResolved?: boolean;\n}\n\n/**\n * The button, named by the range it holds: \"Last 6 hours\", not two timestamps.\n * The resolved window stays reachable as the title, and as `showResolved`.\n */\nexport function TimeRangeTrigger({\n  className,\n  showResolved = false,\n  ...props\n}: TimeRangeTriggerProps) {\n  const { value, now, timeZone, locale, presets, resolved, error } =\n    useTimeRange(\"TimeRangeTrigger\");\n\n  const label = describeTimeRange(value, { now, timeZone, locale, presets });\n  const resolvedText = resolved ? formatResolvedRange(resolved, { locale, timeZone }) : null;\n\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        data-slot=\"time-range-trigger\"\n        variant=\"outline\"\n        aria-invalid={error ? true : undefined}\n        title={resolvedText ?? undefined}\n        className={cn(\"justify-start gap-2 font-normal\", className)}\n        {...props}\n      >\n        <ClockIcon />\n        <span className=\"flex flex-col items-start leading-tight\">\n          <span>{label}</span>\n          {showResolved && resolvedText ? (\n            <span className=\"text-2xs font-normal text-muted-foreground\">{resolvedText}</span>\n          ) : null}\n        </span>\n        {/* The window the label stands for, for anyone who cannot see the\n            title attribute. Read after the label, not instead of it. */}\n        {resolvedText && !showResolved ? (\n          <span className=\"sr-only\">{`, ${resolvedText}`}</span>\n        ) : null}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nexport interface TimeRangeContentProps extends ComponentPropsWithRef<typeof PopoverContent> {\n  /** Names the dialog. */\n  label?: string;\n}\n\nexport function TimeRangeContent({\n  className,\n  label = \"Choose a time range\",\n  children,\n  ...props\n}: TimeRangeContentProps) {\n  const { labelId } = useTimeRange(\"TimeRangeContent\");\n\n  return (\n    <PopoverContent\n      data-slot=\"time-range-content\"\n      aria-labelledby={labelId}\n      align=\"start\"\n      className={cn(\"w-auto max-w-[min(38rem,calc(100vw-2rem))] p-0\", className)}\n      {...props}\n    >\n      <h2 id={labelId} className=\"sr-only\">\n        {label}\n      </h2>\n      <div className=\"flex flex-col gap-0 sm:flex-row sm:items-stretch\">{children}</div>\n    </PopoverContent>\n  );\n}\n\n/**\n * The named ranges, which is how most of these are actually used. Buttons\n * rather than a radiogroup: choosing one both selects and dismisses, which is a\n * command, and `aria-pressed` still carries which one matches.\n */\nexport function TimeRangePresets({\n  className,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"children\">) {\n  const { presets, value, setValue, close } = useTimeRange(\"TimeRangePresets\");\n\n  const groups = useMemo(() => {\n    const collected = new Map<string, TimeRangePreset[]>();\n    for (const preset of presets) {\n      const existing = collected.get(preset.group);\n      if (existing) existing.push(preset);\n      else collected.set(preset.group, [preset]);\n    }\n    return [...collected];\n  }, [presets]);\n\n  return (\n    <div\n      data-slot=\"time-range-presets\"\n      className={cn(\n        \"max-h-80 min-w-52 overflow-y-auto border-border p-1.5 sm:border-r\",\n        className,\n      )}\n      {...props}\n    >\n      {groups.map(([group, items]) => (\n        <div key={group} role=\"group\" aria-label={group} className=\"pb-1 last:pb-0\">\n          <p className=\"px-2 py-1 text-2xs font-medium tracking-wide text-muted-foreground uppercase\">\n            {group}\n          </p>\n          {items.map((preset) => (\n            <button\n              key={preset.expression}\n              type=\"button\"\n              aria-pressed={preset.expression === value}\n              onClick={() => {\n                setValue(preset.expression);\n                close();\n              }}\n              className={cn(\n                \"flex w-full items-center rounded-md px-2 py-1.5 text-left text-sm transition-colors\",\n                preset.expression === value\n                  ? \"bg-accent font-medium text-accent-foreground\"\n                  : \"hover:bg-accent hover:text-accent-foreground\",\n                focusRing,\n              )}\n            >\n              {preset.label}\n            </button>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Raw expression entry, with the resolved window shown as you type — the escape\n * hatch that keeps the presets from being a ceiling.\n *\n * An expression that does not parse says why and is not applied: a chart\n * quietly re-scoping itself to a window nobody asked for is worse than one that\n * refuses.\n */\nexport function TimeRangeExpression({\n  className,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"children\">) {\n  const { value, setValue, now, timeZone, locale, clockReady, close } =\n    useTimeRange(\"TimeRangeExpression\");\n\n  const [draft, setDraft] = useState(value);\n  // The expression can change under the input — a preset click, or the\n  // consumer setting it. Adjusting during render rather than in an effect keeps\n  // the field from showing a stale value for a frame.\n  const [lastValue, setLastValue] = useState(value);\n  if (value !== lastValue) {\n    setLastValue(value);\n    setDraft(value);\n  }\n\n  const feedbackId = useId();\n  const preview = useMemo(() => {\n    // Before the clock is known there is nothing to preview and nothing to\n    // reject — saying \"invalid\" here would be a verdict reached without a fact.\n    if (!clockReady) return { text: null, error: null as string | null };\n    try {\n      return {\n        text: formatResolvedRange(resolveTimeRange(draft, { now, timeZone }), {\n          locale,\n          timeZone,\n        }),\n        error: null as string | null,\n      };\n    } catch (thrown) {\n      return {\n        text: null,\n        error: thrown instanceof TimeExpressionError ? thrown.message : \"Invalid time range.\",\n      };\n    }\n  }, [draft, now, timeZone, locale, clockReady]);\n\n  const apply = () => {\n    if (preview.error || !clockReady) return;\n    setValue(draft.trim());\n    close();\n  };\n\n  return (\n    <div\n      data-slot=\"time-range-expression\"\n      className={cn(\n        \"flex flex-col gap-1.5 border-t border-border p-3 sm:border-t-0\",\n        className,\n      )}\n      {...props}\n    >\n      <label htmlFor={feedbackId + \"-input\"} className=\"text-xs font-medium\">\n        Expression\n      </label>\n      <div className=\"flex gap-2\">\n        <Input\n          id={feedbackId + \"-input\"}\n          inputSize=\"sm\"\n          value={draft}\n          spellCheck={false}\n          autoComplete=\"off\"\n          aria-invalid={preview.error ? true : undefined}\n          aria-describedby={feedbackId}\n          onChange={(event) => {\n            setDraft(event.target.value);\n          }}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              event.preventDefault();\n              apply();\n            }\n          }}\n          className=\"font-mono\"\n        />\n        <Button size=\"sm\" onClick={apply} disabled={Boolean(preview.error) || !clockReady}>\n          Apply\n        </Button>\n      </div>\n      {/* One element for both outcomes, so a screen reader hears the error\n          replace the preview rather than accumulating two descriptions. */}\n      <p\n        id={feedbackId}\n        className={cn(\n          \"min-h-4 text-2xs\",\n          preview.error ? \"text-destructive\" : \"text-muted-foreground\",\n        )}\n      >\n        {preview.error ?? preview.text}\n      </p>\n    </div>\n  );\n}\n\n/**\n * The absolute path, for a window with no relative meaning. Picking dates\n * writes a concrete expression: \"1 to 7 March\" does not become relative just\n * because it was chosen here.\n */\nexport function TimeRangeCalendar({\n  className,\n  numberOfMonths = 1,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"children\"> & { numberOfMonths?: number }) {\n  const { setValue, resolved, close } = useTimeRange(\"TimeRangeCalendar\");\n\n  const [selection, setSelection] = useState<DateRange | undefined>(() =>\n    resolved ? { from: resolved.from, to: resolved.to } : undefined,\n  );\n\n  return (\n    <div\n      data-slot=\"time-range-calendar\"\n      className={cn(\"border-t border-border p-1 sm:border-t-0 sm:border-l\", className)}\n      {...props}\n    >\n      <Calendar\n        mode=\"range\"\n        selected={selection}\n        defaultMonth={selection?.from}\n        numberOfMonths={numberOfMonths}\n        onSelect={(next) => {\n          setSelection(next);\n          // Only once both ends exist. One click is half an answer, and\n          // applying it would show a zero-length range mid-gesture.\n          if (next?.from && next.to) {\n            setValue(absoluteExpression(startOfDay(next.from), endOfDay(next.to)));\n            close();\n          }\n        }}\n      />\n    </div>\n  );\n}\n\nfunction startOfDay(date: Date): Date {\n  const start = new Date(date);\n  start.setHours(0, 0, 0, 0);\n  return start;\n}\n\n/**\n * A day picked as the end of a range means the whole of that day. Taking\n * midnight instead silently drops the last day's data, which is the same\n * off-by-one that `now/d..now/d` has to avoid.\n */\nfunction endOfDay(date: Date): Date {\n  const end = new Date(date);\n  end.setHours(23, 59, 59, 999);\n  return end;\n}\n"],"mappings":"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"}
+{"version":3,"file":"time-range-picker.js","names":[],"sources":["../../../src/components/time-range-picker/time-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n  type ComponentPropsWithRef,\n  type ReactNode,\n} from \"react\";\nimport type { DateRange } from \"react-day-picker\";\n\nimport { Button } from \"@/components/button\";\nimport { Calendar } from \"@/components/calendar\";\nimport { Input } from \"@/components/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\";\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  DEFAULT_PRESETS,\n  TimeExpressionError,\n  absoluteExpression,\n  describeTimeRange,\n  formatResolvedRange,\n  resolveTimeRange,\n  type ResolvedRange,\n  type TimeRangePreset,\n} from \"./time-expression\";\n\n/**\n * The control every observability product builds for itself.\n *\n * Grafana, Datadog, Sentry, PostHog, Vercel, Honeycomb, Cloudflare and\n * Amplitude each maintain a bespoke one, and no React package ships it, because\n * it looks like a date picker and is not one — see `time-expression.ts` for the\n * value model that makes the difference.\n *\n * Composed rather than reimplemented: Popover supplies the dialog semantics,\n * Calendar the absolute path, Input the expression entry.\n *\n * Two omissions are deliberate. No timezone picker — that is a 400-entry\n * combobox and a decision an app makes once, so `timeZone` is a prop. And no\n * comparison range; a second window belongs to whatever renders the chart.\n */\n\ninterface TimeRangeContextValue {\n  value: string;\n  setValue: (expression: string) => void;\n  now: Date;\n  timeZone?: string;\n  locale?: string;\n  presets: TimeRangePreset[];\n  resolved: ResolvedRange | null;\n  error: string | null;\n  /** False until the clock is known, which on a server render is never. */\n  clockReady: boolean;\n  close: () => void;\n  labelId: string;\n}\n\n/** Stands in until the clock is known. Never shown; see `clockReady`. */\nconst EPOCH = new Date(0);\n\n/**\n * The clock, for callers who did not supply one.\n *\n * `useSyncExternalStore` rather than an effect, because this is the case it\n * exists for: a value the server cannot know. The server snapshot is null, so a\n * server render and the hydration render both commit to nothing clock-dependent\n * and cannot disagree; the real instant arrives in the re-render after.\n *\n * `getSnapshot` has to be referentially stable, so the instant is created once\n * for the page. That means every picker without a `now` prop shares it and none\n * of them advance — which is the whole reason the prop is there.\n */\nconst subscribeToNothing = () => () => undefined;\nlet sharedClock: Date | null = null;\nconst readSharedClock = () => (sharedClock ??= new Date());\nconst readNoClock = () => null;\n\nconst TimeRangeContext = createContext<TimeRangeContextValue | null>(null);\n\nfunction useTimeRange(component: string): TimeRangeContextValue {\n  const context = useContext(TimeRangeContext);\n  if (!context) {\n    throw new Error(`${component} must be used inside <TimeRange>.`);\n  }\n  return context;\n}\n\nexport interface TimeRangeProps {\n  /** The expression, e.g. `now-6h..now`. Controlled. */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (expression: string) => void;\n  /**\n   * The instant relative expressions are measured from. Supplied by the\n   * consumer so nothing here reads the clock during render. Pass a value that\n   * changes when you refresh; a stable one holds the window still between them.\n   */\n  now?: Date;\n  /** IANA zone the snapping happens in. Defaults to the runtime zone. */\n  timeZone?: string;\n  locale?: string;\n  presets?: TimeRangePreset[];\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: ReactNode;\n}\n\nexport function TimeRange({\n  value: valueProp,\n  defaultValue = \"now-6h..now\",\n  onValueChange,\n  now,\n  timeZone,\n  locale,\n  presets = DEFAULT_PRESETS,\n  open: openProp,\n  onOpenChange,\n  children,\n}: TimeRangeProps) {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const value = valueProp ?? uncontrolledValue;\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const open = openProp ?? uncontrolledOpen;\n\n  const labelId = useId();\n\n  // Reading the clock during render is what the `now` prop exists to avoid: the\n  // server would render one instant and hydration another, and React would\n  // throw out the tree. Until the fallback arrives, nothing clock-dependent is\n  // rendered — the relative label, \"Last 6 hours\", does not need one, which is\n  // why the trigger still says something useful in the meantime.\n  const fallbackClock = useSyncExternalStore(subscribeToNothing, readSharedClock, readNoClock);\n\n  const clock = now ?? fallbackClock;\n  // A placeholder only for expressions that never mention `now`; anything that\n  // does is gated on `clock` below rather than resolved against a fake instant.\n  const effectiveNow = clock ?? EPOCH;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (openProp === undefined) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [openProp, onOpenChange],\n  );\n\n  const setValue = useCallback(\n    (expression: string) => {\n      if (valueProp === undefined) setUncontrolledValue(expression);\n      onValueChange?.(expression);\n    },\n    [valueProp, onValueChange],\n  );\n\n  const { resolved, error } = useMemo(() => {\n    // Claiming neither a window nor an error before the clock is known: an\n    // expression cannot be judged against an instant nobody has read yet.\n    if (!clock) return { resolved: null, error: null };\n    try {\n      return { resolved: resolveTimeRange(value, { now: clock, timeZone }), error: null };\n    } catch (thrown) {\n      return {\n        resolved: null,\n        error: thrown instanceof TimeExpressionError ? thrown.message : \"Invalid time range.\",\n      };\n    }\n  }, [value, clock, timeZone]);\n\n  const context = useMemo<TimeRangeContextValue>(\n    () => ({\n      value,\n      setValue,\n      now: effectiveNow,\n      timeZone,\n      locale,\n      presets,\n      resolved,\n      error,\n      clockReady: clock !== null,\n      close: () => {\n        setOpen(false);\n      },\n      labelId,\n    }),\n    [\n      value,\n      setValue,\n      effectiveNow,\n      clock,\n      timeZone,\n      locale,\n      presets,\n      resolved,\n      error,\n      setOpen,\n      labelId,\n    ],\n  );\n\n  return (\n    <TimeRangeContext.Provider value={context}>\n      <Popover open={open} onOpenChange={setOpen}>\n        {children}\n      </Popover>\n    </TimeRangeContext.Provider>\n  );\n}\n\nfunction ClockIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-4 opacity-70\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport interface TimeRangeTriggerProps extends ComponentPropsWithRef<\"button\"> {\n  /** Shows the resolved window under the label. Off by default; it is long. */\n  showResolved?: boolean;\n}\n\n/**\n * The button, named by the range it holds: \"Last 6 hours\", not two timestamps.\n * The resolved window stays reachable as the title, and as `showResolved`.\n */\nexport function TimeRangeTrigger({\n  className,\n  showResolved = false,\n  ...props\n}: TimeRangeTriggerProps) {\n  const { value, now, timeZone, locale, presets, resolved, error } =\n    useTimeRange(\"TimeRangeTrigger\");\n\n  const label = describeTimeRange(value, { now, timeZone, locale, presets });\n  const resolvedText = resolved ? formatResolvedRange(resolved, { locale, timeZone }) : null;\n\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        data-slot=\"time-range-trigger\"\n        variant=\"outline\"\n        aria-invalid={error ? true : undefined}\n        title={resolvedText ?? undefined}\n        className={cn(\"justify-start gap-2 font-normal\", className)}\n        {...props}\n      >\n        <ClockIcon />\n        <span className=\"flex flex-col items-start leading-tight\">\n          <span>{label}</span>\n          {showResolved && resolvedText ? (\n            <span className=\"text-2xs font-normal text-muted-foreground\">{resolvedText}</span>\n          ) : null}\n        </span>\n        {/* The window the label stands for, for anyone who cannot see the\n            title attribute. Read after the label, not instead of it. */}\n        {resolvedText && !showResolved ? (\n          <span className=\"sr-only\">{`, ${resolvedText}`}</span>\n        ) : null}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nexport interface TimeRangeContentProps extends ComponentPropsWithRef<typeof PopoverContent> {\n  /** Names the dialog. */\n  label?: string;\n}\n\nexport function TimeRangeContent({\n  className,\n  label = \"Choose a time range\",\n  children,\n  ...props\n}: TimeRangeContentProps) {\n  const { labelId } = useTimeRange(\"TimeRangeContent\");\n\n  return (\n    <PopoverContent\n      data-slot=\"time-range-content\"\n      aria-labelledby={labelId}\n      align=\"start\"\n      className={cn(\"w-auto max-w-[min(38rem,calc(100vw-2rem))] p-0\", className)}\n      {...props}\n    >\n      <h2 id={labelId} className=\"sr-only\">\n        {label}\n      </h2>\n      <div className=\"flex flex-col gap-0 sm:flex-row sm:items-stretch\">{children}</div>\n    </PopoverContent>\n  );\n}\n\n/**\n * The named ranges, which is how most of these are actually used. Buttons\n * rather than a radiogroup: choosing one both selects and dismisses, which is a\n * command, and `aria-pressed` still carries which one matches.\n */\nexport function TimeRangePresets({\n  className,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"children\">) {\n  const { presets, value, setValue, close } = useTimeRange(\"TimeRangePresets\");\n\n  const groups = useMemo(() => {\n    const collected = new Map<string, TimeRangePreset[]>();\n    for (const preset of presets) {\n      const existing = collected.get(preset.group);\n      if (existing) existing.push(preset);\n      else collected.set(preset.group, [preset]);\n    }\n    return [...collected];\n  }, [presets]);\n\n  return (\n    <div\n      data-slot=\"time-range-presets\"\n      className={cn(\n        \"max-h-80 min-w-52 overflow-y-auto border-border p-1.5 sm:border-e\",\n        className,\n      )}\n      {...props}\n    >\n      {groups.map(([group, items]) => (\n        <div key={group} role=\"group\" aria-label={group} className=\"pb-1 last:pb-0\">\n          <p className=\"px-2 py-1 text-2xs font-medium tracking-wide text-muted-foreground uppercase\">\n            {group}\n          </p>\n          {items.map((preset) => (\n            <button\n              key={preset.expression}\n              type=\"button\"\n              aria-pressed={preset.expression === value}\n              onClick={() => {\n                setValue(preset.expression);\n                close();\n              }}\n              className={cn(\n                \"flex w-full items-center rounded-md px-2 py-1.5 text-start text-sm transition-colors\",\n                preset.expression === value\n                  ? \"bg-accent font-medium text-accent-foreground\"\n                  : \"hover:bg-accent hover:text-accent-foreground\",\n                focusRing,\n              )}\n            >\n              {preset.label}\n            </button>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Raw expression entry, with the resolved window shown as you type — the escape\n * hatch that keeps the presets from being a ceiling.\n *\n * An expression that does not parse says why and is not applied: a chart\n * quietly re-scoping itself to a window nobody asked for is worse than one that\n * refuses.\n */\nexport function TimeRangeExpression({\n  className,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"children\">) {\n  const { value, setValue, now, timeZone, locale, clockReady, close } =\n    useTimeRange(\"TimeRangeExpression\");\n\n  const [draft, setDraft] = useState(value);\n  // The expression can change under the input — a preset click, or the\n  // consumer setting it. Adjusting during render rather than in an effect keeps\n  // the field from showing a stale value for a frame.\n  const [lastValue, setLastValue] = useState(value);\n  if (value !== lastValue) {\n    setLastValue(value);\n    setDraft(value);\n  }\n\n  const feedbackId = useId();\n  const preview = useMemo(() => {\n    // Before the clock is known there is nothing to preview and nothing to\n    // reject — saying \"invalid\" here would be a verdict reached without a fact.\n    if (!clockReady) return { text: null, error: null as string | null };\n    try {\n      return {\n        text: formatResolvedRange(resolveTimeRange(draft, { now, timeZone }), {\n          locale,\n          timeZone,\n        }),\n        error: null as string | null,\n      };\n    } catch (thrown) {\n      return {\n        text: null,\n        error: thrown instanceof TimeExpressionError ? thrown.message : \"Invalid time range.\",\n      };\n    }\n  }, [draft, now, timeZone, locale, clockReady]);\n\n  const apply = () => {\n    if (preview.error || !clockReady) return;\n    setValue(draft.trim());\n    close();\n  };\n\n  return (\n    <div\n      data-slot=\"time-range-expression\"\n      className={cn(\n        \"flex flex-col gap-1.5 border-t border-border p-3 sm:border-t-0\",\n        className,\n      )}\n      {...props}\n    >\n      <label htmlFor={feedbackId + \"-input\"} className=\"text-xs font-medium\">\n        Expression\n      </label>\n      <div className=\"flex gap-2\">\n        <Input\n          id={feedbackId + \"-input\"}\n          inputSize=\"sm\"\n          value={draft}\n          spellCheck={false}\n          autoComplete=\"off\"\n          aria-invalid={preview.error ? true : undefined}\n          aria-describedby={feedbackId}\n          onChange={(event) => {\n            setDraft(event.target.value);\n          }}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              event.preventDefault();\n              apply();\n            }\n          }}\n          className=\"font-mono\"\n        />\n        <Button size=\"sm\" onClick={apply} disabled={Boolean(preview.error) || !clockReady}>\n          Apply\n        </Button>\n      </div>\n      {/* One element for both outcomes, so a screen reader hears the error\n          replace the preview rather than accumulating two descriptions. */}\n      <p\n        id={feedbackId}\n        className={cn(\n          \"min-h-4 text-2xs\",\n          preview.error ? \"text-destructive\" : \"text-muted-foreground\",\n        )}\n      >\n        {preview.error ?? preview.text}\n      </p>\n    </div>\n  );\n}\n\n/**\n * The absolute path, for a window with no relative meaning. Picking dates\n * writes a concrete expression: \"1 to 7 March\" does not become relative just\n * because it was chosen here.\n */\nexport function TimeRangeCalendar({\n  className,\n  numberOfMonths = 1,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"children\"> & { numberOfMonths?: number }) {\n  const { setValue, resolved, close } = useTimeRange(\"TimeRangeCalendar\");\n\n  const [selection, setSelection] = useState<DateRange | undefined>(() =>\n    resolved ? { from: resolved.from, to: resolved.to } : undefined,\n  );\n\n  return (\n    <div\n      data-slot=\"time-range-calendar\"\n      className={cn(\"border-t border-border p-1 sm:border-s sm:border-t-0\", className)}\n      {...props}\n    >\n      <Calendar\n        mode=\"range\"\n        selected={selection}\n        defaultMonth={selection?.from}\n        numberOfMonths={numberOfMonths}\n        onSelect={(next) => {\n          setSelection(next);\n          // Only once both ends exist. One click is half an answer, and\n          // applying it would show a zero-length range mid-gesture.\n          if (next?.from && next.to) {\n            setValue(absoluteExpression(startOfDay(next.from), endOfDay(next.to)));\n            close();\n          }\n        }}\n      />\n    </div>\n  );\n}\n\nfunction startOfDay(date: Date): Date {\n  const start = new Date(date);\n  start.setHours(0, 0, 0, 0);\n  return start;\n}\n\n/**\n * A day picked as the end of a range means the whole of that day. Taking\n * midnight instead silently drops the last day's data, which is the same\n * off-by-one that `now/d..now/d` has to avoid.\n */\nfunction endOfDay(date: Date): Date {\n  const end = new Date(date);\n  end.setHours(23, 59, 59, 999);\n  return end;\n}\n"],"mappings":"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"}

package/dist/components/toast/toast.d.ts

@@ -12,7 +12,7 @@ import { ComponentPropsWithRef } from "react";
  * toast list from anywhere on the page.
  */
 declare const toastVariants: (props?: ({
-  variant?: "success" | "warning" | "destructive" | "default" | "info" | null | undefined;
+  variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const ToastProvider: import("react").FC<Toast.ToastProviderProps>;
 interface ToastProps extends ComponentPropsWithRef<typeof Toast.Root>, VariantProps<typeof toastVariants> {}

package/dist/components/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../src/components/toast/toast.tsx"],"mappings":";;;;;;;;;;;;;cA2BM,gBAAa;;6CAyBlB;cAEY,+BAAa,GAAA,MAAA;UAET,mBAEb,6BAA6B,MAAe,OAC5C,oBAAoB;iBAER,UAAQ,WAAW,YAAY,SAAS,6BAAU,IAAA;iBAUlD,aACd,cACG,SACF,6BAA6B,MAAe,yBAAM,IAAA;iBAUrC,mBACd,cACG,SACF,6BAA6B,MAAe,+BAAY,IAAA;iBAU3C,cACd,cACG,SACF,6BAA6B,MAAe,0BAAO,IAAA;iBAetC,aACd,cACG,SACF,6BAA6B,MAAe,yBAAM,IAAA;KAyBzC;UAYK;EACf,WAAW;;EAEX;EACA;;EAEA;;;;;iBAMc,UACd,UACA,UACA,WACA,SACC,+BAAY,IAAA"}
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../src/components/toast/toast.tsx"],"mappings":";;;;;;;;;;;;;cA2BM,gBAAa;;6CAyBlB;cAEY,+BAAa,GAAA,MAAA;UAET,mBAEb,6BAA6B,MAAe,OAC5C,oBAAoB;iBAER,UAAQ,WAAW,YAAY,SAAS,6BAAU,IAAA;iBAUlD,aACd,cACG,SACF,6BAA6B,MAAe,yBAAM,IAAA;iBAUrC,mBACd,cACG,SACF,6BAA6B,MAAe,+BAAY,IAAA;iBAU3C,cACd,cACG,SACF,6BAA6B,MAAe,0BAAO,IAAA;iBAetC,aACd,cACG,SACF,6BAA6B,MAAe,yBAAM,IAAA;KAyBzC;UAoBK;EACf,WAAW;;EAEX;EACA;;EAEA;;;;;iBAMc,UACd,UACA,UACA,WACA,SACC,+BAAY,IAAA"}

package/dist/components/toast/toast.js

@@ -15,7 +15,7 @@ import { cva } from "class-variance-authority";
 * hover, focus and window blur, swipe-to-dismiss, and F8 to jump focus into the
 * toast list from anywhere on the page.
 */
-const toastVariants = cva(cn("group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden", "rounded-lg border p-4 pr-10 shadow-lg", "[--slide-x:calc(100%+1rem)]", "data-[state=closed]:animate-float-out data-[state=open]:animate-slide-in", "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none", "data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform", "data-[swipe=end]:animate-toast-swipe-out"), {
+const toastVariants = cva(cn("group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden", "rounded-lg border p-4 pe-10 shadow-lg", "[--slide-x:calc(100%+1rem)]", "data-[state=closed]:animate-float-out data-[state=open]:animate-slide-in", "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none", "data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform", "data-[swipe=end]:animate-toast-swipe-out"), {
 	variants: { variant: {
 		default: "border-border bg-popover text-popover-foreground",
 		success: "border-success/30 bg-popover text-popover-foreground [&_svg]:text-success",
@@ -58,7 +58,7 @@ function ToastClose({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Toast.Close, {
 		"data-slot": "toast-close",
 		"aria-label": "Dismiss",
-		className: cn("absolute top-3 right-3 grid size-6 place-items-center rounded-md text-muted-foreground", "transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground", focusRing, className),
+		className: cn("absolute end-3 top-3 grid size-6 place-items-center rounded-md text-muted-foreground", "transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground", focusRing, className),
 		...props,
 		children: /* @__PURE__ */ jsx("svg", {
 			viewBox: "0 0 24 24",

package/dist/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["ToastPrimitive","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Toast as ToastPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  DEFAULT_TOAST_DURATION,\n  toast,\n  useToasts,\n  type ToastRecord,\n  type ToastVariant,\n} from \"./toast-store\";\n\n/**\n * Brief, non-blocking messages about something that just happened.\n *\n * Render one `<Toaster />` near the root of the app; raise messages from\n * anywhere with `toast()`. The primitive underneath supplies the parts that are\n * easy to get wrong: a screen-reader announcement region, timers that pause on\n * hover, focus and window blur, swipe-to-dismiss, and F8 to jump focus into the\n * toast list from anywhere on the page.\n */\n\nconst toastVariants = cva(\n  cn(\n    \"group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden\",\n    \"rounded-lg border p-4 pr-10 shadow-lg\",\n    \"[--slide-x:calc(100%+1rem)]\",\n    \"data-[state=closed]:animate-float-out data-[state=open]:animate-slide-in\",\n    \"data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none\",\n    \"data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform\",\n    \"data-[swipe=end]:animate-toast-swipe-out\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"border-border bg-popover text-popover-foreground\",\n        success: \"border-success/30 bg-popover text-popover-foreground [&_svg]:text-success\",\n        warning: \"border-warning/35 bg-popover text-popover-foreground [&_svg]:text-warning\",\n        destructive:\n          \"border-destructive/30 bg-popover text-popover-foreground [&_svg]:text-destructive\",\n        info: \"border-info/30 bg-popover text-popover-foreground [&_svg]:text-info\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport const ToastProvider = ToastPrimitive.Provider;\n\nexport interface ToastProps\n  extends\n    ComponentPropsWithRef<typeof ToastPrimitive.Root>,\n    VariantProps<typeof toastVariants> {}\n\nexport function Toast({ className, variant, ...props }: ToastProps) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function ToastTitle({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Title>) {\n  return (\n    <ToastPrimitive.Title\n      data-slot=\"toast-title\"\n      className={cn(\"text-sm leading-snug font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function ToastDescription({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Description>) {\n  return (\n    <ToastPrimitive.Description\n      data-slot=\"toast-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function ToastAction({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Action>) {\n  return (\n    <ToastPrimitive.Action\n      data-slot=\"toast-action\"\n      className={cn(\n        \"inline-flex h-8 shrink-0 items-center rounded-md border border-input bg-transparent px-3 text-xs font-medium\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-accent-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function ToastClose({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Close>) {\n  return (\n    <ToastPrimitive.Close\n      data-slot=\"toast-close\"\n      aria-label=\"Dismiss\"\n      className={cn(\n        \"absolute top-3 right-3 grid size-6 place-items-center rounded-md text-muted-foreground\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n        <path\n          d=\"m6 6 12 12M18 6 6 18\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </ToastPrimitive.Close>\n  );\n}\n\nexport type ToastPosition =\n  \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\";\n\nconst viewportPositions: Record<ToastPosition, string> = {\n  \"top-left\": \"top-0 left-0 sm:flex-col-reverse\",\n  \"top-center\": \"top-0 left-1/2 -translate-x-1/2 sm:flex-col-reverse\",\n  \"top-right\": \"top-0 right-0 sm:flex-col-reverse\",\n  \"bottom-left\": \"bottom-0 left-0\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-0 right-0\",\n};\n\nexport interface ToasterProps {\n  position?: ToastPosition;\n  /** Default auto-dismiss in ms. Individual toasts may override it. */\n  duration?: number;\n  className?: string;\n  /** Names the toast region for assistive technology. */\n  label?: string;\n}\n\n/**\n * Renders the toast queue. Mount once, near the root of the application.\n */\nexport function Toaster({\n  position = \"bottom-right\",\n  duration = DEFAULT_TOAST_DURATION,\n  className,\n  label = \"Notifications\",\n}: ToasterProps) {\n  const toasts = useToasts();\n  // Swiping should follow the edge the toasts are docked against.\n  const swipeDirection = position.endsWith(\"left\") ? \"left\" : \"right\";\n\n  return (\n    <ToastPrimitive.Provider swipeDirection={swipeDirection} duration={duration} label={label}>\n      {toasts.map((record) => (\n        <ToastItem key={record.id} record={record} />\n      ))}\n      <ToastPrimitive.Viewport\n        data-slot=\"toast-viewport\"\n        className={cn(\n          \"pointer-events-none fixed z-[var(--z-toast)] flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm\",\n          viewportPositions[position],\n          className,\n        )}\n      />\n    </ToastPrimitive.Provider>\n  );\n}\n\n/** Variants that report a problem should interrupt rather than wait for a pause. */\nconst FOREGROUND_VARIANTS = new Set<ToastVariant>([\"destructive\", \"warning\"]);\n\n/**\n * Largest delay setTimeout accepts (2^31 - 1 ms, about 24 days).\n *\n * Anything above this silently overflows to a 32-bit integer and fires almost\n * immediately, so mapping `Infinity` to MAX_SAFE_INTEGER would dismiss a\n * persistent toast after roughly one millisecond — the exact opposite of what\n * was asked for.\n */\nconst MAX_TIMEOUT_MS = 2_147_483_647;\n\nfunction ToastItem({ record }: { record: ToastRecord }) {\n  const { id, title, description, variant, action, duration } = record;\n\n  const type = FOREGROUND_VARIANTS.has(variant) ? \"foreground\" : \"background\";\n\n  return (\n    <Toast\n      variant={variant}\n      type={type}\n      // Mirrored onto the element because the primitive expresses `type` only\n      // through the transient live region it renders elsewhere. Having it here\n      // gives styling and tests something stable to read.\n      data-type={type}\n      duration={duration === Infinity ? MAX_TIMEOUT_MS : duration}\n      onOpenChange={(open) => {\n        // Covers every route out: the timer, the close button and a swipe.\n        if (!open) toast.dismiss(id);\n      }}\n    >\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        {title === undefined ? null : <ToastTitle>{title}</ToastTitle>}\n        {description === undefined ? null : <ToastDescription>{description}</ToastDescription>}\n      </div>\n      {action ? (\n        <ToastAction altText={action.altText ?? action.label} onClick={action.onClick}>\n          {action.label}\n        </ToastAction>\n      ) : null}\n      <ToastClose />\n    </Toast>\n  );\n}\n\nexport { toastVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,MAAM,gBAAgB,IACpB,GACE,oFACA,yCACA,+BACA,4EACA,qGACA,8EACA,0CACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,aACE;EACF,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,MAAa,gBAAgBA,MAAe;AAO5C,SAAgBC,QAAM,EAAE,WAAW,SAAS,GAAG,SAAqB;CAClE,OACE,oBAACD,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,WAAW,EACzB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,MAAe,OAAhB;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,iBAAiB,EAC/B,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,MAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAC1B,WACA,GAAG,SACmD;CACtD,OACE,oBAACA,MAAe,QAAhB;EACE,aAAU;EACV,WAAW,GACT,gHACA,kGACA,WACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,WAAW,EACzB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,MAAe,OAAhB;EACE,aAAU;EACV,cAAW;EACX,WAAW,GACT,0FACA,2FACA,WACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,SAAQ;GAAY,MAAK;GAAO,eAAY;GAAO,WAAU;GAChE,UAAA,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;GACf,CAAA;EACE,CAAA;CACe,CAAA;AAE1B;AAKA,MAAM,oBAAmD;CACvD,YAAY;CACZ,cAAc;CACd,aAAa;CACb,eAAe;CACf,iBAAiB;CACjB,gBAAgB;AAClB;;;;AAcA,SAAgB,QAAQ,EACtB,WAAW,gBACX,WAAW,wBACX,WACA,QAAQ,mBACO;CACf,MAAM,SAAS,UAAU;CAEzB,MAAM,iBAAiB,SAAS,SAAS,MAAM,IAAI,SAAS;CAE5D,OACE,qBAACA,MAAe,UAAhB;EAAyC;EAA0B;EAAiB;EAApF,UAAA,CACG,OAAO,KAAK,WACX,oBAAC,WAAD,EAAmC,OAAS,GAA5B,OAAO,EAAqB,CAC7C,GACD,oBAACA,MAAe,UAAhB;GACE,aAAU;GACV,WAAW,GACT,wGACA,kBAAkB,WAClB,SACF;EACD,CAAA,CACsB;;AAE7B;;AAGA,MAAM,sCAAsB,IAAI,IAAkB,CAAC,eAAe,SAAS,CAAC;;;;;;;;;AAU5E,MAAM,iBAAiB;AAEvB,SAAS,UAAU,EAAE,UAAmC;CACtD,MAAM,EAAE,IAAI,OAAO,aAAa,SAAS,QAAQ,aAAa;CAE9D,MAAM,OAAO,oBAAoB,IAAI,OAAO,IAAI,eAAe;CAE/D,OACE,qBAACC,SAAD;EACW;EACH;EAIN,aAAW;EACX,UAAU,aAAa,WAAW,iBAAiB;EACnD,eAAe,SAAS;GAEtB,IAAI,CAAC,MAAM,MAAM,QAAQ,EAAE;EAC7B;EAXF,UAAA;GAaE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,UAAU,KAAA,IAAY,OAAO,oBAAC,YAAD,EAAA,UAAa,MAAkB,CAAA,GAC5D,gBAAgB,KAAA,IAAY,OAAO,oBAAC,kBAAD,EAAA,UAAmB,YAA8B,CAAA,CAClF;;GACJ,SACC,oBAAC,aAAD;IAAa,SAAS,OAAO,WAAW,OAAO;IAAO,SAAS,OAAO;IACnE,UAAA,OAAO;GACG,CAAA,IACX;GACJ,oBAAC,YAAD,CAAa,CAAA;EACR;;AAEX"}
+{"version":3,"file":"toast.js","names":["ToastPrimitive","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Toast as ToastPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  DEFAULT_TOAST_DURATION,\n  toast,\n  useToasts,\n  type ToastRecord,\n  type ToastVariant,\n} from \"./toast-store\";\n\n/**\n * Brief, non-blocking messages about something that just happened.\n *\n * Render one `<Toaster />` near the root of the app; raise messages from\n * anywhere with `toast()`. The primitive underneath supplies the parts that are\n * easy to get wrong: a screen-reader announcement region, timers that pause on\n * hover, focus and window blur, swipe-to-dismiss, and F8 to jump focus into the\n * toast list from anywhere on the page.\n */\n\nconst toastVariants = cva(\n  cn(\n    \"group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden\",\n    \"rounded-lg border p-4 pe-10 shadow-lg\",\n    \"[--slide-x:calc(100%+1rem)]\",\n    \"data-[state=closed]:animate-float-out data-[state=open]:animate-slide-in\",\n    \"data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none\",\n    \"data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform\",\n    \"data-[swipe=end]:animate-toast-swipe-out\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"border-border bg-popover text-popover-foreground\",\n        success: \"border-success/30 bg-popover text-popover-foreground [&_svg]:text-success\",\n        warning: \"border-warning/35 bg-popover text-popover-foreground [&_svg]:text-warning\",\n        destructive:\n          \"border-destructive/30 bg-popover text-popover-foreground [&_svg]:text-destructive\",\n        info: \"border-info/30 bg-popover text-popover-foreground [&_svg]:text-info\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport const ToastProvider = ToastPrimitive.Provider;\n\nexport interface ToastProps\n  extends\n    ComponentPropsWithRef<typeof ToastPrimitive.Root>,\n    VariantProps<typeof toastVariants> {}\n\nexport function Toast({ className, variant, ...props }: ToastProps) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function ToastTitle({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Title>) {\n  return (\n    <ToastPrimitive.Title\n      data-slot=\"toast-title\"\n      className={cn(\"text-sm leading-snug font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function ToastDescription({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Description>) {\n  return (\n    <ToastPrimitive.Description\n      data-slot=\"toast-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function ToastAction({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Action>) {\n  return (\n    <ToastPrimitive.Action\n      data-slot=\"toast-action\"\n      className={cn(\n        \"inline-flex h-8 shrink-0 items-center rounded-md border border-input bg-transparent px-3 text-xs font-medium\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-accent-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function ToastClose({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof ToastPrimitive.Close>) {\n  return (\n    <ToastPrimitive.Close\n      data-slot=\"toast-close\"\n      aria-label=\"Dismiss\"\n      className={cn(\n        \"absolute end-3 top-3 grid size-6 place-items-center rounded-md text-muted-foreground\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n        <path\n          d=\"m6 6 12 12M18 6 6 18\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </ToastPrimitive.Close>\n  );\n}\n\nexport type ToastPosition =\n  \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\";\n\n/*\n  rtl-ok: the positions are *named* left and right, so they stay physical. A\n  toast asked for at `bottom-right` that appears bottom-left in Arabic is the\n  same lie as a Sheet asked for on the left that opens on the right — and it is\n  worse here, because the slide-in comes from the right edge and the toast would\n  fly across the screen to reach the other one. The logical version of this is a\n  `bottom-end` position, which is a rename rather than a restyle.\n*/\nconst viewportPositions: Record<ToastPosition, string> = {\n  \"top-left\": \"top-0 left-0 sm:flex-col-reverse\", // rtl-ok: named position\n  \"top-center\": \"top-0 left-1/2 -translate-x-1/2 sm:flex-col-reverse\",\n  \"top-right\": \"top-0 right-0 sm:flex-col-reverse\", // rtl-ok: named position\n  \"bottom-left\": \"bottom-0 left-0\", // rtl-ok: named position\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-0 right-0\", // rtl-ok: named position\n};\n\nexport interface ToasterProps {\n  position?: ToastPosition;\n  /** Default auto-dismiss in ms. Individual toasts may override it. */\n  duration?: number;\n  className?: string;\n  /** Names the toast region for assistive technology. */\n  label?: string;\n}\n\n/**\n * Renders the toast queue. Mount once, near the root of the application.\n */\nexport function Toaster({\n  position = \"bottom-right\",\n  duration = DEFAULT_TOAST_DURATION,\n  className,\n  label = \"Notifications\",\n}: ToasterProps) {\n  const toasts = useToasts();\n  // Swiping should follow the edge the toasts are docked against.\n  const swipeDirection = position.endsWith(\"left\") ? \"left\" : \"right\";\n\n  return (\n    <ToastPrimitive.Provider swipeDirection={swipeDirection} duration={duration} label={label}>\n      {toasts.map((record) => (\n        <ToastItem key={record.id} record={record} />\n      ))}\n      <ToastPrimitive.Viewport\n        data-slot=\"toast-viewport\"\n        className={cn(\n          \"pointer-events-none fixed z-[var(--z-toast)] flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm\",\n          viewportPositions[position],\n          className,\n        )}\n      />\n    </ToastPrimitive.Provider>\n  );\n}\n\n/** Variants that report a problem should interrupt rather than wait for a pause. */\nconst FOREGROUND_VARIANTS = new Set<ToastVariant>([\"destructive\", \"warning\"]);\n\n/**\n * Largest delay setTimeout accepts (2^31 - 1 ms, about 24 days).\n *\n * Anything above this silently overflows to a 32-bit integer and fires almost\n * immediately, so mapping `Infinity` to MAX_SAFE_INTEGER would dismiss a\n * persistent toast after roughly one millisecond — the exact opposite of what\n * was asked for.\n */\nconst MAX_TIMEOUT_MS = 2_147_483_647;\n\nfunction ToastItem({ record }: { record: ToastRecord }) {\n  const { id, title, description, variant, action, duration } = record;\n\n  const type = FOREGROUND_VARIANTS.has(variant) ? \"foreground\" : \"background\";\n\n  return (\n    <Toast\n      variant={variant}\n      type={type}\n      // Mirrored onto the element because the primitive expresses `type` only\n      // through the transient live region it renders elsewhere. Having it here\n      // gives styling and tests something stable to read.\n      data-type={type}\n      duration={duration === Infinity ? MAX_TIMEOUT_MS : duration}\n      onOpenChange={(open) => {\n        // Covers every route out: the timer, the close button and a swipe.\n        if (!open) toast.dismiss(id);\n      }}\n    >\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        {title === undefined ? null : <ToastTitle>{title}</ToastTitle>}\n        {description === undefined ? null : <ToastDescription>{description}</ToastDescription>}\n      </div>\n      {action ? (\n        <ToastAction altText={action.altText ?? action.label} onClick={action.onClick}>\n          {action.label}\n        </ToastAction>\n      ) : null}\n      <ToastClose />\n    </Toast>\n  );\n}\n\nexport { toastVariants };\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -47,6 +47,8 @@ import { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImagePr
 import "./components/avatar/index.js";
 import { Badge, BadgeProps, badgeVariants } from "./components/badge/badge.js";
 import "./components/badge/index.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb/breadcrumb.js";
+import "./components/breadcrumb/index.js";
 import { Button, ButtonProps, buttonVariants } from "./components/button/button.js";
 import "./components/button/index.js";
 import { Calendar, CalendarProps } from "./components/calendar/calendar.js";
@@ -57,6 +59,8 @@ import { Checkbox, CheckboxProps } from "./components/checkbox/checkbox.js";
 import "./components/checkbox/index.js";
 import { CodeBlock, CodeBlockProps, CopyButton, CopyButtonProps } from "./components/code-block/code-block.js";
 import "./components/code-block/index.js";
+import { Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger } from "./components/collapsible/collapsible.js";
+import "./components/collapsible/index.js";
 import { Combobox, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxProps, ComboboxTrigger, ComboboxTriggerProps, defaultComboboxFilter } from "./components/combobox/combobox.js";
 import "./components/combobox/index.js";
 import { Dialog, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger } from "./components/dialog/dialog.js";
@@ -75,6 +79,8 @@ import "./components/date-picker/index.js";
 import { BuildDiffOptions, DiffHunk, DiffRow, RowKind, WordSegment, buildDiff, countChanges, groupIntoHunks, toSplitRows } from "./components/diff-viewer/diff-model.js";
 import { DiffViewer, DiffViewerProps, DiffViewerToolbar, HunkDecision } from "./components/diff-viewer/diff-viewer.js";
 import "./components/diff-viewer/index.js";
+import { DirectionProvider, DirectionProviderProps } from "./components/direction/direction.js";
+import "./components/direction/index.js";
 import { DnsHostForms, DnsRecord, DnsRecordProps, DnsRecordStatus, dnsHostForms } from "./components/dns-record/dns-record.js";
 import "./components/dns-record/index.js";
 import { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerProps, DrawerTitle, DrawerTrigger } from "./components/drawer/drawer.js";
@@ -123,6 +129,8 @@ import "./components/sheet/index.js";
 import { Platform, RESERVED_KEYS, Shortcut, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual } from "./components/shortcut-recorder/shortcut-model.js";
 import { ShortcutRecorder, ShortcutRecorderProps, TakenShortcut } from "./components/shortcut-recorder/shortcut-recorder.js";
 import "./components/shortcut-recorder/index.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuLabel, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, SidebarTriggerProps } from "./components/sidebar/sidebar.js";
+import "./components/sidebar/index.js";
 import { Skeleton } from "./components/skeleton/skeleton.js";
 import "./components/skeleton/index.js";
 import { Slider, SliderProps } from "./components/slider/slider.js";
@@ -139,6 +147,8 @@ import { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsTrigg
 import "./components/tabs/index.js";
 import { TagValidator, TagsInput, TagsInputProps } from "./components/tags-input/tags-input.js";
 import "./components/tags-input/index.js";
+import { Textarea, TextareaProps, textareaVariants } from "./components/textarea/textarea.js";
+import "./components/textarea/index.js";
 import { DEFAULT_PRESETS, ResolveOptions, ResolvedRange, TimeExpressionError, TimeRangePreset, TimeUnit, absoluteExpression, describeTimeRange, formatResolvedRange, isValidTimeRange, resolveExpression, resolveTimeRange } from "./components/time-range-picker/time-expression.js";
 import { TimeRange, TimeRangeCalendar, TimeRangeContent, TimeRangeContentProps, TimeRangeExpression, TimeRangePresets, TimeRangeProps, TimeRangeTrigger, TimeRangeTriggerProps } from "./components/time-range-picker/time-range-picker.js";
 import "./components/time-range-picker/index.js";
@@ -148,6 +158,6 @@ import "./components/toast/index.js";
 import { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipTrigger } from "./components/tooltip/tooltip.js";
 import "./components/tooltip/index.js";
 import { cn } from "./lib/utils.js";
-import { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles } from "./lib/styles.js";
+import { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles, mirrorForDirection } from "./lib/styles.js";
 import { COMPONENT_CATEGORIES, COMPONENT_STATUSES, ComponentCategory, ComponentMeta, ComponentStatus, defineMeta } from "./registry/schema.js";
-export { AIDisclosure, type AIDisclosureProps, AIDisclosureProvenance, type AIDisclosureProvenanceProps, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, ActionLedger, ActionLedgerEntry, type ActionLedgerEntryProps, ActionLedgerList, ActionLedgerPayload, type ActionLedgerProps, ActionLedgerSelectionSummary, ActionLedgerToolbar, type ActionStatus, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, type ActivityIndicatorProps, ActivityItem, type ActivityItemProps, ActivityTime, type ActivityTimeProps, ActivityTitle, AgentPlan, type AgentPlanProps, AgentPlanStep, type AgentPlanStepProps, AgentPlanSteps, AgentPlanSummary, type AgentState, AgentStatus, type AgentStatusProps, Alert, AlertDescription, type AlertLive, type AlertProps, AlertTitle, type ApprovalDecision, type ApprovalField, ApprovalRequest, type ApprovalRequestProps, type ApprovalScope, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type BuildDiffOptions, Button, type ButtonProps, COMPONENT_CATEGORIES, COMPONENT_STATUSES, CRON_SHORTCUTS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, type CellState, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, ComponentCategory, ComponentMeta, ComponentStatus, ConfirmTyped, type ConfirmTypedProps, Conversation, ConversationMessages, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationStatus, type ConversationStatusProps, CopyButton, type CopyButtonProps, Cron, CronBuilder, type CronBuilderProps, CronExpression, CronExpressionError, type CronExpressionProps, type CronField, CronNextRuns, type CronNextRunsProps, type CronProps, type CronSchedule, DEFAULT_PRESETS, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DescribeOptions, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, type DiffHunk, type DiffRow, DiffViewer, type DiffViewerProps, DiffViewerToolbar, type DisclosureKind, type DnsHostForms, DnsRecord, type DnsRecordProps, type DnsRecordStatus, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, EmptyStateTitle, type ExtractionField, ExtractionReview, type ExtractionReviewProps, type FieldChange, type FieldDecision, type FieldState, FileUpload, FileUploadItem, type FileUploadItemProps, FileUploadList, type FileUploadListProps, type FileUploadProps, FileUploadStatus, type FilterState, Form, FormControl, type FormControlProps, FormDescription, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, type Grants, type GroupState, type HideableTable, type HunkDecision, InlineCitation, type InlineCitationProps, InlineCompletion, type InlineCompletionProps, Input, type InputProps, LOG_LEVELS, Label, type LabelProps, type LedgerAction, type LogLevel, type LogLine, LogViewer, type LogViewerProps, LogViewerRow, type LogViewerRowProps, LogViewerToolbar, type LogViewerToolbarProps, type MatchRange, Message, MessageActions, MessageAvatar, type MessageAvatarProps, MessageBody, type MessageBodyProps, MessageFooter, type MessageProps, type MessageRole, Meter, MeterLegend, type MeterProps, type MeterSegment, type MeterTone, MeterValue, MetricDelta, type MetricDeltaProps, type MetricPolarity, type ModelOption, ModelSelector, type ModelSelectorProps, type NextRunsOptions, type OutputField, type PaginatedTable, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Permission, type PermissionGroup, PermissionMatrix, type PermissionMatrixProps, type PlanStep, type Platform, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, PromptInput, PromptInputCounter, type PromptInputCounterProps, type PromptInputProps, PromptInputSubmit, type PromptInputSubmitProps, PromptInputTextarea, type PromptInputTextareaProps, PromptInputToolbar, type ProvenanceClaim, type QueuedFile, RESERVED_KEYS, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Reasoning, ReasoningContent, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, RecordDiff, type RecordDiffProps, RecordDiffSummary, RecordDiffTable, type RecordDiffTableProps, type RecordField, type ResolveOptions, type ResolvedRange, Response, ResponseCaret, type ResponseProps, type Reversibility, type ReviewSummary, type Role, type RowKind, SecretField, type SecretFieldProps, type SecretFieldState, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, SessionExpiry, type SessionExpiryProps, type SessionPhase, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type Shortcut, ShortcutRecorder, type ShortcutRecorderProps, Skeleton, Slider, type SliderProps, type SortableColumn, Source, type SourceProps, type SourceRun, type SourceSpan, Sources, SourcesContent, type SourcesProps, SourcesTrigger, type SourcesTriggerProps, Spinner, type SpinnerProps, type StepStatus, StructuredConfidence, StructuredField, StructuredFieldError, type StructuredFieldProps, StructuredOutput, type StructuredOutputProps, SuggestedValue, type SuggestedValueProps, type Suggestion, type SuggestionStatus, Switch, type SwitchProps, type SyncInput, type SyncState, SyncStatus, type SyncStatusProps, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TagValidator, TagsInput, type TagsInputProps, type TakenShortcut, ThinkingIndicator, type ThinkingIndicatorProps, TimeExpressionError, TimeRange, TimeRangeCalendar, TimeRangeContent, type TimeRangeContentProps, TimeRangeExpression, type TimeRangePreset, TimeRangePresets, type TimeRangeProps, TimeRangeTrigger, type TimeRangeTriggerProps, type TimeUnit, Toast, ToastAction, type ToastAction$1 as ToastActionOptions, ToastClose, ToastDescription, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, ToastProvider, type ToastRecord, ToastTitle, type ToastVariant, Toaster, type ToasterProps, TokenCount, type TokenCountProps, TokenUsage, type TokenUsageProps, Tool, ToolContent, ToolHeader, type ToolHeaderProps, ToolPayload, type ToolPayloadProps, type ToolProps, ToolSection, type ToolSectionProps, type ToolStatus, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, type UploadContext, type UploadFn, type UploadQueueOptions, type UploadStatus, type UseLogStreamOptions, type VisibleLine, type WordSegment, absoluteExpression, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buildDiff, buttonVariants, cellState, clampSpan, cn, compileQuery, countChanges, countGranted, defaultComboboxFilter, defaultCommandFilter, defineMeta, deltaVariants, describeCountdown, describeCron, describeShortcut, describeSyncState, describeTimeRange, detectPlatform, diffRecords, disabledStyles, disclosureVariants, dnsHostForms, emptyStateVariants, evidenceOf, findMatches, focusRing, focusRingInset, formatBytes, formatCountdown, formatResolvedRange, formatShortcut, groupIntoHunks, groupPermissions, groupState, iconSlot, inheritedFrom, inputVariants, invalidStyles, isSourced, isValidCron, isValidTimeRange, ledgerEntryVariants, maskSecret, matchesAccept, messageBodyVariants, messageVariants, needsModifier, nextRuns, parseCron, parseShortcut, progressVariants, resolveExpression, resolveTimeRange, secondsLeft, segment, segmentSource, selectTriggerVariants, serializeShortcut, sessionPhase, sheetVariants, shortcutFromKey, shortcutParts, shortcutsEqual, spinnerVariants, summarizeReview, syncState, tabsListVariants, tabsTriggerVariants, toSplitRows, toast, toastVariants, toolVariants, useLogStream, useOnlineStatus, useToasts, useUploadQueue, xhrUpload, zonedTimeToInstant };
+export { AIDisclosure, type AIDisclosureProps, AIDisclosureProvenance, type AIDisclosureProvenanceProps, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, ActionLedger, ActionLedgerEntry, type ActionLedgerEntryProps, ActionLedgerList, ActionLedgerPayload, type ActionLedgerProps, ActionLedgerSelectionSummary, ActionLedgerToolbar, type ActionStatus, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, type ActivityIndicatorProps, ActivityItem, type ActivityItemProps, ActivityTime, type ActivityTimeProps, ActivityTitle, AgentPlan, type AgentPlanProps, AgentPlanStep, type AgentPlanStepProps, AgentPlanSteps, AgentPlanSummary, type AgentState, AgentStatus, type AgentStatusProps, Alert, AlertDescription, type AlertLive, type AlertProps, AlertTitle, type ApprovalDecision, type ApprovalField, ApprovalRequest, type ApprovalRequestProps, type ApprovalScope, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildDiffOptions, Button, type ButtonProps, COMPONENT_CATEGORIES, COMPONENT_STATUSES, CRON_SHORTCUTS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, type CellState, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, ComponentCategory, ComponentMeta, ComponentStatus, ConfirmTyped, type ConfirmTypedProps, Conversation, ConversationMessages, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationStatus, type ConversationStatusProps, CopyButton, type CopyButtonProps, Cron, CronBuilder, type CronBuilderProps, CronExpression, CronExpressionError, type CronExpressionProps, type CronField, CronNextRuns, type CronNextRunsProps, type CronProps, type CronSchedule, DEFAULT_PRESETS, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableViewOptions, type DataTableViewOptionsProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DescribeOptions, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, type DiffHunk, type DiffRow, DiffViewer, type DiffViewerProps, DiffViewerToolbar, DirectionProvider, type DirectionProviderProps, type DisclosureKind, type DnsHostForms, DnsRecord, type DnsRecordProps, type DnsRecordStatus, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, EmptyStateTitle, type ExtractionField, ExtractionReview, type ExtractionReviewProps, type FieldChange, type FieldDecision, type FieldState, FileUpload, FileUploadItem, type FileUploadItemProps, FileUploadList, type FileUploadListProps, type FileUploadProps, FileUploadStatus, type FilterState, Form, FormControl, type FormControlProps, FormDescription, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, type Grants, type GroupState, type HideableTable, type HunkDecision, InlineCitation, type InlineCitationProps, InlineCompletion, type InlineCompletionProps, Input, type InputProps, LOG_LEVELS, Label, type LabelProps, type LedgerAction, type LogLevel, type LogLine, LogViewer, type LogViewerProps, LogViewerRow, type LogViewerRowProps, LogViewerToolbar, type LogViewerToolbarProps, type MatchRange, Message, MessageActions, MessageAvatar, type MessageAvatarProps, MessageBody, type MessageBodyProps, MessageFooter, type MessageProps, type MessageRole, Meter, MeterLegend, type MeterProps, type MeterSegment, type MeterTone, MeterValue, MetricDelta, type MetricDeltaProps, type MetricPolarity, type ModelOption, ModelSelector, type ModelSelectorProps, type NextRunsOptions, type OutputField, type PaginatedTable, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Permission, type PermissionGroup, PermissionMatrix, type PermissionMatrixProps, type PlanStep, type Platform, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, PromptInput, PromptInputCounter, type PromptInputCounterProps, type PromptInputProps, PromptInputSubmit, type PromptInputSubmitProps, PromptInputTextarea, type PromptInputTextareaProps, PromptInputToolbar, type ProvenanceClaim, type QueuedFile, RESERVED_KEYS, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Reasoning, ReasoningContent, type ReasoningProps, ReasoningTrigger, type ReasoningTriggerProps, RecordDiff, type RecordDiffProps, RecordDiffSummary, RecordDiffTable, type RecordDiffTableProps, type RecordField, type ResolveOptions, type ResolvedRange, Response, ResponseCaret, type ResponseProps, type Reversibility, type ReviewSummary, type Role, type RowKind, SecretField, type SecretFieldProps, type SecretFieldState, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, SessionExpiry, type SessionExpiryProps, type SessionPhase, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type Shortcut, ShortcutRecorder, type ShortcutRecorderProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuLabel, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, Slider, type SliderProps, type SortableColumn, Source, type SourceProps, type SourceRun, type SourceSpan, Sources, SourcesContent, type SourcesProps, SourcesTrigger, type SourcesTriggerProps, Spinner, type SpinnerProps, type StepStatus, StructuredConfidence, StructuredField, StructuredFieldError, type StructuredFieldProps, StructuredOutput, type StructuredOutputProps, SuggestedValue, type SuggestedValueProps, type Suggestion, type SuggestionStatus, Switch, type SwitchProps, type SyncInput, type SyncState, SyncStatus, type SyncStatusProps, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TagValidator, TagsInput, type TagsInputProps, type TakenShortcut, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, TimeExpressionError, TimeRange, TimeRangeCalendar, TimeRangeContent, type TimeRangeContentProps, TimeRangeExpression, type TimeRangePreset, TimeRangePresets, type TimeRangeProps, TimeRangeTrigger, type TimeRangeTriggerProps, type TimeUnit, Toast, ToastAction, type ToastAction$1 as ToastActionOptions, ToastClose, ToastDescription, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, ToastProvider, type ToastRecord, ToastTitle, type ToastVariant, Toaster, type ToasterProps, TokenCount, type TokenCountProps, TokenUsage, type TokenUsageProps, Tool, ToolContent, ToolHeader, type ToolHeaderProps, ToolPayload, type ToolPayloadProps, type ToolProps, ToolSection, type ToolSectionProps, type ToolStatus, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, type UploadContext, type UploadFn, type UploadQueueOptions, type UploadStatus, type UseLogStreamOptions, type VisibleLine, type WordSegment, absoluteExpression, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buildDiff, buttonVariants, cellState, clampSpan, cn, compileQuery, countChanges, countGranted, defaultComboboxFilter, defaultCommandFilter, defineMeta, deltaVariants, describeCountdown, describeCron, describeShortcut, describeSyncState, describeTimeRange, detectPlatform, diffRecords, disabledStyles, disclosureVariants, dnsHostForms, emptyStateVariants, evidenceOf, findMatches, focusRing, focusRingInset, formatBytes, formatCountdown, formatResolvedRange, formatShortcut, groupIntoHunks, groupPermissions, groupState, iconSlot, inheritedFrom, inputVariants, invalidStyles, isSourced, isValidCron, isValidTimeRange, ledgerEntryVariants, maskSecret, matchesAccept, messageBodyVariants, messageVariants, mirrorForDirection, needsModifier, nextRuns, parseCron, parseShortcut, progressVariants, resolveExpression, resolveTimeRange, secondsLeft, segment, segmentSource, selectTriggerVariants, serializeShortcut, sessionPhase, sheetVariants, shortcutFromKey, shortcutParts, shortcutsEqual, spinnerVariants, summarizeReview, syncState, tabsListVariants, tabsTriggerVariants, textareaVariants, toSplitRows, toast, toastVariants, toolVariants, useLogStream, useOnlineStatus, useToasts, useUploadQueue, xhrUpload, zonedTimeToInstant };