@forgedevstack/bear 1.0.6 → 1.0.7

package/dist/components/index.js

@@ -4,19 +4,19 @@ import { Grid as a, GridCompound as n, GridItem as i } from "./Grid/Grid.js";
 import { Button as c } from "./Button/Button.js";
 import { ButtonGroup as C } from "./ButtonGroup/ButtonGroup.js";
 import { Card as u, CardBody as I, CardCompound as S, CardFooter as h, CardHeader as B } from "./Card/Card.js";
-import { Badge as b } from "./Badge/Badge.js";
-import { Paper as g } from "./Paper/Paper.js";
-import { Divider as k } from "./Divider/Divider.js";
+import { Badge as T } from "./Badge/Badge.js";
+import { Paper as P } from "./Paper/Paper.js";
+import { Divider as v } from "./Divider/Divider.js";
 import { Typography as A } from "./Typography/Typography.js";
-import { Link as G } from "./Link/Link.js";
-import { Spinner as F } from "./Spinner/Spinner.js";
-import { Alert as y } from "./Alert/Alert.js";
-import { Rating as E } from "./Rating/Rating.js";
+import { Link as D } from "./Link/Link.js";
+import { Spinner as G } from "./Spinner/Spinner.js";
+import { Alert as F } from "./Alert/Alert.js";
+import { Rating as y } from "./Rating/Rating.js";
 import { BearIcons as N } from "./Icon/index.js";
-import { ChevronDownIcon as O, ChevronRightIcon as U, MenuIcon as V, CloseIcon as X } from "./Icon/icons/navigation.js";
-import { RemoveIcon as q, AddIcon as z, SearchIcon as J, SettingsIcon as Q } from "./Icon/icons/action.js";
-import { CheckIcon as Y } from "./Icon/icons/status.js";
-import { BearPawIcon as _ } from "./Icon/icons/misc.js";
+import { ChevronDownIcon as O, ChevronRightIcon as V, MenuIcon as j, CloseIcon as J } from "./Icon/icons/navigation.js";
+import { RemoveIcon as X, AddIcon as _, SearchIcon as q, SettingsIcon as z } from "./Icon/icons/action.js";
+import { CheckIcon as W } from "./Icon/icons/status.js";
+import { BearPawIcon as Z } from "./Icon/icons/misc.js";
 import { BearLogo as oo } from "./BearLogo/BearLogo.js";
 import { EmberLogo as eo } from "./BearLogo/EmberLogo.js";
 import { Modal as po } from "./Modal/Modal.js";
@@ -26,40 +26,40 @@ import { Menu as io, MenuDivider as co, MenuItem as lo } from "./Menu/Menu.js";
 import { Dropdown as so } from "./Dropdown/Dropdown.js";
 import { SpeedDial as Io } from "./SpeedDial/SpeedDial.js";
 import { Input as ho } from "./Input/Input.js";
-import { Select as To } from "./Select/Select.js";
-import { Switch as Po } from "./Switch/Switch.js";
-import { Checkbox as vo } from "./Checkbox/Checkbox.js";
+import { Select as go } from "./Select/Select.js";
+import { Switch as bo } from "./Switch/Switch.js";
+import { Checkbox as ko } from "./Checkbox/Checkbox.js";
 import { Radio as Lo, RadioGroup as Ao } from "./Radio/Radio.js";
-import { MultiSelect as Go } from "./MultiSelect/MultiSelect.js";
-import { Autocomplete as Fo } from "./Autocomplete/Autocomplete.js";
-import { TransferList as yo } from "./TransferList/TransferList.js";
-import { DataTable as Eo, createColumns as Ho } from "./DataTable/DataTable.js";
+import { MultiSelect as Do } from "./MultiSelect/MultiSelect.js";
+import { Autocomplete as Go } from "./Autocomplete/Autocomplete.js";
+import { TransferList as Fo } from "./TransferList/TransferList.js";
+import { DataTable as yo, createColumns as Ho } from "./DataTable/DataTable.js";
 import { Carousel as Ko } from "./Carousel/Carousel.js";
