@ngrok/mantle 0.66.0 → 0.66.1

package/dist/icon.d.ts

@@ -1,4 +1,4 @@
-export { I as Icon, a as IconProps } from './icon-DXTMiV1L.js';
-export { S as SvgOnly, a as SvgOnlyProps } from './svg-only-Cp8Mu_sh.js';
-export { S as SvgAttributes } from './types-BuKAGhC-.js';
-import 'react';
+import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
+import { n as IconProps, t as Icon } from "./icon-B1XLv02t.js";
+import { n as SvgOnlyProps, t as SvgOnly } from "./svg-only-Dti1FvNV.js";
+export { Icon, type IconProps, type SvgAttributes, SvgOnly, type SvgOnlyProps };

package/dist/icon.js

@@ -1,2 +1 @@
-import"./chunk-72TJUKMV.js";import{a as b}from"./chunk-IVQ626TU.js";import{a}from"./chunk-SBQHQ2SJ.js";import"./chunk-PFXFESEN.js";export{b as Icon,a as SvgOnly};
-//# sourceMappingURL=icon.js.map
+import{t as e}from"./svg-only-BVLlbQ4e.js";import{t}from"./icon-B5oNYYrJ.js";export{t as Icon,e as SvgOnly};

package/dist/icons.d.ts

