@wow-two-beta/ui 0.0.4 → 0.0.5

package/dist/layout/index.d.ts

@@ -1,2 +1,606 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
-export {  }
+interface BoxProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
+    /** HTML element to render. Default `div`. */
+    as?: ElementType;
+}
+/**
+ * The lowest-level layout primitive. Renders any element (default `div`)
+ * with className passthrough. Use as a styling shell when no other layout
+ * atom fits.
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLElement>>;
+
+declare const stackVariants: tailwind_variants.TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, {
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}>, {
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}, {
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+    wrap: {
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+}>, unknown, unknown, undefined>>;
+type StackVariants = VariantProps<typeof stackVariants>;
+
+interface StackProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, StackVariants {
+    as?: ElementType;
+}
+/**
+ * Vertical (default) or horizontal flex container with gap and alignment
+ * variants. For row preset use `HStack`, for column use `VStack`.
+ */
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
+
+type HStackProps = Omit<StackProps, 'direction'>;
+/** Stack preset: `direction="row"`. */
+declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLElement>>;
+
+type VStackProps = Omit<StackProps, 'direction'>;
+/** Stack preset: `direction="column"` (default). Provided for symmetry with HStack. */
+declare const VStack: react.ForwardRefExoticComponent<VStackProps & react.RefAttributes<HTMLElement>>;
+
+declare const gridVariants: tailwind_variants.TVReturnType<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, undefined, "grid", tailwind_variants_dist_config_js.TVConfig<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, {
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}>, {
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, undefined, "grid", tailwind_variants_dist_config_js.TVConfig<{
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}, {
+    columns: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '12': string;
+    };
+    gap: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+    };
+}>, unknown, unknown, undefined>>;
+type GridVariants = VariantProps<typeof gridVariants>;
+
+interface GridProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, GridVariants {
+    as?: ElementType;
+}
+/**
+ * CSS grid container with column and gap variants. For non-uniform tracks
+ * pass an explicit `style={{ gridTemplateColumns }}` — the variant covers
+ * the equal-column case.
+ */
+declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
+
+declare const containerVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, "mx-auto w-full px-4", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, "mx-auto w-full px-4", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ContainerVariants = VariantProps<typeof containerVariants>;
+
+interface ContainerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, ContainerVariants {
+    as?: ElementType;
+}
+/**
+ * Centered max-width wrapper with horizontal padding. Use at page-level to
+ * constrain content width.
+ */
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLElement>>;
+
+interface FlexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
+    as?: ElementType;
+}
+/**
+ * Bare flex container — no opinions on direction, gap, or alignment.
+ * Use for one-off flex layouts that don't fit `Stack`'s variant matrix.
+ */
+declare const Flex: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<HTMLElement>>;
+
+interface AspectRatioProps extends ComponentPropsWithoutRef<'div'> {
+    /** Numeric ratio (width/height). Default 1 (square). */
+    ratio?: number;
+}
+/**
+ * Constrain children to an aspect ratio (width / height). Children are
+ * absolutely positioned and stretched to fill — typically pass a single
+ * `<img>`, `<video>`, or `<iframe>` with `className="absolute inset-0 w-full h-full"`.
+ */
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SpacerProps extends ComponentPropsWithoutRef<'div'> {
+    /** Optional explicit size (CSS length). When inside a flex/grid parent,
+     *  the default `flex: 1` already pushes siblings apart. */
+    size?: number | string;
+    axis?: 'horizontal' | 'vertical';
+}
+/**
+ * A flexible empty box. In a flex parent it expands (`flex: 1`) and pushes
+ * siblings to opposite ends. Pass `size` for a fixed gap.
+ */
+declare const Spacer: react.ForwardRefExoticComponent<SpacerProps & react.RefAttributes<HTMLDivElement>>;
+
+type CenterProps = ComponentPropsWithoutRef<'div'>;
+/** Flex shorthand that centers its children both axes. */
+declare const Center: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+interface ScrollAreaProps extends ComponentPropsWithoutRef<'div'> {
+    axis?: 'vertical' | 'horizontal' | 'both';
+}
+/**
+ * Native scrollable container with stable visuals. For custom-styled
+ * scrollbars (track + thumb separately animated) use the L5 ScrollArea
+ * organism. This atom exists for the common case.
+ */
+declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AspectRatio, type AspectRatioProps, Box, type BoxProps, Center, type CenterProps, Container, type ContainerProps, type ContainerVariants, Flex, type FlexProps, Grid, type GridProps, type GridVariants, HStack, type HStackProps, ScrollArea, type ScrollAreaProps, Spacer, type SpacerProps, Stack, type StackProps, type StackVariants, VStack, type VStackProps, containerVariants, gridVariants, stackVariants };

