@ngrok/mantle 0.65.0 → 0.66.1

package/dist/toast.d.ts

@@ -1,20 +1,20 @@
-import * as react from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as ToastPrimitive from 'sonner';
-import { W as WithAsChild } from './as-child-DJ7x3JFV.js';
-import { W as WithStyleProps } from './with-style-props-VnLWm0Yd.js';
-import { a as SvgOnlyProps } from './svg-only-Cp8Mu_sh.js';
-import './types-BuKAGhC-.js';
+import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import { t as WithStyleProps } from "./with-style-props-D1QFTzj6.js";
+import { n as SvgOnlyProps } from "./svg-only-Dti1FvNV.js";
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as ToastPrimitive from "sonner";
 
+//#region src/components/toast/toast.d.ts
 type ToasterPrimitiveProps = ComponentProps<typeof ToastPrimitive.Toaster>;
 type ToasterProps = WithStyleProps & Pick<ToasterPrimitiveProps, "containerAriaLabel" | "dir" | "position"> & {
-    /**
-     * Time in milliseconds that should elapse before automatically dismissing toasts.
-     * When set here, this will be the default duration for all toasts.
-     * @default 4000
-     */
-    duration_ms?: number;
+  /**
+   * Time in milliseconds that should elapse before automatically dismissing toasts.
+   * When set here, this will be the default duration for all toasts.
+   * @default 4000
+   */
+  duration_ms?: number;
 };
 /**
  * A container for displaying all toasts.
@@ -33,21 +33,28 @@ type ToasterProps = WithStyleProps & Pick<ToasterPrimitiveProps, "containerAriaL
  * ```
  */
 declare const Toaster: {
-    ({ className, containerAriaLabel, dir, duration_ms, position, style, }: ToasterProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  ({
+    className,
+    containerAriaLabel,
+    dir,
+    duration_ms,
+    position,
+    style
+  }: ToasterProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type MakeToastOptions = {
-    /**
-     * Time in milliseconds that should elapse before automatically closing the toast.
-     * Will default to the `<Toaster />`'s `duration_ms` if not provided.
-     *
-     * You can keep the toast open until manually dismissed by passing a value <= 0 or Number.POSITIVE_INFINITY
-     */
-    duration_ms?: number;
-    /**
-     * An optional custom ID for this toast. If not given, a unique ID is provided for you.
-     */
-    id?: string;
+  /**
+   * Time in milliseconds that should elapse before automatically closing the toast.
+   * Will default to the `<Toaster />`'s `duration_ms` if not provided.
+   *
+   * You can keep the toast open until manually dismissed by passing a value <= 0 or Number.POSITIVE_INFINITY
+   */
+  duration_ms?: number;
+  /**
+   * An optional custom ID for this toast. If not given, a unique ID is provided for you.
+   */
+  id?: string;
 };
 /**
  * Create a toast. Provide a `<Toast.Root>` component as the `children` to be rendered
@@ -81,7 +88,7 @@ declare function makeToast(children: ReactNode, options?: MakeToastOptions): str
 declare const priorities: readonly ["danger", "info", "success", "warning"];
 type Priority = (typeof priorities)[number];
 type ToastProps = ComponentProps<"div"> & WithAsChild & {
-    priority: Priority;
+  priority: Priority;
 };
 type ToastActionProps = ComponentProps<"button"> & WithAsChild;
 type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
@@ -103,64 +110,65 @@ type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
  * ```
  */
 declare const Toast: {
-    /**
-     * A succinct message with a priority that is displayed temporarily.
-     *
-     * @see https://mantle.ngrok.com/components/toast#toastroot
-     *
-     * @example
-     * ```tsx
-     * <Toast.Root priority="success">
-     *   <Toast.Icon />
-     *   <Toast.Message>Changes saved successfully!</Toast.Message>
-     *   <Toast.Action>Undo</Toast.Action>
-     * </Toast.Root>
-     * ```
-     */
-    readonly Root: react.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A button that dismisses the toast when clicked.
-     *
-     * @see https://mantle.ngrok.com/components/toast#toastaction
-     *
-     * @example
-     * ```tsx
-     * <Toast.Root priority="info">
-     *   <Toast.Icon />
-     *   <Toast.Message>File uploaded successfully</Toast.Message>
-     *   <Toast.Action>View File</Toast.Action>
-     * </Toast.Root>
-     * ```
-     */
-    readonly Action: react.ForwardRefExoticComponent<Omit<ToastActionProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * An icon that visually represents the priority of the toast.
-     *
-     * @see https://mantle.ngrok.com/components/toast#toasticon
-     *
-     * @example
-     * ```tsx
-     * <Toast.Root priority="warning">
-     *   <Toast.Icon />
-     *   <Toast.Message>Warning message</Toast.Message>
-     * </Toast.Root>
-     * ```
-     */
-    readonly Icon: react.ForwardRefExoticComponent<Omit<Partial<SvgOnlyProps>, "ref"> & react.RefAttributes<SVGSVGElement>>;
-    /**
-     * The message content of the toast.
-     *
-     * @see https://mantle.ngrok.com/components/toast#toastmessage
-     *
-     * @example
-     * ```tsx
-     * <Toast.Root priority="success">
-     *   <Toast.Icon />
-     *   <Toast.Message>Your changes have been saved</Toast.Message>
-     * </Toast.Root>
-     * ```
-     */
-    readonly Message: react.ForwardRefExoticComponent<Omit<ToastMessageProps, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+  /**
+   * A succinct message with a priority that is displayed temporarily.
+   *
+   * @see https://mantle.ngrok.com/components/toast#toastroot
+   *
+   * @example
+   * ```tsx
+   * <Toast.Root priority="success">
+   *   <Toast.Icon />
+   *   <Toast.Message>Changes saved successfully!</Toast.Message>
+   *   <Toast.Action>Undo</Toast.Action>
+   * </Toast.Root>
+   * ```
+   */
+  readonly Root: react.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * A button that dismisses the toast when clicked.
+   *
+   * @see https://mantle.ngrok.com/components/toast#toastaction
+   *
+   * @example
+   * ```tsx
+   * <Toast.Root priority="info">
+   *   <Toast.Icon />
+   *   <Toast.Message>File uploaded successfully</Toast.Message>
+   *   <Toast.Action>View File</Toast.Action>
+   * </Toast.Root>
+   * ```
+   */
+  readonly Action: react.ForwardRefExoticComponent<Omit<ToastActionProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * An icon that visually represents the priority of the toast.
+   *
+   * @see https://mantle.ngrok.com/components/toast#toasticon
+   *
+   * @example
+   * ```tsx
+   * <Toast.Root priority="warning">
+   *   <Toast.Icon />
+   *   <Toast.Message>Warning message</Toast.Message>
+   * </Toast.Root>
+   * ```
+   */
+  readonly Icon: react.ForwardRefExoticComponent<Omit<Partial<SvgOnlyProps>, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  /**
+   * The message content of the toast.
+   *
+   * @see https://mantle.ngrok.com/components/toast#toastmessage
+   *
+   * @example
+   * ```tsx
+   * <Toast.Root priority="success">
+   *   <Toast.Icon />
+   *   <Toast.Message>Your changes have been saved</Toast.Message>
+   * </Toast.Root>
+   * ```
+   */
+  readonly Message: react.ForwardRefExoticComponent<Omit<ToastMessageProps, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
 };
-
+//#endregion
 export { type Priority, Toast, Toaster, makeToast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.js

@@ -1,2 +1 @@
-import{a as o,b as t,c as r}from"./chunk-EIEPGCIG.js";import"./chunk-HF3KJHO3.js";import"./chunk-6J7D73WA.js";import"./chunk-NJNFZ2EG.js";import"./chunk-KMNACVH6.js";import"./chunk-IVQ626TU.js";import"./chunk-ADF5DAYG.js";import"./chunk-SBQHQ2SJ.js";import"./chunk-PFXFESEN.js";export{r as Toast,o as Toaster,t as makeToast};
-//# sourceMappingURL=toast.js.map
+import{n as e,r as t,t as n}from"./toast-B4gxB8U0.js";export{n as Toast,e as Toaster,t as makeToast};

package/dist/tooltip.d.ts

@@ -1,8 +1,9 @@
-import * as react from 'react';
-import { ComponentProps, ComponentPropsWithoutRef } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as react from "react";
+import { ComponentProps, ComponentPropsWithoutRef } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
+//#region src/components/tooltip/tooltip.d.ts
 /**
  * Wraps your app to provide global functionality to your tooltips.
  * Only one instance of this component should be rendered in your app, preferably at the root.
@@ -17,8 +18,11 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
  * ```
  */
 declare const TooltipProvider: {
-    ({ delayDuration, ...props }: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  ({
+    delayDuration,
+    ...props
+  }: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>): react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 /**
  * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
@@ -41,9 +45,9 @@ declare const TooltipProvider: {
  * </Tooltip.Root>
  * ```
  */
-declare function Root(props: ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Root(props: ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime0.JSX.Element;
 declare namespace Root {
-    var displayName: string;
+  var displayName: string;
 }
 /**
  * The trigger button that opens the tooltip.
@@ -64,9 +68,9 @@ declare namespace Root {
  * </Tooltip.Root>
  * ```
  */
-declare function Trigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function Trigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime0.JSX.Element;
 declare namespace Trigger {
-    var displayName: string;
+  var displayName: string;
 }
 /**
  * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
@@ -90,68 +94,69 @@ declare namespace Trigger {
  * ```
  */
 declare const Tooltip: {
-    /**
-     * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
-     * This is the root, stateful component that manages the open/closed state of the tooltip.
-     * Will throw if you have not wrapped your app in a `TooltipProvider`.
-     *
-     * @see https://mantle.ngrok.com/components/tooltip#tooltiproot
-     *
-     * @example
-     * ```tsx
-     * <Tooltip.Root>
-     *   <Tooltip.Trigger asChild>
-     *     <Button type="button" appearance="outlined">
-     *       Hover me
-     *     </Button>
-     *   </Tooltip.Trigger>
-     *   <Tooltip.Content>
-     *     This is a tooltip
-     *   </Tooltip.Content>
-     * </Tooltip.Root>
-     * ```
-     */
-    readonly Root: typeof Root;
-    /**
-     * The content to render inside the tooltip.
-     *
-     * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent
-     *
-     * @example
-     * ```tsx
-     * <Tooltip.Root>
-     *   <Tooltip.Trigger asChild>
-     *     <Button type="button" appearance="outlined">
-     *       Hover me
-     *     </Button>
-     *   </Tooltip.Trigger>
-     *   <Tooltip.Content>
-     *     This is a tooltip
-     *   </Tooltip.Content>
-     * </Tooltip.Root>
-     * ```
-     */
-    readonly Content: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The trigger button that opens the tooltip.
-     *
-     * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger
-     *
-     * @example
-     * ```tsx
-     * <Tooltip.Root>
-     *   <Tooltip.Trigger asChild>
-     *     <Button type="button" appearance="outlined">
-     *       Hover me
-     *     </Button>
-     *   </Tooltip.Trigger>
-     *   <Tooltip.Content>
-     *     This is a tooltip
-     *   </Tooltip.Content>
-     * </Tooltip.Root>
-     * ```
-     */
-    readonly Trigger: typeof Trigger;
+  /**
+   * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
+   * This is the root, stateful component that manages the open/closed state of the tooltip.
+   * Will throw if you have not wrapped your app in a `TooltipProvider`.
+   *
+   * @see https://mantle.ngrok.com/components/tooltip#tooltiproot
+   *
+   * @example
+   * ```tsx
+   * <Tooltip.Root>
+   *   <Tooltip.Trigger asChild>
+   *     <Button type="button" appearance="outlined">
+   *       Hover me
+   *     </Button>
+   *   </Tooltip.Trigger>
+   *   <Tooltip.Content>
+   *     This is a tooltip
+   *   </Tooltip.Content>
+   * </Tooltip.Root>
+   * ```
+   */
+  readonly Root: typeof Root;
+  /**
+   * The content to render inside the tooltip.
+   *
+   * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent
+   *
+   * @example
+   * ```tsx
+   * <Tooltip.Root>
+   *   <Tooltip.Trigger asChild>
+   *     <Button type="button" appearance="outlined">
+   *       Hover me
+   *     </Button>
+   *   </Tooltip.Trigger>
+   *   <Tooltip.Content>
+   *     This is a tooltip
+   *   </Tooltip.Content>
+   * </Tooltip.Root>
+   * ```
+   */
+  readonly Content: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The trigger button that opens the tooltip.
+   *
+   * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger
+   *
+   * @example
+   * ```tsx
+   * <Tooltip.Root>
+   *   <Tooltip.Trigger asChild>
+   *     <Button type="button" appearance="outlined">
+   *       Hover me
+   *     </Button>
+   *   </Tooltip.Trigger>
+   *   <Tooltip.Content>
+   *     This is a tooltip
+   *   </Tooltip.Content>
+   * </Tooltip.Root>
+   * ```
+   */
+  readonly Trigger: typeof Trigger;
 };
-
+//#endregion
 export { Tooltip, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-PFXFESEN.js";import*as o from"@radix-ui/react-tooltip";import{forwardRef as f}from"react";import{jsx as i,jsxs as T}from"react/jsx-runtime";var p=({delayDuration:t=0,...e})=>i(o.Provider,{"data-slot":"tooltip-provider",delayDuration:t??0,...e});p.displayName="Tooltip.Provider";function a(t){return i(o.Root,{"data-slot":"tooltip",...t})}a.displayName="Tooltip.Root";function l(t){return i(o.Trigger,{"data-slot":"tooltip-trigger",...t})}l.displayName="Tooltip.Trigger";var n=f(({children:t,className:e,sideOffset:m=4,...s},d)=>i(o.Portal,{children:T(o.Content,{className:r("bg-tooltip text-tooltip animate-in fade-in-0 zoom-in-95 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 z-50 max-w-72 overflow-visible wrap-break-word rounded-md px-3 py-1.5 text-sm font-sans shadow",e),"data-slot":"tooltip-content",ref:d,sideOffset:m,...s,children:[t,i(o.Arrow,{asChild:!0,children:i("div",{className:"bg-tooltip z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs"})})]})}));n.displayName="Tooltip.Content";var P={Root:a,Content:n,Trigger:l};export{P as Tooltip,p as TooltipProvider};
+import{t as e}from"./cx-bKromGBh.js";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"@radix-ui/react-tooltip";const a=({delayDuration:e=0,...t})=>n(i.Provider,{"data-slot":`tooltip-provider`,delayDuration:e??0,...t});a.displayName=`Tooltip.Provider`;function o(e){return n(i.Root,{"data-slot":`tooltip`,...e})}o.displayName=`Tooltip.Root`;function s(e){return n(i.Trigger,{"data-slot":`tooltip-trigger`,...e})}s.displayName=`Tooltip.Trigger`;const c=t(({children:t,className:a,sideOffset:o=4,...s},c)=>n(i.Portal,{children:r(i.Content,{className:e(`bg-tooltip text-tooltip animate-in fade-in-0 zoom-in-95 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 z-50 max-w-72 overflow-visible wrap-break-word rounded-md px-3 py-1.5 text-sm font-sans shadow`,a),"data-slot":`tooltip-content`,ref:c,sideOffset:o,...s,children:[t,n(i.Arrow,{asChild:!0,children:n(`div`,{className:`bg-tooltip z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs`})})]})}));c.displayName=`Tooltip.Content`;const l={Root:o,Content:c,Trigger:s};export{l as Tooltip,a as TooltipProvider};
 //# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\n\n/**\n * Wraps your app to provide global functionality to your tooltips.\n * Only one instance of this component should be rendered in your app, preferably at the root.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltipprovider\n *\n * @example\n * ```tsx\n * <TooltipProvider>\n *   <App />\n * </TooltipProvider>\n * ```\n */\nconst TooltipProvider = ({\n\tdelayDuration = 0,\n\t...props\n}: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>) => (\n\t<TooltipPrimitive.Provider\n\t\tdata-slot=\"tooltip-provider\"\n\t\tdelayDuration={delayDuration ?? 0}\n\t\t{...props}\n\t/>\n);\nTooltipProvider.displayName = \"Tooltip.Provider\";\n\n/**\n * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\n * This is the root, stateful component that manages the open/closed state of the tooltip.\n * Will throw if you have not wrapped your app in a `TooltipProvider`.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltiproot\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nfunction Root(props: ComponentProps<typeof TooltipPrimitive.Root>) {\n\treturn <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\nRoot.displayName = \"Tooltip.Root\";\n\n/**\n * The trigger button that opens the tooltip.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nfunction Trigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n\treturn <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\nTrigger.displayName = \"Tooltip.Trigger\";\n\n/**\n * The content to render inside the tooltip.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nconst Content = forwardRef<\n\tComponentRef<typeof TooltipPrimitive.Content>,\n\tComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ children, className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tclassName={cx(\n\t\t\t\t\"bg-tooltip text-tooltip animate-in fade-in-0 zoom-in-95 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 z-50 max-w-72 overflow-visible wrap-break-word rounded-md px-3 py-1.5 text-sm font-sans shadow\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"tooltip-content\"\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<TooltipPrimitive.Arrow asChild>\n\t\t\t\t<div className=\"bg-tooltip z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs\" />\n\t\t\t</TooltipPrimitive.Arrow>\n\t\t</TooltipPrimitive.Content>\n\t</TooltipPrimitive.Portal>\n));\nContent.displayName = \"Tooltip.Content\";\n\n/**\n * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\n * This is the root, stateful component that manages the open/closed state of the tooltip.\n * Will throw if you have not wrapped your app in a `TooltipProvider`.\n *\n * @see https://mantle.ngrok.com/components/tooltip\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nconst Tooltip = {\n\t/**\n\t * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\n\t * This is the root, stateful component that manages the open/closed state of the tooltip.\n\t * Will throw if you have not wrapped your app in a `TooltipProvider`.\n\t *\n\t * @see https://mantle.ngrok.com/components/tooltip#tooltiproot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Tooltip.Root>\n\t *   <Tooltip.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Hover me\n\t *     </Button>\n\t *   </Tooltip.Trigger>\n\t *   <Tooltip.Content>\n\t *     This is a tooltip\n\t *   </Tooltip.Content>\n\t * </Tooltip.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * The content to render inside the tooltip.\n\t *\n\t * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <Tooltip.Root>\n\t *   <Tooltip.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Hover me\n\t *     </Button>\n\t *   </Tooltip.Trigger>\n\t *   <Tooltip.Content>\n\t *     This is a tooltip\n\t *   </Tooltip.Content>\n\t * </Tooltip.Root>\n\t * ```\n\t */\n\tContent,\n\t/**\n\t * The trigger button that opens the tooltip.\n\t *\n\t * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Tooltip.Root>\n\t *   <Tooltip.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Hover me\n\t *     </Button>\n\t *   </Tooltip.Trigger>\n\t *   <Tooltip.Content>\n\t *     This is a tooltip\n\t *   </Tooltip.Content>\n\t * </Tooltip.Root>\n\t * ```\n\t */\n\tTrigger,\n} as const;\n\nexport {\n\t//,\n\tTooltip,\n\tTooltipProvider,\n};\n"],"mappings":"wCAAA,UAAYA,MAAsB,0BAClC,OAAS,cAAAC,MAAkB,QAqB1B,cAAAC,EAkFC,QAAAC,MAlFD,oBAJD,IAAMC,EAAkB,CAAC,CACxB,cAAAC,EAAgB,EAChB,GAAGC,CACJ,IACCJ,EAAkB,WAAjB,CACA,YAAU,mBACV,cAAeG,GAAiB,EAC/B,GAAGC,EACL,EAEDF,EAAgB,YAAc,mBAuB9B,SAASG,EAAKD,EAAqD,CAClE,OAAOJ,EAAkB,OAAjB,CAAsB,YAAU,UAAW,GAAGI,EAAO,CAC9D,CACAC,EAAK,YAAc,eAqBnB,SAASC,EAAQF,EAAwD,CACxE,OAAOJ,EAAkB,UAAjB,CAAyB,YAAU,kBAAmB,GAAGI,EAAO,CACzE,CACAE,EAAQ,YAAc,kBAqBtB,IAAMC,EAAUC,EAGd,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGP,CAAM,EAAGQ,IACrDZ,EAAkB,SAAjB,CACA,SAAAC,EAAkB,UAAjB,CACA,UAAWY,EACV,sYACAH,CACD,EACA,YAAU,kBACV,IAAKE,EACL,WAAYD,EACX,GAAGP,EAEH,UAAAK,EACDT,EAAkB,QAAjB,CAAuB,QAAO,GAC9B,SAAAA,EAAC,OAAI,UAAU,6EAA6E,EAC7F,GACD,EACD,CACA,EACDO,EAAQ,YAAc,kBAuBtB,IAAMO,EAAU,CAsBf,KAAAT,EAoBA,QAAAE,EAoBA,QAAAD,CACD","names":["TooltipPrimitive","forwardRef","jsx","jsxs","TooltipProvider","delayDuration","props","Root","Trigger","Content","forwardRef","children","className","sideOffset","ref","cx","Tooltip"]}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\n\n/**\n * Wraps your app to provide global functionality to your tooltips.\n * Only one instance of this component should be rendered in your app, preferably at the root.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltipprovider\n *\n * @example\n * ```tsx\n * <TooltipProvider>\n *   <App />\n * </TooltipProvider>\n * ```\n */\nconst TooltipProvider = ({\n\tdelayDuration = 0,\n\t...props\n}: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>) => (\n\t<TooltipPrimitive.Provider\n\t\tdata-slot=\"tooltip-provider\"\n\t\tdelayDuration={delayDuration ?? 0}\n\t\t{...props}\n\t/>\n);\nTooltipProvider.displayName = \"Tooltip.Provider\";\n\n/**\n * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\n * This is the root, stateful component that manages the open/closed state of the tooltip.\n * Will throw if you have not wrapped your app in a `TooltipProvider`.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltiproot\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nfunction Root(props: ComponentProps<typeof TooltipPrimitive.Root>) {\n\treturn <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\nRoot.displayName = \"Tooltip.Root\";\n\n/**\n * The trigger button that opens the tooltip.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nfunction Trigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n\treturn <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\nTrigger.displayName = \"Tooltip.Trigger\";\n\n/**\n * The content to render inside the tooltip.\n *\n * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nconst Content = forwardRef<\n\tComponentRef<typeof TooltipPrimitive.Content>,\n\tComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ children, className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tclassName={cx(\n\t\t\t\t\"bg-tooltip text-tooltip animate-in fade-in-0 zoom-in-95 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 z-50 max-w-72 overflow-visible wrap-break-word rounded-md px-3 py-1.5 text-sm font-sans shadow\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"tooltip-content\"\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<TooltipPrimitive.Arrow asChild>\n\t\t\t\t<div className=\"bg-tooltip z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs\" />\n\t\t\t</TooltipPrimitive.Arrow>\n\t\t</TooltipPrimitive.Content>\n\t</TooltipPrimitive.Portal>\n));\nContent.displayName = \"Tooltip.Content\";\n\n/**\n * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\n * This is the root, stateful component that manages the open/closed state of the tooltip.\n * Will throw if you have not wrapped your app in a `TooltipProvider`.\n *\n * @see https://mantle.ngrok.com/components/tooltip\n *\n * @example\n * ```tsx\n * <Tooltip.Root>\n *   <Tooltip.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Hover me\n *     </Button>\n *   </Tooltip.Trigger>\n *   <Tooltip.Content>\n *     This is a tooltip\n *   </Tooltip.Content>\n * </Tooltip.Root>\n * ```\n */\nconst Tooltip = {\n\t/**\n\t * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\n\t * This is the root, stateful component that manages the open/closed state of the tooltip.\n\t * Will throw if you have not wrapped your app in a `TooltipProvider`.\n\t *\n\t * @see https://mantle.ngrok.com/components/tooltip#tooltiproot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Tooltip.Root>\n\t *   <Tooltip.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Hover me\n\t *     </Button>\n\t *   </Tooltip.Trigger>\n\t *   <Tooltip.Content>\n\t *     This is a tooltip\n\t *   </Tooltip.Content>\n\t * </Tooltip.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * The content to render inside the tooltip.\n\t *\n\t * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <Tooltip.Root>\n\t *   <Tooltip.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Hover me\n\t *     </Button>\n\t *   </Tooltip.Trigger>\n\t *   <Tooltip.Content>\n\t *     This is a tooltip\n\t *   </Tooltip.Content>\n\t * </Tooltip.Root>\n\t * ```\n\t */\n\tContent,\n\t/**\n\t * The trigger button that opens the tooltip.\n\t *\n\t * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Tooltip.Root>\n\t *   <Tooltip.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Hover me\n\t *     </Button>\n\t *   </Tooltip.Trigger>\n\t *   <Tooltip.Content>\n\t *     This is a tooltip\n\t *   </Tooltip.Content>\n\t * </Tooltip.Root>\n\t * ```\n\t */\n\tTrigger,\n} as const;\n\nexport {\n\t//,\n\tTooltip,\n\tTooltipProvider,\n};\n"],"mappings":"oKAkBA,MAAM,GAAmB,CACxB,gBAAgB,EAChB,GAAG,KAEH,EAAC,EAAiB,SAAlB,CACC,YAAU,mBACV,cAAe,GAAiB,EAChC,GAAI,EACH,CAAA,CAEH,EAAgB,YAAc,mBAuB9B,SAAS,EAAK,EAAqD,CAClE,OAAO,EAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CAEhE,EAAK,YAAc,eAqBnB,SAAS,EAAQ,EAAwD,CACxE,OAAO,EAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAE3E,EAAQ,YAAc,kBAqBtB,MAAM,EAAU,GAGb,CAAE,WAAU,YAAW,aAAa,EAAG,GAAG,GAAS,IACrD,EAAC,EAAiB,OAAlB,CAAA,SACC,EAAC,EAAiB,QAAlB,CACC,UAAW,EACV,sYACA,EACA,CACD,YAAU,kBACL,MACO,aACZ,GAAI,WARL,CAUE,EACD,EAAC,EAAiB,MAAlB,CAAwB,QAAA,YACvB,EAAC,MAAD,CAAK,UAAU,6EAA+E,CAAA,CACtE,CAAA,CACC,GACF,CAAA,CACzB,CACF,EAAQ,YAAc,kBAuBtB,MAAM,EAAU,CAsBf,OAoBA,UAoBA,UACA"}

package/dist/{chunk-W2YQRWR5.js → traffic-policy-file-QnF-2YkY.js}

@@ -1,2 +1,2 @@
-import{jsx as c,jsxs as s}from"react/jsx-runtime";function t(h){return s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 256 256",...h,children:[c("path",{fill:"none",d:"M0 0h256v256H0z"}),c("path",{d:"m213.7 82.3-56-56c-1.5-1.5-3.5-2.3-5.7-2.3H56c-8.8 0-16 7.2-16 16v88c0 4.4 3.6 8 8 8s8-3.6 8-8V40h88v48c0 4.4 3.6 8 8 8h48v120h-40c-4.4 0-8 3.6-8 8s3.6 8 8 8h40c8.8 0 16-7.2 16-16V88c0-2.1-.8-4.2-2.3-5.7zm-53.7-31L188.7 80H160V51.3z"}),c("path",{d:"M124.6 194.5h-6.8v-27.3h6.8c1.9 0 3.4-1.5 3.4-3.4s-1.5-3.4-3.4-3.4h-6.8v-10.2c0-3.8-3.1-6.8-6.8-6.8H63.3c-3.8 0-6.8 3.1-6.8 6.8v10.2h-6.8c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4h6.8v27.3h-6.8c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4h6.8v23.9c0 3.8 3.1 6.8 6.8 6.8H111c3.8 0 6.8-3.1 6.8-6.8v-23.9h6.8c1.9 0 3.4-1.5 3.4-3.4s-1.5-3.4-3.4-3.4zm-37.5-11.9c-6.6 0-11.9-5.3-11.9-11.9s5.3-11.9 11.9-11.9S99 164.1 99 170.7s-5.3 11.9-11.9 11.9zm0 10.2c6.6 0 11.9 5.3 11.9 11.9s-5.3 11.9-11.9 11.9-11.9-5.3-11.9-11.9 5.3-11.9 11.9-11.9z"})]})}t.displayName="TrafficPolicyFileIcon";export{t as a};
-//# sourceMappingURL=chunk-W2YQRWR5.js.map
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`currentColor`,viewBox:`0 0 256 256`,...n,children:[e(`path`,{fill:`none`,d:`M0 0h256v256H0z`}),e(`path`,{d:`m213.7 82.3-56-56c-1.5-1.5-3.5-2.3-5.7-2.3H56c-8.8 0-16 7.2-16 16v88c0 4.4 3.6 8 8 8s8-3.6 8-8V40h88v48c0 4.4 3.6 8 8 8h48v120h-40c-4.4 0-8 3.6-8 8s3.6 8 8 8h40c8.8 0 16-7.2 16-16V88c0-2.1-.8-4.2-2.3-5.7zm-53.7-31L188.7 80H160V51.3z`}),e(`path`,{d:`M124.6 194.5h-6.8v-27.3h6.8c1.9 0 3.4-1.5 3.4-3.4s-1.5-3.4-3.4-3.4h-6.8v-10.2c0-3.8-3.1-6.8-6.8-6.8H63.3c-3.8 0-6.8 3.1-6.8 6.8v10.2h-6.8c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4h6.8v27.3h-6.8c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4h6.8v23.9c0 3.8 3.1 6.8 6.8 6.8H111c3.8 0 6.8-3.1 6.8-6.8v-23.9h6.8c1.9 0 3.4-1.5 3.4-3.4s-1.5-3.4-3.4-3.4zm-37.5-11.9c-6.6 0-11.9-5.3-11.9-11.9s5.3-11.9 11.9-11.9S99 164.1 99 170.7s-5.3 11.9-11.9 11.9zm0 10.2c6.6 0 11.9 5.3 11.9 11.9s-5.3 11.9-11.9 11.9-11.9-5.3-11.9-11.9 5.3-11.9 11.9-11.9z`})]})}n.displayName=`TrafficPolicyFileIcon`;export{n as t};
+//# sourceMappingURL=traffic-policy-file-QnF-2YkY.js.map

package/dist/traffic-policy-file-QnF-2YkY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traffic-policy-file-QnF-2YkY.js","names":[],"sources":["../src/components/icons/traffic-policy-file.tsx"],"sourcesContent":["import type { SvgAttributes } from \"../icon/types.js\";\n\n/**\n * An icon representing a traffic policy file.\n */\nfunction TrafficPolicyFileIcon(props: SvgAttributes) {\n\treturn (\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\twidth=\"1em\"\n\t\t\theight=\"1em\"\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 256 256\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path fill=\"none\" d=\"M0 0h256v256H0z\" />\n\t\t\t<path d=\"m213.7 82.3-56-56c-1.5-1.5-3.5-2.3-5.7-2.3H56c-8.8 0-16 7.2-16 16v88c0 4.4 3.6 8 8 8s8-3.6 8-8V40h88v48c0 4.4 3.6 8 8 8h48v120h-40c-4.4 0-8 3.6-8 8s3.6 8 8 8h40c8.8 0 16-7.2 16-16V88c0-2.1-.8-4.2-2.3-5.7zm-53.7-31L188.7 80H160V51.3z\" />\n\t\t\t<path d=\"M124.6 194.5h-6.8v-27.3h6.8c1.9 0 3.4-1.5 3.4-3.4s-1.5-3.4-3.4-3.4h-6.8v-10.2c0-3.8-3.1-6.8-6.8-6.8H63.3c-3.8 0-6.8 3.1-6.8 6.8v10.2h-6.8c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4h6.8v27.3h-6.8c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4h6.8v23.9c0 3.8 3.1 6.8 6.8 6.8H111c3.8 0 6.8-3.1 6.8-6.8v-23.9h6.8c1.9 0 3.4-1.5 3.4-3.4s-1.5-3.4-3.4-3.4zm-37.5-11.9c-6.6 0-11.9-5.3-11.9-11.9s5.3-11.9 11.9-11.9S99 164.1 99 170.7s-5.3 11.9-11.9 11.9zm0 10.2c6.6 0 11.9 5.3 11.9 11.9s-5.3 11.9-11.9 11.9-11.9-5.3-11.9-11.9 5.3-11.9 11.9-11.9z\" />\n\t\t</svg>\n\t);\n}\nTrafficPolicyFileIcon.displayName = \"TrafficPolicyFileIcon\";\n\nexport {\n\t//,\n\tTrafficPolicyFileIcon,\n};\n"],"mappings":"kDAKA,SAAS,EAAsB,EAAsB,CACpD,OACC,EAAC,MAAD,CACC,MAAM,6BACN,MAAM,MACN,OAAO,MACP,KAAK,eACL,QAAQ,cACR,GAAI,WANL,CAQC,EAAC,OAAD,CAAM,KAAK,OAAO,EAAE,kBAAoB,CAAA,CACxC,EAAC,OAAD,CAAM,EAAE,2OAA6O,CAAA,CACrP,EAAC,OAAD,CAAM,EAAE,6gBAA+gB,CAAA,CAClhB,GAGR,EAAsB,YAAc"}

package/dist/types-884RJJqm.js

@@ -0,0 +1,2 @@
+const e=e=>e;export{e as t};
+//# sourceMappingURL=types-884RJJqm.js.map

package/dist/types-884RJJqm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-884RJJqm.js","names":[],"sources":["../src/types/css-properties.ts"],"sourcesContent":["import type { CSSProperties as ReactCSSProperties } from \"react\";\n\n/**\n * A CSS custom property (CSS variable) name.\n *\n * CSS variables must start with `--`, e.g. `--brand-color` or `--spacing-2`.\n * This template-literal type lets TypeScript recognize those keys as valid\n * style keys when building objects for `style={...}`.\n */\ntype CssVariableName = `--${string}`;\n\n/**\n * React-compatible CSS properties plus support for CSS custom properties.\n *\n * React's `CSSProperties` type does not allow arbitrary property names by\n * default, so keys like `--foo` would normally be rejected by TypeScript.\n *\n * This type extends React's `CSSProperties` and additionally permits any\n * CSS variable name (keys starting with `--`) with values that match what\n * CSS variables accept in React style objects: `string | number`.\n */\ntype CssProperties = ReactCSSProperties & Record<CssVariableName, string | number>;\n\n/**\n * Helper to type-check a style object while preserving its exact inferred type.\n *\n * Why not just annotate with `CssProperties`?\n * - Annotating forces the value to be treated as the *wider* `CssProperties` type,\n *   which can lose useful inference (literal values, narrow unions, etc.).\n *\n * This function validates that `input` conforms to `CssProperties` (including\n * CSS variables like `--foo`) and returns it unchanged, keeping inference intact.\n *\n * @example\n * style={$cssProperties({ display: \"block\", \"--gap\": 8 })}\n */\nconst $cssProperties = <T extends CssProperties = CssProperties>(input: T): ReactCSSProperties =>\n\tinput;\n\nexport { type CssProperties, $cssProperties };\n"],"mappings":"AAoCA,MAAM,EAA2D,GAChE"}

package/dist/{types-DehRoXC5.d.ts → types-DgXUgkpc.d.ts}

@@ -1,3 +1,4 @@
+//#region src/components/input/types.d.ts
 /**
  * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
  * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
@@ -12,19 +13,19 @@
  */
 type AutoComplete = "off" | "on" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo";
 type WithAutoComplete = {
-    /**
-     * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
-     * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
-     * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
-     * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
-     *
-     * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
-     * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
-     * data, being valid for all input types except checkbox, radio, file, or any of the button types.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
-     */
-    autoComplete?: AutoComplete;
+  /**
+   * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
+   * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
+   * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
+   * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
+   *
+   * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
+   * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
+   * data, being valid for all input types except checkbox, radio, file, or any of the button types.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
+   */
+  autoComplete?: AutoComplete;
 };
 /**
  * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
@@ -34,13 +35,13 @@ type WithAutoComplete = {
  */
 type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
 type WithInputType = {
-    /**
-     * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
-     * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
-     */
-    type?: InputType;
+  /**
+   * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
+   * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
+   */
+  type?: InputType;
 };
 /**
  * The validation state of the input.
@@ -57,20 +58,21 @@ type Validation = "error" | "success" | "warning" | false;
  * An input component with a prop for validation state.
  */
 type WithValidation = {
-    /**
-     * The validation state of the input.
-     * Can be a literal `Validation` value or a function that returns
-     * a `Validation` value.
-     *
-     *
-     * @example
-     * the false type is useful when using short-circuiting logic, e.g.
-     *
-     * ```tsx
-     * validation={field.state.meta.errors.length > 0 && "error"}
-     * ```
-     */
-    validation?: Validation | (() => Validation);
+  /**
+   * The validation state of the input.
+   * Can be a literal `Validation` value or a function that returns
+   * a `Validation` value.
+   *
+   *
+   * @example
+   * the false type is useful when using short-circuiting logic, e.g.
+   *
+   * ```tsx
+   * validation={field.state.meta.errors.length > 0 && "error"}
+   * ```
+   */
+  validation?: Validation | (() => Validation);
 };
-
-export type { AutoComplete as A, InputType as I, Validation as V, WithValidation as W, WithAutoComplete as a, WithInputType as b };
+//#endregion
+export { WithInputType as a, WithAutoComplete as i, InputType as n, WithValidation as o, Validation as r, AutoComplete as t };
+//# sourceMappingURL=types-DgXUgkpc.d.ts.map

package/dist/types-Dh4BVhXC.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from "react";
+
+//#region src/components/icon/types.d.ts
+type SvgAttributes = ComponentProps<"svg"> & {
+  focusable?: "true" | "false";
+};
+//#endregion
+export { SvgAttributes as t };
+//# sourceMappingURL=types-Dh4BVhXC.d.ts.map