@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/package.json

@@ -1,13 +1,5 @@
 {
   "author": "Cyril Strone",
-  "name": "@jenesei-software/jenesei-kit-react",
-  "version": "1.3.40",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jenesei-software/jenesei-kit-react.git"
-  },
-  "license": "MIT",
-  "type": "module",
   "files": [
     "build"
   ],
@@ -18,311 +10,310 @@
     "framer-motion",
     "styled-components"
   ],
+  "license": "MIT",
+  "name": "@jenesei-software/jenesei-kit-react",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jenesei-software/jenesei-kit-react.git"
+  },
+  "scripts": {
+    "typecheck": "tsc -p tsconfig.build.json",
+    "typecheck:storybook": "tsc -p tsconfig.storybook.json",
+    "bundle-visualizer": "npx vite-bundle-visualizer",
+    "changelog": "conventional-changelog -p eslint -i CHANGELOG.md -s -r 0",
+    "gen:exports": "node scripts/generate-exports.mjs",
+    "biome:lint": "biome lint src",
+    "biome:lint:check": "biome lint src --no-fix",
+    "biome:format": "biome format --write src .storybook-stories",
+    "biome:format:check": "biome format src",
+    "biome:migrate": "biome migrate --write",
+    "biome:update": "biome update --write",
+    "build:library": "npm run gen:exports && vite build",
+    "build:main": "npm run gen:exports && vite build",
+    "build:storybook": "npm run gen:exports && cross-env NODE_ENV=storybook storybook build --quiet --disable-telemetry -o build-storybook",
+    "storybook": "npm run gen:exports && storybook dev -p 3030"
+  },
+  "type": "module",
+  "version": "2.0.1",
+  "dependencies": {
+    "@floating-ui/react": "^0.27.12",
+    "@jenesei-software/jenesei-library-log": "^2.0.0",
+    "@tanstack/react-virtual": "^3.10.8",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.13.1",
+    "js-cookie": "^3.0.5",
+    "lodash": "^4.17.21",
+    "moment": ">=2.30.1",
+    "react-number-format": "^5.4.2",
+    "use-context-selector": "^2.0.0",
+    "uuid": "^11.0.3"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.12",
+    "@fontsource/inter": "^5.1.0",
+    "@fontsource/manrope": "^5.2.6",
+    "@fontsource/roboto": "^5.1.0",
+    "@fontsource/roboto-mono": "^5.2.6",
+    "@fontsource/work-sans": "^5.2.5",
+    "@jenesei-software/jenesei-plugin-vite": "^2.4.0",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@types/js-cookie": "^3.0.6",
+    "@types/lodash": "^4.17.20",
+    "@types/node": "^22.8.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "autoprefixer": "^10.4.27",
+    "cross-env": "^7.0.3",
+    "react": "^19.2.4",
+    "react-docgen-typescript": "^2.2.2",
+    "react-dom": "^19.2.4",
+    "storybook": "^10.3.5",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.0",
+    "vite-plugin-bundle-analyzer": "^0.0.1",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "exports": {
     ".": {
       "types": "./build/index.d.ts",
       "import": "./build/index.es.js",
-      "require": "./build/index.cjs.js"
-    },
-    "./style-theme": {
-      "types": "./build/style-theme.d.ts",
-      "import": "./build/style-theme.es.js",
-      "require": "./build/style-theme.cjs.js"
-    },
-    "./style-add": {
-      "types": "./build/style-add.d.ts",
-      "import": "./build/style-add.es.js",
-      "require": "./build/style-add.cjs.js"
-    },
-    "./style-sx": {
-      "types": "./build/style-sx.d.ts",
-      "import": "./build/style-sx.es.js",
-      "require": "./build/style-sx.cjs.js"
-    },
-    "./style-error": {
-      "types": "./build/style-error.d.ts",
-      "import": "./build/style-error.es.js",
-      "require": "./build/style-error.cjs.js"
+      "require": "./build/index.cjs.js",
+      "default": "./build/index.es.js"
     },
     "./style-motion": {
       "types": "./build/style-motion.d.ts",
       "import": "./build/style-motion.es.js",
-      "require": "./build/style-motion.cjs.js"
-    },
-    "./types": {
-      "types": "./build/types.d.ts",
-      "import": "./build/types.es.js",
-      "require": "./build/types.cjs.js"
-    },
-    "./functions": {
-      "types": "./build/functions.d.ts",
-      "import": "./build/functions.es.js",
-      "require": "./build/functions.cjs.js"
+      "require": "./build/style-motion.cjs.js",
+      "default": "./build/style-motion.es.js"
     },
-    "./consts": {
-      "types": "./build/consts.d.ts",
-      "import": "./build/consts.es.js",
-      "require": "./build/consts.cjs.js"
+    "./style-utils": {
+      "types": "./build/style-utils.d.ts",
+      "import": "./build/style-utils.es.js",
+      "require": "./build/style-utils.cjs.js",
+      "default": "./build/style-utils.es.js"
     },
-    "./component-range": {
-      "types": "./build/component-range.d.ts",
-      "import": "./build/component-range.es.js",
-      "require": "./build/component-range.cjs.js"
-    },
-    "./component-accordion": {
-      "types": "./build/component-accordion.d.ts",
-      "import": "./build/component-accordion.es.js",
-      "require": "./build/component-accordion.cjs.js"
+    "./components-error": {
+      "types": "./build/components-error.d.ts",
+      "import": "./build/components-error.es.js",
+      "require": "./build/components-error.cjs.js",
+      "default": "./build/components-error.es.js"
     },
     "./component-button": {
       "types": "./build/component-button.d.ts",
       "import": "./build/component-button.es.js",
-      "require": "./build/component-button.cjs.js"
-    },
-    "./component-button-group": {
-      "types": "./build/component-button-group.d.ts",
-      "import": "./build/component-button-group.es.js",
-      "require": "./build/component-button-group.cjs.js"
+      "require": "./build/component-button.cjs.js",
+      "default": "./build/component-button.es.js"
     },
     "./component-checkbox": {
       "types": "./build/component-checkbox.d.ts",
       "import": "./build/component-checkbox.es.js",
-      "require": "./build/component-checkbox.cjs.js"
-    },
-    "./component-checkbox-group": {
-      "types": "./build/component-checkbox-group.d.ts",
-      "import": "./build/component-checkbox-group.es.js",
-      "require": "./build/component-checkbox-group.cjs.js"
+      "require": "./build/component-checkbox.cjs.js",
+      "default": "./build/component-checkbox.es.js"
     },
     "./component-date-picker": {
       "types": "./build/component-date-picker.d.ts",
       "import": "./build/component-date-picker.es.js",
-      "require": "./build/component-date-picker.cjs.js"
+      "require": "./build/component-date-picker.cjs.js",
+      "default": "./build/component-date-picker.es.js"
     },
     "./component-icon": {
       "types": "./build/component-icon.d.ts",
       "import": "./build/component-icon.es.js",
-      "require": "./build/component-icon.cjs.js"
-    },
-    "./component-image": {
-      "types": "./build/component-image.d.ts",
-      "import": "./build/component-image.es.js",
-      "require": "./build/component-image.cjs.js"
-    },
-    "./component-image-select": {
-      "types": "./build/component-image-select.d.ts",
-      "import": "./build/component-image-select.es.js",
-      "require": "./build/component-image-select.cjs.js"
-    },
-    "./component-image-slider": {
-      "types": "./build/component-image-slider.d.ts",
-      "import": "./build/component-image-slider.es.js",
-      "require": "./build/component-image-slider.cjs.js"
-    },
-    "./component-image-button": {
-      "types": "./build/component-image-button.d.ts",
-      "import": "./build/component-image-button.es.js",
-      "require": "./build/component-image-button.cjs.js"
+      "require": "./build/component-icon.cjs.js",
+      "default": "./build/component-icon.es.js"
     },
     "./component-input": {
       "types": "./build/component-input.d.ts",
       "import": "./build/component-input.es.js",
-      "require": "./build/component-input.cjs.js"
+      "require": "./build/component-input.cjs.js",
+      "default": "./build/component-input.es.js"
     },
     "./component-input-otp": {
       "types": "./build/component-input-otp.d.ts",
       "import": "./build/component-input-otp.es.js",
-      "require": "./build/component-input-otp.cjs.js"
+      "require": "./build/component-input-otp.cjs.js",
+      "default": "./build/component-input-otp.es.js"
     },
     "./component-pagination": {
       "types": "./build/component-pagination.d.ts",
       "import": "./build/component-pagination.es.js",
-      "require": "./build/component-pagination.cjs.js"
+      "require": "./build/component-pagination.cjs.js",
+      "default": "./build/component-pagination.es.js"
     },
-    "./component-ripple": {
-      "types": "./build/component-ripple.d.ts",
-      "import": "./build/component-ripple.es.js",
-      "require": "./build/component-ripple.cjs.js"
+    "./component-popover": {
+      "types": "./build/component-popover.d.ts",
+      "import": "./build/component-popover.es.js",
+      "require": "./build/component-popover.cjs.js",
+      "default": "./build/component-popover.es.js"
     },
     "./component-select": {
       "types": "./build/component-select.d.ts",
       "import": "./build/component-select.es.js",
-      "require": "./build/component-select.cjs.js"
+      "require": "./build/component-select.cjs.js",
+      "default": "./build/component-select.es.js"
     },
     "./component-separator": {
       "types": "./build/component-separator.d.ts",
       "import": "./build/component-separator.es.js",
-      "require": "./build/component-separator.cjs.js"
-    },
-    "./component-slider": {
-      "types": "./build/component-slider.d.ts",
-      "import": "./build/component-slider.es.js",
-      "require": "./build/component-slider.cjs.js"
+      "require": "./build/component-separator.cjs.js",
+      "default": "./build/component-separator.es.js"
     },
     "./component-stack": {
       "types": "./build/component-stack.d.ts",
       "import": "./build/component-stack.es.js",
-      "require": "./build/component-stack.cjs.js"
+      "require": "./build/component-stack.cjs.js",
+      "default": "./build/component-stack.es.js"
     },
     "./component-textarea": {
       "types": "./build/component-textarea.d.ts",
       "import": "./build/component-textarea.es.js",
-      "require": "./build/component-textarea.cjs.js"
+      "require": "./build/component-textarea.cjs.js",
+      "default": "./build/component-textarea.es.js"
     },
     "./component-toggle": {
       "types": "./build/component-toggle.d.ts",
       "import": "./build/component-toggle.es.js",
-      "require": "./build/component-toggle.cjs.js"
+      "require": "./build/component-toggle.cjs.js",
+      "default": "./build/component-toggle.es.js"
     },
     "./component-tooltip": {
       "types": "./build/component-tooltip.d.ts",
       "import": "./build/component-tooltip.es.js",
-      "require": "./build/component-tooltip.cjs.js"
+      "require": "./build/component-tooltip.cjs.js",
+      "default": "./build/component-tooltip.es.js"
     },
     "./component-typography": {
       "types": "./build/component-typography.d.ts",
       "import": "./build/component-typography.es.js",
-      "require": "./build/component-typography.cjs.js"
+      "require": "./build/component-typography.cjs.js",
+      "default": "./build/component-typography.es.js"
     },
     "./area-outside": {
       "types": "./build/area-outside.d.ts",
       "import": "./build/area-outside.es.js",
-      "require": "./build/area-outside.cjs.js"
+      "require": "./build/area-outside.cjs.js",
+      "default": "./build/area-outside.es.js"
     },
     "./area-preview": {
       "types": "./build/area-preview.d.ts",
       "import": "./build/area-preview.es.js",
-      "require": "./build/area-preview.cjs.js"
-    },
-    "./area-scroll": {
-      "types": "./build/area-scroll.d.ts",
-      "import": "./build/area-scroll.es.js",
-      "require": "./build/area-scroll.cjs.js"
+      "require": "./build/area-preview.cjs.js",
+      "default": "./build/area-preview.es.js"
     },
     "./area-skeleton": {
       "types": "./build/area-skeleton.d.ts",
       "import": "./build/area-skeleton.es.js",
-      "require": "./build/area-skeleton.cjs.js"
-    },
-    "./area-smooth": {
-      "types": "./build/area-smooth.d.ts",
-      "import": "./build/area-smooth.es.js",
-      "require": "./build/area-smooth.cjs.js"
+      "require": "./build/area-skeleton.cjs.js",
+      "default": "./build/area-skeleton.es.js"
     },
     "./hooks-use-debounced-callback": {
       "types": "./build/hooks-use-debounced-callback.d.ts",
       "import": "./build/hooks-use-debounced-callback.es.js",
-      "require": "./build/hooks-use-debounced-callback.cjs.js"
+      "require": "./build/hooks-use-debounced-callback.cjs.js",
+      "default": "./build/hooks-use-debounced-callback.es.js"
     },
     "./hooks-use-deep-compare-memoize": {
       "types": "./build/hooks-use-deep-compare-memoize.d.ts",
       "import": "./build/hooks-use-deep-compare-memoize.es.js",
-      "require": "./build/hooks-use-deep-compare-memoize.cjs.js"
+      "require": "./build/hooks-use-deep-compare-memoize.cjs.js",
+      "default": "./build/hooks-use-deep-compare-memoize.es.js"
+    },
+    "./hooks-use-deep-memo": {
+      "types": "./build/hooks-use-deep-memo.d.ts",
+      "import": "./build/hooks-use-deep-memo.es.js",
+      "require": "./build/hooks-use-deep-memo.cjs.js",
+      "default": "./build/hooks-use-deep-memo.es.js"
+    },
+    "./hooks-use-merge-refs": {
+      "types": "./build/hooks-use-merge-refs.d.ts",
+      "import": "./build/hooks-use-merge-refs.es.js",
+      "require": "./build/hooks-use-merge-refs.cjs.js",
+      "default": "./build/hooks-use-merge-refs.es.js"
+    },
+    "./hooks-use-overflowing": {
+      "types": "./build/hooks-use-overflowing.d.ts",
+      "import": "./build/hooks-use-overflowing.es.js",
+      "require": "./build/hooks-use-overflowing.cjs.js",
+      "default": "./build/hooks-use-overflowing.es.js"
+    },
+    "./hooks-use-overflowing-advanced": {
+      "types": "./build/hooks-use-overflowing-advanced.d.ts",
+      "import": "./build/hooks-use-overflowing-advanced.es.js",
+      "require": "./build/hooks-use-overflowing-advanced.cjs.js",
+      "default": "./build/hooks-use-overflowing-advanced.es.js"
+    },
+    "./hooks-use-responsive-layout": {
+      "types": "./build/hooks-use-responsive-layout.d.ts",
+      "import": "./build/hooks-use-responsive-layout.es.js",
+      "require": "./build/hooks-use-responsive-layout.cjs.js",
+      "default": "./build/hooks-use-responsive-layout.es.js"
+    },
+    "./hooks-use-typography-styles": {
+      "types": "./build/hooks-use-typography-styles.d.ts",
+      "import": "./build/hooks-use-typography-styles.es.js",
+      "require": "./build/hooks-use-typography-styles.cjs.js",
+      "default": "./build/hooks-use-typography-styles.es.js"
     },
     "./context-app": {
       "types": "./build/context-app.d.ts",
       "import": "./build/context-app.es.js",
-      "require": "./build/context-app.cjs.js"
+      "require": "./build/context-app.cjs.js",
+      "default": "./build/context-app.es.js"
+    },
+    "./context-browser-theme": {
+      "types": "./build/context-browser-theme.d.ts",
+      "import": "./build/context-browser-theme.es.js",
+      "require": "./build/context-browser-theme.cjs.js",
+      "default": "./build/context-browser-theme.es.js"
     },
     "./context-cookie": {
       "types": "./build/context-cookie.d.ts",
       "import": "./build/context-cookie.es.js",
-      "require": "./build/context-cookie.cjs.js"
+      "require": "./build/context-cookie.cjs.js",
+      "default": "./build/context-cookie.es.js"
     },
     "./context-dialog": {
       "types": "./build/context-dialog.d.ts",
       "import": "./build/context-dialog.es.js",
-      "require": "./build/context-dialog.cjs.js"
+      "require": "./build/context-dialog.cjs.js",
+      "default": "./build/context-dialog.es.js"
     },
     "./context-geolocation": {
       "types": "./build/context-geolocation.d.ts",
       "import": "./build/context-geolocation.es.js",
-      "require": "./build/context-geolocation.cjs.js"
+      "require": "./build/context-geolocation.cjs.js",
+      "default": "./build/context-geolocation.es.js"
     },
     "./context-local-storage": {
       "types": "./build/context-local-storage.d.ts",
       "import": "./build/context-local-storage.es.js",
-      "require": "./build/context-local-storage.cjs.js"
+      "require": "./build/context-local-storage.cjs.js",
+      "default": "./build/context-local-storage.es.js"
     },
     "./context-permission": {
       "types": "./build/context-permission.d.ts",
       "import": "./build/context-permission.es.js",
-      "require": "./build/context-permission.cjs.js"
+      "require": "./build/context-permission.cjs.js",
+      "default": "./build/context-permission.es.js"
     },
     "./context-screen-width": {
       "types": "./build/context-screen-width.d.ts",
       "import": "./build/context-screen-width.es.js",
-      "require": "./build/context-screen-width.cjs.js"
+      "require": "./build/context-screen-width.cjs.js",
+      "default": "./build/context-screen-width.es.js"
     },
     "./context-sonner": {
       "types": "./build/context-sonner.d.ts",
       "import": "./build/context-sonner.es.js",
-      "require": "./build/context-sonner.cjs.js"
+      "require": "./build/context-sonner.cjs.js",
+      "default": "./build/context-sonner.es.js"
     }
-  },
-  "scripts": {
-    "build:storybook": "cross-env NODE_ENV=storybook storybook build --quiet --disable-telemetry -o build",
-    "build:library": "tsc && vite build",
-    "build:main": "tsc && vite build",
-    "storybook": "storybook dev -p 3030",
-    "biome:lint": "biome lint .",
-    "biome:format": "biome format --write src",
-    "changelog": "conventional-changelog -p eslint -i CHANGELOG.md -s -r 0"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.1.1",
-    "@fontsource/inter": "^5.1.0",
-    "@fontsource/manrope": "^5.2.6",
-    "@fontsource/roboto": "^5.1.0",
-    "@fontsource/roboto-mono": "^5.2.6",
-    "@fontsource/work-sans": "^5.2.5",
-    "@jenesei-software/jenesei-plugin-vite": "^1.3.1",
-    "@storybook/addon-docs": "^9.0.13",
-    "@storybook/addon-links": "^9.0.13",
-    "@storybook/react-vite": "^9.0.13",
-    "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.20",
-    "@types/node": "^22.8.2",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/styled-components": "^5.1.34",
-    "@vitejs/plugin-react": "^4.3.3",
-    "cross-env": "^7.0.3",
-    "fs": "^0.0.1-security",
-    "globals": "^15.11.0",
-    "path": "^0.12.7",
-    "react-docgen-typescript": "^2.2.2",
-    "sharp": "^0.33.5",
-    "storybook": "^9.0.13",
-    "terser": "^5.38.1",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.10",
-    "vite-plugin-bundle-analyzer": "^0.0.1",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-tsconfig-paths": "^5.0.1"
-  },
-  "peerDependencies": {
-    "@tanstack/react-router": ">=1.97.0",
-    "@tanstack/react-virtual": "^3.10.8",
-    "framer-motion": "^11.13.1",
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0",
-    "styled-components": ">=6.0"
-  },
-  "dependencies": {
-    "@floating-ui/react": "^0.27.12",
-    "@tanstack/react-router": ">=1.97.0",
-    "@tanstack/react-virtual": "^3.10.8",
-    "framer-motion": "^11.13.1",
-    "js-cookie": "^3.0.5",
-    "lodash": "^4.17.21",
-    "moment": ">=2.30.1",
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0",
-    "react-easy-crop": "^5.4.2",
-    "react-number-format": "^5.4.2",
-    "styled-components": ">=6.0",
-    "styled-reset": "^4.5.2",
-    "uuid": "^11.0.3"
   }
 }

package/build/area-0BNtBqG8.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("./jsx-runtime-C6yv_9g1.cjs"),l=require("./area.styles-Cpx4H0gc.cjs");exports.Scroll=s=>r.jsxRuntimeExports.jsx(l.StyledScroll,{...s,$horizontal:s.horizontal,$vertical:s.vertical,$isAlwaysHorizontal:s.isAlwaysHorizontal,$isAlwaysVertical:s.isAlwaysVertical,children:s.children});
-//# sourceMappingURL=area-0BNtBqG8.cjs.map

package/build/area-0BNtBqG8.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-0BNtBqG8.cjs","sources":["../src/areas/scroll/area.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { ScrollProps, StyledScroll } from '.';\n\nexport const Scroll: FC<ScrollProps> = (props) => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  );\n};\n"],"names":["props","jsx","StyledScroll","$horizontal","horizontal","$vertical","vertical","$isAlwaysHorizontal","isAlwaysHorizontal","$isAlwaysVertical","isAlwaysVertical","children"],"mappings":"kHAIwCA,KAEpCC,kBAAAA,IAACC,EAAAA,aAAA,IACKF,EACJG,YAAaH,EAAMI,WACnBC,UAAWL,EAAMM,SACjBC,oBAAqBP,EAAMQ,mBAC3BC,kBAAmBT,EAAMU,iBAExBC,SAAAX,EAAMW"}

package/build/area-B6xxVQ87.js

@@ -1,35 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { useRef, useEffect } from "react";
-import { b as Stack } from "./component-gcvwlILJ.js";
-const Outside = (props) => {
-  const elementRef = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (elementRef.current && !elementRef.current.contains(event.target)) {
-        props.onOutsideClick(event);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [props]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Stack,
-    {
-      sx: (theme) => ({
-        ...props == null ? void 0 : props.sx,
-        default: {
-          display: "content",
-          ...(props == null ? void 0 : props.sx) ? typeof (props == null ? void 0 : props.sx) === "function" ? props == null ? void 0 : props.sx(theme).default : props == null ? void 0 : props.sx.default : {}
-        }
-      }),
-      ref: elementRef,
-      children: props.children
-    }
-  );
-};
-export {
-  Outside as O
-};
-//# sourceMappingURL=area-B6xxVQ87.js.map

package/build/area-B6xxVQ87.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-B6xxVQ87.js","sources":["../src/areas/outside/area.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { Stack } from '@local/components/stack';\nimport { addSXProps } from '@local/styles/sx';\n\ntype OutsideProps = PropsWithChildren &\n  addSXProps & {\n    onOutsideClick: (event: MouseEvent) => void;\n  };\n\nexport const Outside: FC<OutsideProps> = (props) => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n        props.onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [props]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          display: 'content',\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n      ref={elementRef}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAUO,MAAM,UAA4B,CAAC,UAAU;AAClD,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,GAAG;AAC5E,cAAM,eAAe,KAAK;AAAA,MAC5B;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AACV,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,CAAC,WAAW;AAAA,QACd,GAAG,+BAAO;AAAA,QACV,SAAS;AAAA,UACP,SAAS;AAAA,UACT,IAAI,+BAAO,MAAM,QAAO,+BAAO,QAAO,aAAa,+BAAO,GAAG,OAAO,UAAU,+BAAO,GAAG,UAAW,CAAA;AAAA,QAAC;AAAA,MACtG;AAAA,MAEF,KAAK;AAAA,MAEJ,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/area-B7-4IFQB.js

@@ -1,19 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { S as StyledScroll } from "./area.styles-DhCCEhuq.js";
-const Scroll = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    StyledScroll,
-    {
-      ...props,
-      $horizontal: props.horizontal,
-      $vertical: props.vertical,
-      $isAlwaysHorizontal: props.isAlwaysHorizontal,
-      $isAlwaysVertical: props.isAlwaysVertical,
-      children: props.children
-    }
-  );
-};
-export {
-  Scroll as S
-};
-//# sourceMappingURL=area-B7-4IFQB.js.map

