@baseplate-dev/plugin-auth 0.6.4 → 0.6.6

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

@@ -1,9 +1,9 @@
-import { importShared } from '../__federation_fn_import-CzLgVaFb.js';
+import { importShared } from '../__federation_fn_import-DybuDj1g.js';
 import { j as jsxRuntimeExports } from '../jsx-runtime-XI9uIe3W.js';
-import { b as useController, u as useFormState, g as get } from '../index.esm-CYY7gyrG.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 MdFormatListBulleted, k as MdOutlineErrorOutline, l as MdOutlineSave, m as MdExpandLess, n as MdMenu } from '../index-EshpyU4T.js';
+import { b as useController, u as useFormState, g as get } from '../index.esm-Db6zPKK9.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-BwviOVwi.js';
 import { r as requireShim, w as withSelectorExports } from '../with-selector-DTXBONcE.js';
-import { c as create } from '../react-B6Fz4KB7.js';
+import { c as create } from '../react-CcDhDxl8.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}
@@ -2974,7 +2974,7 @@ const {forwardRef: forwardRef$1} = await importShared('react');
  *
  * Taken from https://fettblog.eu/typescript-react-generic-forward-refs/
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+// oxlint-disable-next-line typescript/no-empty-object-type
 function genericForwardRef(render, displayName) {
     const newElem = forwardRef$1(render);
     if (displayName) {
@@ -3098,8 +3098,6 @@ function AlertDescription({ className, ...props }) {
  * Default strings for components that can be overriden by the ComponentStringContext.
  */
 const DEFAULT_COMPONENT_STRINGS = {
-    emptyDisplayDefaultHeader: 'No items found',
-    emptyDisplayDefaultContent: 'There is no content here yet.',
     errorDisplayDefaultHeader: 'Sorry, something went wrong',
     errorDisplayDefaultContent: 'We encountered an error showing this page.',
     buttonCancel: 'Cancel',
@@ -3159,7 +3157,7 @@ function useEventCallback(fn) {
         if (!current) {
             return;
         }
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return -- safe to return the function
+        // oxlint-disable-next-line typescript/no-unsafe-return -- safe to return the function
         return (...args) => current(...args);
     }, []);
 }
@@ -18247,10 +18245,10 @@ function useRender(params) {
 const badgeVariants = cva('group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!', {
     variants: {
         variant: {
-            default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/80',
-            secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80',
-            destructive: 'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/20',
-            outline: 'border-border text-foreground [a&]:hover:bg-muted [a&]:hover:text-muted-foreground',
+            default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary-hover [button&]:hover:bg-primary-hover',
+            secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary-hover [button&]:hover:bg-secondary-hover',
+            destructive: 'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/20 [button&]:hover:bg-destructive/20',
+            outline: 'border-border text-foreground [a&]:hover:bg-muted [a&]:hover:text-muted-foreground [button&]:hover:bg-muted [button&]:hover:text-muted-foreground',
             ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',
             link: 'text-primary underline-offset-4 hover:underline',
         },
@@ -18262,6 +18260,9 @@ const badgeVariants = cva('group/badge inline-flex h-5 w-fit shrink-0 items-cent
 /**
  * Displays a badge or a component that looks like a badge.
  *
+ * ShadCN changes:
+ * - Added [button&]:hover styles so badges rendered as buttons get hover effects.
+ *
  * https://ui.shadcn.com/docs/components/badge
  */
 function Badge({ className, variant = 'default', render, ...props }) {
@@ -32634,11 +32635,11 @@ class SelectionRange {
     /**
     Extend this range to cover at least `from` to `to`.
     */
-    extend(from, to = from) {
+    extend(from, to = from, assoc = 0) {
         if (from <= this.anchor && to >= this.anchor)
-            return EditorSelection.range(from, to);
+            return EditorSelection.range(from, to, undefined, undefined, assoc);
         let head = Math.abs(from - this.anchor) > Math.abs(to - this.anchor) ? from : to;
-        return EditorSelection.range(this.anchor, head);
+        return EditorSelection.range(this.anchor, head, undefined, undefined, assoc);
     }
     /**
     Compare this range to another range.
@@ -32785,11 +32786,13 @@ class EditorSelection {
     /**
     Create a selection range.
     */
-    static range(anchor, head, goalColumn, bidiLevel) {
+    static range(anchor, head, goalColumn, bidiLevel, assoc) {
         let flags = ((goalColumn !== null && goalColumn !== void 0 ? goalColumn : 16777215 /* RangeFlag.NoGoalColumn */) << 6 /* RangeFlag.GoalColumnOffset */) |
             (bidiLevel == null ? 7 : Math.min(6, bidiLevel));
+        if (!assoc && anchor != head)
+            assoc = head < anchor ? 1 : -1;
         return head < anchor ? SelectionRange.create(head, anchor, 32 /* RangeFlag.Inverted */ | 16 /* RangeFlag.AssocAfter */ | flags)
-            : SelectionRange.create(anchor, head, (head > anchor ? 8 /* RangeFlag.AssocBefore */ : 0) | flags);
+            : SelectionRange.create(anchor, head, (!assoc ? 0 : assoc < 0 ? 8 /* RangeFlag.AssocBefore */ : 16 /* RangeFlag.AssocAfter */) | flags);
     }
     /**
     @internal
@@ -35646,7 +35649,7 @@ class WidgetType {
     couldn't (in which case the widget will be redrawn). The default
     implementation just returns false.
     */
-    updateDOM(dom, view) { return false; }
+    updateDOM(dom, view, from) { return false; }
     /**
     @internal
     */
@@ -38049,7 +38052,7 @@ class TileCache {
                 let tile = widgets[i];
                 if (!this.reused.has(tile) &&
                     (pass == 0 ? tile.widget.compare(widget)
-                        : tile.widget.constructor == widget.constructor && widget.updateDOM(tile.dom, this.view))) {
+                        : tile.widget.constructor == widget.constructor && widget.updateDOM(tile.dom, this.view, tile.widget))) {
                     widgets.splice(i, 1);
                     if (i < this.index[0])
                         this.index[0]--;
@@ -38905,6 +38908,7 @@ class DocView {
         this.blockWrappers = this.view.state.facet(blockWrappers).map(v => typeof v == "function" ? v(this.view) : v);
     }
     scrollIntoView(target) {
+        var _a;
         if (target.isSnapshot) {
             let ref = this.view.viewState.lineBlockAt(target.range.head);
             this.view.scrollDOM.scrollTop = ref.top - target.yMargin;
@@ -38921,7 +38925,7 @@ class DocView {
             }
         }
         let { range } = target;
-        let rect = this.coordsAt(range.head, range.empty ? range.assoc : range.head > range.anchor ? -1 : 1), other;
+        let rect = this.coordsAt(range.head, (_a = range.assoc) !== null && _a !== void 0 ? _a : (range.empty ? 0 : range.head > range.anchor ? -1 : 1)), other;
         if (!rect)
             return;
         if (!range.empty && (other = this.coordsAt(range.anchor, range.anchor > range.head ? -1 : 1)))
@@ -39188,7 +39192,8 @@ function moveVertically(view, start, forward, distance) {
         return EditorSelection.cursor(startPos, start.assoc);
     let goal = start.goalColumn, startY;
     let rect = view.contentDOM.getBoundingClientRect();
-    let startCoords = view.coordsAtPos(startPos, (start.empty ? start.assoc : 0) || (forward ? 1 : -1)), docTop = view.documentTop;
+    let startCoords = view.coordsAtPos(startPos, start.assoc || ((start.empty ? forward : start.head == start.from) ? 1 : -1));
+    let docTop = view.documentTop;
     if (startCoords) {
         if (goal == null)
             goal = startCoords.left - rect.left;
@@ -39201,9 +39206,16 @@ function moveVertically(view, start, forward, distance) {
         startY = (dir < 0 ? line.top : line.bottom) + docTop;
     }
     let resolvedGoal = rect.left + goal;
-    let dist = distance !== null && distance !== void 0 ? distance : (view.viewState.heightOracle.textHeight >> 1);
-    let pos = posAtCoords(view, { x: resolvedGoal, y: startY + dist * dir }, false, dir);
-    return EditorSelection.cursor(pos.pos, pos.assoc, undefined, goal);
+    let halfText = view.viewState.heightOracle.textHeight >> 1, dist = distance !== null && distance !== void 0 ? distance : halfText;
+    for (let scan = 0;; scan += halfText) {
+        let y = startY + (dist + scan) * dir;
+        let pos = posAtCoords(view, { x: resolvedGoal, y }, false, dir);
+        if (forward ? y > rect.bottom : y < rect.top)
+            return EditorSelection.cursor(pos.pos, pos.assoc);
+        let posCoords = view.coordsAtPos(pos.pos, pos.assoc), mid = posCoords ? (posCoords.top + posCoords.bottom) / 2 : 0;
+        if (!posCoords || (forward ? mid > startY : mid < startY))
+            return EditorSelection.cursor(pos.pos, pos.assoc, undefined, goal);
+    }
 }
 function skipAtomicRanges(atoms, pos, bias) {
     for (;;) {
@@ -39373,6 +39385,9 @@ class InlineCoordsScan {
             if (rects)
                 for (let i = 0; i < rects.length; i++) {
                     let rect = rects[i], side = 0;
+                    // Ignore empty rectangles when there are other rectangles
+                    if (rect.width == 0 && rects.length > 1)
+                        continue;
                     if (rect.bottom < this.y) {
                         if (!above || above.bottom < rect.bottom)
                             above = rect;
@@ -39596,7 +39611,7 @@ class DOMChange {
         this.bounds = null;
         this.text = "";
         this.domChanged = start > -1;
-        let { impreciseHead: iHead, impreciseAnchor: iAnchor } = view.docView;
+        let { impreciseHead: iHead, impreciseAnchor: iAnchor } = view.docView, curSel = view.state.selection;
         if (view.state.readOnly && start > -1) {
             // Ignore changes when the editor is read-only
             this.newSel = null;
@@ -39612,18 +39627,18 @@ class DOMChange {
             let domSel = view.observer.selectionRange;
             let head = iHead && iHead.node == domSel.focusNode && iHead.offset == domSel.focusOffset ||
                 !contains(view.contentDOM, domSel.focusNode)
-                ? view.state.selection.main.head
+                ? curSel.main.head
                 : view.docView.posFromDOM(domSel.focusNode, domSel.focusOffset);
             let anchor = iAnchor && iAnchor.node == domSel.anchorNode && iAnchor.offset == domSel.anchorOffset ||
                 !contains(view.contentDOM, domSel.anchorNode)
-                ? view.state.selection.main.anchor
+                ? curSel.main.anchor
                 : view.docView.posFromDOM(domSel.anchorNode, domSel.anchorOffset);
             // iOS will refuse to select the block gaps when doing
             // select-all.
             // Chrome will put the selection *inside* them, confusing
             // posFromDOM
             let vp = view.viewport;
-            if ((browser.ios || browser.chrome) && view.state.selection.main.empty && head != anchor &&
+            if ((browser.ios || browser.chrome) && curSel.main.empty && head != anchor &&
                 (vp.from > 0 || vp.to < view.state.doc.length)) {
                 let from = Math.min(head, anchor), to = Math.max(head, anchor);
                 let offFrom = vp.from - from, offTo = vp.to - to;
@@ -39632,10 +39647,22 @@ class DOMChange {
                     anchor = view.state.doc.length;
                 }
             }
-            if (view.inputState.composing > -1 && view.state.selection.ranges.length > 1)
-                this.newSel = view.state.selection.replaceRange(EditorSelection.range(anchor, head));
-            else
+            if (view.inputState.composing > -1 && curSel.ranges.length > 1) {
+                this.newSel = curSel.replaceRange(EditorSelection.range(anchor, head));
+            }
+            else if (view.lineWrapping && anchor == head && !(curSel.main.empty && curSel.main.head == head) &&
+                view.inputState.lastTouchTime > Date.now() - 100) {
+                // If this is a cursor selection change in a line-wrapping
+                // editor that may have been a touch, use the last touch
+                // position to assign a side to the cursor.
+                let before = view.coordsAtPos(head, -1), assoc = 0;
+                if (before)
+                    assoc = view.inputState.lastTouchY <= before.bottom ? -1 : 1;
+                this.newSel = EditorSelection.create([EditorSelection.cursor(head, assoc)]);
+            }
+            else {
                 this.newSel = EditorSelection.single(anchor, head);
+            }
         }
     }
 }
@@ -39922,6 +39949,8 @@ class InputState {
         this.lastKeyCode = 0;
         this.lastKeyTime = 0;
         this.lastTouchTime = 0;
+        this.lastTouchX = 0;
+        this.lastTouchY = 0;
         this.lastFocusTime = 0;
         this.lastScrollTop = 0;
         this.lastScrollLeft = 0;
@@ -40045,9 +40074,9 @@ class InputState {
         // applyDOMChange, notify key handlers of it and reset to
         // the state they produce.
         let pending;
-        if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey &&
+        if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey && !event.shiftKey &&
             ((pending = PendingKeys.find(key => key.keyCode == event.keyCode)) && !event.ctrlKey ||
-                EmacsyPendingKeys.indexOf(event.key) > -1 && event.ctrlKey && !event.shiftKey)) {
+                EmacsyPendingKeys.indexOf(event.key) > -1 && event.ctrlKey)) {
             this.pendingIOSKey = pending || event;
             setTimeout(() => this.flushIOSKey(), 250);
             return true;
@@ -40365,8 +40394,13 @@ handlers.keydown = (view, event) => {
     return false;
 };
 observers.touchstart = (view, e) => {
-    view.inputState.lastTouchTime = Date.now();
-    view.inputState.setSelectionOrigin("select.pointer");
+    let iState = view.inputState, touch = e.targetTouches[0];
+    iState.lastTouchTime = Date.now();
+    if (touch) {
+        iState.lastTouchX = touch.clientX;
+        iState.lastTouchY = touch.clientY;
+    }
+    iState.setSelectionOrigin("select.pointer");
 };
 observers.touchmove = view => {
     view.inputState.setSelectionOrigin("select.pointer");
@@ -40446,10 +40480,10 @@ function basicMouseSelection(view, event) {
             if (start.pos != cur.pos && !extend) {
                 let startRange = rangeForClick(view, start.pos, start.assoc, type);
                 let from = Math.min(startRange.from, range.from), to = Math.max(startRange.to, range.to);
-                range = from < range.from ? EditorSelection.range(from, to) : EditorSelection.range(to, from);
+                range = from < range.from ? EditorSelection.range(from, to, range.assoc) : EditorSelection.range(to, from, range.assoc);
             }
             if (extend)
-                return startSel.replaceRange(startSel.main.extend(range.from, range.to));
+                return startSel.replaceRange(startSel.main.extend(range.from, range.to, range.assoc));
             else if (multiple && type == 1 && startSel.ranges.length > 1 && (removed = removeRangeAround(startSel, cur.pos)))
                 return removed;
             else if (multiple)
@@ -42307,6 +42341,21 @@ const baseTheme$1$2 = /*@__PURE__*/buildTheme("." + baseThemeID, {
     "&dark .cm-cursor": {
         borderLeftColor: "#ddd"
     },
+    ".cm-selectionHandle": {
+        backgroundColor: "currentColor",
+        width: "1.5px"
+    },
+    ".cm-selectionHandle-start::before, .cm-selectionHandle-end::before": {
+        content: '""',
+        backgroundColor: "inherit",
+        borderRadius: "50%",
+        width: "8px",
+        height: "8px",
+        position: "absolute",
+        left: "-3.25px"
+    },
+    ".cm-selectionHandle-start::before": { top: "-8px" },
+    ".cm-selectionHandle-end::before": { bottom: "-8px" },
     ".cm-dropCursor": {
         position: "absolute"
     },
@@ -44871,7 +44920,8 @@ const selectionConfig = /*@__PURE__*/Facet.define({
     combine(configs) {
         return combineConfig(configs, {
             cursorBlinkRate: 1200,
-            drawRangeCursor: true
+            drawRangeCursor: true,
+            iosSelectionHandles: true
         }, {
             cursorBlinkRate: (a, b) => Math.min(a, b),
             drawRangeCursor: (a, b) => a || b
@@ -44915,9 +44965,9 @@ const cursorLayer = /*@__PURE__*/layer({
         let cursors = [];
         for (let r of state.selection.ranges) {
             let prim = r == state.selection.main;
-            if (r.empty || conf.drawRangeCursor) {
+            if (r.empty || conf.drawRangeCursor && !(prim && browser.ios && conf.iosSelectionHandles)) {
                 let className = prim ? "cm-cursor cm-cursor-primary" : "cm-cursor cm-cursor-secondary";
-                let cursor = r.empty ? r : EditorSelection.cursor(r.head, r.head > r.anchor ? -1 : 1);
+                let cursor = r.empty ? r : EditorSelection.cursor(r.head, r.assoc);
                 for (let piece of RectangleMarker.forRange(view, className, cursor))
                     cursors.push(piece);
             }
@@ -44943,8 +44993,19 @@ function setBlinkRate(state, dom) {
 const selectionLayer = /*@__PURE__*/layer({
     above: false,
     markers(view) {
-        return view.state.selection.ranges.map(r => r.empty ? [] : RectangleMarker.forRange(view, "cm-selectionBackground", r))
-            .reduce((a, b) => a.concat(b));
+        let markers = [], { main, ranges } = view.state.selection;
+        for (let r of ranges)
+            if (!r.empty) {
+                for (let marker of RectangleMarker.forRange(view, "cm-selectionBackground", r))
+                    markers.push(marker);
+            }
+        if (browser.ios && !main.empty && view.state.facet(selectionConfig).iosSelectionHandles) {
+            for (let piece of RectangleMarker.forRange(view, "cm-selectionHandle cm-selectionHandle-start", EditorSelection.cursor(main.from, 1)))
+                markers.push(piece);
+            for (let piece of RectangleMarker.forRange(view, "cm-selectionHandle cm-selectionHandle-end", EditorSelection.cursor(main.to, 1)))
+                markers.push(piece);
+        }
+        return markers;
     },
     update(update, dom) {
         return update.docChanged || update.selectionSet || update.viewportChanged || configChanged(update);
@@ -51876,7 +51937,7 @@ const cursorMatchingBracket = ({ state, dispatch }) => toMatchingBracket(state,
 function extendSel(target, how) {
     let selection = updateSel(target.state.selection, range => {
         let head = how(range);
-        return EditorSelection.range(range.anchor, head.head, head.goalColumn, head.bidiLevel || undefined);
+        return EditorSelection.range(range.anchor, head.head, head.goalColumn, head.bidiLevel || undefined, head.assoc);
     });
     if (selection.eq(target.state.selection))
         return false;
@@ -59737,11 +59798,38 @@ function DropdownMenuShortcut({ className, ...props }) {
 }
 
 /**
- * Displays a generic empty state with a header and subtitle.
+ * A composable empty state component.
+ *
+ * https://ui.shadcn.com/docs/components/base/empty
  */
-function EmptyDisplay({ className, icon: Icon = MdFormatListBulleted, header, subtitle, actions, }) {
-    const strings = useComponentStrings();
-    return (jsxRuntimeExports.jsx("div", { className: cn$2('flex h-full items-center justify-center', className), children: jsxRuntimeExports.jsxs("div", { className: "flex max-w-xl flex-col items-center space-y-4 text-center", children: [jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx(Icon, { className: "size-20 text-muted-foreground" }) }), jsxRuntimeExports.jsx("h1", { children: header ?? strings.emptyDisplayDefaultHeader }), jsxRuntimeExports.jsx("p", { className: "text-muted-foreground", children: subtitle ?? strings.emptyDisplayDefaultContent }), actions] }) }));
+function Empty({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "empty", className: cn$2('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12', className), ...props }));
+}
+function EmptyHeader({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "empty-header", className: cn$2('flex max-w-sm flex-col items-center gap-2 text-center', className), ...props }));
+}
+const emptyMediaVariants = cva('mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function EmptyMedia({ className, variant = 'default', ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn$2(emptyMediaVariants({ variant, className })), ...props }));
+}
+function EmptyTitle({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "empty-title", className: cn$2('text-lg font-medium tracking-tight', className), ...props }));
+}
+function EmptyDescription({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "empty-description", className: cn$2('text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary', className), ...props }));
+}
+function EmptyContent({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "empty-content", className: cn$2('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className), ...props }));
 }
 
 const React$1i = await importShared('react');
@@ -59893,6 +59981,84 @@ function InputFieldController({ control, name, registerOptions, ...rest }) {
     return (jsxRuntimeExports.jsx(InputField, { register: control.register(name, registerOptions), error: error?.message, ...rest }));
 }
 
+const itemVariants = cva('group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted', {
+    variants: {
+        variant: {
+            default: 'border-transparent',
+            outline: 'border-border',
+            muted: 'border-transparent bg-muted/50',
+        },
+        size: {
+            default: 'gap-2.5 px-3 py-2.5',
+            sm: 'gap-2.5 px-3 py-2.5',
+            xs: 'gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const itemMediaVariants = cva('flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "[&_svg:not([class*='size-'])]:size-4",
+            image: 'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+/**
+ * A versatile flex container for displaying content with media, title,
+ * description, and actions.
+ *
+ * https://ui.shadcn.com/docs/components/base/item
+ */
+function Item({ className, variant = 'default', size = 'default', render, ...props }) {
+    return useRender({
+        defaultTagName: 'div',
+        props: mergeProps$1({
+            className: cn$2(itemVariants({ variant, size, className })),
+        }, props),
+        render,
+        state: {
+            slot: 'item',
+            variant,
+            size,
+        },
+    });
+}
+function ItemActions({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "item-actions", className: cn$2('flex items-center gap-2', className), ...props }));
+}
+function ItemContent({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "item-content", className: cn$2('flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none', className), ...props }));
+}
+function ItemDescription({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("p", { "data-slot": "item-description", className: cn$2('line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary', className), ...props }));
+}
+function ItemFooter({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "item-footer", className: cn$2('flex basis-full items-center justify-between gap-2', className), ...props }));
+}
+function ItemGroup({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { role: "list", "data-slot": "item-group", className: cn$2('group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2', className), ...props }));
+}
+function ItemHeader({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "item-header", className: cn$2('flex basis-full items-center justify-between gap-2', className), ...props }));
+}
+function ItemMedia({ className, variant = 'default', ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn$2(itemMediaVariants({ variant, className })), ...props }));
+}
+function ItemSeparator({ className, ...props }) {
+    return (jsxRuntimeExports.jsx(Separator, { ...props, "data-slot": "item-separator", orientation: "horizontal", className: cn$2('my-2', className) }));
+}
+function ItemTitle({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "item-title", className: cn$2('line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4', className), ...props }));
+}
+
 var classnames$1 = {exports: {}};
 
 /*!
@@ -66339,7 +66505,7 @@ function RecordViewItem({ className, title, children, }) {
     return (jsxRuntimeExports.jsxs("div", { className: cn$2('flex min-w-24 flex-col', className), children: [jsxRuntimeExports.jsx("div", { className: "text-sm font-medium text-muted-foreground", children: title }), jsxRuntimeExports.jsx("div", { className: "font-medium", children: children })] }));
 }
 function RecordViewActions({ className, children, }) {
-    return (jsxRuntimeExports.jsx("div", { className: cn$2('flex items-center gap-2', className), children: children }));
+    return (jsxRuntimeExports.jsx("div", { className: cn$2('flex items-center gap-4', className), children: children }));
 }
 
 const React$V = await importShared('react');
@@ -70175,7 +70341,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
             _setOpen(openState);
         }
         // This sets the cookie to keep the sidebar state.
-        // eslint-disable-next-line unicorn/no-document-cookie -- to ensure browser compatability
+        // oxlint-disable-next-line unicorn/no-document-cookie -- to ensure browser compatability
         document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
     }, [setOpenProp, open]);
     // Helper to toggle the sidebar.
@@ -73595,5 +73761,5 @@ function useDebounce(value, delay) {
     return debouncedValue;
 }
 
-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, EmptyDisplay, 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, 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, fieldVariants, genericForwardRef, inputVariants, mergeRefs, navigationMenuTriggerStyle, tabsListVariants, toast, useAutocompleteFilter, useComboboxAnchor, useConfirmDialog, useControlledState, useControllerMerged, useDebounce, useEventCallback, useFormField, useSidebar };
-//# sourceMappingURL=ui-components-Ds8y9Suz.js.map
+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-DX4jbl4M.js.map