@ngrok/mantle 0.0.24 → 0.0.26

package/assets/mantle.css

@@ -880,11 +880,11 @@
 
 	/* theme tokens */
 
-	--bg-neutral: var(--neutral-500);
-	--bg-accent: var(--accent-500);
-	--bg-danger: var(--danger-500);
-	--bg-warning: var(--warning-500);
-	--bg-success: var(--success-500);
+	--bg-filled-neutral: var(--neutral-500);
+	--bg-filled-accent: var(--accent-500);
+	--bg-filled-danger: var(--danger-500);
+	--bg-filled-warning: var(--warning-500);
+	--bg-filled-success: var(--success-500);
 
 	--bg-filled-neutral-hover: var(--neutral-500) / 0.9;
 	--bg-filled-accent-hover: var(--accent-500) / 0.9;

package/dist/components/button/src/button.d.ts

@@ -1,15 +1,23 @@
-import { type ButtonHTMLAttributes } from "react";
+import { ReactNode, type ButtonHTMLAttributes } from "react";
 import type { WithAsChild } from "../../types/src/as-child";
 import type { VariantProps } from "../../types/src/variant-props";
 declare const buttonVariants: (props?: ({
-    appearance?: "link" | "outlined" | "filled" | "ghost" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
+    iconPlacement?: "end" | "start" | null | undefined;
     priority?: "danger" | "default" | "neutral" | null | undefined;
+    state?: "idle" | "pending" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
 /**
  * The props for the `Button` component.
  */
-export type ButtonProps = WithAsChild & ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariants;
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & ButtonVariants & {
+    /**
+     * An icon to render inside the button. If the `state` is `"pending"`, then
+     * the icon will automatically be replaced with a spinner.
+     */
+    icon?: ReactNode;
+};
 /**
  * Renders a button or a component that looks like a button, an interactive
  * element activated by a user with a mouse, keyboard, finger, voice command, or
@@ -18,9 +26,17 @@ export type ButtonProps = WithAsChild & ButtonHTMLAttributes<HTMLButtonElement>
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
  */
-declare const Button: import("react").ForwardRefExoticComponent<WithAsChild & ButtonHTMLAttributes<HTMLButtonElement> & Partial<import("../..").DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-    appearance?: "link" | "outlined" | "filled" | "ghost" | null | undefined;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Partial<import("../..").DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
+    iconPlacement?: "end" | "start" | null | undefined;
     priority?: "danger" | "default" | "neutral" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & import("react").RefAttributes<HTMLButtonElement>>;
+    state?: "idle" | "pending" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
+    /**
+     * An icon to render inside the button. If the `state` is `"pending"`, then
+     * the icon will automatically be replaced with a spinner.
+     */
+    icon?: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button/src/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../components/button/src/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,QAAA,MAAM,cAAc;;;8EAuEnB,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,cAAc,CAAC;AAEjG;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;;;qIAMX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../components/button/src/button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAQN,SAAS,EACT,KAAK,oBAAoB,EACzB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,QAAA,MAAM,cAAc;;;;;8EAkGnB,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAChE,WAAW,GACX,cAAc,GAAG;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;;;;;;IAfV;;;OAGG;WACI,SAAS;qDAmFjB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/dialog/src/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../components/dialog/src/dialog.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,MAAM,iDAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,kIAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,uDAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,gIAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,4LAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,4LAuBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAA6B,MAAM,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,UAAU;8BAA6B,MAAM,cAAc,CAAC,cAAc,CAAC;;CAEhF,CAAC;AAGF,QAAA,MAAM,YAAY;8BAA6B,MAAM,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,WAAW,kMASf,CAAC;AAGH,QAAA,MAAM,iBAAiB,4MAKrB,CAAC;AAGH,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../components/dialog/src/dialog.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,MAAM,iDAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,kIAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,uDAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,gIAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,4LAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,4LAuBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAA6B,MAAM,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,UAAU;8BAA6B,MAAM,cAAc,CAAC,cAAc,CAAC;;CAEhF,CAAC;AAGF,QAAA,MAAM,YAAY;8BAA6B,MAAM,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,WAAW,kMASf,CAAC;AAGH,QAAA,MAAM,iBAAiB,4MAKrB,CAAC;AAGH,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ export * from "./card";
 export * from "./checkbox";
 export * from "./code-block";
 export * from "./core";
+export * from "./dialog";
 export * from "./dropdown-menu";
 export * from "./inline-code";
 export * from "./input";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAG1B,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAG1B,mBAAmB,SAAS,CAAC"}

package/dist/index.js

@@ -1,9 +1,10 @@
 import {jsx as $hLlzK$jsx, jsxs as $hLlzK$jsxs, Fragment as $hLlzK$Fragment} from "react/jsx-runtime";
 import {cva as $hLlzK$cva} from "class-variance-authority";
-import {forwardRef as $hLlzK$forwardRef, createContext as $hLlzK$createContext, useState as $hLlzK$useState, useMemo as $hLlzK$useMemo, useRef as $hLlzK$useRef, useId as $hLlzK$useId, useContext as $hLlzK$useContext, useEffect as $hLlzK$useEffect, useCallback as $hLlzK$useCallback, useSyncExternalStore as $hLlzK$useSyncExternalStore} from "react";
-import {clsx as $hLlzK$clsx} from "clsx";
+import {forwardRef as $hLlzK$forwardRef, Children as $hLlzK$Children, isValidElement as $hLlzK$isValidElement, cloneElement as $hLlzK$cloneElement, createContext as $hLlzK$createContext, useState as $hLlzK$useState, useMemo as $hLlzK$useMemo, useRef as $hLlzK$useRef, useId as $hLlzK$useId, useContext as $hLlzK$useContext, useEffect as $hLlzK$useEffect, useCallback as $hLlzK$useCallback, useSyncExternalStore as $hLlzK$useSyncExternalStore} from "react";
+import $hLlzK$clsx1, {clsx as $hLlzK$clsx} from "clsx";
 import {twMerge as $hLlzK$twMerge} from "tailwind-merge";
 import {Slot as $hLlzK$Slot} from "@radix-ui/react-slot";
+import {CircleNotch as $hLlzK$CircleNotch} from "@phosphor-icons/react/CircleNotch";
 import {Root as $hLlzK$Root, Indicator as $hLlzK$Indicator} from "@radix-ui/react-checkbox";
 import $hLlzK$prismjs from "prismjs";
 import "prismjs/components/prism-bash.js";
@@ -15,15 +16,15 @@ import {Copy as $hLlzK$Copy} from "@phosphor-icons/react/Copy";
 import {useCopyToClipboard as $hLlzK$useCopyToClipboard} from "@uidotdev/usehooks";
 import $hLlzK$tinyinvariant from "tiny-invariant";
 import {z as $hLlzK$z} from "zod";
+import {X as $hLlzK$X} from "@phosphor-icons/react/X";
+import {Root as $hLlzK$Root1, Trigger as $hLlzK$Trigger, Portal as $hLlzK$Portal, Close as $hLlzK$Close, Overlay as $hLlzK$Overlay, Content as $hLlzK$Content, Title as $hLlzK$Title, Description as $hLlzK$Description} from "@radix-ui/react-dialog";
 import {MenuProvider as $hLlzK$MenuProvider, MenuButton as $hLlzK$MenuButton, Menu as $hLlzK$Menu, MenuItem as $hLlzK$MenuItem, MenuItemCheckbox as $hLlzK$MenuItemCheckbox, MenuItemRadio as $hLlzK$MenuItemRadio, MenuItemCheck as $hLlzK$MenuItemCheck} from "@ariakit/react";
-import {Root as $hLlzK$Root1} from "@radix-ui/react-separator";
+import {Root as $hLlzK$Root2} from "@radix-ui/react-separator";
 import {Eye as $hLlzK$Eye} from "@phosphor-icons/react/Eye";
 import {EyeClosed as $hLlzK$EyeClosed} from "@phosphor-icons/react/EyeClosed";
-import {Root as $hLlzK$Root2, Trigger as $hLlzK$Trigger, Portal as $hLlzK$Portal, Content as $hLlzK$Content} from "@radix-ui/react-popover";
+import {Root as $hLlzK$Root3, Trigger as $hLlzK$Trigger1, Portal as $hLlzK$Portal1, Content as $hLlzK$Content1} from "@radix-ui/react-popover";
 import {CaretUp as $hLlzK$CaretUp} from "@phosphor-icons/react/CaretUp";
-import {Root as $hLlzK$Root3, Group as $hLlzK$Group, Value as $hLlzK$Value, Trigger as $hLlzK$Trigger1, Icon as $hLlzK$Icon, ScrollUpButton as $hLlzK$ScrollUpButton, ScrollDownButton as $hLlzK$ScrollDownButton, Portal as $hLlzK$Portal1, Content as $hLlzK$Content1, Viewport as $hLlzK$Viewport, Label as $hLlzK$Label, Item as $hLlzK$Item, ItemText as $hLlzK$ItemText, ItemIndicator as $hLlzK$ItemIndicator} from "@radix-ui/react-select";
-import {X as $hLlzK$X} from "@phosphor-icons/react/X";
-import {Root as $hLlzK$Root4, Trigger as $hLlzK$Trigger2, Close as $hLlzK$Close, Portal as $hLlzK$Portal2, Overlay as $hLlzK$Overlay, Content as $hLlzK$Content2, Title as $hLlzK$Title, Description as $hLlzK$Description} from "@radix-ui/react-dialog";
+import {Root as $hLlzK$Root4, Group as $hLlzK$Group, Value as $hLlzK$Value, Trigger as $hLlzK$Trigger2, Icon as $hLlzK$Icon, ScrollUpButton as $hLlzK$ScrollUpButton, ScrollDownButton as $hLlzK$ScrollDownButton, Portal as $hLlzK$Portal2, Content as $hLlzK$Content2, Viewport as $hLlzK$Viewport, Label as $hLlzK$Label, Item as $hLlzK$Item, ItemText as $hLlzK$ItemText, ItemIndicator as $hLlzK$ItemIndicator} from "@radix-ui/react-select";
 import {Provider as $hLlzK$Provider, Root as $hLlzK$Root5, Trigger as $hLlzK$Trigger3, Content as $hLlzK$Content3} from "@radix-ui/react-tooltip";
 
 
@@ -128,33 +129,58 @@ $parcel$export($e4a151af04a6a62e$exports, "Button", function () { return $c2638d
 
 
 
-const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center justify-center whitespace-nowrap rounded-md focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50 sm:text-sm gap-1", {
+
+
+const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center justify-center gap-1.5 whitespace-nowrap rounded-md focus-within:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50 sm:text-sm [&>*]:focus-within:outline-none", {
     variants: {
-        appearance: {
-            outlined: "inline-flex h-11 border border-accent-600 hover:border-accent-700 active:border-accent-700 bg-form px-3 font-medium text-accent-600 hover:text-accent-700 active:text-accent-700 hover:bg-accent-500/10 focus-visible:ring-focus-accent active:bg-accent-500/15 sm:h-9",
+        /**
+			 * Defines the visual style of the Button.
+			 */ appearance: {
             filled: "inline-flex h-11 border border-transparent bg-filled-accent px-3 font-medium text-on-filled hover:bg-filled-accent-hover focus-visible:border-accent-600 focus-visible:ring-focus-accent active:bg-filled-accent-active sm:h-9",
-            ghost: "inline-flex h-11 border border-transparent px-3 font-medium text-accent-600 hover:text-accent-700 active:text-accent-700 hover:bg-accent-500/10 focus-visible:ring-focus-accent active:bg-accent-500/15 sm:h-9",
-            link: "inline cursor-pointer border-transparent text-accent-600 hover:underline focus-visible:ring-focus-accent"
+            ghost: "inline-flex h-11 border border-transparent px-3 font-medium text-accent-600 hover:bg-accent-500/10 hover:text-accent-700 focus-visible:ring-focus-accent active:bg-accent-500/15 active:text-accent-700 sm:h-9",
+            outlined: "inline-flex h-11 border border-accent-600 bg-form px-3 font-medium text-accent-600 hover:border-accent-700 hover:bg-accent-500/10 hover:text-accent-700 focus-visible:ring-focus-accent active:border-accent-700 active:bg-accent-500/15 active:text-accent-700 sm:h-9",
+            link: "group inline cursor-pointer border-transparent text-accent-600 hover:underline focus-visible:ring-focus-accent"
         },
-        priority: {
-            default: "",
+        /**
+			 * The side that the icon will render on, if one is present. If `state="pending"`,
+			 * then the loading icon will also render on this side.
+			 */ iconPlacement: {
+            end: "pe-2.5",
+            start: "ps-2.5"
+        },
+        /**
+			 * Indicates the importance or impact level of the button, affecting its
+			 * color and styling to communicate its purpose to the user
+			 */ priority: {
             danger: "",
+            default: "",
             neutral: ""
+        },
+        /**
+			 * The state of the button, default `"idle"`. If the button should present
+			 * a "loading state", use `"pending"`. Setting the state to `"pending"` will
+			 * replace any `icon` with a spinner, or add one if an icon wasn't given.
+			 * It will also disable user interaction with the button and set `aria-disabled`.
+			 */ state: {
+            idle: "",
+            pending: "opacity-50"
         }
     },
     defaultVariants: {
-        appearance: "ghost"
+        appearance: "outlined",
+        priority: "default",
+        state: "idle"
     },
     compoundVariants: [
         {
             appearance: "ghost",
             priority: "danger",
-            class: "border-transparent text-danger-600 hover:text-danger-700 active:text-danger-700 hover:bg-danger-500/10 focus-visible:ring-focus-danger active:bg-danger-500/15"
+            class: "border-transparent text-danger-600 hover:bg-danger-500/10 hover:text-danger-700 focus-visible:ring-focus-danger active:bg-danger-500/15 active:text-danger-700"
         },
         {
             appearance: "outlined",
             priority: "danger",
-            class: "border-danger-600 hover:border-danger-700 active:border-danger-700 bg-form text-danger-600 hover:text-danger-700 active:text-danger-700 hover:bg-danger-500/10 focus-visible:ring-focus-danger active:bg-danger-500/15"
+            class: "border-danger-600 bg-form text-danger-600 hover:border-danger-700 hover:bg-danger-500/10 hover:text-danger-700 focus-visible:ring-focus-danger active:border-danger-700 active:bg-danger-500/15 active:text-danger-700"
         },
         {
             appearance: "filled",
@@ -169,12 +195,12 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
         {
             appearance: "ghost",
             priority: "neutral",
-            class: "text-strong border-transparent hover:bg-neutral-500/10 hover:text-strong hover:bg-neutral-500/10 active:text-strong focus-visible:ring-focus-accent active:bg-neutral-500/15"
+            class: "border-transparent text-strong hover:bg-neutral-500/10 hover:text-strong focus-visible:ring-focus-accent active:bg-neutral-500/15 active:text-strong"
         },
         {
             appearance: "outlined",
             priority: "neutral",
-            class: "text-strong border-form bg-form hover:bg-form-hover focus-visible:border-accent-600 focus-visible:active:border-accent-600 hover:border-neutral-400 active:border-neutral-400 hover:text-strong active:text-strong focus-visible:ring-focus-accent active:bg-neutral-500/10"
+            class: "border-form bg-form text-strong hover:border-neutral-400 hover:bg-form-hover hover:text-strong focus-visible:border-accent-600 focus-visible:ring-focus-accent active:border-neutral-400 active:bg-neutral-500/10 active:text-strong focus-visible:active:border-accent-600"
         },
         {
             appearance: "filled",
@@ -195,19 +221,77 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
  * as submitting a form or opening a dialog.
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
- */ const $c2638d7be6bdca12$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, appearance: appearance = "ghost", priority: priority = "default", asChild: asChild = false, ...props }, ref)=>{
-    const Comp = asChild ? (0, $hLlzK$Slot) : "button";
-    return /*#__PURE__*/ (0, $hLlzK$jsx)(Comp, {
-        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)($c2638d7be6bdca12$export$dca1ee5a936bb312({
-            appearance: appearance,
-            priority: priority,
-            className: className
-        })),
+ */ const $c2638d7be6bdca12$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ appearance: appearance = "outlined", asChild: asChild = false, children: children, className: propClassName, icon: propIcon, iconPlacement: iconPlacement = "start", priority: priority = "default", state: state = "idle", "aria-disabled": _ariaDisabled, ...props }, ref)=>{
+    const ariaDisabled = _ariaDisabled !== null && _ariaDisabled !== void 0 ? _ariaDisabled : state === "pending";
+    const icon = state === "pending" ? /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$CircleNotch), {
+        className: "animate-spin"
+    }) : propIcon;
+    const className = (0, $a4274013049f8f7f$export$a274e22fb40f762e)($c2638d7be6bdca12$export$dca1ee5a936bb312({
+        appearance: appearance,
+        priority: priority,
+        state: state,
+        iconPlacement: icon ? iconPlacement : undefined
+    }), propClassName);
+    const onClickCapture = (event)=>{
+        var _props_onClickCapture;
+        if (state === "pending") {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        (_props_onClickCapture = props.onClickCapture) === null || _props_onClickCapture === void 0 ? void 0 : _props_onClickCapture.call(props, event);
+    };
+    if (asChild) {
+        var _singleChild_props;
+        const singleChild = (0, $hLlzK$Children).only(children);
+        const isValidChild = /*#__PURE__*/ (0, $hLlzK$isValidElement)(singleChild);
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        const grandchildren = isValidChild ? (_singleChild_props = singleChild.props) === null || _singleChild_props === void 0 ? void 0 : _singleChild_props.children : null;
+        return /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$Slot), {
+            "aria-disabled": ariaDisabled,
+            className: className,
+            "data-state": state,
+            onClickCapture: onClickCapture,
+            ref: ref,
+            ...props,
+            children: isValidChild && /*#__PURE__*/ (0, $hLlzK$cloneElement)(singleChild, {}, /*#__PURE__*/ (0, $hLlzK$jsx)($c2638d7be6bdca12$var$InnerContent, {
+                appearance: appearance,
+                icon: icon,
+                iconPlacement: iconPlacement,
+                children: grandchildren
+            }))
+        });
+    }
+    return /*#__PURE__*/ (0, $hLlzK$jsx)("button", {
+        "aria-disabled": ariaDisabled,
+        className: className,
+        "data-state": state,
+        onClickCapture: onClickCapture,
         ref: ref,
-        ...props
+        ...props,
+        children: /*#__PURE__*/ (0, $hLlzK$jsx)($c2638d7be6bdca12$var$InnerContent, {
+            appearance: appearance,
+            icon: icon,
+            iconPlacement: iconPlacement,
+            children: children
+        })
     });
 });
 $c2638d7be6bdca12$export$353f5b6fc5456de1.displayName = "Button";
+const $c2638d7be6bdca12$var$ButtonIcon = ({ children: children, className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("span", {
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("[&>svg]:size-5", className),
+        ...props,
+        children: children
+    });
+const $c2638d7be6bdca12$var$InnerContent = ({ appearance: appearance, children: children, icon: icon, iconPlacement: iconPlacement })=>/*#__PURE__*/ (0, $hLlzK$jsxs)("span", {
+        className: (0, $hLlzK$clsx1)("inline-flex items-center gap-1.5 focus-within:outline-none focus-visible:outline-none", appearance === "link" && "group-hover:underline"),
+        children: [
+            icon && /*#__PURE__*/ (0, $hLlzK$jsx)($c2638d7be6bdca12$var$ButtonIcon, {
+                className: (0, $hLlzK$clsx1)(iconPlacement === "end" && "order-last"),
+                children: icon
+            }),
+            children
+        ]
+    });
 
 
 
@@ -702,6 +786,97 @@ $parcel$export($9aef41c2b2e4cb89$exports, "cx", function () { return $a427401304
 
 
 
+var $a5b47e6e7f820368$exports = {};
+
+$parcel$export($a5b47e6e7f820368$exports, "Dialog", function () { return $d95638fc63e2fe90$export$3ddf2d174ce01153; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogPortal", function () { return $d95638fc63e2fe90$export$dad7c95542bacce0; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogOverlay", function () { return $d95638fc63e2fe90$export$bd1d06c79be19e17; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogTrigger", function () { return $d95638fc63e2fe90$export$2e1e1122cf0cba88; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogClose", function () { return $d95638fc63e2fe90$export$fba2fb7cd781b7ac; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogContent", function () { return $d95638fc63e2fe90$export$b6d9565de1e068cf; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogHeader", function () { return $d95638fc63e2fe90$export$742513523b177e3b; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogBody", function () { return $d95638fc63e2fe90$export$5d20f2c38fcde41f; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogFooter", function () { return $d95638fc63e2fe90$export$7bbfb2d443473050; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogTitle", function () { return $d95638fc63e2fe90$export$16f7638e4a34b909; });
+$parcel$export($a5b47e6e7f820368$exports, "DialogDescription", function () { return $d95638fc63e2fe90$export$94e94c2ec2c954d5; });
+
+
+
+
+
+
+const $d95638fc63e2fe90$export$3ddf2d174ce01153 = $hLlzK$Root1;
+const $d95638fc63e2fe90$export$2e1e1122cf0cba88 = $hLlzK$Trigger;
+const $d95638fc63e2fe90$export$dad7c95542bacce0 = $hLlzK$Portal;
+const $d95638fc63e2fe90$export$fba2fb7cd781b7ac = $hLlzK$Close;
+const $d95638fc63e2fe90$export$bd1d06c79be19e17 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Overlay, {
+        ref: ref,
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+        ...props
+    }));
+$d95638fc63e2fe90$export$bd1d06c79be19e17.displayName = $hLlzK$Overlay.displayName;
+const $d95638fc63e2fe90$export$b6d9565de1e068cf = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, children: children, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsxs)($d95638fc63e2fe90$export$dad7c95542bacce0, {
+        children: [
+            /*#__PURE__*/ (0, $hLlzK$jsx)($d95638fc63e2fe90$export$bd1d06c79be19e17, {}),
+            /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Content, {
+                ref: ref,
+                className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("scrollbar fixed left-[50%] top-[50%] z-50 max-h-dvh w-full max-w-lg translate-x-[-50%] translate-y-[-50%] overflow-y-auto rounded-xl border border-dialog bg-dialog p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", className),
+                ...props,
+                children: [
+                    /*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Close, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, $hLlzK$jsxs)((0, $c2638d7be6bdca12$export$353f5b6fc5456de1), {
+                            appearance: "outlined",
+                            priority: "neutral",
+                            className: "absolute right-3.5 top-3.5 size-11 p-0 sm:size-9",
+                            children: [
+                                /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$X), {
+                                    className: "size-5 shrink-0"
+                                }),
+                                /*#__PURE__*/ (0, $hLlzK$jsx)("span", {
+                                    className: "sr-only",
+                                    children: "Close"
+                                })
+                            ]
+                        })
+                    }),
+                    children
+                ]
+            })
+        ]
+    }));
+$d95638fc63e2fe90$export$b6d9565de1e068cf.displayName = $hLlzK$Content.displayName;
+const $d95638fc63e2fe90$export$742513523b177e3b = ({ className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("div", {
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("flex shrink-0 flex-col gap-2 text-strong", className),
+        ...props
+    });
+$d95638fc63e2fe90$export$742513523b177e3b.displayName = "DialogHeader";
+const $d95638fc63e2fe90$export$5d20f2c38fcde41f = ({ className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("div", {
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("my-6 flex-1 text-body", className),
+        ...props
+    });
+$d95638fc63e2fe90$export$5d20f2c38fcde41f.displayName = "DialogBody";
+const $d95638fc63e2fe90$export$7bbfb2d443473050 = ({ className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("div", {
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("flex shrink-0 flex-row-reverse gap-2", className),
+        ...props
+    });
+$d95638fc63e2fe90$export$7bbfb2d443473050.displayName = "DialogFooter";
+const $d95638fc63e2fe90$export$16f7638e4a34b909 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Title, {
+        ref: ref,
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("text-lg font-medium leading-none text-strong", className),
+        ...props
+    }));
+$d95638fc63e2fe90$export$16f7638e4a34b909.displayName = $hLlzK$Title.displayName;
+const $d95638fc63e2fe90$export$94e94c2ec2c954d5 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Description, {
+        ref: ref,
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("text-muted", className),
+        ...props
+    }));
+$d95638fc63e2fe90$export$94e94c2ec2c954d5.displayName = $hLlzK$Description.displayName;
+
+
+
+
 var $b9dc47a206b82e7f$exports = {};
 
 $parcel$export($b9dc47a206b82e7f$exports, "DropdownMenu", function () { return $a54417aeb05f1278$export$e44a253a59704894; });
@@ -724,7 +899,7 @@ $parcel$export($b9dc47a206b82e7f$exports, "DropdownMenuShortcut", function () {
 
 /**
  * Visually or semantically separates content.
- */ const $0e4ef6b27c1ec376$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, orientation: orientation = "horizontal", decorative: decorative = true, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Root1, {
+ */ const $0e4ef6b27c1ec376$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, orientation: orientation = "horizontal", decorative: decorative = true, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Root2, {
         ref: ref,
         "aria-orientation": decorative ? undefined : orientation,
         decorative: decorative,
@@ -843,7 +1018,7 @@ $parcel$export($fd39f83d90873c05$exports, "Input", function () { return $69de6bd
 const $69de6bdb0e8d2083$var$inputVariants = (0, $hLlzK$cva)("flex h-11 w-full rounded-md border bg-form px-3 py-2 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 sm:h-9 sm:text-sm", {
     variants: {
         state: {
-            default: "text-strong border-form placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent",
+            default: "border-form text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent",
             danger: "border-danger-600 placeholder:text-placeholder focus:border-danger-600 focus:ring-focus-danger"
         }
     },
@@ -929,7 +1104,7 @@ $parcel$export($b459be25b0c516ed$exports, "PasswordInput", function () { return
 const $66e13ce5ec226639$var$passwordInputVariants = (0, $hLlzK$cva)("flex h-11 w-full rounded-md border bg-white px-3 py-2 focus-within:outline-none focus-within:ring-4 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 sm:h-9 sm:text-sm", {
     variants: {
         state: {
-            default: "text-strong border-form placeholder:text-placeholder focus-within:border-accent-600 focus-within:ring-focus-accent",
+            default: "border-form text-strong placeholder:text-placeholder focus-within:border-accent-600 focus-within:ring-focus-accent",
             danger: "border-danger-600 focus-within:border-danger-600 focus-within:ring-focus-danger"
         }
     },
@@ -983,10 +1158,10 @@ $parcel$export($c20827da6ac8f3e9$exports, "PopoverContent", function () { return
 
 
 
-const $e1568f28b56f66ee$export$5b6b19405a83ff9d = $hLlzK$Root2;
-const $e1568f28b56f66ee$export$7dacb05d26466c3 = $hLlzK$Trigger;
-const $e1568f28b56f66ee$export$d7e1f420b25549ff = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, align: align = "center", sideOffset: sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Portal, {
-        children: /*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Content, {
+const $e1568f28b56f66ee$export$5b6b19405a83ff9d = $hLlzK$Root3;
+const $e1568f28b56f66ee$export$7dacb05d26466c3 = $hLlzK$Trigger1;
+const $e1568f28b56f66ee$export$d7e1f420b25549ff = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, align: align = "center", sideOffset: sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Portal1, {
+        children: /*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Content1, {
             ref: ref,
             align: align,
             sideOffset: sideOffset,
@@ -994,7 +1169,7 @@ const $e1568f28b56f66ee$export$d7e1f420b25549ff = /*#__PURE__*/ (0, $hLlzK$forwa
             ...props
         })
     }));
-$e1568f28b56f66ee$export$d7e1f420b25549ff.displayName = $hLlzK$Content.displayName;
+$e1568f28b56f66ee$export$d7e1f420b25549ff.displayName = $hLlzK$Content1.displayName;
 
 
 
@@ -1020,7 +1195,7 @@ $parcel$export($08d8b7c38a500c5a$exports, "SelectValue", function () { return $b
 
 const $b0b413c594e2809e$var$SelectAriaInvalidContext = /*#__PURE__*/ (0, $hLlzK$createContext)(undefined);
 const $b0b413c594e2809e$export$ef9b1a59e592288f = ({ children: children, ...props })=>{
-    return /*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Root3, {
+    return /*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Root4, {
         ...props,
         children: /*#__PURE__*/ (0, $hLlzK$jsx)($b0b413c594e2809e$var$SelectAriaInvalidContext.Provider, {
             value: props["aria-invalid"],
@@ -1034,7 +1209,7 @@ const $b0b413c594e2809e$var$selectTriggerVariants = (0, $hLlzK$cva)("flex h-11 w
     variants: {
         state: {
             danger: "border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger",
-            default: "text-strong borderpform placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent"
+            default: "borderpform text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent"
         }
     },
     defaultVariants: {
@@ -1046,7 +1221,7 @@ const $b0b413c594e2809e$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ (0, $hLlzK$forwar
     var _props_ariainvalid;
     const ariaInvalid = (_props_ariainvalid = props["aria-invalid"]) !== null && _props_ariainvalid !== void 0 ? _props_ariainvalid : ariaInvalidContext;
     const state = ariaInvalid ? "danger" : "default";
-    return /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Trigger1, {
+    return /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Trigger2, {
         ref: ref,
         className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)($b0b413c594e2809e$var$selectTriggerVariants({
             state: state
@@ -1086,8 +1261,8 @@ const $b0b413c594e2809e$export$ff951e476c12189 = /*#__PURE__*/ (0, $hLlzK$forwar
         })
     }));
 $b0b413c594e2809e$export$ff951e476c12189.displayName = "SelectScrollDownButton";
-const $b0b413c594e2809e$export$c973a4b3cb86a03d = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, children: children, position: position = "popper", width: width, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Portal1, {
-        children: /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Content1, {
+const $b0b413c594e2809e$export$c973a4b3cb86a03d = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, children: children, position: position = "popper", width: width, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Portal2, {
+        children: /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Content2, {
             ref: ref,
             className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95", "bg-popover", position === "popper" && "max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2", width === "trigger" && "w-[var(--radix-select-trigger-width)]", className),
             position: position,
@@ -1163,10 +1338,10 @@ $parcel$export($96ca09627b32042e$exports, "SheetTrigger", function () { return $
 
 
 
-const $de4859618f6880e3$export$a9bf29f8d87ebbee = $hLlzK$Root4;
-const $de4859618f6880e3$export$de69b9b0343a1903 = $hLlzK$Trigger2;
+const $de4859618f6880e3$export$a9bf29f8d87ebbee = $hLlzK$Root1;
+const $de4859618f6880e3$export$de69b9b0343a1903 = $hLlzK$Trigger;
 const $de4859618f6880e3$export$99d85c8298ee6511 = $hLlzK$Close;
-const $de4859618f6880e3$export$721c917f47f6cb = $hLlzK$Portal2;
+const $de4859618f6880e3$export$721c917f47f6cb = $hLlzK$Portal;
 const $de4859618f6880e3$export$48dbb295cbd054d8 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Overlay, {
         className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0", className),
         ...props,
@@ -1189,7 +1364,7 @@ const $de4859618f6880e3$var$SheetVariants = (0, $hLlzK$cva)("fixed z-50 flex fle
 const $de4859618f6880e3$export$fe5ec5b76996e2d3 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ side: side = "right", className: className, children: children, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsxs)($de4859618f6880e3$export$721c917f47f6cb, {
         children: [
             /*#__PURE__*/ (0, $hLlzK$jsx)($de4859618f6880e3$export$48dbb295cbd054d8, {}),
-            /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Content2, {
+            /*#__PURE__*/ (0, $hLlzK$jsxs)($hLlzK$Content, {
                 ref: ref,
                 className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)($de4859618f6880e3$var$SheetVariants({
                     side: side
@@ -1218,9 +1393,9 @@ const $de4859618f6880e3$export$fe5ec5b76996e2d3 = /*#__PURE__*/ (0, $hLlzK$forwa
             })
         ]
     }));
-$de4859618f6880e3$export$fe5ec5b76996e2d3.displayName = $hLlzK$Content2.displayName;
+$de4859618f6880e3$export$fe5ec5b76996e2d3.displayName = $hLlzK$Content.displayName;
 const $de4859618f6880e3$export$8e574df6e3b8d781 = ({ className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("div", {
-        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("scrollbar flex-1 overflow-y-auto p-6", className),
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("scrollbar flex-1 overflow-y-auto p-6 text-body", className),
         ...props
     });
 const $de4859618f6880e3$export$de7da2aaa45f2eb5 = ({ className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("div", {
@@ -1239,7 +1414,7 @@ const $de4859618f6880e3$export$4bb009ae36731de9 = /*#__PURE__*/ (0, $hLlzK$forwa
 $de4859618f6880e3$export$4bb009ae36731de9.displayName = $hLlzK$Title.displayName;
 const $de4859618f6880e3$export$2ee64bd945b80e4a = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)($hLlzK$Description, {
         ref: ref,
-        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("text-muted", className),
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("text-body", className),
         ...props
     }));
 $de4859618f6880e3$export$2ee64bd945b80e4a.displayName = $hLlzK$Description.displayName;
@@ -1281,13 +1456,11 @@ $parcel$export($8a0ec98a1adff889$exports, "TableCaption", function () { return $
 
 
 
-const $fd75fdf931689c59$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)("div", {
-        className: "relative w-full overflow-auto",
-        children: /*#__PURE__*/ (0, $hLlzK$jsx)("table", {
-            ref: ref,
-            className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("w-full caption-bottom text-sm", className),
-            ...props
-        })
+const $fd75fdf931689c59$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>// <div className="">
+    /*#__PURE__*/ (0, $hLlzK$jsx)("table", {
+        ref: ref,
+        className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("relative w-full caption-bottom overflow-auto text-sm", className),
+        ...props
     }));
 $fd75fdf931689c59$export$54ec01a60f47d33d.displayName = "Table";
 const $fd75fdf931689c59$export$f850895b287ef28e = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)("thead", {
@@ -1343,11 +1516,11 @@ $parcel$export($28ef0f9ef87312c9$exports, "TextArea", function () { return $a690
 
 
 
-const $a6907629e3ef14e9$var$textAreaVariants = (0, $hLlzK$cva)("border-input flex min-h-24 w-full rounded-md border bg-form px-3 py-[calc(theme(spacing[2.5])-1px)] focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 sm:py-[calc(theme(spacing[2])-1px)] sm:text-sm data-drag-over:border-dashed data-drag-over:ring-4", {
+const $a6907629e3ef14e9$var$textAreaVariants = (0, $hLlzK$cva)("border-input flex min-h-24 w-full rounded-md border bg-form px-3 py-[calc(theme(spacing[2.5])-1px)] focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 data-drag-over:border-dashed data-drag-over:ring-4 sm:py-[calc(theme(spacing[2])-1px)] sm:text-sm", {
     variants: {
         state: {
-            default: "text-strong border-form placeholder:text-placeholder focus:border-accent-600 ring-focus-accent data-drag-over:border-accent-600",
-            danger: "border-danger-600 placeholder:text-placeholder focus:border-danger-600 ring-focus-danger data-drag-over:border-danger-600 data-drag-over:border-dashed"
+            default: "border-form text-strong ring-focus-accent placeholder:text-placeholder focus:border-accent-600 data-drag-over:border-accent-600",
+            danger: "border-danger-600 ring-focus-danger placeholder:text-placeholder focus:border-danger-600 data-drag-over:border-dashed data-drag-over:border-danger-600"
         },
         appearance: {
             monospaced: "font-mono text-[0.9375rem] sm:text-[0.8125rem]"
@@ -1652,5 +1825,5 @@ $aae96005fa706805$export$e9003e2be37ec060.displayName = "TooltipContent";
 
 
 
-export {$70398adbd69bc3b3$export$caec2af78bcc877f as Alert, $70398adbd69bc3b3$export$7738e9160ff0021e as AlertContent, $70398adbd69bc3b3$export$4a7253439a300753 as AlertTitle, $70398adbd69bc3b3$export$d4feae172fccda11 as AlertDescription, $d7b44a6bfb86e793$export$b688253958b8dfe7 as Anchor, $d7b44a6bfb86e793$export$86577199b2baf6c3 as anchorClassNames, $c2638d7be6bdca12$export$353f5b6fc5456de1 as Button, $267cd022d92c6243$export$60332b2344f7fe41 as Card, $267cd022d92c6243$export$851de33184ecdac4 as CardBody, $267cd022d92c6243$export$e9897d434e0741ee as CardFooter, $267cd022d92c6243$export$5665775b26e26c5d as CardHeader, $267cd022d92c6243$export$474db65c3c394e1c as CardTitle, $4de59be9540e7045$export$48513f6b9f8ce62d as Checkbox, $3e8792480c5dc036$export$6c415d1fdae3dfdb as CodeBlock, $3e8792480c5dc036$export$7e83364d3e7fd36a as CodeBlockBody, $3e8792480c5dc036$export$1c41328978c69a88 as CodeBlockCode, $3e8792480c5dc036$export$2e9b808b8155db21 as CodeBlockCopyButton, $3e8792480c5dc036$export$2e996d1cfaa94c3d as CodeBlockExpanderButton, $3e8792480c5dc036$export$b351deb59183780 as CodeBlockHeader, $3e8792480c5dc036$export$b5654939a1e891d as CodeBlockTitle, $6a7317e4fdb7be9c$export$6565f9f03506010b as code, $c58b35aa9fcfa4d0$export$2b83d7916142717 as parseMetastring, $3107245668823796$export$47c66070d6d6cd6d as isSupportedLanguage, $3107245668823796$export$dbb82c29aa7faca4 as parseLanguage, $a4274013049f8f7f$export$a274e22fb40f762e as cx, $a54417aeb05f1278$export$e44a253a59704894 as DropdownMenu, $a54417aeb05f1278$export$d2469213b3befba9 as DropdownMenuTrigger, $a54417aeb05f1278$export$6e76d93a37c01248 as DropdownMenuContent, $a54417aeb05f1278$export$ed97964d1871885d as DropdownMenuItem, $a54417aeb05f1278$export$53a69729da201fa9 as DropdownMenuCheckboxItem, $a54417aeb05f1278$export$e4f69b41b1637536 as DropdownMenuRadioItem, $a54417aeb05f1278$export$76e48c5b57f24495 as DropdownMenuLabel, $a54417aeb05f1278$export$da160178fd3bc7e9 as DropdownMenuSeparator, $a54417aeb05f1278$export$b1e098e2962e8df5 as DropdownMenuShortcut, $be9526d49a216cc9$export$7f1bf47c7f50a6aa as InlineCode, $69de6bdb0e8d2083$export$f5b8910cec6cf069 as Input, $1efa43e76774bcf1$export$c5be64db09f93414 as MediaObject, $1efa43e76774bcf1$export$a850f92726a1f836 as MediaObjectMedia, $1efa43e76774bcf1$export$8d93ffc9d5ebcf0c as MediaObjectContent, $66e13ce5ec226639$export$b28585a458fee016 as PasswordInput, $e1568f28b56f66ee$export$5b6b19405a83ff9d as Popover, $e1568f28b56f66ee$export$7dacb05d26466c3 as PopoverTrigger, $e1568f28b56f66ee$export$d7e1f420b25549ff as PopoverContent, $b0b413c594e2809e$export$ef9b1a59e592288f as Select, $b0b413c594e2809e$export$c973a4b3cb86a03d as SelectContent, $b0b413c594e2809e$export$ee25a334c55de1f4 as SelectGroup, $b0b413c594e2809e$export$f67338d29bd972f8 as SelectLabel, $b0b413c594e2809e$export$13ef48a934230896 as SelectItem, $b0b413c594e2809e$export$eba4b1df07cb1d3 as SelectSeparator, $b0b413c594e2809e$export$3ac1e88a1c0b9f1 as SelectTrigger, $b0b413c594e2809e$export$e288731fd71264f0 as SelectValue, $0e4ef6b27c1ec376$export$1ff3c3f08ae963c0 as Separator, $de4859618f6880e3$export$a9bf29f8d87ebbee as Sheet, $de4859618f6880e3$export$8e574df6e3b8d781 as SheetBody, $de4859618f6880e3$export$99d85c8298ee6511 as SheetClose, $de4859618f6880e3$export$fe5ec5b76996e2d3 as SheetContent, $de4859618f6880e3$export$2ee64bd945b80e4a as SheetDescription, $de4859618f6880e3$export$1adeb0155503ee5a as SheetFooter, $de4859618f6880e3$export$de7da2aaa45f2eb5 as SheetHeader, $de4859618f6880e3$export$48dbb295cbd054d8 as SheetOverlay, $de4859618f6880e3$export$721c917f47f6cb as SheetPortal, $de4859618f6880e3$export$4bb009ae36731de9 as SheetTitle, $de4859618f6880e3$export$de69b9b0343a1903 as SheetTrigger, $53866fd1feac4bca$export$8f31e4c4a37b8e9c as Skeleton, $fd75fdf931689c59$export$54ec01a60f47d33d as Table, $fd75fdf931689c59$export$f850895b287ef28e as TableHeader, $fd75fdf931689c59$export$76ccd210b9029917 as TableBody, $fd75fdf931689c59$export$1f116082bba1f9a8 as TableFooter, $fd75fdf931689c59$export$2f4a7be4f0dcc2 as TableHead, $fd75fdf931689c59$export$b05581f4e764e162 as TableRow, $fd75fdf931689c59$export$1e4baea7053fc0e3 as TableCell, $fd75fdf931689c59$export$35468a455d619eb3 as TableCaption, $a6907629e3ef14e9$export$f5c9f3c2c4054eec as TextArea, $dda3493dd750e32f$export$2d1315cd4e7dcc1 as PreventWrongThemeFlash, $dda3493dd750e32f$export$d8964aec282183a3 as ThemeProvider, $dda3493dd750e32f$export$6b08dcdbd4008308 as isTheme, $dda3493dd750e32f$export$1dca76bcd3720cbb as preventWrongThemeFlashScriptContent, $dda3493dd750e32f$export$bca14c5b3b88a9c9 as theme, $dda3493dd750e32f$export$93d4e7f90805808f as useTheme, $dda3493dd750e32f$export$9335dc9d919c3613 as useAppliedTheme, $aae96005fa706805$export$28c660c63b792dea as Tooltip, $aae96005fa706805$export$8c610744efcf8a1d as TooltipTrigger, $aae96005fa706805$export$e9003e2be37ec060 as TooltipContent, $aae96005fa706805$export$f78649fb9ca566b8 as TooltipProvider};
+export {$70398adbd69bc3b3$export$caec2af78bcc877f as Alert, $70398adbd69bc3b3$export$7738e9160ff0021e as AlertContent, $70398adbd69bc3b3$export$4a7253439a300753 as AlertTitle, $70398adbd69bc3b3$export$d4feae172fccda11 as AlertDescription, $d7b44a6bfb86e793$export$b688253958b8dfe7 as Anchor, $d7b44a6bfb86e793$export$86577199b2baf6c3 as anchorClassNames, $c2638d7be6bdca12$export$353f5b6fc5456de1 as Button, $267cd022d92c6243$export$60332b2344f7fe41 as Card, $267cd022d92c6243$export$851de33184ecdac4 as CardBody, $267cd022d92c6243$export$e9897d434e0741ee as CardFooter, $267cd022d92c6243$export$5665775b26e26c5d as CardHeader, $267cd022d92c6243$export$474db65c3c394e1c as CardTitle, $4de59be9540e7045$export$48513f6b9f8ce62d as Checkbox, $3e8792480c5dc036$export$6c415d1fdae3dfdb as CodeBlock, $3e8792480c5dc036$export$7e83364d3e7fd36a as CodeBlockBody, $3e8792480c5dc036$export$1c41328978c69a88 as CodeBlockCode, $3e8792480c5dc036$export$2e9b808b8155db21 as CodeBlockCopyButton, $3e8792480c5dc036$export$2e996d1cfaa94c3d as CodeBlockExpanderButton, $3e8792480c5dc036$export$b351deb59183780 as CodeBlockHeader, $3e8792480c5dc036$export$b5654939a1e891d as CodeBlockTitle, $6a7317e4fdb7be9c$export$6565f9f03506010b as code, $c58b35aa9fcfa4d0$export$2b83d7916142717 as parseMetastring, $3107245668823796$export$47c66070d6d6cd6d as isSupportedLanguage, $3107245668823796$export$dbb82c29aa7faca4 as parseLanguage, $a4274013049f8f7f$export$a274e22fb40f762e as cx, $d95638fc63e2fe90$export$3ddf2d174ce01153 as Dialog, $d95638fc63e2fe90$export$dad7c95542bacce0 as DialogPortal, $d95638fc63e2fe90$export$bd1d06c79be19e17 as DialogOverlay, $d95638fc63e2fe90$export$2e1e1122cf0cba88 as DialogTrigger, $d95638fc63e2fe90$export$fba2fb7cd781b7ac as DialogClose, $d95638fc63e2fe90$export$b6d9565de1e068cf as DialogContent, $d95638fc63e2fe90$export$742513523b177e3b as DialogHeader, $d95638fc63e2fe90$export$5d20f2c38fcde41f as DialogBody, $d95638fc63e2fe90$export$7bbfb2d443473050 as DialogFooter, $d95638fc63e2fe90$export$16f7638e4a34b909 as DialogTitle, $d95638fc63e2fe90$export$94e94c2ec2c954d5 as DialogDescription, $a54417aeb05f1278$export$e44a253a59704894 as DropdownMenu, $a54417aeb05f1278$export$d2469213b3befba9 as DropdownMenuTrigger, $a54417aeb05f1278$export$6e76d93a37c01248 as DropdownMenuContent, $a54417aeb05f1278$export$ed97964d1871885d as DropdownMenuItem, $a54417aeb05f1278$export$53a69729da201fa9 as DropdownMenuCheckboxItem, $a54417aeb05f1278$export$e4f69b41b1637536 as DropdownMenuRadioItem, $a54417aeb05f1278$export$76e48c5b57f24495 as DropdownMenuLabel, $a54417aeb05f1278$export$da160178fd3bc7e9 as DropdownMenuSeparator, $a54417aeb05f1278$export$b1e098e2962e8df5 as DropdownMenuShortcut, $be9526d49a216cc9$export$7f1bf47c7f50a6aa as InlineCode, $69de6bdb0e8d2083$export$f5b8910cec6cf069 as Input, $1efa43e76774bcf1$export$c5be64db09f93414 as MediaObject, $1efa43e76774bcf1$export$a850f92726a1f836 as MediaObjectMedia, $1efa43e76774bcf1$export$8d93ffc9d5ebcf0c as MediaObjectContent, $66e13ce5ec226639$export$b28585a458fee016 as PasswordInput, $e1568f28b56f66ee$export$5b6b19405a83ff9d as Popover, $e1568f28b56f66ee$export$7dacb05d26466c3 as PopoverTrigger, $e1568f28b56f66ee$export$d7e1f420b25549ff as PopoverContent, $b0b413c594e2809e$export$ef9b1a59e592288f as Select, $b0b413c594e2809e$export$c973a4b3cb86a03d as SelectContent, $b0b413c594e2809e$export$ee25a334c55de1f4 as SelectGroup, $b0b413c594e2809e$export$f67338d29bd972f8 as SelectLabel, $b0b413c594e2809e$export$13ef48a934230896 as SelectItem, $b0b413c594e2809e$export$eba4b1df07cb1d3 as SelectSeparator, $b0b413c594e2809e$export$3ac1e88a1c0b9f1 as SelectTrigger, $b0b413c594e2809e$export$e288731fd71264f0 as SelectValue, $0e4ef6b27c1ec376$export$1ff3c3f08ae963c0 as Separator, $de4859618f6880e3$export$a9bf29f8d87ebbee as Sheet, $de4859618f6880e3$export$8e574df6e3b8d781 as SheetBody, $de4859618f6880e3$export$99d85c8298ee6511 as SheetClose, $de4859618f6880e3$export$fe5ec5b76996e2d3 as SheetContent, $de4859618f6880e3$export$2ee64bd945b80e4a as SheetDescription, $de4859618f6880e3$export$1adeb0155503ee5a as SheetFooter, $de4859618f6880e3$export$de7da2aaa45f2eb5 as SheetHeader, $de4859618f6880e3$export$48dbb295cbd054d8 as SheetOverlay, $de4859618f6880e3$export$721c917f47f6cb as SheetPortal, $de4859618f6880e3$export$4bb009ae36731de9 as SheetTitle, $de4859618f6880e3$export$de69b9b0343a1903 as SheetTrigger, $53866fd1feac4bca$export$8f31e4c4a37b8e9c as Skeleton, $fd75fdf931689c59$export$54ec01a60f47d33d as Table, $fd75fdf931689c59$export$f850895b287ef28e as TableHeader, $fd75fdf931689c59$export$76ccd210b9029917 as TableBody, $fd75fdf931689c59$export$1f116082bba1f9a8 as TableFooter, $fd75fdf931689c59$export$2f4a7be4f0dcc2 as TableHead, $fd75fdf931689c59$export$b05581f4e764e162 as TableRow, $fd75fdf931689c59$export$1e4baea7053fc0e3 as TableCell, $fd75fdf931689c59$export$35468a455d619eb3 as TableCaption, $a6907629e3ef14e9$export$f5c9f3c2c4054eec as TextArea, $dda3493dd750e32f$export$2d1315cd4e7dcc1 as PreventWrongThemeFlash, $dda3493dd750e32f$export$d8964aec282183a3 as ThemeProvider, $dda3493dd750e32f$export$6b08dcdbd4008308 as isTheme, $dda3493dd750e32f$export$1dca76bcd3720cbb as preventWrongThemeFlashScriptContent, $dda3493dd750e32f$export$bca14c5b3b88a9c9 as theme, $dda3493dd750e32f$export$93d4e7f90805808f as useTheme, $dda3493dd750e32f$export$9335dc9d919c3613 as useAppliedTheme, $aae96005fa706805$export$28c660c63b792dea as Tooltip, $aae96005fa706805$export$8c610744efcf8a1d as TooltipTrigger, $aae96005fa706805$export$e9003e2be37ec060 as TooltipContent, $aae96005fa706805$export$f78649fb9ca566b8 as TooltipProvider};
 //# sourceMappingURL=index.js.map