@ah-automation.nl/component-lib 0.0.20 → 0.0.22

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as h, jsxs as W, Fragment as yn } from "react/jsx-runtime";
 import * as g from "react";
-import N, { forwardRef as qr, createElement as Cn, useState as At, useMemo as Ki, useLayoutEffect as Xi, useEffect as Yi, useRef as Zi } from "react";
+import P, { forwardRef as qr, createElement as Cn, useState as At, useMemo as Ki, useLayoutEffect as Xi, useEffect as Yi, useRef as Zi } from "react";
 import { Slot as Tn, Collapsible as zn, Dialog as Ge, Select as he, Popover as Vt, Checkbox as ir } from "radix-ui";
 import * as Ji from "react-dom";
 import Qi, { flushSync as ea } from "react-dom";
@@ -325,7 +325,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ea.test(e) && !_a.test(e)
-), Hn = () => !1, Fa = (e) => Ma.test(e), Da = (e) => Ia.test(e), Na = (e) => !P(e) && !O(e), Pa = (e) => $e(e, io, Hn), P = (e) => eo.test(e), He = (e) => $e(e, ao, ka), dr = (e) => $e(e, Ha, q), Oa = (e) => $e(e, lo, no), Aa = (e) => $e(e, so, Hn), fr = (e) => $e(e, ro, Hn), $a = (e) => $e(e, oo, Da), xt = (e) => $e(e, uo, Fa), O = (e) => to.test(e), lt = (e) => qe(e, ao), Ta = (e) => qe(e, so), gr = (e) => qe(e, ro), za = (e) => qe(e, io), Va = (e) => qe(e, oo), Rt = (e) => qe(e, uo, !0), La = (e) => qe(e, lo, !0), $e = (e, n, t) => {
+), Hn = () => !1, Fa = (e) => Ma.test(e), Da = (e) => Ia.test(e), Pa = (e) => !N(e) && !O(e), Na = (e) => $e(e, io, Hn), N = (e) => eo.test(e), He = (e) => $e(e, ao, ka), dr = (e) => $e(e, Ha, q), Oa = (e) => $e(e, lo, no), Aa = (e) => $e(e, so, Hn), fr = (e) => $e(e, ro, Hn), $a = (e) => $e(e, oo, Da), xt = (e) => $e(e, uo, Fa), O = (e) => to.test(e), lt = (e) => qe(e, ao), Ta = (e) => qe(e, so), gr = (e) => qe(e, ro), za = (e) => qe(e, io), Va = (e) => qe(e, oo), Rt = (e) => qe(e, uo, !0), La = (e) => qe(e, lo, !0), $e = (e, n, t) => {
   const r = eo.exec(e);
   return r ? r[1] ? n(r[1]) : t(r[2]) : !1;
 }, qe = (e, n, t = !1) => {
@@ -350,14 +350,14 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], _ = () => [...b(), O, P], F = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], C = () => [O, P, l], E = () => [ke, "full", "auto", ...C()], I = () => [Fe, "none", "subgrid", O, P], T = () => ["auto", {
-    span: ["full", Fe, O, P]
-  }, Fe, O, P], H = () => [Fe, "auto", O, P], $ = () => ["auto", "min", "max", "fr", O, P], ne = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], J = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Q = () => ["auto", ...C()], ee = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], ce = () => [ke, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], fe = () => [ke, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], A = () => [e, O, P], ze = () => [...b(), gr, fr, {
-    position: [O, P]
+  ], _ = () => [...b(), O, N], F = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], C = () => [O, N, l], E = () => [ke, "full", "auto", ...C()], I = () => [Fe, "none", "subgrid", O, N], T = () => ["auto", {
+    span: ["full", Fe, O, N]
+  }, Fe, O, N], H = () => [Fe, "auto", O, N], $ = () => ["auto", "min", "max", "fr", O, N], ne = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], J = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Q = () => ["auto", ...C()], ee = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], ce = () => [ke, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], fe = () => [ke, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], A = () => [e, O, N], ze = () => [...b(), gr, fr, {
+    position: [O, N]
   }], M = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], z = () => ["auto", "cover", "contain", za, Pa, {
-    size: [O, P]
+  }], z = () => ["auto", "cover", "contain", za, Na, {
+    size: [O, N]
   }], U = () => [Xt, lt, He], D = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
@@ -365,15 +365,15 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
     "full",
     u,
     O,
