chore: update deps

apps/docs/CHANGELOG.md

@@ -1,5 +1,13 @@
 # hawa-docs
 
+## 0.0.131
+
+### Patch Changes
+
+- Update dependencies
+- Updated dependencies
+  - @sikka/hawa@0.49.15
+
 ## 0.0.130
 
 ### Patch Changes

apps/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hawa-docs",
-  "version": "0.0.130",
+  "version": "0.0.131",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3001",
@@ -19,8 +19,8 @@
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache"
   },
   "dependencies": {
-    "@faker-js/faker": "^9.0.3",
-    "@hookform/resolvers": "^3.9.0",
+    "@faker-js/faker": "^9.3.0",
+    "@hookform/resolvers": "^3.9.1",
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-alert-dialog": "^1.1.2",
@@ -32,14 +32,14 @@
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-hover-card": "^1.1.2",
-    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-menubar": "^1.1.2",
     "@radix-ui/react-navigation-menu": "^1.2.1",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-radio-group": "^1.2.1",
-    "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.2.1",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slider": "^1.2.1",
@@ -49,48 +49,48 @@
     "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.4",
     "@sikka/hawa": "workspace:^",
     "@tanstack/react-table": "^8.20.5",
-    "class-variance-authority": "^0.7.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
-    "contentlayer2": "0.5.1",
+    "cmdk": "^1.0.4",
+    "contentlayer2": "0.5.3",
     "date-fns": "^4.1.0",
-    "embla-carousel-autoplay": "8.3.0",
-    "embla-carousel-react": "8.3.0",
+    "embla-carousel-autoplay": "8.5.1",
+    "embla-carousel-react": "8.5.1",
     "geist": "^1.3.1",
-    "jotai": "^2.10.0",
+    "jotai": "^2.10.3",
     "lodash.template": "^4.5.0",
-    "lucide-react": "0.447.0",
+    "lucide-react": "0.468.0",
     "markdown-wasm": "^1.2.0",
-    "next": "14.2.14",
-    "next-contentlayer2": "^0.5.1",
-    "next-themes": "^0.3.0",
-    "nextjs-progressloader": "^1.2.0",
-    "react": "^18.3.1",
-    "react-day-picker": "^9.1.3",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-resizable-panels": "^2.1.4",
+    "next": "15.1.0",
+    "next-contentlayer2": "^0.5.3",
+    "next-themes": "^0.4.4",
+    "nextjs-progressloader": "^1.3.0",
+    "react": "^19.0.0",
+    "react-day-picker": "^9.4.2",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.54.0",
+    "react-resizable-panels": "^2.1.7",
     "react-wrap-balancer": "^1.1.1",
-    "recharts": "^2.12.7",
+    "recharts": "^2.14.1",
     "sharp": "^0.33.5",
-    "sonner": "^1.5.0",
-    "tailwind-merge": "^2.5.3",
-    "vaul": "^1.0.0",
-    "zod": "^3.23.8"
+    "sonner": "^1.7.1",
+    "tailwind-merge": "^2.5.5",
+    "vaul": "^1.1.1",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@types/lodash.template": "^4.5.3",
-    "@types/node": "^22.7.4",
-    "@types/react": "^18.3.11",
-    "@types/react-color": "^3.0.12",
-    "@types/react-dom": "^18.3.0",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.1",
+    "@types/react-color": "^3.0.13",
+    "@types/react-dom": "^19.0.2",
     "esbuild": "^0.24.0",
-    "eslint": "^9.12.0",
+    "eslint": "^9.16.0",
     "mdast-util-toc": "^7.1.0",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.49",
     "rehype": "^13.0.2",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-pretty-code": "^0.14.0",
@@ -99,9 +99,9 @@
     "remark-code-import": "^1.2.0",
     "remark-gfm": "^4.0.0",
     "rimraf": "^6.0.1",
-    "shiki": "^1.22.0",
-    "tailwindcss": "^3.4.13",
-    "typescript": "^5.6.2",
+    "shiki": "^1.24.2",
+    "tailwindcss": "^3.4.16",
+    "typescript": "^5.7.2",
     "unist-builder": "4.0.0",
     "unist-util-visit": "^5.0.0"
   },