-import { Accordion as Uo, AccordionItem as Vo } from "./Accordion/Accordion.js";
-import { Tab as jo, TabList as qo, TabPanel as zo, Tabs as Jo } from "./Tabs/Tabs.js";
-import { Avatar as Wo, AvatarGroup as Yo } from "./Avatar/Avatar.js";
-import { Progress as _o } from "./Progress/Progress.js";
+import { Accordion as Vo, AccordionItem as jo } from "./Accordion/Accordion.js";
+import { Tab as Uo, TabList as Xo, TabPanel as _o, Tabs as qo } from "./Tabs/Tabs.js";
+import { Avatar as Qo, AvatarGroup as Wo } from "./Avatar/Avatar.js";
+import { Progress as Zo } from "./Progress/Progress.js";
 import { List as or, ListItem as rr, ListItemButton as er, ListItemIcon as tr, ListItemText as pr, ListSubheader as mr } from "./List/List.js";
 import { Fab as fr } from "./Fab/Fab.js";
 import { ToastContainer as nr, ToastProvider as ir, useToast as dr } from "./Toast/Toast.js";
 import { Skeleton as lr, SkeletonAvatar as Cr, SkeletonCard as sr, SkeletonText as ur } from "./Skeleton/Skeleton.js";
 import { Pagination as Sr } from "./Pagination/Pagination.js";
 import { Slider as Br } from "./Slider/Slider.js";
-import { BearLoader as br } from "./BearLoader/BearLoader.js";
-import { Calendar as gr } from "./Calendar/Calendar.js";
-import { DatePicker as kr } from "./DatePicker/DatePicker.js";
+import { BearLoader as Tr } from "./BearLoader/BearLoader.js";
+import { Calendar as Pr } from "./Calendar/Calendar.js";
+import { DatePicker as vr } from "./DatePicker/DatePicker.js";
 import { TimePicker as Ar } from "./TimePicker/TimePicker.js";
-import { Breadcrumbs as Gr } from "./Breadcrumbs/Breadcrumbs.js";
-import { Stepper as Fr, StepperControls as wr } from "./Stepper/Stepper.js";
-import { BottomNavigation as Rr } from "./BottomNavigation/BottomNavigation.js";
+import { Breadcrumbs as Dr } from "./Breadcrumbs/Breadcrumbs.js";
+import { Stepper as Gr, StepperControls as Rr } from "./Stepper/Stepper.js";
+import { BottomNavigation as wr } from "./BottomNavigation/BottomNavigation.js";
 import { AppBar as Hr } from "./AppBar/AppBar.js";
 import { Popover as Kr } from "./Popover/Popover.js";
-import { Chip as Ur } from "./Chip/Chip.js";
-import { TreeView as Xr } from "./TreeView/TreeView.js";
-import { Timeline as qr } from "./Timeline/Timeline.js";
-import { Statistic as Jr } from "./Statistic/Statistic.js";
-import { EmptyState as Wr } from "./EmptyState/EmptyState.js";
-import { Image as Zr } from "./Image/Image.js";
+import { Chip as Vr } from "./Chip/Chip.js";
+import { TreeView as Jr } from "./TreeView/TreeView.js";
+import { Timeline as Xr } from "./Timeline/Timeline.js";
+import { Statistic as qr } from "./Statistic/Statistic.js";
+import { EmptyState as Qr } from "./EmptyState/EmptyState.js";
+import { Image as Yr } from "./Image/Image.js";
 import { FileUpload as $r } from "./FileUpload/FileUpload.js";
 import { NumberInput as re } from "./NumberInput/NumberInput.js";
 import { OTPInput as te } from "./OTPInput/OTPInput.js";
@@ -73,20 +73,20 @@ import { SidebarGroup as Ie } from "./Sidebar/components/SidebarGroup/SidebarGro
 import "react/jsx-runtime";
 import "react";
 import { Column as he, Columns as Be } from "./Columns/Columns.js";
-import { Box as be } from "./Box/Box.js";
-import { Em as ge } from "./Em/Em.js";
-import { Highlight as ke } from "./Highlight/Highlight.js";
+import { Box as Te } from "./Box/Box.js";
+import { Em as Pe } from "./Em/Em.js";
+import { Highlight as ve } from "./Highlight/Highlight.js";
 import { Mark as Ae } from "./Mark/Mark.js";
-import { Editable as Ge } from "./Editable/Editable.js";
-import { HoverCard as Fe } from "./HoverCard/HoverCard.js";
-import { CodeBlock as ye } from "./CodeBlock/CodeBlock.js";
-import { ActiveBar as Ee } from "./ActiveBar/ActiveBar.js";
+import { Editable as De } from "./Editable/Editable.js";
+import { HoverCard as Ge } from "./HoverCard/HoverCard.js";
+import { CodeBlock as Fe } from "./CodeBlock/CodeBlock.js";
+import { ActiveBar as ye } from "./ActiveBar/ActiveBar.js";
 import { RichEditor as Ne } from "./RichEditor/RichEditor.js";
 import { StatCard as Oe } from "./StatCard/StatCard.js";