-    P
+    N
   ], B = () => ["", q, lt, He], X = () => ["solid", "dashed", "dotted", "double"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => [q, Xt, gr, fr], ve = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     v,
     O,
-    P
-  ], be = () => ["none", q, O, P], Ve = () => ["none", q, O, P], Xe = () => [q, O, P], j = () => [ke, "full", ...C()];
+    N
+  ], be = () => ["none", q, O, N], Ve = () => ["none", q, O, N], Xe = () => [q, O, N], j = () => [ke, "full", ...C()];
   return {
     cacheSize: 500,
     theme: {
@@ -385,7 +385,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
       container: [Re],
       "drop-shadow": [Re],
       ease: ["in", "out", "in-out"],
-      font: [Na],
+      font: [Pa],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [Re],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -406,7 +406,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ke, P, O, S]
+        aspect: ["auto", "square", ke, N, O, S]
       }],
       /**
        * Container
@@ -419,7 +419,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [q, P, O, s]
+        columns: [q, N, O, s]
       }],
       /**
        * Break After
@@ -645,7 +645,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Fe, "auto", O, P]
+        z: [Fe, "auto", O, N]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -676,28 +676,28 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [q, ke, "auto", "initial", "none", P]
+        flex: [q, ke, "auto", "initial", "none", N]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", q, O, P]
+        grow: ["", q, O, N]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", q, O, P]
+        shrink: ["", q, O, N]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Fe, "first", "last", "none", O, P]
+        order: [Fe, "first", "last", "none", O, N]
       }],
       /**
        * Grid Template Columns
@@ -1186,7 +1186,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Xt, P]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Xt, N]
       }],
       /**
        * Font Family
@@ -1200,7 +1200,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [P]
+        "font-features": [N]
       }],
       /**
        * Font Variant Numeric
@@ -1237,7 +1237,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [o, O, P]
+        tracking: [o, O, N]
       }],
       /**
        * Line Clamp
@@ -1262,7 +1262,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", O, P]
+        "list-image": ["none", O, N]
       }],
       /**
        * List Style Position
@@ -1276,7 +1276,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", O, P]
+        list: ["disc", "decimal", "none", O, N]
       }],
       /**
        * Text Alignment
@@ -1331,7 +1331,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [q, "auto", O, P]
+        "underline-offset": [q, "auto", O, N]
       }],
       /**
        * Text Transform
@@ -1362,7 +1362,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", O, P]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", O, N]
       }],
       /**
        * Whitespace
@@ -1397,7 +1397,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", O, P]
+        content: ["none", O, N]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1452,9 +1452,9 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Fe, O, P],
-          radial: ["", O, P],
-          conic: [Fe, O, P]
+          }, Fe, O, N],
+          radial: ["", O, N],
+          conic: [Fe, O, N]
         }, Va, $a]
       }],
       /**
@@ -1825,7 +1825,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [q, O, P]
+        "outline-offset": [q, O, N]
       }],
       /**
        * Outline Width
@@ -1951,7 +1951,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [q, O, P]
+        opacity: [q, O, N]
       }],
       /**
        * Mix Blend Mode
@@ -2073,7 +2073,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
         "mask-y-to": A()
       }],
       "mask-image-radial": [{
-        "mask-radial": [O, P]
+        "mask-radial": [O, N]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": K()
@@ -2161,7 +2161,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", O, P]
+        mask: ["none", O, N]
       }],
       // ---------------
       // --- Filters ---
@@ -2176,7 +2176,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
           "",
           "none",
           O,
-          P
+          N
         ]
       }],
       /**
@@ -2191,14 +2191,14 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [q, O, P]
+        brightness: [q, O, N]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [q, O, P]
+        contrast: [q, O, N]
       }],
       /**
        * Drop Shadow
@@ -2226,35 +2226,35 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", q, O, P]
+        grayscale: ["", q, O, N]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [q, O, P]
+        "hue-rotate": [q, O, N]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", q, O, P]
+        invert: ["", q, O, N]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [q, O, P]
+        saturate: [q, O, N]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", q, O, P]
+        sepia: ["", q, O, N]
       }],
       /**
        * Backdrop Filter
@@ -2266,7 +2266,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
           "",
           "none",
           O,
-          P
+          N
         ]
       }],
       /**
@@ -2281,56 +2281,56 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [q, O, P]
+        "backdrop-brightness": [q, O, N]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [q, O, P]
+        "backdrop-contrast": [q, O, N]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", q, O, P]
+        "backdrop-grayscale": ["", q, O, N]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [q, O, P]
+        "backdrop-hue-rotate": [q, O, N]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", q, O, P]
+        "backdrop-invert": ["", q, O, N]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [q, O, P]
+        "backdrop-opacity": [q, O, N]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [q, O, P]
+        "backdrop-saturate": [q, O, N]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", q, O, P]
+        "backdrop-sepia": ["", q, O, N]
       }],
       // --------------
       // --- Tables ---
@@ -2385,7 +2385,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", O, P]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", O, N]
       }],
       /**
        * Transition Behavior
@@ -2399,28 +2399,28 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [q, "initial", O, P]
+        duration: [q, "initial", O, N]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", w, O, P]
+        ease: ["linear", "initial", w, O, N]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [q, O, P]
+        delay: [q, O, N]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", x, O, P]
+        animate: ["none", x, O, N]
       }],
       // ------------------
       // --- Transforms ---
@@ -2437,7 +2437,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [p, O, P]
+        perspective: [p, O, N]
       }],
       /**
        * Perspective Origin
@@ -2533,7 +2533,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [O, P, "", "none", "gpu", "cpu"]
+        transform: [O, N, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -2618,7 +2618,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", O, P]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", O, N]
       }],
       /**
        * Field Sizing
@@ -2868,7 +2868,7 @@ const ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sr = Xr, V
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", O, P]
+        "will-change": ["auto", "scroll", "contents", "transform", O, N]
       }],
       // -----------
       // --- SVG ---
@@ -3108,7 +3108,7 @@ const ss = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], go = Te("x", ss);
-function Pe(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function Ne(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(o) {
     if (e?.(o), t === !1 || !o.defaultPrevented)
       return n?.(o);
@@ -3384,9 +3384,9 @@ var Es = "DismissableLayer", Rn = "dismissableLayer.update", _s = "dismissableLa
           pointerEvents: y ? b ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: Pe(e.onFocusCapture, F.onFocusCapture),
-        onBlurCapture: Pe(e.onBlurCapture, F.onBlurCapture),
-        onPointerDownCapture: Pe(
+        onFocusCapture: Ne(e.onFocusCapture, F.onFocusCapture),
+        onBlurCapture: Ne(e.onBlurCapture, F.onBlurCapture),
+        onPointerDownCapture: Ne(
           e.onPointerDownCapture,
           _.onPointerDownCapture
         )
@@ -3458,7 +3458,7 @@ function vo(e, n, t, { discrete: r }) {
   const o = t.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
   n && o.addEventListener(e, n, { once: !0 }), r ? xs(o, i) : o.dispatchEvent(i);
 }
-var Yt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", br = { bubbles: !1, cancelable: !0 }, Ns = "FocusScope", bo = g.forwardRef((e, n) => {
+var Yt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", br = { bubbles: !1, cancelable: !0 }, Ps = "FocusScope", bo = g.forwardRef((e, n) => {
   const {
     loop: t = !1,
     trapped: r = !1,
@@ -3501,7 +3501,7 @@ var Yt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", br
       const p = document.activeElement;
       if (!s.contains(p)) {
         const w = new CustomEvent(Yt, br);
-        s.addEventListener(Yt, u), s.dispatchEvent(w), w.defaultPrevented || (Ps(zs(wo(s)), { select: !0 }), document.activeElement === p && De(s));
+        s.addEventListener(Yt, u), s.dispatchEvent(w), w.defaultPrevented || (Ns(zs(wo(s)), { select: !0 }), document.activeElement === p && De(s));
       }
       return () => {
         s.removeEventListener(Yt, u), setTimeout(() => {
@@ -3524,8 +3524,8 @@ var Yt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", br
   );
   return /* @__PURE__ */ h(ue.div, { tabIndex: -1, ...a, ref: d, onKeyDown: v });
 });
-bo.displayName = Ns;
-function Ps(e, { select: n = !1 } = {}) {
+bo.displayName = Ps;
+function Ns(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const r of e)
     if (De(r, { select: n }), document.activeElement !== t) return;
@@ -4225,9 +4225,9 @@ var _l = function(e) {
   );
 };
 Do.displayName = jt;
