@uselets/ui 1.20.3 → 2.0.0

package/dist/components/tooltip.d.ts

@@ -1,21 +1,28 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { Tooltip as Tooltip$1 } from "radix-ui";
+import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 //#region src/components/tooltip.d.ts
 export type TooltipProviderProps = React.ComponentProps<typeof Tooltip$1.Provider>;
 export type TooltipRootProps = React.ComponentProps<typeof Tooltip$1.Root>;
-export type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
-export type TooltipContentProps = React.ComponentProps<typeof Tooltip$1.Content>;
-export type TooltipProps = Omit<TooltipRootProps, 'children'> & Omit<TooltipContentProps, 'children'> & {
+export type TooltipTriggerProps = AsChildPrimitiveProps<typeof Tooltip$1.Trigger>;
+export type TooltipContentProps = AsChildPrimitiveProps<typeof Tooltip$1.Popup> & Pick<React.ComponentProps<typeof Tooltip$1.Positioner>, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'> & Pick<React.ComponentProps<typeof Tooltip$1.Portal>, 'keepMounted'>;
+export type TooltipProps = Pick<TooltipRootProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'onOpenChangeComplete' | 'disableHoverablePopup' | 'trackCursorAxis' | 'actionsRef'> & Omit<TooltipContentProps, 'children'> & Pick<TooltipTriggerProps, 'delay' | 'closeDelay'> & {
+  /** The trigger. Must be a single element that accepts a ref and event handlers. */
   children?: React.ReactNode;
+  /** Tooltip content. */
   label?: React.ReactNode;
+  /**
+   * Renders only the trigger, without a tooltip.
+   * @default false
+   */
   disabled?: boolean;
 };
-declare function TooltipProvider({ delayDuration, ...props }: TooltipProviderProps): React.JSX.Element;
+declare function TooltipProvider({ delay, ...props }: TooltipProviderProps): React.JSX.Element;
 declare function TooltipRoot({ ...props }: TooltipRootProps): React.JSX.Element;
-declare function Tooltip({ label, children, disabled, open, defaultOpen, onOpenChange, delayDuration, disableHoverableContent, ...contentProps }: TooltipProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
-declare function TooltipTrigger({ ...props }: TooltipTriggerProps): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): React.JSX.Element;
+declare function Tooltip({ label, children, disabled, open, defaultOpen, onOpenChange, onOpenChangeComplete, disableHoverablePopup, trackCursorAxis, actionsRef, delay, closeDelay, ...contentProps }: TooltipProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
+declare function TooltipTrigger({ asChild, children, ...props }: TooltipTriggerProps): React.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, sticky, keepMounted, children, asChild, ...props }: TooltipContentProps): React.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Tooltip as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function TooltipProvider({delayDuration:e=0,...r}){return n(t.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...r})}function TooltipRoot({...e}){return n(t.Root,{"data-slot":`tooltip-root`,...e})}function Tooltip({label:e,children:t,disabled:i=!1,open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,...u}){return i?t:r(TooltipRoot,{open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,children:[n(TooltipTrigger,{asChild:!0,children:t}),n(TooltipContent,{...u,children:e})]})}function TooltipTrigger({...e}){return n(t.Trigger,{"data-slot":`tooltip-trigger`,...e})}function TooltipContent({className:i,sideOffset:a=0,children:o,...s}){return n(t.Portal,{children:r(t.Content,{"data-slot":`tooltip-content`,sideOffset:a,className:e(`bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)`,`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95`,`data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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`,i),...s,children:[o,n(t.Arrow,{className:`size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]`})]})})}export{Tooltip,TooltipContent,TooltipProvider,TooltipRoot,TooltipTrigger};
+import"../rolldown-runtime-BhWHdk3m.js";import{toAsChildRenderProps as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{t as n}from"../resolve-class-name-BurP8ngI.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Tooltip as a}from"@base-ui/react/tooltip";function TooltipProvider({delay:e=0,...t}){return/* @__PURE__ */ r(a.Provider,{"data-slot":`tooltip-provider`,delay:e,...t})}function TooltipRoot({...e}){return/* @__PURE__ */ r(a.Root,{"data-slot":`tooltip-root`,...e})}function Tooltip({label:e,children:t,disabled:n=!1,open:a,defaultOpen:o,onOpenChange:s,onOpenChangeComplete:c,disableHoverablePopup:l,trackCursorAxis:u,actionsRef:d,delay:f,closeDelay:p,...m}){return n?t:/* @__PURE__ */ i(TooltipRoot,{open:a,defaultOpen:o,onOpenChange:s,onOpenChangeComplete:c,disableHoverablePopup:l,trackCursorAxis:u,actionsRef:d,children:[/* @__PURE__ */ r(TooltipTrigger,{asChild:!0,delay:f,closeDelay:p,children:t}),/* @__PURE__ */ r(TooltipContent,{...m,children:e})]})}function TooltipTrigger({asChild:t,children:n,...i}){return/* @__PURE__ */ r(a.Trigger,{"data-slot":`tooltip-trigger`,...i,...e(t,n)})}function TooltipContent({className:o,side:s=`top`,sideOffset:c=0,align:l=`center`,alignOffset:u=0,sticky:d,keepMounted:f,children:p,asChild:m,...h}){return/* @__PURE__ */ r(a.Portal,{keepMounted:f,children:/* @__PURE__ */ r(a.Positioner,{side:s,sideOffset:c,align:l,alignOffset:u,sticky:d,className:`isolate z-50`,children:/* @__PURE__ */ i(a.Popup,{"data-slot":`tooltip-content`,role:`tooltip`,className:e=>t(`bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--transform-origin)`,`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95`,`data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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`,n(o,e)),...h,...e(m,p),children:[!m&&p,!m&&/* @__PURE__ */ r(a.Arrow,{"data-slot":`tooltip-arrow`,className:t(`size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]`,`data-[side=top]:-bottom-2.5 data-[side=bottom]:top-1`,`data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2`,`data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2`)})]})})})}export{Tooltip,TooltipContent,TooltipProvider,TooltipRoot,TooltipTrigger};
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>\n\nexport type TooltipRootProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content>\n\nexport type TooltipProps = Omit<TooltipRootProps, 'children'> &\n  Omit<TooltipContentProps, 'children'> & {\n    children?: React.ReactNode\n    label?: React.ReactNode\n    disabled?: boolean\n  }\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction TooltipRoot({ ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip-root\" {...props} />\n}\n\nfunction Tooltip({\n  label,\n  children,\n  disabled = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...contentProps\n}: TooltipProps) {\n  if (disabled) {\n    return children\n  }\n\n  return (\n    <TooltipRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <TooltipTrigger asChild>{children}</TooltipTrigger>\n      <TooltipContent {...contentProps}>{label}</TooltipContent>\n    </TooltipRoot>\n  )\n}\n\nfunction TooltipTrigger({ ...props }: TooltipTriggerProps) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({ className, sideOffset = 0, children, ...props }: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)',\n          'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          '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',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger }\n"],"mappings":"kKAqBA,SAAS,gBAAgB,CAAE,gBAAgB,EAAG,GAAG,GAA+B,CAC9E,OAAO,EAACA,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,CAAQ,CAAA,CAC3G,CAEA,SAAS,YAAY,CAAE,GAAG,GAA2B,CACnD,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,QAAQ,CACf,QACA,WACA,WAAW,GACX,OACA,cACA,eACA,gBACA,0BACA,GAAG,GACY,CAKf,OAJI,EACK,EAIP,EAAC,YAAD,CACQ,OACO,cACC,eACC,gBACU,0BAL3B,SAAA,CAOE,EAAC,eAAD,CAAgB,QAAA,GAAS,UAAyB,CAAA,EAClD,EAAC,eAAD,CAAgB,GAAI,EAAe,SAAA,CAAsB,CAAA,CAC9C,GAEjB,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAACA,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,eAAe,CAAE,YAAW,aAAa,EAAG,WAAU,GAAG,GAA8B,CAC9F,OACE,EAACA,EAAiB,OAAlB,CAAA,SACE,EAACA,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EACT,qIACA,8KACA,yEACA,8JACA,CACF,EACA,GAAI,EAVN,SAAA,CAYG,EACD,EAACA,EAAiB,MAAlB,CAAwB,UAAU,kGAAoG,CAAA,CAC9G,CACH,CAAA,CAAA,CAAA,CAE7B"}
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","resolveClassName","Tooltip$1","props","contentProps","disabled","children","label","toAsChildRenderProps","asChild","cn","className","state"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>\n\nexport type TooltipRootProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport type TooltipTriggerProps = AsChildPrimitiveProps<typeof TooltipPrimitive.Trigger>\n\nexport type TooltipContentProps = AsChildPrimitiveProps<typeof TooltipPrimitive.Popup> &\n  Pick<\n    React.ComponentProps<typeof TooltipPrimitive.Positioner>,\n    'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'\n  > &\n  Pick<React.ComponentProps<typeof TooltipPrimitive.Portal>, 'keepMounted'>\n\nexport type TooltipProps = Pick<\n  TooltipRootProps,\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'onOpenChangeComplete'\n  | 'disableHoverablePopup'\n  | 'trackCursorAxis'\n  | 'actionsRef'\n> &\n  Omit<TooltipContentProps, 'children'> &\n  Pick<TooltipTriggerProps, 'delay' | 'closeDelay'> & {\n    /** The trigger. Must be a single element that accepts a ref and event handlers. */\n    children?: React.ReactNode\n    /** Tooltip content. */\n    label?: React.ReactNode\n    /**\n     * Renders only the trigger, without a tooltip.\n     * @default false\n     */\n    disabled?: boolean\n  }\n\nfunction TooltipProvider({ delay = 0, ...props }: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delay={delay} {...props} />\n}\n\nfunction TooltipRoot({ ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip-root\" {...props} />\n}\n\nfunction Tooltip({\n  label,\n  children,\n  disabled = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  onOpenChangeComplete,\n  disableHoverablePopup,\n  trackCursorAxis,\n  actionsRef,\n  delay,\n  closeDelay,\n  ...contentProps\n}: TooltipProps) {\n  if (disabled) {\n    return children\n  }\n\n  return (\n    <TooltipRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      onOpenChangeComplete={onOpenChangeComplete}\n      disableHoverablePopup={disableHoverablePopup}\n      trackCursorAxis={trackCursorAxis}\n      actionsRef={actionsRef}\n    >\n      <TooltipTrigger asChild delay={delay} closeDelay={closeDelay}>\n        {children}\n      </TooltipTrigger>\n      <TooltipContent {...contentProps}>{label}</TooltipContent>\n    </TooltipRoot>\n  )\n}\n\nfunction TooltipTrigger({ asChild, children, ...props }: TooltipTriggerProps) {\n  return (\n    <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n  )\n}\n\nfunction TooltipContent({\n  className,\n  side = 'top',\n  sideOffset = 0,\n  align = 'center',\n  alignOffset = 0,\n  sticky,\n  keepMounted,\n  children,\n  asChild,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal keepMounted={keepMounted}>\n      <TooltipPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          role=\"tooltip\"\n          className={(state) =>\n            cn(\n              'bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--transform-origin)',\n              'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95',\n              'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n              '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',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        >\n          {!asChild && children}\n          {!asChild && (\n            <TooltipPrimitive.Arrow\n              data-slot=\"tooltip-arrow\"\n              className={cn(\n                'size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]',\n                'data-[side=top]:-bottom-2.5 data-[side=bottom]:top-1',\n                'data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2',\n                'data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2'\n              )}\n            />\n          )}\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger }\n"],"mappings":"gSA4CA,SAAS,gBAAgB,CAAE,QAAQ,EAAG,GAAGG,GAA+B,CACtE,MAAO,kBAACH,EAAiB,SAAlB,CAA2B,YAAU,mBAA0B,QAAO,GAAIG,CAAQ,CAAA,CAC3F,CAEA,SAAS,YAAY,CAAE,GAAGA,GAA2B,CACnD,MAAO,kBAACH,EAAiB,KAAlB,CAAuB,YAAU,eAAe,GAAIG,CAAQ,CAAA,CACrE,CAEA,SAAS,QAAQ,CACf,QACA,WACA,WAAW,GACX,OACA,cACA,eACA,uBACA,wBACA,kBACA,aACA,QACA,aACA,GAAGC,GACY,CAKf,OAJIC,EACKC,EAIP,kBAAC,YAAD,CACQ,OACO,cACC,eACQ,uBACC,wBACN,kBACL,aAPd,SAAA,CASE,kBAAC,eAAD,CAAgB,QAAA,GAAe,QAAmB,aAC/C,UACa,CAAA,EAChB,kBAAC,eAAD,CAAgB,GAAIF,EAAe,SAAAG,CAAsB,CAAA,CAC9C,GAEjB,CAEA,SAAS,eAAe,CAAE,UAAS,WAAU,GAAGJ,GAA8B,CAC5E,MACE,kBAACH,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAIG,EAAO,GAAIK,EAAqBC,EAASH,CAAQ,CAAI,CAAA,CAEnH,CAEA,SAAS,eAAe,CACtB,YACA,OAAO,MACP,aAAa,EACb,QAAQ,SACR,cAAc,EACd,SACA,cACA,WACA,UACA,GAAGH,GACmB,CACtB,MACE,kBAACH,EAAiB,OAAlB,CAAsC,cACpC,SAAA,kBAACA,EAAiB,WAAlB,CACQ,OACM,aACL,QACM,cACL,SACR,UAAU,eAEV,SAAA,kBAACA,EAAiB,MAAlB,CACE,YAAU,kBACV,KAAK,UACL,UAAY,GACVU,EACE,+GACA,gEACA,yEACA,8JACAT,EAAiBU,EAAWC,CAAK,CACnC,EAEF,GAAIT,EACJ,GAAIK,EAAqBC,EAASH,CAAQ,EAb5C,SAAA,CAeG,CAACG,GAAWH,EACZ,CAACG,GACA,kBAACT,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAWU,EACT,mGACA,uDACA,wFACA,yFACF,CACD,CAAA,CAEmB,GACG,CAAA,CACN,CAAA,CAE7B"}

