@uselets/ui 2.0.1 → 2.0.2

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1,5 +1,4 @@
 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;
@@ -20,5 +19,4 @@ export declare namespace useDisclosure {
   type Handlers = UseDisclosureHandlers;
   type ReturnValue = UseDisclosureReturnValue;
 }
-//#endregion
 //# sourceMappingURL=use-disclosure.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1,6 +1,4 @@
 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":["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"}
+{"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":"A,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,C"}

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-D1_TEIwN.js";
+import { i as getHotkeyHandler, n as useHotkeys, r as HotkeyItemOptions, t as HotkeyItem } from "../use-hotkeys-BVm0IGb8.js";
 export { HotkeyItem, type HotkeyItemOptions, getHotkeyHandler, useHotkeys };

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

@@ -1,5 +1,4 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-//#region src/hooks/use-idle.d.ts
 export type UseIdleOptions = {
   /**
    * Events that count as activity.
@@ -17,5 +16,4 @@ export declare function useIdle(timeout: number, options?: UseIdleOptions): bool
 export declare namespace useIdle {
   type Options = UseIdleOptions;
 }
-//#endregion
 //# sourceMappingURL=use-idle.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1,5 +1,4 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-//#region src/hooks/use-interval.d.ts
 export type UseIntervalOptions = {
   /** If set, the interval will start automatically when the component is mounted, `false` by default */
   autoInvoke?: boolean;
@@ -20,5 +19,4 @@ export declare namespace useInterval {
   type Options = UseIntervalOptions;
   type ReturnValue = UseIntervalReturnValue;
 }
-//#endregion
 //# sourceMappingURL=use-interval.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1,5 +1,4 @@
 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;
@@ -17,5 +16,4 @@ export declare function useLocalStorage<T = undefined>(key: string, options?: Us
 export declare namespace useLocalStorage {
   type Options<T> = UseLocalStorageOptions<T>;
 }
-//#endregion
 //# sourceMappingURL=use-local-storage.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1,9 +1,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 };
 //# sourceMappingURL=use-mask.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1,6 +1,4 @@
 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":["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"}
+{"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":"A,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,C"}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { i as useAsChild, n as AsChildProps, r as toAsChildRenderProps, t as AsChildPrimitiveProps } from "./as-child-Dxg3Xo1G.js";
+import { i as useAsChild, n as AsChildProps, r as toAsChildRenderProps, t as AsChildPrimitiveProps } from "./as-child-T9W73ZYU.js";
 import { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps } from "./components/accordion.js";
 import { Button, ButtonProps, buttonVariants } from "./components/button.js";
 import { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps } from "./components/alert-dialog.js";
 import { Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps } from "./components/alert.js";
 import { Anchor, AnchorProps, anchorVariants } from "./components/anchor.js";
-import { _ as resolveChartColor, a as ChartContainerProps, c as ChartLegendContentProps, d as ChartStyleProps, f as ChartTooltip, g as DEFAULT_CHART_PALETTE, h as ChartTooltipProps, i as ChartContainer, l as ChartLegendProps, m as ChartTooltipContentProps, n as ChartColorKey, o as ChartLegend, p as ChartTooltipContent, r as ChartConfig, s as ChartLegendContent, t as CHART_COLOR_KEYS, u as ChartStyle } from "./chart-B_6nC_ih.js";
+import { _ as resolveChartColor, a as ChartContainerProps, c as ChartLegendContentProps, d as ChartStyleProps, f as ChartTooltip, g as DEFAULT_CHART_PALETTE, h as ChartTooltipProps, i as ChartContainer, l as ChartLegendProps, m as ChartTooltipContentProps, n as ChartColorKey, o as ChartLegend, p as ChartTooltipContent, r as ChartConfig, s as ChartLegendContent, t as CHART_COLOR_KEYS, u as ChartStyle } from "./chart-8rgtsk95.js";
 import { AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType } from "./components/area-chart.js";
 import { Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps } from "./components/avatar.js";
 import { Badge, BadgeProps, badgeVariants } from "./components/badge.js";
@@ -86,7 +86,7 @@ import { HiddenFrom, HiddenFromProps, VisibleFrom, VisibleFromProps } from "./co
 import { ResponsiveValueMap, useBreakpointValue } from "./hooks/use-breakpoint-value.js";
 import { UseDisclosureHandlers, UseDisclosureOptions, UseDisclosureReturnValue, useDisclosure } from "./hooks/use-disclosure.js";
 import { useDocumentVisibility } from "./hooks/use-document-visibility.js";
-import { i as getHotkeyHandler, n as useHotkeys, r as HotkeyItemOptions, t as HotkeyItem } from "./use-hotkeys-D1_TEIwN.js";
+import { i as getHotkeyHandler, n as useHotkeys, r as HotkeyItemOptions, t as HotkeyItem } from "./use-hotkeys-BVm0IGb8.js";
 import { UseIdleOptions, useIdle } from "./hooks/use-idle.js";
 import { UseIntervalOptions, UseIntervalReturnValue, useInterval } from "./hooks/use-interval.js";
 import { UseLocalStorageOptions, useLocalStorage } from "./hooks/use-local-storage.js";

package/dist/lib/as-child.d.ts

@@ -1,2 +1,2 @@
-import { i as useAsChild, n as AsChildProps, r as toAsChildRenderProps, t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
+import { i as useAsChild, n as AsChildProps, r as toAsChildRenderProps, t as AsChildPrimitiveProps } from "../as-child-T9W73ZYU.js";
 export { AsChildPrimitiveProps, AsChildProps, toAsChildRenderProps, useAsChild };

package/dist/lib/as-child.js.map

@@ -1 +1 @@
-{"version":3,"file":"as-child.js","names":["React","rest","props","useRender","asChild","children"],"sources":["../../src/lib/as-child.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useRender } from '@base-ui/react/use-render'\n\ntype AsChildTag = keyof React.JSX.IntrinsicElements\n\nexport type AsChildProps<Tag extends AsChildTag> = React.ComponentProps<Tag> & {\n  /** Renders the child element instead of the default one, passing this component's props and behavior to it. */\n  asChild?: boolean\n}\n\n/**\n * Public props of a component built on a Base UI part: Base UI's own `render` prop is stripped, so\n * `asChild` stays the only polymorphism API exposed by this package.\n */\nexport type AsChildPrimitiveProps<Component extends React.ElementType> = Omit<\n  React.ComponentProps<Component>,\n  'render'\n> & {\n  /** Renders the child element instead of the default one, passing this component's props and behavior to it. */\n  asChild?: boolean\n}\n\n// Deliberately loose (index signature): callers build this object by spreading the component's\n// own strongly-typed public props alongside extra internal `data-*` keys, which an object typed\n// only with the known `AsChildProps` keys would reject as excess properties outside JSX.\ntype UseAsChildProps<Tag extends AsChildTag> = Record<string, unknown> & {\n  asChild?: boolean\n  children?: React.ReactNode\n  ref?: React.Ref<React.ComponentRef<Tag>>\n}\n\n/**\n * Drop-in replacement for the `const Comp = asChild ? Slot.Root : 'tag'` idiom, for components\n * with no Base UI primitive underneath. `asChild` stays the only public polymorphism API — Base\n * UI's own `render` prop never leaks out of this package.\n */\nfunction useAsChild<Tag extends AsChildTag>(defaultTagName: Tag, props: UseAsChildProps<Tag>) {\n  const { asChild = false, children, ref, ...rest } = props\n\n  return useRender<Record<string, unknown>, Element>({\n    defaultTagName,\n    ref: ref as React.Ref<Element>,\n    render: asChild ? (React.Children.only(children) as React.ReactElement) : undefined,\n    props: asChild ? rest : { ...rest, children }\n  })\n}\n\n/**\n * For a component that wraps a real Base UI part (which natively accepts `render`) but exposes\n * `asChild` instead. Spread the result after the component's own props so it always wins.\n *\n * With `asChild`, the single child element becomes the rendered element and replaces the part's\n * content. Parts must not render their own content in that case (the child element is `children`).\n */\nfunction toAsChildRenderProps<Children>(\n  asChild: boolean | undefined,\n  children: Children\n): { render?: React.ReactElement; children?: Children } {\n  if (!asChild) {\n    return { children }\n  }\n\n  return { render: React.Children.only(children as React.ReactNode) as React.ReactElement }\n}\n\nexport { toAsChildRenderProps, useAsChild }\n"],"mappings":"sHAqCA,SAAS,WAAmC,EAAqB,EAA6B,CAC5F,GAAM,CAAE,UAAU,GAAO,WAAU,MAAK,GAAGC,GAASC,EAEpD,OAAOC,EAA4C,CACjD,iBACK,MACL,OAAQC,EAAWJ,EAAM,SAAS,KAAKK,CAAQ,EAA2B,IAAA,GAC1E,MAAOD,EAAUH,EAAO,CAAE,GAAGA,EAAM,UAAS,CAC9C,CAAC,CACH,CASA,SAAS,qBACP,EACA,EACsD,CAKtD,OAJKG,EAIE,CAAE,OAAQJ,EAAM,SAAS,KAAKK,CAA2B,CAAwB,EAH/E,CAAE,UAAS,CAItB"}
+{"version":3,"file":"as-child.js","names":["React","rest","props","useRender","asChild","children"],"sources":["../../src/lib/as-child.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useRender } from '@base-ui/react/use-render'\n\ntype AsChildTag = keyof React.JSX.IntrinsicElements\n\nexport type AsChildProps<Tag extends AsChildTag> = React.ComponentProps<Tag> & {\n  /** Renders the child element instead of the default one, passing this component's props and behavior to it. */\n  asChild?: boolean\n}\n\n/**\n * Public props of a component built on a Base UI part: Base UI's own `render` prop is stripped, so\n * `asChild` stays the only polymorphism API exposed by this package.\n */\nexport type AsChildPrimitiveProps<Component extends React.ElementType> = Omit<\n  React.ComponentProps<Component>,\n  'render'\n> & {\n  /** Renders the child element instead of the default one, passing this component's props and behavior to it. */\n  asChild?: boolean\n}\n\n// Deliberately loose (index signature): callers build this object by spreading the component's\n// own strongly-typed public props alongside extra internal `data-*` keys, which an object typed\n// only with the known `AsChildProps` keys would reject as excess properties outside JSX.\ntype UseAsChildProps<Tag extends AsChildTag> = Record<string, unknown> & {\n  asChild?: boolean\n  children?: React.ReactNode\n  ref?: React.Ref<React.ComponentRef<Tag>>\n}\n\n/**\n * Drop-in replacement for the `const Comp = asChild ? Slot.Root : 'tag'` idiom, for components\n * with no Base UI primitive underneath. `asChild` stays the only public polymorphism API — Base\n * UI's own `render` prop never leaks out of this package.\n */\nfunction useAsChild<Tag extends AsChildTag>(defaultTagName: Tag, props: UseAsChildProps<Tag>) {\n  const { asChild = false, children, ref, ...rest } = props\n\n  return useRender<Record<string, unknown>, Element>({\n    defaultTagName,\n    ref: ref as React.Ref<Element>,\n    render: asChild ? (React.Children.only(children) as React.ReactElement) : undefined,\n    props: asChild ? rest : { ...rest, children }\n  })\n}\n\n/**\n * For a component that wraps a real Base UI part (which natively accepts `render`) but exposes\n * `asChild` instead. Spread the result after the component's own props so it always wins.\n *\n * With `asChild`, the single child element becomes the rendered element and replaces the part's\n * content. Parts must not render their own content in that case (the child element is `children`).\n */\nfunction toAsChildRenderProps<Children>(\n  asChild: boolean | undefined,\n  children: Children\n): { render?: React.ReactElement; children?: Children } {\n  if (!asChild) {\n    return { children }\n  }\n\n  return { render: React.Children.only(children as React.ReactNode) as React.ReactElement }\n}\n\nexport { toAsChildRenderProps, useAsChild }\n"],"mappings":"A,sHAqCA,SAAS,WAAmC,EAAqB,EAA6B,CAC5F,GAAM,CAAE,UAAU,GAAO,WAAU,MAAK,GAAGC,GAASC,EAEpD,OAAOC,EAA4C,CACjD,iBACK,MACL,OAAQC,EAAWJ,EAAM,SAAS,KAAKK,CAAQ,EAA2B,IAAA,GAC1E,MAAOD,EAAUH,EAAO,CAAE,GAAGA,EAAM,UAAS,CAC9C,CAAC,CACH,CASA,SAAS,qBACP,EACA,EACsD,CAKtD,OAJKG,EAIE,CAAE,OAAQJ,EAAM,SAAS,KAAKK,CAA2B,CAAwB,EAH/E,CAAE,UAAS,CAItB,C"}

package/dist/lib/badge.d.ts

@@ -1,6 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { UIColor } from "./color.js";
-//#region src/lib/badge.d.ts
 export declare const badgeColorVariants: {
   readonly primary: readonly ["[--badge-solid:var(--primary)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--primary)]", "[--badge-outline-foreground:var(--primary)]", "[--badge-soft:var(--primary-50)]", "[--badge-soft-hover:var(--primary-100)]", "[--badge-soft-foreground:var(--primary)]", "dark:[--badge-solid:var(--primary)]", "dark:[--badge-outline-border:var(--primary)]", "dark:[--badge-outline-foreground:var(--primary)]", "dark:[--badge-soft:var(--primary-950)]", "dark:[--badge-soft-hover:var(--primary-900)]", "dark:[--badge-soft-foreground:var(--primary)]"];
   readonly brand: readonly ["[--badge-solid:var(--brand)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--brand)]", "[--badge-outline-foreground:var(--brand)]", "[--badge-soft:var(--brand-50)]", "[--badge-soft-hover:var(--brand-100)]", "[--badge-soft-foreground:var(--brand)]", "dark:[--badge-solid:var(--brand)]", "dark:[--badge-outline-border:var(--brand)]", "dark:[--badge-outline-foreground:var(--brand)]", "dark:[--badge-soft:var(--brand-950)]", "dark:[--badge-soft-hover:var(--brand-900)]", "dark:[--badge-soft-foreground:var(--brand)]"];
@@ -14,5 +13,4 @@ export declare const badgeColorVariants: {
   readonly green: readonly ["[--badge-solid:var(--green)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--green)]", "[--badge-outline-foreground:var(--green)]", "[--badge-soft:var(--green-50)]", "[--badge-soft-hover:var(--green-100)]", "[--badge-soft-foreground:var(--green)]", "dark:[--badge-solid:var(--green)]", "dark:[--badge-outline-border:var(--green)]", "dark:[--badge-outline-foreground:var(--green)]", "dark:[--badge-soft:var(--green-950)]", "dark:[--badge-soft-hover:var(--green-900)]", "dark:[--badge-soft-foreground:var(--green)]"];
 };
 export type BadgeColor = UIColor;
-//#endregion
 //# sourceMappingURL=badge.d.ts.map

package/dist/lib/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeColorVariants"],"sources":["../../src/lib/badge.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const badgeColorVariants = {\n  primary: [\n    '[--badge-solid:var(--primary)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--primary)]',\n    '[--badge-outline-foreground:var(--primary)]',\n    '[--badge-soft:var(--primary-50)]',\n    '[--badge-soft-hover:var(--primary-100)]',\n    '[--badge-soft-foreground:var(--primary)]',\n    'dark:[--badge-solid:var(--primary)]',\n    'dark:[--badge-outline-border:var(--primary)]',\n    'dark:[--badge-outline-foreground:var(--primary)]',\n    'dark:[--badge-soft:var(--primary-950)]',\n    'dark:[--badge-soft-hover:var(--primary-900)]',\n    'dark:[--badge-soft-foreground:var(--primary)]'\n  ],\n  brand: [\n    '[--badge-solid:var(--brand)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--brand)]',\n    '[--badge-outline-foreground:var(--brand)]',\n    '[--badge-soft:var(--brand-50)]',\n    '[--badge-soft-hover:var(--brand-100)]',\n    '[--badge-soft-foreground:var(--brand)]',\n    'dark:[--badge-solid:var(--brand)]',\n    'dark:[--badge-outline-border:var(--brand)]',\n    'dark:[--badge-outline-foreground:var(--brand)]',\n    'dark:[--badge-soft:var(--brand-950)]',\n    'dark:[--badge-soft-hover:var(--brand-900)]',\n    'dark:[--badge-soft-foreground:var(--brand)]'\n  ],\n  gray: [\n    '[--badge-solid:var(--gray)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--gray)]',\n    '[--badge-outline-foreground:var(--gray)]',\n    '[--badge-soft:var(--gray-100)]',\n    '[--badge-soft-hover:var(--gray-200)]',\n    '[--badge-soft-foreground:var(--gray)]',\n    'dark:[--badge-solid:var(--gray)]',\n    'dark:[--badge-outline-border:var(--gray)]',\n    'dark:[--badge-outline-foreground:var(--gray)]',\n    'dark:[--badge-soft:var(--gray-950)]',\n    'dark:[--badge-soft-hover:var(--gray-900)]',\n    'dark:[--badge-soft-foreground:var(--gray)]'\n  ],\n  zinc: [\n    '[--badge-solid:var(--zinc)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--zinc)]',\n    '[--badge-outline-foreground:var(--zinc)]',\n    '[--badge-soft:var(--zinc-100)]',\n    '[--badge-soft-hover:var(--zinc-200)]',\n    '[--badge-soft-foreground:var(--zinc)]',\n    'dark:[--badge-solid:var(--zinc)]',\n    'dark:[--badge-outline-border:var(--zinc)]',\n    'dark:[--badge-outline-foreground:var(--zinc)]',\n    'dark:[--badge-soft:var(--zinc-950)]',\n    'dark:[--badge-soft-hover:var(--zinc-900)]',\n    'dark:[--badge-soft-foreground:var(--zinc)]'\n  ],\n  red: [\n    '[--badge-solid:var(--red)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--red)]',\n    '[--badge-outline-foreground:var(--red)]',\n    '[--badge-soft:var(--red-50)]',\n    '[--badge-soft-hover:var(--red-100)]',\n    '[--badge-soft-foreground:var(--red)]',\n    'dark:[--badge-solid:var(--red)]',\n    'dark:[--badge-outline-border:var(--red)]',\n    'dark:[--badge-outline-foreground:var(--red)]',\n    'dark:[--badge-soft:var(--red-950)]',\n    'dark:[--badge-soft-hover:var(--red-900)]',\n    'dark:[--badge-soft-foreground:var(--red)]'\n  ],\n  yellow: [\n    '[--badge-solid:var(--yellow)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--yellow)]',\n    '[--badge-outline-foreground:var(--yellow)]',\n    '[--badge-soft:var(--yellow-50)]',\n    '[--badge-soft-hover:var(--yellow-100)]',\n    '[--badge-soft-foreground:var(--yellow)]',\n    'dark:[--badge-solid:var(--yellow)]',\n    'dark:[--badge-outline-border:var(--yellow)]',\n    'dark:[--badge-outline-foreground:var(--yellow)]',\n    'dark:[--badge-soft:var(--yellow-950)]',\n    'dark:[--badge-soft-hover:var(--yellow-900)]',\n    'dark:[--badge-soft-foreground:var(--yellow)]'\n  ],\n  blue: [\n    '[--badge-solid:var(--blue)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--blue)]',\n    '[--badge-outline-foreground:var(--blue)]',\n    '[--badge-soft:var(--blue-50)]',\n    '[--badge-soft-hover:var(--blue-100)]',\n    '[--badge-soft-foreground:var(--blue)]',\n    'dark:[--badge-solid:var(--blue)]',\n    'dark:[--badge-outline-border:var(--blue)]',\n    'dark:[--badge-outline-foreground:var(--blue)]',\n    'dark:[--badge-soft:var(--blue-950)]',\n    'dark:[--badge-soft-hover:var(--blue-900)]',\n    'dark:[--badge-soft-foreground:var(--blue)]'\n  ],\n  indigo: [\n    '[--badge-solid:var(--indigo)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--indigo)]',\n    '[--badge-outline-foreground:var(--indigo)]',\n    '[--badge-soft:var(--indigo-50)]',\n    '[--badge-soft-hover:var(--indigo-100)]',\n    '[--badge-soft-foreground:var(--indigo)]',\n    'dark:[--badge-solid:var(--indigo)]',\n    'dark:[--badge-outline-border:var(--indigo)]',\n    'dark:[--badge-outline-foreground:var(--indigo)]',\n    'dark:[--badge-soft:var(--indigo-950)]',\n    'dark:[--badge-soft-hover:var(--indigo-900)]',\n    'dark:[--badge-soft-foreground:var(--indigo)]'\n  ],\n  pink: [\n    '[--badge-solid:var(--pink)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--pink)]',\n    '[--badge-outline-foreground:var(--pink)]',\n    '[--badge-soft:var(--pink-50)]',\n    '[--badge-soft-hover:var(--pink-100)]',\n    '[--badge-soft-foreground:var(--pink)]',\n    'dark:[--badge-solid:var(--pink)]',\n    'dark:[--badge-outline-border:var(--pink)]',\n    'dark:[--badge-outline-foreground:var(--pink)]',\n    'dark:[--badge-soft:var(--pink-950)]',\n    'dark:[--badge-soft-hover:var(--pink-900)]',\n    'dark:[--badge-soft-foreground:var(--pink)]'\n  ],\n  green: [\n    '[--badge-solid:var(--green)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--green)]',\n    '[--badge-outline-foreground:var(--green)]',\n    '[--badge-soft:var(--green-50)]',\n    '[--badge-soft-hover:var(--green-100)]',\n    '[--badge-soft-foreground:var(--green)]',\n    'dark:[--badge-solid:var(--green)]',\n    'dark:[--badge-outline-border:var(--green)]',\n    'dark:[--badge-outline-foreground:var(--green)]',\n    'dark:[--badge-soft:var(--green-950)]',\n    'dark:[--badge-soft-hover:var(--green-900)]',\n    'dark:[--badge-soft-foreground:var(--green)]'\n  ]\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type BadgeColor = UIColor\n"],"mappings":"AAEA,MAAaA,EAAqB,CAChC,QAAS,CACP,iCACA,4CACA,0CACA,8CACA,mCACA,0CACA,2CACA,sCACA,+CACA,mDACA,yCACA,+CACA,+CACF,EACA,MAAO,CACL,+BACA,4CACA,wCACA,4CACA,iCACA,wCACA,yCACA,oCACA,6CACA,iDACA,uCACA,6CACA,6CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,iCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,iCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,IAAK,CACH,6BACA,4CACA,sCACA,0CACA,+BACA,sCACA,uCACA,kCACA,2CACA,+CACA,qCACA,2CACA,2CACF,EACA,OAAQ,CACN,gCACA,4CACA,yCACA,6CACA,kCACA,yCACA,0CACA,qCACA,8CACA,kDACA,wCACA,8CACA,8CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,gCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,OAAQ,CACN,gCACA,4CACA,yCACA,6CACA,kCACA,yCACA,0CACA,qCACA,8CACA,kDACA,wCACA,8CACA,8CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,gCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,MAAO,CACL,+BACA,4CACA,wCACA,4CACA,iCACA,wCACA,yCACA,oCACA,6CACA,iDACA,uCACA,6CACA,6CACF,CACF"}
+{"version":3,"file":"badge.js","names":["badgeColorVariants"],"sources":["../../src/lib/badge.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const badgeColorVariants = {\n  primary: [\n    '[--badge-solid:var(--primary)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--primary)]',\n    '[--badge-outline-foreground:var(--primary)]',\n    '[--badge-soft:var(--primary-50)]',\n    '[--badge-soft-hover:var(--primary-100)]',\n    '[--badge-soft-foreground:var(--primary)]',\n    'dark:[--badge-solid:var(--primary)]',\n    'dark:[--badge-outline-border:var(--primary)]',\n    'dark:[--badge-outline-foreground:var(--primary)]',\n    'dark:[--badge-soft:var(--primary-950)]',\n    'dark:[--badge-soft-hover:var(--primary-900)]',\n    'dark:[--badge-soft-foreground:var(--primary)]'\n  ],\n  brand: [\n    '[--badge-solid:var(--brand)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--brand)]',\n    '[--badge-outline-foreground:var(--brand)]',\n    '[--badge-soft:var(--brand-50)]',\n    '[--badge-soft-hover:var(--brand-100)]',\n    '[--badge-soft-foreground:var(--brand)]',\n    'dark:[--badge-solid:var(--brand)]',\n    'dark:[--badge-outline-border:var(--brand)]',\n    'dark:[--badge-outline-foreground:var(--brand)]',\n    'dark:[--badge-soft:var(--brand-950)]',\n    'dark:[--badge-soft-hover:var(--brand-900)]',\n    'dark:[--badge-soft-foreground:var(--brand)]'\n  ],\n  gray: [\n    '[--badge-solid:var(--gray)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--gray)]',\n    '[--badge-outline-foreground:var(--gray)]',\n    '[--badge-soft:var(--gray-100)]',\n    '[--badge-soft-hover:var(--gray-200)]',\n    '[--badge-soft-foreground:var(--gray)]',\n    'dark:[--badge-solid:var(--gray)]',\n    'dark:[--badge-outline-border:var(--gray)]',\n    'dark:[--badge-outline-foreground:var(--gray)]',\n    'dark:[--badge-soft:var(--gray-950)]',\n    'dark:[--badge-soft-hover:var(--gray-900)]',\n    'dark:[--badge-soft-foreground:var(--gray)]'\n  ],\n  zinc: [\n    '[--badge-solid:var(--zinc)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--zinc)]',\n    '[--badge-outline-foreground:var(--zinc)]',\n    '[--badge-soft:var(--zinc-100)]',\n    '[--badge-soft-hover:var(--zinc-200)]',\n    '[--badge-soft-foreground:var(--zinc)]',\n    'dark:[--badge-solid:var(--zinc)]',\n    'dark:[--badge-outline-border:var(--zinc)]',\n    'dark:[--badge-outline-foreground:var(--zinc)]',\n    'dark:[--badge-soft:var(--zinc-950)]',\n    'dark:[--badge-soft-hover:var(--zinc-900)]',\n    'dark:[--badge-soft-foreground:var(--zinc)]'\n  ],\n  red: [\n    '[--badge-solid:var(--red)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--red)]',\n    '[--badge-outline-foreground:var(--red)]',\n    '[--badge-soft:var(--red-50)]',\n    '[--badge-soft-hover:var(--red-100)]',\n    '[--badge-soft-foreground:var(--red)]',\n    'dark:[--badge-solid:var(--red)]',\n    'dark:[--badge-outline-border:var(--red)]',\n    'dark:[--badge-outline-foreground:var(--red)]',\n    'dark:[--badge-soft:var(--red-950)]',\n    'dark:[--badge-soft-hover:var(--red-900)]',\n    'dark:[--badge-soft-foreground:var(--red)]'\n  ],\n  yellow: [\n    '[--badge-solid:var(--yellow)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--yellow)]',\n    '[--badge-outline-foreground:var(--yellow)]',\n    '[--badge-soft:var(--yellow-50)]',\n    '[--badge-soft-hover:var(--yellow-100)]',\n    '[--badge-soft-foreground:var(--yellow)]',\n    'dark:[--badge-solid:var(--yellow)]',\n    'dark:[--badge-outline-border:var(--yellow)]',\n    'dark:[--badge-outline-foreground:var(--yellow)]',\n    'dark:[--badge-soft:var(--yellow-950)]',\n    'dark:[--badge-soft-hover:var(--yellow-900)]',\n    'dark:[--badge-soft-foreground:var(--yellow)]'\n  ],\n  blue: [\n    '[--badge-solid:var(--blue)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--blue)]',\n    '[--badge-outline-foreground:var(--blue)]',\n    '[--badge-soft:var(--blue-50)]',\n    '[--badge-soft-hover:var(--blue-100)]',\n    '[--badge-soft-foreground:var(--blue)]',\n    'dark:[--badge-solid:var(--blue)]',\n    'dark:[--badge-outline-border:var(--blue)]',\n    'dark:[--badge-outline-foreground:var(--blue)]',\n    'dark:[--badge-soft:var(--blue-950)]',\n    'dark:[--badge-soft-hover:var(--blue-900)]',\n    'dark:[--badge-soft-foreground:var(--blue)]'\n  ],\n  indigo: [\n    '[--badge-solid:var(--indigo)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--indigo)]',\n    '[--badge-outline-foreground:var(--indigo)]',\n    '[--badge-soft:var(--indigo-50)]',\n    '[--badge-soft-hover:var(--indigo-100)]',\n    '[--badge-soft-foreground:var(--indigo)]',\n    'dark:[--badge-solid:var(--indigo)]',\n    'dark:[--badge-outline-border:var(--indigo)]',\n    'dark:[--badge-outline-foreground:var(--indigo)]',\n    'dark:[--badge-soft:var(--indigo-950)]',\n    'dark:[--badge-soft-hover:var(--indigo-900)]',\n    'dark:[--badge-soft-foreground:var(--indigo)]'\n  ],\n  pink: [\n    '[--badge-solid:var(--pink)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--pink)]',\n    '[--badge-outline-foreground:var(--pink)]',\n    '[--badge-soft:var(--pink-50)]',\n    '[--badge-soft-hover:var(--pink-100)]',\n    '[--badge-soft-foreground:var(--pink)]',\n    'dark:[--badge-solid:var(--pink)]',\n    'dark:[--badge-outline-border:var(--pink)]',\n    'dark:[--badge-outline-foreground:var(--pink)]',\n    'dark:[--badge-soft:var(--pink-950)]',\n    'dark:[--badge-soft-hover:var(--pink-900)]',\n    'dark:[--badge-soft-foreground:var(--pink)]'\n  ],\n  green: [\n    '[--badge-solid:var(--green)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--green)]',\n    '[--badge-outline-foreground:var(--green)]',\n    '[--badge-soft:var(--green-50)]',\n    '[--badge-soft-hover:var(--green-100)]',\n    '[--badge-soft-foreground:var(--green)]',\n    'dark:[--badge-solid:var(--green)]',\n    'dark:[--badge-outline-border:var(--green)]',\n    'dark:[--badge-outline-foreground:var(--green)]',\n    'dark:[--badge-soft:var(--green-950)]',\n    'dark:[--badge-soft-hover:var(--green-900)]',\n    'dark:[--badge-soft-foreground:var(--green)]'\n  ]\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type BadgeColor = UIColor\n"],"mappings":"AAEA,MAAaA,EAAqB,CAChC,QAAS,CACP,iCACA,4CACA,0CACA,8CACA,mCACA,0CACA,2CACA,sCACA,+CACA,mDACA,yCACA,+CACA,+CACF,EACA,MAAO,CACL,+BACA,4CACA,wCACA,4CACA,iCACA,wCACA,yCACA,oCACA,6CACA,iDACA,uCACA,6CACA,6CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,iCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,iCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,IAAK,CACH,6BACA,4CACA,sCACA,0CACA,+BACA,sCACA,uCACA,kCACA,2CACA,+CACA,qCACA,2CACA,2CACF,EACA,OAAQ,CACN,gCACA,4CACA,yCACA,6CACA,kCACA,yCACA,0CACA,qCACA,8CACA,kDACA,wCACA,8CACA,8CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,gCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,OAAQ,CACN,gCACA,4CACA,yCACA,6CACA,kCACA,yCACA,0CACA,qCACA,8CACA,kDACA,wCACA,8CACA,8CACF,EACA,KAAM,CACJ,8BACA,4CACA,uCACA,2CACA,gCACA,uCACA,wCACA,mCACA,4CACA,gDACA,sCACA,4CACA,4CACF,EACA,MAAO,CACL,+BACA,4CACA,wCACA,4CACA,iCACA,wCACA,yCACA,oCACA,6CACA,iDACA,uCACA,6CACA,6CACF,CACF,E"}

package/dist/lib/button.d.ts

@@ -1,6 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { UIColor } from "./color.js";
-//#region src/lib/button.d.ts
 export declare const buttonColorVariants: {
   readonly primary: readonly ["[--button-solid:var(--primary)]", "[--button-solid-hover:var(--primary-600)]", "[--button-solid-foreground:var(--zinc-50)]", "[--button-outline-border:var(--primary)]", "[--button-outline-foreground:var(--primary)]", "[--button-soft:var(--primary-50)]", "[--button-soft-hover:var(--primary-100)]", "[--button-soft-foreground:var(--primary)]", "[--button-ghost-hover:var(--primary-50)]", "[--button-ghost-foreground:var(--primary)]", "[--button-link-foreground:var(--primary)]", "dark:[--button-solid:var(--primary)]", "dark:[--button-solid-hover:var(--primary-600)]", "dark:[--button-outline-border:var(--primary)]", "dark:[--button-outline-foreground:var(--primary)]", "dark:[--button-soft:var(--primary-950)]", "dark:[--button-soft-hover:var(--primary-900)]", "dark:[--button-soft-foreground:var(--primary)]", "dark:[--button-ghost-hover:var(--primary-950)]", "dark:[--button-ghost-foreground:var(--primary)]", "dark:[--button-link-foreground:var(--primary)]"];
   readonly brand: readonly ["[--button-solid:var(--brand)]", "[--button-solid-hover:var(--brand-600)]", "[--button-solid-foreground:var(--zinc-50)]", "[--button-outline-border:var(--brand)]", "[--button-outline-foreground:var(--brand)]", "[--button-soft:var(--brand-50)]", "[--button-soft-hover:var(--brand-100)]", "[--button-soft-foreground:var(--brand)]", "[--button-ghost-hover:var(--brand-50)]", "[--button-ghost-foreground:var(--brand)]", "[--button-link-foreground:var(--brand)]", "dark:[--button-solid:var(--brand)]", "dark:[--button-solid-hover:var(--brand-600)]", "dark:[--button-outline-border:var(--brand)]", "dark:[--button-outline-foreground:var(--brand)]", "dark:[--button-soft:var(--brand-950)]", "dark:[--button-soft-hover:var(--brand-900)]", "dark:[--button-soft-foreground:var(--brand)]", "dark:[--button-ghost-hover:var(--brand-950)]", "dark:[--button-ghost-foreground:var(--brand)]", "dark:[--button-link-foreground:var(--brand)]"];
@@ -14,5 +13,4 @@ export declare const buttonColorVariants: {
   readonly green: readonly ["[--button-solid:var(--green)]", "[--button-solid-hover:var(--green-600)]", "[--button-solid-foreground:var(--zinc-50)]", "[--button-outline-border:var(--green)]", "[--button-outline-foreground:var(--green)]", "[--button-soft:var(--green-50)]", "[--button-soft-hover:var(--green-100)]", "[--button-soft-foreground:var(--green)]", "[--button-ghost-hover:var(--green-50)]", "[--button-ghost-foreground:var(--green)]", "[--button-link-foreground:var(--green)]", "dark:[--button-solid:var(--green)]", "dark:[--button-solid-hover:var(--green-600)]", "dark:[--button-outline-border:var(--green)]", "dark:[--button-outline-foreground:var(--green)]", "dark:[--button-soft:var(--green-950)]", "dark:[--button-soft-hover:var(--green-900)]", "dark:[--button-soft-foreground:var(--green)]", "dark:[--button-ghost-hover:var(--green-950)]", "dark:[--button-ghost-foreground:var(--green)]", "dark:[--button-link-foreground:var(--green)]"];
 };
 export type ButtonColor = UIColor;
-//#endregion
 //# sourceMappingURL=button.d.ts.map

package/dist/lib/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonColorVariants"],"sources":["../../src/lib/button.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const buttonColorVariants = {\n  primary: [\n    '[--button-solid:var(--primary)]',\n    '[--button-solid-hover:var(--primary-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--primary)]',\n    '[--button-outline-foreground:var(--primary)]',\n    '[--button-soft:var(--primary-50)]',\n    '[--button-soft-hover:var(--primary-100)]',\n    '[--button-soft-foreground:var(--primary)]',\n    '[--button-ghost-hover:var(--primary-50)]',\n    '[--button-ghost-foreground:var(--primary)]',\n    '[--button-link-foreground:var(--primary)]',\n    'dark:[--button-solid:var(--primary)]',\n    'dark:[--button-solid-hover:var(--primary-600)]',\n    'dark:[--button-outline-border:var(--primary)]',\n    'dark:[--button-outline-foreground:var(--primary)]',\n    'dark:[--button-soft:var(--primary-950)]',\n    'dark:[--button-soft-hover:var(--primary-900)]',\n    'dark:[--button-soft-foreground:var(--primary)]',\n    'dark:[--button-ghost-hover:var(--primary-950)]',\n    'dark:[--button-ghost-foreground:var(--primary)]',\n    'dark:[--button-link-foreground:var(--primary)]'\n  ],\n  brand: [\n    '[--button-solid:var(--brand)]',\n    '[--button-solid-hover:var(--brand-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--brand)]',\n    '[--button-outline-foreground:var(--brand)]',\n    '[--button-soft:var(--brand-50)]',\n    '[--button-soft-hover:var(--brand-100)]',\n    '[--button-soft-foreground:var(--brand)]',\n    '[--button-ghost-hover:var(--brand-50)]',\n    '[--button-ghost-foreground:var(--brand)]',\n    '[--button-link-foreground:var(--brand)]',\n    'dark:[--button-solid:var(--brand)]',\n    'dark:[--button-solid-hover:var(--brand-600)]',\n    'dark:[--button-outline-border:var(--brand)]',\n    'dark:[--button-outline-foreground:var(--brand)]',\n    'dark:[--button-soft:var(--brand-950)]',\n    'dark:[--button-soft-hover:var(--brand-900)]',\n    'dark:[--button-soft-foreground:var(--brand)]',\n    'dark:[--button-ghost-hover:var(--brand-950)]',\n    'dark:[--button-ghost-foreground:var(--brand)]',\n    'dark:[--button-link-foreground:var(--brand)]'\n  ],\n  gray: [\n    '[--button-solid:var(--gray)]',\n    '[--button-solid-hover:var(--gray-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--gray)]',\n    '[--button-outline-foreground:var(--gray)]',\n    '[--button-soft:var(--gray-100)]',\n    '[--button-soft-hover:var(--gray-200)]',\n    '[--button-soft-foreground:var(--gray)]',\n    '[--button-ghost-hover:var(--gray-100)]',\n    '[--button-ghost-foreground:var(--gray)]',\n    '[--button-link-foreground:var(--gray)]',\n    'dark:[--button-solid:var(--gray)]',\n    'dark:[--button-solid-hover:var(--gray-600)]',\n    'dark:[--button-outline-border:var(--gray)]',\n    'dark:[--button-outline-foreground:var(--gray)]',\n    'dark:[--button-soft:var(--gray-950)]',\n    'dark:[--button-soft-hover:var(--gray-900)]',\n    'dark:[--button-soft-foreground:var(--gray)]',\n    'dark:[--button-ghost-hover:var(--gray-950)]',\n    'dark:[--button-ghost-foreground:var(--gray)]',\n    'dark:[--button-link-foreground:var(--gray)]'\n  ],\n  zinc: [\n    '[--button-solid:var(--zinc)]',\n    '[--button-solid-hover:var(--zinc-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--zinc)]',\n    '[--button-outline-foreground:var(--zinc)]',\n    '[--button-soft:var(--zinc-100)]',\n    '[--button-soft-hover:var(--zinc-200)]',\n    '[--button-soft-foreground:var(--zinc)]',\n    '[--button-ghost-hover:var(--zinc-100)]',\n    '[--button-ghost-foreground:var(--zinc)]',\n    '[--button-link-foreground:var(--zinc)]',\n    'dark:[--button-solid:var(--zinc)]',\n    'dark:[--button-solid-hover:var(--zinc-600)]',\n    'dark:[--button-outline-border:var(--zinc)]',\n    'dark:[--button-outline-foreground:var(--zinc)]',\n    'dark:[--button-soft:var(--zinc-950)]',\n    'dark:[--button-soft-hover:var(--zinc-900)]',\n    'dark:[--button-soft-foreground:var(--zinc)]',\n    'dark:[--button-ghost-hover:var(--zinc-950)]',\n    'dark:[--button-ghost-foreground:var(--zinc)]',\n    'dark:[--button-link-foreground:var(--zinc)]'\n  ],\n  red: [\n    '[--button-solid:var(--red)]',\n    '[--button-solid-hover:var(--red-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--red)]',\n    '[--button-outline-foreground:var(--red)]',\n    '[--button-soft:var(--red-50)]',\n    '[--button-soft-hover:var(--red-100)]',\n    '[--button-soft-foreground:var(--red)]',\n    '[--button-ghost-hover:var(--red-50)]',\n    '[--button-ghost-foreground:var(--red)]',\n    '[--button-link-foreground:var(--red)]',\n    'dark:[--button-solid:var(--red)]',\n    'dark:[--button-solid-hover:var(--red-600)]',\n    'dark:[--button-outline-border:var(--red)]',\n    'dark:[--button-outline-foreground:var(--red)]',\n    'dark:[--button-soft:var(--red-950)]',\n    'dark:[--button-soft-hover:var(--red-900)]',\n    'dark:[--button-soft-foreground:var(--red)]',\n    'dark:[--button-ghost-hover:var(--red-950)]',\n    'dark:[--button-ghost-foreground:var(--red)]',\n    'dark:[--button-link-foreground:var(--red)]'\n  ],\n  yellow: [\n    '[--button-solid:var(--yellow)]',\n    '[--button-solid-hover:var(--yellow-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--yellow)]',\n    '[--button-outline-foreground:var(--yellow)]',\n    '[--button-soft:var(--yellow-50)]',\n    '[--button-soft-hover:var(--yellow-100)]',\n    '[--button-soft-foreground:var(--yellow)]',\n    '[--button-ghost-hover:var(--yellow-50)]',\n    '[--button-ghost-foreground:var(--yellow)]',\n    '[--button-link-foreground:var(--yellow)]',\n    'dark:[--button-solid:var(--yellow)]',\n    'dark:[--button-solid-hover:var(--yellow-600)]',\n    'dark:[--button-outline-border:var(--yellow)]',\n    'dark:[--button-outline-foreground:var(--yellow)]',\n    'dark:[--button-soft:var(--yellow-950)]',\n    'dark:[--button-soft-hover:var(--yellow-900)]',\n    'dark:[--button-soft-foreground:var(--yellow)]',\n    'dark:[--button-ghost-hover:var(--yellow-950)]',\n    'dark:[--button-ghost-foreground:var(--yellow)]',\n    'dark:[--button-link-foreground:var(--yellow)]'\n  ],\n  blue: [\n    '[--button-solid:var(--blue)]',\n    '[--button-solid-hover:var(--blue-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--blue)]',\n    '[--button-outline-foreground:var(--blue)]',\n    '[--button-soft:var(--blue-50)]',\n    '[--button-soft-hover:var(--blue-100)]',\n    '[--button-soft-foreground:var(--blue)]',\n    '[--button-ghost-hover:var(--blue-50)]',\n    '[--button-ghost-foreground:var(--blue)]',\n    '[--button-link-foreground:var(--blue)]',\n    'dark:[--button-solid:var(--blue)]',\n    'dark:[--button-solid-hover:var(--blue-600)]',\n    'dark:[--button-outline-border:var(--blue)]',\n    'dark:[--button-outline-foreground:var(--blue)]',\n    'dark:[--button-soft:var(--blue-950)]',\n    'dark:[--button-soft-hover:var(--blue-900)]',\n    'dark:[--button-soft-foreground:var(--blue)]',\n    'dark:[--button-ghost-hover:var(--blue-950)]',\n    'dark:[--button-ghost-foreground:var(--blue)]',\n    'dark:[--button-link-foreground:var(--blue)]'\n  ],\n  indigo: [\n    '[--button-solid:var(--indigo)]',\n    '[--button-solid-hover:var(--indigo-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--indigo)]',\n    '[--button-outline-foreground:var(--indigo)]',\n    '[--button-soft:var(--indigo-50)]',\n    '[--button-soft-hover:var(--indigo-100)]',\n    '[--button-soft-foreground:var(--indigo)]',\n    '[--button-ghost-hover:var(--indigo-50)]',\n    '[--button-ghost-foreground:var(--indigo)]',\n    '[--button-link-foreground:var(--indigo)]',\n    'dark:[--button-solid:var(--indigo)]',\n    'dark:[--button-solid-hover:var(--indigo-600)]',\n    'dark:[--button-outline-border:var(--indigo)]',\n    'dark:[--button-outline-foreground:var(--indigo)]',\n    'dark:[--button-soft:var(--indigo-950)]',\n    'dark:[--button-soft-hover:var(--indigo-900)]',\n    'dark:[--button-soft-foreground:var(--indigo)]',\n    'dark:[--button-ghost-hover:var(--indigo-950)]',\n    'dark:[--button-ghost-foreground:var(--indigo)]',\n    'dark:[--button-link-foreground:var(--indigo)]'\n  ],\n  pink: [\n    '[--button-solid:var(--pink)]',\n    '[--button-solid-hover:var(--pink-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--pink)]',\n    '[--button-outline-foreground:var(--pink)]',\n    '[--button-soft:var(--pink-50)]',\n    '[--button-soft-hover:var(--pink-100)]',\n    '[--button-soft-foreground:var(--pink)]',\n    '[--button-ghost-hover:var(--pink-50)]',\n    '[--button-ghost-foreground:var(--pink)]',\n    '[--button-link-foreground:var(--pink)]',\n    'dark:[--button-solid:var(--pink)]',\n    'dark:[--button-solid-hover:var(--pink-600)]',\n    'dark:[--button-outline-border:var(--pink)]',\n    'dark:[--button-outline-foreground:var(--pink)]',\n    'dark:[--button-soft:var(--pink-950)]',\n    'dark:[--button-soft-hover:var(--pink-900)]',\n    'dark:[--button-soft-foreground:var(--pink)]',\n    'dark:[--button-ghost-hover:var(--pink-950)]',\n    'dark:[--button-ghost-foreground:var(--pink)]',\n    'dark:[--button-link-foreground:var(--pink)]'\n  ],\n  green: [\n    '[--button-solid:var(--green)]',\n    '[--button-solid-hover:var(--green-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--green)]',\n    '[--button-outline-foreground:var(--green)]',\n    '[--button-soft:var(--green-50)]',\n    '[--button-soft-hover:var(--green-100)]',\n    '[--button-soft-foreground:var(--green)]',\n    '[--button-ghost-hover:var(--green-50)]',\n    '[--button-ghost-foreground:var(--green)]',\n    '[--button-link-foreground:var(--green)]',\n    'dark:[--button-solid:var(--green)]',\n    'dark:[--button-solid-hover:var(--green-600)]',\n    'dark:[--button-outline-border:var(--green)]',\n    'dark:[--button-outline-foreground:var(--green)]',\n    'dark:[--button-soft:var(--green-950)]',\n    'dark:[--button-soft-hover:var(--green-900)]',\n    'dark:[--button-soft-foreground:var(--green)]',\n    'dark:[--button-ghost-hover:var(--green-950)]',\n    'dark:[--button-ghost-foreground:var(--green)]',\n    'dark:[--button-link-foreground:var(--green)]'\n  ]\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type ButtonColor = UIColor\n"],"mappings":"AAEA,MAAaA,EAAsB,CACjC,QAAS,CACP,kCACA,4CACA,6CACA,2CACA,+CACA,oCACA,2CACA,4CACA,2CACA,6CACA,4CACA,uCACA,iDACA,gDACA,oDACA,0CACA,gDACA,iDACA,iDACA,kDACA,gDACF,EACA,MAAO,CACL,gCACA,0CACA,6CACA,yCACA,6CACA,kCACA,yCACA,0CACA,yCACA,2CACA,0CACA,qCACA,+CACA,8CACA,kDACA,wCACA,8CACA,+CACA,+CACA,gDACA,8CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,kCACA,wCACA,yCACA,yCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,kCACA,wCACA,yCACA,yCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,IAAK,CACH,8BACA,wCACA,6CACA,uCACA,2CACA,gCACA,uCACA,wCACA,uCACA,yCACA,wCACA,mCACA,6CACA,4CACA,gDACA,sCACA,4CACA,6CACA,6CACA,8CACA,4CACF,EACA,OAAQ,CACN,iCACA,2CACA,6CACA,0CACA,8CACA,mCACA,0CACA,2CACA,0CACA,4CACA,2CACA,sCACA,gDACA,+CACA,mDACA,yCACA,+CACA,gDACA,gDACA,iDACA,+CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,iCACA,wCACA,yCACA,wCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,OAAQ,CACN,iCACA,2CACA,6CACA,0CACA,8CACA,mCACA,0CACA,2CACA,0CACA,4CACA,2CACA,sCACA,gDACA,+CACA,mDACA,yCACA,+CACA,gDACA,gDACA,iDACA,+CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,iCACA,wCACA,yCACA,wCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,MAAO,CACL,gCACA,0CACA,6CACA,yCACA,6CACA,kCACA,yCACA,0CACA,yCACA,2CACA,0CACA,qCACA,+CACA,8CACA,kDACA,wCACA,8CACA,+CACA,+CACA,gDACA,8CACF,CACF"}
+{"version":3,"file":"button.js","names":["buttonColorVariants"],"sources":["../../src/lib/button.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const buttonColorVariants = {\n  primary: [\n    '[--button-solid:var(--primary)]',\n    '[--button-solid-hover:var(--primary-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--primary)]',\n    '[--button-outline-foreground:var(--primary)]',\n    '[--button-soft:var(--primary-50)]',\n    '[--button-soft-hover:var(--primary-100)]',\n    '[--button-soft-foreground:var(--primary)]',\n    '[--button-ghost-hover:var(--primary-50)]',\n    '[--button-ghost-foreground:var(--primary)]',\n    '[--button-link-foreground:var(--primary)]',\n    'dark:[--button-solid:var(--primary)]',\n    'dark:[--button-solid-hover:var(--primary-600)]',\n    'dark:[--button-outline-border:var(--primary)]',\n    'dark:[--button-outline-foreground:var(--primary)]',\n    'dark:[--button-soft:var(--primary-950)]',\n    'dark:[--button-soft-hover:var(--primary-900)]',\n    'dark:[--button-soft-foreground:var(--primary)]',\n    'dark:[--button-ghost-hover:var(--primary-950)]',\n    'dark:[--button-ghost-foreground:var(--primary)]',\n    'dark:[--button-link-foreground:var(--primary)]'\n  ],\n  brand: [\n    '[--button-solid:var(--brand)]',\n    '[--button-solid-hover:var(--brand-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--brand)]',\n    '[--button-outline-foreground:var(--brand)]',\n    '[--button-soft:var(--brand-50)]',\n    '[--button-soft-hover:var(--brand-100)]',\n    '[--button-soft-foreground:var(--brand)]',\n    '[--button-ghost-hover:var(--brand-50)]',\n    '[--button-ghost-foreground:var(--brand)]',\n    '[--button-link-foreground:var(--brand)]',\n    'dark:[--button-solid:var(--brand)]',\n    'dark:[--button-solid-hover:var(--brand-600)]',\n    'dark:[--button-outline-border:var(--brand)]',\n    'dark:[--button-outline-foreground:var(--brand)]',\n    'dark:[--button-soft:var(--brand-950)]',\n    'dark:[--button-soft-hover:var(--brand-900)]',\n    'dark:[--button-soft-foreground:var(--brand)]',\n    'dark:[--button-ghost-hover:var(--brand-950)]',\n    'dark:[--button-ghost-foreground:var(--brand)]',\n    'dark:[--button-link-foreground:var(--brand)]'\n  ],\n  gray: [\n    '[--button-solid:var(--gray)]',\n    '[--button-solid-hover:var(--gray-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--gray)]',\n    '[--button-outline-foreground:var(--gray)]',\n    '[--button-soft:var(--gray-100)]',\n    '[--button-soft-hover:var(--gray-200)]',\n    '[--button-soft-foreground:var(--gray)]',\n    '[--button-ghost-hover:var(--gray-100)]',\n    '[--button-ghost-foreground:var(--gray)]',\n    '[--button-link-foreground:var(--gray)]',\n    'dark:[--button-solid:var(--gray)]',\n    'dark:[--button-solid-hover:var(--gray-600)]',\n    'dark:[--button-outline-border:var(--gray)]',\n    'dark:[--button-outline-foreground:var(--gray)]',\n    'dark:[--button-soft:var(--gray-950)]',\n    'dark:[--button-soft-hover:var(--gray-900)]',\n    'dark:[--button-soft-foreground:var(--gray)]',\n    'dark:[--button-ghost-hover:var(--gray-950)]',\n    'dark:[--button-ghost-foreground:var(--gray)]',\n    'dark:[--button-link-foreground:var(--gray)]'\n  ],\n  zinc: [\n    '[--button-solid:var(--zinc)]',\n    '[--button-solid-hover:var(--zinc-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--zinc)]',\n    '[--button-outline-foreground:var(--zinc)]',\n    '[--button-soft:var(--zinc-100)]',\n    '[--button-soft-hover:var(--zinc-200)]',\n    '[--button-soft-foreground:var(--zinc)]',\n    '[--button-ghost-hover:var(--zinc-100)]',\n    '[--button-ghost-foreground:var(--zinc)]',\n    '[--button-link-foreground:var(--zinc)]',\n    'dark:[--button-solid:var(--zinc)]',\n    'dark:[--button-solid-hover:var(--zinc-600)]',\n    'dark:[--button-outline-border:var(--zinc)]',\n    'dark:[--button-outline-foreground:var(--zinc)]',\n    'dark:[--button-soft:var(--zinc-950)]',\n    'dark:[--button-soft-hover:var(--zinc-900)]',\n    'dark:[--button-soft-foreground:var(--zinc)]',\n    'dark:[--button-ghost-hover:var(--zinc-950)]',\n    'dark:[--button-ghost-foreground:var(--zinc)]',\n    'dark:[--button-link-foreground:var(--zinc)]'\n  ],\n  red: [\n    '[--button-solid:var(--red)]',\n    '[--button-solid-hover:var(--red-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--red)]',\n    '[--button-outline-foreground:var(--red)]',\n    '[--button-soft:var(--red-50)]',\n    '[--button-soft-hover:var(--red-100)]',\n    '[--button-soft-foreground:var(--red)]',\n    '[--button-ghost-hover:var(--red-50)]',\n    '[--button-ghost-foreground:var(--red)]',\n    '[--button-link-foreground:var(--red)]',\n    'dark:[--button-solid:var(--red)]',\n    'dark:[--button-solid-hover:var(--red-600)]',\n    'dark:[--button-outline-border:var(--red)]',\n    'dark:[--button-outline-foreground:var(--red)]',\n    'dark:[--button-soft:var(--red-950)]',\n    'dark:[--button-soft-hover:var(--red-900)]',\n    'dark:[--button-soft-foreground:var(--red)]',\n    'dark:[--button-ghost-hover:var(--red-950)]',\n    'dark:[--button-ghost-foreground:var(--red)]',\n    'dark:[--button-link-foreground:var(--red)]'\n  ],\n  yellow: [\n    '[--button-solid:var(--yellow)]',\n    '[--button-solid-hover:var(--yellow-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--yellow)]',\n    '[--button-outline-foreground:var(--yellow)]',\n    '[--button-soft:var(--yellow-50)]',\n    '[--button-soft-hover:var(--yellow-100)]',\n    '[--button-soft-foreground:var(--yellow)]',\n    '[--button-ghost-hover:var(--yellow-50)]',\n    '[--button-ghost-foreground:var(--yellow)]',\n    '[--button-link-foreground:var(--yellow)]',\n    'dark:[--button-solid:var(--yellow)]',\n    'dark:[--button-solid-hover:var(--yellow-600)]',\n    'dark:[--button-outline-border:var(--yellow)]',\n    'dark:[--button-outline-foreground:var(--yellow)]',\n    'dark:[--button-soft:var(--yellow-950)]',\n    'dark:[--button-soft-hover:var(--yellow-900)]',\n    'dark:[--button-soft-foreground:var(--yellow)]',\n    'dark:[--button-ghost-hover:var(--yellow-950)]',\n    'dark:[--button-ghost-foreground:var(--yellow)]',\n    'dark:[--button-link-foreground:var(--yellow)]'\n  ],\n  blue: [\n    '[--button-solid:var(--blue)]',\n    '[--button-solid-hover:var(--blue-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--blue)]',\n    '[--button-outline-foreground:var(--blue)]',\n    '[--button-soft:var(--blue-50)]',\n    '[--button-soft-hover:var(--blue-100)]',\n    '[--button-soft-foreground:var(--blue)]',\n    '[--button-ghost-hover:var(--blue-50)]',\n    '[--button-ghost-foreground:var(--blue)]',\n    '[--button-link-foreground:var(--blue)]',\n    'dark:[--button-solid:var(--blue)]',\n    'dark:[--button-solid-hover:var(--blue-600)]',\n    'dark:[--button-outline-border:var(--blue)]',\n    'dark:[--button-outline-foreground:var(--blue)]',\n    'dark:[--button-soft:var(--blue-950)]',\n    'dark:[--button-soft-hover:var(--blue-900)]',\n    'dark:[--button-soft-foreground:var(--blue)]',\n    'dark:[--button-ghost-hover:var(--blue-950)]',\n    'dark:[--button-ghost-foreground:var(--blue)]',\n    'dark:[--button-link-foreground:var(--blue)]'\n  ],\n  indigo: [\n    '[--button-solid:var(--indigo)]',\n    '[--button-solid-hover:var(--indigo-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--indigo)]',\n    '[--button-outline-foreground:var(--indigo)]',\n    '[--button-soft:var(--indigo-50)]',\n    '[--button-soft-hover:var(--indigo-100)]',\n    '[--button-soft-foreground:var(--indigo)]',\n    '[--button-ghost-hover:var(--indigo-50)]',\n    '[--button-ghost-foreground:var(--indigo)]',\n    '[--button-link-foreground:var(--indigo)]',\n    'dark:[--button-solid:var(--indigo)]',\n    'dark:[--button-solid-hover:var(--indigo-600)]',\n    'dark:[--button-outline-border:var(--indigo)]',\n    'dark:[--button-outline-foreground:var(--indigo)]',\n    'dark:[--button-soft:var(--indigo-950)]',\n    'dark:[--button-soft-hover:var(--indigo-900)]',\n    'dark:[--button-soft-foreground:var(--indigo)]',\n    'dark:[--button-ghost-hover:var(--indigo-950)]',\n    'dark:[--button-ghost-foreground:var(--indigo)]',\n    'dark:[--button-link-foreground:var(--indigo)]'\n  ],\n  pink: [\n    '[--button-solid:var(--pink)]',\n    '[--button-solid-hover:var(--pink-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--pink)]',\n    '[--button-outline-foreground:var(--pink)]',\n    '[--button-soft:var(--pink-50)]',\n    '[--button-soft-hover:var(--pink-100)]',\n    '[--button-soft-foreground:var(--pink)]',\n    '[--button-ghost-hover:var(--pink-50)]',\n    '[--button-ghost-foreground:var(--pink)]',\n    '[--button-link-foreground:var(--pink)]',\n    'dark:[--button-solid:var(--pink)]',\n    'dark:[--button-solid-hover:var(--pink-600)]',\n    'dark:[--button-outline-border:var(--pink)]',\n    'dark:[--button-outline-foreground:var(--pink)]',\n    'dark:[--button-soft:var(--pink-950)]',\n    'dark:[--button-soft-hover:var(--pink-900)]',\n    'dark:[--button-soft-foreground:var(--pink)]',\n    'dark:[--button-ghost-hover:var(--pink-950)]',\n    'dark:[--button-ghost-foreground:var(--pink)]',\n    'dark:[--button-link-foreground:var(--pink)]'\n  ],\n  green: [\n    '[--button-solid:var(--green)]',\n    '[--button-solid-hover:var(--green-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--green)]',\n    '[--button-outline-foreground:var(--green)]',\n    '[--button-soft:var(--green-50)]',\n    '[--button-soft-hover:var(--green-100)]',\n    '[--button-soft-foreground:var(--green)]',\n    '[--button-ghost-hover:var(--green-50)]',\n    '[--button-ghost-foreground:var(--green)]',\n    '[--button-link-foreground:var(--green)]',\n    'dark:[--button-solid:var(--green)]',\n    'dark:[--button-solid-hover:var(--green-600)]',\n    'dark:[--button-outline-border:var(--green)]',\n    'dark:[--button-outline-foreground:var(--green)]',\n    'dark:[--button-soft:var(--green-950)]',\n    'dark:[--button-soft-hover:var(--green-900)]',\n    'dark:[--button-soft-foreground:var(--green)]',\n    'dark:[--button-ghost-hover:var(--green-950)]',\n    'dark:[--button-ghost-foreground:var(--green)]',\n    'dark:[--button-link-foreground:var(--green)]'\n  ]\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type ButtonColor = UIColor\n"],"mappings":"AAEA,MAAaA,EAAsB,CACjC,QAAS,CACP,kCACA,4CACA,6CACA,2CACA,+CACA,oCACA,2CACA,4CACA,2CACA,6CACA,4CACA,uCACA,iDACA,gDACA,oDACA,0CACA,gDACA,iDACA,iDACA,kDACA,gDACF,EACA,MAAO,CACL,gCACA,0CACA,6CACA,yCACA,6CACA,kCACA,yCACA,0CACA,yCACA,2CACA,0CACA,qCACA,+CACA,8CACA,kDACA,wCACA,8CACA,+CACA,+CACA,gDACA,8CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,kCACA,wCACA,yCACA,yCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,kCACA,wCACA,yCACA,yCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,IAAK,CACH,8BACA,wCACA,6CACA,uCACA,2CACA,gCACA,uCACA,wCACA,uCACA,yCACA,wCACA,mCACA,6CACA,4CACA,gDACA,sCACA,4CACA,6CACA,6CACA,8CACA,4CACF,EACA,OAAQ,CACN,iCACA,2CACA,6CACA,0CACA,8CACA,mCACA,0CACA,2CACA,0CACA,4CACA,2CACA,sCACA,gDACA,+CACA,mDACA,yCACA,+CACA,gDACA,gDACA,iDACA,+CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,iCACA,wCACA,yCACA,wCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,OAAQ,CACN,iCACA,2CACA,6CACA,0CACA,8CACA,mCACA,0CACA,2CACA,0CACA,4CACA,2CACA,sCACA,gDACA,+CACA,mDACA,yCACA,+CACA,gDACA,gDACA,iDACA,+CACF,EACA,KAAM,CACJ,+BACA,yCACA,6CACA,wCACA,4CACA,iCACA,wCACA,yCACA,wCACA,0CACA,yCACA,oCACA,8CACA,6CACA,iDACA,uCACA,6CACA,8CACA,8CACA,+CACA,6CACF,EACA,MAAO,CACL,gCACA,0CACA,6CACA,yCACA,6CACA,kCACA,yCACA,0CACA,yCACA,2CACA,0CACA,qCACA,+CACA,8CACA,kDACA,wCACA,8CACA,+CACA,+CACA,gDACA,8CACF,CACF,E"}

package/dist/lib/color.d.ts

@@ -1,5 +1,4 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-//#region src/lib/color.d.ts
 export declare const uiColors: readonly ['primary', 'brand', 'gray', 'zinc', 'red', 'yellow', 'blue', 'indigo', 'pink', 'green'];
 export type UIColor = (typeof uiColors)[number];
 export declare const selectionControlColorVariants: {
@@ -14,5 +13,4 @@ export declare const selectionControlColorVariants: {
   readonly pink: readonly ["[--selection-control:var(--pink)]", "[--selection-control-foreground:var(--zinc-50)]"];
   readonly green: readonly ["[--selection-control:var(--green)]", "[--selection-control-foreground:var(--zinc-50)]"];
 };
-//#endregion
 //# sourceMappingURL=color.d.ts.map

package/dist/lib/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["uiColors","selectionControlColorVariants"],"sources":["../../src/lib/color.ts"],"sourcesContent":["export const uiColors = [\n  'primary',\n  'brand',\n  'gray',\n  'zinc',\n  'red',\n  'yellow',\n  'blue',\n  'indigo',\n  'pink',\n  'green'\n] as const\n\nexport type UIColor = (typeof uiColors)[number]\n\nexport const selectionControlColorVariants = {\n  primary: ['[--selection-control:var(--primary)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  brand: ['[--selection-control:var(--brand)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  gray: ['[--selection-control:var(--gray)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  zinc: ['[--selection-control:var(--zinc)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  red: ['[--selection-control:var(--red)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  yellow: ['[--selection-control:var(--yellow)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  blue: ['[--selection-control:var(--blue)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  indigo: ['[--selection-control:var(--indigo)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  pink: ['[--selection-control:var(--pink)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  green: ['[--selection-control:var(--green)]', '[--selection-control-foreground:var(--zinc-50)]']\n} as const satisfies Record<UIColor, readonly string[]>\n"],"mappings":"AAAA,MAAaA,EAAW,CACtB,UACA,QACA,OACA,OACA,MACA,SACA,OACA,SACA,OACA,OACF,EAIaC,EAAgC,CAC3C,QAAS,CAAC,uCAAwC,iDAAiD,EACnG,MAAO,CAAC,qCAAsC,iDAAiD,EAC/F,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,IAAK,CAAC,mCAAoC,iDAAiD,EAC3F,OAAQ,CAAC,sCAAuC,iDAAiD,EACjG,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,OAAQ,CAAC,sCAAuC,iDAAiD,EACjG,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,MAAO,CAAC,qCAAsC,iDAAiD,CACjG"}
+{"version":3,"file":"color.js","names":["uiColors","selectionControlColorVariants"],"sources":["../../src/lib/color.ts"],"sourcesContent":["export const uiColors = [\n  'primary',\n  'brand',\n  'gray',\n  'zinc',\n  'red',\n  'yellow',\n  'blue',\n  'indigo',\n  'pink',\n  'green'\n] as const\n\nexport type UIColor = (typeof uiColors)[number]\n\nexport const selectionControlColorVariants = {\n  primary: ['[--selection-control:var(--primary)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  brand: ['[--selection-control:var(--brand)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  gray: ['[--selection-control:var(--gray)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  zinc: ['[--selection-control:var(--zinc)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  red: ['[--selection-control:var(--red)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  yellow: ['[--selection-control:var(--yellow)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  blue: ['[--selection-control:var(--blue)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  indigo: ['[--selection-control:var(--indigo)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  pink: ['[--selection-control:var(--pink)]', '[--selection-control-foreground:var(--zinc-50)]'],\n  green: ['[--selection-control:var(--green)]', '[--selection-control-foreground:var(--zinc-50)]']\n} as const satisfies Record<UIColor, readonly string[]>\n"],"mappings":"AAAA,MAAaA,EAAW,CACtB,UACA,QACA,OACA,OACA,MACA,SACA,OACA,SACA,OACA,OACF,EAIaC,EAAgC,CAC3C,QAAS,CAAC,uCAAwC,iDAAiD,EACnG,MAAO,CAAC,qCAAsC,iDAAiD,EAC/F,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,IAAK,CAAC,mCAAoC,iDAAiD,EAC3F,OAAQ,CAAC,sCAAuC,iDAAiD,EACjG,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,OAAQ,CAAC,sCAAuC,iDAAiD,EACjG,KAAM,CAAC,oCAAqC,iDAAiD,EAC7F,MAAO,CAAC,qCAAsC,iDAAiD,CACjG,E"}

package/dist/lib/compose-refs.d.ts

@@ -1,7 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
-//#region src/lib/compose-refs.d.ts
 export declare function setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void;
 export declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
-//#endregion
 //# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/compose-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose-refs.js","names":["ref","value","refs"],"sources":["../../src/lib/compose-refs.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport function setRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nexport function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n"],"mappings":"wCAEA,SAAgB,OAAU,EAA+B,EAAiB,CACpE,OAAOA,GAAQ,WACjBA,EAAIC,CAAK,EAIPD,IACF,EAAI,QAAUC,EAElB,CAEA,SAAgB,YAAe,GAAGC,EAA6D,CAC7F,MAAQ,IAAU,CAChBA,EAAK,QAAS,GAAQ,CACpB,OAAOF,EAAKC,CAAK,CACnB,CAAC,CACH,CACF"}
+{"version":3,"file":"compose-refs.js","names":["ref","value","refs"],"sources":["../../src/lib/compose-refs.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport function setRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nexport function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n"],"mappings":"A,wCAEA,SAAgB,OAAU,EAA+B,EAAiB,CACpE,OAAOA,GAAQ,WACjBA,EAAIC,CAAK,EAIPD,IACF,EAAI,QAAUC,EAElB,CAEA,SAAgB,YAAe,GAAGC,EAA6D,CAC7F,MAAQ,IAAU,CAChBA,EAAK,QAAS,GAAQ,CACpB,OAAOF,EAAKC,CAAK,CACnB,CAAC,CACH,CACF,C"}

package/dist/lib/progress.d.ts

@@ -1,6 +1,5 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { UIColor } from "./color.js";
-//#region src/lib/progress.d.ts
 export declare const progressColorVariants: {
   readonly primary: readonly ["[--progress-color:var(--primary)]"];
   readonly brand: readonly ["[--progress-color:var(--brand)]"];
@@ -14,5 +13,4 @@ export declare const progressColorVariants: {
   readonly green: readonly ["[--progress-color:var(--green)]"];
 };
 export type ProgressColor = UIColor;
-//#endregion
 //# sourceMappingURL=progress.d.ts.map

package/dist/lib/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["progressColorVariants"],"sources":["../../src/lib/progress.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const progressColorVariants = {\n  primary: ['[--progress-color:var(--primary)]'],\n  brand: ['[--progress-color:var(--brand)]'],\n  gray: ['[--progress-color:var(--gray)]'],\n  zinc: ['[--progress-color:var(--zinc)]'],\n  red: ['[--progress-color:var(--red)]'],\n  yellow: ['[--progress-color:var(--yellow)]'],\n  blue: ['[--progress-color:var(--blue)]'],\n  indigo: ['[--progress-color:var(--indigo)]'],\n  pink: ['[--progress-color:var(--pink)]'],\n  green: ['[--progress-color:var(--green)]']\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type ProgressColor = UIColor\n"],"mappings":"AAEA,MAAaA,EAAwB,CACnC,QAAS,CAAC,mCAAmC,EAC7C,MAAO,CAAC,iCAAiC,EACzC,KAAM,CAAC,gCAAgC,EACvC,KAAM,CAAC,gCAAgC,EACvC,IAAK,CAAC,+BAA+B,EACrC,OAAQ,CAAC,kCAAkC,EAC3C,KAAM,CAAC,gCAAgC,EACvC,OAAQ,CAAC,kCAAkC,EAC3C,KAAM,CAAC,gCAAgC,EACvC,MAAO,CAAC,iCAAiC,CAC3C"}
+{"version":3,"file":"progress.js","names":["progressColorVariants"],"sources":["../../src/lib/progress.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const progressColorVariants = {\n  primary: ['[--progress-color:var(--primary)]'],\n  brand: ['[--progress-color:var(--brand)]'],\n  gray: ['[--progress-color:var(--gray)]'],\n  zinc: ['[--progress-color:var(--zinc)]'],\n  red: ['[--progress-color:var(--red)]'],\n  yellow: ['[--progress-color:var(--yellow)]'],\n  blue: ['[--progress-color:var(--blue)]'],\n  indigo: ['[--progress-color:var(--indigo)]'],\n  pink: ['[--progress-color:var(--pink)]'],\n  green: ['[--progress-color:var(--green)]']\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type ProgressColor = UIColor\n"],"mappings":"AAEA,MAAaA,EAAwB,CACnC,QAAS,CAAC,mCAAmC,EAC7C,MAAO,CAAC,iCAAiC,EACzC,KAAM,CAAC,gCAAgC,EACvC,KAAM,CAAC,gCAAgC,EACvC,IAAK,CAAC,+BAA+B,EACrC,OAAQ,CAAC,kCAAkC,EAC3C,KAAM,CAAC,gCAAgC,EACvC,OAAQ,CAAC,kCAAkC,EAC3C,KAAM,CAAC,gCAAgC,EACvC,MAAO,CAAC,iCAAiC,CAC3C,E"}

package/dist/lib/utils.d.ts

@@ -1,9 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
 import { cn } from "cn";
-//#region src/lib/utils.d.ts
 export declare function randomId(prefix?: string): string;
 export declare function stopPropagationHandler<E extends React.SyntheticEvent>(handler?: (event: E) => void): (event: E) => void;
-//#endregion
 export { cn };
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["prefix","handler","event","cn"],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport { cn } from 'cn'\n\nexport function randomId(prefix = 'max-') {\n  return `${prefix}${Math.random().toString(36).slice(2, 11)}`\n}\n\nexport function stopPropagationHandler<E extends React.SyntheticEvent>(handler?: (event: E) => void) {\n  return (event: E) => {\n    handler?.(event)\n    event.stopPropagation()\n  }\n}\n"],"mappings":"gEAIA,SAAgB,SAAS,EAAS,OAAQ,CACxC,MAAO,GAAGA,IAAS,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAG,EAAE,GAC3D,CAEA,SAAgB,uBAAuD,EAA8B,CACnG,MAAQ,IAAa,CACnBC,IAAUC,CAAK,EACfA,EAAM,gBAAgB,CACxB,CACF"}
+{"version":3,"file":"utils.js","names":["prefix","handler","event","cn"],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport { cn } from 'cn'\n\nexport function randomId(prefix = 'max-') {\n  return `${prefix}${Math.random().toString(36).slice(2, 11)}`\n}\n\nexport function stopPropagationHandler<E extends React.SyntheticEvent>(handler?: (event: E) => void) {\n  return (event: E) => {\n    handler?.(event)\n    event.stopPropagation()\n  }\n}\n"],"mappings":"A,gEAIA,SAAgB,SAAS,EAAS,OAAQ,CACxC,MAAO,GAAGA,IAAS,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAG,EAAE,GAC3D,CAEA,SAAgB,uBAAuD,EAA8B,CACnG,MAAQ,IAAa,CACnBC,IAAUC,CAAK,EACfA,EAAM,gBAAgB,CACxB,CACF,C"}