@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.11

package/build/use-DT0XgvJT.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-DT0XgvJT.js","sources":["../src/hooks/use-deep-compare-memoize/use.ts"],"sourcesContent":["import { useRef } from 'react'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDeepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false\n\n  const keysA = Object.keys(a)\n  const keysB = Object.keys(b)\n\n  if (keysA.length !== keysB.length) return false\n\n  for (const key of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(b, key) || !isDeepEqual(a[key], b[key])) {\n      return false\n    }\n  }\n\n  return true\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useDeepCompareMemoize = <T extends object | undefined | boolean | any[]>(value: T): T => {\n  const ref = useRef<T>(value)\n\n  if (!isDeepEqual(value, ref.current)) {\n    ref.current = value\n  }\n\n  return ref.current\n}\n"],"names":[],"mappings":";AAGA,MAAM,cAAc,CAAC,GAAQ,MAAoB;AAC/C,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAM,QAAO;AAEvF,QAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,QAAM,QAAQ,OAAO,KAAK,CAAC;AAE3B,MAAI,MAAM,WAAW,MAAM,OAAQ,QAAO;AAE1C,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,GAAG,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,GAAG;AACjF,aAAO;AAAA,IAAA;AAAA,EACT;AAGF,SAAO;AACT;AAGO,MAAM,wBAAwB,CAAiD,UAAgB;AACpG,QAAM,MAAM,OAAU,KAAK;AAE3B,MAAI,CAAC,YAAY,OAAO,IAAI,OAAO,GAAG;AACpC,QAAI,UAAU;AAAA,EAAA;AAGhB,SAAO,IAAI;AACb;"}
+{"version":3,"file":"use-DT0XgvJT.js","sources":["../src/hooks/use-deep-compare-memoize/use.ts"],"sourcesContent":["import { useRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDeepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true;\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(b, key) || !isDeepEqual(a[key], b[key])) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useDeepCompareMemoize = <T extends object | undefined | boolean | any[]>(value: T): T => {\n  const ref = useRef<T>(value);\n\n  if (!isDeepEqual(value, ref.current)) {\n    ref.current = value;\n  }\n\n  return ref.current;\n};\n"],"names":[],"mappings":";AAGA,MAAM,cAAc,CAAC,GAAQ,MAAoB;AAC/C,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAM,QAAO;AAEvF,QAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,QAAM,QAAQ,OAAO,KAAK,CAAC;AAE3B,MAAI,MAAM,WAAW,MAAM,OAAQ,QAAO;AAE1C,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,GAAG,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,GAAG;AACjF,aAAO;AAAA,IAAA;AAAA,EACT;AAGF,SAAO;AACT;AAGO,MAAM,wBAAwB,CAAiD,UAAgB;AACpG,QAAM,MAAM,OAAU,KAAK;AAE3B,MAAI,CAAC,YAAY,OAAO,IAAI,OAAO,GAAG;AACpC,QAAI,UAAU;AAAA,EAAA;AAGhB,SAAO,IAAI;AACb;"}