package/dist/components/unstyled-button.d.ts

@@ -1,10 +1,8 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import * as React from "react";
+import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
 //#region src/components/unstyled-button.d.ts
-export type UnstyledButtonProps = React.ComponentProps<'button'> & {
-  asChild?: boolean;
-};
-declare function UnstyledButton({ className, type, asChild, ...props }: UnstyledButtonProps): React.JSX.Element;
+export type UnstyledButtonProps = AsChildProps<'button'>;
+declare function UnstyledButton({ className, type, asChild, ...props }: UnstyledButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 export { UnstyledButton };
 //# sourceMappingURL=unstyled-button.d.ts.map

package/dist/components/unstyled-button.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function UnstyledButton({className:r,type:i=`button`,asChild:a=!1,...o}){let s=a?t.Root:`button`;return n(s,{type:a?void 0:i,"data-slot":`unstyled-button`,className:e(`inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none`,`cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50`,`focus-visible:ring-3 focus-visible:ring-ring/50`,r),...o})}export{UnstyledButton};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";function UnstyledButton({className:n,type:r=`button`,asChild:i=!1,...a}){return e(`button`,{asChild:i,type:i?void 0:r,"data-slot":`unstyled-button`,className:t(`inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none`,`cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50`,`focus-visible:ring-3 focus-visible:ring-ring/50`,n),...a})}export{UnstyledButton};
 //# sourceMappingURL=unstyled-button.js.map

package/dist/components/unstyled-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"unstyled-button.js","names":[],"sources":["../../src/components/unstyled-button.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type UnstyledButtonProps = React.ComponentProps<'button'> & {\n  asChild?: boolean\n}\n\nfunction UnstyledButton({ className, type = 'button', asChild = false, ...props }: UnstyledButtonProps) {\n  const Comp = asChild ? Slot.Root : 'button'\n\n  return (\n    <Comp\n      type={!asChild ? type : undefined}\n      data-slot=\"unstyled-button\"\n      className={cn(\n        'inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none',\n        'cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50',\n        'focus-visible:ring-3 focus-visible:ring-ring/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { UnstyledButton }\n"],"mappings":"qJAUA,SAAS,eAAe,CAAE,YAAW,OAAO,SAAU,UAAU,GAAO,GAAG,GAA8B,CACtG,IAAM,EAAO,EAAU,EAAK,KAAO,SAEnC,OACE,EAAC,EAAD,CACE,KAAO,EAAiB,IAAA,GAAP,EACjB,YAAU,kBACV,UAAW,EACT,+HACA,8EACA,kDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"unstyled-button.js","names":["props","useAsChild","asChild","type","cn","className"],"sources":["../../src/components/unstyled-button.tsx"],"sourcesContent":["import { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nexport type UnstyledButtonProps = AsChildProps<'button'>\n\nfunction UnstyledButton({ className, type = 'button', asChild = false, ...props }: UnstyledButtonProps) {\n  return useAsChild('button', {\n    asChild,\n    type: !asChild ? type : undefined,\n    'data-slot': 'unstyled-button',\n    className: cn(\n      'inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none',\n      'cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50',\n      'focus-visible:ring-3 focus-visible:ring-ring/50',\n      className\n    ),\n    ...props\n  })\n}\n\nexport { UnstyledButton }\n"],"mappings":"6HAKA,SAAS,eAAe,CAAE,YAAW,OAAO,SAAU,UAAU,GAAO,GAAGA,GAA8B,CACtG,OAAOC,EAAW,SAAU,CAC1B,UACA,KAAOC,EAAiB,IAAA,GAAPC,EACjB,YAAa,kBACb,UAAWC,EACT,+HACA,8EACA,kDACAC,CACF,EACA,GAAGL,CACL,CAAC,CACH"}

package/dist/components/visibility.d.ts

@@ -3,11 +3,13 @@ import { Breakpoint } from "../hooks/use-breakpoint.js";
 //#region src/components/visibility.d.ts
 type VisibilityBreakpoint = Exclude<Breakpoint, 'base'>;
 export type HiddenFromProps = React.ComponentProps<'div'> & {
+  /** Breakpoint from which the children are hidden. */
   breakpoint: VisibilityBreakpoint;
   children?: React.ReactNode;
 };
 declare function HiddenFrom({ breakpoint, children }: HiddenFromProps): import("react").JSX.Element;
 export type VisibleFromProps = {
+  /** Breakpoint from which the children are shown. */
   breakpoint: VisibilityBreakpoint;
   children?: React.ReactNode;
 };

package/dist/components/visibility.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{useBreakpoint as e}from"../hooks/use-breakpoint.js";import{jsx as t}from"react/jsx-runtime";import{Activity as n}from"react";function HiddenFrom({breakpoint:r,children:i}){let a=e(r);return t(n,{mode:a?`hidden`:`visible`,children:i})}function VisibleFrom({breakpoint:r,children:i}){let a=e(r);return t(n,{mode:a?`visible`:`hidden`,children:i})}export{HiddenFrom,VisibleFrom};
+import"../rolldown-runtime-BhWHdk3m.js";import{useBreakpoint as e}from"../hooks/use-breakpoint.js";import{Activity as t}from"react";import{jsx as n}from"react/jsx-runtime";function HiddenFrom({breakpoint:r,children:i}){let a=e(r);return/* @__PURE__ */ n(t,{mode:a?`hidden`:`visible`,children:i})}function VisibleFrom({breakpoint:r,children:i}){let a=e(r);return/* @__PURE__ */ n(t,{mode:a?`visible`:`hidden`,children:i})}export{HiddenFrom,VisibleFrom};
 //# sourceMappingURL=visibility.js.map

package/dist/components/visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"visibility.js","names":[],"sources":["../../src/components/visibility.tsx"],"sourcesContent":["import { Activity } from 'react'\n\nimport { type Breakpoint, useBreakpoint } from '../hooks/use-breakpoint'\n\ntype VisibilityBreakpoint = Exclude<Breakpoint, 'base'>\n\nexport type HiddenFromProps = React.ComponentProps<'div'> & {\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction HiddenFrom({ breakpoint, children }: HiddenFromProps) {\n  const isHidden = useBreakpoint(breakpoint)\n\n  return <Activity mode={isHidden ? 'hidden' : 'visible'}>{children}</Activity>\n}\n\nexport type VisibleFromProps = {\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction VisibleFrom({ breakpoint, children }: VisibleFromProps) {\n  const isVisible = useBreakpoint(breakpoint)\n\n  return <Activity mode={isVisible ? 'visible' : 'hidden'}>{children}</Activity>\n}\n\nexport { HiddenFrom, VisibleFrom }\n"],"mappings":"4KAWA,SAAS,WAAW,CAAE,aAAY,YAA6B,CAC7D,IAAM,EAAW,EAAc,CAAU,EAEzC,OAAO,EAAC,EAAD,CAAU,KAAM,EAAW,SAAW,UAAY,UAAmB,CAAA,CAC9E,CAOA,SAAS,YAAY,CAAE,aAAY,YAA8B,CAC/D,IAAM,EAAY,EAAc,CAAU,EAE1C,OAAO,EAAC,EAAD,CAAU,KAAM,EAAY,UAAY,SAAW,UAAmB,CAAA,CAC/E"}
+{"version":3,"file":"visibility.js","names":["isHidden","useBreakpoint","breakpoint","Activity","isVisible"],"sources":["../../src/components/visibility.tsx"],"sourcesContent":["import { Activity } from 'react'\n\nimport { type Breakpoint, useBreakpoint } from '../hooks/use-breakpoint'\n\ntype VisibilityBreakpoint = Exclude<Breakpoint, 'base'>\n\nexport type HiddenFromProps = React.ComponentProps<'div'> & {\n  /** Breakpoint from which the children are hidden. */\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction HiddenFrom({ breakpoint, children }: HiddenFromProps) {\n  const isHidden = useBreakpoint(breakpoint)\n\n  return <Activity mode={isHidden ? 'hidden' : 'visible'}>{children}</Activity>\n}\n\nexport type VisibleFromProps = {\n  /** Breakpoint from which the children are shown. */\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction VisibleFrom({ breakpoint, children }: VisibleFromProps) {\n  const isVisible = useBreakpoint(breakpoint)\n\n  return <Activity mode={isVisible ? 'visible' : 'hidden'}>{children}</Activity>\n}\n\nexport { HiddenFrom, VisibleFrom }\n"],"mappings":"4KAYA,SAAS,WAAW,CAAE,aAAY,YAA6B,CAC7D,IAAMA,EAAWC,EAAcC,CAAU,EAEzC,MAAO,kBAACC,EAAD,CAAU,KAAMH,EAAW,SAAW,UAAY,UAAmB,CAAA,CAC9E,CAQA,SAAS,YAAY,CAAE,aAAY,YAA8B,CAC/D,IAAMI,EAAYH,EAAcC,CAAU,EAE1C,MAAO,kBAACC,EAAD,CAAU,KAAMC,EAAY,UAAY,SAAW,UAAmB,CAAA,CAC/E"}

package/dist/hooks/use-breakpoint-value.d.ts

@@ -2,6 +2,7 @@ import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { Breakpoint } from "./use-breakpoint.js";
 //#region src/hooks/use-breakpoint-value.d.ts
 export type ResponsiveValueMap<T> = Partial<Record<Breakpoint, T>>;
+/** Returns the value of the largest active breakpoint in `values`, or `undefined` when none matches. */
 export declare function useBreakpointValue<T>(values: ResponsiveValueMap<T>): T | undefined;
 //#endregion
 //# sourceMappingURL=use-breakpoint-value.d.ts.map

package/dist/hooks/use-breakpoint-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-value.js","names":[],"sources":["../../src/hooks/use-breakpoint-value.ts"],"sourcesContent":["import type { Breakpoint } from './use-breakpoint'\nimport { useBreakpoint } from './use-breakpoint'\n\nexport type ResponsiveValueMap<T> = Partial<Record<Breakpoint, T>>\n\nconst breakpointOrder = ['base', 'sm', 'md', 'lg', 'xl', '2xl'] as const satisfies readonly Breakpoint[]\n\nexport function useBreakpointValue<T>(values: ResponsiveValueMap<T>) {\n  const activeBreakpoints = {\n    base: useBreakpoint('base'),\n    sm: useBreakpoint('sm'),\n    md: useBreakpoint('md'),\n    lg: useBreakpoint('lg'),\n    xl: useBreakpoint('xl'),\n    '2xl': useBreakpoint('2xl')\n  }\n\n  let value = values.base\n\n  for (const breakpoint of breakpointOrder) {\n    if (activeBreakpoints[breakpoint] && values[breakpoint] !== undefined) {\n      value = values[breakpoint]\n    }\n  }\n\n  return value\n}\n"],"mappings":"4FAKA,MAAM,EAAkB,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,KAAK,EAE9D,SAAgB,mBAAsB,EAA+B,CACnE,IAAM,EAAoB,CACxB,KAAM,EAAc,MAAM,EAC1B,GAAI,EAAc,IAAI,EACtB,GAAI,EAAc,IAAI,EACtB,GAAI,EAAc,IAAI,EACtB,GAAI,EAAc,IAAI,EACtB,MAAO,EAAc,KAAK,CAC5B,EAEI,EAAQ,EAAO,KAEnB,IAAK,IAAM,KAAc,EACnB,EAAkB,IAAe,EAAO,KAAgB,IAAA,KAC1D,EAAQ,EAAO,IAInB,OAAO,CACT"}
+{"version":3,"file":"use-breakpoint-value.js","names":["breakpointOrder","activeBreakpoints","useBreakpoint","value","values","breakpoint"],"sources":["../../src/hooks/use-breakpoint-value.ts"],"sourcesContent":["import type { Breakpoint } from './use-breakpoint'\nimport { useBreakpoint } from './use-breakpoint'\n\nexport type ResponsiveValueMap<T> = Partial<Record<Breakpoint, T>>\n\nconst breakpointOrder = ['base', 'sm', 'md', 'lg', 'xl', '2xl'] as const satisfies readonly Breakpoint[]\n\n/** Returns the value of the largest active breakpoint in `values`, or `undefined` when none matches. */\nexport function useBreakpointValue<T>(values: ResponsiveValueMap<T>) {\n  const activeBreakpoints = {\n    base: useBreakpoint('base'),\n    sm: useBreakpoint('sm'),\n    md: useBreakpoint('md'),\n    lg: useBreakpoint('lg'),\n    xl: useBreakpoint('xl'),\n    '2xl': useBreakpoint('2xl')\n  }\n\n  let value = values.base\n\n  for (const breakpoint of breakpointOrder) {\n    if (activeBreakpoints[breakpoint] && values[breakpoint] !== undefined) {\n      value = values[breakpoint]\n    }\n  }\n\n  return value\n}\n"],"mappings":"4FAKA,MAAMA,EAAkB,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,KAAK,EAG9D,SAAgB,mBAAsB,EAA+B,CACnE,IAAMC,EAAoB,CACxB,KAAMC,EAAc,MAAM,EAC1B,GAAIA,EAAc,IAAI,EACtB,GAAIA,EAAc,IAAI,EACtB,GAAIA,EAAc,IAAI,EACtB,GAAIA,EAAc,IAAI,EACtB,MAAOA,EAAc,KAAK,CAC5B,EAEIC,EAAQC,EAAO,KAEnB,IAAK,IAAMC,KAAcL,EACnBC,EAAkBI,IAAeD,EAAOC,KAAgB,IAAA,KAC1D,EAAQD,EAAOC,IAInB,OAAOF,CACT"}

package/dist/hooks/use-breakpoint.d.ts

@@ -2,6 +2,7 @@ import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/hooks/use-breakpoint.d.ts
 export type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export declare const breakpointValues: Record<Exclude<Breakpoint, 'base'>, number>;
+/** Returns whether the viewport is at or above the given Tailwind breakpoint. */
 export declare function useBreakpoint(breakpoint: Breakpoint): boolean;
 //#endregion
 //# sourceMappingURL=use-breakpoint.d.ts.map

package/dist/hooks/use-breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint.js","names":[],"sources":["../../src/hooks/use-breakpoint.ts"],"sourcesContent":["import * as React from 'react'\n\nexport type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport const breakpointValues: Record<Exclude<Breakpoint, 'base'>, number> = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536\n}\n\nexport function useBreakpoint(breakpoint: Breakpoint) {\n  const [matches, setMatches] = React.useState(breakpoint === 'base')\n\n  React.useEffect(() => {\n    if (breakpoint === 'base') {\n      setMatches(true)\n      return\n    }\n\n    const mql = window.matchMedia(`(min-width: ${breakpointValues[breakpoint]}px)`)\n    const onChange = () => {\n      setMatches(mql.matches)\n    }\n\n    mql.addEventListener('change', onChange)\n    setMatches(mql.matches)\n\n    return () => mql.removeEventListener('change', onChange)\n  }, [breakpoint])\n\n  return breakpoint === 'base' || matches\n}\n"],"mappings":"gEAIA,MAAa,EAAgE,CAC3E,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,KACJ,MAAO,IACT,EAEA,SAAgB,cAAc,EAAwB,CACpD,GAAM,CAAC,EAAS,GAAc,EAAM,SAAS,IAAe,MAAM,EAmBlE,OAjBA,EAAM,cAAgB,CACpB,GAAI,IAAe,OAAQ,CACzB,EAAW,EAAI,EACf,MACF,CAEA,IAAM,EAAM,OAAO,WAAW,eAAe,EAAiB,GAAY,IAAI,EACxE,aAAiB,CACrB,EAAW,EAAI,OAAO,CACxB,EAKA,OAHA,EAAI,iBAAiB,SAAU,QAAQ,EACvC,EAAW,EAAI,OAAO,MAET,EAAI,oBAAoB,SAAU,QAAQ,CACzD,EAAG,CAAC,CAAU,CAAC,EAER,IAAe,QAAU,CAClC"}
+{"version":3,"file":"use-breakpoint.js","names":["React","breakpointValues","matches","setMatches","breakpoint","mql"],"sources":["../../src/hooks/use-breakpoint.ts"],"sourcesContent":["import * as React from 'react'\n\nexport type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport const breakpointValues: Record<Exclude<Breakpoint, 'base'>, number> = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536\n}\n\n/** Returns whether the viewport is at or above the given Tailwind breakpoint. */\nexport function useBreakpoint(breakpoint: Breakpoint) {\n  const [matches, setMatches] = React.useState(breakpoint === 'base')\n\n  React.useEffect(() => {\n    if (breakpoint === 'base') {\n      setMatches(true)\n      return\n    }\n\n    const mql = window.matchMedia(`(min-width: ${breakpointValues[breakpoint]}px)`)\n    const onChange = () => {\n      setMatches(mql.matches)\n    }\n\n    mql.addEventListener('change', onChange)\n    setMatches(mql.matches)\n\n    return () => mql.removeEventListener('change', onChange)\n  }, [breakpoint])\n\n  return breakpoint === 'base' || matches\n}\n"],"mappings":"gEAIA,MAAaC,EAAgE,CAC3E,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,KACJ,MAAO,IACT,EAGA,SAAgB,cAAc,EAAwB,CACpD,GAAM,CAACC,EAASC,GAAcH,EAAM,SAASI,IAAe,MAAM,EAmBlE,OAjBAJ,EAAM,cAAgB,CACpB,GAAII,IAAe,OAAQ,CACzBD,EAAW,EAAI,EACf,MACF,CAEA,IAAME,EAAM,OAAO,WAAW,eAAeJ,EAAiBG,GAAY,IAAI,EACxE,aAAiB,CACrBD,EAAWE,EAAI,OAAO,CACxB,EAKA,OAHAA,EAAI,iBAAiB,SAAU,QAAQ,EACvCF,EAAWE,EAAI,OAAO,MAETA,EAAI,oBAAoB,SAAU,QAAQ,CACzD,EAAG,CAACD,CAAU,CAAC,EAERA,IAAe,QAAUF,CAClC"}

