@sikka/hawa 0.7.12-next → 0.7.14-next

package/dist/index.d.mts

@@ -1376,6 +1376,14 @@ declare function useClipboard({ timeout }?: {
     copied: boolean;
 };
 
+declare const useBreakpoint: () => number;
+
+interface WindowSize {
+    width: number | undefined;
+    height: number | undefined;
+}
+declare const useWindowSize: () => WindowSize;
+
 interface UseFocusWithinOptions {
     onFocus?(event: FocusEvent): void;
     onBlur?(event: FocusEvent): void;
@@ -1395,4 +1403,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1376,6 +1376,14 @@ declare function useClipboard({ timeout }?: {
     copied: boolean;
 };
 
+declare const useBreakpoint: () => number;
+
+interface WindowSize {
+    width: number | undefined;
+    height: number | undefined;
+}
+declare const useWindowSize: () => WindowSize;
+
 interface UseFocusWithinOptions {
     onFocus?(event: FocusEvent): void;
     onBlur?(event: FocusEvent): void;
@@ -1395,4 +1403,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.js

@@ -715,6 +715,9 @@ __export(components_exports, {
     toast: function() {
         return toast;
     },
+    useBreakpoint: function() {
+        return useBreakpoint;
+    },
     useClipboard: function() {
         return useClipboard;
     },
@@ -732,6 +735,9 @@ __export(components_exports, {
     },
     useToast: function() {
         return useToast;
+    },
+    useWindowSize: function() {
+        return useWindowSize;
     }
 });
 module.exports = __toCommonJS(components_exports);
@@ -6294,7 +6300,6 @@ var useBreakpoint = function() {
     }, []);
     return breakpoint;
 };
-var useBreakpoint_default = useBreakpoint;
 // components/layout/AppLayout.tsx
 var AppLayout = function(_param) {
     var _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, currentPage = _param.currentPage, clickedItem = _param.clickedItem, _param_design = _param.design, design = _param_design === void 0 ? "default" : _param_design, props = _object_without_properties(_param, [
@@ -6325,7 +6330,7 @@ var AppLayout = function(_param) {
     var isRTL = direction === "rtl";
     var _ref = _sliced_to_array((0, import_react31.useState)(""), 2), openedSidebarItem = _ref[0], setOpenedSidebarItem = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react31.useState)(currentPage), 2), selectedItem = _ref1[0], setSelectedItem = _ref1[1];
-    var size = useBreakpoint_default();
+    var size = useBreakpoint();
     if (typeof window == "undefined") {
         size = 1200;
     }
@@ -8352,8 +8357,30 @@ var import_react55 = require("react");
 var import_react56 = require("react");
 // components/hooks/useCarousel.ts
 var import_react57 = require("react");
-// components/hooks/useFocusWithin.ts
+// components/hooks/useWindowSize.ts
 var import_react58 = require("react");
+var useWindowSize = function() {
+    var _ref = _sliced_to_array((0, import_react58.useState)({
+        width: void 0,
+        height: void 0
+    }), 2), windowSize = _ref[0], setWindowSize = _ref[1];
+    (0, import_react58.useEffect)(function() {
+        var handleResize = function handleResize() {
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        };
+        window.addEventListener("resize", handleResize);
+        handleResize();
+        return function() {
+            return window.removeEventListener("resize", handleResize);
+        };
+    }, []);
+    return windowSize;
+};
+// components/hooks/useFocusWithin.ts
+var import_react59 = require("react");
 function containsRelatedTarget(event) {
     if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
         return event.currentTarget.contains(event.relatedTarget);
@@ -8362,9 +8389,9 @@ function containsRelatedTarget(event) {
 }
 function useFocusWithin() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
-    var ref = (0, import_react58.useRef)(null);
-    var _ref1 = _sliced_to_array((0, import_react58.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
-    var focusedRef = (0, import_react58.useRef)(false);
+    var ref = (0, import_react59.useRef)(null);
+    var _ref1 = _sliced_to_array((0, import_react59.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
+    var focusedRef = (0, import_react59.useRef)(false);
     var setFocused = function(value) {
         _setFocused(value);
         focusedRef.current = value;
@@ -8381,7 +8408,7 @@ function useFocusWithin() {
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         }
     };
-    (0, import_react58.useEffect)(function() {
+    (0, import_react59.useEffect)(function() {
         if (ref.current) {
             ref.current.addEventListener("focusin", handleFocusIn);
             ref.current.addEventListener("focusout", handleFocusOut);
@@ -8402,7 +8429,7 @@ function useFocusWithin() {
     };
 }
 // components/hooks/useMediaQuery.ts
-var import_react59 = require("react");
+var import_react60 = require("react");
 function attachMediaListener(query, callback) {
     try {
         query.addEventListener("change", callback);
@@ -8429,9 +8456,9 @@ function useMediaQuery(query, initialValue) {
     var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
         getInitialValueInEffect: true
     }).getInitialValueInEffect;
-    var _ref = _sliced_to_array((0, import_react59.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
-    var queryRef = (0, import_react59.useRef)();
-    (0, import_react59.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react60.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
+    var queryRef = (0, import_react60.useRef)();
+    (0, import_react60.useEffect)(function() {
         if ("matchMedia" in window) {
             queryRef.current = window.matchMedia(query);
             setMatches(queryRef.current.matches);
@@ -8446,15 +8473,15 @@ function useMediaQuery(query, initialValue) {
     return matches;
 }
 // components/hooks/useScrollPosition.ts
-var import_react60 = require("react");
-// components/hooks/useTable.ts
 var import_react61 = require("react");
-// components/hooks/useTabs.ts
+// components/hooks/useTable.ts
 var import_react62 = require("react");
+// components/hooks/useTabs.ts
+var import_react63 = require("react");
 function useTabs() {
     var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    var _ref = _sliced_to_array((0, import_react62.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
-    (0, import_react62.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react63.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
+    (0, import_react63.useEffect)(function() {
         var handleHashChange = function() {
             var hash = window.location.hash.substring(1);
             setActiveTab(hash || initialTab);
@@ -8601,10 +8628,12 @@ function useTabs() {
     buttonVariants: buttonVariants,
     reducer: reducer,
     toast: toast,
+    useBreakpoint: useBreakpoint,
     useClipboard: useClipboard,
     useFocusWithin: useFocusWithin,
     useFormField: useFormField,
     useMediaQuery: useMediaQuery,
     useTabs: useTabs,
-    useToast: useToast
+    useToast: useToast,
+    useWindowSize: useWindowSize
 });

package/dist/index.mjs

@@ -6028,7 +6028,6 @@ var useBreakpoint = () => {
   }, []);
   return breakpoint;
 };
-var useBreakpoint_default = useBreakpoint;
 
 // components/layout/AppLayout.tsx
 var AppLayout = ({
@@ -6059,7 +6058,7 @@ var AppLayout = ({
   const isRTL = direction === "rtl";
   const [openedSidebarItem, setOpenedSidebarItem] = useState18("");
   const [selectedItem, setSelectedItem] = useState18(currentPage);
-  let size = useBreakpoint_default();
+  let size = useBreakpoint();
   if (typeof window == "undefined") {
     size = 1200;
   }
@@ -8161,8 +8160,29 @@ import { useEffect as useEffect14, useRef as useRef9, useState as useState28 } f
 // components/hooks/useCarousel.ts
 import { useState as useState29, useRef as useRef10 } from "react";
 
+// components/hooks/useWindowSize.ts
+import { useEffect as useEffect15, useState as useState30 } from "react";
+var useWindowSize = () => {
+  const [windowSize, setWindowSize] = useState30({
+    width: void 0,
+    height: void 0
+  });
+  useEffect15(() => {
+    function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowSize;
+};
+
 // components/hooks/useFocusWithin.ts
-import { useRef as useRef11, useState as useState30, useEffect as useEffect15 } from "react";
+import { useRef as useRef11, useState as useState31, useEffect as useEffect16 } from "react";
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
     return event.currentTarget.contains(event.relatedTarget);
@@ -8174,7 +8194,7 @@ function useFocusWithin({
   onFocus
 } = {}) {
   const ref = useRef11(null);
-  const [focused, _setFocused] = useState30(false);
+  const [focused, _setFocused] = useState31(false);
   const focusedRef = useRef11(false);
   const setFocused = (value) => {
     _setFocused(value);
@@ -8192,7 +8212,7 @@ function useFocusWithin({
       onBlur?.(event);
     }
   };
-  useEffect15(() => {
+  useEffect16(() => {
     if (ref.current) {
       ref.current.addEventListener("focusin", handleFocusIn);
       ref.current.addEventListener("focusout", handleFocusOut);
@@ -8207,7 +8227,7 @@ function useFocusWithin({
 }
 
 // components/hooks/useMediaQuery.ts
-import { useState as useState31, useEffect as useEffect16, useRef as useRef12 } from "react";
+import { useState as useState32, useEffect as useEffect17, useRef as useRef12 } from "react";
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -8229,11 +8249,11 @@ function getInitialValue(query, initialValue) {
 function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   getInitialValueInEffect: true
 }) {
-  const [matches, setMatches] = useState31(
+  const [matches, setMatches] = useState32(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
   );
   const queryRef = useRef12();
-  useEffect16(() => {
+  useEffect17(() => {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
       setMatches(queryRef.current.matches);
@@ -8248,16 +8268,16 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }
 
 // components/hooks/useScrollPosition.ts
-import { useState as useState32, useEffect as useEffect17 } from "react";
+import { useState as useState33, useEffect as useEffect18 } from "react";
 
 // components/hooks/useTable.ts
-import { useState as useState33, useEffect as useEffect18 } from "react";
+import { useState as useState34, useEffect as useEffect19 } from "react";
 
 // components/hooks/useTabs.ts
-import { useEffect as useEffect19, useState as useState34 } from "react";
+import { useEffect as useEffect20, useState as useState35 } from "react";
 function useTabs(initialTab = "") {
-  const [activeTab, setActiveTab] = useState34(initialTab);
-  useEffect19(() => {
+  const [activeTab, setActiveTab] = useState35(initialTab);
+  useEffect20(() => {
     const handleHashChange = () => {
       const hash = window.location.hash.substring(1);
       setActiveTab(hash || initialTab);
@@ -8401,10 +8421,12 @@ export {
   buttonVariants,
   reducer,
   toast,
+  useBreakpoint,
   useClipboard,
   useFocusWithin,
   useFormField,
   useMediaQuery,
   useTabs,
-  useToast
+  useToast,
+  useWindowSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.7.12-next",
+  "version": "0.7.14-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {