@ngrok/mantle 0.67.0 → 0.68.0

package/dist/mantle.css

@@ -68,17 +68,17 @@ MARK: THEME
 	--color-ff00ff: color(display-p3 0.94164 0 0.99869);
 
 	/* Semantic color aliases - reference base colors defined in theme-specific :root blocks */
-	--color-accent-50: var(--color-blue-50);
-	--color-accent-100: var(--color-blue-100);
-	--color-accent-200: var(--color-blue-200);
-	--color-accent-300: var(--color-blue-300);
-	--color-accent-400: var(--color-blue-400);
-	--color-accent-500: var(--color-blue-500);
-	--color-accent-600: var(--color-blue-600);
-	--color-accent-700: var(--color-blue-700);
-	--color-accent-800: var(--color-blue-800);
-	--color-accent-900: var(--color-blue-900);
-	--color-accent-950: var(--color-blue-950);
+	--color-accent-50: var(--color-sky-50);
+	--color-accent-100: var(--color-sky-100);
+	--color-accent-200: var(--color-sky-200);
+	--color-accent-300: var(--color-sky-300);
+	--color-accent-400: var(--color-sky-400);
+	--color-accent-500: var(--color-sky-500);
+	--color-accent-600: var(--color-sky-600);
+	--color-accent-700: var(--color-sky-700);
+	--color-accent-800: var(--color-sky-800);
+	--color-accent-900: var(--color-sky-900);
+	--color-accent-950: var(--color-sky-950);
 
 	/* info === accent */
 	--color-info-50: var(--color-accent-50);
@@ -93,17 +93,17 @@ MARK: THEME
 	--color-info-900: var(--color-accent-900);
 	--color-info-950: var(--color-accent-950);
 
-	--color-danger-50: var(--color-red-50);
-	--color-danger-100: var(--color-red-100);
-	--color-danger-200: var(--color-red-200);
-	--color-danger-300: var(--color-red-300);
-	--color-danger-400: var(--color-red-400);
-	--color-danger-500: var(--color-red-500);
-	--color-danger-600: var(--color-red-600);
-	--color-danger-700: var(--color-red-700);
-	--color-danger-800: var(--color-red-800);
-	--color-danger-900: var(--color-red-900);
-	--color-danger-950: var(--color-red-950);
+	--color-danger-50: var(--color-rose-50);
+	--color-danger-100: var(--color-rose-100);
+	--color-danger-200: var(--color-rose-200);
+	--color-danger-300: var(--color-rose-300);
+	--color-danger-400: var(--color-rose-400);
+	--color-danger-500: var(--color-rose-500);
+	--color-danger-600: var(--color-rose-600);
+	--color-danger-700: var(--color-rose-700);
+	--color-danger-800: var(--color-rose-800);
+	--color-danger-900: var(--color-rose-900);
+	--color-danger-950: var(--color-rose-950);
 
 	--color-warning-50: var(--color-amber-50);
 	--color-warning-100: var(--color-amber-100);
@@ -117,17 +117,29 @@ MARK: THEME
 	--color-warning-900: var(--color-amber-900);
 	--color-warning-950: var(--color-amber-950);
 
-	--color-success-50: var(--color-green-50);
-	--color-success-100: var(--color-green-100);
-	--color-success-200: var(--color-green-200);
-	--color-success-300: var(--color-green-300);
-	--color-success-400: var(--color-green-400);
-	--color-success-500: var(--color-green-500);
-	--color-success-600: var(--color-green-600);
-	--color-success-700: var(--color-green-700);
-	--color-success-800: var(--color-green-800);
-	--color-success-900: var(--color-green-900);
-	--color-success-950: var(--color-green-950);
+	--color-success-50: var(--color-emerald-50);
+	--color-success-100: var(--color-emerald-100);
+	--color-success-200: var(--color-emerald-200);
+	--color-success-300: var(--color-emerald-300);
+	--color-success-400: var(--color-emerald-400);
+	--color-success-500: var(--color-emerald-500);
+	--color-success-600: var(--color-emerald-600);
+	--color-success-700: var(--color-emerald-700);
+	--color-success-800: var(--color-emerald-800);
+	--color-success-900: var(--color-emerald-900);
+	--color-success-950: var(--color-emerald-950);
+
+	--color-important-50: var(--color-purple-50);
+	--color-important-100: var(--color-purple-100);
+	--color-important-200: var(--color-purple-200);
+	--color-important-300: var(--color-purple-300);
+	--color-important-400: var(--color-purple-400);
+	--color-important-500: var(--color-purple-500);
+	--color-important-600: var(--color-purple-600);
+	--color-important-700: var(--color-purple-700);
+	--color-important-800: var(--color-purple-800);
+	--color-important-900: var(--color-purple-900);
+	--color-important-950: var(--color-purple-950);
 
 	/* Shadow tokens - reference theme-specific shadow color and opacity values */
 	--shadow-sm: 0px 1px 2px 0 --alpha(var(--shadow-color) / var(--shadow-first-opacity));
