@ngrok/mantle 0.79.3 → 0.80.0

package/dist/split-button.d.ts

@@ -1,8 +1,7 @@
-import { t as Button } from "./button-DcXOWUYo.js";
-import { t as IconButton } from "./icon-button-BvQvT790.js";
-import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
+import { t as Button } from "./button-BPMwa2jN.js";
+import { t as IconButton } from "./icon-button-C1AfGnQx.js";
 import { t as ButtonSize } from "./sizes-BCoI4bhP.js";
-import { t as DropdownMenu } from "./dropdown-menu-DP_Ne9Mr.js";
+import { t as DropdownMenu } from "./dropdown-menu-CoyozLzy.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/split-button/split-button.d.ts
 type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"> & {
@@ -14,10 +13,30 @@ type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"
    */
   size?: ButtonSize;
 };
+declare const Root: {
+  ({ className, children, dir, open, defaultOpen, onOpenChange, modal, size, ref, ...props }: RootProps): import("react").JSX.Element;
+  displayName: string;
+};
 type PrimaryActionProps = Omit<ComponentProps<typeof Button>, "appearance" | "intent" | "size">;
+declare const PrimaryAction: {
+  (props: PrimaryActionProps): import("react").JSX.Element;
+  displayName: string;
+};
 type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "intent" | "size" | "asChild" | "icon"> & {
   icon?: ReactNode;
 };
