@baseplate-dev/plugin-auth 0.6.7 → 0.6.8

package/dist/web/assets/__federation_shared_@baseplate-dev/{ui-components-w6NlcuHV.js → ui-components-Bwy1GWne.js}

@@ -1,9 +1,9 @@
-import { importShared } from '../__federation_fn_import-_bDjmFT3.js';
+import { importShared } from '../__federation_fn_import-DboThXN4.js';
 import { j as jsxRuntimeExports } from '../jsx-runtime-XI9uIe3W.js';
-import { b as useController, u as useFormState, g as get } from '../index.esm-DEvG0Fdh.js';
-import { M as MdClose, a as MdCheck, b as MdUnfoldMore, c as MdMoreHoriz, d as MdChevronRight, e as MdChevronLeft, f as MdExpandMore, g as MdCalendarMonth, h as MdSchedule, i as MdCircle, j as MdOutlineErrorOutline, k as MdOutlineSave, l as MdExpandLess, m as MdMenu } from '../index-DtgwNsxm.js';
+import { b as useController, u as useFormState, g as get } from '../index.esm-BMmVLbge.js';
+import { M as MdClose, a as MdCheck, b as MdUnfoldMore, c as MdMoreHoriz, d as MdChevronRight, e as MdChevronLeft, f as MdExpandMore, g as MdCalendarMonth, h as MdSchedule, i as MdCircle, j as MdOutlineErrorOutline, k as MdOutlineSave, l as MdExpandLess, m as MdMenu } from '../index-DN2TTEo8.js';
 import { r as requireShim, w as withSelectorExports } from '../with-selector-DTXBONcE.js';
-import { c as create } from '../react-cA_AFJxD.js';
+import { c as create } from '../react-BFk_Rnee.js';
 import { g as getDefaultExportFromCjs } from '../_commonjsHelpers-B85MJLTf.js';
 
 function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
@@ -7045,7 +7045,7 @@ function useRenderElementProps(componentProps, params = {}) {
   }
   return outProps;
 }