@@ -240,12 +252,6 @@ MARK: THEME
 	--background-color-filled-warning-hover: var(--background-color-filled-warning-hover);
 	--background-color-filled-success-hover: var(--background-color-filled-success-hover);
 
-	--background-color-filled-neutral-active: var(--background-color-filled-neutral-active);
-	--background-color-filled-accent-active: var(--background-color-filled-accent-active);
-	--background-color-filled-danger-active: var(--background-color-filled-danger-active);
-	--background-color-filled-warning-active: var(--background-color-filled-warning-active);
-	--background-color-filled-success-active: var(--background-color-filled-success-active);
-
 	--ring-color-focus-neutral: var(--ring-color-focus-neutral);
 	--ring-color-focus-accent: var(--ring-color-focus-accent);
 	--ring-color-focus-danger: var(--ring-color-focus-danger);
@@ -264,6 +270,7 @@ MARK: LIGHT DEFS
 
 	/* neutral-50 through neutral-900 match Tailwind v4 defaults exactly — only -950 is custom */
 	--color-neutral-950: oklch(18.2% 0 0); /* TW4 default is 14.5% — intentionally lighter */
+	--color-sky-600: oklch(55% 0.158 241.966);
 
 	/* gray is identical to neutral in light mode */
 	--color-gray-50: var(--color-neutral-50);
@@ -297,10 +304,22 @@ MARK: LIGHT DEFS
 	--background-color-popover: var(--color-white);
 	--background-color-dialog: var(--color-white);
 	--background-color-base-hover: var(--color-neutral-100);