package/build/area-B7-4IFQB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-B7-4IFQB.js","sources":["../src/areas/scroll/area.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { ScrollProps, StyledScroll } from '.';\n\nexport const Scroll: FC<ScrollProps> = (props) => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  );\n};\n"],"names":["jsx"],"mappings":";;AAIO,MAAM,SAA0B,CAAC,UAAU;AAChD,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA,MACjB,qBAAqB,MAAM;AAAA,MAC3B,mBAAmB,MAAM;AAAA,MAExB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/area-DxKLtDFZ.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),t=require("react"),n=require("./component-CoOTSdM5.cjs");exports.Outside=s=>{const u=t.useRef(null);return t.useEffect(()=>{const e=e=>{u.current&&!u.current.contains(e.target)&&s.onOutsideClick(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]),e.jsxRuntimeExports.jsx(n.Stack,{sx:e=>({...null==s?void 0:s.sx,default:{display:"content",...(null==s?void 0:s.sx)?"function"==typeof(null==s?void 0:s.sx)?null==s?void 0:s.sx(e).default:null==s?void 0:s.sx.default:{}}}),ref:u,children:s.children})};
-//# sourceMappingURL=area-DxKLtDFZ.cjs.map

package/build/area-DxKLtDFZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-DxKLtDFZ.cjs","sources":["../src/areas/outside/area.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { Stack } from '@local/components/stack';\nimport { addSXProps } from '@local/styles/sx';\n\ntype OutsideProps = PropsWithChildren &\n  addSXProps & {\n    onOutsideClick: (event: MouseEvent) => void;\n  };\n\nexport const Outside: FC<OutsideProps> = (props) => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n        props.onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [props]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          display: 'content',\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n      ref={elementRef}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"names":["props","elementRef","useRef","useEffect","handleClickOutside","event","current","contains","target","onOutsideClick","document","addEventListener","removeEventListener","jsx","Stack","sx","theme","default","display","ref","children"],"mappings":"oIAU0CA,IACxC,MAAMC,EAAaC,EAAAA,OAAuB,MAc1C,OAZAC,EAAAA,UAAU,KACR,MAAMC,EAAsBC,IACtBJ,EAAWK,UAAYL,EAAWK,QAAQC,SAASF,EAAMG,SAC3DR,EAAMS,eAAeJ,IAKzB,OADAK,SAASC,iBAAiB,YAAaP,GAChC,KACLM,SAASE,oBAAoB,YAAaR,KAE3C,CAACJ,MAEFa,kBAAAA,IAACC,EAAAA,MAAA,CACCC,GAAKC,IAAA,IACA,MAAAhB,OAAA,EAAAA,EAAOe,GACVE,QAAS,CACPC,QAAS,cACL,MAAAlB,OAAA,EAAAA,EAAOe,IAA2B,yBAAdf,WAAOe,IAAoB,MAAAf,OAAA,EAAAA,EAAOe,GAAGC,GAAOC,QAAU,MAAAjB,OAAA,EAAAA,EAAOe,GAAGE,QAAW,CAAA,KAGvGE,IAAKlB,EAEJmB,SAAApB,EAAMoB"}

package/build/area-outside.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-outside.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/area-outside.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-outside.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/area-preview.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-preview.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/area-preview.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-preview.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/area-scroll.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.styles-Cpx4H0gc.cjs"),r=require("./area-0BNtBqG8.cjs");exports.StyledScroll=e.StyledScroll,exports.Scroll=r.Scroll;
-//# sourceMappingURL=area-scroll.cjs.js.map

package/build/area-scroll.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-scroll.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}