package/dist/hooks/use-disclosure.d.ts

@@ -1,7 +1,9 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/hooks/use-disclosure.d.ts
 export type UseDisclosureOptions = {
+  /** Called when the state changes to open. */
   onOpen?: () => void;
+  /** Called when the state changes to closed. */
   onClose?: () => void;
 };
 export type UseDisclosureHandlers = {
@@ -11,6 +13,7 @@ export type UseDisclosureHandlers = {
   toggle: () => void;
 };
 export type UseDisclosureReturnValue = [boolean, UseDisclosureHandlers];
+/** Open/close state with `open`, `close`, `toggle` and `set` handlers. */
 export declare function useDisclosure(initialState?: boolean, options?: UseDisclosureOptions): UseDisclosureReturnValue;
 export declare namespace useDisclosure {
   type Options = UseDisclosureOptions;

package/dist/hooks/use-disclosure.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{useCallback as e,useState as t}from"react";function useDisclosure(n=!1,r={}){let[i,a]=t(n),o=e(()=>{a(e=>e||(r.onOpen?.(),!0))},[r.onOpen]),s=e(()=>{a(e=>e&&(r.onClose?.(),!1))},[r.onClose]);return[i,{open:o,close:s,toggle:e(()=>{i?s():o()},[s,o,i]),set:a}]}export{useDisclosure};
+import"../rolldown-runtime-BhWHdk3m.js";import{useCallback as e,useRef as t,useState as n}from"react";function useDisclosure(r=!1,i={}){let[a,o]=n(r),s=t(r),c=t(i);c.current=i;let l=e(e=>{s.current=e,o(e)},[]),u=e(()=>{s.current||(l(!0),c.current.onOpen?.())},[l]),d=e(()=>{s.current&&(l(!1),c.current.onClose?.())},[l]);return[a,{open:u,close:d,toggle:e(()=>{s.current?d():u()},[d,u]),set:l}]}export{useDisclosure};
 //# sourceMappingURL=use-disclosure.js.map

package/dist/hooks/use-disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-disclosure.js","names":[],"sources":["../../src/hooks/use-disclosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport type UseDisclosureOptions = {\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nexport type UseDisclosureHandlers = {\n  set: (value: boolean) => void\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n\nexport type UseDisclosureReturnValue = [boolean, UseDisclosureHandlers]\n\nexport function useDisclosure(initialState = false, options: UseDisclosureOptions = {}): UseDisclosureReturnValue {\n  const [opened, setOpened] = useState(initialState)\n\n  const open = useCallback(() => {\n    setOpened((isOpened) => {\n      if (!isOpened) {\n        options.onOpen?.()\n        return true\n      }\n      return isOpened\n    })\n  }, [options.onOpen])\n\n  const close = useCallback(() => {\n    setOpened((isOpened) => {\n      if (isOpened) {\n        options.onClose?.()\n        return false\n      }\n      return isOpened\n    })\n  }, [options.onClose])\n\n  const toggle = useCallback(() => {\n    opened ? close() : open()\n  }, [close, open, opened])\n\n  return [opened, { open, close, toggle, set: setOpened }]\n}\n\nexport namespace useDisclosure {\n  export type Options = UseDisclosureOptions\n  export type Handlers = UseDisclosureHandlers\n  export type ReturnValue = UseDisclosureReturnValue\n}\n"],"mappings":"0FAgBA,SAAgB,cAAc,EAAe,GAAO,EAAgC,CAAC,EAA6B,CAChH,GAAM,CAAC,EAAQ,GAAa,EAAS,CAAY,EAE3C,EAAO,MAAkB,CAC7B,EAAW,GACJ,IACH,EAAQ,SAAS,EACV,GAGV,CACH,EAAG,CAAC,EAAQ,MAAM,CAAC,EAEb,EAAQ,MAAkB,CAC9B,EAAW,GACL,IACF,EAAQ,UAAU,EACX,GAGV,CACH,EAAG,CAAC,EAAQ,OAAO,CAAC,EAMpB,MAAO,CAAC,EAAQ,CAAE,OAAM,QAAO,OAJhB,MAAkB,CAC/B,EAAS,EAAM,EAAI,EAAK,CAC1B,EAAG,CAAC,EAAO,EAAM,CAAM,CAEa,EAAG,IAAK,CAAU,CAAC,CACzD"}
+{"version":3,"file":"use-disclosure.js","names":["opened","setOpened","useState","initialState","openedRef","useRef","callbacksRef","options","set","useCallback","value","open","close"],"sources":["../../src/hooks/use-disclosure.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react'\n\nexport type UseDisclosureOptions = {\n  /** Called when the state changes to open. */\n  onOpen?: () => void\n  /** Called when the state changes to closed. */\n  onClose?: () => void\n}\n\nexport type UseDisclosureHandlers = {\n  set: (value: boolean) => void\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n\nexport type UseDisclosureReturnValue = [boolean, UseDisclosureHandlers]\n\n/** Open/close state with `open`, `close`, `toggle` and `set` handlers. */\nexport function useDisclosure(initialState = false, options: UseDisclosureOptions = {}): UseDisclosureReturnValue {\n  const [opened, setOpened] = useState(initialState)\n  // The callbacks run outside the state updater (React runs updaters twice in StrictMode), so the current state\n  // is tracked in a ref that every handler reads and writes synchronously.\n  const openedRef = useRef(initialState)\n  const callbacksRef = useRef(options)\n  callbacksRef.current = options\n\n  const set = useCallback((value: boolean) => {\n    openedRef.current = value\n    setOpened(value)\n  }, [])\n\n  const open = useCallback(() => {\n    if (openedRef.current) return\n    set(true)\n    callbacksRef.current.onOpen?.()\n  }, [set])\n\n  const close = useCallback(() => {\n    if (!openedRef.current) return\n    set(false)\n    callbacksRef.current.onClose?.()\n  }, [set])\n\n  const toggle = useCallback(() => {\n    openedRef.current ? close() : open()\n  }, [close, open])\n\n  return [opened, { open, close, toggle, set }]\n}\n\nexport namespace useDisclosure {\n  export type Options = UseDisclosureOptions\n  export type Handlers = UseDisclosureHandlers\n  export type ReturnValue = UseDisclosureReturnValue\n}\n"],"mappings":"sGAmBA,SAAgB,cAAc,EAAe,GAAO,EAAgC,CAAC,EAA6B,CAChH,GAAM,CAACA,EAAQC,GAAaC,EAASC,CAAY,EAG3CC,EAAYC,EAAOF,CAAY,EAC/BG,EAAeD,EAAOE,CAAO,EACnC,EAAa,QAAUA,EAEvB,IAAMC,EAAMC,EAAa,GAAmB,CAC1C,EAAU,QAAUC,EACpBT,EAAUS,CAAK,CACjB,EAAG,CAAC,CAAC,EAECC,EAAOF,MAAkB,CACzBL,EAAU,UACdI,EAAI,EAAI,EACRF,EAAa,QAAQ,SAAS,EAChC,EAAG,CAACE,CAAG,CAAC,EAEFI,EAAQH,MAAkB,CACzBL,EAAU,UACfI,EAAI,EAAK,EACTF,EAAa,QAAQ,UAAU,EACjC,EAAG,CAACE,CAAG,CAAC,EAMR,MAAO,CAACR,EAAQ,CAAE,OAAM,QAAO,OAJhBS,MAAkB,CAC/BL,EAAU,QAAUQ,EAAM,EAAID,EAAK,CACrC,EAAG,CAACC,EAAOD,CAAI,CAEqB,EAAG,KAAI,CAAC,CAC9C"}

package/dist/hooks/use-document-visibility.d.ts

@@ -1,5 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/hooks/use-document-visibility.d.ts
+/** Returns the page visibility state (`visible` or `hidden`). */
 export declare function useDocumentVisibility(): DocumentVisibilityState;
 //#endregion
 //# sourceMappingURL=use-document-visibility.d.ts.map

package/dist/hooks/use-document-visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-document-visibility.js","names":[],"sources":["../../src/hooks/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport function useDocumentVisibility(): DocumentVisibilityState {\n  const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>('visible')\n\n  useEffect(() => {\n    setDocumentVisibility(document.visibilityState)\n    const listener = () => setDocumentVisibility(document.visibilityState)\n    document.addEventListener('visibilitychange', listener)\n    return () => document.removeEventListener('visibilitychange', listener)\n  }, [])\n\n  return documentVisibility\n}\n"],"mappings":"wFAEA,SAAgB,uBAAiD,CAC/D,GAAM,CAAC,EAAoB,GAAyB,EAAkC,SAAS,EAS/F,OAPA,MAAgB,CACd,EAAsB,SAAS,eAAe,EAC9C,IAAM,aAAiB,EAAsB,SAAS,eAAe,EAErE,OADA,SAAS,iBAAiB,mBAAoB,QAAQ,MACzC,SAAS,oBAAoB,mBAAoB,QAAQ,CACxE,EAAG,CAAC,CAAC,EAEE,CACT"}
+{"version":3,"file":"use-document-visibility.js","names":["documentVisibility","setDocumentVisibility","useState","useEffect"],"sources":["../../src/hooks/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\n/** Returns the page visibility state (`visible` or `hidden`). */\nexport function useDocumentVisibility(): DocumentVisibilityState {\n  const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>('visible')\n\n  useEffect(() => {\n    setDocumentVisibility(document.visibilityState)\n    const listener = () => setDocumentVisibility(document.visibilityState)\n    document.addEventListener('visibilitychange', listener)\n    return () => document.removeEventListener('visibilitychange', listener)\n  }, [])\n\n  return documentVisibility\n}\n"],"mappings":"wFAGA,SAAgB,uBAAiD,CAC/D,GAAM,CAACA,EAAoBC,GAAyBC,EAAkC,SAAS,EAS/F,OAPAC,MAAgB,CACdF,EAAsB,SAAS,eAAe,EAC9C,IAAM,aAAiBA,EAAsB,SAAS,eAAe,EAErE,OADA,SAAS,iBAAiB,mBAAoB,QAAQ,MACzC,SAAS,oBAAoB,mBAAoB,QAAQ,CACxE,EAAG,CAAC,CAAC,EAEED,CACT"}

package/dist/hooks/use-hotkeys.d.ts

@@ -1,2 +1,2 @@
-import { i as getHotkeyHandler, n as useHotkeys, r as HotkeyItemOptions, t as HotkeyItem } from "../use-hotkeys-DOjcX9Tt.js";
+import { i as getHotkeyHandler, n as useHotkeys, r as HotkeyItemOptions, t as HotkeyItem } from "../use-hotkeys-D1_TEIwN.js";
 export { HotkeyItem, type HotkeyItemOptions, getHotkeyHandler, useHotkeys };

package/dist/hooks/use-hotkeys.js

@@ -1 +1 @@
-import{n as e,t}from"../use-hotkeys-YDJmGWX6.js";export{e as getHotkeyHandler,t as useHotkeys};
+export{n as getHotkeyHandler,t as useHotkeys}from"../use-hotkeys-YDJmGWX6.js";

package/dist/hooks/use-idle.d.ts

@@ -1,9 +1,18 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/hooks/use-idle.d.ts
 export type UseIdleOptions = {
+  /**
+   * Events that count as activity.
+   * @default ['keydown', 'mousemove', 'touchmove', 'click', 'scroll', 'wheel']
+   */
   events?: (keyof DocumentEventMap)[];
+  /**
+   * Value before any activity.
+   * @default true
+   */
   initialState?: boolean;
 };
+/** Returns `true` after `timeout` ms without user activity. */
 export declare function useIdle(timeout: number, options?: UseIdleOptions): boolean;
 export declare namespace useIdle {
   type Options = UseIdleOptions;

package/dist/hooks/use-idle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-idle.js","names":[],"sources":["../../src/hooks/use-idle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nexport type UseIdleOptions = {\n  events?: (keyof DocumentEventMap)[]\n  initialState?: boolean\n}\n\nconst DEFAULT_OPTIONS: Required<UseIdleOptions> = {\n  events: ['keydown', 'mousemove', 'touchmove', 'click', 'scroll', 'wheel'],\n  initialState: true\n}\n\nexport function useIdle(timeout: number, options?: UseIdleOptions) {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState(initialState)\n  const timer = useRef(-1)\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should not re-execute the effect when `events` changes\n  useEffect(() => {\n    const handleEvents = () => {\n      setIdle(false)\n\n      if (timer.current) {\n        window.clearTimeout(timer.current)\n      }\n\n      timer.current = window.setTimeout(() => {\n        setIdle(true)\n      }, timeout)\n    }\n\n    for (const event of events) {\n      document.addEventListener(event, handleEvents)\n    }\n\n    // Start the timer immediately instead of waiting for the first event to happen\n    timer.current = window.setTimeout(() => {\n      setIdle(true)\n    }, timeout)\n\n    return () => {\n      for (const event of events) {\n        document.removeEventListener(event, handleEvents)\n      }\n\n      window.clearTimeout(timer.current)\n      timer.current = -1\n    }\n  }, [timeout])\n\n  return idle\n}\n\nexport namespace useIdle {\n  export type Options = UseIdleOptions\n}\n"],"mappings":"oGAOA,MAAM,EAA4C,CAChD,OAAQ,CAAC,UAAW,YAAa,YAAa,QAAS,SAAU,OAAO,EACxE,aAAc,EAChB,EAEA,SAAgB,QAAQ,EAAiB,EAA0B,CACjE,GAAM,CAAE,SAAQ,gBAAiB,CAAE,GAAG,EAAiB,GAAG,CAAQ,EAC5D,CAAC,EAAM,GAAW,EAAS,CAAY,EACvC,EAAQ,EAAO,EAAE,EAmCvB,OAhCA,MAAgB,CACd,IAAM,iBAAqB,CACzB,EAAQ,EAAK,EAET,EAAM,SACR,OAAO,aAAa,EAAM,OAAO,EAGnC,EAAM,QAAU,OAAO,eAAiB,CACtC,EAAQ,EAAI,CACd,EAAG,CAAO,CACZ,EAEA,IAAK,IAAM,KAAS,EAClB,SAAS,iBAAiB,EAAO,YAAY,EAQ/C,MAJA,GAAM,QAAU,OAAO,eAAiB,CACtC,EAAQ,EAAI,CACd,EAAG,CAAO,MAEG,CACX,IAAK,IAAM,KAAS,EAClB,SAAS,oBAAoB,EAAO,YAAY,EAGlD,OAAO,aAAa,EAAM,OAAO,EACjC,EAAM,QAAU,EAClB,CACF,EAAG,CAAC,CAAO,CAAC,EAEL,CACT"}
+{"version":3,"file":"use-idle.js","names":["DEFAULT_OPTIONS","options","idle","setIdle","useState","initialState","timer","useRef","useEffect","timeout","event","events"],"sources":["../../src/hooks/use-idle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nexport type UseIdleOptions = {\n  /**\n   * Events that count as activity.\n   * @default ['keydown', 'mousemove', 'touchmove', 'click', 'scroll', 'wheel']\n   */\n  events?: (keyof DocumentEventMap)[]\n  /**\n   * Value before any activity.\n   * @default true\n   */\n  initialState?: boolean\n}\n\nconst DEFAULT_OPTIONS: Required<UseIdleOptions> = {\n  events: ['keydown', 'mousemove', 'touchmove', 'click', 'scroll', 'wheel'],\n  initialState: true\n}\n\n/** Returns `true` after `timeout` ms without user activity. */\nexport function useIdle(timeout: number, options?: UseIdleOptions) {\n  const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }\n  const [idle, setIdle] = useState(initialState)\n  const timer = useRef(-1)\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should not re-execute the effect when `events` changes\n  useEffect(() => {\n    const handleEvents = () => {\n      setIdle(false)\n\n      if (timer.current) {\n        window.clearTimeout(timer.current)\n      }\n\n      timer.current = window.setTimeout(() => {\n        setIdle(true)\n      }, timeout)\n    }\n\n    for (const event of events) {\n      document.addEventListener(event, handleEvents)\n    }\n\n    // Start the timer immediately instead of waiting for the first event to happen\n    timer.current = window.setTimeout(() => {\n      setIdle(true)\n    }, timeout)\n\n    return () => {\n      for (const event of events) {\n        document.removeEventListener(event, handleEvents)\n      }\n\n      window.clearTimeout(timer.current)\n      timer.current = -1\n    }\n  }, [timeout])\n\n  return idle\n}\n\nexport namespace useIdle {\n  export type Options = UseIdleOptions\n}\n"],"mappings":"oGAeA,MAAMA,EAA4C,CAChD,OAAQ,CAAC,UAAW,YAAa,YAAa,QAAS,SAAU,OAAO,EACxE,aAAc,EAChB,EAGA,SAAgB,QAAQ,EAAiB,EAA0B,CACjE,GAAM,CAAE,SAAQ,gBAAiB,CAAE,GAAGA,EAAiB,GAAGC,CAAQ,EAC5D,CAACC,EAAMC,GAAWC,EAASC,CAAY,EACvCC,EAAQC,EAAO,EAAE,EAmCvB,OAhCAC,MAAgB,CACd,IAAM,iBAAqB,CACzBL,EAAQ,EAAK,EAETG,EAAM,SACR,OAAO,aAAaA,EAAM,OAAO,EAGnC,EAAM,QAAU,OAAO,eAAiB,CACtCH,EAAQ,EAAI,CACd,EAAGM,CAAO,CACZ,EAEA,IAAK,IAAMC,KAASC,EAClB,SAAS,iBAAiBD,EAAO,YAAY,EAQ/C,MAJA,GAAM,QAAU,OAAO,eAAiB,CACtCP,EAAQ,EAAI,CACd,EAAGM,CAAO,MAEG,CACX,IAAK,IAAMC,KAASC,EAClB,SAAS,oBAAoBD,EAAO,YAAY,EAGlD,OAAO,aAAaJ,EAAM,OAAO,EACjC,EAAM,QAAU,EAClB,CACF,EAAG,CAACG,CAAO,CAAC,EAELP,CACT"}

package/dist/hooks/use-interval.d.ts

@@ -14,6 +14,7 @@ export type UseIntervalReturnValue = {
   /** Indicates if the interval is active */
   active: boolean;
 };
+/** Runs `fn` every `interval` ms, with `start`, `stop` and `toggle` controls. */
 export declare function useInterval(fn: () => void, interval: number, { autoInvoke }?: UseIntervalOptions): UseIntervalReturnValue;
 export declare namespace useInterval {
   type Options = UseIntervalOptions;

package/dist/hooks/use-interval.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-interval.js","names":[],"sources":["../../src/hooks/use-interval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type UseIntervalOptions = {\n  /** If set, the interval will start automatically when the component is mounted, `false` by default */\n  autoInvoke?: boolean\n}\n\nexport type UseIntervalReturnValue = {\n  /** Starts the interval */\n  start: () => void\n\n  /** Stops the interval */\n  stop: () => void\n\n  /** Toggles the interval */\n  toggle: () => void\n\n  /** Indicates if the interval is active */\n  active: boolean\n}\n\nexport function useInterval(\n  fn: () => void,\n  interval: number,\n  { autoInvoke = false }: UseIntervalOptions = {}\n): UseIntervalReturnValue {\n  const intervalRef = useRef<number | null>(null)\n  const fnRef = useRef<() => void>(null)\n  const intervalValueRef = useRef(interval)\n\n  const [active, setActive] = useState(false)\n\n  intervalValueRef.current = interval\n\n  const start = useCallback(() => {\n    setActive((old) => {\n      if (!old && !intervalRef.current) {\n        intervalRef.current = window.setInterval(fnRef.current!, intervalValueRef.current)\n      }\n      return true\n    })\n  }, [])\n\n  const stop = useCallback(() => {\n    setActive(false)\n    if (intervalRef.current) {\n      window.clearInterval(intervalRef.current)\n    }\n    intervalRef.current = null\n  }, [])\n\n  const toggle = useCallback(() => {\n    setActive((current) => {\n      if (current) {\n        if (intervalRef.current) {\n          window.clearInterval(intervalRef.current)\n        }\n        intervalRef.current = null\n        return false\n      }\n      if (!intervalRef.current) {\n        intervalRef.current = window.setInterval(fnRef.current!, intervalValueRef.current)\n      }\n      return true\n    })\n  }, [])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should includes the 'interval'\n  useEffect(() => {\n    fnRef.current = fn\n    active && start()\n    return stop\n  }, [fn, active, interval, start, stop])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should execute only once\n  useEffect(() => {\n    if (autoInvoke) {\n      start()\n    }\n  }, [start])\n\n  return { start, stop, toggle, active }\n}\n\nexport namespace useInterval {\n  export type Options = UseIntervalOptions\n  export type ReturnValue = UseIntervalReturnValue\n}\n"],"mappings":"qHAqBA,SAAgB,YACd,EACA,EACA,CAAE,aAAa,IAA8B,CAAC,EACtB,CACxB,IAAM,EAAc,EAAsB,IAAI,EACxC,EAAQ,EAAmB,IAAI,EAC/B,EAAmB,EAAO,CAAQ,EAElC,CAAC,EAAQ,GAAa,EAAS,EAAK,EAE1C,EAAiB,QAAU,EAE3B,IAAM,EAAQ,MAAkB,CAC9B,EAAW,IACL,CAAC,GAAO,CAAC,EAAY,UACvB,EAAY,QAAU,OAAO,YAAY,EAAM,QAAU,EAAiB,OAAO,GAE5E,GACR,CACH,EAAG,CAAC,CAAC,EAEC,EAAO,MAAkB,CAC7B,EAAU,EAAK,EACX,EAAY,SACd,OAAO,cAAc,EAAY,OAAO,EAE1C,EAAY,QAAU,IACxB,EAAG,CAAC,CAAC,EAEC,EAAS,MAAkB,CAC/B,EAAW,GACL,GACE,EAAY,SACd,OAAO,cAAc,EAAY,OAAO,EAE1C,EAAY,QAAU,KACf,KAET,AACE,EAAY,UAAU,OAAO,YAAY,EAAM,QAAU,EAAiB,OAAO,EAE5E,GACR,CACH,EAAG,CAAC,CAAC,EAgBL,OAbA,OACE,EAAM,QAAU,EAChB,GAAU,EAAM,EACT,GACN,CAAC,EAAI,EAAQ,EAAU,EAAO,CAAI,CAAC,EAGtC,MAAgB,CACV,GACF,EAAM,CAEV,EAAG,CAAC,CAAK,CAAC,EAEH,CAAE,QAAO,OAAM,SAAQ,QAAO,CACvC"}
+{"version":3,"file":"use-interval.js","names":["intervalRef","useRef","fnRef","intervalValueRef","interval","active","setActive","useState","start","useCallback","old","stop","toggle","current","useEffect","fn","autoInvoke"],"sources":["../../src/hooks/use-interval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type UseIntervalOptions = {\n  /** If set, the interval will start automatically when the component is mounted, `false` by default */\n  autoInvoke?: boolean\n}\n\nexport type UseIntervalReturnValue = {\n  /** Starts the interval */\n  start: () => void\n\n  /** Stops the interval */\n  stop: () => void\n\n  /** Toggles the interval */\n  toggle: () => void\n\n  /** Indicates if the interval is active */\n  active: boolean\n}\n\n/** Runs `fn` every `interval` ms, with `start`, `stop` and `toggle` controls. */\nexport function useInterval(\n  fn: () => void,\n  interval: number,\n  { autoInvoke = false }: UseIntervalOptions = {}\n): UseIntervalReturnValue {\n  const intervalRef = useRef<number | null>(null)\n  const fnRef = useRef<() => void>(null)\n  const intervalValueRef = useRef(interval)\n\n  const [active, setActive] = useState(false)\n\n  intervalValueRef.current = interval\n\n  const start = useCallback(() => {\n    setActive((old) => {\n      if (!old && !intervalRef.current) {\n        intervalRef.current = window.setInterval(fnRef.current!, intervalValueRef.current)\n      }\n      return true\n    })\n  }, [])\n\n  const stop = useCallback(() => {\n    setActive(false)\n    if (intervalRef.current) {\n      window.clearInterval(intervalRef.current)\n    }\n    intervalRef.current = null\n  }, [])\n\n  const toggle = useCallback(() => {\n    setActive((current) => {\n      if (current) {\n        if (intervalRef.current) {\n          window.clearInterval(intervalRef.current)\n        }\n        intervalRef.current = null\n        return false\n      }\n      if (!intervalRef.current) {\n        intervalRef.current = window.setInterval(fnRef.current!, intervalValueRef.current)\n      }\n      return true\n    })\n  }, [])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should includes the 'interval'\n  useEffect(() => {\n    fnRef.current = fn\n    active && start()\n    return stop\n  }, [fn, active, interval, start, stop])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should execute only once\n  useEffect(() => {\n    if (autoInvoke) {\n      start()\n    }\n  }, [start])\n\n  return { start, stop, toggle, active }\n}\n\nexport namespace useInterval {\n  export type Options = UseIntervalOptions\n  export type ReturnValue = UseIntervalReturnValue\n}\n"],"mappings":"qHAsBA,SAAgB,YACd,EACA,EACA,CAAE,aAAa,IAA8B,CAAC,EACtB,CACxB,IAAMA,EAAcC,EAAsB,IAAI,EACxCC,EAAQD,EAAmB,IAAI,EAC/BE,EAAmBF,EAAOG,CAAQ,EAElC,CAACC,EAAQC,GAAaC,EAAS,EAAK,EAE1C,EAAiB,QAAUH,EAE3B,IAAMI,EAAQC,MAAkB,CAC9BH,EAAW,IACL,CAACI,GAAO,CAACV,EAAY,UACvB,EAAY,QAAU,OAAO,YAAYE,EAAM,QAAUC,EAAiB,OAAO,GAE5E,GACR,CACH,EAAG,CAAC,CAAC,EAECQ,EAAOF,MAAkB,CAC7BH,EAAU,EAAK,EACXN,EAAY,SACd,OAAO,cAAcA,EAAY,OAAO,EAE1C,EAAY,QAAU,IACxB,EAAG,CAAC,CAAC,EAECY,EAASH,MAAkB,CAC/BH,EAAW,GACLO,GACEb,EAAY,SACd,OAAO,cAAcA,EAAY,OAAO,EAE1C,EAAY,QAAU,KACf,KAET,AACEA,EAAY,UAAU,OAAO,YAAYE,EAAM,QAAUC,EAAiB,OAAO,EAE5E,GACR,CACH,EAAG,CAAC,CAAC,EAgBL,OAbAW,OACE,EAAM,QAAUC,EAChBV,GAAUG,EAAM,EACTG,GACN,CAACI,EAAIV,EAAQD,EAAUI,EAAOG,CAAI,CAAC,EAGtCG,MAAgB,CACVE,GACFR,EAAM,CAEV,EAAG,CAACA,CAAK,CAAC,EAEH,CAAE,QAAO,OAAM,SAAQ,QAAO,CACvC"}

package/dist/hooks/use-local-storage.d.ts

@@ -1,9 +1,15 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/hooks/use-local-storage.d.ts
 export type UseLocalStorageOptions<T> = {
+  /** Value used when nothing is stored for the key. */
   defaultValue?: T;
+  /**
+   * Keeps the value in sync across tabs and components using the same key.
+   * @default true
+   */
   sync?: boolean;
 };
+/** `useState` persisted in `localStorage` as JSON, synced across tabs and components by default. */
 export declare function useLocalStorage<T>(key: string, options: UseLocalStorageOptions<T> & {
   defaultValue: T;
 }): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/use-local-storage.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{useCallback as e,useEffect as t,useRef as n,useState as r}from"react";const i=`uselets-ui:local-storage`;function parseStorageValue(e){try{return JSON.parse(e)}catch{return e}}function readStorageValue(e,t){if(typeof window>`u`)return t;try{let n=window.localStorage.getItem(e);return n===null?t:parseStorageValue(n)}catch{return t}}function writeStorageValue(e,t){if(!(typeof window>`u`)){try{window.localStorage.setItem(e,String(JSON.stringify(t)))}catch{}window.dispatchEvent(new CustomEvent(i,{detail:{key:e,value:t}}))}}function useLocalStorage(a,o={}){let{defaultValue:s,sync:c=!0}=o,l=n(s),[u,d]=r(()=>readStorageValue(a,s)),f=n(u);l.current=s,f.current=u;let p=e(e=>{let t=typeof e==`function`?e(f.current):e;f.current=t,writeStorageValue(a,t),d(t)},[a]);return t(()=>{if(!c||typeof window>`u`)return;let handleStorage=e=>{if(e.storageArea!==window.localStorage||e.key!==a)return;let t=e.newValue===null?l.current:parseStorageValue(e.newValue);f.current=t,d(t)},handleLocalStorageEvent=e=>{let{key:t,value:n}=e.detail;t===a&&(f.current=n,d(n))};return window.addEventListener(`storage`,handleStorage),window.addEventListener(i,handleLocalStorageEvent),()=>{window.removeEventListener(`storage`,handleStorage),window.removeEventListener(i,handleLocalStorageEvent)}},[a,c]),[u,p]}export{useLocalStorage};
+import"../rolldown-runtime-BhWHdk3m.js";import{useCallback as e,useEffect as t,useRef as n,useState as r}from"react";const i=`uselets-ui:local-storage`;function parseStorageValue(e){try{return JSON.parse(e)}catch{return e}}function readStorageValue(e,t){if(typeof window>`u`)return t;try{let n=window.localStorage.getItem(e);return n===null?t:parseStorageValue(n)}catch{return t}}function writeStorageValue(e,t){if(typeof window<`u`){try{t===void 0?window.localStorage.removeItem(e):window.localStorage.setItem(e,JSON.stringify(t))}catch{}window.dispatchEvent(new CustomEvent(i,{detail:{key:e,value:t}}))}}function useLocalStorage(a,o={}){let{defaultValue:s,sync:c=!0}=o,l=n(s),[u,d]=r(()=>readStorageValue(a,s)),f=n(u);l.current=s,f.current=u;let p=e(e=>{let t=typeof e==`function`?e(f.current):e;writeStorageValue(a,t);let n=t===void 0?l.current:t;f.current=n,d(n)},[a]);return t(()=>{if(!c||typeof window>`u`)return;let handleStorage=e=>{if(e.storageArea!==window.localStorage||e.key!==a)return;let t=e.newValue===null?l.current:parseStorageValue(e.newValue);f.current=t,d(t)},handleLocalStorageEvent=e=>{let{key:t,value:n}=e.detail;if(t!==a)return;let r=n===void 0?l.current:n;f.current=r,d(r)};return window.addEventListener(`storage`,handleStorage),window.addEventListener(i,handleLocalStorageEvent),()=>{window.removeEventListener(`storage`,handleStorage),window.removeEventListener(i,handleLocalStorageEvent)}},[a,c]),[u,p]}export{useLocalStorage};
 //# sourceMappingURL=use-local-storage.js.map

package/dist/hooks/use-local-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-local-storage.js","names":[],"sources":["../../src/hooks/use-local-storage.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type UseLocalStorageOptions<T> = {\n  defaultValue?: T\n  sync?: boolean\n}\n\ntype LocalStorageEventDetail<T> = {\n  key: string\n  value: T | undefined\n}\n\nconst LOCAL_STORAGE_EVENT = 'uselets-ui:local-storage'\n\nfunction parseStorageValue<T>(value: string) {\n  try {\n    return JSON.parse(value) as T\n  } catch {\n    return value as T\n  }\n}\n\nfunction readStorageValue<T>(key: string, defaultValue: T | undefined) {\n  if (typeof window === 'undefined') {\n    return defaultValue\n  }\n\n  try {\n    const item = window.localStorage.getItem(key)\n\n    if (item === null) {\n      return defaultValue\n    }\n\n    return parseStorageValue<T>(item)\n  } catch {\n    return defaultValue\n  }\n}\n\nfunction writeStorageValue<T>(key: string, value: T) {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  try {\n    window.localStorage.setItem(key, String(JSON.stringify(value)))\n  } catch {}\n\n  window.dispatchEvent(new CustomEvent<LocalStorageEventDetail<T>>(LOCAL_STORAGE_EVENT, { detail: { key, value } }))\n}\n\nexport function useLocalStorage<T>(\n  key: string,\n  options: UseLocalStorageOptions<T> & { defaultValue: T }\n): [T, React.Dispatch<React.SetStateAction<T>>]\n\nexport function useLocalStorage<T = undefined>(\n  key: string,\n  options?: UseLocalStorageOptions<T>\n): [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>]\n\nexport function useLocalStorage<T>(key: string, options: UseLocalStorageOptions<T> = {}) {\n  const { defaultValue, sync = true } = options\n  const defaultValueRef = useRef(defaultValue)\n  const [storedValue, setStoredValue] = useState<T | undefined>(() => readStorageValue<T>(key, defaultValue))\n  const storedValueRef = useRef(storedValue)\n\n  defaultValueRef.current = defaultValue\n  storedValueRef.current = storedValue\n\n  const setValue = useCallback<React.Dispatch<React.SetStateAction<T | undefined>>>(\n    (value) => {\n      const nextValue =\n        typeof value === 'function'\n          ? (value as (previousValue: T | undefined) => T | undefined)(storedValueRef.current)\n          : value\n\n      storedValueRef.current = nextValue\n      writeStorageValue(key, nextValue)\n      setStoredValue(nextValue)\n    },\n    [key]\n  )\n\n  useEffect(() => {\n    if (!sync || typeof window === 'undefined') {\n      return\n    }\n\n    const handleStorage = (event: StorageEvent) => {\n      if (event.storageArea !== window.localStorage || event.key !== key) {\n        return\n      }\n\n      const nextValue = event.newValue === null ? defaultValueRef.current : parseStorageValue<T>(event.newValue)\n\n      storedValueRef.current = nextValue\n      setStoredValue(nextValue)\n    }\n\n    const handleLocalStorageEvent = (event: Event) => {\n      const { key: eventKey, value } = (event as CustomEvent<LocalStorageEventDetail<T>>).detail\n\n      if (eventKey !== key) {\n        return\n      }\n\n      storedValueRef.current = value\n      setStoredValue(value)\n    }\n\n    window.addEventListener('storage', handleStorage)\n    window.addEventListener(LOCAL_STORAGE_EVENT, handleLocalStorageEvent)\n\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n      window.removeEventListener(LOCAL_STORAGE_EVENT, handleLocalStorageEvent)\n    }\n  }, [key, sync])\n\n  return [storedValue, setValue]\n}\n\nexport namespace useLocalStorage {\n  export type Options<T> = UseLocalStorageOptions<T>\n}\n"],"mappings":"qHAYA,MAAM,EAAsB,2BAE5B,SAAS,kBAAqB,EAAe,CAC3C,GAAI,CACF,OAAO,KAAK,MAAM,CAAK,CACzB,MAAQ,CACN,OAAO,CACT,CACF,CAEA,SAAS,iBAAoB,EAAa,EAA6B,CACrE,GAAI,OAAO,OAAW,IACpB,OAAO,EAGT,GAAI,CACF,IAAM,EAAO,OAAO,aAAa,QAAQ,CAAG,EAM5C,OAJI,IAAS,KACJ,EAGF,kBAAqB,CAAI,CAClC,MAAQ,CACN,OAAO,CACT,CACF,CAEA,SAAS,kBAAqB,EAAa,EAAU,CAC/C,YAAO,OAAW,KAItB,IAAI,CACF,OAAO,aAAa,QAAQ,EAAK,OAAO,KAAK,UAAU,CAAK,CAAC,CAAC,CAChE,MAAQ,CAAC,CAET,OAAO,cAAc,IAAI,YAAwC,EAAqB,CAAE,OAAQ,CAAE,MAAK,OAAM,CAAE,CAAC,CAAC,CAFxG,CAGX,CAYA,SAAgB,gBAAmB,EAAa,EAAqC,CAAC,EAAG,CACvF,GAAM,CAAE,eAAc,OAAO,IAAS,EAChC,EAAkB,EAAO,CAAY,EACrC,CAAC,EAAa,GAAkB,MAA8B,iBAAoB,EAAK,CAAY,CAAC,EACpG,EAAiB,EAAO,CAAW,EAEzC,EAAgB,QAAU,EAC1B,EAAe,QAAU,EAEzB,IAAM,EAAW,EACd,GAAU,CACT,IAAM,EACJ,OAAO,GAAU,WACZ,EAA0D,EAAe,OAAO,EACjF,EAEN,EAAe,QAAU,EACzB,kBAAkB,EAAK,CAAS,EAChC,EAAe,CAAS,CAC1B,EACA,CAAC,CAAG,CACN,EAsCA,OApCA,MAAgB,CACd,GAAI,CAAC,GAAQ,OAAO,OAAW,IAC7B,OAGF,IAAM,cAAiB,GAAwB,CAC7C,GAAI,EAAM,cAAgB,OAAO,cAAgB,EAAM,MAAQ,EAC7D,OAGF,IAAM,EAAY,EAAM,WAAa,KAAO,EAAgB,QAAU,kBAAqB,EAAM,QAAQ,EAEzG,EAAe,QAAU,EACzB,EAAe,CAAS,CAC1B,EAEM,wBAA2B,GAAiB,CAChD,GAAM,CAAE,IAAK,EAAU,SAAW,EAAkD,OAEhF,IAAa,IAIjB,EAAe,QAAU,EACzB,EAAe,CAAK,EACtB,EAKA,OAHA,OAAO,iBAAiB,UAAW,aAAa,EAChD,OAAO,iBAAiB,EAAqB,uBAAuB,MAEvD,CACX,OAAO,oBAAoB,UAAW,aAAa,EACnD,OAAO,oBAAoB,EAAqB,uBAAuB,CACzE,CACF,EAAG,CAAC,EAAK,CAAI,CAAC,EAEP,CAAC,EAAa,CAAQ,CAC/B"}
+{"version":3,"file":"use-local-storage.js","names":["LOCAL_STORAGE_EVENT","value","defaultValue","item","key","options","defaultValueRef","useRef","storedValue","setStoredValue","useState","storedValueRef","setValue","useCallback","nextValue","resolvedValue","useEffect","sync","event","eventKey"],"sources":["../../src/hooks/use-local-storage.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type UseLocalStorageOptions<T> = {\n  /** Value used when nothing is stored for the key. */\n  defaultValue?: T\n  /**\n   * Keeps the value in sync across tabs and components using the same key.\n   * @default true\n   */\n  sync?: boolean\n}\n\ntype LocalStorageEventDetail<T> = {\n  key: string\n  value: T | undefined\n}\n\nconst LOCAL_STORAGE_EVENT = 'uselets-ui:local-storage'\n\nfunction parseStorageValue<T>(value: string) {\n  try {\n    return JSON.parse(value) as T\n  } catch {\n    return value as T\n  }\n}\n\nfunction readStorageValue<T>(key: string, defaultValue: T | undefined) {\n  if (typeof window === 'undefined') {\n    return defaultValue\n  }\n\n  try {\n    const item = window.localStorage.getItem(key)\n\n    if (item === null) {\n      return defaultValue\n    }\n\n    return parseStorageValue<T>(item)\n  } catch {\n    return defaultValue\n  }\n}\n\nfunction writeStorageValue<T>(key: string, value: T) {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  try {\n    // `undefined` has no JSON form (it would be stored as the string \"undefined\"), so it clears the key instead.\n    if (value === undefined) {\n      window.localStorage.removeItem(key)\n    } else {\n      window.localStorage.setItem(key, JSON.stringify(value))\n    }\n  } catch {}\n\n  window.dispatchEvent(new CustomEvent<LocalStorageEventDetail<T>>(LOCAL_STORAGE_EVENT, { detail: { key, value } }))\n}\n\n/** `useState` persisted in `localStorage` as JSON, synced across tabs and components by default. */\nexport function useLocalStorage<T>(\n  key: string,\n  options: UseLocalStorageOptions<T> & { defaultValue: T }\n): [T, React.Dispatch<React.SetStateAction<T>>]\n\nexport function useLocalStorage<T = undefined>(\n  key: string,\n  options?: UseLocalStorageOptions<T>\n): [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>]\n\nexport function useLocalStorage<T>(key: string, options: UseLocalStorageOptions<T> = {}) {\n  const { defaultValue, sync = true } = options\n  const defaultValueRef = useRef(defaultValue)\n  const [storedValue, setStoredValue] = useState<T | undefined>(() => readStorageValue<T>(key, defaultValue))\n  const storedValueRef = useRef(storedValue)\n\n  defaultValueRef.current = defaultValue\n  storedValueRef.current = storedValue\n\n  const setValue = useCallback<React.Dispatch<React.SetStateAction<T | undefined>>>(\n    (value) => {\n      const nextValue =\n        typeof value === 'function'\n          ? (value as (previousValue: T | undefined) => T | undefined)(storedValueRef.current)\n          : value\n\n      writeStorageValue(key, nextValue)\n      const resolvedValue = nextValue === undefined ? defaultValueRef.current : nextValue\n      storedValueRef.current = resolvedValue\n      setStoredValue(resolvedValue)\n    },\n    [key]\n  )\n\n  useEffect(() => {\n    if (!sync || typeof window === 'undefined') {\n      return\n    }\n\n    const handleStorage = (event: StorageEvent) => {\n      if (event.storageArea !== window.localStorage || event.key !== key) {\n        return\n      }\n\n      const nextValue = event.newValue === null ? defaultValueRef.current : parseStorageValue<T>(event.newValue)\n\n      storedValueRef.current = nextValue\n      setStoredValue(nextValue)\n    }\n\n    const handleLocalStorageEvent = (event: Event) => {\n      const { key: eventKey, value } = (event as CustomEvent<LocalStorageEventDetail<T>>).detail\n\n      if (eventKey !== key) {\n        return\n      }\n\n      const nextValue = value === undefined ? defaultValueRef.current : value\n\n      storedValueRef.current = nextValue\n      setStoredValue(nextValue)\n    }\n\n    window.addEventListener('storage', handleStorage)\n    window.addEventListener(LOCAL_STORAGE_EVENT, handleLocalStorageEvent)\n\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n      window.removeEventListener(LOCAL_STORAGE_EVENT, handleLocalStorageEvent)\n    }\n  }, [key, sync])\n\n  return [storedValue, setValue]\n}\n\nexport namespace useLocalStorage {\n  export type Options<T> = UseLocalStorageOptions<T>\n}\n"],"mappings":"qHAiBA,MAAMA,EAAsB,2BAE5B,SAAS,kBAAqB,EAAe,CAC3C,GAAI,CACF,OAAO,KAAK,MAAMC,CAAK,CACzB,MAAQ,CACN,OAAOA,CACT,CACF,CAEA,SAAS,iBAAoB,EAAa,EAA6B,CACrE,GAAI,OAAO,OAAW,IACpB,OAAOC,EAGT,GAAI,CACF,IAAMC,EAAO,OAAO,aAAa,QAAQC,CAAG,EAM5C,OAJID,IAAS,KACJD,EAGF,kBAAqBC,CAAI,CAClC,MAAQ,CACN,OAAOD,CACT,CACF,CAEA,SAAS,kBAAqB,EAAa,EAAU,CACnD,GAAI,OAAO,OAAW,IAItB,IAAI,CAEED,IAAU,IAAA,GACZ,OAAO,aAAa,WAAWG,CAAG,EAElC,OAAO,aAAa,QAAQA,EAAK,KAAK,UAAUH,CAAK,CAAC,CAE1D,MAAQ,CAAC,CAET,OAAO,cAAc,IAAI,YAAwCD,EAAqB,CAAE,OAAQ,CAAE,MAAK,OAAM,CAAE,CAAC,CAAC,CAFxG,CAGX,CAaA,SAAgB,gBAAmB,EAAa,EAAqC,CAAC,EAAG,CACvF,GAAM,CAAE,eAAc,OAAO,IAASK,EAChCC,EAAkBC,EAAOL,CAAY,EACrC,CAACM,EAAaC,GAAkBC,MAA8B,iBAAoBN,EAAKF,CAAY,CAAC,EACpGS,EAAiBJ,EAAOC,CAAW,EAEzC,EAAgB,QAAUN,EAC1B,EAAe,QAAUM,EAEzB,IAAMI,EAAWC,EACd,GAAU,CACT,IAAMC,EACJ,OAAOb,GAAU,WACZA,EAA0DU,EAAe,OAAO,EACjFV,EAEN,kBAAkBG,EAAKU,CAAS,EAChC,IAAMC,EAAgBD,IAAc,IAAA,GAAYR,EAAgB,QAAUQ,EAC1E,EAAe,QAAUC,EACzBN,EAAeM,CAAa,CAC9B,EACA,CAACX,CAAG,CACN,EAwCA,OAtCAY,MAAgB,CACd,GAAI,CAACC,GAAQ,OAAO,OAAW,IAC7B,OAGF,IAAM,cAAiB,GAAwB,CAC7C,GAAIC,EAAM,cAAgB,OAAO,cAAgBA,EAAM,MAAQd,EAC7D,OAGF,IAAMU,EAAYI,EAAM,WAAa,KAAOZ,EAAgB,QAAU,kBAAqBY,EAAM,QAAQ,EAEzG,EAAe,QAAUJ,EACzBL,EAAeK,CAAS,CAC1B,EAEM,wBAA2B,GAAiB,CAChD,GAAM,CAAE,IAAKK,EAAU,SAAWD,EAAkD,OAEpF,GAAIC,IAAaf,EACf,OAGF,IAAMU,EAAYb,IAAU,IAAA,GAAYK,EAAgB,QAAUL,EAElE,EAAe,QAAUa,EACzBL,EAAeK,CAAS,CAC1B,EAKA,OAHA,OAAO,iBAAiB,UAAW,aAAa,EAChD,OAAO,iBAAiBd,EAAqB,uBAAuB,MAEvD,CACX,OAAO,oBAAoB,UAAW,aAAa,EACnD,OAAO,oBAAoBA,EAAqB,uBAAuB,CACzE,CACF,EAAG,CAACI,EAAKa,CAAI,CAAC,EAEP,CAACT,EAAaI,CAAQ,CAC/B"}

package/dist/hooks/use-mask.d.ts

@@ -2,6 +2,7 @@ import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { MaskOptions, MaskOptions as MaskOptions$1, ModifiedData, Modify, Replacement, Track, TrackingData } from "@react-input/mask";
 //#region src/hooks/use-mask.d.ts
 export type UseMaskOptions = MaskOptions$1;
+/** Masks the value of your own input. Returns a ref for the `<input>`. Default tokens: `_` digit, `#` letter, `*` any. */
 export declare function useMask(options?: UseMaskOptions): import("react").MutableRefObject<HTMLInputElement>;
 //#endregion
 export type { MaskOptions, ModifiedData, Modify, Replacement, Track, TrackingData };

package/dist/hooks/use-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mask.js","names":["useReactInputMask"],"sources":["../../src/hooks/use-mask.ts"],"sourcesContent":["import type { MaskOptions, Replacement } from '@react-input/mask'\nimport { useMask as useReactInputMask } from '@react-input/mask'\n\nexport type { MaskOptions, ModifiedData, Modify, Replacement, Track, TrackingData } from '@react-input/mask'\n\nconst DEFAULT_REPLACEMENT: Replacement = {\n  _: /\\d/,\n  '#': /[A-Za-z]/,\n  '*': /./\n}\n\nexport type UseMaskOptions = MaskOptions\n\nexport function useMask(options: UseMaskOptions = {}) {\n  const { replacement, mask, ...rest } = options\n\n  // Legacy default tokens (9/a) collided with typed digits/letters; rewrite them to the safe tokens (_/#) when the default replacement is in effect.\n  const safeMask = !replacement && mask ? mask.replace(/[9a]/g, (token) => (token === '9' ? '_' : '#')) : mask\n\n  return useReactInputMask({\n    mask: safeMask,\n    ...rest,\n    replacement: replacement ?? DEFAULT_REPLACEMENT\n  })\n}\n"],"mappings":"oFAKA,MAAM,EAAmC,CACvC,EAAG,KACH,IAAK,WACL,IAAK,GACP,EAIA,SAAgB,QAAQ,EAA0B,CAAC,EAAG,CACpD,GAAM,CAAE,cAAa,OAAM,GAAG,GAAS,EAGjC,EAAW,CAAC,GAAe,EAAO,EAAK,QAAQ,QAAU,GAAW,IAAU,IAAM,IAAM,GAAI,EAAI,EAExG,OAAOA,EAAkB,CACvB,KAAM,EACN,GAAG,EACH,YAAa,GAAe,CAC9B,CAAC,CACH"}
+{"version":3,"file":"use-mask.js","names":["useReactInputMask","useMask$1","DEFAULT_REPLACEMENT","rest","options","safeMask","replacement","mask","token"],"sources":["../../src/hooks/use-mask.ts"],"sourcesContent":["import type { MaskOptions, Replacement } from '@react-input/mask'\nimport { useMask as useReactInputMask } from '@react-input/mask'\n\nexport type { MaskOptions, ModifiedData, Modify, Replacement, Track, TrackingData } from '@react-input/mask'\n\nconst DEFAULT_REPLACEMENT: Replacement = {\n  _: /\\d/,\n  '#': /[A-Za-z]/,\n  '*': /./\n}\n\nexport type UseMaskOptions = MaskOptions\n\n/** Masks the value of your own input. Returns a ref for the `<input>`. Default tokens: `_` digit, `#` letter, `*` any. */\nexport function useMask(options: UseMaskOptions = {}) {\n  const { replacement, mask, ...rest } = options\n\n  // Legacy default tokens (9/a) collided with typed digits/letters; rewrite them to the safe tokens (_/#) when the default replacement is in effect.\n  const safeMask = !replacement && mask ? mask.replace(/[9a]/g, (token) => (token === '9' ? '_' : '#')) : mask\n\n  return useReactInputMask({\n    mask: safeMask,\n    ...rest,\n    replacement: replacement ?? DEFAULT_REPLACEMENT\n  })\n}\n"],"mappings":"oFAKA,MAAME,EAAmC,CACvC,EAAG,KACH,IAAK,WACL,IAAK,GACP,EAKA,SAAgB,QAAQ,EAA0B,CAAC,EAAG,CACpD,GAAM,CAAE,cAAa,OAAM,GAAGC,GAASC,EAGjCC,EAAW,CAACC,GAAeC,EAAOA,EAAK,QAAQ,QAAU,GAAWC,IAAU,IAAM,IAAM,GAAI,EAAID,EAExG,OAAOP,EAAkB,CACvB,KAAMK,EACN,GAAGF,EACH,YAAaG,GAAeJ,CAC9B,CAAC,CACH"}

package/dist/hooks/use-mobile.d.ts

@@ -1,5 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/hooks/use-mobile.d.ts
+/** Returns whether the viewport is narrower than `768px`. */
 export declare function useIsMobile(): boolean;
 //#endregion
 //# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from 'react'\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener('change', onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener('change', onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":"gEAIA,SAAgB,aAAc,CAC5B,GAAM,CAAC,EAAU,GAAe,EAAM,SAA8B,IAAA,EAAS,EAY7E,OAVA,EAAM,cAAgB,CACpB,IAAM,EAAM,OAAO,WAAW,oBAAyC,EACjE,aAAiB,CACrB,EAAY,OAAO,WAAa,GAAiB,CACnD,EAGA,OAFA,EAAI,iBAAiB,SAAU,QAAQ,EACvC,EAAY,OAAO,WAAa,GAAiB,MACpC,EAAI,oBAAoB,SAAU,QAAQ,CACzD,EAAG,CAAC,CAAC,EAEE,CAAC,CAAC,CACX"}
+{"version":3,"file":"use-mobile.js","names":["React","isMobile","setIsMobile","mql"],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from 'react'\n\nconst MOBILE_BREAKPOINT = 768\n\n/** Returns whether the viewport is narrower than `768px`. */\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener('change', onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener('change', onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":"gEAKA,SAAgB,aAAc,CAC5B,GAAM,CAACC,EAAUC,GAAeF,EAAM,SAA8B,IAAA,EAAS,EAY7E,OAVAA,EAAM,cAAgB,CACpB,IAAMG,EAAM,OAAO,WAAW,oBAAyC,EACjE,aAAiB,CACrBD,EAAY,OAAO,WAAa,GAAiB,CACnD,EAGA,OAFAC,EAAI,iBAAiB,SAAU,QAAQ,EACvCD,EAAY,OAAO,WAAa,GAAiB,MACpCC,EAAI,oBAAoB,SAAU,QAAQ,CACzD,EAAG,CAAC,CAAC,EAEE,CAAC,CAACF,CACX"}