-import { ActivityItem as Ve } from "./ActivityItem/ActivityItem.js";
-import { BarChart as je, Chart as qe, LineChart as ze, PieChart as Je } from "./Chart/Chart.js";
-import { Sparkline as We } from "./Sparkline/Sparkline.js";
-import { Gauge as Ze } from "./Gauge/Gauge.js";
+import { ActivityItem as je } from "./ActivityItem/ActivityItem.js";
+import { BarChart as Ue, Chart as Xe, LineChart as _e, PieChart as qe } from "./Chart/Chart.js";
+import { Sparkline as Qe } from "./Sparkline/Sparkline.js";
+import { Gauge as Ye } from "./Gauge/Gauge.js";
 import { SignPad as $e } from "./SignPad/SignPad.js";
 import { Cascader as rt } from "./Cascader/Cascader.js";
 import { Form as tt } from "./Form/Form.js";
@@ -95,29 +95,40 @@ import { NotificationCenter as at } from "./NotificationCenter/NotificationCente
 import { PhoneInput as it } from "./PhoneInput/PhoneInput.js";
 import { CreditInput as ct } from "./CreditInput/CreditInput.js";
 import { CommandPalette as Ct } from "./CommandPalette/CommandPalette.js";
-import { Icon as ut } from "./Icon/Icon.js";
+import { SegmentedControl as ut } from "./SegmentedControl/SegmentedControl.js";
+import { TagsInput as St } from "./TagsInput/TagsInput.js";
+import { BottomSheet as Bt } from "./BottomSheet/BottomSheet.js";
+import { SliderRange as Tt } from "./SliderRange/SliderRange.js";
+import { MentionsInput as Pt } from "./MentionsInput/MentionsInput.js";
+import { Kanban as vt } from "./Kanban/Kanban.js";
+import { EmojiPicker as At } from "./EmojiPicker/EmojiPicker.js";
+import { BEAR_EMOJIS as Dt } from "./EmojiPicker/EmojiPicker.const.js";
+import { VirtualList as Gt } from "./VirtualList/VirtualList.js";
+import { Icon as Ft } from "./Icon/Icon.js";
 export {
-  Uo as Accordion,
-  Vo as AccordionItem,
-  Ee as ActiveBar,
-  Ve as ActivityItem,
-  y as Alert,
+  Vo as Accordion,
+  jo as AccordionItem,
+  ye as ActiveBar,
+  je as ActivityItem,
+  F as Alert,
   Hr as AppBar,
-  Fo as Autocomplete,
-  Wo as Avatar,
-  Yo as AvatarGroup,
-  b as Badge,
-  je as BarChart,
+  Go as Autocomplete,
+  Qo as Avatar,
+  Wo as AvatarGroup,
+  Dt as BEAR_EMOJIS,
+  T as Badge,
+  Ue as BarChart,
   N as BearIcons,
-  br as BearLoader,
+  Tr as BearLoader,
   oo as BearLogo,
-  _ as BearPawIcon,
-  Rr as BottomNavigation,
-  be as Box,
-  Gr as Breadcrumbs,
+  Z as BearPawIcon,
+  wr as BottomNavigation,
+  Bt as BottomSheet,
+  Te as Box,
+  Dr as Breadcrumbs,
   c as Button,
   C as ButtonGroup,
-  gr as Calendar,
+  Pr as Calendar,
   u as Card,
   I as CardBody,
   S as CardCompound,
@@ -125,13 +136,13 @@ export {
   B as CardHeader,
   Ko as Carousel,
   rt as Cascader,
-  qe as Chart,
-  Y as CheckIcon,
-  vo as Checkbox,
+  Xe as Chart,
+  W as CheckIcon,
+  ko as Checkbox,
   O as ChevronDownIcon,
-  U as ChevronRightIcon,
-  Ur as Chip,
-  ye as CodeBlock,
+  V as ChevronRightIcon,
+  Vr as Chip,
+  Fe as CodeBlock,
   ne as Collapsible,
   me as ColorPicker,
   he as Column,
@@ -140,31 +151,33 @@ export {
   p as Container,
   le as CopyButton,
   ct as CreditInput,
-  Eo as DataTable,
-  kr as DatePicker,
-  k as Divider,
+  yo as DataTable,
+  vr as DatePicker,
+  v as Divider,
   xo as Drawer,
   so as Dropdown,
-  Ge as Editable,
-  ge as Em,
+  De as Editable,
+  Pe as Em,
   eo as EmberLogo,
-  Wr as EmptyState,
+  At as EmojiPicker,
+  Qr as EmptyState,
   fr as Fab,
   $r as FileUpload,
   x as Flex,
   tt as Form,
-  Ze as Gauge,
+  Ye as Gauge,
   a as Grid,
   n as GridCompound,
   i as GridItem,
-  ke as Highlight,
-  Fe as HoverCard,
-  ut as Icon,
-  Zr as Image,
+  ve as Highlight,
+  Ge as HoverCard,
+  Ft as Icon,
+  Yr as Image,
   ho as Input,
+  vt as Kanban,
   de as Kbd,
-  ze as LineChart,
-  G as Link,
+  _e as LineChart,
+  D as Link,
   or as List,
   rr as ListItem,
   er as ListItemButton,
@@ -172,31 +185,33 @@ export {
   pr as ListItemText,
   mr as ListSubheader,
   Ae as Mark,
+  Pt as MentionsInput,
   io as Menu,
   co as MenuDivider,
-  V as MenuIcon,
+  j as MenuIcon,
   lo as MenuItem,
-  q as MinusIcon,
+  X as MinusIcon,
   po as Modal,
-  Go as MultiSelect,
+  Do as MultiSelect,
   at as NotificationCenter,
   re as NumberInput,
   te as OTPInput,
   Sr as Pagination,
-  g as Paper,
+  P as Paper,
   it as PhoneInput,
-  Je as PieChart,
-  z as PlusIcon,
+  qe as PieChart,
+  _ as PlusIcon,
   Kr as Popover,
-  _o as Progress,
+  Zo as Progress,
   Lo as Radio,
   Ao as RadioGroup,
-  E as Rating,
+  y as Rating,
   Ne as RichEditor,
   fe as ScrollArea,
-  J as SearchIcon,
-  To as Select,
-  Q as SettingsIcon,
+  q as SearchIcon,
+  ut as SegmentedControl,
+  go as Select,
+  z as SettingsIcon,
   se as Sidebar,
   Ie as SidebarGroup,
   $e as SignPad,
@@ -205,27 +220,30 @@ export {
   sr as SkeletonCard,
   ur as SkeletonText,
   Br as Slider,
-  We as Sparkline,
+  Tt as SliderRange,
+  Qe as Sparkline,
   Io as SpeedDial,
-  F as Spinner,
+  G as Spinner,
   Oe as StatCard,
-  Jr as Statistic,
-  Fr as Stepper,
-  wr as StepperControls,
-  Po as Switch,
-  jo as Tab,
-  qo as TabList,
-  zo as TabPanel,
-  Jo as Tabs,
+  qr as Statistic,
+  Gr as Stepper,
+  Rr as StepperControls,
+  bo as Switch,
+  Uo as Tab,
+  Xo as TabList,
+  _o as TabPanel,
+  qo as Tabs,
+  St as TagsInput,
   Ar as TimePicker,
-  qr as Timeline,
+  Xr as Timeline,
   nr as ToastContainer,
   ir as ToastProvider,
   ao as Tooltip,
-  yo as TransferList,
-  Xr as TreeView,
+  Fo as TransferList,
+  Jr as TreeView,
   A as Typography,
-  X as XIcon,
+  Gt as VirtualList,
+  J as XIcon,
   Ho as createColumns,
   mt as useFormContext,
   xt as useFormContextSafe,

package/dist/hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useMediaQuery.cjs"),o=require("./useClickOutside.cjs"),l=require("./useDisclosure.cjs"),a=require("./useBearStyles.cjs"),i=require("./bearStyled.cjs"),c=require("./useSlide/useSlide.cjs"),n=require("./useParallax/useParallax.cjs"),d=require("./useBounce/useBounce.cjs"),b=require("./useFloat/useFloat.cjs"),S=require("./usePulse/usePulse.cjs"),q=require("./useShake/useShake.cjs"),y=require("./useClipboard/useClipboard.cjs"),s=require("./useDebounce/useDebounce.cjs"),u=require("./useThrottle/useThrottle.cjs"),P=require("./useLocalStorage/useLocalStorage.cjs"),r=require("./useKeyPress/useKeyPress.cjs"),t=require("./useIntersectionObserver/useIntersectionObserver.cjs");exports.useIsDesktop=e.useIsDesktop;exports.useIsMobile=e.useIsMobile;exports.useIsTablet=e.useIsTablet;exports.useMediaQuery=e.useMediaQuery;exports.usePrefersDark=e.usePrefersDark;exports.usePrefersReducedMotion=e.usePrefersReducedMotion;exports.useClickOutside=o.useClickOutside;exports.useDisclosure=l.useDisclosure;exports.useBearStyles=a.useBearStyles;exports.bearStyled=i.bearStyled;exports.useSlide=c.useSlide;exports.useParallax=n.useParallax;exports.useBounce=d.useBounce;exports.useFloat=b.useFloat;exports.usePulse=S.usePulse;exports.useShake=q.useShake;exports.useClipboard=y.useClipboard;exports.useDebounce=s.useDebounce;exports.useDebouncedCallback=s.useDebouncedCallback;exports.useThrottle=u.useThrottle;exports.useThrottledCallback=u.useThrottledCallback;exports.useLocalStorage=P.useLocalStorage;exports.useKeyPress=r.useKeyPress;exports.useKeyPressState=r.useKeyPressState;exports.useInView=t.useInView;exports.useIntersectionObserver=t.useIntersectionObserver;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useMediaQuery.cjs"),t=require("./useClickOutside.cjs"),a=require("./useDisclosure.cjs"),l=require("./useBearStyles.cjs"),i=require("./bearStyled.cjs"),c=require("./useSlide/useSlide.cjs"),n=require("./useParallax/useParallax.cjs"),d=require("./useBounce/useBounce.cjs"),b=require("./useFloat/useFloat.cjs"),q=require("./usePulse/usePulse.cjs"),y=require("./useShake/useShake.cjs"),S=require("./useClipboard/useClipboard.cjs"),s=require("./useDebounce/useDebounce.cjs"),u=require("./useThrottle/useThrottle.cjs"),D=require("./useLocalStorage/useLocalStorage.cjs"),r=require("./useKeyPress/useKeyPress.cjs"),o=require("./useIntersectionObserver/useIntersectionObserver.cjs"),P=require("./useDragDrop/useDragDrop.cjs"),k=require("./useLazyLoad/useLazyLoad.cjs");exports.useIsDesktop=e.useIsDesktop;exports.useIsMobile=e.useIsMobile;exports.useIsTablet=e.useIsTablet;exports.useMediaQuery=e.useMediaQuery;exports.usePrefersDark=e.usePrefersDark;exports.usePrefersReducedMotion=e.usePrefersReducedMotion;exports.useClickOutside=t.useClickOutside;exports.useDisclosure=a.useDisclosure;exports.useBearStyles=l.useBearStyles;exports.bearStyled=i.bearStyled;exports.useSlide=c.useSlide;exports.useParallax=n.useParallax;exports.useBounce=d.useBounce;exports.useFloat=b.useFloat;exports.usePulse=q.usePulse;exports.useShake=y.useShake;exports.useClipboard=S.useClipboard;exports.useDebounce=s.useDebounce;exports.useDebouncedCallback=s.useDebouncedCallback;exports.useThrottle=u.useThrottle;exports.useThrottledCallback=u.useThrottledCallback;exports.useLocalStorage=D.useLocalStorage;exports.useKeyPress=r.useKeyPress;exports.useKeyPressState=r.useKeyPressState;exports.useInView=o.useInView;exports.useIntersectionObserver=o.useIntersectionObserver;exports.useDragDrop=P.useDragDrop;exports.useLazyLoad=k.useLazyLoad;

package/dist/hooks/index.d.ts

@@ -27,3 +27,7 @@ export { useKeyPress, useKeyPressState } from './useKeyPress';
 export type { UseKeyPressOptions, KeyFilter } from './useKeyPress';
 export { useIntersectionObserver, useInView } from './useIntersectionObserver';
 export type { UseIntersectionObserverOptions, UseIntersectionObserverReturn } from './useIntersectionObserver';
+export { useDragDrop } from './useDragDrop';
+export type { UseDragDropOptions, UseDragDropReturn, DragDropId } from './useDragDrop';
+export { useLazyLoad } from './useLazyLoad';
+export type { UseLazyLoadOptions, UseLazyLoadReturn } from './useLazyLoad';

package/dist/hooks/index.js

@@ -1,45 +1,49 @@
-import { useIsDesktop as o, useIsMobile as s, useIsTablet as t, useMediaQuery as u, usePrefersDark as f, usePrefersReducedMotion as l } from "./useMediaQuery.js";
-import { useClickOutside as a } from "./useClickOutside.js";
+import { useIsDesktop as o, useIsMobile as s, useIsTablet as t, useMediaQuery as u, usePrefersDark as p, usePrefersReducedMotion as a } from "./useMediaQuery.js";
+import { useClickOutside as x } from "./useClickOutside.js";
 import { useDisclosure as m } from "./useDisclosure.js";
-import { useBearStyles as i } from "./useBearStyles.js";
-import { bearStyled as d } from "./bearStyled.js";
-import { useSlide as k } from "./useSlide/useSlide.js";
-import { useParallax as S } from "./useParallax/useParallax.js";
-import { useBounce as D } from "./useBounce/useBounce.js";
+import { useBearStyles as d } from "./useBearStyles.js";
+import { bearStyled as b } from "./bearStyled.js";
+import { useSlide as D } from "./useSlide/useSlide.js";
+import { useParallax as y } from "./useParallax/useParallax.js";
+import { useBounce as S } from "./useBounce/useBounce.js";
 import { useFloat as C } from "./useFloat/useFloat.js";
-import { usePulse as M } from "./usePulse/usePulse.js";
-import { useShake as B } from "./useShake/useShake.js";
-import { useClipboard as O } from "./useClipboard/useClipboard.js";
-import { useDebounce as v, useDebouncedCallback as w } from "./useDebounce/useDebounce.js";
-import { useThrottle as L, useThrottledCallback as Q } from "./useThrottle/useThrottle.js";
-import { useLocalStorage as V } from "./useLocalStorage/useLocalStorage.js";
-import { useKeyPress as q, useKeyPressState as z } from "./useKeyPress/useKeyPress.js";
+import { usePulse as L } from "./usePulse/usePulse.js";
+import { useShake as T } from "./useShake/useShake.js";
+import { useClipboard as B } from "./useClipboard/useClipboard.js";
+import { useDebounce as O, useDebouncedCallback as v } from "./useDebounce/useDebounce.js";
+import { useThrottle as z, useThrottledCallback as F } from "./useThrottle/useThrottle.js";
+import { useLocalStorage as R } from "./useLocalStorage/useLocalStorage.js";
+import { useKeyPress as j, useKeyPressState as q } from "./useKeyPress/useKeyPress.js";
 import { useInView as E, useIntersectionObserver as G } from "./useIntersectionObserver/useIntersectionObserver.js";
+import { useDragDrop as J } from "./useDragDrop/useDragDrop.js";
+import { useLazyLoad as U } from "./useLazyLoad/useLazyLoad.js";
 export {
-  d as bearStyled,
-  i as useBearStyles,
-  D as useBounce,
-  a as useClickOutside,
-  O as useClipboard,
-  v as useDebounce,
-  w as useDebouncedCallback,
+  b as bearStyled,
+  d as useBearStyles,
+  S as useBounce,
+  x as useClickOutside,
+  B as useClipboard,
+  O as useDebounce,
+  v as useDebouncedCallback,
   m as useDisclosure,
+  J as useDragDrop,
   C as useFloat,
   E as useInView,
   G as useIntersectionObserver,
   o as useIsDesktop,
   s as useIsMobile,
   t as useIsTablet,
-  q as useKeyPress,
-  z as useKeyPressState,
-  V as useLocalStorage,
+  j as useKeyPress,
+  q as useKeyPressState,
+  U as useLazyLoad,
+  R as useLocalStorage,
   u as useMediaQuery,
-  S as useParallax,
-  f as usePrefersDark,
-  l as usePrefersReducedMotion,
-  M as usePulse,
-  B as useShake,
-  k as useSlide,
-  L as useThrottle,
-  Q as useThrottledCallback
+  y as useParallax,
+  p as usePrefersDark,
+  a as usePrefersReducedMotion,
+  L as usePulse,
+  T as useShake,
+  D as useSlide,
+  z as useThrottle,
+  F as useThrottledCallback
 };

package/dist/hooks/useDragDrop/index.d.ts

@@ -0,0 +1,2 @@
+export { useDragDrop } from './useDragDrop';
+export type { UseDragDropOptions, UseDragDropReturn, DragDropId } from './useDragDrop.types';

package/dist/hooks/useDragDrop/useDragDrop.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),A="bear-dnd",E=(v={})=>{const{onDragStart:o,onDragEnd:c,onDrop:g,onDragOver:d,onDragLeave:f,disabled:a=!1,dragType:D=A}=v,[I,i]=n.useState(!1),[S,T]=n.useState(null),[y,p]=n.useState(null),s=n.useRef(null),P=n.useCallback((e,u,l)=>({draggable:!a,onDragStart:r=>{a||(r.dataTransfer.setData(D,String(e)),r.dataTransfer.effectAllowed="move",s.current={id:e,item:u,index:l},T(e),i(!0),o==null||o(e,u,l))},onDragEnd:r=>{a||(s.current=null,T(null),p(null),i(!1),c==null||c(e,u,l))},"data-drag-id":e}),[a,D,o,c]),R=n.useCallback((e,u,l)=>({onDragOver:r=>{var b;if(a||!r.dataTransfer.types.includes(D))return;r.preventDefault(),r.dataTransfer.dropEffect="move";const t=(b=s.current)==null?void 0:b.id;t!=null&&t!==e&&(p(e),d==null||d(t,e))},onDragLeave:r=>{r.currentTarget.contains(r.relatedTarget)||(p(null),f==null||f(e))},onDrop:r=>{if(a)return;r.preventDefault(),p(null);const t=s.current;!t||t.id===e||g==null||g(t.id,e,t.index,l,t.item,u)},"data-drop-id":e}),[a,D,d,f,g]);return{isDragging:I,draggedId:S,dragOverId:y,getDragProps:P,getDropProps:R,dragDataRef:s}};exports.useDragDrop=E;

package/dist/hooks/useDragDrop/useDragDrop.d.ts

@@ -0,0 +1,22 @@
+import { UseDragDropOptions, UseDragDropReturn } from './useDragDrop.types';
+/**
+ * useDragDrop - Hook for HTML5 drag and drop
+ *
+ * @example
+ * ```tsx
+ * const { getDragProps, getDropProps, isDragging } = useDragDrop({
+ *   onDrop: (sourceId, targetId) => reorder(sourceId, targetId),
+ * });
+ *
+ * return (
+ *   <div {...getDropProps('col-1', col, 0)}>
+ *     {items.map((item, i) => (
+ *       <div key={item.id} {...getDragProps(item.id, item, i)}>
+ *         {item.label}
+ *       </div>
+ *     ))}
+ *   </div>
+ * );
+ * ```
+ */
+export declare const useDragDrop: <T = unknown>(options?: UseDragDropOptions<T>) => UseDragDropReturn<T>;

package/dist/hooks/useDragDrop/useDragDrop.js

@@ -0,0 +1,56 @@
+import { useState as p, useRef as _, useCallback as I } from "react";
+const y = "bear-dnd", S = (b = {}) => {
+  const {
+    onDragStart: u,
+    onDragEnd: o,
+    onDrop: g,
+    onDragOver: f,
+    onDragLeave: c,
+    disabled: a = !1,
+    dragType: d = y
+  } = b, [m, T] = p(!1), [A, i] = p(null), [E, D] = p(null), n = _(null), P = I(
+    (r, s, l) => ({
+      draggable: !a,
+      onDragStart: (e) => {
+        a || (e.dataTransfer.setData(d, String(r)), e.dataTransfer.effectAllowed = "move", n.current = { id: r, item: s, index: l }, i(r), T(!0), u == null || u(r, s, l));
+      },
+      onDragEnd: (e) => {
+        a || (n.current = null, i(null), D(null), T(!1), o == null || o(r, s, l));
+      },
+      "data-drag-id": r
+    }),
+    [a, d, u, o]
+  ), R = I(
+    (r, s, l) => ({
+      onDragOver: (e) => {
+        var v;
+        if (a || !e.dataTransfer.types.includes(d)) return;
+        e.preventDefault(), e.dataTransfer.dropEffect = "move";
+        const t = (v = n.current) == null ? void 0 : v.id;
+        t != null && t !== r && (D(r), f == null || f(t, r));
+      },
+      onDragLeave: (e) => {
+        e.currentTarget.contains(e.relatedTarget) || (D(null), c == null || c(r));
+      },
+      onDrop: (e) => {
+        if (a) return;
+        e.preventDefault(), D(null);
+        const t = n.current;
+        !t || t.id === r || g == null || g(t.id, r, t.index, l, t.item, s);
+      },
+      "data-drop-id": r
+    }),
+    [a, d, f, c, g]
+  );
+  return {
+    isDragging: m,
+    draggedId: A,
+    dragOverId: E,
+    getDragProps: P,
+    getDropProps: R,
+    dragDataRef: n
+  };
+};
+export {
+  S as useDragDrop
+};

package/dist/hooks/useDragDrop/useDragDrop.types.d.ts

@@ -0,0 +1,55 @@
+import { MutableRefObject } from 'react';
+/**
+ * Drag and drop item identifier
+ */
+export type DragDropId = string | number;
+/**
+ * UseDragDrop options
+ */
+export interface UseDragDropOptions<T = unknown> {
+    /** Callback when drag starts */
+    onDragStart?: (id: DragDropId, item: T, index: number) => void;
+    /** Callback when drag ends */
+    onDragEnd?: (id: DragDropId, item: T, index: number) => void;
+    /** Callback when item is dropped on target */
+    onDrop?: (sourceId: DragDropId, targetId: DragDropId, sourceIndex: number, targetIndex: number, sourceItem: T, targetItem: T) => void;
+    /** Callback when hovering over drop target */
+    onDragOver?: (sourceId: DragDropId, targetId: DragDropId) => void;
+    /** Callback when leaving drop target */
+    onDragLeave?: (targetId: DragDropId) => void;
+    /** Whether dragging is disabled */
+    disabled?: boolean;
+    /** HTML5 drag type (default: 'bear-dnd') */
+    dragType?: string;
+}
+/**
+ * UseDragDrop return value
+ */
+export interface UseDragDropReturn<T = unknown> {
+    /** Whether an item is currently being dragged */
+    isDragging: boolean;
+    /** ID of the item being dragged */
+    draggedId: DragDropId | null;
+    /** ID of the current drop target hovered */
+    dragOverId: DragDropId | null;
+    /** Props to spread on draggable element */
+    getDragProps: (id: DragDropId, item: T, index: number) => {
+        draggable: boolean;
+        onDragStart: (e: React.DragEvent) => void;
+        onDragEnd: (e: React.DragEvent) => void;
+        'data-drag-id': DragDropId;
+    };
+    /** Props to spread on drop target element */
+    getDropProps: (id: DragDropId, item: T, index: number) => {
+        onDragOver: (e: React.DragEvent) => void;
+        onDragLeave: (e: React.DragEvent) => void;
+        onDrop: (e: React.DragEvent) => void;
+        'data-drop-id': DragDropId;
+    };
+    /** Ref to store dragged item data (for cross-component) */
+    dragDataRef: MutableRefObject<{
+        id: DragDropId;
+        item: T;
+        index: number;
+    } | null>;
+}

package/dist/hooks/useLazyLoad/index.d.ts

@@ -0,0 +1,2 @@
+export { useLazyLoad } from './useLazyLoad';
+export type { UseLazyLoadOptions, UseLazyLoadReturn } from './useLazyLoad.types';

package/dist/hooks/useLazyLoad/useLazyLoad.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),w=(a={})=>{const{rootMargin:r="100px",threshold:o=0,once:c=!0,enabled:i=!0}=a,t=e.useRef(null),[f,d]=e.useState(!1),[l,b]=e.useState(!1);return e.useEffect(()=>{if(!i||!t.current||typeof IntersectionObserver>"u")return;const s=new IntersectionObserver(([n])=>{const u=(n==null?void 0:n.isIntersecting)??!1;d(u),u&&(b(!0),c&&s.disconnect())},{rootMargin:r,threshold:o});return s.observe(t.current),()=>s.disconnect()},[i,r,o,c]),{ref:t,isInView:f,hasBeenViewed:l}};exports.useLazyLoad=w;

package/dist/hooks/useLazyLoad/useLazyLoad.d.ts

@@ -0,0 +1,26 @@
+import { UseLazyLoadOptions, UseLazyLoadReturn } from './useLazyLoad.types';
+/**
+ * useLazyLoad - Lazy load content when it enters the viewport.
+ * Useful for infinite scroll, lazy images, or deferring heavy renders.
+ *
+ * @example
+ * ```tsx
+ * const { ref, hasBeenViewed } = useLazyLoad();
+ *
+ * return (
+ *   <div ref={ref}>
+ *     {hasBeenViewed ? <HeavyComponent /> : <Skeleton />}
+ *   </div>
+ * );
+ * ```
+ *
+ * @example
+ * ```tsx
+ * const { ref, isInView } = useLazyLoad({ once: false });
+ * useEffect(() => {
+ *   if (isInView) loadMore();
+ * }, [isInView]);
+ * return <div ref={ref}>Load more trigger</div>;
+ * ```
+ */
+export declare const useLazyLoad: <T extends HTMLElement = HTMLDivElement>(options?: UseLazyLoadOptions) => UseLazyLoadReturn<T>;

package/dist/hooks/useLazyLoad/useLazyLoad.js

@@ -0,0 +1,27 @@
+import { useRef as I, useState as u, useEffect as b } from "react";
+const p = (f = {}) => {
+  const {
+    rootMargin: t = "100px",
+    threshold: r = 0,
+    once: o = !0,
+    enabled: i = !0
+  } = f, e = I(null), [a, d] = u(!1), [l, w] = u(!1);
+  return b(() => {
+    if (!i || !e.current || typeof IntersectionObserver > "u") return;
+    const s = new IntersectionObserver(
+      ([n]) => {
+        const c = (n == null ? void 0 : n.isIntersecting) ?? !1;
+        d(c), c && (w(!0), o && s.disconnect());
+      },
+      { rootMargin: t, threshold: r }
+    );
+    return s.observe(e.current), () => s.disconnect();
+  }, [i, t, r, o]), {
+    ref: e,
+    isInView: a,
+    hasBeenViewed: l
+  };
+};
+export {
+  p as useLazyLoad
+};