-const REACT_LAZY_TYPE = Symbol.for("react.lazy");
+const REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 function evaluateRenderProp(element, render, props, state) {
   if (render) {
     if (typeof render === "function") {
@@ -18031,7 +18031,7 @@ function AsyncComboboxField({ label, description, error, value, placeholder, ren
             });
         }, debounceMs);
     });
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsxs(Combobox, { value: selectedOption, onValueChange: (option) => {
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsxs(Combobox, { value: selectedOption, onValueChange: (option) => {
                     if (option) {
                         setSelectedOptionCache(option);
                     }
@@ -26304,7 +26304,7 @@ const CheckboxRoot = /* @__PURE__ */ React$2j.forwardRef(function CheckboxRoot2(
   const setGroupValue = groupContext?.setValue;
   const defaultGroupValue = groupContext?.defaultValue;
   const controlRef = React$2j.useRef(null);
-  const controlSourceRef = useRefWithInit(() => Symbol("checkbox-control"));
+  const controlSourceRef = useRefWithInit(() => /* @__PURE__ */ Symbol("checkbox-control"));
   const hasRegisteredRef = React$2j.useRef(false);
   const {
     getButtonProps,
@@ -26549,9 +26549,9 @@ const React$2h = await importShared('react');
 /**
  * Field with label and error states that wraps a Checkbox component.
  */
-function CheckboxField({ label, description, error, onChange, value, className, ...props }) {
+function CheckboxField({ label, description, error, disabled, onChange, value, className, ...props }) {
     const id = React$2h.useId();
-    return (jsxRuntimeExports.jsxs(Field, { orientation: "horizontal", "data-invalid": !!error || undefined, className: className, children: [jsxRuntimeExports.jsx(Checkbox, { ...props, id: id, "aria-invalid": !!error, onCheckedChange: (checked) => {
+    return (jsxRuntimeExports.jsxs(Field, { orientation: "horizontal", "data-invalid": !!error || undefined, "data-disabled": disabled ?? undefined, className: className, children: [jsxRuntimeExports.jsx(Checkbox, { ...props, id: id, disabled: disabled, "aria-invalid": !!error, onCheckedChange: (checked) => {
                     onChange?.(checked);
                 }, checked: value, 
                 // Support accessible button for screen readers - https://github.com/shadcn-ui/ui/issues/9249
@@ -35544,6 +35544,7 @@ var browser = {
     chrome_version: chrome ? +chrome[1] : 0,
     ios,
     android: /*@__PURE__*//Android\b/.test(nav.userAgent),
+    webkit,
     webkit_version: webkit ? +(/*@__PURE__*//\bAppleWebKit\/(\d+)/.exec(nav.userAgent) || [0, 0])[1] : 0,
     safari,
     safari_version: safari ? +(/*@__PURE__*//\bVersion\/(\d+(\.\d+)?)/.exec(nav.userAgent) || [0, 0])[1] : 0,
@@ -36062,12 +36063,12 @@ function scrollRectIntoView(dom, rect, side, x, y, xMargin, yMargin, ltr) {
             }
             let moveX = 0, moveY = 0;
             if (y == "nearest") {
-                if (rect.top < bounding.top) {
+                if (rect.top < bounding.top + yMargin) {
                     moveY = rect.top - (bounding.top + yMargin);
                     if (side > 0 && rect.bottom > bounding.bottom + moveY)
                         moveY = rect.bottom - bounding.bottom + yMargin;
                 }
-                else if (rect.bottom > bounding.bottom) {
+                else if (rect.bottom > bounding.bottom - yMargin) {
                     moveY = rect.bottom - bounding.bottom + yMargin;
                     if (side < 0 && (rect.top - moveY) < bounding.top)
                         moveY = rect.top - (bounding.top + yMargin);
@@ -36081,12 +36082,12 @@ function scrollRectIntoView(dom, rect, side, x, y, xMargin, yMargin, ltr) {
                 moveY = targetTop - bounding.top;
             }
             if (x == "nearest") {
-                if (rect.left < bounding.left) {
+                if (rect.left < bounding.left + xMargin) {
                     moveX = rect.left - (bounding.left + xMargin);
                     if (side > 0 && rect.right > bounding.right + moveX)
                         moveX = rect.right - bounding.right + xMargin;
                 }
-                else if (rect.right > bounding.right) {
+                else if (rect.right > bounding.right - xMargin) {
                     moveX = rect.right - bounding.right + xMargin;
                     if (side < 0 && rect.left < bounding.left + moveX)
                         moveX = rect.left - (bounding.left + xMargin);
@@ -36826,7 +36827,7 @@ const nativeSelectionHidden = /*@__PURE__*/Facet.define({
 });
 const scrollHandler = /*@__PURE__*/Facet.define();
 class ScrollTarget {
-    constructor(range, y = "nearest", x = "nearest", yMargin = 5, xMargin = 5, 
+    constructor(range, y, x, yMargin, xMargin, 
     // This data structure is abused to also store precise scroll
     // snapshots, instead of a `scrollIntoView` request. When this
     // flag is `true`, `range` points at a position in the reference
@@ -39423,6 +39424,18 @@ class InlineCoordsScan {
             this.y = (side.top + side.bottom) / 2;
             return this.scan(positions, getRects);
         }
+        // Handle the case where closest matched a higher element on the
+        // same line as an element below/above the coords
+        if (closestDx) {
+            if (above && above.bottom > closestRect.top) {
+                this.y = above.bottom - 1;
+                return this.scan(positions, getRects);
+            }
+            if (below && below.top < closestRect.bottom) {
+                this.y = below.top + 1;
+                return this.scan(positions, getRects);
+            }
+        }
         let ltr = (bidi ? this.dirAt(positions[closestI], 1) : this.baseDir) == Direction.LTR;
         return {
             i: closestI,
@@ -43439,7 +43452,8 @@ class EditorView {
                     scrollTarget = scrollTarget.map(tr.changes);
                 if (tr.scrollIntoView) {
                     let { main } = tr.state.selection;
-                    scrollTarget = new ScrollTarget(main.empty ? main : EditorSelection.cursor(main.head, main.head > main.anchor ? -1 : 1));
+                    let { x, y } = this.state.facet(EditorView.cursorScrollMargin);
+                    scrollTarget = new ScrollTarget(main.empty ? main : EditorSelection.cursor(main.head, main.head > main.anchor ? -1 : 1), "nearest", "nearest", y, x);
                 }
                 for (let e of tr.effects)
                     if (e.is(scrollIntoView$1))
@@ -44096,7 +44110,8 @@ class EditorView {
     cause it to scroll the given position or range into view.
     */
     static scrollIntoView(pos, options = {}) {
-        return scrollIntoView$1.of(new ScrollTarget(typeof pos == "number" ? EditorSelection.cursor(pos) : pos, options.y, options.x, options.yMargin, options.xMargin));
+        var _a, _b, _c, _d;
+        return scrollIntoView$1.of(new ScrollTarget(typeof pos == "number" ? EditorSelection.cursor(pos) : pos, (_a = options.y) !== null && _a !== void 0 ? _a : "nearest", (_b = options.x) !== null && _b !== void 0 ? _b : "nearest", (_c = options.yMargin) !== null && _c !== void 0 ? _c : 5, (_d = options.xMargin) !== null && _d !== void 0 ? _d : 5));
     }
     /**
     Return an effect that resets the editor to its current (at the
@@ -44355,11 +44370,30 @@ supported.)
 */
 EditorView.bidiIsolatedRanges = bidiIsolatedRanges;
 /**
+Can be used to specify the distance that scrolling cursor into
+view keeps it away from the sides of the editor, either as a
+single pixel number or two different values for the different
+axes. Defaults to 5 pixels on both axes.
+*/
+EditorView.cursorScrollMargin = /*@__PURE__*/Facet.define({
+    combine: inputs => {
+        let x = 5, y = 5;
+        for (let i of inputs) {
+            if (typeof i == "number")
+                x = y = i;
+            else
+                ({ x, y } = i);
+        }
+        return { x, y };
+    }
+});
+/**
 Facet that allows extensions to provide additional scroll
 margins (space around the sides of the scrolling element that
 should be considered invisible). This can be useful when the
 plugin introduces elements that cover part of that element (for
-example a horizontally fixed gutter).
+example a horizontally fixed gutter). Not to be confused with
+[`cursorScrollMargin`](https://codemirror.net/6/docs/ref/#view.EditorView^cursorScrollMargin).
 */
 EditorView.scrollMargins = scrollMargins;
 /**
@@ -44895,7 +44929,7 @@ class LayerView {
                 old = next;
             }
             this.drawn = markers;
-            if (browser.safari && browser.safari_version >= 26) // Issue #1600, 1627
+            if (browser.webkit) // Issue #1600, 1627, 1686
                 this.dom.style.display = this.dom.firstChild ? "" : "none";
         }
     }
@@ -55137,7 +55171,7 @@ var ReactCodeMirror = /*#__PURE__*/forwardRef((props, ref) => {
 ReactCodeMirror.displayName = 'CodeMirror';
 
 const {useMemo: useMemo$1} = await importShared('react');
-function CodeEditorField({ label, description, error, onChange, value = '', language = 'javascript', extensions = [], height = '120px', placeholder, readOnly = false, className, ...props }) {
+function CodeEditorField({ label, description, error, disabled, onChange, value = '', language = 'javascript', extensions = [], height = '120px', placeholder, readOnly = false, className, ...props }) {
     // Get the language extension
     const languageExtension = useMemo$1(() => {
         if (language === 'javascript' || language === 'typescript') {
@@ -55152,7 +55186,7 @@ function CodeEditorField({ label, description, error, onChange, value = '', lang
         tooltips({ parent: document.body }),
         ...extensions,
     ], [languageExtension, extensions]);
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, children: [label && jsxRuntimeExports.jsx(FieldLabel, { children: label }), jsxRuntimeExports.jsx("div", { className: className, ...props, children: jsxRuntimeExports.jsx(ReactCodeMirror, { value: value, onChange: onChange, extensions: allExtensions, height: height, placeholder: placeholder, readOnly: readOnly, basicSetup: true, indentWithTab: false, style: {
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, children: [label && jsxRuntimeExports.jsx(FieldLabel, { children: label }), jsxRuntimeExports.jsx("div", { className: className, ...props, children: jsxRuntimeExports.jsx(ReactCodeMirror, { value: value, onChange: onChange, extensions: allExtensions, height: height, placeholder: placeholder, readOnly: readOnly || disabled, editable: !disabled, basicSetup: true, indentWithTab: false, style: {
                         fontSize: '14px',
                         fontFamily: 'var(--font-mono)',
                         border: '1px solid var(--border)',
@@ -56914,7 +56948,7 @@ function ColorPickerField({ className, wrapperClassName, disabled, placeholder,
                             backgroundColor: hexValue,
                         } })), hideText ? null : hexValue ? (jsxRuntimeExports.jsx("div", { children: formatColorName && value ? formatColorName(value) : hexValue })) : (jsxRuntimeExports.jsx("div", { className: "opacity-75", children: placeholder }))] }), jsxRuntimeExports.jsxs(PopoverContent, { sideOffset: 5, align: "start", className: "w-auto space-y-2 rounded-md border border-border bg-white p-4", children: [jsxRuntimeExports.jsx(Oe, { className: cn$2(inputVariants(), 'p-2'), prefixed: true, color: hexValue ?? '', onChange: handleChange }), jsxRuntimeExports.jsx(Z, { color: hexValue ?? '', onChange: handleChange })] })] }));
     if (addWrapper) {
-        return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: cn$2('gap-2', wrapperClassName), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), inputComponent, jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
+        return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: cn$2('gap-2', wrapperClassName), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), inputComponent, jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
     }
     return inputComponent;
 }
@@ -56934,7 +56968,7 @@ function ComboboxField({ label, description, error, value, placeholder, options,
     const { comboboxNoResults } = useComponentStrings();
     const id = useId$6();
     const selectedOption = options.find((o) => getOptionValue(o) === value) ?? null;
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsxs(Combobox, { value: selectedOption, onValueChange: (option) => {
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsxs(Combobox, { value: selectedOption, onValueChange: (option) => {
                     onChange?.(option ? getOptionValue(option) : null);
                 }, inputValue: inputValue, onInputValueChange: onInputValueChange, disabled: disabled, items: options, itemToStringLabel: getOptionLabel, itemToStringValue: (option) => getOptionValue(option) ?? '', autoHighlight: true, children: [jsxRuntimeExports.jsx(ComboboxInput, { id: id, placeholder: placeholder }), jsxRuntimeExports.jsxs(ComboboxContent, { children: [jsxRuntimeExports.jsx(ComboboxEmpty, { children: noResultsText ?? comboboxNoResults }), jsxRuntimeExports.jsx(ComboboxList, { children: (option) => {
                                     const val = getOptionValue(option);
@@ -57698,7 +57732,7 @@ function DatePickerField({ className, wrapperClassName, disabled, placeholder =
     };
     const inputComponent = (jsxRuntimeExports.jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsxRuntimeExports.jsxs(PopoverTrigger, { render: jsxRuntimeExports.jsx(Button$1, { variant: "outline", "data-empty": !dateValue, disabled: disabled, id: id, ref: ref, className: cn$2('w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground', className) }), children: [jsxRuntimeExports.jsx(MdCalendarMonth, {}), dateValue ? format(dateValue, dateFormat) : jsxRuntimeExports.jsx("span", { children: placeholder })] }), jsxRuntimeExports.jsx(PopoverContent, { className: "w-auto p-0", children: jsxRuntimeExports.jsx(Calendar, { mode: "single", selected: dateValue, onSelect: handleSelect, captionLayout: "dropdown", ...calendarProps }) })] }));
     if (addWrapper) {
-        return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: cn$2('gap-2', wrapperClassName), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), inputComponent, jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
+        return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: cn$2('gap-2', wrapperClassName), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), inputComponent, jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
     }
     return inputComponent;
 }
@@ -57786,7 +57820,7 @@ function DateTimePickerField({ className, wrapperClassName, disabled, placeholde
                                         handleTimeChange(e.target.value);
                                     }, className: "w-full" })] })] }) })] }));
     if (addWrapper) {
-        return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: cn$2('gap-2', wrapperClassName), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), inputComponent, jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
+        return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: cn$2('gap-2', wrapperClassName), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), inputComponent, jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
     }
     return inputComponent;
 }
@@ -59968,9 +60002,9 @@ function FormMessage({ className, ...props }) {
 }
 
 const {useId: useId$3} = await importShared('react');
-function InputField({ label, description, error, onChange, register, className, ref, ...props }) {
+function InputField({ label, description, error, disabled, onChange, register, className, ref, ...props }) {
     const id = useId$3();
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: cn$2('gap-1.5', className), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsx(Input, { id: id, onChange: onChange &&
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: cn$2('gap-1.5', className), children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsx(Input, { id: id, disabled: disabled, onChange: onChange &&
                     ((e) => {
                         onChange(e.target.value);
                     }), "aria-invalid": !!error, ref: mergeRefs(ref, register?.ref), ...props, ...register }), jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
@@ -69417,7 +69451,7 @@ function MultiComboboxField({ label, description, error, value, placeholder, opt
     const id = useId$2();
     const chipsRef = useComboboxAnchor();
     const selectedOptions = useMemo(() => options.filter((o) => value?.includes(getOptionValue(o))), [value, options, getOptionValue]);
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsxs(Combobox, { multiple: true, autoHighlight: true, value: selectedOptions, onValueChange: (selectedOpts) => {
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsxs(Combobox, { multiple: true, autoHighlight: true, value: selectedOptions, onValueChange: (selectedOpts) => {
                     onChange?.(selectedOpts.map((o) => getOptionValue(o)));
                 }, disabled: disabled, items: options, itemToStringLabel: getOptionLabel, itemToStringValue: getOptionValue, children: [jsxRuntimeExports.jsx(ComboboxChips, { ref: chipsRef, children: jsxRuntimeExports.jsx(ComboboxValue, { children: (values) => (jsxRuntimeExports.jsxs(Fragment, { children: [values.map((option) => {
                                         const val = getOptionValue(option);
@@ -69731,9 +69765,9 @@ function Switch({ className, size = 'default', ...props }) {
 }
 
 const React$1c = await importShared('react');
-function SwitchField({ label, description, error, onChange, value, className, id, ...props }) {
+function SwitchField({ label, description, error, disabled, onChange, value, className, id, ...props }) {
     const switchId = React$1c.useId();
-    return (jsxRuntimeExports.jsxs(Field, { orientation: "horizontal", "data-invalid": !!error, className: className, id: id, children: [jsxRuntimeExports.jsx(Switch, { ...props, id: switchId, onCheckedChange: (checked) => onChange?.(checked), checked: value, "aria-invalid": !!error, 
+    return (jsxRuntimeExports.jsxs(Field, { orientation: "horizontal", "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: className, id: id, children: [jsxRuntimeExports.jsx(Switch, { ...props, id: switchId, disabled: disabled, onCheckedChange: (checked) => onChange?.(checked), checked: value, "aria-invalid": !!error, 
                 // Support accessible button for screen readers - https://github.com/shadcn-ui/ui/issues/9249
                 nativeButton: true, render: jsxRuntimeExports.jsx("button", {}) }), jsxRuntimeExports.jsxs(FieldContent, { children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: switchId, children: label }), jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] })] }));
 }
@@ -69754,7 +69788,7 @@ const MultiSwitchFieldRoot = genericForwardRef(function MultiSwitchField({ label
         label: getOptionLabel(option),
         value: getOptionValue(option),
     }));
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: cn$2('gap-3', className), children: [jsxRuntimeExports.jsx(FieldLabel, { children: label }), jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-4", ref: ref, children: options.map((option) => {
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: cn$2('gap-3', className), children: [jsxRuntimeExports.jsx(FieldLabel, { children: label }), jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-4", ref: ref, children: options.map((option) => {
                     const optionValue = getOptionValue(option);
                     const optionLabel = getOptionLabel(option);
                     const checked = selectedValues?.some((selectedValue) => selectedValue.value === optionValue);
@@ -74417,10 +74451,10 @@ function SelectScrollDownButton({ className, ...props }) {
 }
 
 const {useId: useId$1} = await importShared('react');
-function SelectField({ label, description, error, value, placeholder, options, renderItemLabel, getOptionLabel = (val) => val.label, getOptionValue = (val) => val.value, className, onChange, ...props }) {
+function SelectField({ label, description, error, disabled, value, placeholder, options, renderItemLabel, getOptionLabel = (val) => val.label, getOptionValue = (val) => val.value, className, onChange, ...props }) {
     const triggerId = useId$1();
     const selectedOption = options.find((o) => getOptionValue(o) === value);
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: triggerId, children: label }), jsxRuntimeExports.jsxs(Select, { value: value, onValueChange: (val) => onChange?.(val), ...props, children: [jsxRuntimeExports.jsx(SelectTrigger, { id: triggerId, "aria-invalid": !!error, children: jsxRuntimeExports.jsx(SelectValue, { placeholder: placeholder, children: selectedOption ? getOptionLabel(selectedOption) : null }) }), jsxRuntimeExports.jsx(SelectContent, { children: jsxRuntimeExports.jsx(SelectGroup, { children: options.map((option) => {
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error, "data-disabled": disabled ?? undefined, className: className, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: triggerId, children: label }), jsxRuntimeExports.jsxs(Select, { value: value, onValueChange: (val) => onChange?.(val), disabled: disabled, ...props, children: [jsxRuntimeExports.jsx(SelectTrigger, { id: triggerId, "aria-invalid": !!error, children: jsxRuntimeExports.jsx(SelectValue, { placeholder: placeholder, children: selectedOption ? getOptionLabel(selectedOption) : null }) }), jsxRuntimeExports.jsx(SelectContent, { children: jsxRuntimeExports.jsx(SelectGroup, { children: options.map((option) => {
                                 const val = getOptionValue(option);
                                 const label = getOptionLabel(option);
                                 return (jsxRuntimeExports.jsx(SelectItem, { value: val, children: renderItemLabel
@@ -75147,6 +75181,7 @@ const React$d = await importShared('react');
  * https://ui.shadcn.com/docs/components/sidebar
  *
  * - Added functionality to dismiss when button is clicked (https://github.com/shadcn-ui/ui/issues/5561)
+ * - Added aria-[current=page] support alongside data-[active=true] for active state styling
  */
 const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -75311,7 +75346,7 @@ function SidebarMenu({ className, ...props }) {
 function SidebarMenuItem({ className, ...props }) {
     return (jsxRuntimeExports.jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn$2('group/menu-item relative', className), ...props }));
 }
-const sidebarMenuButtonVariants = cva('peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-accent data-[active=true]:font-medium data-[active=true]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:hover:text-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', {
+const sidebarMenuButtonVariants = cva('peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-accent aria-[current=page]:font-medium aria-[current=page]:text-accent-foreground data-[active=true]:bg-accent data-[active=true]:font-medium data-[active=true]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:hover:text-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', {
     variants: {
         variant: {
             default: 'hover:bg-accent hover:text-accent-foreground',
@@ -75366,7 +75401,7 @@ function SidebarMenuAction({ className, render, showOnHover = false, ...props })
             className: cn$2('absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform peer-hover/menu-button:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
             // Increases the hit area of the button on mobile.
             'after:absolute after:-inset-2 md:after:hidden', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', showOnHover &&
-                'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-accent-foreground data-[state=open]:opacity-100 md:opacity-0', className),
+                'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-aria-[current=page]/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground data-[state=open]:opacity-100 md:opacity-0', className),
         }, props),
         render,
         state: {
@@ -75376,7 +75411,7 @@ function SidebarMenuAction({ className, render, showOnHover = false, ...props })
     });
 }
 function SidebarMenuBadge({ className, ...props }) {
-    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn$2('pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-card-foreground tabular-nums select-none', 'peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn$2('pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-card-foreground tabular-nums select-none', 'peer-hover/menu-button:text-accent-foreground peer-aria-[current=page]/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
 }
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
     // Random width between 50 to 90%.
@@ -75395,7 +75430,7 @@ function SidebarMenuSubButton({ render, size = 'md', isActive = false, className
     return useRender({
         defaultTagName: 'a',
         props: mergeProps$1({
-            className: cn$2('flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-card-foreground ring-ring outline-hidden hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-accent-foreground', 'data-[active=true]:bg-accent data-[active=true]:text-accent-foreground', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', 'group-data-[collapsible=icon]:hidden', className),
+            className: cn$2('flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-card-foreground ring-ring outline-hidden hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-accent-foreground', 'data-[active=true]:bg-accent data-[active=true]:text-accent-foreground', 'aria-[current=page]:bg-accent aria-[current=page]:text-accent-foreground', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', 'group-data-[collapsible=icon]:hidden', className),
         }, props),
         render,
         state: {
@@ -77397,9 +77432,9 @@ function TabsContent({ className, ...props }) {
 }
 
 const {useId} = await importShared('react');
-function TextareaField({ label, description, error, onChange, register, ...props }) {
+function TextareaField({ label, description, error, disabled, onChange, register, ...props }) {
     const id = useId();
-    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error || undefined, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsx(Textarea, { id: id, onChange: onChange &&
+    return (jsxRuntimeExports.jsxs(Field, { "data-invalid": !!error || undefined, "data-disabled": disabled ?? undefined, children: [jsxRuntimeExports.jsx(FieldLabel, { htmlFor: id, children: label }), jsxRuntimeExports.jsx(Textarea, { id: id, disabled: disabled, onChange: onChange &&
                     ((e) => {
                         onChange(e.target.value);
                     }), "aria-invalid": !!error, ...props, ...register }), jsxRuntimeExports.jsx(FieldDescription, { children: description }), jsxRuntimeExports.jsx(FieldError, { children: error })] }));
@@ -78599,4 +78634,4 @@ function useDebounce(value, delay) {
 }
 
 export { Alert, AlertDescription, AlertTitle, AsyncComboboxField, AsyncComboboxFieldController, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteEmpty, AutocompleteGroup, AutocompleteInput, AutocompleteItem, AutocompleteLabel, AutocompleteList, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, ButtonGroup, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxField, CheckboxFieldController, CircularProgress, CodeEditorField, CodeEditorFieldController, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPickerField, ColorPickerFieldController, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxField, ComboboxFieldController, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, ConfirmDialog, DatePickerField, DatePickerFieldController, DateTimePickerField, DateTimePickerFieldController, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, ErrorDisplay, ErrorableLoader, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FormActionBar, FormControl, FormDescription, FormItem, FormLabel, FormMessage, Input, InputField, InputFieldController, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JsonDiffViewer, Label, Loader$1 as Loader, MultiComboboxField, MultiComboboxFieldController, MultiSwitchField, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NavigationTabs, NavigationTabsItem, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, RecordView, RecordViewActions, RecordViewItem, RecordViewItemList, ScrollArea, ScrollBar, SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, Select, SelectContent, SelectField, SelectFieldController, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarLayoutContent, SidebarLayoutSidebar, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, SwitchField, SwitchFieldController, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, TextareaFieldController, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn$2 as cn, emptyMediaVariants, fieldVariants, genericForwardRef, inputVariants, itemMediaVariants, itemVariants, mergeRefs, navigationMenuTriggerStyle, tabsListVariants, toast, useAutocompleteFilter, useComboboxAnchor, useConfirmDialog, useControlledState, useControllerMerged, useDebounce, useEventCallback, useFormField, useSidebar };
-//# sourceMappingURL=ui-components-w6NlcuHV.js.map
+//# sourceMappingURL=ui-components-Bwy1GWne.js.map