package/dist/layout/index.js

@@ -1,3 +1,7 @@
-import '../chunk-A2OBJDIK.js';
+export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants } from '../chunk-SYG6ZE42.js';
+import '../chunk-BMBIZLO4.js';
+import '../chunk-DN7WBRIV.js';
+import '../chunk-KZ4VFY2T.js';
+import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.js

@@ -1,5 +1,8 @@
-export { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, FormControlProvider, Portal, Presence, RovingFocusGroup, ScrollLockProvider, Slot, VisuallyHidden, createCollection, useDirection, useFormControl, useRovingFocusItem } from '../chunk-T3JN5Y3E.js';
-import '../chunk-KDXJQNB6.js';
+export { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, Portal, Presence, RovingFocusGroup, ScrollLockProvider, VisuallyHidden, createCollection, useDirection, useRovingFocusItem } from '../chunk-JCMV6IT4.js';
+export { FormControlProvider, useFormControl } from '../chunk-Q27NAHVB.js';
+import '../chunk-77WSI427.js';
+import '../chunk-JTJEI6MF.js';
+export { Slot } from '../chunk-33IOXQYO.js';
 import '../chunk-DN7WBRIV.js';
 import '../chunk-KZ4VFY2T.js';
 import '../chunk-PZ5AY32C.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wow-two-beta/ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Beta-forever React UI library for the wow-two ecosystem.",
   "license": "MIT",
   "repository": {

package/dist/chunk-A2OBJDIK.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-A2OBJDIK.js.map
-//# sourceMappingURL=chunk-A2OBJDIK.js.map

package/dist/chunk-A2OBJDIK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-A2OBJDIK.js"}

package/dist/chunk-AOHZGL6F.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/index.ts","../src/hooks/useControlled.ts","../src/hooks/useDisclosure.ts","../src/hooks/useEventListener.ts","../src/hooks/useOutsideClick.ts","../src/hooks/useEscape.ts","../src/hooks/useFocusTrap.ts","../src/hooks/useResizeObserver.ts","../src/hooks/useMediaQuery.ts"],"names":["useState","useCallback","useRef","useEffect"],"mappings":"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","file":"chunk-AOHZGL6F.js","sourcesContent":["export { useId } from './useId';\nexport { useControlled } from './useControlled';\nexport { useDisclosure, type DisclosureControls } from './useDisclosure';\nexport { useEventListener } from './useEventListener';\nexport { useOutsideClick } from './useOutsideClick';\nexport { useEscape } from './useEscape';\nexport { useFocusTrap } from './useFocusTrap';\nexport { useScrollLock } from './useScrollLock';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useMediaQuery } from './useMediaQuery';\n","import { useCallback, useRef, useState } from 'react';\n\ninterface UseControlledOptions<T> {\n  controlled: T | undefined;\n  default: T;\n  onChange?: (value: T) => void;\n}\n\n/**\n * Standard controlled/uncontrolled pattern.\n *\n * - If `controlled` is defined, the component is controlled — internal state is\n *   ignored, `setValue` only fires `onChange`.\n * - Otherwise the component owns its state, `setValue` updates it, and `onChange`\n *   still fires for consumers that want to observe changes.\n */\nexport function useControlled<T>({\n  controlled,\n  default: defaultValue,\n  onChange,\n}: UseControlledOptions<T>): [T, (value: T) => void] {\n  const [uncontrolled, setUncontrolled] = useState<T>(defaultValue);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const isControlled = controlled !== undefined;\n  const value = isControlled ? controlled : uncontrolled;\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!isControlled) setUncontrolled(next);\n      onChangeRef.current?.(next);\n    },\n    [isControlled],\n  );\n\n  return [value, setValue];\n}\n","import { useCallback, useState } from 'react';\n\nexport interface DisclosureControls {\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n  setOpen: (next: boolean) => void;\n}\n\n/**\n * Minimal open/close state with stable callbacks. The standard backbone for\n * Modal, Drawer, Popover, Menu, Accordion, etc. Use `useControlled` underneath\n * when the consumer may also pass a controlled `open` prop.\n */\nexport function useDisclosure(initial = false): DisclosureControls {\n  const [isOpen, setIsOpen] = useState(initial);\n  const open = useCallback(() => setIsOpen(true), []);\n  const close = useCallback(() => setIsOpen(false), []);\n  const toggle = useCallback(() => setIsOpen((o) => !o), []);\n  return { isOpen, open, close, toggle, setOpen: setIsOpen };\n}\n","import { useEffect, useLayoutEffect, useRef } from 'react';\n\ntype Target = Window | Document | HTMLElement | null;\n\n/**\n * Add an event listener and clean it up automatically. Handler is read from\n * a ref so consumers don't need to memoize it.\n */\nexport function useEventListener<K extends string>(\n  event: K,\n  handler: (event: Event) => void,\n  target: Target = document,\n  options?: boolean | AddEventListenerOptions,\n): void {\n  const handlerRef = useRef(handler);\n  useLayoutEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    if (!target) return;\n    const listener = (e: Event) => handlerRef.current(e);\n    target.addEventListener(event, listener, options);\n    return () => target.removeEventListener(event, listener, options);\n  }, [event, target, options]);\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/**\n * Fire `handler` when the user clicks outside any of the provided refs.\n * Uses `pointerdown` so it fires before focus shifts (avoids losing focus\n * inside an overlay before a click on a trigger registers).\n */\nexport function useOutsideClick(\n  refs: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n  handler: (event: PointerEvent) => void,\n  enabled = true,\n): void {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n\n  useEffect(() => {\n    if (!enabled) return;\n    const refList = Array.isArray(refs) ? refs : [refs];\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node | null;\n      if (!target) return;\n      for (const ref of refList) {\n        if (ref.current && ref.current.contains(target)) return;\n      }\n      handlerRef.current(e);\n    };\n\n    document.addEventListener('pointerdown', onPointerDown, true);\n    return () => document.removeEventListener('pointerdown', onPointerDown, true);\n  }, [refs, enabled]);\n}\n","import { useEffect, useRef } from 'react';\n\n/**\n * Fire `handler` when the Escape key is pressed at the document level.\n * For nested overlays, the topmost should call `event.stopPropagation()` in\n * its handler — `DismissableLayer` handles this stack-style.\n */\nexport function useEscape(handler: (event: KeyboardEvent) => void, enabled = true): void {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n\n  useEffect(() => {\n    if (!enabled) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') handlerRef.current(e);\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [enabled]);\n}\n","import { useEffect, type RefObject } from 'react';\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nfunction getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (el) => !el.hasAttribute('aria-hidden') && el.offsetParent !== null,\n  );\n}\n\n/**\n * Trap Tab / Shift+Tab focus inside the referenced element. On mount, focuses\n * the first focusable child (unless already focused inside). On unmount,\n * returns focus to the element that had it before mounting.\n *\n * For richer behavior (sentinels, nested traps), wrap `FocusScope` instead —\n * this hook is the lower primitive.\n */\nexport function useFocusTrap(ref: RefObject<HTMLElement | null>, enabled = true): void {\n  useEffect(() => {\n    if (!enabled || !ref.current) return;\n    const container = ref.current;\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    const focusables = getFocusable(container);\n    if (focusables.length > 0 && !container.contains(document.activeElement)) {\n      focusables[0]?.focus();\n    } else if (focusables.length === 0) {\n      container.tabIndex = -1;\n      container.focus();\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const items = getFocusable(container);\n      if (items.length === 0) {\n        e.preventDefault();\n        return;\n      }\n      const first = items[0];\n      const last = items[items.length - 1];\n      if (!first || !last) return;\n      const active = document.activeElement;\n      if (e.shiftKey && active === first) {\n        e.preventDefault();\n        last.focus();\n      } else if (!e.shiftKey && active === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    };\n\n    container.addEventListener('keydown', onKeyDown);\n    return () => {\n      container.removeEventListener('keydown', onKeyDown);\n      previouslyFocused?.focus?.();\n    };\n  }, [ref, enabled]);\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/**\n * Run `callback` whenever the referenced element's size changes. Returns\n * synchronously after layout, before paint. Cleans up automatically.\n */\nexport function useResizeObserver<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n  enabled = true,\n): void {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || !ref.current || typeof ResizeObserver === 'undefined') return;\n    const element = ref.current;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) callbackRef.current(entry);\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled]);\n}\n","import { useEffect, useState } from 'react';\n\n/**\n * Reactively follow a CSS media query. Pass a query string like\n * `'(min-width: 768px)'` or `'(prefers-reduced-motion: reduce)'`.\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState(() => window.matchMedia(query).matches);\n\n  useEffect(() => {\n    const mql = window.matchMedia(query);\n    setMatches(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches);\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [query]);\n\n  return matches;\n}\n"]}

package/dist/chunk-KDXJQNB6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useId.ts","../src/hooks/useScrollLock.ts"],"names":["useReactId"],"mappings":";;;AAMO,SAAS,MAAM,MAAA,EAAyB;AAC7C,EAAA,MAAM,KAAKA,OAAA,EAAW;AACtB,EAAA,OAAO,MAAA,GAAS,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA,GAAK,EAAA;AACtC;ACPA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAkC,IAAA;AACtC,IAAI,oBAAA,GAAsC,IAAA;AAE1C,SAAS,iBAAA,GAA4B;AACnC,EAAA,OAAO,MAAA,CAAO,UAAA,GAAa,QAAA,CAAS,eAAA,CAAgB,WAAA;AACtD;AAOO,SAAS,aAAA,CAAc,UAAU,IAAA,EAAY;AAClD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,MAAA,MAAM,iBAAiB,iBAAA,EAAkB;AACzC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAClC,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AACtB,MAAA,IAAI,iBAAiB,CAAA,EAAG;AACtB,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,cAAc,CAAA,EAAA,CAAA;AAAA,MAC7C;AAAA,IACF;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,QAAA,IAAA,CAAK,KAAA,CAAM,WAAW,gBAAA,IAAoB,EAAA;AAC1C,QAAA,IAAA,CAAK,KAAA,CAAM,eAAe,oBAAA,IAAwB,EAAA;AAClD,QAAA,gBAAA,GAAmB,IAAA;AACnB,QAAA,oBAAA,GAAuB,IAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"chunk-KDXJQNB6.js","sourcesContent":["import { useId as useReactId } from 'react';\n\n/**\n * Wraps React 19's `useId`. Optionally accepts a stable prefix so generated\n * IDs are easier to spot in DevTools (e.g. `useId('checkbox')` → `:r2:-checkbox`).\n */\nexport function useId(prefix?: string): string {\n  const id = useReactId();\n  return prefix ? `${id}-${prefix}` : id;\n}\n","import { useEffect } from 'react';\n\nlet lockCount = 0;\nlet originalOverflow: string | null = null;\nlet originalPaddingRight: string | null = null;\n\nfunction getScrollbarWidth(): number {\n  return window.innerWidth - document.documentElement.clientWidth;\n}\n\n/**\n * Prevent body scroll while at least one consumer has the lock active.\n * Internally counted — multiple overlays may lock; only the last unlock restores.\n * Compensates for scrollbar width to avoid layout shift.\n */\nexport function useScrollLock(enabled = true): void {\n  useEffect(() => {\n    if (!enabled) return;\n    if (lockCount === 0) {\n      const body = document.body;\n      const scrollbarWidth = getScrollbarWidth();\n      originalOverflow = body.style.overflow;\n      originalPaddingRight = body.style.paddingRight;\n      body.style.overflow = 'hidden';\n      if (scrollbarWidth > 0) {\n        body.style.paddingRight = `${scrollbarWidth}px`;\n      }\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        const body = document.body;\n        body.style.overflow = originalOverflow ?? '';\n        body.style.paddingRight = originalPaddingRight ?? '';\n        originalOverflow = null;\n        originalPaddingRight = null;\n      }\n    };\n  }, [enabled]);\n}\n"]}