@@ -1,43 +1,50 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d as SortingMode, A as AlphanumericSortingDirection, T as TimeSortingDirection, S as SortingDirection } from './direction-DHheuUag.js';
-import { S as SvgAttributes } from './types-BuKAGhC-.js';
-import { T as Theme } from './themes-Bi46K9ZW.js';
-import { ComponentProps } from 'react';
+import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
+import { a as AlphanumericSortingDirection, c as TimeSortingDirection, o as SortingDirection, s as SortingMode } from "./direction-deXpJFDZ.js";
+import { i as Theme } from "./themes-ClppRAGt.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/components/icons/sort.d.ts
 type Props = SvgAttributes & ({
-    mode: Extract<SortingMode, "alphanumeric">;
-    /**
-     * Sort by alphanumeric order in "ascending" (asc) or "descending" (desc) order.
-     * @example "asc" for A-Z, 0-9
-     * @example "desc" for Z-A, 0-9
-     */
-    direction: AlphanumericSortingDirection;
+  mode: Extract<SortingMode, "alphanumeric">;
+  /**
+   * Sort by alphanumeric order in "ascending" (asc) or "descending" (desc) order.
+   * @example "asc" for A-Z, 0-9
+   * @example "desc" for Z-A, 0-9
+   */
+  direction: AlphanumericSortingDirection;
 } | {
-    mode: Extract<SortingMode, "time">;
-    /**
-     * Sort by time in "newest-to-oldest" (descending, desc) or "oldest-to-newest" (ascending, asc) order.
-     * @example "newest-to-oldest" for newest first (aka descending, desc)
-     * @example "oldest-to-newest" for oldest first (aka ascending, asc)
-     */
-    direction: TimeSortingDirection | SortingDirection;
+  mode: Extract<SortingMode, "time">;
+  /**
+   * Sort by time in "newest-to-oldest" (descending, desc) or "oldest-to-newest" (ascending, asc) order.
+   * @example "newest-to-oldest" for newest first (aka descending, desc)
+   * @example "oldest-to-newest" for oldest first (aka ascending, asc)
+   */
+  direction: TimeSortingDirection | SortingDirection;
 });
 /**
  * A sorting icon that can be used to indicate the sorting direction of a table column or list.
  * It is aware of the sorting mode (alphanumeric or time) and the sorting direction (ascending or descending).
  */
 declare const SortIcon: {
-    ({ mode, direction, ...props }: Props): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  ({
+    mode,
+    direction,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
-
+//#endregion
+//#region src/components/icons/traffic-policy-file.d.ts
 /**
  * An icon representing a traffic policy file.
  */
-declare function TrafficPolicyFileIcon(props: SvgAttributes): react_jsx_runtime.JSX.Element;
+declare function TrafficPolicyFileIcon(props: SvgAttributes): react_jsx_runtime0.JSX.Element;
 declare namespace TrafficPolicyFileIcon {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/components/icons/theme.d.ts
 /**
  * An icon that automatically adapts to the current applied theme.
  * - `light`: SunIcon
@@ -45,12 +52,12 @@ declare namespace TrafficPolicyFileIcon {
  * - `light-high-contrast`: SunIcon (fill)
  * - `dark-high-contrast`: MoonIcon (fill)
  */
-declare function AutoThemeIcon(props: SvgAttributes): react_jsx_runtime.JSX.Element;
+declare function AutoThemeIcon(props: SvgAttributes): react_jsx_runtime0.JSX.Element;
 declare namespace AutoThemeIcon {
-    var displayName: string;
+  var displayName: string;
 }
 type ThemeIconProps = SvgAttributes & {
-    theme: Theme;
+  theme: Theme;
 };
 /**
  * An icon that adapts to a specific theme.
@@ -61,27 +68,33 @@ type ThemeIconProps = SvgAttributes & {
  * - `light-high-contrast`: SunIcon (fill)
  * - `dark-high-contrast`: MoonIcon (fill)
  */
-declare function ThemeIcon({ theme, ...props }: ThemeIconProps): react_jsx_runtime.JSX.Element;
+declare function ThemeIcon({
+  theme,
+  ...props
+}: ThemeIconProps): react_jsx_runtime0.JSX.Element;
 declare namespace ThemeIcon {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/components/icons/types.d.ts
 /**
  * Props for an inline svg icon.
  */
 type InlineIconProps = Omit<ComponentProps<"svg">, "xmlns" | "fill" | "viewBox" | "color" | "children"> & {
-    /**
-     * The fill color mode of the svg icon.
-     * If set to `"inherit"`, the icon will inherit the color of its parent using `currentColor`
-     * If set to `"auto"`, the icon will use "branded" fill color(s) that are not inherited.
-     * @default "auto"
-     */
-    color?: "inherit" | "auto";
+  /**
+   * The fill color mode of the svg icon.
+   * If set to `"inherit"`, the icon will inherit the color of its parent using `currentColor`
+   * If set to `"auto"`, the icon will use "branded" fill color(s) that are not inherited.
+   * @default "auto"
+   */
+  color?: "inherit" | "auto";
 };
-
+//#endregion
+//#region src/components/icons/ngrok.d.ts
 /**
  * An inline svg icon that renders the ngrok logo. Fill color is determined by the `color` CSS property.
  */
-declare function NgrokIcon(props: Omit<InlineIconProps, "color">): react_jsx_runtime.JSX.Element;
-
+declare function NgrokIcon(props: Omit<InlineIconProps, "color">): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { AutoThemeIcon, type InlineIconProps, NgrokIcon, SortIcon, ThemeIcon, TrafficPolicyFileIcon };
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons.js

@@ -1,2 +1,2 @@
-import{a}from"./chunk-W2YQRWR5.js";import{a as l}from"./chunk-HL2HWYKP.js";import"./chunk-7MJQGBE4.js";import{m as c}from"./chunk-SGGOH2WW.js";import"./chunk-6J7D73WA.js";import"./chunk-5VDCC3YW.js";import"./chunk-PFXFESEN.js";import{DesktopIcon as p}from"@phosphor-icons/react/Desktop";import{MoonIcon as m}from"@phosphor-icons/react/Moon";import{SunIcon as n}from"@phosphor-icons/react/Sun";import{jsx as o}from"react/jsx-runtime";function h(t){let e=c();return o(r,{theme:e,...t})}h.displayName="AutoThemeIcon";function r({theme:t,...e}){switch(t){case"system":return o(p,{...e});case"light":return o(n,{...e});case"dark":return o(m,{...e});case"light-high-contrast":return o(n,{...e,weight:"fill"});case"dark-high-contrast":return o(m,{...e,weight:"fill"})}}r.displayName="ThemeIcon";import{jsx as i}from"react/jsx-runtime";function s(t){return i("svg",{viewBox:"0 0 94 36",fill:"currentColor",...t,children:i("path",{d:"M32.272 12.011c-1.298-1.466-2.904-2.205-4.812-2.205-1.176 0-2.26.233-3.255.7a7.995 7.995 0 0 0-2.581 1.906 9.205 9.205 0 0 0-1.715 2.853 9.773 9.773 0 0 0-.628 3.546c0 1.25.194 2.39.58 3.419.362.98.918 1.877 1.635 2.636A7.543 7.543 0 0 0 24 26.584c.965.41 2.025.617 3.176.617.522 0 1.005-.041 1.445-.116.439-.075.858-.2 1.26-.37.4-.175.79-.398 1.18-.664.385-.27.792-.612 1.21-1.018v4.353h-.005v.421h-5.33l-4.005 4.64v.798h15.037v-24.98h-5.697v1.746Zm-.014 7.979a4.25 4.25 0 0 1-.786 1.215 3.555 3.555 0 0 1-2.592 1.1 3.627 3.627 0 0 1-1.464-.292 3.508 3.508 0 0 1-1.166-.808 3.93 3.93 0 0 1-1.054-2.72c0-.519.097-1.006.298-1.457a3.77 3.77 0 0 1 .804-1.181 4.114 4.114 0 0 1 1.162-.808 3.484 3.484 0 0 1 2.817-.016c.448.19.844.463 1.181.81.336.347.6.743.804 1.194.202.452.298.95.298 1.493 0 .505-.104 1.005-.302 1.47Zm-16.261-7.708a6.173 6.173 0 0 0-2.06-1.602 4.875 4.875 0 0 0-.57-.22 6.383 6.383 0 0 0-.923-.216H8.383L5.697 13.39v-3.082H.002v16.61h5.695V15.712h5.35l.444-.01v11.214h5.697V16.528c0-.885-.084-1.674-.25-2.366a4.655 4.655 0 0 0-.941-1.877v-.003Zm38.367-2.018h-6.213l-2.47 2.863v-2.864h-5.7v16.61h5.71l.004-11.117h4.144l4.526-5.26-.001-.232Zm31.051 7.672 7.79-7.392v-.281H85.7l-5.975 5.991V0h-5.696v26.87h5.696v-6.766l6.262 6.763h7.663v-.316l-8.233-8.617-.002.002Zm-16.11-5.78a9.436 9.436 0 0 0-3.085-1.842 10.953 10.953 0 0 0-3.855-.664c-1.407 0-2.705.226-3.884.678a9.611 9.611 0 0 0-3.072 1.858 8.488 8.488 0 0 0-2.016 2.788 8.281 8.281 0 0 0-.722 3.449c0 1.362.24 2.596.722 3.707a8.52 8.52 0 0 0 2.002 2.862c.85.798 1.86 1.415 3.036 1.847 1.177.432 2.455.647 3.842.647 1.406 0 2.707-.215 3.919-.647 1.204-.431 2.24-1.04 3.098-1.833a8.583 8.583 0 0 0 2.031-2.816c.493-1.09.742-2.29.742-3.611 0-1.316-.244-2.52-.722-3.612a8.424 8.424 0 0 0-2.035-2.81Zm-3.558 7.864c-.2.461-.463.869-.786 1.215a3.573 3.573 0 0 1-2.592 1.1c-.502 0-.981-.096-1.434-.291a3.44 3.44 0 0 1-1.16-.809 4.155 4.155 0 0 1-.788-1.215 3.825 3.825 0 0 1-.297-1.537c0-.517.098-1.004.297-1.456.201-.451.46-.849.787-1.194a3.579 3.579 0 0 1 2.597-1.1c.502 0 .98.096 1.43.29.448.19.839.461 1.16.81.328.345.586.752.786 1.214.2.461.297.954.297 1.471 0 .538-.096 1.04-.297 1.502Z"})})}export{h as AutoThemeIcon,s as NgrokIcon,l as SortIcon,r as ThemeIcon,a as TrafficPolicyFileIcon};
+import{s as e}from"./theme-provider-CbzLgte1.js";import{t}from"./traffic-policy-file-QnF-2YkY.js";import{t as n}from"./sort-CfPsu1Gs.js";import{jsx as r}from"react/jsx-runtime";import{DesktopIcon as i}from"@phosphor-icons/react/Desktop";import{MoonIcon as a}from"@phosphor-icons/react/Moon";import{SunIcon as o}from"@phosphor-icons/react/Sun";function s(t){return r(c,{theme:e(),...t})}s.displayName=`AutoThemeIcon`;function c({theme:e,...t}){switch(e){case`system`:return r(i,{...t});case`light`:return r(o,{...t});case`dark`:return r(a,{...t});case`light-high-contrast`:return r(o,{...t,weight:`fill`});case`dark-high-contrast`:return r(a,{...t,weight:`fill`})}}c.displayName=`ThemeIcon`;function l(e){return r(`svg`,{viewBox:`0 0 94 36`,fill:`currentColor`,...e,children:r(`path`,{d:`M32.272 12.011c-1.298-1.466-2.904-2.205-4.812-2.205-1.176 0-2.26.233-3.255.7a7.995 7.995 0 0 0-2.581 1.906 9.205 9.205 0 0 0-1.715 2.853 9.773 9.773 0 0 0-.628 3.546c0 1.25.194 2.39.58 3.419.362.98.918 1.877 1.635 2.636A7.543 7.543 0 0 0 24 26.584c.965.41 2.025.617 3.176.617.522 0 1.005-.041 1.445-.116.439-.075.858-.2 1.26-.37.4-.175.79-.398 1.18-.664.385-.27.792-.612 1.21-1.018v4.353h-.005v.421h-5.33l-4.005 4.64v.798h15.037v-24.98h-5.697v1.746Zm-.014 7.979a4.25 4.25 0 0 1-.786 1.215 3.555 3.555 0 0 1-2.592 1.1 3.627 3.627 0 0 1-1.464-.292 3.508 3.508 0 0 1-1.166-.808 3.93 3.93 0 0 1-1.054-2.72c0-.519.097-1.006.298-1.457a3.77 3.77 0 0 1 .804-1.181 4.114 4.114 0 0 1 1.162-.808 3.484 3.484 0 0 1 2.817-.016c.448.19.844.463 1.181.81.336.347.6.743.804 1.194.202.452.298.95.298 1.493 0 .505-.104 1.005-.302 1.47Zm-16.261-7.708a6.173 6.173 0 0 0-2.06-1.602 4.875 4.875 0 0 0-.57-.22 6.383 6.383 0 0 0-.923-.216H8.383L5.697 13.39v-3.082H.002v16.61h5.695V15.712h5.35l.444-.01v11.214h5.697V16.528c0-.885-.084-1.674-.25-2.366a4.655 4.655 0 0 0-.941-1.877v-.003Zm38.367-2.018h-6.213l-2.47 2.863v-2.864h-5.7v16.61h5.71l.004-11.117h4.144l4.526-5.26-.001-.232Zm31.051 7.672 7.79-7.392v-.281H85.7l-5.975 5.991V0h-5.696v26.87h5.696v-6.766l6.262 6.763h7.663v-.316l-8.233-8.617-.002.002Zm-16.11-5.78a9.436 9.436 0 0 0-3.085-1.842 10.953 10.953 0 0 0-3.855-.664c-1.407 0-2.705.226-3.884.678a9.611 9.611 0 0 0-3.072 1.858 8.488 8.488 0 0 0-2.016 2.788 8.281 8.281 0 0 0-.722 3.449c0 1.362.24 2.596.722 3.707a8.52 8.52 0 0 0 2.002 2.862c.85.798 1.86 1.415 3.036 1.847 1.177.432 2.455.647 3.842.647 1.406 0 2.707-.215 3.919-.647 1.204-.431 2.24-1.04 3.098-1.833a8.583 8.583 0 0 0 2.031-2.816c.493-1.09.742-2.29.742-3.611 0-1.316-.244-2.52-.722-3.612a8.424 8.424 0 0 0-2.035-2.81Zm-3.558 7.864c-.2.461-.463.869-.786 1.215a3.573 3.573 0 0 1-2.592 1.1c-.502 0-.981-.096-1.434-.291a3.44 3.44 0 0 1-1.16-.809 4.155 4.155 0 0 1-.788-1.215 3.825 3.825 0 0 1-.297-1.537c0-.517.098-1.004.297-1.456.201-.451.46-.849.787-1.194a3.579 3.579 0 0 1 2.597-1.1c.502 0 .98.096 1.43.29.448.19.839.461 1.16.81.328.345.586.752.786 1.214.2.461.297.954.297 1.471 0 .538-.096 1.04-.297 1.502Z`})})}export{s as AutoThemeIcon,l as NgrokIcon,n as SortIcon,c as ThemeIcon,t as TrafficPolicyFileIcon};
 //# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/icons/theme.tsx","../src/components/icons/ngrok.tsx"],"sourcesContent":["import { DesktopIcon } from \"@phosphor-icons/react/Desktop\";\nimport { MoonIcon } from \"@phosphor-icons/react/Moon\";\nimport { SunIcon } from \"@phosphor-icons/react/Sun\";\nimport type { SvgAttributes } from \"../icon/types.js\";\nimport { useAppliedTheme } from \"../theme/theme-provider.js\";\nimport type { Theme } from \"../theme/themes.js\";\n\n/**\n * An icon that automatically adapts to the current applied theme.\n * - `light`: SunIcon\n * - `dark`: MoonIcon\n * - `light-high-contrast`: SunIcon (fill)\n * - `dark-high-contrast`: MoonIcon (fill)\n */\nfunction AutoThemeIcon(props: SvgAttributes) {\n\tconst appliedTheme = useAppliedTheme();\n\n\treturn <ThemeIcon theme={appliedTheme} {...props} />;\n}\nAutoThemeIcon.displayName = \"AutoThemeIcon\";\n\ntype ThemeIconProps = SvgAttributes & { theme: Theme };\n\n/**\n * An icon that adapts to a specific theme.\n * It will render a different icon based on the provided theme:\n * - `system`: DesktopIcon\n * - `light`: SunIcon\n * - `dark`: MoonIcon\n * - `light-high-contrast`: SunIcon (fill)\n * - `dark-high-contrast`: MoonIcon (fill)\n */\nfunction ThemeIcon({ theme, ...props }: ThemeIconProps) {\n\tswitch (theme) {\n\t\tcase \"system\":\n\t\t\treturn <DesktopIcon {...props} />;\n\t\tcase \"light\":\n\t\t\treturn <SunIcon {...props} />;\n\t\tcase \"dark\":\n\t\t\treturn <MoonIcon {...props} />;\n\t\tcase \"light-high-contrast\":\n\t\t\treturn <SunIcon {...props} weight=\"fill\" />;\n\t\tcase \"dark-high-contrast\":\n\t\t\treturn <MoonIcon {...props} weight=\"fill\" />;\n\t}\n}\nThemeIcon.displayName = \"ThemeIcon\";\n\nexport {\n\t//,\n\tAutoThemeIcon,\n\tThemeIcon,\n};\n","import type { InlineIconProps } from \"./types.js\";\n\n/**\n * An inline svg icon that renders the ngrok logo. Fill color is determined by the `color` CSS property.\n */\nexport function NgrokIcon(props: Omit<InlineIconProps, \"color\">) {\n\treturn (\n\t\t<svg viewBox=\"0 0 94 36\" fill=\"currentColor\" {...props}>\n\t\t\t<path d=\"M32.272 12.011c-1.298-1.466-2.904-2.205-4.812-2.205-1.176 0-2.26.233-3.255.7a7.995 7.995 0 0 0-2.581 1.906 9.205 9.205 0 0 0-1.715 2.853 9.773 9.773 0 0 0-.628 3.546c0 1.25.194 2.39.58 3.419.362.98.918 1.877 1.635 2.636A7.543 7.543 0 0 0 24 26.584c.965.41 2.025.617 3.176.617.522 0 1.005-.041 1.445-.116.439-.075.858-.2 1.26-.37.4-.175.79-.398 1.18-.664.385-.27.792-.612 1.21-1.018v4.353h-.005v.421h-5.33l-4.005 4.64v.798h15.037v-24.98h-5.697v1.746Zm-.014 7.979a4.25 4.25 0 0 1-.786 1.215 3.555 3.555 0 0 1-2.592 1.1 3.627 3.627 0 0 1-1.464-.292 3.508 3.508 0 0 1-1.166-.808 3.93 3.93 0 0 1-1.054-2.72c0-.519.097-1.006.298-1.457a3.77 3.77 0 0 1 .804-1.181 4.114 4.114 0 0 1 1.162-.808 3.484 3.484 0 0 1 2.817-.016c.448.19.844.463 1.181.81.336.347.6.743.804 1.194.202.452.298.95.298 1.493 0 .505-.104 1.005-.302 1.47Zm-16.261-7.708a6.173 6.173 0 0 0-2.06-1.602 4.875 4.875 0 0 0-.57-.22 6.383 6.383 0 0 0-.923-.216H8.383L5.697 13.39v-3.082H.002v16.61h5.695V15.712h5.35l.444-.01v11.214h5.697V16.528c0-.885-.084-1.674-.25-2.366a4.655 4.655 0 0 0-.941-1.877v-.003Zm38.367-2.018h-6.213l-2.47 2.863v-2.864h-5.7v16.61h5.71l.004-11.117h4.144l4.526-5.26-.001-.232Zm31.051 7.672 7.79-7.392v-.281H85.7l-5.975 5.991V0h-5.696v26.87h5.696v-6.766l6.262 6.763h7.663v-.316l-8.233-8.617-.002.002Zm-16.11-5.78a9.436 9.436 0 0 0-3.085-1.842 10.953 10.953 0 0 0-3.855-.664c-1.407 0-2.705.226-3.884.678a9.611 9.611 0 0 0-3.072 1.858 8.488 8.488 0 0 0-2.016 2.788 8.281 8.281 0 0 0-.722 3.449c0 1.362.24 2.596.722 3.707a8.52 8.52 0 0 0 2.002 2.862c.85.798 1.86 1.415 3.036 1.847 1.177.432 2.455.647 3.842.647 1.406 0 2.707-.215 3.919-.647 1.204-.431 2.24-1.04 3.098-1.833a8.583 8.583 0 0 0 2.031-2.816c.493-1.09.742-2.29.742-3.611 0-1.316-.244-2.52-.722-3.612a8.424 8.424 0 0 0-2.035-2.81Zm-3.558 7.864c-.2.461-.463.869-.786 1.215a3.573 3.573 0 0 1-2.592 1.1c-.502 0-.981-.096-1.434-.291a3.44 3.44 0 0 1-1.16-.809 4.155 4.155 0 0 1-.788-1.215 3.825 3.825 0 0 1-.297-1.537c0-.517.098-1.004.297-1.456.201-.451.46-.849.787-1.194a3.579 3.579 0 0 1 2.597-1.1c.502 0 .98.096 1.43.29.448.19.839.461 1.16.81.328.345.586.752.786 1.214.2.461.297.954.297 1.471 0 .538-.096 1.04-.297 1.502Z\" />\n\t\t</svg>\n\t);\n}\n"],"mappings":"mOAAA,OAAS,eAAAA,MAAmB,gCAC5B,OAAS,YAAAC,MAAgB,6BACzB,OAAS,WAAAC,MAAe,4BAehB,cAAAC,MAAA,oBAHR,SAASC,EAAcC,EAAsB,CAC5C,IAAMC,EAAeC,EAAgB,EAErC,OAAOJ,EAACK,EAAA,CAAU,MAAOF,EAAe,GAAGD,EAAO,CACnD,CACAD,EAAc,YAAc,gBAa5B,SAASI,EAAU,CAAE,MAAAC,EAAO,GAAGJ,CAAM,EAAmB,CACvD,OAAQI,EAAO,CACd,IAAK,SACJ,OAAON,EAACO,EAAA,CAAa,GAAGL,EAAO,EAChC,IAAK,QACJ,OAAOF,EAACQ,EAAA,CAAS,GAAGN,EAAO,EAC5B,IAAK,OACJ,OAAOF,EAACS,EAAA,CAAU,GAAGP,EAAO,EAC7B,IAAK,sBACJ,OAAOF,EAACQ,EAAA,CAAS,GAAGN,EAAO,OAAO,OAAO,EAC1C,IAAK,qBACJ,OAAOF,EAACS,EAAA,CAAU,GAAGP,EAAO,OAAO,OAAO,CAC5C,CACD,CACAG,EAAU,YAAc,YCtCrB,cAAAK,MAAA,oBAHI,SAASC,EAAUC,EAAuC,CAChE,OACCF,EAAC,OAAI,QAAQ,YAAY,KAAK,eAAgB,GAAGE,EAChD,SAAAF,EAAC,QAAK,EAAE,8mEAA8mE,EACvnE,CAEF","names":["DesktopIcon","MoonIcon","SunIcon","jsx","AutoThemeIcon","props","appliedTheme","useAppliedTheme","ThemeIcon","theme","DesktopIcon","SunIcon","MoonIcon","jsx","NgrokIcon","props"]}
+{"version":3,"file":"icons.js","names":[],"sources":["../src/components/icons/theme.tsx","../src/components/icons/ngrok.tsx"],"sourcesContent":["import { DesktopIcon } from \"@phosphor-icons/react/Desktop\";\nimport { MoonIcon } from \"@phosphor-icons/react/Moon\";\nimport { SunIcon } from \"@phosphor-icons/react/Sun\";\nimport type { SvgAttributes } from \"../icon/types.js\";\nimport { useAppliedTheme } from \"../theme/theme-provider.js\";\nimport type { Theme } from \"../theme/themes.js\";\n\n/**\n * An icon that automatically adapts to the current applied theme.\n * - `light`: SunIcon\n * - `dark`: MoonIcon\n * - `light-high-contrast`: SunIcon (fill)\n * - `dark-high-contrast`: MoonIcon (fill)\n */\nfunction AutoThemeIcon(props: SvgAttributes) {\n\tconst appliedTheme = useAppliedTheme();\n\n\treturn <ThemeIcon theme={appliedTheme} {...props} />;\n}\nAutoThemeIcon.displayName = \"AutoThemeIcon\";\n\ntype ThemeIconProps = SvgAttributes & { theme: Theme };\n\n/**\n * An icon that adapts to a specific theme.\n * It will render a different icon based on the provided theme:\n * - `system`: DesktopIcon\n * - `light`: SunIcon\n * - `dark`: MoonIcon\n * - `light-high-contrast`: SunIcon (fill)\n * - `dark-high-contrast`: MoonIcon (fill)\n */\nfunction ThemeIcon({ theme, ...props }: ThemeIconProps) {\n\tswitch (theme) {\n\t\tcase \"system\":\n\t\t\treturn <DesktopIcon {...props} />;\n\t\tcase \"light\":\n\t\t\treturn <SunIcon {...props} />;\n\t\tcase \"dark\":\n\t\t\treturn <MoonIcon {...props} />;\n\t\tcase \"light-high-contrast\":\n\t\t\treturn <SunIcon {...props} weight=\"fill\" />;\n\t\tcase \"dark-high-contrast\":\n\t\t\treturn <MoonIcon {...props} weight=\"fill\" />;\n\t}\n}\nThemeIcon.displayName = \"ThemeIcon\";\n\nexport {\n\t//,\n\tAutoThemeIcon,\n\tThemeIcon,\n};\n","import type { InlineIconProps } from \"./types.js\";\n\n/**\n * An inline svg icon that renders the ngrok logo. Fill color is determined by the `color` CSS property.\n */\nexport function NgrokIcon(props: Omit<InlineIconProps, \"color\">) {\n\treturn (\n\t\t<svg viewBox=\"0 0 94 36\" fill=\"currentColor\" {...props}>\n\t\t\t<path d=\"M32.272 12.011c-1.298-1.466-2.904-2.205-4.812-2.205-1.176 0-2.26.233-3.255.7a7.995 7.995 0 0 0-2.581 1.906 9.205 9.205 0 0 0-1.715 2.853 9.773 9.773 0 0 0-.628 3.546c0 1.25.194 2.39.58 3.419.362.98.918 1.877 1.635 2.636A7.543 7.543 0 0 0 24 26.584c.965.41 2.025.617 3.176.617.522 0 1.005-.041 1.445-.116.439-.075.858-.2 1.26-.37.4-.175.79-.398 1.18-.664.385-.27.792-.612 1.21-1.018v4.353h-.005v.421h-5.33l-4.005 4.64v.798h15.037v-24.98h-5.697v1.746Zm-.014 7.979a4.25 4.25 0 0 1-.786 1.215 3.555 3.555 0 0 1-2.592 1.1 3.627 3.627 0 0 1-1.464-.292 3.508 3.508 0 0 1-1.166-.808 3.93 3.93 0 0 1-1.054-2.72c0-.519.097-1.006.298-1.457a3.77 3.77 0 0 1 .804-1.181 4.114 4.114 0 0 1 1.162-.808 3.484 3.484 0 0 1 2.817-.016c.448.19.844.463 1.181.81.336.347.6.743.804 1.194.202.452.298.95.298 1.493 0 .505-.104 1.005-.302 1.47Zm-16.261-7.708a6.173 6.173 0 0 0-2.06-1.602 4.875 4.875 0 0 0-.57-.22 6.383 6.383 0 0 0-.923-.216H8.383L5.697 13.39v-3.082H.002v16.61h5.695V15.712h5.35l.444-.01v11.214h5.697V16.528c0-.885-.084-1.674-.25-2.366a4.655 4.655 0 0 0-.941-1.877v-.003Zm38.367-2.018h-6.213l-2.47 2.863v-2.864h-5.7v16.61h5.71l.004-11.117h4.144l4.526-5.26-.001-.232Zm31.051 7.672 7.79-7.392v-.281H85.7l-5.975 5.991V0h-5.696v26.87h5.696v-6.766l6.262 6.763h7.663v-.316l-8.233-8.617-.002.002Zm-16.11-5.78a9.436 9.436 0 0 0-3.085-1.842 10.953 10.953 0 0 0-3.855-.664c-1.407 0-2.705.226-3.884.678a9.611 9.611 0 0 0-3.072 1.858 8.488 8.488 0 0 0-2.016 2.788 8.281 8.281 0 0 0-.722 3.449c0 1.362.24 2.596.722 3.707a8.52 8.52 0 0 0 2.002 2.862c.85.798 1.86 1.415 3.036 1.847 1.177.432 2.455.647 3.842.647 1.406 0 2.707-.215 3.919-.647 1.204-.431 2.24-1.04 3.098-1.833a8.583 8.583 0 0 0 2.031-2.816c.493-1.09.742-2.29.742-3.611 0-1.316-.244-2.52-.722-3.612a8.424 8.424 0 0 0-2.035-2.81Zm-3.558 7.864c-.2.461-.463.869-.786 1.215a3.573 3.573 0 0 1-2.592 1.1c-.502 0-.981-.096-1.434-.291a3.44 3.44 0 0 1-1.16-.809 4.155 4.155 0 0 1-.788-1.215 3.825 3.825 0 0 1-.297-1.537c0-.517.098-1.004.297-1.456.201-.451.46-.849.787-1.194a3.579 3.579 0 0 1 2.597-1.1c.502 0 .98.096 1.43.29.448.19.839.461 1.16.81.328.345.586.752.786 1.214.2.461.297.954.297 1.471 0 .538-.096 1.04-.297 1.502Z\" />\n\t\t</svg>\n\t);\n}\n"],"mappings":"uVAcA,SAAS,EAAc,EAAsB,CAG5C,OAAO,EAAC,EAAD,CAAW,MAFG,GAAiB,CAEC,GAAI,EAAS,CAAA,CAErD,EAAc,YAAc,gBAa5B,SAAS,EAAU,CAAE,QAAO,GAAG,GAAyB,CACvD,OAAQ,EAAR,CACC,IAAK,SACJ,OAAO,EAAC,EAAD,CAAa,GAAI,EAAS,CAAA,CAClC,IAAK,QACJ,OAAO,EAAC,EAAD,CAAS,GAAI,EAAS,CAAA,CAC9B,IAAK,OACJ,OAAO,EAAC,EAAD,CAAU,GAAI,EAAS,CAAA,CAC/B,IAAK,sBACJ,OAAO,EAAC,EAAD,CAAS,GAAI,EAAO,OAAO,OAAS,CAAA,CAC5C,IAAK,qBACJ,OAAO,EAAC,EAAD,CAAU,GAAI,EAAO,OAAO,OAAS,CAAA,EAG/C,EAAU,YAAc,YCzCxB,SAAgB,EAAU,EAAuC,CAChE,OACC,EAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,eAAe,GAAI,WAChD,EAAC,OAAD,CAAM,EAAE,8mEAAgnE,CAAA,CACnnE,CAAA"}

package/dist/{in-view-aHeQHaUj.d.ts → in-view-CTQRT44m.d.ts}

@@ -1,5 +1,6 @@
-import { Ref } from 'react';
+import { Ref } from "react";
 
+//#region src/utils/compose-refs/compose-refs.d.ts
 type PossibleRef<T> = Ref<T> | undefined;
 /**
  * A utility to compose multiple refs together
@@ -11,7 +12,8 @@ declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
  * Accepts callback refs and RefObject(s)
  */
 declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): () => (node: T) => void;
-
+//#endregion
+//#region src/utils/in-view.d.ts
 type MarginValue = `${number}${"px" | "%"}`;
 /**
  * Margin string used to expand or contract the intersection root's bounding box.
@@ -26,23 +28,23 @@ type MarginType = MarginValue | `${MarginValue} ${MarginValue}` | `${MarginValue
  * Options for the `inView` helper.
  */
 type InViewOptions = {
-    /**
-     * The scrollable container element (or `Document`) to use as the intersection root.
-     * Defaults to the browser viewport.
-     */
-    root?: Element | Document;
-    /**
-     * Expand or contract the detected area from each side of the root's bounding box.
-     * Uses the same syntax as the CSS `margin` shorthand (e.g. `"10px"`, `"10% 20px"`).
-     */
-    margin?: MarginType;
-    /**
-     * How much of the element must be visible before it is considered in view.
-     * - `"some"` (default): Any part of the element is visible.
-     * - `"all"`: The entire element is visible.
-     * - `number`: An intersection ratio between `0` and `1` (e.g. `0.5` for 50%).
-     */
-    amount?: "some" | "all" | number;
+  /**
+   * The scrollable container element (or `Document`) to use as the intersection root.
+   * Defaults to the browser viewport.
+   */
+  root?: Element | Document;
+  /**
+   * Expand or contract the detected area from each side of the root's bounding box.
+   * Uses the same syntax as the CSS `margin` shorthand (e.g. `"10px"`, `"10% 20px"`).
+   */
+  margin?: MarginType;
+  /**
+   * How much of the element must be visible before it is considered in view.
+   * - `"some"` (default): Any part of the element is visible.
+   * - `"all"`: The entire element is visible.
+   * - `number`: An intersection ratio between `0` and `1` (e.g. `0.5` for 50%).
+   */
+  amount?: "some" | "all" | number;
 };
 /**
  * Callback invoked when an observed element leaves the viewport.
@@ -73,6 +75,11 @@ type ViewChangeHandler = (entry: IntersectionObserverEntry) => void;
  * // Later, stop observing:
  * stop();
  */
-declare function inView(element: Element, onStart: (element: Element, entry: IntersectionObserverEntry) => void | ViewChangeHandler, { root, margin: rootMargin, amount }?: InViewOptions): VoidFunction;
-
-export { type InViewOptions as I, type MarginType as M, type ViewChangeHandler as V, composeRefs as c, inView as i, useComposedRefs as u };
+declare function inView(element: Element, onStart: (element: Element, entry: IntersectionObserverEntry) => void | ViewChangeHandler, {
+  root,
+  margin: rootMargin,
+  amount
+}?: InViewOptions): VoidFunction;
+//#endregion
+export { composeRefs as a, inView as i, MarginType as n, useComposedRefs as o, ViewChangeHandler as r, InViewOptions as t };
+//# sourceMappingURL=in-view-CTQRT44m.d.ts.map

package/dist/in-view-bPnaWEL4.js

@@ -0,0 +1,2 @@
+const e={some:0,all:1};function t(t,n,{root:r,margin:i,amount:a=`some`}={}){let o=new WeakMap,s=new IntersectionObserver(e=>{e.forEach(e=>{let t=o.get(e.target);if(e.isIntersecting!==!!t)if(e.isIntersecting){let t=n(e.target,e);typeof t==`function`?o.set(e.target,t):s.unobserve(e.target)}else typeof t==`function`&&(t(e),o.delete(e.target))})},{root:r,rootMargin:i,threshold:typeof a==`number`?a:e[a]});return s.observe(t),()=>{s.unobserve(t),s.disconnect()}}export{t};
+//# sourceMappingURL=in-view-bPnaWEL4.js.map

package/dist/in-view-bPnaWEL4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-view-bPnaWEL4.js","names":[],"sources":["../src/utils/in-view.ts"],"sourcesContent":["type MarginValue = `${number}${\"px\" | \"%\"}`;\n\n/**\n * Margin string used to expand or contract the intersection root's bounding box.\n * Follows the same syntax as the CSS `margin` shorthand (1–4 values).\n *\n * @example \"10px\"\n * @example \"10% 20px\"\n * @example \"10px 20px 10px 20px\"\n */\ntype MarginType =\n\t| MarginValue\n\t| `${MarginValue} ${MarginValue}`\n\t| `${MarginValue} ${MarginValue} ${MarginValue}`\n\t| `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`;\n\n/**\n * Options for the `inView` helper.\n */\ntype InViewOptions = {\n\t/**\n\t * The scrollable container element (or `Document`) to use as the intersection root.\n\t * Defaults to the browser viewport.\n\t */\n\troot?: Element | Document;\n\n\t/**\n\t * Expand or contract the detected area from each side of the root's bounding box.\n\t * Uses the same syntax as the CSS `margin` shorthand (e.g. `\"10px\"`, `\"10% 20px\"`).\n\t */\n\tmargin?: MarginType;\n\n\t/**\n\t * How much of the element must be visible before it is considered in view.\n\t * - `\"some\"` (default): Any part of the element is visible.\n\t * - `\"all\"`: The entire element is visible.\n\t * - `number`: An intersection ratio between `0` and `1` (e.g. `0.5` for 50%).\n\t */\n\tamount?: \"some\" | \"all\" | number;\n};\n\n/**\n * Callback invoked when an observed element leaves the viewport.\n * Receives the `IntersectionObserverEntry` for the departing element.\n */\ntype ViewChangeHandler = (entry: IntersectionObserverEntry) => void;\n\nconst thresholds = {\n\tsome: 0,\n\tall: 1,\n};\n\n/**\n * Observe when a DOM element enters or leaves the viewport (or a scrollable\n * container) using the `IntersectionObserver` API.\n *\n * When the element enters the viewport, `onStart` is called. If `onStart`\n * returns a function, that function is called when the element leaves the\n * viewport. If `onStart` returns nothing, the element is unobserved after\n * the first entry.\n *\n * @param element - The DOM element to observe.\n * @param onStart - Called when the element enters the viewport. Optionally\n *   returns a cleanup function called when the element leaves.\n * @param options - Options for the intersection root, margin, and threshold.\n * @returns A cleanup function that disconnects the observer.\n *\n * @example\n * const stop = inView(element, (el) => {\n *   el.classList.add(\"visible\");\n *   return () => el.classList.remove(\"visible\");\n * });\n *\n * // Later, stop observing:\n * stop();\n */\nfunction inView(\n\telement: Element,\n\tonStart: (element: Element, entry: IntersectionObserverEntry) => void | ViewChangeHandler,\n\t{ root, margin: rootMargin, amount = \"some\" }: InViewOptions = {},\n): VoidFunction {\n\tconst activeIntersections = new WeakMap<Element, ViewChangeHandler>();\n\n\tconst onIntersectionChange: IntersectionObserverCallback = (entries) => {\n\t\tentries.forEach((entry) => {\n\t\t\tconst onEnd = activeIntersections.get(entry.target);\n\n\t\t\t/**\n\t\t\t * If there's no change to the intersection, we don't need to\n\t\t\t * do anything here.\n\t\t\t */\n\t\t\tif (entry.isIntersecting === Boolean(onEnd)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (entry.isIntersecting) {\n\t\t\t\tconst newOnEnd = onStart(entry.target, entry);\n\t\t\t\tif (typeof newOnEnd === \"function\") {\n\t\t\t\t\tactiveIntersections.set(entry.target, newOnEnd);\n\t\t\t\t} else {\n\t\t\t\t\tobserver.unobserve(entry.target);\n\t\t\t\t}\n\t\t\t} else if (typeof onEnd === \"function\") {\n\t\t\t\tonEnd(entry);\n\t\t\t\tactiveIntersections.delete(entry.target);\n\t\t\t}\n\t\t});\n\t};\n\n\tconst observer = new IntersectionObserver(onIntersectionChange, {\n\t\troot,\n\t\trootMargin,\n\t\tthreshold: typeof amount === \"number\" ? amount : thresholds[amount],\n\t});\n\n\tobserver.observe(element);\n\n\treturn () => {\n\t\tobserver.unobserve(element);\n\t\tobserver.disconnect();\n\t};\n}\n\nexport { inView };\nexport type { InViewOptions, MarginType, ViewChangeHandler };\n"],"mappings":"AA+CA,MAAM,EAAa,CAClB,KAAM,EACN,IAAK,EACL,CA0BD,SAAS,EACR,EACA,EACA,CAAE,OAAM,OAAQ,EAAY,SAAS,QAA0B,EAAE,CAClD,CACf,IAAM,EAAsB,IAAI,QA4B1B,EAAW,IAAI,qBA1BuC,GAAY,CACvE,EAAQ,QAAS,GAAU,CAC1B,IAAM,EAAQ,EAAoB,IAAI,EAAM,OAAO,CAM/C,KAAM,iBAAmB,EAAQ,EAIrC,GAAI,EAAM,eAAgB,CACzB,IAAM,EAAW,EAAQ,EAAM,OAAQ,EAAM,CACzC,OAAO,GAAa,WACvB,EAAoB,IAAI,EAAM,OAAQ,EAAS,CAE/C,EAAS,UAAU,EAAM,OAAO,MAEvB,OAAO,GAAU,aAC3B,EAAM,EAAM,CACZ,EAAoB,OAAO,EAAM,OAAO,GAExC,EAG6D,CAC/D,OACA,aACA,UAAW,OAAO,GAAW,SAAW,EAAS,EAAW,GAC5D,CAAC,CAIF,OAFA,EAAS,QAAQ,EAAQ,KAEZ,CACZ,EAAS,UAAU,EAAQ,CAC3B,EAAS,YAAY"}

package/dist/index-BLCvtjLi.d.ts

@@ -0,0 +1,40 @@
+//#region src/utils/color/colors.d.ts
+/**
+ * Color palette named colors
+ */
+declare const namedColors: readonly ["amber", "blue", "cyan", "emerald", "fuchsia", "gray", "green", "indigo", "lime", "orange", "pink", "purple", "red", "rose", "sky", "teal", "violet", "yellow"];
+/**
+ * A named color from the color palette
+ */
+type NamedColor = (typeof namedColors)[number];
+/**
+ * Check if a value is a color from the color palette
+ */
+declare const isNamedColor: (value: unknown) => value is NamedColor;
+/**
+ * Functional named colors
+ */
+declare const functionalColors: readonly ["info", "accent", "danger", "neutral", "success", "warning"];
+/**
+ * A functional color
+ */
+type FunctionalColor = (typeof functionalColors)[number];
+/**
+ * Check if a value is a color from the functional colors
+ */
+declare const isFunctionalColor: (value: unknown) => value is FunctionalColor;
+/**
+ * All named mantle colors
+ */
+declare const colors: readonly ["amber", "blue", "cyan", "emerald", "fuchsia", "gray", "green", "indigo", "lime", "orange", "pink", "purple", "red", "rose", "sky", "teal", "violet", "yellow", "info", "accent", "danger", "neutral", "success", "warning"];
+/**
+ * A named mantle color
+ */
+type Color = (typeof colors)[number];
+/**
+ * Check if a value is a named mantle color
+ */
+declare const isColor: (value: unknown) => value is Color;
+//#endregion
+export { functionalColors as a, isNamedColor as c, colors as i, namedColors as l, FunctionalColor as n, isColor as o, NamedColor as r, isFunctionalColor as s, Color as t };
+//# sourceMappingURL=index-BLCvtjLi.d.ts.map

package/dist/index-DWqhfw9n.d.ts

@@ -0,0 +1,103 @@
+import { a as WithInputType, i as WithAutoComplete, o as WithValidation } from "./types-DgXUgkpc.js";
+import * as react from "react";
+import { InputHTMLAttributes, PropsWithChildren } from "react";
+
+//#region src/components/input/input.d.ts
+type BaseProps = WithAutoComplete & WithInputType & WithValidation;
+/**
+ * The props for the `Input` component.
+ */
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps & PropsWithChildren;
+/**
+ * Used to create interactive controls for web-based forms in order to accept data from the user.
+ * A versatile input element that supports various types, validation states, and can be composed with other elements.
+ *
+ * @see https://mantle.ngrok.com/components/input
+ *
+ * @example
+ * ```tsx
+ * <Input
+ *   type="email"
+ *   placeholder="Enter your email"
+ *   validation="success"
+ * />
+ * ```
+ */
+declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & {
+  children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps;
+/**
+ * The actual <input /> element that captures user input.
+ * Used internally by Input component or when you need direct control over the input element.
+ *
+ * @see https://mantle.ngrok.com/components/input
+ *
+ * @example
+ * ```tsx
+ * <Input>
+ *   <InputCapture />
+ *   <Icon svg={<SearchIcon />} />
+ * </Input>
+ * ```
+ */
+declare const InputCapture: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/input/password-input.d.ts
+type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithValidation & WithAutoComplete & {
+  /**
+   * Callback for when the visibility of the password value changes.
+   */
+  onValueVisibilityChange?: (visible: boolean) => void;
+  /**
+   * Show/hide the password value as a controlled state.
+   * @default false
+   */
+  showValue?: boolean;
+};
+/**
+ * A specialized input component for password entry with a toggle button to show/hide the password value.
+ * Provides enhanced security UX by allowing users to verify their input while maintaining privacy.
+ *
+ * @see https://mantle.ngrok.com/components/input
+ *
+ * @example
+ * ```tsx
+ * <PasswordInput
+ *   placeholder="Enter your password"
+ *   showValue={false}
+ *   onValueVisibilityChange={(visible) => console.log('Password visible:', visible)}
+ * />
+ * ```
+ */
+declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithValidation & WithAutoComplete & {
+  /**
+   * Callback for when the visibility of the password value changes.
+   */
+  onValueVisibilityChange?: (visible: boolean) => void;
+  /**
+   * Show/hide the password value as a controlled state.
+   * @default false
+   */
+  showValue?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/input/is-input.d.ts
+/**
+ * Type guard for an HTMLInputElement.
+ *
+ * @example
+ * ```tsx
+ * function handleElement(element: HTMLElement) {
+ *   if (isInput(element)) {
+ *     // TypeScript now knows element is HTMLInputElement
+ *     element.value = "new value";
+ *     element.focus();
+ *   }
+ * }
+ * ```
+ */
+declare function isInput(value: unknown): value is HTMLInputElement;
+//#endregion
+export { InputCapture as a, Input as i, PasswordInput as n, InputCaptureProps as o, PasswordInputProps as r, InputProps as s, isInput as t };
+//# sourceMappingURL=index-DWqhfw9n.d.ts.map

package/dist/{button-group-BFnqgdtl.d.ts → index-ViSCOUrU.d.ts}

@@ -1,11 +1,12 @@
-import * as react from 'react';
-import { ComponentProps } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { V as VariantProps } from './variant-props-oDo2u-We.js';
+import { t as VariantProps } from "./variant-props-UE-phTwh.js";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
+//#region src/components/button/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
-    appearance?: "ghost" | "outlined" | "panel" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  appearance?: "ghost" | "outlined" | "panel" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>;
 type ButtonGroupProps = ComponentProps<"div"> & ButtonGroupVariants;
 /**
@@ -23,5 +24,6 @@ type ButtonGroupProps = ComponentProps<"div"> & ButtonGroupVariants;
  * ```
  */
 declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { ButtonGroup as B, type ButtonGroupProps as a };
+//#endregion
+export { ButtonGroupProps as n, ButtonGroup as t };
+//# sourceMappingURL=index-ViSCOUrU.d.ts.map

package/dist/index-s8rMcilU.d.ts

@@ -0,0 +1,47 @@
+import { CSSProperties } from "react";
+
+//#region src/types/booleanish.d.ts
+type Booleanish = boolean | "true" | "false";
+/**
+ * Parse/coerce a booleanish value (boolean | "true" | "false") into a boolean.
+ * @default false if the value is not a boolean or "true"
+ */
+declare function parseBooleanish(value: Booleanish | (string & {}) | undefined | null): boolean;
+//#endregion
+//#region src/types/css-properties.d.ts
+/**
+ * A CSS custom property (CSS variable) name.
+ *
+ * CSS variables must start with `--`, e.g. `--brand-color` or `--spacing-2`.
+ * This template-literal type lets TypeScript recognize those keys as valid
+ * style keys when building objects for `style={...}`.
+ */
+type CssVariableName = `--${string}`;
+/**
+ * React-compatible CSS properties plus support for CSS custom properties.
+ *
+ * React's `CSSProperties` type does not allow arbitrary property names by
+ * default, so keys like `--foo` would normally be rejected by TypeScript.
+ *
+ * This type extends React's `CSSProperties` and additionally permits any
+ * CSS variable name (keys starting with `--`) with values that match what
+ * CSS variables accept in React style objects: `string | number`.
+ */
+type CssProperties = CSSProperties & Record<CssVariableName, string | number>;
+/**
+ * Helper to type-check a style object while preserving its exact inferred type.
+ *
+ * Why not just annotate with `CssProperties`?
+ * - Annotating forces the value to be treated as the *wider* `CssProperties` type,
+ *   which can lose useful inference (literal values, narrow unions, etc.).
+ *
+ * This function validates that `input` conforms to `CssProperties` (including
+ * CSS variables like `--foo`) and returns it unchanged, keeping inference intact.
+ *
+ * @example
+ * style={$cssProperties({ display: "block", "--gap": 8 })}
+ */
+declare const $cssProperties: <T extends CssProperties = CssProperties>(input: T) => CSSProperties;
+//#endregion
+export { parseBooleanish as i, CssProperties as n, Booleanish as r, $cssProperties as t };
+//# sourceMappingURL=index-s8rMcilU.d.ts.map

package/dist/input.d.ts

@@ -1,100 +1,3 @@
-import * as react from 'react';
-import { InputHTMLAttributes, PropsWithChildren } from 'react';
-import { a as WithAutoComplete, b as WithInputType, W as WithValidation } from './types-DehRoXC5.js';
-export { A as AutoComplete, I as InputType, V as Validation } from './types-DehRoXC5.js';
-
-type BaseProps = WithAutoComplete & WithInputType & WithValidation;
-/**
- * The props for the `Input` component.
- */
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps & PropsWithChildren;
-/**
- * Used to create interactive controls for web-based forms in order to accept data from the user.
- * A versatile input element that supports various types, validation states, and can be composed with other elements.
- *
- * @see https://mantle.ngrok.com/components/input
- *
- * @example
- * ```tsx
- * <Input
- *   type="email"
- *   placeholder="Enter your email"
- *   validation="success"
- * />
- * ```
- */
-declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & {
-    children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps;
-/**
- * The actual <input /> element that captures user input.
- * Used internally by Input component or when you need direct control over the input element.
- *
- * @see https://mantle.ngrok.com/components/input
- *
- * @example
- * ```tsx
- * <Input>
- *   <InputCapture />
- *   <Icon svg={<SearchIcon />} />
- * </Input>
- * ```
- */
-declare const InputCapture: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & react.RefAttributes<HTMLInputElement>>;
-
-type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithValidation & WithAutoComplete & {
-    /**
-     * Callback for when the visibility of the password value changes.
-     */
-    onValueVisibilityChange?: (visible: boolean) => void;
-    /**
-     * Show/hide the password value as a controlled state.
-     * @default false
-     */
-    showValue?: boolean;
-};
-/**
- * A specialized input component for password entry with a toggle button to show/hide the password value.
- * Provides enhanced security UX by allowing users to verify their input while maintaining privacy.
- *
- * @see https://mantle.ngrok.com/components/input
- *
- * @example
- * ```tsx
- * <PasswordInput
- *   placeholder="Enter your password"
- *   showValue={false}
- *   onValueVisibilityChange={(visible) => console.log('Password visible:', visible)}
- * />
- * ```
- */
-declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithValidation & WithAutoComplete & {
-    /**
-     * Callback for when the visibility of the password value changes.
-     */
-    onValueVisibilityChange?: (visible: boolean) => void;
-    /**
-     * Show/hide the password value as a controlled state.
-     * @default false
-     */
-    showValue?: boolean;
-} & react.RefAttributes<HTMLInputElement>>;
-
-/**
- * Type guard for an HTMLInputElement.
- *
- * @example
- * ```tsx
- * function handleElement(element: HTMLElement) {
- *   if (isInput(element)) {
- *     // TypeScript now knows element is HTMLInputElement
- *     element.value = "new value";
- *     element.focus();
- *   }
- * }
- * ```
- */
-declare function isInput(value: unknown): value is HTMLInputElement;
-
-export { Input, InputCapture, type InputCaptureProps, type InputProps, PasswordInput, type PasswordInputProps, WithAutoComplete, WithInputType, WithValidation, isInput };
+import { a as WithInputType, i as WithAutoComplete, n as InputType, o as WithValidation, r as Validation, t as AutoComplete } from "./types-DgXUgkpc.js";
+import { a as InputCapture, i as Input, n as PasswordInput, o as InputCaptureProps, r as PasswordInputProps, s as InputProps, t as isInput } from "./index-DWqhfw9n.js";
+export { AutoComplete, Input, InputCapture, InputCaptureProps, InputProps, InputType, PasswordInput, PasswordInputProps, Validation, WithAutoComplete, WithInputType, WithValidation, isInput };