+declare const MenuTrigger: {
+  ({ icon, ...props }: MenuTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const MenuContent: {
+  ({ align, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react").JSX.Element;
+  displayName: string;
+};
+declare const MenuItem: {
+  ({ className, ...props }: ComponentProps<typeof DropdownMenu.Item>): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * A button group which provides a default action with one click while revealing
  * related alternatives through a dropdown menu. Best for when users typically
@@ -87,7 +106,7 @@ declare const SplitButton: {
    * </SplitButton.Root>
    * ```
    */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Root: typeof Root;
   /**
    * The most common action users can trigger with a single click.
    *
@@ -115,7 +134,7 @@ declare const SplitButton: {
    * </SplitButton.Root>
    * ```
    */
-  readonly PrimaryAction: import("react").ForwardRefExoticComponent<Omit<PrimaryActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly PrimaryAction: typeof PrimaryAction;
   /**
    * The button that opens the split button dropdown menu.
    *
@@ -143,7 +162,7 @@ declare const SplitButton: {
    * </SplitButton.Root>
    * ```
    */
-  readonly MenuTrigger: import("react").ForwardRefExoticComponent<Omit<MenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly MenuTrigger: typeof MenuTrigger;
   /**
    * The container for the split button dropdown menu content. Appears in a
    * portal with scrolling and animations.
@@ -172,9 +191,7 @@ declare const SplitButton: {
    * </SplitButton.Root>
    * ```
    */
-  readonly MenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & WithDataSlot & {
-    width?: "trigger" | "content";
-  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly MenuContent: typeof MenuContent;
   /**
    * A standard item in the split button dropdown menu that can be selected or
    * activated.
@@ -203,9 +220,7 @@ declare const SplitButton: {
    * </SplitButton.Root>
    * ```
    */
-  readonly MenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly MenuItem: typeof MenuItem;
 };
 //#endregion
 export { SplitButton };

package/dist/split-button.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{t as n}from"./icon-button-DV2-GZHf.js";import{t as r}from"./button-ClC60Nzg.js";import{t as i}from"./dropdown-menu-Bt1aKF1g.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,forwardRef as s,useContext as c,useMemo as l}from"react";import{jsx as u}from"react/jsx-runtime";const d=o({size:`md`}),f=s(({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:c,size:f=`md`,...p},m)=>{let h=l(()=>({size:f}),[f]);return u(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:c,children:u(d.Provider,{value:h,children:u(`div`,{"data-slot":`split-button`,"data-size":f,className:e(`flex flex-row [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ml-px [&>*:focus]:relative [&>*:focus]:z-10 [&>*:hover]:relative [&>*:hover]:z-10 *:active:scale-100!`,t),ref:m,...p,children:n})})})});f.displayName=`SplitButton`;const p=s((e,t)=>{let{size:n}=c(d);return u(r,{appearance:`outlined`,intent:`neutral`,ref:t,size:n,...e})});p.displayName=`SplitButtonPrimaryAction`;const m=s(({icon:e,...r},o)=>{let{size:s}=c(d);return u(i.Trigger,{asChild:!0,className:`group`,children:u(n,{icon:e??u(t,{svg:u(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,intent:`neutral`,ref:o,size:s,...r})})});m.displayName=`SplitButtonMenuTrigger`;const h=s(({align:e=`end`,...t},n)=>u(i.Content,{align:e,ref:n,...t}));h.displayName=`SplitButtonMenuContent`;const g=s(({className:t,...n},r)=>u(i.Item,{className:e(`gap-2`,t),ref:r,...n}));g.displayName=`SplitButtonMenuItem`;const _={Root:f,PrimaryAction:p,MenuTrigger:m,MenuContent:h,MenuItem:g};export{_ as SplitButton};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CGgMKpJg.js";import{t as n}from"./icon-button-DiOhreJD.js";import{t as r}from"./button-5WsvzIQ6.js";import{t as i}from"./dropdown-menu-CSCDdA3K.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useContext as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=o({size:`md`}),d=({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,size:f=`md`,ref:p,...m})=>{let h=c(()=>({size:f}),[f]);return l(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,children:l(u.Provider,{value:h,children:l(`div`,{"data-slot":`split-button`,"data-size":f,className:e(`flex flex-row [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ml-px [&>*:focus]:relative [&>*:focus]:z-10 [&>*:hover]:relative [&>*:hover]:z-10 *:active:scale-100!`,t),ref:p,...m,children:n})})})};d.displayName=`SplitButton`;const f=e=>{let{size:t}=s(u);return l(r,{appearance:`outlined`,intent:`neutral`,size:t,...e})};f.displayName=`SplitButtonPrimaryAction`;const p=({icon:e,...r})=>{let{size:o}=s(u);return l(i.Trigger,{asChild:!0,className:`group`,children:l(n,{icon:e??l(t,{svg:l(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,intent:`neutral`,size:o,...r})})};p.displayName=`SplitButtonMenuTrigger`;const m=({align:e=`end`,...t})=>l(i.Content,{align:e,...t});m.displayName=`SplitButtonMenuContent`;const h=({className:t,...n})=>l(i.Item,{className:e(`gap-2`,t),...n});h.displayName=`SplitButtonMenuItem`;const g={Root:d,PrimaryAction:f,MenuTrigger:p,MenuContent:m,MenuItem:h};export{g as SplitButton};

package/dist/{svg-only-BFeFS1aa.d.ts → svg-only-CdI_v82i.d.ts}

@@ -20,6 +20,6 @@ type SvgOnlyProps = Omit<SvgAttributes, "children"> & {
  * <SvgOnly svg={<ShrimpIcon />} />
  * ```
  */
-declare const SvgOnly: import("react").ForwardRefExoticComponent<Omit<SvgOnlyProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const SvgOnly: ({ className, style, svg, ref, ...props }: SvgOnlyProps) => import("react").ReactElement<SvgAttributes, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 export { SvgOnlyProps as n, SvgOnly as t };

package/dist/svg-only-d-nMCfAI.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{Children as t,cloneElement as n,isValidElement as r}from"react";import i from"tiny-invariant";const a=({className:a,style:o,svg:s,ref:c,...l})=>(i(r(s)&&t.only(s),`SvgOnly must be passed a single SVG icon as a JSX tag.`),n(s,{"data-slot":`svg-only`,...l,className:e(`shrink-0`,a,s.props.className),style:{...o,...s.props.style},ref:c}));export{a as t};

package/dist/switch.d.ts

@@ -1,5 +1,13 @@
 import { o as WithValidation } from "./validation-7QeiTFwl.js";
+import { ComponentProps } from "react";
+import { Root } from "@radix-ui/react-switch";
 //#region src/components/switch/switch.d.ts
+type SwitchProps = ComponentProps<typeof Root> & WithValidation & {
+  /**
+   * Makes the switch immutable, meaning the user can not edit the control.
+   */
+  readOnly?: boolean;
+};
 /**
  * A form control that allows the user to toggle between checked and not checked.
  *
@@ -19,11 +27,6 @@ import { o as WithValidation } from "./validation-7QeiTFwl.js";
  * </form>
  * ```
  */
-declare const Switch: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & WithValidation & {
-  /**
-   * Makes the switch immutable, meaning the user can not edit the control.
-   */
-  readOnly?: boolean;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Switch: ({ "aria-invalid": _ariaInvalid, "aria-readonly": _ariaReadOnly, className, readOnly: _readOnly, onClick, ref, validation: _validation, ...props }: SwitchProps) => import("react").JSX.Element;
 //#endregion
 export { Switch };

package/dist/switch.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./booleanish-BfvnW6vy.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{a as r,r as i}from"./validation-Bpptk_9t.js";import{forwardRef as a}from"react";import{jsx as o}from"react/jsx-runtime";import{Root as s,Thumb as c}from"@radix-ui/react-switch";const l=a(({"aria-invalid":a,"aria-readonly":l,className:u,readOnly:d,onClick:f,validation:p,...m},h)=>{let g=t(d??l),_=r(),{ariaInvalid:v,validation:y}=i({"aria-invalid":a,validation:p??_});return o(s,{"aria-invalid":v,"aria-readonly":g,"data-slot":`switch`,"data-validation":y||void 0,className:e(`peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full outline-hidden`,`disabled:cursor-default disabled:opacity-50`,`focus-visible:border-accent-600 focus-visible:ring-focus-accent focus-visible:outline-hidden focus-visible:ring-4`,`data-state-checked:bg-accent-600 data-state-unchecked:bg-gray-400`,`data-validation-success:data-state-checked:bg-success-600 focus-visible:data-validation-success:ring-focus-success`,`data-validation-warning:data-state-checked:bg-warning-600 focus-visible:data-validation-warning:ring-focus-warning`,`data-validation-error:data-state-checked:bg-danger-600 focus-visible:data-validation-error:ring-focus-danger`,u),onClick:e=>{if(g){e.preventDefault(),e.stopPropagation();return}f?.(e)},ref:h,...m,children:o(c,{className:n(`pointer-events-none block size-4 rounded-full bg-[#fff] shadow-md ring-0 transition-transform`,`data-state-checked:translate-x-4.5 data-state-unchecked:translate-x-0.5`)})})});l.displayName=`Switch`;export{l as Switch};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./booleanish-BfvnW6vy.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{a as r,r as i}from"./validation-Bpptk_9t.js";import{jsx as a}from"react/jsx-runtime";import{Root as o,Thumb as s}from"@radix-ui/react-switch";const c=({"aria-invalid":c,"aria-readonly":l,className:u,readOnly:d,onClick:f,ref:p,validation:m,...h})=>{let g=t(d??l),_=r(),{ariaInvalid:v,validation:y}=i({"aria-invalid":c,validation:m??_});return a(o,{"aria-invalid":v,"aria-readonly":g,"data-slot":`switch`,"data-validation":y||void 0,className:e(`peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full outline-hidden`,`disabled:cursor-default disabled:opacity-50`,`focus-visible:border-accent-600 focus-visible:ring-focus-accent focus-visible:outline-hidden focus-visible:ring-4`,`data-state-checked:bg-accent-600 data-state-unchecked:bg-gray-400`,`data-validation-success:data-state-checked:bg-success-600 focus-visible:data-validation-success:ring-focus-success`,`data-validation-warning:data-state-checked:bg-warning-600 focus-visible:data-validation-warning:ring-focus-warning`,`data-validation-error:data-state-checked:bg-danger-600 focus-visible:data-validation-error:ring-focus-danger`,u),onClick:e=>{if(g){e.preventDefault(),e.stopPropagation();return}f?.(e)},ref:p,...h,children:a(s,{className:n(`pointer-events-none block size-4 rounded-full bg-[#fff] shadow-md ring-0 transition-transform`,`data-state-checked:translate-x-4.5 data-state-unchecked:translate-x-0.5`)})})};export{c as Switch};