-	--background-color-card-hover: var(--color-neutral-100);
-	--background-color-popover-hover: var(--color-neutral-100);
-	--background-color-dialog-hover: var(--color-neutral-100);
-	--background-color-form: var(--color-white);
+	--background-color-card-hover: color-mix(
+		in oklab,
+		var(--color-white) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-popover-hover: color-mix(
+		in oklab,
+		var(--color-white) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-dialog-hover: color-mix(
+		in oklab,
+		var(--color-white) 50%,
+		var(--color-neutral-100)
+	);
+	--background-color-form: var(--background-color-card);
 	--background-color-form-hover: --alpha(var(--color-neutral-500) / 0.05);
 	--background-color-form-active: --alpha(var(--color-neutral-500) / 0.1);
 	--background-color-overlay: --alpha(#000 / 0.12);
@@ -321,9 +340,9 @@ MARK: LIGHT DEFS
 	--color-card-border: var(--color-neutral-300);
 	--color-card-border-muted: var(--color-neutral-200);
 
-	--color-active-menu-item: var(--color-neutral-100);
-	--color-selected-menu-item: var(--color-accent-50);
-	--color-active-selected-menu-item: var(--color-accent-100);
+	--color-active-menu-item: --alpha(var(--color-neutral-500) / 0.05);
+	--color-selected-menu-item: --alpha(var(--color-accent-500) / 0.1);
+	--color-active-selected-menu-item: --alpha(var(--color-accent-500) / 0.15);
 
 	--text-color-strong: var(--color-neutral-950);
 	--text-color-body: --alpha(var(--color-neutral-950) / 0.75);
@@ -332,23 +351,17 @@ MARK: LIGHT DEFS
 	--text-color-on-filled: #fff;
 
 	/* Theme tokens */
-	--background-color-filled-neutral: var(--color-neutral-500);
-	--background-color-filled-accent: var(--color-accent-500);
-	--background-color-filled-danger: var(--color-danger-500);
-	--background-color-filled-warning: var(--color-warning-500);
-	--background-color-filled-success: var(--color-success-500);
-
-	--background-color-filled-neutral-hover: var(--color-neutral-600);
-	--background-color-filled-accent-hover: var(--color-accent-600);
-	--background-color-filled-danger-hover: var(--color-danger-600);
-	--background-color-filled-warning-hover: var(--color-warning-600);
-	--background-color-filled-success-hover: var(--color-success-600);
-
-	--background-color-filled-neutral-active: var(--color-neutral-700);
-	--background-color-filled-accent-active: var(--color-accent-700);
-	--background-color-filled-danger-active: var(--color-danger-700);
-	--background-color-filled-warning-active: var(--color-warning-700);
-	--background-color-filled-success-active: var(--color-success-700);
+	--background-color-filled-neutral: var(--color-neutral-950);
+	--background-color-filled-accent: var(--color-accent-600);
+	--background-color-filled-danger: var(--color-danger-600);
+	--background-color-filled-warning: var(--color-warning-600);
+	--background-color-filled-success: var(--color-success-600);
+
+	--background-color-filled-neutral-hover: var(--color-neutral-800);
+	--background-color-filled-accent-hover: var(--color-accent-700);
+	--background-color-filled-danger-hover: var(--color-danger-700);
+	--background-color-filled-warning-hover: var(--color-warning-700);
+	--background-color-filled-success-hover: var(--color-success-700);
 
 	/* Focus tokens */
 	--ring-color-focus-neutral: --alpha(var(--color-neutral-500) / 0.3);
@@ -361,6 +374,9 @@ MARK: LIGHT DEFS
 	--shadow-first-opacity: 5%;
 	--shadow-second-opacity: 10%;
 	--navigation-shadow: --alpha(var(--shadow-color) / 10%);
+
+	--bg-checked-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M12.7071 4.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 11.7071c-.39053.3905-1.02369.3905-1.41422 0l-2-1.99999c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0L6 9.58579l5.2929-5.2929c.3905-.39052 1.0237-.39052 1.4142 0Z'/%3e%3c/svg%3e");
+	--bg-indeterminate-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M4 8c0-.55228.44772-1 1-1h6c.5523 0 1 .44772 1 1s-.4477 1-1 1H5c-.55228 0-1-.44772-1-1Z'/%3e%3c/svg%3e");
 }
 
 /**
@@ -419,6 +435,10 @@ MARK: CUSTOM VARIANTS
 }
 
 @layer base {
+	body {
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+	}
 	button:not(:disabled),
 	[role="button"]:not(:disabled) {
 		cursor: pointer;
@@ -433,6 +453,13 @@ MARK: CUSTOM VARIANTS
 /**
 MARK: UTILITIES
 */
+@layer utilities {
+	.font-family {
+		-webkit-font-smoothing: auto;
+		-moz-osx-font-smoothing: auto;
+	}
+}
+
 @utility cursor-inherit {
 	cursor: inherit;
 }
@@ -538,11 +565,11 @@ MARK: UTILITIES
 }
 
 @utility bg-checked-icon {
-	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M12.7071 4.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 11.7071c-.39053.3905-1.02369.3905-1.41422 0l-2-1.99999c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0L6 9.58579l5.2929-5.2929c.3905-.39052 1.0237-.39052 1.4142 0Z'/%3e%3c/svg%3e");
+	background-image: var(--bg-checked-icon);
 }
 
 @utility bg-indeterminate-icon {
-	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M4 8c0-.55228.44772-1 1-1h6c.5523 0 1 .44772 1 1s-.4477 1-1 1H5c-.55228 0-1-.44772-1-1Z'/%3e%3c/svg%3e");
+	background-image: var(--bg-indeterminate-icon);
 }
 
 @utility stop-color-current {
@@ -563,18 +590,25 @@ MARK: UTILITIES
 MARK: SHIKI SYNTAX HIGHLIGHT
 */
 :root {
-	--shiki-foreground: var(--color-gray-900);
+	--shiki-foreground: var(--text-color-body);
 	--shiki-background: transparent;
 	--shiki-color-text: var(--shiki-foreground);
 
-	--shiki-token-comment: var(--color-gray-500);
-	--shiki-token-constant: var(--color-indigo-600);
-	--shiki-token-string: var(--color-green-600);
-	--shiki-token-string-expression: var(--color-green-600);
-	--shiki-token-keyword: var(--color-blue-600);
-	--shiki-token-function: var(--color-blue-600);
-	--shiki-token-parameter: var(--color-yellow-600);
-	--shiki-token-punctuation: var(--shiki-foreground);
+	--shiki-token-comment: var(--color-gray-600);
+	--shiki-token-constant: var(--color-amber-600);
+	--shiki-token-string: var(--color-emerald-600);
+	--shiki-token-string-expression: var(--color-emerald-600);
+	--shiki-token-keyword: var(--color-purple-600);
+	--shiki-token-function: var(--color-sky-600);
+	--shiki-token-parameter: var(--color-rose-600);
+	--shiki-token-punctuation: var(--color-sky-600);
+
+	--shiki-token-type: var(--color-amber-600);
+	--shiki-token-variable: var(--shiki-foreground);
+	--shiki-token-operator: var(--color-sky-600);
+	--shiki-token-attribute: var(--color-purple-600);
+	--shiki-token-property: var(--color-rose-600);
+	--shiki-token-escape: var(--color-sky-600);
 
 	/* Mantle code-line rendering hooks (used by CodeBlock + server highlighter). */
 	--mantle-code-line-highlight-bg: --alpha(var(--color-accent-500) / 12%);

package/dist/media-object.d.ts

@@ -1,5 +1,5 @@
 import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps } from "react";
 
 //#region src/components/media-object/media-object.d.ts
@@ -59,7 +59,7 @@ declare const MediaObject: {
    * </MediaObject.Root>
    * ```
    */
-  readonly Root: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Root: _$react.ForwardRefExoticComponent<Omit<Props, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * The container for an image or icon to display in the media slot of the media object.
    *
@@ -77,7 +77,7 @@ declare const MediaObject: {
    * </MediaObject.Root>
    * ```
    */
-  readonly Media: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Media: _$react.ForwardRefExoticComponent<Omit<Props, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * The container for the content slot of a media object.
    *
@@ -95,7 +95,7 @@ declare const MediaObject: {
    * </MediaObject.Root>
    * ```
    */
-  readonly Content: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Content: _$react.ForwardRefExoticComponent<Omit<Props, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
 };
 //#endregion
 export { MediaObject };

package/dist/multi-select.d.ts

@@ -1,8 +1,8 @@
 import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
 import { o as WithValidation } from "./types-Cq6RWU7Q.js";
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as Primitive from "@ariakit/react";
 
 //#region src/components/multi-select/multi-select.d.ts
@@ -121,7 +121,7 @@ declare const MultiSelect: {
       children,
       defaultSelectedValue,
       ...props
-    }: MultiSelectProps): react_jsx_runtime0.JSX.Element;
+    }: MultiSelectProps): _$react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   /**
@@ -136,7 +136,7 @@ declare const MultiSelect: {
    * </MultiSelect.Trigger>
    * ```
    */
-  readonly Trigger: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & WithValidation & react.RefAttributes<HTMLDivElement>>;
+  readonly Trigger: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & WithValidation & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders the selected values as removable tags. Place this inside
    * `MultiSelect.Trigger`, followed by `MultiSelect.Input`.
@@ -161,7 +161,7 @@ declare const MultiSelect: {
     ({
       children,
       lockedValues
-    }: MultiSelectTagValuesProps): react_jsx_runtime0.JSX.Element;
+    }: MultiSelectTagValuesProps): _$react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   /**
@@ -173,7 +173,7 @@ declare const MultiSelect: {
    * <MultiSelect.Input placeholder="Select items..." />
    * ```
    */
-  readonly Input: react.ForwardRefExoticComponent<Omit<MultiSelectInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+  readonly Input: _$react.ForwardRefExoticComponent<Omit<MultiSelectInputProps, "ref"> & _$react.RefAttributes<HTMLInputElement>>;
   /**
    * The default tag rendered inside `MultiSelect.TagValues` for each selected value.
    * Displays the value label with a remove button and keyboard navigation support.
@@ -186,7 +186,7 @@ declare const MultiSelect: {
    * />
    * ```
    */
-  readonly Tag: react.ForwardRefExoticComponent<Omit<TagProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+  readonly Tag: _$react.ForwardRefExoticComponent<Omit<TagProps, "ref"> & _$react.RefAttributes<HTMLSpanElement>>;
   /**
    * Renders a popover that contains multi-select content.
    *
@@ -197,7 +197,7 @@ declare const MultiSelect: {
    * </MultiSelect.Content>
    * ```
    */
-  readonly Content: react.ForwardRefExoticComponent<Omit<MultiSelectContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Content: _$react.ForwardRefExoticComponent<Omit<MultiSelectContentProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders a sticky footer pinned to the bottom inside `MultiSelect.Content`,
    * with a separator border at the top.
@@ -209,7 +209,7 @@ declare const MultiSelect: {
    * </MultiSelect.ContentFooter>
    * ```
    */
-  readonly ContentFooter: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly ContentFooter: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders a selectable item with a checkbox indicator inside a `MultiSelect.Content`.
    *
@@ -218,7 +218,7 @@ declare const MultiSelect: {
    * <MultiSelect.Item value="apple">Apple</MultiSelect.Item>
    * ```
    */
-  readonly Item: react.ForwardRefExoticComponent<Omit<MultiSelectItemProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Item: _$react.ForwardRefExoticComponent<Omit<MultiSelectItemProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders a group for MultiSelect.Item elements.
    *
@@ -230,7 +230,7 @@ declare const MultiSelect: {
    * </MultiSelect.Group>
    * ```
    */
-  readonly Group: react.ForwardRefExoticComponent<Omit<MultiSelectGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Group: _$react.ForwardRefExoticComponent<Omit<MultiSelectGroupProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders a label in a multi-select group.
    *
@@ -239,7 +239,7 @@ declare const MultiSelect: {
    * <MultiSelect.GroupLabel>Fruits</MultiSelect.GroupLabel>
    * ```
    */
-  readonly GroupLabel: react.ForwardRefExoticComponent<Omit<MultiSelectGroupLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly GroupLabel: _$react.ForwardRefExoticComponent<Omit<MultiSelectGroupLabelProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders a description below a `MultiSelect.GroupLabel` inside a `MultiSelect.Group`.
    *
@@ -250,7 +250,7 @@ declare const MultiSelect: {
    * </MultiSelect.GroupDescription>
    * ```
    */
-  readonly GroupDescription: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+  readonly GroupDescription: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & _$react.RefAttributes<HTMLParagraphElement>>;
   /**
    * Renders a separator between items or groups.
    *
@@ -259,10 +259,10 @@ declare const MultiSelect: {
    * <MultiSelect.Separator />
    * ```
    */
-  readonly Separator: react.ForwardRefExoticComponent<Omit<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild & {
+  readonly Separator: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.ClassAttributes<HTMLDivElement> & _$react.HTMLAttributes<HTMLDivElement> & WithAsChild & {
     orientation?: "horizontal" | "vertical";
     semantic?: boolean;
-  }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  }, "ref"> & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * Renders a message when no items match the current filter.
    *
@@ -271,7 +271,7 @@ declare const MultiSelect: {
    * <MultiSelect.Empty>No results found</MultiSelect.Empty>
    * ```
    */
-  readonly Empty: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Empty: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
 };
 //#endregion
 export { MultiSelect };

package/dist/pagination.d.ts

@@ -1,9 +1,9 @@
 import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
-import { t as ButtonGroup } from "./index-CI-RDnHZ.js";
-import { t as Select } from "./select-B3jxZhYg.js";
-import * as react from "react";
+import { t as ButtonGroup } from "./index-Cj2NX2Dg.js";
+import { t as Select } from "./select-DJmjfGjt.js";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/pagination/cursor-pagination.d.ts
 type CursorPaginationProps = ComponentProps<"div"> & {
@@ -59,7 +59,7 @@ declare function PageSizeValue({
   asChild,
   className,
   ...props
-}: CursorPageSizeValueProps): react_jsx_runtime0.JSX.Element;
+}: CursorPageSizeValueProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace PageSizeValue {
   var displayName: string;
 }
@@ -106,7 +106,7 @@ declare const CursorPagination: {
    * </CursorPagination.Root>
    * ```
    */
-  readonly Root: react.ForwardRefExoticComponent<Omit<CursorPaginationProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Root: _$react.ForwardRefExoticComponent<Omit<CursorPaginationProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * A pair of buttons for navigating between pages of data when using cursor-based pagination.
    *
@@ -122,7 +122,7 @@ declare const CursorPagination: {
    * />
    * ```
    */
-  readonly Buttons: react.ForwardRefExoticComponent<Omit<CursorButtonsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Buttons: _$react.ForwardRefExoticComponent<Omit<CursorButtonsProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * A select input for changing the number of items per page when using cursor-based pagination.
    *
@@ -136,7 +136,7 @@ declare const CursorPagination: {
    * />
    * ```
    */
-  readonly PageSizeSelect: react.ForwardRefExoticComponent<Omit<CursorPageSizeSelectProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+  readonly PageSizeSelect: _$react.ForwardRefExoticComponent<Omit<CursorPageSizeSelectProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
   /**
    * Displays the current page size when using cursor-based pagination as a read-only value.
    *

package/dist/pagination.js

@@ -1,2 +1,2 @@
-import{t as e}from"./cx-D1HYnpvA.js";import{t}from"./slot-D_ZUrdEW.js";import{t as n}from"./icon-button-CeeHZOhh.js";import{t as r}from"./button-eAPtlsYO.js";import{n as i}from"./separator-BuP5aENE.js";import{t as a}from"./select-Z13w6WBS.js";import{createContext as o,forwardRef as s,useContext as c,useEffect as l,useState as u}from"react";import d from"tiny-invariant";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{CaretLeftIcon as m}from"@phosphor-icons/react/CaretLeft";import{CaretRightIcon as h}from"@phosphor-icons/react/CaretRight";const g=o(void 0),_=s(({className:t,children:n,defaultPageSize:r,...i},a)=>{let[o,s]=u(r);return f(g.Provider,{value:{defaultPageSize:r,pageSize:o,setPageSize:s},children:f(`div`,{className:e(`inline-flex items-center justify-between gap-2`,t),ref:a,...i,children:n})})});_.displayName=`CursorPagination`;const v=s(({hasNextPage:e,hasPreviousPage:t,onNextPage:a,onPreviousPage:o,...s},c)=>p(r,{appearance:`panel`,ref:c,...s,children:[f(n,{appearance:`ghost`,disabled:!t,icon:f(m,{}),label:`Previous page`,onClick:o,size:`sm`,type:`button`}),f(i,{orientation:`vertical`,className:`min-h-5`}),f(n,{appearance:`ghost`,disabled:!e,icon:f(h,{}),label:`Next page`,onClick:a,size:`sm`,type:`button`})]}));v.displayName=`CursorButtons`;const y=[5,10,20,50,100],b=s(({className:t,pageSizes:n=y,onChangePageSize:r,...i},o)=>{let s=c(g);return d(s,`CursorPageSizeSelect must be used as a child of a CursorPagination component`),d(n.includes(s.defaultPageSize),`CursorPagination.defaultPageSize must be included in CursorPageSizeSelect.pageSizes`),d(n.includes(s.pageSize),`CursorPagination.pageSize must be included in CursorPageSizeSelect.pageSizes`),p(a.Root,{defaultValue:`${s.pageSize}`,onValueChange:e=>{let t=Number.parseInt(e,10);Number.isNaN(t)&&(t=s.defaultPageSize),s.setPageSize(t),r?.(t)},children:[f(a.Trigger,{ref:o,className:e(`w-auto min-w-36`,t),value:s.pageSize,...i,children:f(a.Value,{})}),f(a.Content,{width:`trigger`,children:n.map(e=>p(a.Item,{value:`${e}`,children:[e,` per page`]},e))})]})});b.displayName=`CursorPageSizeSelect`;function x({asChild:n=!1,className:r,...i}){let a=c(g);return d(a,`CursorPageSizeValue must be used as a child of a CursorPagination component`),p(n?t:`span`,{className:e(`text-muted text-sm font-normal`,r),...i,children:[a.pageSize,` per page`]})}x.displayName=`CursorPageSizeValue`;const S={Root:_,Buttons:v,PageSizeSelect:b,PageSizeValue:x};function C({listSize:e,pageSize:t}){let[n,r]=u(1),[i,a]=u(t);l(()=>{a(t),r(1)},[t]),l(()=>{r(1)},[e]);let o=Math.ceil(e/i),s=(n-1)*i,c=n>1,d=n<o;function f(e){r(Math.max(1,Math.min(e,o)))}function p(){d&&r(e=>Math.min(e+1,o))}function m(){c&&r(e=>Math.max(e-1,1))}function h(e){a(e),r(1)}function g(){r(o)}function _(){r(1)}return{currentPage:n,goToFirstPage:_,goToLastPage:g,goToPage:f,hasNextPage:d,hasPreviousPage:c,nextPage:p,offset:s,pageSize:i,previousPage:m,setPageSize:h,totalPages:o}}function w(e,t){return e.slice(t.offset,t.offset+t.pageSize)}export{S as CursorPagination,w as getOffsetPaginatedSlice,C as useOffsetPagination};
+import{t as e}from"./cx-D1HYnpvA.js";import{t}from"./slot-D_ZUrdEW.js";import{t as n}from"./icon-button-CxxVPiKp.js";import{t as r}from"./button-eAPtlsYO.js";import{n as i}from"./separator-BuP5aENE.js";import{t as a}from"./select-Z13w6WBS.js";import{createContext as o,forwardRef as s,useContext as c,useEffect as l,useState as u}from"react";import d from"tiny-invariant";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{CaretLeftIcon as m}from"@phosphor-icons/react/CaretLeft";import{CaretRightIcon as h}from"@phosphor-icons/react/CaretRight";const g=o(void 0),_=s(({className:t,children:n,defaultPageSize:r,...i},a)=>{let[o,s]=u(r);return f(g.Provider,{value:{defaultPageSize:r,pageSize:o,setPageSize:s},children:f(`div`,{className:e(`inline-flex items-center justify-between gap-2`,t),ref:a,...i,children:n})})});_.displayName=`CursorPagination`;const v=s(({hasNextPage:e,hasPreviousPage:t,onNextPage:a,onPreviousPage:o,...s},c)=>p(r,{appearance:`panel`,ref:c,...s,children:[f(n,{appearance:`ghost`,disabled:!t,icon:f(m,{}),label:`Previous page`,onClick:o,size:`sm`,type:`button`}),f(i,{orientation:`vertical`,className:`min-h-5`}),f(n,{appearance:`ghost`,disabled:!e,icon:f(h,{}),label:`Next page`,onClick:a,size:`sm`,type:`button`})]}));v.displayName=`CursorButtons`;const y=[5,10,20,50,100],b=s(({className:t,pageSizes:n=y,onChangePageSize:r,...i},o)=>{let s=c(g);return d(s,`CursorPageSizeSelect must be used as a child of a CursorPagination component`),d(n.includes(s.defaultPageSize),`CursorPagination.defaultPageSize must be included in CursorPageSizeSelect.pageSizes`),d(n.includes(s.pageSize),`CursorPagination.pageSize must be included in CursorPageSizeSelect.pageSizes`),p(a.Root,{defaultValue:`${s.pageSize}`,onValueChange:e=>{let t=Number.parseInt(e,10);Number.isNaN(t)&&(t=s.defaultPageSize),s.setPageSize(t),r?.(t)},children:[f(a.Trigger,{ref:o,className:e(`w-auto min-w-36`,t),value:s.pageSize,...i,children:f(a.Value,{})}),f(a.Content,{width:`trigger`,children:n.map(e=>p(a.Item,{value:`${e}`,children:[e,` per page`]},e))})]})});b.displayName=`CursorPageSizeSelect`;function x({asChild:n=!1,className:r,...i}){let a=c(g);return d(a,`CursorPageSizeValue must be used as a child of a CursorPagination component`),p(n?t:`span`,{className:e(`text-muted text-sm font-normal`,r),...i,children:[a.pageSize,` per page`]})}x.displayName=`CursorPageSizeValue`;const S={Root:_,Buttons:v,PageSizeSelect:b,PageSizeValue:x};function C({listSize:e,pageSize:t}){let[n,r]=u(1),[i,a]=u(t);l(()=>{a(t),r(1)},[t]),l(()=>{r(1)},[e]);let o=Math.ceil(e/i),s=(n-1)*i,c=n>1,d=n<o;function f(e){r(Math.max(1,Math.min(e,o)))}function p(){d&&r(e=>Math.min(e+1,o))}function m(){c&&r(e=>Math.max(e-1,1))}function h(e){a(e),r(1)}function g(){r(o)}function _(){r(1)}return{currentPage:n,goToFirstPage:_,goToLastPage:g,goToPage:f,hasNextPage:d,hasPreviousPage:c,nextPage:p,offset:s,pageSize:i,previousPage:m,setPageSize:h,totalPages:o}}function w(e,t){return e.slice(t.offset,t.offset+t.pageSize)}export{S as CursorPagination,w as getOffsetPaginatedSlice,C as useOffsetPagination};
 //# sourceMappingURL=pagination.js.map

package/dist/popover.d.ts

@@ -1,4 +1,4 @@
-import * as react from "react";
+import * as _$react from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/components/popover/popover.d.ts
@@ -39,7 +39,7 @@ declare const Popover: {
    * </Popover.Root>
    * ```
    */
-  readonly Root: react.FC<PopoverPrimitive.PopoverProps>;
+  readonly Root: _$react.FC<PopoverPrimitive.PopoverProps>;
   /**
    * An optional element to position the PopoverContent against. If not used, content positions alongside the trigger.
    *
@@ -60,7 +60,7 @@ declare const Popover: {
    * </Popover.Root>
    * ```
    */
-  readonly Anchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
+  readonly Anchor: _$react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * A button that closes an open popover. Can be placed anywhere within the popover content.
    *
@@ -84,7 +84,7 @@ declare const Popover: {
    * </Popover.Root>
    * ```
    */
-  readonly Close: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
+  readonly Close: _$react.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & _$react.RefAttributes<HTMLButtonElement>>;
   /**
    * The content to render inside the popover. Appears in a portal with rich styling and animations.
    *
@@ -106,7 +106,7 @@ declare const Popover: {
    * </Popover.Root>
    * ```
    */
-  readonly Content: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+  readonly Content: _$react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & _$react.RefAttributes<HTMLDivElement>, "ref"> & {
     /**
      * The preferred width of the `PopoverContent` as a tailwind `max-w-` class.
      *
@@ -116,7 +116,7 @@ declare const Popover: {
      * @default `max-w-72`
      */
     preferredWidth?: `max-w-${string}`;
-  } & react.RefAttributes<HTMLDivElement>>;
+  } & _$react.RefAttributes<HTMLDivElement>>;
   /**
    * The trigger button that opens the popover when clicked or focused.
    *
@@ -139,7 +139,7 @@ declare const Popover: {
    * </Popover.Root>
    * ```
    */
-  readonly Trigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+  readonly Trigger: _$react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & _$react.RefAttributes<HTMLButtonElement>>;
 };
 //#endregion
 export { Popover };

package/dist/{primitive-BmWrmUz1.d.ts → primitive-BqLYh79k.d.ts}

@@ -1,9 +1,9 @@
 import { ComponentPropsWithoutRef } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/dialog/primitive.d.ts
-declare function Root(props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): react_jsx_runtime0.JSX.Element;
+declare function Root(props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
 declare namespace Root {
   var displayName: string;
 }
@@ -13,4 +13,4 @@ declare namespace Root {
 declare function isDialogOverlayTarget(target: EventTarget | null): boolean;
 //#endregion
 export { isDialogOverlayTarget as n, Root as t };
-//# sourceMappingURL=primitive-BmWrmUz1.d.ts.map
+//# sourceMappingURL=primitive-BqLYh79k.d.ts.map

package/dist/progress.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, HTMLAttributes } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 
 //#region src/components/progress/types.d.ts
@@ -94,7 +94,7 @@ declare const ProgressDonut: {
       value: _value,
       indeterminateRotationSpeed,
       ...props
-    }: Props): react_jsx_runtime0.JSX.Element;
+    }: Props): _$react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   /**
@@ -117,7 +117,7 @@ declare const ProgressDonut: {
     ({
       className,
       ...props
-    }: ProgressDonutIndicatorProps): react_jsx_runtime0.JSX.Element;
+    }: ProgressDonutIndicatorProps): _$react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };
@@ -172,7 +172,7 @@ declare function Root({
   max: _max,
   value: _value,
   ...props
-}: RootProps): react_jsx_runtime0.JSX.Element;
+}: RootProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace Root {
   var displayName: string;
 }
@@ -201,7 +201,7 @@ declare function Indicator({
   className,
   style,
   ...props
-}: IndicatorProps): react_jsx_runtime0.JSX.Element;
+}: IndicatorProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace Indicator {
   var displayName: string;
 }