-var No = "DialogTrigger", Dl = g.forwardRef(
+var Po = "DialogTrigger", Dl = g.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, ...r } = e, o = ye(No, t), i = Ke(n, o.triggerRef);
+    const { __scopeDialog: t, ...r } = e, o = ye(Po, t), i = Ke(n, o.triggerRef);
     return /* @__PURE__ */ h(
       ue.button,
       {
@@ -4238,33 +4238,33 @@ var No = "DialogTrigger", Dl = g.forwardRef(
         "data-state": Wn(o.open),
         ...r,
         ref: i,
-        onClick: Pe(e.onClick, o.onOpenToggle)
+        onClick: Ne(e.onClick, o.onOpenToggle)
       }
     );
   }
 );
-Dl.displayName = No;
-var Bn = "DialogPortal", [Nl, Po] = Fo(Bn, {
+Dl.displayName = Po;
+var Bn = "DialogPortal", [Pl, No] = Fo(Bn, {
   forceMount: void 0
 }), Oo = (e) => {
   const { __scopeDialog: n, forceMount: t, children: r, container: o } = e, i = ye(Bn, n);
-  return /* @__PURE__ */ h(Nl, { scope: n, forceMount: t, children: g.Children.map(r, (a) => /* @__PURE__ */ h(Gt, { present: t || i.open, children: /* @__PURE__ */ h(So, { asChild: !0, container: o, children: a }) })) });
+  return /* @__PURE__ */ h(Pl, { scope: n, forceMount: t, children: g.Children.map(r, (a) => /* @__PURE__ */ h(Gt, { present: t || i.open, children: /* @__PURE__ */ h(So, { asChild: !0, container: o, children: a }) })) });
 };
 Oo.displayName = Bn;
 var Ht = "DialogOverlay", Ao = g.forwardRef(
   (e, n) => {
-    const t = Po(Ht, e.__scopeDialog), { forceMount: r = t.forceMount, ...o } = e, i = ye(Ht, e.__scopeDialog);
+    const t = No(Ht, e.__scopeDialog), { forceMount: r = t.forceMount, ...o } = e, i = ye(Ht, e.__scopeDialog);
     return i.modal ? /* @__PURE__ */ h(Gt, { present: r || i.open, children: /* @__PURE__ */ h(Ol, { ...o, ref: n }) }) : null;
   }
 );
 Ao.displayName = Ht;
-var Pl = /* @__PURE__ */ mo("DialogOverlay.RemoveScroll"), Ol = g.forwardRef(
+var Nl = /* @__PURE__ */ mo("DialogOverlay.RemoveScroll"), Ol = g.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...r } = e, o = ye(Ht, t);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ h(Io, { as: Pl, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ h(
+      /* @__PURE__ */ h(Io, { as: Nl, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ h(
         ue.div,
         {
           "data-state": Wn(o.open),
@@ -4277,7 +4277,7 @@ var Pl = /* @__PURE__ */ mo("DialogOverlay.RemoveScroll"), Ol = g.forwardRef(
   }
 ), je = "DialogContent", $o = g.forwardRef(
   (e, n) => {
-    const t = Po(je, e.__scopeDialog), { forceMount: r = t.forceMount, ...o } = e, i = ye(je, e.__scopeDialog);
+    const t = No(je, e.__scopeDialog), { forceMount: r = t.forceMount, ...o } = e, i = ye(je, e.__scopeDialog);
     return /* @__PURE__ */ h(Gt, { present: r || i.open, children: i.modal ? /* @__PURE__ */ h(Al, { ...o, ref: n }) : /* @__PURE__ */ h($l, { ...o, ref: n }) });
   }
 );
@@ -4295,14 +4295,14 @@ var Al = g.forwardRef(
         ref: o,
         trapFocus: t.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: Pe(e.onCloseAutoFocus, (i) => {
+        onCloseAutoFocus: Ne(e.onCloseAutoFocus, (i) => {
           i.preventDefault(), t.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: Pe(e.onPointerDownOutside, (i) => {
+        onPointerDownOutside: Ne(e.onPointerDownOutside, (i) => {
           const a = i.detail.originalEvent, s = a.button === 0 && a.ctrlKey === !0;
           (a.button === 2 || s) && i.preventDefault();
         }),
-        onFocusOutside: Pe(
+        onFocusOutside: Ne(
           e.onFocusOutside,
           (i) => i.preventDefault()
         )
@@ -4386,7 +4386,7 @@ var Lo = "DialogClose", Ho = g.forwardRef(
         type: "button",
         ...r,
         ref: n,
-        onClick: Pe(e.onClick, () => o.onOpenChange(!1))
+        onClick: Ne(e.onClick, () => o.onOpenChange(!1))
       }
     );
   }
@@ -4420,7 +4420,7 @@ function Gl(e) {
   let n = document.head || document.getElementsByTagName("head")[0], t = document.createElement("style");
   t.type = "text/css", n.appendChild(t), t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
 }
-const Ko = N.createContext({
+const Ko = P.createContext({
   drawerRef: {
     current: null
   },
@@ -4468,7 +4468,7 @@ const Ko = N.createContext({
   container: null,
   autoFocus: !1
 }), wt = () => {
-  const e = N.useContext(Ko);
+  const e = P.useContext(Ko);
   if (!e)
     throw new Error("useDrawerContext must be used within a Drawer.Root");
   return e;
@@ -4683,14 +4683,14 @@ const re = {
   ]
 }, Qo = 0.4, iu = 0.25, au = 100, ei = 8, Be = 16, Mn = 26, sn = "vaul-dragging";
 function ti(e) {
-  const n = N.useRef(e);
-  return N.useEffect(() => {
+  const n = P.useRef(e);
+  return P.useEffect(() => {
     n.current = e;
-  }), N.useMemo(() => (...t) => n.current == null ? void 0 : n.current.call(n, ...t), []);
+  }), P.useMemo(() => (...t) => n.current == null ? void 0 : n.current.call(n, ...t), []);
 }
 function su({ defaultProp: e, onChange: n }) {
-  const t = N.useState(e), [r] = t, o = N.useRef(r), i = ti(n);
-  return N.useEffect(() => {
+  const t = P.useState(e), [r] = t, o = P.useRef(r), i = ti(n);
+  return P.useEffect(() => {
     o.current !== r && (i(r), o.current = r);
   }, [
     r,
@@ -4703,7 +4703,7 @@ function ni({ prop: e, defaultProp: n, onChange: t = () => {
   const [r, o] = su({
     defaultProp: n,
     onChange: t
-  }), i = e !== void 0, a = i ? e : r, s = ti(t), l = N.useCallback((u) => {
+  }), i = e !== void 0, a = i ? e : r, s = ti(t), l = P.useCallback((u) => {
     if (i) {
       const m = typeof u == "function" ? u(e) : u;
       m !== e && s(m);
@@ -4725,11 +4725,11 @@ function lu({ activeSnapPointProp: e, setActiveSnapPointProp: n, snapPoints: t,
     prop: e,
     defaultProp: t?.[0],
     onChange: n
-  }), [d, f] = N.useState(typeof window < "u" ? {
+  }), [d, f] = P.useState(typeof window < "u" ? {
     innerWidth: window.innerWidth,
     innerHeight: window.innerHeight
   } : void 0);
-  N.useEffect(() => {
+  P.useEffect(() => {
     function R() {
       f({
         innerWidth: window.innerWidth,
@@ -4738,16 +4738,16 @@ function lu({ activeSnapPointProp: e, setActiveSnapPointProp: n, snapPoints: t,
     }
     return window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
   }, []);
-  const v = N.useMemo(() => c === t?.[t.length - 1] || null, [
+  const v = P.useMemo(() => c === t?.[t.length - 1] || null, [
     t,
     c
-  ]), p = N.useMemo(() => {
+  ]), p = P.useMemo(() => {
     var R;
     return (R = t?.findIndex((C) => C === c)) != null ? R : null;
   }, [
     t,
     c
-  ]), S = t && t.length > 0 && (i || i === 0) && !Number.isNaN(i) && t[i] === c || !t, w = N.useMemo(() => {
+  ]), S = t && t.length > 0 && (i || i === 0) && !Number.isNaN(i) && t[i] === c || !t, w = P.useMemo(() => {
     const R = l ? {
       width: l.getBoundingClientRect().width,
       height: l.getBoundingClientRect().height
@@ -4773,10 +4773,10 @@ function lu({ activeSnapPointProp: e, setActiveSnapPointProp: n, snapPoints: t,
     t,
     d,
     l
-  ]), x = N.useMemo(() => p !== null ? w?.[p] : null, [
+  ]), x = P.useMemo(() => p !== null ? w?.[p] : null, [
     w,
     p
-  ]), y = N.useCallback((R) => {
+  ]), y = P.useCallback((R) => {
     var C;
     const E = (C = w?.findIndex((I) => I === R)) != null ? C : null;
     a(E), le(r.current, {
@@ -4797,7 +4797,7 @@ function lu({ activeSnapPointProp: e, setActiveSnapPointProp: n, snapPoints: t,
     o,
     m
   ]);
-  N.useEffect(() => {
+  P.useEffect(() => {
     if (c || e) {
       var R;
       const C = (R = t?.findIndex((E) => E === e || E === c)) != null ? R : -1;
@@ -4868,11 +4868,11 @@ function lu({ activeSnapPointProp: e, setActiveSnapPointProp: n, snapPoints: t,
 const uu = () => () => {
 };
 function cu() {
-  const { direction: e, isOpen: n, shouldScaleBackground: t, setBackgroundColorOnScale: r, noBodyStyles: o } = wt(), i = N.useRef(null), a = Ki(() => document.body.style.backgroundColor, []);
+  const { direction: e, isOpen: n, shouldScaleBackground: t, setBackgroundColorOnScale: r, noBodyStyles: o } = wt(), i = P.useRef(null), a = Ki(() => document.body.style.backgroundColor, []);
   function s() {
     return (window.innerWidth - Mn) / window.innerWidth;
   }
-  N.useEffect(() => {
+  P.useEffect(() => {
     if (n && t) {
       i.current && clearTimeout(i.current);
       const l = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
@@ -4908,7 +4908,7 @@ function cu() {
 }
 let ct = null;
 function du({ isOpen: e, modal: n, nested: t, hasBeenOpened: r, preventScrollRestoration: o, noBodyStyles: i }) {
-  const [a, s] = N.useState(() => typeof window < "u" ? window.location.href : ""), l = N.useRef(0), u = N.useCallback(() => {
+  const [a, s] = P.useState(() => typeof window < "u" ? window.location.href : ""), l = P.useRef(0), u = P.useCallback(() => {
     if (Ir() && ct === null && e && !i) {
       ct = {
         position: document.body.style.position,
@@ -4930,7 +4930,7 @@ function du({ isOpen: e, modal: n, nested: t, hasBeenOpened: r, preventScrollRes
     }
   }, [
     e
-  ]), c = N.useCallback(() => {
+  ]), c = P.useCallback(() => {
     if (Ir() && ct !== null && !i) {
       const m = -parseInt(document.body.style.top, 10), d = -parseInt(document.body.style.left, 10);
       Object.assign(document.body.style, ct), window.requestAnimationFrame(() => {
@@ -4944,14 +4944,14 @@ function du({ isOpen: e, modal: n, nested: t, hasBeenOpened: r, preventScrollRes
   }, [
     a
   ]);
-  return N.useEffect(() => {
+  return P.useEffect(() => {
     function m() {
       l.current = window.scrollY;
     }
     return m(), window.addEventListener("scroll", m), () => {
       window.removeEventListener("scroll", m);
     };
-  }, []), N.useEffect(() => {
+  }, []), P.useEffect(() => {
     if (n)
       return () => {
         typeof document > "u" || document.querySelector("[data-vaul-drawer]") || c();
@@ -4959,7 +4959,7 @@ function du({ isOpen: e, modal: n, nested: t, hasBeenOpened: r, preventScrollRes
   }, [
     n,
     c
-  ]), N.useEffect(() => {
+  ]), P.useEffect(() => {
     t || !r || (e ? (!window.matchMedia("(display-mode: standalone)").matches && u(), n || window.setTimeout(() => {
       c();
     }, 500)) : c());
@@ -4987,7 +4987,7 @@ function fu({ open: e, onOpenChange: n, children: t, onDrag: r, onRelease: o, sn
         document.body.style.pointerEvents = "auto";
       }), G || (document.body.style.pointerEvents = "auto");
     }
-  }), [ee, ce] = N.useState(!1), [fe, A] = N.useState(!1), [ze, M] = N.useState(!1), z = N.useRef(null), U = N.useRef(null), D = N.useRef(null), B = N.useRef(null), X = N.useRef(null), oe = N.useRef(!1), K = N.useRef(null), ve = N.useRef(0), be = N.useRef(!1), Ve = N.useRef(!_), Xe = N.useRef(0), j = N.useRef(null), Jn = N.useRef((($ = j.current) == null ? void 0 : $.getBoundingClientRect().height) || 0), Qn = N.useRef(((ne = j.current) == null ? void 0 : ne.getBoundingClientRect().width) || 0), Kt = N.useRef(0), Ai = N.useCallback((G) => {
+  }), [ee, ce] = P.useState(!1), [fe, A] = P.useState(!1), [ze, M] = P.useState(!1), z = P.useRef(null), U = P.useRef(null), D = P.useRef(null), B = P.useRef(null), X = P.useRef(null), oe = P.useRef(!1), K = P.useRef(null), ve = P.useRef(0), be = P.useRef(!1), Ve = P.useRef(!_), Xe = P.useRef(0), j = P.useRef(null), Jn = P.useRef((($ = j.current) == null ? void 0 : $.getBoundingClientRect().height) || 0), Qn = P.useRef(((ne = j.current) == null ? void 0 : ne.getBoundingClientRect().width) || 0), Kt = P.useRef(0), Ai = P.useCallback((G) => {
     i && G === at.length - 1 && (U.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: $i, activeSnapPointIndex: Ye, setActiveSnapPoint: er, onRelease: Ti, snapPointsOffset: at, onDrag: zi, shouldFade: tr, getPercentageDragged: Vi } = lu({
     snapPoints: i,
@@ -5089,11 +5089,11 @@ function fu({ open: e, onOpenChange: n, children: t, onDrag: r, onRelease: o, sn
       }
     }
   }
-  N.useEffect(() => {
+  P.useEffect(() => {
     window.requestAnimationFrame(() => {
       Ve.current = !0;
     });
-  }, []), N.useEffect(() => {
+  }, []), P.useEffect(() => {
     var G;
     function Z() {
       if (!j.current || !E) return;
@@ -5193,7 +5193,7 @@ function fu({ open: e, onOpenChange: n, children: t, onDrag: r, onRelease: o, sn
     }
     o?.(G, !0), rr();
   }
-  N.useEffect(() => (J && (le(document.documentElement, {
+  P.useEffect(() => (J && (le(document.documentElement, {
     scrollBehavior: "auto"
   }), U.current = /* @__PURE__ */ new Date()), () => {
     nu(document.documentElement, "scrollBehavior");
@@ -5228,19 +5228,19 @@ function fu({ open: e, onOpenChange: n, children: t, onDrag: r, onRelease: o, sn
       transform: ae(b) ? `scale(${Y}) translate3d(0, ${ie}px, 0)` : `scale(${Y}) translate3d(${ie}px, 0, 0)`
     });
   }
-  return N.useEffect(() => {
+  return P.useEffect(() => {
     S || window.requestAnimationFrame(() => {
       document.body.style.pointerEvents = "auto";
     });
   }, [
     S
-  ]), /* @__PURE__ */ N.createElement(Wo, {
+  ]), /* @__PURE__ */ P.createElement(Wo, {
     defaultOpen: _,
     onOpenChange: (G) => {
       !c && !G || (G ? ce(!0) : st(!0), Q(G));
     },
     open: J
-  }, /* @__PURE__ */ N.createElement(Ko.Provider, {
+  }, /* @__PURE__ */ P.createElement(Ko.Provider, {
     value: {
       activeSnapPoint: $i,
       snapPoints: i,
@@ -5274,14 +5274,14 @@ function fu({ open: e, onOpenChange: n, children: t, onDrag: r, onRelease: o, sn
     }
   }, t));
 }
-const ri = /* @__PURE__ */ N.forwardRef(function({ ...e }, n) {
+const ri = /* @__PURE__ */ P.forwardRef(function({ ...e }, n) {
   const { overlayRef: t, snapPoints: r, onRelease: o, shouldFade: i, isOpen: a, modal: s, shouldAnimate: l } = wt(), u = Zo(n, t), c = r && r.length > 0;
   if (!s)
     return null;
-  const m = N.useCallback((d) => o(d), [
+  const m = P.useCallback((d) => o(d), [
     o
   ]);
-  return /* @__PURE__ */ N.createElement(Uo, {
+  return /* @__PURE__ */ P.createElement(Uo, {
     onMouseUp: m,
     ref: u,
     "data-vaul-overlay": "",
@@ -5292,8 +5292,8 @@ const ri = /* @__PURE__ */ N.forwardRef(function({ ...e }, n) {
   });
 });
 ri.displayName = "Drawer.Overlay";
-const oi = /* @__PURE__ */ N.forwardRef(function({ onPointerDownOutside: e, style: n, onOpenAutoFocus: t, ...r }, o) {
-  const { drawerRef: i, onPress: a, onRelease: s, onDrag: l, keyboardIsOpen: u, snapPointsOffset: c, activeSnapPointIndex: m, modal: d, isOpen: f, direction: v, snapPoints: p, container: S, handleOnly: w, shouldAnimate: x, autoFocus: y } = wt(), [b, _] = N.useState(!1), F = Zo(o, i), R = N.useRef(null), C = N.useRef(null), E = N.useRef(!1), I = p && p.length > 0;
+const oi = /* @__PURE__ */ P.forwardRef(function({ onPointerDownOutside: e, style: n, onOpenAutoFocus: t, ...r }, o) {
+  const { drawerRef: i, onPress: a, onRelease: s, onDrag: l, keyboardIsOpen: u, snapPointsOffset: c, activeSnapPointIndex: m, modal: d, isOpen: f, direction: v, snapPoints: p, container: S, handleOnly: w, shouldAnimate: x, autoFocus: y } = wt(), [b, _] = P.useState(!1), F = Zo(o, i), R = P.useRef(null), C = P.useRef(null), E = P.useRef(!1), I = p && p.length > 0;
   cu();
   const T = ($, ne, J = 0) => {
     if (E.current) return !0;
@@ -5308,7 +5308,7 @@ const oi = /* @__PURE__ */ N.forwardRef(function({ onPointerDownOutside: e, styl
       return !ce;
     return E.current = !0, !0;
   };
-  N.useEffect(() => {
+  P.useEffect(() => {
     I && window.requestAnimationFrame(() => {
       _(!0);
     });
@@ -5316,7 +5316,7 @@ const oi = /* @__PURE__ */ N.forwardRef(function({ onPointerDownOutside: e, styl
   function H($) {
     R.current = null, E.current = !1, s($);
   }
-  return /* @__PURE__ */ N.createElement(qo, {
+  return /* @__PURE__ */ P.createElement(qo, {
     "data-vaul-drawer-direction": v,
     "data-vaul-drawer": "",
     "data-vaul-delayed-snap-points": b ? "true" : "false",
@@ -5371,8 +5371,8 @@ const oi = /* @__PURE__ */ N.forwardRef(function({ onPointerDownOutside: e, styl
   });
 });
 oi.displayName = "Drawer.Content";
-const gu = 250, mu = 120, pu = /* @__PURE__ */ N.forwardRef(function({ preventCycle: e = !1, children: n, ...t }, r) {
-  const { closeDrawer: o, isDragging: i, snapPoints: a, activeSnapPoint: s, setActiveSnapPoint: l, dismissible: u, handleOnly: c, isOpen: m, onPress: d, onDrag: f } = wt(), v = N.useRef(null), p = N.useRef(!1);
+const gu = 250, mu = 120, pu = /* @__PURE__ */ P.forwardRef(function({ preventCycle: e = !1, children: n, ...t }, r) {
+  const { closeDrawer: o, isDragging: i, snapPoints: a, activeSnapPoint: s, setActiveSnapPoint: l, dismissible: u, handleOnly: c, isOpen: m, onPress: d, onDrag: f } = wt(), v = P.useRef(null), p = P.useRef(!1);
   function S() {
     if (p.current) {
       y();
@@ -5408,7 +5408,7 @@ const gu = 250, mu = 120, pu = /* @__PURE__ */ N.forwardRef(function({ preventCy
   function y() {
     v.current && window.clearTimeout(v.current), p.current = !1;
   }
-  return /* @__PURE__ */ N.createElement("div", {
+  return /* @__PURE__ */ P.createElement("div", {
     onClick: S,
     onPointerCancel: y,
     onPointerDown: (b) => {
@@ -5423,7 +5423,7 @@ const gu = 250, mu = 120, pu = /* @__PURE__ */ N.forwardRef(function({ preventCy
     "data-vaul-handle": "",
     "aria-hidden": "true",
     ...t
-  }, /* @__PURE__ */ N.createElement("span", {
+  }, /* @__PURE__ */ P.createElement("span", {
     "data-vaul-handle-hitarea": "",
     "aria-hidden": "true"
   }, n));
@@ -5431,7 +5431,7 @@ const gu = 250, mu = 120, pu = /* @__PURE__ */ N.forwardRef(function({ preventCy
 pu.displayName = "Drawer.Handle";
 function hu(e) {
   const n = wt(), { container: t = n.container, ...r } = e;
-  return /* @__PURE__ */ N.createElement(jo, {
+  return /* @__PURE__ */ P.createElement(jo, {
     container: t,
     ...r
   });
@@ -5664,7 +5664,7 @@ function Du({ className: e, ...n }) {
     }
   );
 }
-function Nu({
+function Pu({
   className: e,
   ...n
 }) {
@@ -5677,7 +5677,7 @@ function Nu({
     }
   );
 }
-function Pu({
+function Nu({
   className: e,
   ...n
 }) {
@@ -5764,7 +5764,7 @@ function Hu({
     {
       "data-slot": "sidebar",
       className: k(
-        "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+        "flex h-full w-(--sidebar-width) flex-col bg-white text-sidebar-foreground",
         r
       ),
       ...a,
@@ -5784,8 +5784,8 @@ function Hu({
       side: e,
       children: [
         /* @__PURE__ */ W(Du, { className: "sr-only", children: [
-          /* @__PURE__ */ h(Nu, { children: "Sidebar" }),
-          /* @__PURE__ */ h(Pu, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ h(Pu, { children: "Sidebar" }),
+          /* @__PURE__ */ h(Nu, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ h("div", { className: "flex h-full w-full flex-col", children: o })
       ]
@@ -5829,7 +5829,10 @@ function Hu({
               {
                 "data-sidebar": "sidebar",
                 "data-slot": "sidebar-inner",
-                className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+                className: k(
+                  "flex size-full flex-col bg-white group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+                  r
+                ),
                 children: o
               }
             )
@@ -5925,7 +5928,7 @@ function qu({
     }
   );
 }
-function Nr({ className: e, ...n }) {
+function Pr({ className: e, ...n }) {
   return /* @__PURE__ */ h(
     "ul",
     {
@@ -5936,7 +5939,7 @@ function Nr({ className: e, ...n }) {
     }
   );
 }
-function Pr({ className: e, ...n }) {
+function Nr({ className: e, ...n }) {
   return /* @__PURE__ */ h(
     "li",
     {
@@ -6123,7 +6126,7 @@ function ef({
   ), w = g.useCallback(
     (y) => {
       const b = y.icon, _ = y.route === t;
-      return /* @__PURE__ */ h(Nr, { className: "gap-1", children: /* @__PURE__ */ W(Pr, { className: k(m, y.className), children: [
+      return /* @__PURE__ */ h(Pr, { className: "gap-1", children: /* @__PURE__ */ W(Nr, { className: k(m, y.className), children: [
         /* @__PURE__ */ h(
           Or,
           {
@@ -6166,7 +6169,7 @@ function ef({
           })),
           className: "group/collapsible",
           children: /* @__PURE__ */ W(Uu, { className: y.className + " !p-0", children: [
-            /* @__PURE__ */ h(Nr, { className: "gap-1", children: /* @__PURE__ */ h(Pr, { children: /* @__PURE__ */ h(Ru, { asChild: !0, children: /* @__PURE__ */ W(
+            /* @__PURE__ */ h(Pr, { className: "gap-1", children: /* @__PURE__ */ h(Nr, { children: /* @__PURE__ */ h(Ru, { asChild: !0, children: /* @__PURE__ */ W(
               Or,
               {
                 className: k(
@@ -6241,7 +6244,7 @@ function ef({
                   "border-b border-sidebar-border/70 p-2",
                   l
                 ),
-                children: /* @__PURE__ */ h("div", { className: "flex min-h-8 items-center gap-2", children: i ? /* @__PURE__ */ h("div", { className: "min-w-0 flex-1 group-data-[collapsible=icon]:hidden p-2", children: i }) : null })
+                children: i ? /* @__PURE__ */ h("div", { className: "min-w-0 flex-1 group-data-[collapsible=icon]:hidden p-2", children: i }) : null
               }
             ),
             /* @__PURE__ */ h(ju, { className: k("p-2", u), children: /* @__PURE__ */ h("div", { className: k("flex flex-col gap-1", c), children: f.map((y) => y.kind === "item" ? w(y.item) : x(y.group, y.groupIndex)) }) }),
@@ -6735,7 +6738,7 @@ function Ut({ asChild: e, children: n }, t) {
   return e && g.isValidElement(n) ? g.cloneElement(Fc(n), { ref: n.ref }, t(n.props.children)) : t(n);
 }
 var Dc = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
-function Nc({ className: e, ...n }) {
+function Pc({ className: e, ...n }) {
   return /* @__PURE__ */ h(
     "div",
     {
@@ -6749,7 +6752,7 @@ function Nc({ className: e, ...n }) {
     }
   );
 }
-const Pc = Vn(
+const Nc = Vn(
   "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -6776,7 +6779,7 @@ function Oc({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": n,
-      className: k(Pc({ align: n }), e),
+      className: k(Nc({ align: n }), e),
       onClick: (r) => {
         r.target.closest("button") || r.currentTarget.parentElement?.querySelector("input")?.focus();
       },
@@ -6804,7 +6807,7 @@ function bi({
   className: e,
   ...n
 }) {
-  return /* @__PURE__ */ h("div", { "data-slot": "command-input-wrapper", className: "pb-0", children: /* @__PURE__ */ W(Nc, { className: "h-8! border-input/30 bg-input/30 shadow-none! py-5 *:data-[slot=input-group-addon]:pl-2!", children: [
+  return /* @__PURE__ */ h("div", { "data-slot": "command-input-wrapper", className: "pb-0", children: /* @__PURE__ */ W(Pc, { className: "h-8! border-input/30 bg-input/30 shadow-none! py-5 *:data-[slot=input-group-addon]:pl-2!", children: [
     /* @__PURE__ */ h(
       it.Input,
       {
@@ -8004,14 +8007,14 @@ function rf({
     ] })
   ] });
 }
-function Ne(e, n) {
+function Pe(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function pe(e, n) {
   return (t) => {
     n.setState((r) => ({
       ...r,
-      [e]: Ne(t, r[e])
+      [e]: Pe(t, r[e])
     }));
   };
 }
@@ -8163,15 +8166,15 @@ const Jc = {
     e.getHeaderGroups = V(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => {
       var i, a;
       const s = (i = r?.map((m) => t.find((d) => d.id === m)).filter(Boolean)) != null ? i : [], l = (a = o?.map((m) => t.find((d) => d.id === m)).filter(Boolean)) != null ? a : [], u = t.filter((m) => !(r != null && r.includes(m.id)) && !(o != null && o.includes(m.id)));
-      return Nt(n, [...s, ...u, ...l], e);
-    }, L(e.options, de, "getHeaderGroups")), e.getCenterHeaderGroups = V(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => (t = t.filter((i) => !(r != null && r.includes(i.id)) && !(o != null && o.includes(i.id))), Nt(n, t, e, "center")), L(e.options, de, "getCenterHeaderGroups")), e.getLeftHeaderGroups = V(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, r) => {
+      return Pt(n, [...s, ...u, ...l], e);
+    }, L(e.options, de, "getHeaderGroups")), e.getCenterHeaderGroups = V(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => (t = t.filter((i) => !(r != null && r.includes(i.id)) && !(o != null && o.includes(i.id))), Pt(n, t, e, "center")), L(e.options, de, "getCenterHeaderGroups")), e.getLeftHeaderGroups = V(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, r) => {
       var o;
       const i = (o = r?.map((a) => t.find((s) => s.id === a)).filter(Boolean)) != null ? o : [];
-      return Nt(n, i, e, "left");
+      return Pt(n, i, e, "left");
     }, L(e.options, de, "getLeftHeaderGroups")), e.getRightHeaderGroups = V(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, r) => {
       var o;
       const i = (o = r?.map((a) => t.find((s) => s.id === a)).filter(Boolean)) != null ? o : [];
-      return Nt(n, i, e, "right");
+      return Pt(n, i, e, "right");
     }, L(e.options, de, "getRightHeaderGroups")), e.getFooterGroups = V(() => [e.getHeaderGroups()], (n) => [...n].reverse(), L(e.options, de, "getFooterGroups")), e.getLeftFooterGroups = V(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), L(e.options, de, "getLeftFooterGroups")), e.getCenterFooterGroups = V(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), L(e.options, de, "getCenterFooterGroups")), e.getRightFooterGroups = V(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), L(e.options, de, "getRightFooterGroups")), e.getFlatHeaders = V(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), L(e.options, de, "getFlatHeaders")), e.getLeftFlatHeaders = V(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), L(e.options, de, "getLeftFlatHeaders")), e.getCenterFlatHeaders = V(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), L(e.options, de, "getCenterFlatHeaders")), e.getRightFlatHeaders = V(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), L(e.options, de, "getRightFlatHeaders")), e.getCenterLeafHeaders = V(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
       var r;
       return !((r = t.subHeaders) != null && r.length);
@@ -8187,7 +8190,7 @@ const Jc = {
     }, L(e.options, de, "getLeafHeaders"));
   }
 };
-function Nt(e, n, t, r) {
+function Pt(e, n, t, r) {
   var o, i;
   let a = 0;
   const s = function(d, f) {
@@ -8328,10 +8331,10 @@ const Di = (e, n, t) => t.some((r) => {
   return (o = e.getValue(n)) == null ? void 0 : o.includes(r);
 });
 Di.autoRemove = (e) => Se(e) || !(e != null && e.length);
-const Ni = (e, n, t) => e.getValue(n) === t;
-Ni.autoRemove = (e) => Se(e);
-const Pi = (e, n, t) => e.getValue(n) == t;
+const Pi = (e, n, t) => e.getValue(n) === t;
 Pi.autoRemove = (e) => Se(e);
+const Ni = (e, n, t) => e.getValue(n) == t;
+Ni.autoRemove = (e) => Se(e);
 const Xn = (e, n, t) => {
   let [r, o] = t;
   const i = e.getValue(n);
@@ -8353,8 +8356,8 @@ const Ee = {
   arrIncludes: ki,
   arrIncludesAll: Fi,
   arrIncludesSome: Di,
-  equals: Ni,
-  weakEquals: Pi,
+  equals: Pi,
+  weakEquals: Ni,
   inNumberRange: Xn
 };
 function Se(e) {
@@ -8394,7 +8397,7 @@ const ed = {
       return (t = (r = n.getState().columnFilters) == null ? void 0 : r.findIndex((o) => o.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       n.setColumnFilters((r) => {
-        const o = e.getFilterFn(), i = r?.find((c) => c.id === e.id), a = Ne(t, i ? i.value : void 0);
+        const o = e.getFilterFn(), i = r?.find((c) => c.id === e.id), a = Pe(t, i ? i.value : void 0);
         if (Ur(o, a, e)) {
           var s;
           return (s = r?.filter((c) => c.id !== e.id)) != null ? s : [];
@@ -8418,7 +8421,7 @@ const ed = {
     e.setColumnFilters = (n) => {
       const t = e.getAllLeafColumns(), r = (o) => {
         var i;
-        return (i = Ne(n, o)) == null ? void 0 : i.filter((a) => {
+        return (i = Pe(n, o)) == null ? void 0 : i.filter((a) => {
           const s = t.find((l) => l.id === a.id);
           if (s) {
             const l = s.getFilterFn();
@@ -8678,7 +8681,7 @@ const fd = {
 function md(e) {
   return e || (typeof document < "u" ? document : null);
 }
-const Pt = {
+const Nt = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
@@ -8690,7 +8693,7 @@ const Pt = {
   isResizingColumn: !1,
   columnSizingStart: []
 }), pd = {
-  getDefaultColumnDef: () => Pt,
+  getDefaultColumnDef: () => Nt,
   getInitialState: (e) => ({
     columnSizing: {},
     columnSizingInfo: hn(),
@@ -8706,7 +8709,7 @@ const Pt = {
     e.getSize = () => {
       var t, r, o;
       const i = n.getState().columnSizing[e.id];
-      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Pt.minSize, (r = i ?? e.columnDef.size) != null ? r : Pt.size), (o = e.columnDef.maxSize) != null ? o : Pt.maxSize);
+      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Nt.minSize, (r = i ?? e.columnDef.size) != null ? r : Nt.size), (o = e.columnDef.maxSize) != null ? o : Nt.maxSize);
     }, e.getStart = V((t) => [t, mt(n, t), n.getState().columnSizing], (t, r) => r.slice(0, e.getIndex(t)).reduce((o, i) => o + i.getSize(), 0), L(n.options, "debugColumns", "getStart")), e.getAfter = V((t) => [t, mt(n, t), n.getState().columnSizing], (t, r) => r.slice(e.getIndex(t) + 1).reduce((o, i) => o + i.getSize(), 0), L(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
       n.setColumnSizing((t) => {
         let {
@@ -9012,9 +9015,9 @@ const bd = {
       };
     };
   }
-}, Dn = 0, Nn = 10, bn = () => ({
+}, Dn = 0, Pn = 10, bn = () => ({
   pageIndex: Dn,
-  pageSize: Nn
+  pageSize: Pn
 }), yd = {
   getInitialState: (e) => ({
     ...e,
@@ -9043,14 +9046,14 @@ const bd = {
         });
       }
     }, e.setPagination = (r) => {
-      const o = (i) => Ne(r, i);
+      const o = (i) => Pe(r, i);
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(o);
     }, e.resetPagination = (r) => {
       var o;
       e.setPagination(r ? bn() : (o = e.initialState.pagination) != null ? o : bn());
     }, e.setPageIndex = (r) => {
       e.setPagination((o) => {
-        let i = Ne(r, o.pageIndex);
+        let i = Pe(r, o.pageIndex);
         const a = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
         return i = Math.max(0, Math.min(i, a)), {
           ...o,
@@ -9062,10 +9065,10 @@ const bd = {
       e.setPageIndex(r ? Dn : (o = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? o : Dn);
     }, e.resetPageSize = (r) => {
       var o, i;
-      e.setPageSize(r ? Nn : (o = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? o : Nn);
+      e.setPageSize(r ? Pn : (o = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? o : Pn);
     }, e.setPageSize = (r) => {
       e.setPagination((o) => {
-        const i = Math.max(1, Ne(r, o.pageSize)), a = o.pageSize * o.pageIndex, s = Math.floor(a / i);
+        const i = Math.max(1, Pe(r, o.pageSize)), a = o.pageSize * o.pageIndex, s = Math.floor(a / i);
         return {
           ...o,
           pageIndex: s,
@@ -9074,7 +9077,7 @@ const bd = {
       });
     }, e.setPageCount = (r) => e.setPagination((o) => {
       var i;
-      let a = Ne(r, (i = e.options.pageCount) != null ? i : -1);
+      let a = Pe(r, (i = e.options.pageCount) != null ? i : -1);
       return typeof a == "number" && (a = Math.max(-1, a)), {
         ...o,
         pageCount: a
@@ -9234,7 +9237,7 @@ const bd = {
         ...t
       };
       return e.getRowModel().rows.forEach((i) => {
-        Pn(o, i.id, r, !0, e);
+        Nn(o, i.id, r, !0, e);
       }), o;
     }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = V(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Sn(e, t) : {
       rows: [],
@@ -9283,7 +9286,7 @@ const bd = {
         const s = {
           ...i
         };
-        return Pn(s, e.id, t, (a = r?.selectChildren) != null ? a : !0, n), s;
+        return Nn(s, e.id, t, (a = r?.selectChildren) != null ? a : !0, n), s;
       });
     }, e.getIsSelected = () => {
       const {
@@ -9317,10 +9320,10 @@ const bd = {
       };
     };
   }
-}, Pn = (e, n, t, r, o) => {
+}, Nn = (e, n, t, r, o) => {
   var i;
   const a = o.getRow(n, !0);
-  t ? (a.getCanMultiSelect() || Object.keys(e).forEach((s) => delete e[s]), a.getCanSelect() && (e[n] = !0)) : delete e[n], r && (i = a.subRows) != null && i.length && a.getCanSelectSubRows() && a.subRows.forEach((s) => Pn(e, s.id, t, r, o));
+  t ? (a.getCanMultiSelect() || Object.keys(e).forEach((s) => delete e[s]), a.getCanSelect() && (e[n] = !0)) : delete e[n], r && (i = a.subRows) != null && i.length && a.getCanSelectSubRows() && a.subRows.forEach((s) => Nn(e, s.id, t, r, o));
 };
 function Sn(e, n) {
   const t = e.getState().rowSelection, r = [], o = {}, i = function(a, s) {
@@ -9501,7 +9504,7 @@ const ft = {
   xd,
   pd
 ];
-function Nd(e) {
+function Pd(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
   const r = [...Dd, ...(n = e._features) != null ? n : []];
@@ -9542,7 +9545,7 @@ function Nd(e) {
       o.setState(o.initialState);
     },
     setOptions: (d) => {
-      const f = Ne(d, o.options);
+      const f = Pe(d, o.options);
       o.options = a(f);
     },
     getState: () => o.options.state,
@@ -9608,7 +9611,7 @@ function Nd(e) {
   }
   return o;
 }
-function Pd() {
+function Nd() {
   return (e) => V(() => [e.options.data], (n) => {
     const t = {
       rows: [],
@@ -9826,7 +9829,7 @@ function Bd(e) {
     renderFallbackValue: null,
     ...e
   }, [t] = g.useState(() => ({
-    current: Nd(n)
+    current: Pd(n)
   })), [r, o] = g.useState(() => t.current.initialState);
   return t.current.setOptions((i) => ({
     ...i,
@@ -9946,7 +9949,7 @@ function of({
     onGlobalFilterChange: S,
     onColumnFiltersChange: x,
     globalFilterFn: "includesString",
-    getCoreRowModel: Pd(),
+    getCoreRowModel: Nd(),
     getSortedRowModel: zd(),
     getFilteredRowModel: Td()
   }), _ = b.getRowModel().rows, F = qn({