@openwarelabs/ui 0.16.0 → 0.16.1

package/dist/index.js

@@ -13,7 +13,7 @@ function cx(...values) {
 }
 
 // src/components/Text/Text.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsx as jsx2, jsx as jsx3, jsxs, Fragment, jsx as jsx4, jsxs as jsxs2, jsx as jsx5, jsx as jsx6, jsxs as jsxs3, jsx as jsx7, jsxs as jsxs4, jsx as jsx8, jsxs as jsxs5, Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6, jsx as jsx10, jsx as jsx11, jsxs as jsxs7, jsx as jsx12, jsx as jsx13, jsxs as jsxs8, jsx as jsx14, jsxs as jsxs9, jsx as jsx15, jsxs as jsxs10, jsx as jsx16, jsxs as jsxs11, jsx as jsx17, jsxs as jsxs12, jsx as jsx18, jsx as jsx19, jsxs as jsxs13, Fragment as Fragment3, jsx as jsx20, jsxs as jsxs14, jsx as jsx21, jsxs as jsxs15, jsx as jsx22, jsxs as jsxs16, jsx as jsx23, jsxs as jsxs17, jsx as jsx24, jsx as jsx25, jsx as jsx26, Fragment as Fragment4, jsx as jsx27, jsxs as jsxs18, Fragment as Fragment5, jsx as jsx28, jsxs as jsxs19, jsx as jsx29, jsxs as jsxs20, jsx as jsx30, jsxs as jsxs21, Fragment as Fragment6, jsx as jsx31, jsxs as jsxs22, Fragment as Fragment7, jsx as jsx32, jsxs as jsxs23, Fragment as Fragment8, jsx as jsx33, jsxs as jsxs24, Fragment as Fragment9, jsx as jsx34, jsxs as jsxs25, jsx as jsx35, jsxs as jsxs26, jsx as jsx36, jsx as jsx37, jsxs as jsxs27, jsx as jsx38, jsxs as jsxs28, jsx as jsx39, jsxs as jsxs29, jsx as jsx40, jsxs as jsxs30, jsx as jsx41, jsxs as jsxs31, jsx as jsx42, jsxs as jsxs32, jsx as jsx43, jsxs as jsxs33, Fragment as Fragment10, jsx as jsx44, jsxs as jsxs34, jsx as jsx45, jsxs as jsxs35, Fragment as Fragment11, jsx as jsx46, jsxs as jsxs36, jsx as jsx47, Fragment as Fragment12, jsx as jsx48, jsxs as jsxs37, jsx as jsx49, jsxs as jsxs38, jsx as jsx50, jsxs as jsxs39, jsx as jsx51, Fragment as Fragment13, jsx as jsx52, jsxs as jsxs40, jsx as jsx53, jsxs as jsxs41, Fragment as Fragment14, jsx as jsx54, jsxs as jsxs42, jsx as jsx55, jsxs as jsxs43, jsx as jsx56, jsxs as jsxs44, Fragment as Fragment16, jsx as jsx57, jsxs as jsxs45, Fragment as Fragment17, jsx as jsx58, jsxs as jsxs46, Fragment as Fragment18, jsx as jsx59, jsxs as jsxs47, jsx as jsx60, jsxs as jsxs48, jsx as jsx61, jsxs as jsxs49, jsx as jsx62, jsxs as jsxs50, jsx as jsx63, jsxs as jsxs51, Fragment as Fragment19, jsx as jsx64, jsxs as jsxs52, jsx as jsx65, jsxs as jsxs53, jsx as jsx66, jsxs as jsxs54, Fragment as Fragment20, jsx as jsx67, jsxs as jsxs55, jsx as jsx68, jsxs as jsxs56, jsx as jsx69, jsx as jsx70, jsxs as jsxs57, jsx as jsx71, jsxs as jsxs58, jsx as jsx72, jsxs as jsxs59, Fragment as Fragment21, jsx as jsx73, jsxs as jsxs60, jsx as jsx74, jsxs as jsxs61, Fragment as Fragment22, jsx as jsx75, jsxs as jsxs62, jsx as jsx76, jsxs as jsxs63, Fragment as Fragment23, jsx as jsx77, jsxs as jsxs64, jsx as jsx78, jsx as jsx79, jsx as jsx80, jsxs as jsxs65, Fragment as Fragment24, jsx as jsx81, jsxs as jsxs66, jsx as jsx82, jsxs as jsxs67, jsx as jsx83, jsxs as jsxs68, Fragment as Fragment25, jsx as jsx84, jsxs as jsxs69, jsx as jsx85, jsxs as jsxs70, jsx as jsx86, jsxs as jsxs71, jsx as jsx87, jsx as jsx88, jsxs as jsxs72, jsx as jsx89, jsx as jsx90, jsxs as jsxs73, Fragment as Fragment26, jsx as jsx91, jsxs as jsxs74, jsx as jsx92, Fragment as Fragment27, jsx as jsx93, jsxs as jsxs75, jsx as jsx94, jsxs as jsxs76, jsx as jsx95, jsxs as jsxs77, jsx as jsx96, jsx as jsx97, jsx as jsx98, jsxs as jsxs78, jsx as jsx99, Fragment as Fragment30, jsx as jsx100, jsxs as jsxs79, jsx as jsx101, jsx as jsx102, jsxs as jsxs80, jsx as jsx103, jsxs as jsxs81, jsx as jsx104, jsxs as jsxs82, Fragment as Fragment31, jsx as jsx105, jsxs as jsxs83, jsx as jsx106, jsxs as jsxs84, Fragment as Fragment32, jsx as jsx107, jsxs as jsxs85, jsx as jsx108, jsxs as jsxs86, Fragment as Fragment33, jsx as jsx109, jsxs as jsxs87, Fragment as Fragment34, jsx as jsx110, jsxs as jsxs88, jsx as jsx111, jsxs as jsxs89, jsx as jsx112, jsxs as jsxs90, jsx as jsx113, jsxs as jsxs91 } from "react/jsx-runtime"; import { forwardRef, forwardRef as forwardRef2, useCallback, useRef, useState, useRef as useRef2, useLayoutEffect, forwardRef as forwardRef3, useEffect, useRef as useRef3, useState as useState2, useEffect as useEffect2, useMemo, useRef as useRef4, useState as useState3, useContext as useContext2, useRef as useRef7, useState as useState7, createContext, forwardRef as forwardRef4, useCallback as useCallback2, useContext, useEffect as useEffect3, useLayoutEffect as useLayoutEffect2, useMemo as useMemo2, useRef as useRef5, useEffect as useEffect6, useRef as useRef6, useState as useState6, useCallback as useCallback3, useEffect as useEffect4, useLayoutEffect as useLayoutEffect3, useState as useState4, useEffect as useEffect5, useState as useState5, cloneElement, isValidElement, useContext as useContext5, useEffect as useEffect9, useId as useId2, useLayoutEffect as useLayoutEffect4, useRef as useRef10, useState as useState9, createContext as createContext2, forwardRef as forwardRef5, useContext as useContext3, useEffect as useEffect7, useId, useRef as useRef8, createContext as createContext3, forwardRef as forwardRef6, useCallback as useCallback4, useContext as useContext4, useEffect as useEffect8, useMemo as useMemo3, useRef as useRef9, useState as useState8, forwardRef as forwardRef7, forwardRef as forwardRef8, useRef as useRef11, forwardRef as forwardRef9, useCallback as useCallback5, useEffect as useEffect10, useId as useId4, useLayoutEffect as useLayoutEffect5, useRef as useRef12, useState as useState10, useId as useId3, forwardRef as forwardRef10, useState as useState11, useRef as useRef13, forwardRef as forwardRef11, useMemo as useMemo4, useRef as useRef15, useState as useState13, useEffect as useEffect11, useRef as useRef14, useState as useState12, forwardRef as forwardRef12, useMemo as useMemo5, useRef as useRef16, useState as useState14, forwardRef as forwardRef13, useLayoutEffect as useLayoutEffect6, useRef as useRef17, useId as useId5, useLayoutEffect as useLayoutEffect7, useRef as useRef18, useState as useState15, useCallback as useCallback6, useEffect as useEffect12, useId as useId6, useMemo as useMemo6, useRef as useRef19, useState as useState16, forwardRef as forwardRef14, useCallback as useCallback7, useEffect as useEffect13, useId as useId7, useMemo as useMemo7, useRef as useRef20, useState as useState17, forwardRef as forwardRef15, useContext as useContext6, useEffect as useEffect14, useId as useId8, useMemo as useMemo8, useRef as useRef21, useState as useState18, forwardRef as forwardRef16, useEffect as useEffect15, useId as useId9, useMemo as useMemo9, useRef as useRef22, useState as useState19, forwardRef as forwardRef17, useContext as useContext7, useEffect as useEffect16, useId as useId10, useMemo as useMemo10, useRef as useRef23, useState as useState20, forwardRef as forwardRef18, useCallback as useCallback9, useCallback as useCallback8, useEffect as useEffect17, useId as useId11, useLayoutEffect as useLayoutEffect8, useMemo as useMemo11, useRef as useRef24, useState as useState21, createContext as createContext4, useContext as useContext8, useId as useId12, forwardRef as forwardRef19, useId as useId13, forwardRef as forwardRef20, useContext as useContext9, useEffect as useEffect18, useId as useId14, useImperativeHandle, useRef as useRef25, useState as useState22, useId as useId15, useRef as useRef26, useState as useState23, useEffect as useEffect19, useId as useId16, useRef as useRef27, useState as useState24, useEffect as useEffect21, useRef as useRef29, useState as useState26, useId as useId17, useCallback as useCallback10, useEffect as useEffect20, useId as useId18, useRef as useRef28, useState as useState25, forwardRef as forwardRef21, useEffect as useEffect22, useImperativeHandle as useImperativeHandle2, useMemo as useMemo12, useRef as useRef30, useState as useState27, forwardRef as forwardRef22, useCallback as useCallback11, useId as useId19, useRef as useRef31, useState as useState28, forwardRef as forwardRef23, useEffect as useEffect23, useId as useId20, useImperativeHandle as useImperativeHandle3, useRef as useRef32, useState as useState29, forwardRef as forwardRef24, useCallback as useCallback12, useEffect as useEffect24, useId as useId21, useRef as useRef33, useState as useState30, useState as useState31, useSyncExternalStore, useEffect as useEffect25, useState as useState32, useEffect as useEffect26, useRef as useRef34, useId as useId22, useState as useState34, useEffect as useEffect27, useRef as useRef35, useState as useState33, useId as useId23, cloneElement as cloneElement2, isValidElement as isValidElement2, useCallback as useCallback13, useEffect as useEffect28, useId as useId24, useRef as useRef36, Fragment as Fragment15, useEffect as useEffect29, useId as useId26, useMemo as useMemo13, useRef as useRef38, useState as useState35, createContext as createContext5, useContext as useContext10, useId as useId25, useLayoutEffect as useLayoutEffect9, useRef as useRef37, useEffect as useEffect30, useId as useId27, useLayoutEffect as useLayoutEffect10, useMemo as useMemo14, useRef as useRef39, useState as useState36, useCallback as useCallback14, useEffect as useEffect31, useRef as useRef40, cloneElement as cloneElement3, forwardRef as forwardRef25, isValidElement as isValidElement3, useContext as useContext11, useEffect as useEffect33, useId as useId28, useRef as useRef41, useState as useState37, useEffect as useEffect32, createContext as createContext6, useCallback as useCallback15, useEffect as useEffect34, useId as useId29, useRef as useRef42, useState as useState38, useEffect as useEffect35, useId as useId30, useMemo as useMemo15, useRef as useRef43, useState as useState39, createContext as createContext7, useContext as useContext12, useEffect as useEffect36, useId as useId31, useRef as useRef44, forwardRef as forwardRef26, useId as useId32, forwardRef as forwardRef27, useContext as useContext14, createContext as createContext8, useContext as useContext13, createContext as createContext9, useCallback as useCallback16, useContext as useContext15, useEffect as useEffect37, useId as useId33, useLayoutEffect as useLayoutEffect11, useMemo as useMemo16, useRef as useRef45, useState as useState40, useCallback as useCallback17, useId as useId34, useMemo as useMemo17, useState as useState42, useEffect as useEffect38, useRef as useRef46, useState as useState41, useMemo as useMemo18, useEffect as useEffect39, useId as useId35, useLayoutEffect as useLayoutEffect12, useRef as useRef47, useState as useState43, useState as useState45, useLayoutEffect as useLayoutEffect13, useRef as useRef48, useState as useState44, useState as useState46, useId as useId36, useLayoutEffect as useLayoutEffect14, useMemo as useMemo19, useRef as useRef49, useState as useState47, useMemo as useMemo20, useRef as useRef50, useState as useState48, useEffect as useEffect40, useMemo as useMemo21, useRef as useRef51, useState as useState49, forwardRef as forwardRef28, useMemo as useMemo22, useState as useState50, Children, cloneElement as cloneElement4, isValidElement as isValidElement4, forwardRef as forwardRef29, useCallback as useCallback18, useEffect as useEffect41, useLayoutEffect as useLayoutEffect15, useRef as useRef52, useState as useState51, forwardRef as forwardRef30, useEffect as useEffect42, useImperativeHandle as useImperativeHandle4, useRef as useRef53, useState as useState52, Children as Children2, createContext as createContext10, isValidElement as isValidElement5, useCallback as useCallback19, useContext as useContext16, useEffect as useEffect43, useLayoutEffect as useLayoutEffect16, useRef as useRef54, useState as useState53, forwardRef as forwardRef31, useCallback as useCallback21, useEffect as useEffect44, useImperativeHandle as useImperativeHandle5, useLayoutEffect as useLayoutEffect18, useRef as useRef56, useState as useState55, useCallback as useCallback20, useLayoutEffect as useLayoutEffect17, useMemo as useMemo23, useReducer, useRef as useRef55, useState as useState54, Children as Children3, createContext as createContext11, Fragment as Fragment28, isValidElement as isValidElement6, useCallback as useCallback22, useContext as useContext17, useEffect as useEffect45, useId as useId37, useLayoutEffect as useLayoutEffect19, useRef as useRef57, useRef as useRef58, forwardRef as forwardRef32, useEffect as useEffect46, useRef as useRef59, createElement, Fragment as Fragment29, memo, useMemo as useMemo24, useRef as useRef60, forwardRef as forwardRef33, useEffect as useEffect47, useId as useId38, useLayoutEffect as useLayoutEffect20, useRef as useRef61, useState as useState56, forwardRef as forwardRef34, Children as Children4, createContext as createContext12, forwardRef as forwardRef35, useCallback as useCallback23, useEffect as useEffect48, useImperativeHandle as useImperativeHandle6, useLayoutEffect as useLayoutEffect21, useMemo as useMemo25, useRef as useRef62, useState as useState57, forwardRef as forwardRef36, useContext as useContext18, useEffect as useEffect49, useId as useId39, useLayoutEffect as useLayoutEffect22, useRef as useRef63, useState as useState58, forwardRef as forwardRef37, useEffect as useEffect50, useId as useId40, useRef as useRef64, useState as useState59, forwardRef as forwardRef38, useId as useId41, forwardRef as forwardRef39, useCallback as useCallback24, useEffect as useEffect51, useId as useId42, useRef as useRef65, useState as useState60, forwardRef as forwardRef40, useCallback as useCallback25, useEffect as useEffect52, useId as useId43, useRef as useRef66, useState as useState61, forwardRef as forwardRef41, useRef as useRef68, useState as useState63, useCallback as useCallback26, useReducer as useReducer2, useRef as useRef67, useState as useState62, forwardRef as forwardRef42, useId as useId44, useRef as useRef69, forwardRef as forwardRef43, useRef as useRef70 } from "react"; import { Toaster as SonnerToaster, toast } from "sonner"; import { flushSync } from "react-dom"; import { HexAlphaColorPicker, HexColorInput, HexColorPicker } from "react-colorful";
 var elements = {
   hero: "h1",
   "page-title": "h1",
@@ -56,7 +56,7 @@ function Text({ variant = "body", as, tone, align, truncate = false, className,
 }
 
 // src/components/Button/Button.tsx
-import { forwardRef } from "react";
+
 
 // src/utils/text.ts
 function getInitials(name) {
@@ -70,7 +70,7 @@ function toAriaShortcut(shortcut) {
 }
 
 // src/components/Spinner/Spinner.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+
 function Spinner({ size: size2 = "md", tone = "primary", label = "Loading", className }) {
   return /* @__PURE__ */ jsx2(
     "span",
@@ -82,7 +82,7 @@ function Spinner({ size: size2 = "md", tone = "primary", label = "Loading", clas
 }
 
 // src/components/Button/Button.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+
 function buttonClassName({
   variant = "secondary",
   size: size2 = "md",
@@ -141,10 +141,10 @@ var Button = /* @__PURE__ */ forwardRef(function Button2({
 });
 
 // src/components/Button/ButtonGroup.tsx
-import { forwardRef as forwardRef2 } from "react";
+
 
 // src/hooks/useControllableState.ts
-import { useCallback, useRef, useState } from "react";
+
 function useControllableState(value, defaultValue2, onChange) {
   const [internal, setInternal] = useState(defaultValue2);
   const isControlled = value !== void 0;
@@ -166,7 +166,7 @@ function useControllableState(value, defaultValue2, onChange) {
 }
 
 // src/icons.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+
 function icon(paths2) {
   return function Icon({ size: size2 = 16, strokeWidth = 2, ...props }) {
     return /* @__PURE__ */ jsx4(
@@ -387,7 +387,7 @@ var PauseIcon = /* @__PURE__ */ icon(
 var PlayIcon = /* @__PURE__ */ icon(/* @__PURE__ */ jsx4("polygon", { points: "6 3 20 12 6 21 6 3" }));
 
 // src/components/Button/ButtonGroup.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+
 function ButtonGroup({ attached = true, orientation = "horizontal", className, ...props }) {
   return /* @__PURE__ */ jsx5(
     "div",
@@ -435,10 +435,10 @@ var ToggleButton = /* @__PURE__ */ forwardRef2(function ToggleButton2({ pressed:
 });
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-import { useRef as useRef2 } from "react";
+
 
 // src/hooks/useIndicator.ts
-import { useLayoutEffect } from "react";
+
 function useIndicator(containerRef, selector, key) {
   useLayoutEffect(() => {
     const container = containerRef.current;
@@ -476,7 +476,7 @@ function useIndicator(containerRef, selector, key) {
 }
 
 // src/components/SegmentedControl/SegmentedControl.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+
 function SegmentedControl({
   options,
   value,
@@ -547,8 +547,8 @@ function SegmentedControl({
 }
 
 // src/components/ChoiceCard/ChoiceCard.tsx
-import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+
+
 var ChoiceCard = /* @__PURE__ */ forwardRef3(function ChoiceCard2({ className, description, icon: icon2, recommended = false, shortcut, title, type = "button", ...buttonProps }, ref) {
   return /* @__PURE__ */ jsxs4(
     "button",
@@ -573,7 +573,7 @@ var ChoiceCard = /* @__PURE__ */ forwardRef3(function ChoiceCard2({ className, d
 });
 
 // src/components/CodeBlock/CodeBlock.tsx
-import { useEffect, useRef as useRef3, useState as useState2 } from "react";
+
 
 // src/utils/copyText.ts
 async function copyText(text2) {
@@ -600,7 +600,7 @@ async function copyText(text2) {
 }
 
 // src/components/CodeBlock/CodeBlock.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+
 function CopyButton({ value, label = "Copy", copiedLabel = "Copied", iconOnly = false, tone = "default", onCopy, className }) {
   const [copied2, setCopied] = useState2(false);
   const timer = useRef3(0);
@@ -662,7 +662,7 @@ function Snippet({ value, prompt = "$", className }) {
 }
 
 // src/components/DiffViewer/DiffViewer.tsx
-import { useEffect as useEffect2, useMemo, useRef as useRef4, useState as useState3 } from "react";
+
 
 // src/components/DiffViewer/diff.ts
 var SAME = 0;
@@ -908,7 +908,7 @@ function toRows(lines2, context, opened, split3) {
 }
 
 // src/components/DiffViewer/DiffViewer.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+
 var closed = [];
 var lines = (count) => `${count} ${count === 1 ? "line" : "lines"}`;
 var defaultLabels = {
@@ -1104,20 +1104,20 @@ function DiffTable({ file, split: split3, context, wrap, showLineNumbers, copyab
 }
 
 // src/components/ToggleButtonGroup/ToggleButtonGroup.tsx
-import { useContext as useContext2, useRef as useRef7, useState as useState7 } from "react";
+
 
 // src/components/Toolbar/Toolbar.tsx
-import {
-  createContext,
-  forwardRef as forwardRef4,
-  useCallback as useCallback2,
-  useContext,
-  useEffect as useEffect3,
-  useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo2,
-  useRef as useRef5
-} from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
+
 var ToolbarContext = /* @__PURE__ */ createContext(null);
 var candidates = 'button, a[href], input:not([type="hidden"]), select, textarea, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], [tabindex]';
 var textTypes = ["text", "search", "url", "tel", "password", "email"];
@@ -1248,10 +1248,10 @@ function ToolbarSeparator({ className }) {
 }
 
 // src/components/Tooltip/Tooltip.tsx
-import { useEffect as useEffect6, useRef as useRef6, useState as useState6 } from "react";
+
 
 // src/hooks/useFloating.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useLayoutEffect as useLayoutEffect3, useState as useState4 } from "react";
+
 var margin = 8;
 function useFloating({
   open,
@@ -1377,7 +1377,7 @@ function useDismiss(open, refs, onDismiss) {
 var manualPopover = { popover: "manual" };
 
 // src/hooks/usePresence.ts
-import { useEffect as useEffect5, useState as useState5 } from "react";
+
 var exitDuration = 140;
 function usePresence(open, exitMs = exitDuration) {
   const [mounted, setMounted] = useState5(open);
@@ -1392,7 +1392,7 @@ function usePresence(open, exitMs = exitDuration) {
 }
 
 // src/components/Tooltip/Tooltip.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+
 var lastClosedAt = 0;
 var warmWindow = 500;
 function Tooltip({ children, label, placement = "top", delay = 400 }) {
@@ -1446,7 +1446,7 @@ function Tooltip({ children, label, placement = "top", delay = 400 }) {
 }
 
 // src/components/ToggleButtonGroup/ToggleButtonGroup.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+
 var toList = (value) => value === void 0 ? void 0 : Array.isArray(value) ? value : value === "" ? [] : [value];
 var hasLabel = (option) => option.label !== void 0 && option.label !== null && option.label !== false && option.label !== "";
 function ToggleButtonGroup(props) {
@@ -1548,18 +1548,18 @@ function ToggleButtonGroup(props) {
 }
 
 // src/components/Field/Field.tsx
-import { cloneElement, isValidElement, useContext as useContext5, useEffect as useEffect9, useId as useId2, useLayoutEffect as useLayoutEffect4, useRef as useRef10, useState as useState9 } from "react";
+
 
 // src/components/Checkbox/Checkbox.tsx
-import {
-  createContext as createContext2,
-  forwardRef as forwardRef5,
-  useContext as useContext3,
-  useEffect as useEffect7,
-  useId,
-  useRef as useRef8
-} from "react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
 var CheckboxGroupContext = /* @__PURE__ */ createContext2(null);
 function assignRef(ref, value) {
   if (typeof ref === "function") ref(value);
@@ -1693,19 +1693,19 @@ function Fieldset({ legend, description, error, errorId, disabled, children, cla
 }
 
 // src/components/Form/Form.tsx
-import {
-  createContext as createContext3,
-  forwardRef as forwardRef6,
-  useCallback as useCallback4,
-  useContext as useContext4,
-  useEffect as useEffect8,
-  useMemo as useMemo3,
-  useRef as useRef9,
-  useState as useState8
-} from "react";
+
+
+
+
+
+
+
+
+
+
 
 // src/components/Alert/Alert.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+
 var icons = {
   info: /* @__PURE__ */ jsx14(InfoIcon, { size: 16 }),
   success: /* @__PURE__ */ jsx14(CircleCheckIcon, { size: 16 }),
@@ -1744,7 +1744,7 @@ function Alert({
 }
 
 // src/components/Form/Form.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+
 var FormContext = /* @__PURE__ */ createContext3(null);
 var checks = [
   "valueMissing",
@@ -2018,7 +2018,7 @@ function useFormStatus() {
 }
 
 // src/components/Field/Field.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+
 var isLabelable = (element) => element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement || element instanceof HTMLButtonElement || element instanceof HTMLMeterElement || element instanceof HTMLOutputElement || element instanceof HTMLProgressElement;
 var keyOf = (value) => JSON.stringify(value ?? null);
 function Field({ label, children, hint, error, name: nameProp, errorMessages, className }) {
@@ -2069,8 +2069,8 @@ function Field({ label, children, hint, error, name: nameProp, errorMessages, cl
 }
 
 // src/components/Input/Input.tsx
-import { forwardRef as forwardRef7 } from "react";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+
+
 var Input = /* @__PURE__ */ forwardRef7(function Input2({ className, isInvalid = false, size: size2 = "md", startContent, endContent, ...inputProps }, ref) {
   const invalid = isInvalid || void 0;
   if (startContent === void 0 && endContent === void 0) {
@@ -2104,8 +2104,8 @@ var Input = /* @__PURE__ */ forwardRef7(function Input2({ className, isInvalid =
 });
 
 // src/components/SearchField/SearchField.tsx
-import { forwardRef as forwardRef8, useRef as useRef11 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+
+
 function assignRef2(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
@@ -2167,11 +2167,11 @@ var SearchField = /* @__PURE__ */ forwardRef8(function SearchField2({
 });
 
 // src/components/PasswordInput/PasswordInput.tsx
-import { forwardRef as forwardRef9, useCallback as useCallback5, useEffect as useEffect10, useId as useId4, useLayoutEffect as useLayoutEffect5, useRef as useRef12, useState as useState10 } from "react";
+
 
 // src/components/Meter/Meter.tsx
-import { useId as useId3 } from "react";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+
+
 var clamp = (value, low, high) => Math.min(high, Math.max(low, value));
 function toneOf(value, min, max, low = min, high = max, optimum = (min + max) / 2) {
   const lowEdge = clamp(low, min, max);
@@ -2292,7 +2292,7 @@ function passwordStrength(value) {
 }
 
 // src/components/PasswordInput/PasswordInput.tsx
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+
 var toneOf2 = (score2) => score2 >= 3 ? "success" : score2 === 2 ? "warning" : "danger";
 var PasswordInput = /* @__PURE__ */ forwardRef9(function PasswordInput2({
   strength = false,
@@ -2435,8 +2435,8 @@ var PasswordInput = /* @__PURE__ */ forwardRef9(function PasswordInput2({
 });
 
 // src/components/NumberField/NumberField.tsx
-import { forwardRef as forwardRef10, useState as useState11 } from "react";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+
+
 var decimals = (step) => (String(step).split(".")[1] ?? "").length;
 var NumberField = /* @__PURE__ */ forwardRef10(function NumberField2({
   value,
@@ -2573,8 +2573,8 @@ var NumberField = /* @__PURE__ */ forwardRef10(function NumberField2({
 });
 
 // src/components/InputOTP/InputOTP.tsx
-import { useRef as useRef13 } from "react";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+
+
 function InputOTP({
   length = 6,
   value,
@@ -2686,7 +2686,7 @@ function InputOTP({
 }
 
 // src/components/DateField/DateField.tsx
-import { forwardRef as forwardRef11, useMemo as useMemo4, useRef as useRef15, useState as useState13 } from "react";
+
 
 // src/components/Calendar/dates.ts
 var pad = (n) => String(n).padStart(2, "0");
@@ -2754,8 +2754,8 @@ function monthWeeks(first, weekStartsOn) {
 }
 
 // src/components/DateField/SegmentedField.tsx
-import { useEffect as useEffect11, useRef as useRef14, useState as useState12 } from "react";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+
+
 var escapeHTML = (text2) => text2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 function SegmentedField({
   parts,
@@ -3118,7 +3118,7 @@ function localeDigits(locale) {
 }
 
 // src/components/DateField/DateField.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+
 var pad2 = (n, length = 2) => String(n).padStart(length, "0");
 var isLeapYear = (year) => year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
 function daysIn(year, month) {
@@ -3267,8 +3267,8 @@ var DateField = /* @__PURE__ */ forwardRef11(function DateField2({
 });
 
 // src/components/DateField/TimeField.tsx
-import { forwardRef as forwardRef12, useMemo as useMemo5, useRef as useRef16, useState as useState14 } from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+
+
 var pad3 = (n) => String(n).padStart(2, "0");
 function toSeconds(time) {
   const match = time ? /^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(time) : null;
@@ -3459,11 +3459,11 @@ var TimeField = /* @__PURE__ */ forwardRef12(function TimeField2({
 });
 
 // src/components/Textarea/Textarea.tsx
-import {
-  forwardRef as forwardRef13,
-  useLayoutEffect as useLayoutEffect6,
-  useRef as useRef17
-} from "react";
+
+
+
+
+
 
 // src/utils/resizeTextArea.ts
 var surelyOverflowingLength = 2e4;
@@ -3493,7 +3493,7 @@ function resizeTextArea(textArea) {
 }
 
 // src/components/Textarea/Textarea.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+
 var defaultAutoGrowMaxHeight = 180;
 function assignRef3(ref, element) {
   if (typeof ref === "function") ref(element);
@@ -3548,8 +3548,8 @@ var Textarea = /* @__PURE__ */ forwardRef13(function Textarea2({
 });
 
 // src/components/InlineEdit/InlineEdit.tsx
-import { useId as useId5, useLayoutEffect as useLayoutEffect7, useRef as useRef18, useState as useState15 } from "react";
-import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+
+
 var defaultLabels2 = {
   edit: (label) => `Edit ${label.toLowerCase()}`,
   save: "Save",
@@ -3758,8 +3758,8 @@ function InlineEdit({
 }
 
 // src/components/Select/Select.tsx
-import { useCallback as useCallback6, useEffect as useEffect12, useId as useId6, useMemo as useMemo6, useRef as useRef19, useState as useState16 } from "react";
-import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
+
+
 var menuGap = 4;
 var menuMaxHeight = 288;
 var typeaheadResetMs = 600;
@@ -4016,16 +4016,16 @@ function Select({
 }
 
 // src/components/ListBox/ListBox.tsx
-import {
-  forwardRef as forwardRef14,
-  useCallback as useCallback7,
-  useEffect as useEffect13,
-  useId as useId7,
-  useMemo as useMemo7,
-  useRef as useRef20,
-  useState as useState17
-} from "react";
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
 var typeaheadResetMs2 = 600;
 function isGroup2(item) {
   return "options" in item;
@@ -4333,16 +4333,16 @@ var ForwardedListBox = /* @__PURE__ */ Object.assign(/* @__PURE__ */ forwardRef1
 var ListBox = ForwardedListBox;
 
 // src/components/TransferList/TransferList.tsx
-import {
-  forwardRef as forwardRef15,
-  useContext as useContext6,
-  useEffect as useEffect14,
-  useId as useId8,
-  useMemo as useMemo8,
-  useRef as useRef21,
-  useState as useState18
-} from "react";
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
 var none = [];
 var sides = ["source", "target"];
 var other = (side) => side === "source" ? "target" : "source";
@@ -4566,15 +4566,15 @@ var TransferList = /* @__PURE__ */ forwardRef15(function TransferList2({
 });
 
 // src/components/Combobox/Combobox.tsx
-import {
-  forwardRef as forwardRef16,
-  useEffect as useEffect15,
-  useId as useId9,
-  useMemo as useMemo9,
-  useRef as useRef22,
-  useState as useState19
-} from "react";
-import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
 function assignRef4(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
@@ -4803,16 +4803,16 @@ var Combobox = /* @__PURE__ */ forwardRef16(function Combobox2({
 });
 
 // src/components/TagInput/TagInput.tsx
-import {
-  forwardRef as forwardRef17,
-  useContext as useContext7,
-  useEffect as useEffect16,
-  useId as useId10,
-  useMemo as useMemo10,
-  useRef as useRef23,
-  useState as useState20
-} from "react";
-import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
 var none2 = [];
 var escape = (text2) => text2.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 var TagInput = /* @__PURE__ */ forwardRef17(function TagInput2({
@@ -5196,11 +5196,11 @@ var TagInput = /* @__PURE__ */ forwardRef17(function TagInput2({
 });
 
 // src/components/MentionInput/MentionInput.tsx
-import { forwardRef as forwardRef18, useCallback as useCallback9 } from "react";
+
 
 // src/components/MentionInput/useMentions.tsx
-import { useCallback as useCallback8, useEffect as useEffect17, useId as useId11, useLayoutEffect as useLayoutEffect8, useMemo as useMemo11, useRef as useRef24, useState as useState21 } from "react";
-import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+
+
 var copied = [
   "box-sizing",
   "width",
@@ -5504,7 +5504,7 @@ function useMentions({ triggers, value, onMentionsChange, disabled = false, size
 }
 
 // src/components/MentionInput/MentionInput.tsx
-import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+
 var MentionInput = /* @__PURE__ */ forwardRef18(function MentionInput2({ triggers, value, defaultValue: defaultValue2 = "", onChange, onMentionsChange, multiline = false, rows = 3, maxHeight, size: size2 = "md", disabled = false, labels, ...props }, ref) {
   const [text2, setText] = useControllableState(value, defaultValue2, onChange);
   const { ref: attach, list } = useMentions({ triggers, value: text2, onMentionsChange, disabled, size: size2, labels });
@@ -5530,8 +5530,8 @@ var MentionInput = /* @__PURE__ */ forwardRef18(function MentionInput2({ trigger
 });
 
 // src/components/RadioGroup/RadioGroup.tsx
-import { createContext as createContext4, useContext as useContext8, useId as useId12 } from "react";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+
+
 var RadioGroupContext = /* @__PURE__ */ createContext4(null);
 function RadioGroup({
   label,
@@ -5593,8 +5593,8 @@ function Radio({ value, children, description, disabled, className, ...inputProp
 }
 
 // src/components/Switch/Switch.tsx
-import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+
+
 var Switch = /* @__PURE__ */ forwardRef19(function Switch2({ checked, onChange, label, className, disabled, ...buttonProps }, ref) {
   return /* @__PURE__ */ jsx36(
     "button",
@@ -5614,8 +5614,8 @@ var Switch = /* @__PURE__ */ forwardRef19(function Switch2({ checked, onChange,
 });
 
 // src/components/Slider/Slider.tsx
-import { useId as useId13 } from "react";
-import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+
+
 function Slider({
   value,
   defaultValue: defaultValue2,
@@ -5685,16 +5685,16 @@ function Slider({
 }
 
 // src/components/SignaturePad/SignaturePad.tsx
-import {
-  forwardRef as forwardRef20,
-  useContext as useContext9,
-  useEffect as useEffect18,
-  useId as useId14,
-  useImperativeHandle,
-  useRef as useRef25,
-  useState as useState22
-} from "react";
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
 var defaultLabels3 = {
   signHere: "Sign here",
   clear: "Clear",
@@ -6102,8 +6102,8 @@ var SignaturePad = /* @__PURE__ */ forwardRef20(function SignaturePad2({
 });
 
 // src/components/Rating/Rating.tsx
-import { useId as useId15, useRef as useRef26, useState as useState23 } from "react";
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+
+
 var formatValue = (value) => String(Math.round(value * 10) / 10);
 var thousands = new Intl.NumberFormat("en");
 var defaultLabels4 = {
@@ -6256,8 +6256,8 @@ function Rating({
 }
 
 // src/components/FileDropZone/FileDropZone.tsx
-import { useEffect as useEffect19, useId as useId16, useRef as useRef27, useState as useState24 } from "react";
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+
+
 function matches3(file, accept) {
   if (!accept) return true;
   return accept.split(",").some((rule) => {
@@ -6384,11 +6384,11 @@ function FileDropZone({
 }
 
 // src/components/UploadList/UploadList.tsx
-import { useEffect as useEffect21, useRef as useRef29, useState as useState26 } from "react";
+
 
 // src/components/Progress/Progress.tsx
-import { useId as useId17 } from "react";
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+
+
 function ProgressBar({
   value,
   max = 100,
@@ -6483,7 +6483,7 @@ function ProgressCircle({
 }
 
 // src/components/UploadList/useUploadQueue.ts
-import { useCallback as useCallback10, useEffect as useEffect20, useId as useId18, useRef as useRef28, useState as useState25 } from "react";
+
 function useUploadQueue(uploader, { concurrency = 3 } = {}) {
   const [items2, setItems] = useState25([]);
   const prefix = useId18();
@@ -6575,7 +6575,7 @@ function useUploadQueue(uploader, { concurrency = 3 } = {}) {
 }
 
 // src/components/UploadList/UploadList.tsx
-import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+
 var retryIcon = /* @__PURE__ */ jsxs32(
   "svg",
   {
@@ -6749,8 +6749,8 @@ function UploadList({
 }
 
 // src/components/Calendar/Calendar.tsx
-import { forwardRef as forwardRef21, useEffect as useEffect22, useImperativeHandle as useImperativeHandle2, useMemo as useMemo12, useRef as useRef30, useState as useState27 } from "react";
-import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+
+
 var Calendar = /* @__PURE__ */ forwardRef21(function Calendar2({ value, defaultValue: defaultValue2 = "", onChange, min, max, isDateDisabled, locale, weekStartsOn = 1, autoFocus = false, className }, ref) {
   const [selected, setSelected] = useControllableState(value, defaultValue2, onChange);
   const today = todayISO();
@@ -6939,8 +6939,8 @@ function MonthGrid({
 }
 
 // src/components/Calendar/DatePicker.tsx
-import { forwardRef as forwardRef22, useCallback as useCallback11, useId as useId19, useRef as useRef31, useState as useState28 } from "react";
-import { Fragment as Fragment10, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+
+
 function assignRef5(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
@@ -7043,8 +7043,8 @@ var DatePicker = /* @__PURE__ */ forwardRef22(function DatePicker2({
 });
 
 // src/components/Calendar/RangeCalendar.tsx
-import { forwardRef as forwardRef23, useEffect as useEffect23, useId as useId20, useImperativeHandle as useImperativeHandle3, useRef as useRef32, useState as useState29 } from "react";
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+
+
 var RangeCalendar = /* @__PURE__ */ forwardRef23(function RangeCalendar2({ value, defaultValue: defaultValue2 = null, onChange, min, max, isDateDisabled, locale, weekStartsOn = 1, visibleMonths = 1, autoFocus = false, className }, ref) {
   const months = visibleMonths;
   const [range, setRange] = useControllableState(value, defaultValue2, onChange);
@@ -7209,8 +7209,8 @@ function monthsShowing(date, current, months, min, max) {
 }
 
 // src/components/Calendar/DateRangePicker.tsx
-import { forwardRef as forwardRef24, useCallback as useCallback12, useEffect as useEffect24, useId as useId21, useRef as useRef33, useState as useState30 } from "react";
-import { Fragment as Fragment11, jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+
+
 var twoMonthsQuery = "(min-width: 768px)";
 function assignRef6(ref, value) {
   if (typeof ref === "function") ref(value);
@@ -7389,16 +7389,16 @@ var DateRangePicker = /* @__PURE__ */ forwardRef24(function DateRangePicker2({
 });
 
 // src/components/Banner/Banner.tsx
-import { useState as useState31, useSyncExternalStore } from "react";
+
 
 // src/components/Container/Container.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+
 function Container({ size: size2 = "page", as: Element2 = "div", className, ...props }) {
   return /* @__PURE__ */ jsx47(Element2, { className: cx("ow-container", `ow-container--${size2}`, className), ...props });
 }
 
 // src/components/Banner/Banner.tsx
-import { Fragment as Fragment12, jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
+
 var icons2 = {
   brand: /* @__PURE__ */ jsx48(InfoIcon, { size: 16 }),
   neutral: /* @__PURE__ */ jsx48(InfoIcon, { size: 16 }),
@@ -7491,7 +7491,7 @@ function Banner({
 }
 
 // src/components/Badge/Badge.tsx
-import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
+
 function Badge({ children, className, icon: icon2, size: size2 = "md", variant = "neutral", ...spanProps }) {
   return /* @__PURE__ */ jsxs38("span", { className: cx("ow-badge", `ow-badge--${size2}`, `ow-badge--${variant}`, className), ...spanProps, children: [
     icon2 ? /* @__PURE__ */ jsx49("span", { className: "ow-badge__icon", children: icon2 }) : null,
@@ -7500,8 +7500,8 @@ function Badge({ children, className, icon: icon2, size: size2 = "md", variant =
 }
 
 // src/components/Skeleton/Skeleton.tsx
-import { useEffect as useEffect25, useState as useState32 } from "react";
-import { jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
+
+
 function Skeleton({ width = "100%", height = 14, soft = false, shape = "bar", className }) {
   return /* @__PURE__ */ jsx50(
     "span",
@@ -7529,9 +7529,9 @@ function SkeletonRows({ label = "Loading", rows = 4, delayMs = 150 }) {
 }
 
 // src/components/Toast/Toast.tsx
-import { useEffect as useEffect26, useRef as useRef34 } from "react";
-import { Toaster as SonnerToaster, toast } from "sonner";
-import { jsx as jsx51 } from "react/jsx-runtime";
+
+
+
 var icons3 = {
   success: /* @__PURE__ */ jsx51(CircleCheckIcon, { size: 16 }),
   error: /* @__PURE__ */ jsx51(CircleAlertIcon, { size: 16 }),
@@ -7590,10 +7590,10 @@ function Toaster({
 }
 
 // src/components/Dialog/Dialog.tsx
-import { useId as useId22, useState as useState34 } from "react";
+
 
 // src/hooks/useModalDialog.ts
-import { useEffect as useEffect27, useRef as useRef35, useState as useState33 } from "react";
+
 var closeAnimationMs = 160;
 function useModalDialog(open, onCancel) {
   const dialogRef = useRef35(null);
@@ -7649,7 +7649,7 @@ function useModalDialog(open, onCancel) {
 }
 
 // src/components/Dialog/Dialog.tsx
-import { Fragment as Fragment13, jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
+
 function Dialog({
   open,
   onClose,
@@ -7762,8 +7762,8 @@ function ConfirmDialog({
 }
 
 // src/components/Drawer/Drawer.tsx
-import { useId as useId23 } from "react";
-import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
+
+
 function Drawer({
   open,
   onClose,
@@ -7807,15 +7807,15 @@ function Drawer({
 }
 
 // src/components/Popover/Popover.tsx
-import {
-  cloneElement as cloneElement2,
-  isValidElement as isValidElement2,
-  useCallback as useCallback13,
-  useEffect as useEffect28,
-  useId as useId24,
-  useRef as useRef36
-} from "react";
-import { Fragment as Fragment14, jsx as jsx54, jsxs as jsxs42 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
 function Popover({
   trigger,
   children,
@@ -7903,10 +7903,10 @@ function Popover({
 }
 
 // src/components/NotificationCenter/NotificationCenter.tsx
-import { Fragment as Fragment15, useEffect as useEffect29, useId as useId26, useMemo as useMemo13, useRef as useRef38, useState as useState35 } from "react";
+
 
 // src/components/EmptyState/EmptyState.tsx
-import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+
 function EmptyState({ title, description, icon: icon2, actions, bordered = false, className }) {
   return /* @__PURE__ */ jsxs43("div", { className: cx("ow-empty", bordered && "ow-empty--bordered", className), children: [
     /* @__PURE__ */ jsx55("span", { className: "ow-empty__icon", "aria-hidden": "true", children: icon2 ?? /* @__PURE__ */ jsx55(InboxIcon, { size: 20 }) }),
@@ -7919,14 +7919,14 @@ function EmptyState({ title, description, icon: icon2, actions, bordered = false
 }
 
 // src/components/Tabs/Tabs.tsx
-import {
-  createContext as createContext5,
-  useContext as useContext10,
-  useId as useId25,
-  useLayoutEffect as useLayoutEffect9,
-  useRef as useRef37
-} from "react";
-import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
 var TabsContext = /* @__PURE__ */ createContext5(null);
 function useTabs(component) {
   const context = useContext10(TabsContext);
@@ -8012,7 +8012,7 @@ function TabPanel({ value, keepMounted = false, className, children, ...props })
 }
 
 // src/components/NotificationCenter/NotificationCenter.tsx
-import { Fragment as Fragment16, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+
 function Glyph({ children, size: size2 }) {
   return /* @__PURE__ */ jsx57("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children });
 }
@@ -8302,8 +8302,8 @@ function NotificationCenter({
 }
 
 // src/components/Tour/Tour.tsx
-import { useEffect as useEffect30, useId as useId27, useLayoutEffect as useLayoutEffect10, useMemo as useMemo14, useRef as useRef39, useState as useState36 } from "react";
-import { Fragment as Fragment17, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+
+
 function resolveTarget(target) {
   if (!target || typeof document === "undefined") return null;
   if (typeof target === "string") return document.querySelector(target);
@@ -8592,8 +8592,8 @@ function TourCard({ cardRef, id, state, centred, style, className, title, conten
 }
 
 // src/components/HoverCard/HoverCard.tsx
-import { useCallback as useCallback14, useEffect as useEffect31, useRef as useRef40 } from "react";
-import { Fragment as Fragment18, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+
+
 function HoverCard({
   trigger,
   children,
@@ -8692,10 +8692,10 @@ function HoverCard({
 }
 
 // src/components/Menu/Menu.tsx
-import { cloneElement as cloneElement3, forwardRef as forwardRef25, isValidElement as isValidElement3, useContext as useContext11, useEffect as useEffect33, useId as useId28, useRef as useRef41, useState as useState37 } from "react";
+
 
 // src/hooks/useMenuKeyboard.ts
-import { useEffect as useEffect32 } from "react";
+
 var itemSelector = '[role="menuitem"]:not([disabled]):not([aria-disabled="true"]), [role="menuitemradio"]:not([disabled]), [role="menuitemcheckbox"]:not([disabled])';
 function items(menu) {
   return menu ? [...menu.querySelectorAll(itemSelector)] : [];
@@ -8749,11 +8749,11 @@ function useMenuKeyboard({
 }
 
 // src/components/Menu/Menu.context.ts
-import { createContext as createContext6 } from "react";
+
 var MenuContext = /* @__PURE__ */ createContext6(null);
 
 // src/components/Menu/Menu.tsx
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+
 function Menu({ trigger, children, label, align = "start", above = false, width, defaultOpen = false, className }) {
   const [open, setOpen] = useState37(defaultOpen);
   const rootRef = useRef41(null);
@@ -8853,8 +8853,8 @@ function MenuSeparator() {
 }
 
 // src/components/ContextMenu/ContextMenu.tsx
-import { useCallback as useCallback15, useEffect as useEffect34, useId as useId29, useRef as useRef42, useState as useState38 } from "react";
-import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+
+
 var longPressMs = 500;
 var longPressSlop = 10;
 var echoMs = 800;
@@ -9000,7 +9000,7 @@ function ContextMenuPanel({ anchor, open, state, menuRef, restoreRef, id, label,
 }
 
 // src/components/CommandPalette/CommandPalette.tsx
-import { useEffect as useEffect35, useId as useId30, useMemo as useMemo15, useRef as useRef43, useState as useState39 } from "react";
+
 
 // src/components/CommandPalette/filterCommands.ts
 function score(query, text2, loose = true) {
@@ -9037,7 +9037,7 @@ function filterCommands(commands, query) {
 }
 
 // src/components/CommandPalette/CommandPalette.tsx
-import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+
 function CommandPalette({ open, onClose, commands, placeholder = "Search commands\u2026" }) {
   const { dialogRef, mounted } = useModalDialog(open, onClose);
   const [query, setQuery] = useState39("");
@@ -9133,14 +9133,14 @@ function CommandPalette({ open, onClose, commands, placeholder = "Search command
 }
 
 // src/components/Accordion/Accordion.tsx
-import {
-  createContext as createContext7,
-  useContext as useContext12,
-  useEffect as useEffect36,
-  useId as useId31,
-  useRef as useRef44
-} from "react";
-import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
 function DisclosureView({
   open,
   onToggle,
@@ -9268,8 +9268,8 @@ function AccordionItem({ value, ...props }) {
 }
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-import { forwardRef as forwardRef26 } from "react";
-import { Fragment as Fragment19, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
+
+
 function Breadcrumbs({ items: items2, separator = "chevron", label = "Breadcrumb", className }) {
   return /* @__PURE__ */ jsx64("nav", { "aria-label": label, className: cx("ow-breadcrumbs", className), children: /* @__PURE__ */ jsx64("ol", { className: "ow-breadcrumbs__list", children: items2.map((item, index) => {
     const isLast = index === items2.length - 1;
@@ -9303,7 +9303,7 @@ var Link = /* @__PURE__ */ forwardRef26(function Link2({ variant = "default", ex
 });
 
 // src/components/Pagination/Pagination.tsx
-import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
+
 function paginationItems(page, pageCount, siblingCount = 1, boundaryCount = 1) {
   const range = (from, to) => Array.from({ length: Math.max(0, to - from + 1) }, (_, i) => from + i);
   const startPages = range(1, Math.min(boundaryCount, pageCount));
@@ -9376,8 +9376,8 @@ function Pagination({
 }
 
 // src/components/Steps/Steps.tsx
-import { useId as useId32 } from "react";
-import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
+
+
 function Steps({ items: items2, current = 0, orientation = "vertical", title, label = "Steps", className }) {
   const statuses = items2.map((item, index) => item.status ?? (index < current ? "done" : index === current ? "current" : "upcoming"));
   const doneCount = statuses.filter((status) => status === "done").length;
@@ -9427,17 +9427,17 @@ function Steps({ items: items2, current = 0, orientation = "vertical", title, la
 }
 
 // src/components/NavList/NavList.tsx
-import { forwardRef as forwardRef27, useContext as useContext14 } from "react";
+
 
 // src/components/AppShell/AppShell.context.ts
-import { createContext as createContext8, useContext as useContext13 } from "react";
+
 var AppShellContext = /* @__PURE__ */ createContext8(null);
 function useAppShell() {
   return useContext13(AppShellContext);
 }
 
 // src/components/NavList/NavList.tsx
-import { Fragment as Fragment20, jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
+
 function NavList({ label, heading, orientation = "vertical", children, className }) {
   return /* @__PURE__ */ jsxs55("nav", { "aria-label": label, className: cx("ow-nav", `ow-nav--${orientation}`, className), children: [
     heading && orientation === "vertical" ? /* @__PURE__ */ jsx67("span", { className: "ow-nav__heading", children: heading }) : null,
@@ -9460,18 +9460,18 @@ var NavItem = /* @__PURE__ */ forwardRef27(function NavItem2({ icon: icon2, acti
 });
 
 // src/components/NavigationMenu/NavigationMenu.tsx
-import {
-  createContext as createContext9,
-  useCallback as useCallback16,
-  useContext as useContext15,
-  useEffect as useEffect37,
-  useId as useId33,
-  useLayoutEffect as useLayoutEffect11,
-  useMemo as useMemo16,
-  useRef as useRef45,
-  useState as useState40
-} from "react";
-import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
+
+
 var Context = /* @__PURE__ */ createContext9(null);
 var mouse = (event) => event.pointerType === "mouse";
 var isRtl = (element) => getComputedStyle(element).direction === "rtl";
@@ -9706,15 +9706,15 @@ function NavigationMenuGroup({ title, children, className }) {
 }
 
 // src/components/AppShell/AppShell.tsx
-import { useCallback as useCallback17, useId as useId34, useMemo as useMemo17, useState as useState42 } from "react";
+
 
 // src/components/Layout/Layout.tsx
-import {
-  useEffect as useEffect38,
-  useRef as useRef46,
-  useState as useState41
-} from "react";
-import { jsx as jsx69 } from "react/jsx-runtime";
+
+
+
+
+
+
 var space = (token) => token === "none" ? "0" : `var(--ow-space-${token})`;
 var alignments = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch", baseline: "baseline", between: "space-between" };
 function Stack({
@@ -9817,7 +9817,7 @@ function VisuallyHidden({ className, ...props }) {
 }
 
 // src/components/AppShell/AppShell.tsx
-import { jsx as jsx70, jsxs as jsxs57 } from "react/jsx-runtime";
+
 function AppShell({
   sidebar,
   children,
@@ -9908,8 +9908,8 @@ function SidebarToggle({ labels = {}, className }) {
 }
 
 // src/components/Table/Table.tsx
-import { useMemo as useMemo18 } from "react";
-import { jsx as jsx71, jsxs as jsxs58 } from "react/jsx-runtime";
+
+
 function compare(a, b) {
   if (typeof a === "number" && typeof b === "number") return a - b;
   return String(a).localeCompare(String(b), void 0, { numeric: true, sensitivity: "base" });
@@ -10024,7 +10024,7 @@ function Table({
 }
 
 // src/components/Stat/Stat.tsx
-import { jsx as jsx72, jsxs as jsxs59 } from "react/jsx-runtime";
+
 function Sparkline({ values }) {
   const max = Math.max(...values);
   const min = Math.min(...values);
@@ -10065,7 +10065,7 @@ function Stat({ label, value, icon: icon2, change, changeTone, description, tren
 }
 
 // src/components/DescriptionList/DescriptionList.tsx
-import { Fragment as Fragment21, jsx as jsx73, jsxs as jsxs60 } from "react/jsx-runtime";
+
 function DescriptionList({
   layout = "horizontal",
   columns = 2,
@@ -10104,7 +10104,7 @@ function DescriptionItem({ term, children, action, span = 1, className, ...props
 }
 
 // src/components/Timeline/Timeline.tsx
-import { jsx as jsx74, jsxs as jsxs61 } from "react/jsx-runtime";
+
 function Timeline({ density = "comfortable", className, children, ...props }) {
   return /* @__PURE__ */ jsx74("ol", { className: cx("ow-timeline", `ow-timeline--${density}`, className), ...props, children });
 }
@@ -10152,14 +10152,14 @@ function TimelineItem({
 }
 
 // src/components/SortableList/SortableList.tsx
-import {
-  useEffect as useEffect39,
-  useId as useId35,
-  useLayoutEffect as useLayoutEffect12,
-  useRef as useRef47,
-  useState as useState43
-} from "react";
-import { Fragment as Fragment22, jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
 var defaultLabels5 = {
   pickedUp: (item, position, total) => `Picked up ${item}. Position ${position} of ${total}.`,
   moved: (item, position, total) => `${item}, position ${position} of ${total}.`,
@@ -10444,10 +10444,10 @@ function SortableList({
 }
 
 // src/components/Chart/Cartesian.tsx
-import { useState as useState45 } from "react";
+
 
 // src/components/Chart/chartUtils.ts
-import { useLayoutEffect as useLayoutEffect13, useRef as useRef48, useState as useState44 } from "react";
+
 var colorOf = (color, index) => color === void 0 ? `var(--ow-chart-${index % 8 + 1})` : typeof color === "number" ? `var(--ow-chart-${color})` : color;
 var seriesColors = (series) => series.map((entry, index) => colorOf(entry.color, index));
 var number = new Intl.NumberFormat();
@@ -10490,7 +10490,7 @@ function useWidth() {
 var textWidth = (text2) => text2.length * 6.6;
 
 // src/components/Chart/ChartParts.tsx
-import { jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
+
 function ChartLegend({ items: items2, shape }) {
   return /* @__PURE__ */ jsx76("ul", { className: "ow-chart__legend", children: items2.map((item, i) => /* @__PURE__ */ jsxs63("li", { className: "ow-chart__legend-item", children: [
     /* @__PURE__ */ jsx76("span", { className: `ow-chart__key ow-chart__key--${shape}`, style: { background: item.color }, "aria-hidden": "true" }),
@@ -10509,7 +10509,7 @@ function ChartTable({ caption, head, rows }) {
 }
 
 // src/components/Chart/Cartesian.tsx
-import { Fragment as Fragment23, jsx as jsx77, jsxs as jsxs64 } from "react/jsx-runtime";
+
 var gap = 2;
 var maxBar = 24;
 var radius = 4;
@@ -10740,20 +10740,20 @@ function flipped(x, top, width, bottom) {
 }
 
 // src/components/Chart/LineChart.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+
 function LineChart(props) {
   return /* @__PURE__ */ jsx78(CartesianChart, { kind: "line", ...props });
 }
 
 // src/components/Chart/BarChart.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+
 function BarChart(props) {
   return /* @__PURE__ */ jsx79(CartesianChart, { kind: "bar", ...props });
 }
 
 // src/components/Chart/DonutChart.tsx
-import { useState as useState46 } from "react";
-import { jsx as jsx80, jsxs as jsxs65 } from "react/jsx-runtime";
+
+
 var percent = new Intl.NumberFormat(void 0, { style: "percent", maximumFractionDigits: 1 });
 function slicePath(cx2, cy, outer, inner, start, end) {
   const point = (r2, a) => `${(cx2 + r2 * Math.sin(a)).toFixed(2)} ${(cy - r2 * Math.cos(a)).toFixed(2)}`;
@@ -10862,7 +10862,7 @@ function innerPadded(outer, inner, start, end, padOuter, padInner) {
 }
 
 // src/components/Chart/Sparkline.tsx
-import { Fragment as Fragment24, jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
+
 function Sparkline2({ data, "aria-label": ariaLabel, color = 1, area = true, width = 120, height = 32, className }) {
   const min = Math.min(...data);
   const max = Math.max(...data);
@@ -10890,8 +10890,8 @@ function Sparkline2({ data, "aria-label": ariaLabel, color = 1, area = true, wid
 }
 
 // src/components/ActivityHeatmap/ActivityHeatmap.tsx
-import { useId as useId36, useLayoutEffect as useLayoutEffect14, useMemo as useMemo19, useRef as useRef49, useState as useState47 } from "react";
-import { jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
+
+
 function localeWeekStart(locale) {
   try {
     const info = new Intl.Locale(new Intl.DateTimeFormat(locale).resolvedOptions().locale);
@@ -11114,8 +11114,8 @@ function ActivityHeatmap({
 }
 
 // src/components/FileTree/FileTree.tsx
-import { useMemo as useMemo20, useRef as useRef50, useState as useState48 } from "react";
-import { jsx as jsx83, jsxs as jsxs68 } from "react/jsx-runtime";
+
+
 function flatten(nodes, expanded, parent, level = 1) {
   return nodes.flatMap((node) => {
     const path = parent ? `${parent}/${node.name}` : node.name;
@@ -11240,8 +11240,8 @@ function FileTree({
 }
 
 // src/components/TreeView/TreeView.tsx
-import { useEffect as useEffect40, useMemo as useMemo21, useRef as useRef51, useState as useState49 } from "react";
-import { Fragment as Fragment25, jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
+
+
 var defaultLabels7 = { loading: "Loading\u2026", error: "Couldn't load.", retry: "Retry" };
 var same = (a, b) => a.length === b.length && a.every((id, index) => id === b[index]);
 function TreeView({
@@ -11569,7 +11569,7 @@ function TreeView({
 }
 
 // src/components/Tag/Tag.tsx
-import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
+
 function Tag({ onRemove, variant = "neutral", size: size2 = "md", icon: icon2, removeLabel, className, children, ...props }) {
   const name = removeLabel ?? (typeof children === "string" ? children : "tag");
   return /* @__PURE__ */ jsxs70("span", { className: cx("ow-tag", `ow-tag--${variant}`, `ow-tag--${size2}`, onRemove && "ow-tag--removable", className), ...props, children: [
@@ -11601,7 +11601,7 @@ function ColorSwatch({ color, name, value, size: size2 = "md", shape = "square",
 }
 
 // src/components/QRCode/QRCode.tsx
-import { forwardRef as forwardRef28, useMemo as useMemo22 } from "react";
+
 
 // src/components/QRCode/qr.ts
 var LEVELS = ["L", "M", "Q", "H"];
@@ -11834,7 +11834,7 @@ function encodeQR(text2, { level = "M", minVersion = 1, mask: forcedMask } = {})
 }
 
 // src/components/QRCode/QRCode.tsx
-import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
+
 function defaultLabel(value) {
   const link = /^https?:\/\/([^/?#]+)/i.exec(value);
   if (link) return `QR code for ${link[1]}`;
@@ -11951,8 +11951,8 @@ async function qrCodeToDataURL(svg, { type = "image/png", scale = 4 } = {}) {
 }
 
 // src/components/Avatar/Avatar.tsx
-import { useState as useState50 } from "react";
-import { jsx as jsx87 } from "react/jsx-runtime";
+
+
 var namedSizes = { sm: 24, md: 28, lg: 36, xl: 48 };
 function avatarSize(size2) {
   if (typeof size2 === "number") {
@@ -11978,8 +11978,8 @@ function Avatar({ name, src, size: size2 = "md", label, className }) {
 }
 
 // src/components/Avatar/AvatarGroup.tsx
-import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
-import { jsx as jsx88, jsxs as jsxs72 } from "react/jsx-runtime";
+
+
 function AvatarGroup({ children, max = 4, size: size2 = "md", label, className }) {
   const avatars = Children.toArray(children).filter(isValidElement4);
   const sizing = avatarSize(size2);
@@ -12015,16 +12015,16 @@ function User({ name, description, src, size: size2 = "md", className }) {
 }
 
 // src/components/Image/Image.tsx
-import { forwardRef as forwardRef29, useCallback as useCallback18, useEffect as useEffect41, useLayoutEffect as useLayoutEffect15, useRef as useRef52, useState as useState51 } from "react";
+
 
 // src/components/AspectRatio/AspectRatio.tsx
-import { jsx as jsx89 } from "react/jsx-runtime";
+
 function AspectRatio({ ratio: ratio2 = 16 / 9, as: Element2 = "div", className, style, ...props }) {
   return /* @__PURE__ */ jsx89(Element2, { className: cx("ow-aspect-ratio", className), style: { aspectRatio: String(ratio2), ...style }, ...props });
 }
 
 // src/components/Image/Image.tsx
-import { jsx as jsx90, jsxs as jsxs73 } from "react/jsx-runtime";
+
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect41 : useLayoutEffect15;
 var toLength = (value) => typeof value === "number" ? `${value}px` : value;
 var Image2 = /* @__PURE__ */ forwardRef29(function Image3({
@@ -12124,8 +12124,8 @@ var Image2 = /* @__PURE__ */ forwardRef29(function Image3({
 });
 
 // src/components/MediaPlayer/MediaPlayer.tsx
-import { forwardRef as forwardRef30, useEffect as useEffect42, useImperativeHandle as useImperativeHandle4, useRef as useRef53, useState as useState52 } from "react";
-import { Fragment as Fragment26, jsx as jsx91, jsxs as jsxs74 } from "react/jsx-runtime";
+
+
 var paths = {
   volume: "M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6a1.4 1.4 0 0 1-1 .4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5zM16 9a5 5 0 0 1 0 6M19.4 18.4a9 9 0 0 0 0-12.8",
   muted: "M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6a1.4 1.4 0 0 1-1 .4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5zM22 9l-6 6M16 9l6 6",
@@ -12463,7 +12463,7 @@ var MediaPlayer = /* @__PURE__ */ forwardRef30(function MediaPlayer2({
 });
 
 // src/components/Kbd/Kbd.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
+
 function Kbd({ className, ...props }) {
   return /* @__PURE__ */ jsx92("kbd", { className: cx("ow-kbd", className), ...props });
 }
@@ -12472,18 +12472,18 @@ function Code({ className, ...props }) {
 }
 
 // src/components/Carousel/Carousel.tsx
-import {
-  Children as Children2,
-  createContext as createContext10,
-  isValidElement as isValidElement5,
-  useCallback as useCallback19,
-  useContext as useContext16,
-  useEffect as useEffect43,
-  useLayoutEffect as useLayoutEffect16,
-  useRef as useRef54,
-  useState as useState53
-} from "react";
-import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
+
+
 var SlideLabelContext = /* @__PURE__ */ createContext10(void 0);
 var reducedMotion2 = () => typeof window !== "undefined" && Boolean(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches);
 var slideName = (n, count) => `Slide ${n} of ${count}`;
@@ -12701,7 +12701,7 @@ function CarouselSlide({ label, className, ...props }) {
 }
 
 // src/components/Card/Card.tsx
-import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
+
 function Card({ className, padding = "md", ...props }) {
   return /* @__PURE__ */ jsx94("div", { className: cx("ow-card", `ow-card--pad-${padding}`, className), ...props });
 }
@@ -12716,19 +12716,19 @@ function SettingsRow({ children, description, label, className }) {
 }
 
 // src/components/VirtualList/VirtualList.tsx
-import {
-  forwardRef as forwardRef31,
-  useCallback as useCallback21,
-  useEffect as useEffect44,
-  useImperativeHandle as useImperativeHandle5,
-  useLayoutEffect as useLayoutEffect18,
-  useRef as useRef56,
-  useState as useState55
-} from "react";
+
+
+
+
+
+
+
+
+
 
 // src/components/VirtualList/useVirtualizer.ts
-import { useCallback as useCallback20, useLayoutEffect as useLayoutEffect17, useMemo as useMemo23, useReducer, useRef as useRef55, useState as useState54 } from "react";
-import { flushSync } from "react-dom";
+
+
 var prefersReducedMotion = () => typeof window !== "undefined" && Boolean(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches);
 function rowAt(starts, count, offset) {
   let low = 0;
@@ -12889,7 +12889,7 @@ function useVirtualizer({
 }
 
 // src/components/VirtualList/VirtualList.tsx
-import { jsx as jsx95, jsxs as jsxs77 } from "react/jsx-runtime";
+
 var stickyDistance = 32;
 var rowOf = (target) => target?.closest?.("[data-index]") ?? null;
 function VirtualListWithRef({
@@ -13058,24 +13058,24 @@ var ForwardedVirtualList = /* @__PURE__ */ Object.assign(/* @__PURE__ */ forward
 var VirtualList = ForwardedVirtualList;
 
 // src/components/Section/Section.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+
 function Section({ tone = "paper", spacing = "md", size: size2 = "page", as: Element2 = "section", className, children, ...props }) {
   return /* @__PURE__ */ jsx96(Element2, { className: cx("ow-section", `ow-section--${tone}`, `ow-section--space-${spacing}`, className), ...props, children: size2 === false ? children : /* @__PURE__ */ jsx96(Container, { size: size2, children }) });
 }
 
 // src/components/Splitter/Splitter.tsx
-import {
-  Children as Children3,
-  createContext as createContext11,
-  Fragment as Fragment28,
-  isValidElement as isValidElement6,
-  useCallback as useCallback22,
-  useContext as useContext17,
-  useEffect as useEffect45,
-  useId as useId37,
-  useLayoutEffect as useLayoutEffect19,
-  useRef as useRef57
-} from "react";
+
+
+
+
+
+
+
+
+
+
+
+
 
 // src/components/Splitter/Splitter.layout.ts
 var EPSILON = 1e-3;
@@ -13129,7 +13129,7 @@ function moveHandle(sizes, limits, handle, delta, snap) {
 }
 
 // src/components/Splitter/Splitter.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
+
 var SplitterContext = /* @__PURE__ */ createContext11(null);
 var IndexContext = /* @__PURE__ */ createContext11(-1);
 var storageKey = (id) => `ow-splitter:${id}`;
@@ -13378,8 +13378,8 @@ function SplitterHandle({
 }
 
 // src/components/Marketing/Marketing.tsx
-import { useRef as useRef58 } from "react";
-import { jsx as jsx98, jsxs as jsxs78 } from "react/jsx-runtime";
+
+
 function Chip({ className, ...props }) {
   return /* @__PURE__ */ jsx98("span", { className: cx("ow-chip", className), ...props });
 }
@@ -13431,8 +13431,8 @@ function DotGrid({ fade = false, interactive = false, className, children, onPoi
 }
 
 // src/components/Prose/Prose.tsx
-import { forwardRef as forwardRef32, useEffect as useEffect46, useRef as useRef59 } from "react";
-import { jsx as jsx99 } from "react/jsx-runtime";
+
+
 var Prose = /* @__PURE__ */ forwardRef32(function Prose2({ size: size2 = "md", fullWidth = false, as = "div", className, children, ...props }, ref) {
   const Element2 = as;
   const root = useRef59(null);
@@ -13464,8 +13464,8 @@ var Prose = /* @__PURE__ */ forwardRef32(function Prose2({ size: size2 = "md", f
 });
 
 // src/components/Markdown/Markdown.tsx
-import { createElement, Fragment as Fragment29, memo, useMemo as useMemo24, useRef as useRef60 } from "react";
-import { Fragment as Fragment30, jsx as jsx100, jsxs as jsxs79 } from "react/jsx-runtime";
+
+
 var FENCE = /^ {0,3}(`{3,}|~{3,})[ \t]*([^\s`]*)/;
 var HEADING = /^ {0,3}(#{1,6})(?:[ \t]+(.*?))?(?:[ \t]+#+)?[ \t]*$/;
 var RULE = /^ {0,3}([-*_])(?:[ \t]*\1){2,}[ \t]*$/;
@@ -13785,7 +13785,7 @@ function Markdown({
 }
 
 // src/components/TextShimmer/TextShimmer.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+
 function TextShimmer({ children, as = "span", duration = 2, active = true, className }) {
   const Element2 = as;
   return /* @__PURE__ */ jsx101(
@@ -13799,15 +13799,15 @@ function TextShimmer({ children, as = "span", duration = 2, active = true, class
 }
 
 // src/components/PromptInput/PromptInput.tsx
-import {
-  forwardRef as forwardRef33,
-  useEffect as useEffect47,
-  useId as useId38,
-  useLayoutEffect as useLayoutEffect20,
-  useRef as useRef61,
-  useState as useState56
-} from "react";
-import { jsx as jsx102, jsxs as jsxs80 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
 var noAttachments = [];
 var counterFrom = 0.8;
 var announceDelay = 1e3;
@@ -14243,8 +14243,8 @@ var PromptInput = /* @__PURE__ */ forwardRef33(function PromptInput2({
 });
 
 // src/components/PromptInput/PromptSuggestion.tsx
-import { forwardRef as forwardRef34 } from "react";
-import { jsx as jsx103, jsxs as jsxs81 } from "react/jsx-runtime";
+
+
 var PromptSuggestion = /* @__PURE__ */ forwardRef34(function PromptSuggestion2({ children, icon: icon2, description, variant = description ? "card" : "pill", type = "button", className, ...buttonProps }, ref) {
   if (variant === "card") {
     return /* @__PURE__ */ jsxs81("button", { ref, type, className: cx("ow-prompt-suggestion", "ow-prompt-suggestion--card", className), ...buttonProps, children: [
@@ -14298,19 +14298,19 @@ function PromptSuggestions({
 }
 
 // src/components/Chat/ChatConversation.tsx
-import {
-  Children as Children4,
-  createContext as createContext12,
-  forwardRef as forwardRef35,
-  useCallback as useCallback23,
-  useEffect as useEffect48,
-  useImperativeHandle as useImperativeHandle6,
-  useLayoutEffect as useLayoutEffect21,
-  useMemo as useMemo25,
-  useRef as useRef62,
-  useState as useState57
-} from "react";
-import { jsx as jsx104, jsxs as jsxs82 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
+
+
+
 var ChatConversationContext = /* @__PURE__ */ createContext12(null);
 var stickyDistance2 = 32;
 var defaultCount = (count) => `${count} new`;
@@ -14448,16 +14448,16 @@ var ChatConversation = /* @__PURE__ */ forwardRef35(function ChatConversation2({
 });
 
 // src/components/Chat/ChatMessage.tsx
-import {
-  forwardRef as forwardRef36,
-  useContext as useContext18,
-  useEffect as useEffect49,
-  useId as useId39,
-  useLayoutEffect as useLayoutEffect22,
-  useRef as useRef63,
-  useState as useState58
-} from "react";
-import { Fragment as Fragment31, jsx as jsx105, jsxs as jsxs83 } from "react/jsx-runtime";
+
+
+
+
+
+
+
+
+
+
 function lucide(paths2) {
   return function Icon({ size: size2 = 16, strokeWidth = 2, ...props }) {
     return /* @__PURE__ */ jsx105(
@@ -14742,7 +14742,7 @@ function ChatMessageActions({
 }
 
 // src/components/Chat/ChatLoader.tsx
-import { jsx as jsx106, jsxs as jsxs84 } from "react/jsx-runtime";
+
 function ChatLoader({ label, inline: inline2 = false, name, avatar, srLabel = "Working\u2026", className }) {
   const entering = useChatEntrance();
   const indicator = label != null ? /* @__PURE__ */ jsx106(TextShimmer, { className: "ow-chat-loader__label", children: label }) : /* @__PURE__ */ jsxs84("span", { className: "ow-chat-loader__dots", children: [
@@ -14765,8 +14765,8 @@ function ChatLoader({ label, inline: inline2 = false, name, avatar, srLabel = "W
 }
 
 // src/components/ChatTool/ChatTool.tsx
-import { forwardRef as forwardRef37, useEffect as useEffect50, useId as useId40, useRef as useRef64, useState as useState59 } from "react";
-import { Fragment as Fragment32, jsx as jsx107, jsxs as jsxs85 } from "react/jsx-runtime";
+
+
 var statusWords = {
   pending: "Not started",
   running: "Running",
@@ -15048,8 +15048,8 @@ var ChatTool = /* @__PURE__ */ forwardRef37(function ChatTool2({
 });
 
 // src/components/ChainOfThought/ChainOfThought.tsx
-import { forwardRef as forwardRef38, useId as useId41 } from "react";
-import { jsx as jsx108, jsxs as jsxs86 } from "react/jsx-runtime";
+
+
 var plural = (count, word) => `${count} ${word}${count === 1 ? "" : "s"}`;
 var ChainOfThought = /* @__PURE__ */ forwardRef38(function ChainOfThought2({
   steps = [],
@@ -15112,8 +15112,8 @@ var ChainOfThought = /* @__PURE__ */ forwardRef38(function ChainOfThought2({
 });
 
 // src/components/ChatSource/ChatSource.tsx
-import { forwardRef as forwardRef39, useCallback as useCallback24, useEffect as useEffect51, useId as useId42, useRef as useRef65, useState as useState60 } from "react";
-import { Fragment as Fragment33, jsx as jsx109, jsxs as jsxs87 } from "react/jsx-runtime";
+
+
 var openDelay = 250;
 var closeDelay = 150;
 var ChatSource = /* @__PURE__ */ forwardRef39(function ChatSource2({
@@ -15256,9 +15256,9 @@ var ChatSources = /* @__PURE__ */ forwardRef39(function ChatSources2({ sources,
 });
 
 // src/components/ColorPicker/ColorPicker.tsx
-import { forwardRef as forwardRef40, useCallback as useCallback25, useEffect as useEffect52, useId as useId43, useRef as useRef66, useState as useState61 } from "react";
-import { HexAlphaColorPicker, HexColorInput, HexColorPicker } from "react-colorful";
-import { Fragment as Fragment34, jsx as jsx110, jsxs as jsxs88 } from "react/jsx-runtime";
+
+
+
 var swatchColor = (swatch) => typeof swatch === "string" ? swatch : swatch.color;
 var swatchName = (swatch) => typeof swatch === "string" ? swatch : swatch.name;
 var same2 = (a, b) => a.toLowerCase().replace(/^#/, "") === b.toLowerCase().replace(/^#/, "");
@@ -15427,10 +15427,10 @@ var ColorField = /* @__PURE__ */ forwardRef40(function ColorField2({
 });
 
 // src/components/ColorPicker/ColorArea.tsx
-import { forwardRef as forwardRef41, useRef as useRef68, useState as useState63 } from "react";
+
 
 // src/components/ColorPicker/color.ts
-import { useCallback as useCallback26, useReducer as useReducer2, useRef as useRef67, useState as useState62 } from "react";
+
 var clamp2 = (n, min, max) => Math.min(max, Math.max(min, n));
 function parseHex(color) {
   let hex = color.trim().replace(/^#/, "");
@@ -15611,7 +15611,7 @@ var hueHex = (h2) => toHex(hsvToRgb({ h: h2, s: 100, v: 100, a: 1 }));
 var hueStops = "#ff0000 0%, #ffff00 16.67%, #00ff00 33.33%, #00ffff 50%, #0000ff 66.67%, #ff00ff 83.33%, #ff0000 100%";
 
 // src/components/ColorPicker/ColorArea.tsx
-import { jsx as jsx111, jsxs as jsxs89 } from "react/jsx-runtime";
+
 var size = (length) => typeof length === "number" ? `${length}px` : length;
 function assignRef8(ref, value) {
   if (typeof ref === "function") ref(value);
@@ -15758,8 +15758,8 @@ var ColorArea = /* @__PURE__ */ forwardRef41(function ColorArea2({
 });
 
 // src/components/ColorPicker/ColorSlider.tsx
-import { forwardRef as forwardRef42, useId as useId44, useRef as useRef69 } from "react";
-import { jsx as jsx112, jsxs as jsxs90 } from "react/jsx-runtime";
+
+
 var channels = {
   hue: { name: "Hue", max: 360, unit: "degree" },
   saturation: { name: "Saturation", max: 100, unit: "percent" },
@@ -15946,8 +15946,8 @@ var ColorSlider = /* @__PURE__ */ forwardRef42(function ColorSlider2({
 });
 
 // src/components/ColorPicker/ColorSwatchPicker.tsx
-import { forwardRef as forwardRef43, useRef as useRef70 } from "react";
-import { jsx as jsx113, jsxs as jsxs91 } from "react/jsx-runtime";
+
+
 var ColorSwatchPicker = /* @__PURE__ */ forwardRef43(function ColorSwatchPicker2({ options, value, defaultValue: defaultValue2, onChange, size: size2 = "md", shape = "square", disabled = false, name, className, ...aria }, ref) {
   const [current, setCurrent] = useControllableState(value, defaultValue2 ?? "", onChange);
   const refs = useRef70([]);