package/build/use-IhzeVumv.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-IhzeVumv.cjs","sources":["../src/hooks/use-debounced-callback/use.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useDebouncedCallback = (callback: () => void, delay: number = 300) => {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const debouncedCallback = useCallback(() => {\n    if (timeoutRef.current) return\n\n    callback()\n\n    timeoutRef.current = setTimeout(() => {\n      timeoutRef.current = null\n    }, delay)\n  }, [callback, delay])\n\n  return debouncedCallback\n}\n"],"names":["callback","delay","timeoutRef","useRef","useCallback","current","setTimeout"],"mappings":"mEAEoC,CAACA,EAAsBC,EAAgB,OACzE,MAAMC,EAAaC,EAAAA,OAA6C,MAYhE,OAV0BC,EAAAA,YAAY,KAChCF,EAAWG,UAEfL,IAEAE,EAAWG,QAAUC,WAAW,KAC9BJ,EAAWG,QAAU,MACpBJ,KACF,CAACD,EAAUC"}
+{"version":3,"file":"use-IhzeVumv.cjs","sources":["../src/hooks/use-debounced-callback/use.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nexport const useDebouncedCallback = (callback: () => void, delay: number = 300) => {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const debouncedCallback = useCallback(() => {\n    if (timeoutRef.current) return;\n\n    callback();\n\n    timeoutRef.current = setTimeout(() => {\n      timeoutRef.current = null;\n    }, delay);\n  }, [callback, delay]);\n\n  return debouncedCallback;\n};\n"],"names":["callback","delay","timeoutRef","useRef","useCallback","current","setTimeout"],"mappings":"mEAEoC,CAACA,EAAsBC,EAAgB,OACzE,MAAMC,EAAaC,EAAAA,OAA6C,MAYhE,OAV0BC,EAAAA,YAAY,KAChCF,EAAWG,UAEfL,IAEAE,EAAWG,QAAUC,WAAW,KAC9BJ,EAAWG,QAAU,MACpBJ,KACF,CAACD,EAAUC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Cyril Strone",
   "name": "@jenesei-software/jenesei-kit-react",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jenesei-software/jenesei-kit-react.git"
@@ -270,8 +270,9 @@
     "build:library": "tsc && vite build",
     "build:main": "tsc && vite build",
     "storybook": "storybook dev -p 3030",
-    "eslint": "eslint \"src/**/*.{ts,tsx,js,jsx}\"",
-    "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
+    "biome:lint": "biome lint .",
+    "biome:format": "biome format --write src",
+    "changelog": "conventional-changelog -p eslint -i CHANGELOG.md -s -r 0"
   },
   "devDependencies": {
     "@fontsource/inter": "^5.1.0",

package/build/area-BC64nSGj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-BC64nSGj.js","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack'\n\nimport styled, { css } from 'styled-components'\n\nimport { StyledScrollProps } from '.'\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${props => css`\n    ${props.$horizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `}\n\n    ${props.$vertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `}\n\n    ${props.$isAlwaysHorizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `}\n\n    ${props.$isAlwaysVertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `}\n  `}\n`\n","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":";;;AAMO,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,IAIpC,CAAA,UAAS;AAAA,MACP,MAAM,eACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,aACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,uBACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,qBACR;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;AC9BI,MAAM,SAA0B,CAAA,UAAS;AAC9C,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-C6QOr2Kd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-C6QOr2Kd.cjs","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack'\n\nimport styled, { css } from 'styled-components'\n\nimport { StyledScrollProps } from '.'\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${props => css`\n    ${props.$horizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `}\n\n    ${props.$vertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `}\n\n    ${props.$isAlwaysHorizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `}\n\n    ${props.$isAlwaysVertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `}\n  `}\n`\n","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":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical","jsx","horizontal","vertical","isAlwaysHorizontal","isAlwaysVertical","children"],"mappings":"gIAMaA,EAAeC,EAAOC,QAAK;;;;IAIpCC,GAASC,EAAAA,GAAAA;MACPD,EAAME,aACRD,EAAAA,GAAAA;;;;;MAKED,EAAMG,WACRF,EAAAA,GAAAA;;;;;MAKED,EAAMI,qBACRH,EAAAA,GAAAA;;;;;MAKED,EAAMK,mBACRJ,EAAAA,GAAAA;;;;;iBC1BmCD,KAEnCM,kBAAAA,IAACT,EAAA,IACKG,EACJE,YAAaF,EAAMO,WACnBJ,UAAWH,EAAMQ,SACjBJ,oBAAqBJ,EAAMS,mBAC3BJ,kBAAmBL,EAAMU,iBAExBC,SAAAX,EAAMW"}

package/build/area-D7906bXA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-D7906bXA.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":"oIAUyCA,IACvC,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,GAAIC,IAAA,IACC,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-DRqAofd0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-DRqAofd0.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,CAAA,UAAS;AAChD,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,MAAA;AAAA,IAC5B;AAGF,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAAA;AAAA,EAC9D,GACC,CAAC,KAAK,CAAC;AACV,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,CAAA,WAAU;AAAA,QACZ,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-DnAf310m.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("react"),n=require("./component.styles-DSle6iuF.cjs"),o=require("./component-BV_7tGiu.cjs");exports.Preview=s=>{const[l,r]=i.useState(s.defaultVisible??!0),u=i.useMemo(()=>"visible"in s?s.visible:null,[s]),a=i.useMemo(()=>"time"in s?s.time:null,[s]),d=i.useMemo(()=>"minTime"in s?s.minTime:null,[s]);return i.useEffect(()=>{if(null!==a){const e=setTimeout(()=>{r(!0)},a);return()=>{clearTimeout(e)}}},[a]),i.useEffect(()=>{if(null!==u)if(u){if(d){const e=setTimeout(()=>{r(u)},d);return()=>clearTimeout(e)}r(u)}else r(u)},[u,d]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(t.AnimatePresence,{children:[l?null:e.jsxRuntimeExports.jsxs(o.StackMotion,{sx:e=>({...null==s?void 0:s.sxLoader,default:{backgroundColor:e.palette.whiteStandard,width:"100%",height:"100%",position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,...(null==s?void 0:s.sxLoader)?"function"==typeof(null==s?void 0:s.sxLoader)?null==s?void 0:s.sxLoader(e).default:null==s?void 0:s.sxLoader.default:{}}}),transition:{duration:.3},exit:{opacity:0},animate:{opacity:1},children:[e.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{position:"absolute",width:"8vmin",height:"8vmin"}},children:e.jsxRuntimeExports.jsx(n.Icon,{size:"100%",type:"loading",primaryColor:"blueFocus",name:"Line"})}),s.content&&e.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{position:"relative",marginTop:"18vmin"}},children:s.content})]},"loader"),l?e.jsxRuntimeExports.jsx(o.StackMotion,{sx:e=>({...null==s?void 0:s.sxChildren,default:{display:"contents",zIndex:0,...(null==s?void 0:s.sxChildren)?"function"==typeof(null==s?void 0:s.sxChildren)?null==s?void 0:s.sxChildren(e).default:null==s?void 0:s.sxChildren.default:{}}}),transition:{duration:.3},initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},children:s.children},"children"):null]})})};
-//# sourceMappingURL=area-DnAf310m.cjs.map

package/build/area-DnAf310m.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-DnAf310m.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, useEffect, useMemo, useState } from 'react'\n\nimport { Icon } from '@local/components/icon'\nimport { Stack, StackMotion } from '@local/components/stack'\n\nimport { PreviewProps } from '.'\n\nexport const Preview: FC<PreviewProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true)\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props])\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props])\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props])\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, propsTime)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [propsTime])\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible)\n          }, propsMinTime)\n          return () => clearTimeout(timer)\n        } else {\n          setVisible(propsVisible)\n        }\n      } else {\n        setVisible(propsVisible)\n      }\n    }\n  }, [propsVisible, propsMinTime])\n\n  return (\n    <>\n      <AnimatePresence>\n        {!visible ? (\n          <StackMotion\n            key=\"loader\"\n            sx={theme => ({\n              ...props?.sxLoader,\n              default: {\n                backgroundColor: theme.palette.whiteStandard,\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                zIndex: 1,\n                ...(props?.sxLoader\n                  ? typeof props?.sxLoader === 'function'\n                    ? props?.sxLoader(theme).default\n                    : props?.sxLoader.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            <Stack\n              sx={{\n                default: {\n                  position: 'absolute',\n                  width: '8vmin',\n                  height: '8vmin'\n                }\n              }}\n            >\n              <Icon size=\"100%\" type=\"loading\" primaryColor=\"blueFocus\" name=\"Line\" />\n            </Stack>\n            {props.content && (\n              <Stack\n                sx={{\n                  default: {\n                    position: 'relative',\n                    marginTop: '18vmin'\n                  }\n                }}\n              >\n                {props.content}\n              </Stack>\n            )}\n          </StackMotion>\n        ) : null}\n        {visible ? (\n          <StackMotion\n            key=\"children\"\n            sx={theme => ({\n              ...props?.sxChildren,\n              default: {\n                display: 'contents',\n                zIndex: 0,\n                ...(props?.sxChildren\n                  ? typeof props?.sxChildren === 'function'\n                    ? props?.sxChildren(theme).default\n                    : props?.sxChildren.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            initial={{ opacity: 0 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            {props.children}\n          </StackMotion>\n        ) : null}\n      </AnimatePresence>\n    </>\n  )\n}\n"],"names":["props","visible","setVisible","useState","defaultVisible","propsVisible","useMemo","propsTime","time","propsMinTime","minTime","useEffect","timer","setTimeout","clearTimeout","jsx","Fragment","children","AnimatePresence","jsxs","StackMotion","sx","theme","sxLoader","default","backgroundColor","palette","whiteStandard","width","height","position","top","left","display","alignItems","justifyContent","zIndex","transition","duration","exit","opacity","animate","Stack","Icon","size","type","primaryColor","name","content","marginTop","sxChildren","initial"],"mappings":"4MAQyCA,IACvC,MAAOC,EAASC,GAAcC,EAAAA,SAASH,EAAMI,iBAAkB,GAEzDC,EAAeC,UAAQ,IAAO,YAAaN,EAAQA,EAAMC,QAAU,KAAO,CAACD,IAC3EO,EAAYD,UAAQ,IAAO,SAAUN,EAAQA,EAAMQ,KAAO,KAAO,CAACR,IAClES,EAAeH,UAAQ,IAAO,YAAaN,EAAQA,EAAMU,QAAU,KAAO,CAACV,IA+BjF,OA7BAW,EAAAA,UAAU,KACR,GAAkB,OAAdJ,EAAoB,CACtB,MAAMK,EAAQC,WAAW,KACvBX,GAAW,IACVK,GAEH,MAAO,KACLO,aAAaF,GACf,GAED,CAACL,IAEJI,EAAAA,UAAU,KACR,GAAqB,OAAjBN,EACF,GAAIA,EAAc,CAChB,GAAII,EAAc,CAChB,MAAMG,EAAQC,WAAW,KACvBX,EAAWG,IACVI,GACH,MAAO,IAAMK,aAAaF,EAAK,CAE/BV,EAAWG,EACb,MAEAH,EAAWG,IAGd,CAACA,EAAcI,IAGhBM,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACEC,kCAACC,EAAAA,gBAAA,CACED,SAAA,CAAChB,EAmDE,KAlDFkB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAIC,IAAA,IACC,MAAAtB,OAAA,EAAAA,EAAOuB,SACVC,QAAS,CACPC,gBAAiBH,EAAMI,QAAQC,cAC/BC,MAAO,OACPC,OAAQ,OACRC,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOuB,UACoB,yBAApBvB,WAAOuB,UACZ,MAAAvB,OAAA,EAAAA,EAAOuB,SAASD,GAAOE,QACvB,MAAAxB,OAAA,EAAAA,EAAOuB,SAASC,QAClB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBC,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEpBvB,SAAA,GAAAF,kBAAAA,IAAC2B,EAAAA,MAAA,CACCrB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVF,MAAO,QACPC,OAAQ,UAIZZ,SAAAF,EAAAA,kBAAAA,IAAC4B,QAAKC,KAAK,OAAOC,KAAK,UAAUC,aAAa,YAAYC,KAAK,WAEhE/C,EAAMgD,SACLjC,EAAAA,kBAAAA,IAAC2B,EAAAA,MAAA,CACCrB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVmB,UAAW,WAIdhC,SAAAjB,EAAMgD,YA7CP,UAkDP/C,IACCc,kBAAAA,IAACK,EAAAA,YAAA,CAECC,GAAIC,IAAA,IACC,MAAAtB,OAAA,EAAAA,EAAOkD,WACV1B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOkD,YACsB,yBAAtBlD,WAAOkD,YACZ,MAAAlD,OAAA,EAAAA,EAAOkD,WAAW5B,GAAOE,QACzB,MAAAxB,OAAA,EAAAA,EAAOkD,WAAW1B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBa,QAAS,CAAEX,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBvB,SAAAjB,EAAMiB,UAlBH,YAoBJ"}

package/build/area-Dnq78ow6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-Dnq78ow6.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, useEffect, useMemo, useState } from 'react'\n\nimport { Icon } from '@local/components/icon'\nimport { Stack, StackMotion } from '@local/components/stack'\n\nimport { PreviewProps } from '.'\n\nexport const Preview: FC<PreviewProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true)\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props])\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props])\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props])\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, propsTime)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [propsTime])\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible)\n          }, propsMinTime)\n          return () => clearTimeout(timer)\n        } else {\n          setVisible(propsVisible)\n        }\n      } else {\n        setVisible(propsVisible)\n      }\n    }\n  }, [propsVisible, propsMinTime])\n\n  return (\n    <>\n      <AnimatePresence>\n        {!visible ? (\n          <StackMotion\n            key=\"loader\"\n            sx={theme => ({\n              ...props?.sxLoader,\n              default: {\n                backgroundColor: theme.palette.whiteStandard,\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                zIndex: 1,\n                ...(props?.sxLoader\n                  ? typeof props?.sxLoader === 'function'\n                    ? props?.sxLoader(theme).default\n                    : props?.sxLoader.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            <Stack\n              sx={{\n                default: {\n                  position: 'absolute',\n                  width: '8vmin',\n                  height: '8vmin'\n                }\n              }}\n            >\n              <Icon size=\"100%\" type=\"loading\" primaryColor=\"blueFocus\" name=\"Line\" />\n            </Stack>\n            {props.content && (\n              <Stack\n                sx={{\n                  default: {\n                    position: 'relative',\n                    marginTop: '18vmin'\n                  }\n                }}\n              >\n                {props.content}\n              </Stack>\n            )}\n          </StackMotion>\n        ) : null}\n        {visible ? (\n          <StackMotion\n            key=\"children\"\n            sx={theme => ({\n              ...props?.sxChildren,\n              default: {\n                display: 'contents',\n                zIndex: 0,\n                ...(props?.sxChildren\n                  ? typeof props?.sxChildren === 'function'\n                    ? props?.sxChildren(theme).default\n                    : props?.sxChildren.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            initial={{ opacity: 0 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            {props.children}\n          </StackMotion>\n        ) : null}\n      </AnimatePresence>\n    </>\n  )\n}\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}

package/build/component--Oo5_3xq.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component--Oo5_3xq.cjs","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { StackMotion, StackProps } from '@local/components/stack'\n\nexport const Smooth: FC<StackProps> = props => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring'\n        }\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  )\n}\n"],"names":["props","jsx","StackMotion","transition","layout","duration","ease","type","children"],"mappings":"gHAIsCA,KAElCC,kBAAAA,IAACC,EAAAA,YAAA,CACCC,WAAY,CACVC,OAAQ,CACNC,SAAU,GACVC,KAAM,YACNC,KAAM,WAGVH,QAAM,KACFJ,EAEHQ,SAAAR,EAAMQ"}

package/build/component-BV_7tGiu.cjs

@@ -1,28 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("framer-motion"),t=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),r=require("./component.styles-Dpg-__rn.cjs");require("react");const s=t.div`
-  display: flex;
-  ${o.addSX}
-
-  ${e=>e.$isHover&&t.css`
-      transition:
-        background-color ${e=>e.theme.transition.default},
-        outline 0s;
-      &:hover {
-        background-color: ${e=>e.theme.palette.black05};
-      }
-    `};
-  ${r.addRipple};
-`,n=t(i.motion.div)`
-  display: flex;
-  ${o.addSX}
-
-  ${e=>e.$isHover&&t.css`
-      transition:
-        background-color ${e=>e.theme.transition.default},
-        outline 0s;
-      &:hover {
-        background-color: ${e=>e.theme.palette.black05};
-      }
-    `};
-  ${r.addRipple};
-`;exports.Stack=i=>e.jsxRuntimeExports.jsx(s,{ref:i.ref,onClick:i.onClick,onDrop:i.onDrop,onDragOver:i.onDragOver,className:i.className,$sx:i.sx,$isHover:i.isHover,$isRipple:i.isRipple,children:i.children}),exports.StackMotion=i=>e.jsxRuntimeExports.jsx(n,{ref:i.ref,layout:i.layout,initial:i.initial,animate:i.animate,exit:i.exit,transition:i.transition,onClick:i.onClick,className:i.className,$sx:i.sx,$isHover:i.isHover,$isRipple:i.isRipple,children:i.children}),exports.StyledStack=s,exports.StyledStackMotion=n;
-//# sourceMappingURL=component-BV_7tGiu.cjs.map

package/build/component-BV_7tGiu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BV_7tGiu.cjs","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledStackProps } from '.'\nimport { addRipple } from '../ripple'\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${props =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${props => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${props => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${props =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${props => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${props => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`\n","import { FC } from 'react'\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.'\n\nexport const Stack: FC<StackProps> = props => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  )\n}\n\nexport const StackMotion: FC<StackMotionProps> = props => {\n  return (\n    <StyledStackMotion\n      ref={props.ref}\n      layout={props.layout}\n      initial={props.initial}\n      animate={props.animate}\n      exit={props.exit}\n      transition={props.transition}\n      onClick={props.onClick}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStackMotion>\n  )\n}\n"],"names":["StyledStack","styled","div","addSX","props","$isHover","css","theme","transition","default","palette","black05","addRipple","StyledStackMotion","motion","jsx","ref","onClick","onDrop","onDragOver","className","$sx","sx","isHover","$isRipple","isRipple","children","layout","initial","animate","exit"],"mappings":"qNAQO,MAAMA,EAAcC,EAAOC,GAAA;;IAE9BC,EAAAA;;IAEAC,GACAA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEuBF,GAASA,EAAMG,MAAMC,WAAWC;;;4BAG/BL,GAASA,EAAMG,MAAMG,QAAQC;;;IAGrDC;EAGSC,EAAoBZ,EAAOa,EAAAA,OAAOZ,IAAG;;IAE9CC,EAAAA;;IAEAC,GACAA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEuBF,GAASA,EAAMG,MAAMC,WAAWC;;;4BAG/BL,GAASA,EAAMG,MAAMG,QAAQC;;;IAGrDC;gBCnCiCR,KAEjCW,kBAAAA,IAACf,EAAA,CACCgB,IAAKZ,EAAMY,IACXC,QAASb,EAAMa,QACfC,OAAQd,EAAMc,OACdC,WAAYf,EAAMe,WAClBC,UAAWhB,EAAMgB,UACjBC,IAAKjB,EAAMkB,GACXjB,SAAUD,EAAMmB,QAChBC,UAAWpB,EAAMqB,SAEhBC,SAAAtB,EAAMsB,+BAKoCtB,KAE7CW,kBAAAA,IAACF,EAAA,CACCG,IAAKZ,EAAMY,IACXW,OAAQvB,EAAMuB,OACdC,QAASxB,EAAMwB,QACfC,QAASzB,EAAMyB,QACfC,KAAM1B,EAAM0B,KACZtB,WAAYJ,EAAMI,WAClBS,QAASb,EAAMa,QACfG,UAAWhB,EAAMgB,UACjBC,IAAKjB,EAAMkB,GACXjB,SAAUD,EAAMmB,QAChBC,UAAWpB,EAAMqB,SAEhBC,SAAAtB,EAAMsB"}

package/build/component-BcHiCCC9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BcHiCCC9.js","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { StackMotion, StackProps } from '@local/components/stack'\n\nexport const Smooth: FC<StackProps> = props => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring'\n        }\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  )\n}\n"],"names":["jsx"],"mappings":";;AAIO,MAAM,SAAyB,CAAA,UAAS;AAC7C,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAM;AAAA,MACL,GAAG;AAAA,MAEH,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/component-BiNPQpCQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BiNPQpCQ.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMrCC,GACoB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD6CF,UAC/C,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IAAOL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}