package.json

@@ -27,13 +27,16 @@
     "prepare": "husky"
   },
   "devDependencies": {
-    "@swc/core": "^1.7.26",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/node": "^22.7.4",
-    "concurrently": "^9.0.1",
-    "husky": "^9.1.6",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
-    "typescript": "^5.6.2"
+    "@swc/core": "^1.10.1",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.0",
+    "@types/node": "^22.10.2",
+    "concurrently": "^9.1.0",
+    "husky": "^9.1.7",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "typescript": "^5.7.2"
+  },
+  "dependencies": {
+    "@changesets/cli": "^2.27.10"
   }
 }

packages/components/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sikka/hawa
 
+## 0.49.15
+
+### Patch Changes
+
+- Update dependencies
+
 ## 0.49.13
 
 ### Patch Changes

packages/components/blocks/cards/ItemCard.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, FC } from "react";
+import React, { useEffect, useState, FC, JSX } from "react";
 
 import { cn } from "@util/index";
 

packages/components/elements/badge/Badge.tsx

@@ -4,7 +4,7 @@ import { cn } from "@util/index";
 
 type BadgeTypes = {
   position: "right" | "left";
-  anchor: RefObject<HTMLElement>;
+  anchor: RefObject<HTMLDivElement | null>;
   size?: "small" | "default" | "large";
   text?: string | number;
   className?: string;
@@ -26,7 +26,7 @@ export const Badge: FC<BadgeTypes> = ({
   };
   useEffect(() => {
     const handlePositioning = () => {
-      if (anchor.current && indicatorRef.current) {
+      if (anchor && anchor.current && indicatorRef.current) {
         const rect = anchor.current.getBoundingClientRect();
         const parentRect = (
           indicatorRef.current as HTMLElement
@@ -81,12 +81,18 @@ export const Badge: FC<BadgeTypes> = ({
 };
 
 export const BadgedComponent = ({ children, className, hideBadge, position, size, text }: any) => {
-  const ref = useRef(null);
+  const ref = useRef<HTMLDivElement | null>(null);
 
   return (
     <div className={cn("hawa-relative hawa-w-fit", className)} ref={ref}>
       {!hideBadge && (
-        <Badge size={size} text={text} position={position} anchor={ref} className="hawa-z-10" />
+        <Badge
+          size={size}
+          text={text}
+          position={position}
+          anchor={ref || null}
+          className="hawa-z-10"
+        />
       )}
       {children}
     </div>

packages/components/elements/chip/Chip.tsx

@@ -19,7 +19,7 @@ export type ChipTypes = React.HTMLAttributes<HTMLSpanElement> & {
   /** The text inside the chip */
   label: string;
   /** The small icon before the chip label  */
-  icon?: JSX.Element;
+  icon?: React.JSX.Element;
   /** The color of the chip, must be a tailwind color */
   color?: ChipColors;
   /** The size of the chip */

packages/components/elements/count/Count.tsx

@@ -2,7 +2,7 @@ import React, { FC } from "react";
 
 type IconCountTypes = {
   /** The icon of the counter */
-  icon: JSX.Element;
+  icon: React.JSX.Element;
   /** The text next to the icon */
   count?: string;
 };

packages/components/hooks/useClickOutside.ts

@@ -7,7 +7,7 @@ export function useClickOutside<T extends HTMLElement = any>(
   events?: string[] | null,
   nodes?: (HTMLElement | null)[],
 ) {
-  const ref = useRef<T>();
+  const ref = useRef<T>(null);
 
   useEffect(() => {
     const listener = (event: any) => {

packages/components/hooks/useFullscreen.ts

@@ -60,7 +60,7 @@ function addEvents(
 export function useFullscreen<T extends HTMLElement = any>() {
   const [fullscreen, setFullscreen] = useState<boolean>(false);
 
-  const _ref = useRef<T>();
+  const _ref = useRef<T>(null);
 
   const handleFullscreenChange = useCallback(
     (event: Event) => {

packages/components/hooks/useMediaQuery.ts

@@ -42,7 +42,7 @@ export function useMediaQuery(
   const [matches, setMatches] = useState(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue),
   );
-  const queryRef = useRef<MediaQueryList>();
+  const queryRef = useRef<MediaQueryList>(null);
 
   useEffect(() => {
     if ("matchMedia" in window) {

packages/components/layout/docsLayout/DocsLayout.tsx

@@ -125,7 +125,10 @@ export const DocsLayout: React.FunctionComponent<AppLayoutTypes> = ({
     });
     // Assuming each child corresponds to a page and has an id attribute
     React.Children.forEach(props.children, (child: React.ReactElement) => {
-      if (child && child.props.id) {
+      //@ts-ignore
+      if (child && child.props && child.props.id) {
+        //@ts-ignore
+
         const element = document.getElementById(child.props.id);
         if (element && observerRef.current) {
           observerRef.current.observe(element);

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.49.14",
+  "version": "0.49.15",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
@@ -58,8 +58,8 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@headlessui/react": "^2.1.9",
-    "@hookform/resolvers": "^3.9.0",
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.9.1",
     "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-collapsible": "^1.1.1",
@@ -69,56 +69,56 @@
     "@radix-ui/react-navigation-menu": "^1.2.1",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.2.1",
     "@radix-ui/react-slider": "^1.2.1",
     "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.1",
     "@radix-ui/react-toast": "^1.2.2",
-    "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.4",
     "@tanstack/react-table": "^8.20.5",
     "@tanstack/table-core": "^8.20.5",
-    "class-variance-authority": "^0.7.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
+    "cmdk": "^1.0.4",
     "date-fns": "^4.1.0",
-    "embla-carousel-auto-height": "^8.3.0",
-    "embla-carousel-react": "^8.3.0",
-    "input-otp": "^1.2.4",
-    "libphonenumber-js": "^1.11.11",
-    "prism-react-renderer": "^2.4.0",
+    "embla-carousel-auto-height": "^8.5.1",
+    "embla-carousel-react": "^8.5.1",
+    "input-otp": "^1.4.1",
+    "libphonenumber-js": "^1.11.16",
+    "prism-react-renderer": "^2.4.1",
     "prismjs": "^1.29.0",
-    "react-day-picker": "^9.1.3",
-    "react-dropzone": "^14.2.9",
+    "react-day-picker": "^9.4.2",
+    "react-dropzone": "^14.3.5",
     "react-headless-pagination": "^1.1.6",
-    "react-hook-form": "^7.53.0",
-    "react-select": "^5.8.1",
-    "signature_pad": "^5.0.3",
-    "sonner": "^1.5.0",
-    "tailwind-merge": "^2.5.3",
-    "tailwind-variants": "^0.2.1",
+    "react-hook-form": "^7.54.0",
+    "react-select": "^5.8.3",
+    "signature_pad": "^5.0.4",
+    "sonner": "^1.7.1",
+    "tailwind-merge": "^2.5.5",
+    "tailwind-variants": "^0.3.0",
     "trim-canvas": "^0.1.2",
-    "zod": "^3.23.8"
+    "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@babel/preset-react": "^7.25.7",
+    "@babel/preset-react": "^7.26.3",
     "@sikka/alam": "^0.0.4",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
-    "@types/jest": "^29.5.13",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "autoprefixer": "^10.4.20",
     "boxen": "^8.0.1",
     "chalk": "^5.3.0",
-    "embla-carousel": "8.3.0",
+    "embla-carousel": "8.5.1",
     "jest": "^29.7.0",
-    "lucide-react": "^0.447.0",
-    "postcss": "^8.4.47",
+    "lucide-react": "^0.468.0",
+    "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.0",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tsup": "^8.3.0"
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "tsup": "^8.3.5"
   }
 }

packages/storybook/CHANGELOG.md

@@ -1,5 +1,13 @@
 # hawa-storybook
 
+## 0.26.153
+
+### Patch Changes
+
+- Update dependencies
+- Updated dependencies
+  - @sikka/hawa@0.49.15
+
 ## 0.26.152
 
 ### Patch Changes