smarthr-ui 96.1.0 → 96.1.2

package/lib/hooks/useEnvironment/EnvironmentProvider.js

@@ -6,12 +6,12 @@ import '../../themes/createSpacing.js';
 import '../../_virtual/index.js';
 import '../../_virtual/index2.js';
 import '../../themes/createColor.js';
+import '../../themes/createTextColor.js';
+import 'styled-components';
 import '../../themes/createShadow/defaultShadow.js';
 import '../../themes/createWidth.js';
 import '../../themes/createBackgroundColor.js';
 import '../../themes/createBorder.js';
-import 'styled-components';
-import '../../themes/createTextColor.js';
 import { useMediaQueries } from '../useMediaQueries/useMediaQueries.js';
 import { useTheme } from '../useTheme.js';
 import { EnvironmentContext } from './useEnvironment.js';

package/lib/hooks/useOuterClick.cjs

@@ -3,17 +3,20 @@
 var React = require('react');
 
 function useOuterClick(targets, callback) {
+    // callbackをrefに保存（毎レンダリング時に最新の値を設定）
+    const callbackRef = React.useRef(callback);
+    callbackRef.current = callback;
     React.useEffect(() => {
         const handleOuterClick = (e) => {
             if (targets.every((target) => isEventExcludedParent(e, target.current))) {
-                callback(e);
+                callbackRef.current(e);
             }
         };
         window.addEventListener('click', handleOuterClick);
         return () => {
             window.removeEventListener('click', handleOuterClick);
         };
-    }, [callback, targets]);
+    }, [targets]);
 }
 function isEventExcludedParent(e, parent) {
     if (!parent)

package/lib/hooks/useOuterClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOuterClick.cjs","sources":["../../src/hooks/useOuterClick.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react'\n\nexport function useOuterClick(\n  targets: Array<RefObject<HTMLElement>>,\n  callback: (e: MouseEvent) => void,\n) {\n  useEffect(() => {\n    const handleOuterClick = (e: MouseEvent) => {\n      if (targets.every((target) => isEventExcludedParent(e, target.current))) {\n        callback(e)\n      }\n    }\n\n    window.addEventListener('click', handleOuterClick)\n\n    return () => {\n      window.removeEventListener('click', handleOuterClick)\n    }\n  }, [callback, targets])\n}\n\nfunction isEventExcludedParent(e: MouseEvent, parent: Element | null): boolean {\n  if (!parent) return false\n\n  const path = e.composedPath()\n\n  if (path.length === 0) return false\n\n  return !path.includes(parent)\n}\n"],"names":["useEffect"],"mappings":";;;;AAEM,SAAU,aAAa,CAC3B,OAAsC,EACtC,QAAiC,EAAA;IAEjCA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,qBAAqB,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;gBACvE,QAAQ,CAAC,CAAC,CAAC;YACb;AACF,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AAElD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AACvD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzB;AAEA,SAAS,qBAAqB,CAAC,CAAa,EAAE,MAAsB,EAAA;AAClE,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AAEzB,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE;AAE7B,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAEnC,IAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/B;;;;"}
+{"version":3,"file":"useOuterClick.cjs","sources":["../../src/hooks/useOuterClick.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from 'react'\n\nexport function useOuterClick(\n  targets: Array<RefObject<HTMLElement>>,\n  callback: (e: MouseEvent) => void,\n) {\n  // callbackをrefに保存（毎レンダリング時に最新の値を設定）\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n\n  useEffect(() => {\n    const handleOuterClick = (e: MouseEvent) => {\n      if (targets.every((target) => isEventExcludedParent(e, target.current))) {\n        callbackRef.current(e)\n      }\n    }\n\n    window.addEventListener('click', handleOuterClick)\n\n    return () => {\n      window.removeEventListener('click', handleOuterClick)\n    }\n  }, [targets])\n}\n\nfunction isEventExcludedParent(e: MouseEvent, parent: Element | null): boolean {\n  if (!parent) return false\n\n  const path = e.composedPath()\n\n  if (path.length === 0) return false\n\n  return !path.includes(parent)\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;AAEM,SAAU,aAAa,CAC3B,OAAsC,EACtC,QAAiC,EAAA;;AAGjC,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAC,QAAQ,CAAC;AACpC,IAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;IAE9BC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,qBAAqB,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;AACvE,gBAAA,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;YACxB;AACF,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AAElD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AACvD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACf;AAEA,SAAS,qBAAqB,CAAC,CAAa,EAAE,MAAsB,EAAA;AAClE,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AAEzB,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE;AAE7B,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAEnC,IAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/B;;;;"}

package/lib/hooks/useOuterClick.js

@@ -1,17 +1,20 @@
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 
 function useOuterClick(targets, callback) {
+    // callbackをrefに保存（毎レンダリング時に最新の値を設定）
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
     useEffect(() => {
         const handleOuterClick = (e) => {
             if (targets.every((target) => isEventExcludedParent(e, target.current))) {
-                callback(e);
+                callbackRef.current(e);
             }
         };
         window.addEventListener('click', handleOuterClick);
         return () => {
             window.removeEventListener('click', handleOuterClick);
         };
-    }, [callback, targets]);
+    }, [targets]);
 }
 function isEventExcludedParent(e, parent) {
     if (!parent)

package/lib/hooks/useOuterClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOuterClick.js","sources":["../../src/hooks/useOuterClick.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react'\n\nexport function useOuterClick(\n  targets: Array<RefObject<HTMLElement>>,\n  callback: (e: MouseEvent) => void,\n) {\n  useEffect(() => {\n    const handleOuterClick = (e: MouseEvent) => {\n      if (targets.every((target) => isEventExcludedParent(e, target.current))) {\n        callback(e)\n      }\n    }\n\n    window.addEventListener('click', handleOuterClick)\n\n    return () => {\n      window.removeEventListener('click', handleOuterClick)\n    }\n  }, [callback, targets])\n}\n\nfunction isEventExcludedParent(e: MouseEvent, parent: Element | null): boolean {\n  if (!parent) return false\n\n  const path = e.composedPath()\n\n  if (path.length === 0) return false\n\n  return !path.includes(parent)\n}\n"],"names":[],"mappings":";;AAEM,SAAU,aAAa,CAC3B,OAAsC,EACtC,QAAiC,EAAA;IAEjC,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,qBAAqB,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;gBACvE,QAAQ,CAAC,CAAC,CAAC;YACb;AACF,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AAElD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AACvD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzB;AAEA,SAAS,qBAAqB,CAAC,CAAa,EAAE,MAAsB,EAAA;AAClE,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AAEzB,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE;AAE7B,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAEnC,IAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/B;;;;"}
+{"version":3,"file":"useOuterClick.js","sources":["../../src/hooks/useOuterClick.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from 'react'\n\nexport function useOuterClick(\n  targets: Array<RefObject<HTMLElement>>,\n  callback: (e: MouseEvent) => void,\n) {\n  // callbackをrefに保存（毎レンダリング時に最新の値を設定）\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n\n  useEffect(() => {\n    const handleOuterClick = (e: MouseEvent) => {\n      if (targets.every((target) => isEventExcludedParent(e, target.current))) {\n        callbackRef.current(e)\n      }\n    }\n\n    window.addEventListener('click', handleOuterClick)\n\n    return () => {\n      window.removeEventListener('click', handleOuterClick)\n    }\n  }, [targets])\n}\n\nfunction isEventExcludedParent(e: MouseEvent, parent: Element | null): boolean {\n  if (!parent) return false\n\n  const path = e.composedPath()\n\n  if (path.length === 0) return false\n\n  return !path.includes(parent)\n}\n"],"names":[],"mappings":";;AAEM,SAAU,aAAa,CAC3B,OAAsC,EACtC,QAAiC,EAAA;;AAGjC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;AACpC,IAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;IAE9B,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,qBAAqB,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;AACvE,gBAAA,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;YACxB;AACF,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AAElD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AACvD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACf;AAEA,SAAS,qBAAqB,CAAC,CAAa,EAAE,MAAsB,EAAA;AAClE,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AAEzB,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE;AAE7B,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAEnC,IAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/B;;;;"}

package/lib/hooks/usePortal.cjs

@@ -31,7 +31,7 @@ function usePortal() {
         portalRoot.dataset.portalChildOf = calculatedSeqs.portalChildOf;
         document.body.appendChild(portalRoot);
         return () => {
-            document.body.removeChild(portalRoot);
+            portalRoot.remove();
         };
     }, [portalRoot, calculatedSeqs.portalChildOf]);
     const isChildPortal = React.useCallback((element) => _isChildPortal(element, new RegExp(`(^|,)${currentSeq}(,|$)`)), [currentSeq]);

package/lib/hooks/usePortal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.cjs","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEnhancedEffect } from './useEnhancedEffect'\n\ntype ParentContextValue = {\n  seqs: number[]\n}\n\nconst ParentContext = createContext<ParentContextValue>({\n  seqs: [],\n})\n\nlet portalSeq = 0\n\nexport function usePortal() {\n  const [portalRoot, setPortalRoot] = useState<HTMLDivElement | null>(null)\n  const currentSeq = useMemo(() => ++portalSeq, [])\n  const parent = useContext(ParentContext)\n\n  const calculatedSeqs = useMemo(() => {\n    const parentSeqs = parent.seqs.concat(currentSeq)\n\n    return {\n      parentSeqs,\n      portalChildOf: parentSeqs.join(','),\n    }\n  }, [currentSeq, parent.seqs])\n\n  useEnhancedEffect(() => {\n    // Next.jsのhydration error回避のため、初回レンダリング時にdivを作成する\n    setPortalRoot(document.createElement('div'))\n  }, [])\n\n  useEnhancedEffect(() => {\n    if (!portalRoot) {\n      return\n    }\n\n    portalRoot.dataset.portalChildOf = calculatedSeqs.portalChildOf\n    document.body.appendChild(portalRoot)\n\n    return () => {\n      document.body.removeChild(portalRoot)\n    }\n  }, [portalRoot, calculatedSeqs.portalChildOf])\n\n  const isChildPortal = useCallback(\n    (element: HTMLElement | null) => _isChildPortal(element, new RegExp(`(^|,)${currentSeq}(,|$)`)),\n    [currentSeq],\n  )\n\n  const PortalParentProvider: FC<{ children: ReactNode }> = useCallback(\n    ({ children }) => {\n      const value: ParentContextValue = {\n        seqs: calculatedSeqs.parentSeqs,\n      }\n\n      return <ParentContext.Provider value={value}>{children}</ParentContext.Provider>\n    },\n    [calculatedSeqs.parentSeqs],\n  )\n\n  const wrappedCreatePortal = useCallback(\n    (children: ReactNode) => {\n      if (portalRoot === null) {\n        return null\n      }\n\n      return createPortal(children, portalRoot)\n    },\n    [portalRoot],\n  )\n\n  const isPortalRootMounted = useCallback(() => portalRoot !== null, [portalRoot])\n\n  return {\n    portalRoot,\n    isPortalRootMounted,\n    isChildPortal,\n    PortalParentProvider,\n    createPortal: wrappedCreatePortal,\n  }\n}\n\nfunction _isChildPortal(element: HTMLElement | SVGElement | null, seqRegex: RegExp): boolean {\n  if (!element) return false\n\n  let includesSeq = false\n  const childOf = element.dataset?.portalChildOf\n\n  if (childOf) {\n    includesSeq = seqRegex.test(childOf)\n  }\n\n  return includesSeq || _isChildPortal(element.parentElement, seqRegex)\n}\n"],"names":["createContext","useState","useMemo","useContext","useEnhancedEffect","useCallback","_jsx","createPortal"],"mappings":"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"}
+{"version":3,"file":"usePortal.cjs","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEnhancedEffect } from './useEnhancedEffect'\n\ntype ParentContextValue = {\n  seqs: number[]\n}\n\nconst ParentContext = createContext<ParentContextValue>({\n  seqs: [],\n})\n\nlet portalSeq = 0\n\nexport function usePortal() {\n  const [portalRoot, setPortalRoot] = useState<HTMLDivElement | null>(null)\n  const currentSeq = useMemo(() => ++portalSeq, [])\n  const parent = useContext(ParentContext)\n\n  const calculatedSeqs = useMemo(() => {\n    const parentSeqs = parent.seqs.concat(currentSeq)\n\n    return {\n      parentSeqs,\n      portalChildOf: parentSeqs.join(','),\n    }\n  }, [currentSeq, parent.seqs])\n\n  useEnhancedEffect(() => {\n    // Next.jsのhydration error回避のため、初回レンダリング時にdivを作成する\n    setPortalRoot(document.createElement('div'))\n  }, [])\n\n  useEnhancedEffect(() => {\n    if (!portalRoot) {\n      return\n    }\n\n    portalRoot.dataset.portalChildOf = calculatedSeqs.portalChildOf\n    document.body.appendChild(portalRoot)\n\n    return () => {\n      portalRoot.remove()\n    }\n  }, [portalRoot, calculatedSeqs.portalChildOf])\n\n  const isChildPortal = useCallback(\n    (element: HTMLElement | null) => _isChildPortal(element, new RegExp(`(^|,)${currentSeq}(,|$)`)),\n    [currentSeq],\n  )\n\n  const PortalParentProvider: FC<{ children: ReactNode }> = useCallback(\n    ({ children }) => {\n      const value: ParentContextValue = {\n        seqs: calculatedSeqs.parentSeqs,\n      }\n\n      return <ParentContext.Provider value={value}>{children}</ParentContext.Provider>\n    },\n    [calculatedSeqs.parentSeqs],\n  )\n\n  const wrappedCreatePortal = useCallback(\n    (children: ReactNode) => {\n      if (portalRoot === null) {\n        return null\n      }\n\n      return createPortal(children, portalRoot)\n    },\n    [portalRoot],\n  )\n\n  const isPortalRootMounted = useCallback(() => portalRoot !== null, [portalRoot])\n\n  return {\n    portalRoot,\n    isPortalRootMounted,\n    isChildPortal,\n    PortalParentProvider,\n    createPortal: wrappedCreatePortal,\n  }\n}\n\nfunction _isChildPortal(element: HTMLElement | SVGElement | null, seqRegex: RegExp): boolean {\n  if (!element) return false\n\n  let includesSeq = false\n  const childOf = element.dataset?.portalChildOf\n\n  if (childOf) {\n    includesSeq = seqRegex.test(childOf)\n  }\n\n  return includesSeq || _isChildPortal(element.parentElement, seqRegex)\n}\n"],"names":["createContext","useState","useMemo","useContext","useEnhancedEffect","useCallback","_jsx","createPortal"],"mappings":";;;;;;;AAiBA,MAAM,aAAa,GAAGA,mBAAa,CAAqB;AACtD,IAAA,IAAI,EAAE,EAAE;AACT,CAAA,CAAC;AAEF,IAAI,SAAS,GAAG,CAAC;SAED,SAAS,GAAA;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAwB,IAAI,CAAC;AACzE,IAAA,MAAM,UAAU,GAAGC,aAAO,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC;AACjD,IAAA,MAAM,MAAM,GAAGC,gBAAU,CAAC,aAAa,CAAC;AAExC,IAAA,MAAM,cAAc,GAAGD,aAAO,CAAC,MAAK;QAClC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;QAEjD,OAAO;YACL,UAAU;AACV,YAAA,aAAa,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7BE,yCAAiB,CAAC,MAAK;;QAErB,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC;IAENA,yCAAiB,CAAC,MAAK;QACrB,IAAI,CAAC,UAAU,EAAE;YACf;QACF;QAEA,UAAU,CAAC,OAAO,CAAC,aAAa,GAAG,cAAc,CAAC,aAAa;AAC/D,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;AAErC,QAAA,OAAO,MAAK;YACV,UAAU,CAAC,MAAM,EAAE;AACrB,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAGC,iBAAW,CAC/B,CAAC,OAA2B,KAAK,cAAc,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,CAAA,KAAA,EAAQ,UAAU,CAAA,KAAA,CAAO,CAAC,CAAC,EAC/F,CAAC,UAAU,CAAC,CACb;IAED,MAAM,oBAAoB,GAAgCA,iBAAW,CACnE,CAAC,EAAE,QAAQ,EAAE,KAAI;AACf,QAAA,MAAM,KAAK,GAAuB;YAChC,IAAI,EAAE,cAAc,CAAC,UAAU;SAChC;QAED,OAAOC,cAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA0B;AAClF,IAAA,CAAC,EACD,CAAC,cAAc,CAAC,UAAU,CAAC,CAC5B;AAED,IAAA,MAAM,mBAAmB,GAAGD,iBAAW,CACrC,CAAC,QAAmB,KAAI;AACtB,QAAA,IAAI,UAAU,KAAK,IAAI,EAAE;AACvB,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,OAAOE,qBAAY,CAAC,QAAQ,EAAE,UAAU,CAAC;AAC3C,IAAA,CAAC,EACD,CAAC,UAAU,CAAC,CACb;AAED,IAAA,MAAM,mBAAmB,GAAGF,iBAAW,CAAC,MAAM,UAAU,KAAK,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhF,OAAO;QACL,UAAU;QACV,mBAAmB;QACnB,aAAa;QACb,oBAAoB;AACpB,QAAA,YAAY,EAAE,mBAAmB;KAClC;AACH;AAEA,SAAS,cAAc,CAAC,OAAwC,EAAE,QAAgB,EAAA;AAChF,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,KAAK;IAE1B,IAAI,WAAW,GAAG,KAAK;AACvB,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,aAAa;IAE9C,IAAI,OAAO,EAAE;AACX,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;IACtC;IAEA,OAAO,WAAW,IAAI,cAAc,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC;AACvE;;;;"}

package/lib/hooks/usePortal.js

@@ -29,7 +29,7 @@ function usePortal() {
         portalRoot.dataset.portalChildOf = calculatedSeqs.portalChildOf;
         document.body.appendChild(portalRoot);
         return () => {
-            document.body.removeChild(portalRoot);
+            portalRoot.remove();
         };
     }, [portalRoot, calculatedSeqs.portalChildOf]);
     const isChildPortal = useCallback((element) => _isChildPortal(element, new RegExp(`(^|,)${currentSeq}(,|$)`)), [currentSeq]);

package/lib/hooks/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEnhancedEffect } from './useEnhancedEffect'\n\ntype ParentContextValue = {\n  seqs: number[]\n}\n\nconst ParentContext = createContext<ParentContextValue>({\n  seqs: [],\n})\n\nlet portalSeq = 0\n\nexport function usePortal() {\n  const [portalRoot, setPortalRoot] = useState<HTMLDivElement | null>(null)\n  const currentSeq = useMemo(() => ++portalSeq, [])\n  const parent = useContext(ParentContext)\n\n  const calculatedSeqs = useMemo(() => {\n    const parentSeqs = parent.seqs.concat(currentSeq)\n\n    return {\n      parentSeqs,\n      portalChildOf: parentSeqs.join(','),\n    }\n  }, [currentSeq, parent.seqs])\n\n  useEnhancedEffect(() => {\n    // Next.jsのhydration error回避のため、初回レンダリング時にdivを作成する\n    setPortalRoot(document.createElement('div'))\n  }, [])\n\n  useEnhancedEffect(() => {\n    if (!portalRoot) {\n      return\n    }\n\n    portalRoot.dataset.portalChildOf = calculatedSeqs.portalChildOf\n    document.body.appendChild(portalRoot)\n\n    return () => {\n      document.body.removeChild(portalRoot)\n    }\n  }, [portalRoot, calculatedSeqs.portalChildOf])\n\n  const isChildPortal = useCallback(\n    (element: HTMLElement | null) => _isChildPortal(element, new RegExp(`(^|,)${currentSeq}(,|$)`)),\n    [currentSeq],\n  )\n\n  const PortalParentProvider: FC<{ children: ReactNode }> = useCallback(\n    ({ children }) => {\n      const value: ParentContextValue = {\n        seqs: calculatedSeqs.parentSeqs,\n      }\n\n      return <ParentContext.Provider value={value}>{children}</ParentContext.Provider>\n    },\n    [calculatedSeqs.parentSeqs],\n  )\n\n  const wrappedCreatePortal = useCallback(\n    (children: ReactNode) => {\n      if (portalRoot === null) {\n        return null\n      }\n\n      return createPortal(children, portalRoot)\n    },\n    [portalRoot],\n  )\n\n  const isPortalRootMounted = useCallback(() => portalRoot !== null, [portalRoot])\n\n  return {\n    portalRoot,\n    isPortalRootMounted,\n    isChildPortal,\n    PortalParentProvider,\n    createPortal: wrappedCreatePortal,\n  }\n}\n\nfunction _isChildPortal(element: HTMLElement | SVGElement | null, seqRegex: RegExp): boolean {\n  if (!element) return false\n\n  let includesSeq = false\n  const childOf = element.dataset?.portalChildOf\n\n  if (childOf) {\n    includesSeq = seqRegex.test(childOf)\n  }\n\n  return includesSeq || _isChildPortal(element.parentElement, seqRegex)\n}\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"usePortal.js","sources":["../../src/hooks/usePortal.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEnhancedEffect } from './useEnhancedEffect'\n\ntype ParentContextValue = {\n  seqs: number[]\n}\n\nconst ParentContext = createContext<ParentContextValue>({\n  seqs: [],\n})\n\nlet portalSeq = 0\n\nexport function usePortal() {\n  const [portalRoot, setPortalRoot] = useState<HTMLDivElement | null>(null)\n  const currentSeq = useMemo(() => ++portalSeq, [])\n  const parent = useContext(ParentContext)\n\n  const calculatedSeqs = useMemo(() => {\n    const parentSeqs = parent.seqs.concat(currentSeq)\n\n    return {\n      parentSeqs,\n      portalChildOf: parentSeqs.join(','),\n    }\n  }, [currentSeq, parent.seqs])\n\n  useEnhancedEffect(() => {\n    // Next.jsのhydration error回避のため、初回レンダリング時にdivを作成する\n    setPortalRoot(document.createElement('div'))\n  }, [])\n\n  useEnhancedEffect(() => {\n    if (!portalRoot) {\n      return\n    }\n\n    portalRoot.dataset.portalChildOf = calculatedSeqs.portalChildOf\n    document.body.appendChild(portalRoot)\n\n    return () => {\n      portalRoot.remove()\n    }\n  }, [portalRoot, calculatedSeqs.portalChildOf])\n\n  const isChildPortal = useCallback(\n    (element: HTMLElement | null) => _isChildPortal(element, new RegExp(`(^|,)${currentSeq}(,|$)`)),\n    [currentSeq],\n  )\n\n  const PortalParentProvider: FC<{ children: ReactNode }> = useCallback(\n    ({ children }) => {\n      const value: ParentContextValue = {\n        seqs: calculatedSeqs.parentSeqs,\n      }\n\n      return <ParentContext.Provider value={value}>{children}</ParentContext.Provider>\n    },\n    [calculatedSeqs.parentSeqs],\n  )\n\n  const wrappedCreatePortal = useCallback(\n    (children: ReactNode) => {\n      if (portalRoot === null) {\n        return null\n      }\n\n      return createPortal(children, portalRoot)\n    },\n    [portalRoot],\n  )\n\n  const isPortalRootMounted = useCallback(() => portalRoot !== null, [portalRoot])\n\n  return {\n    portalRoot,\n    isPortalRootMounted,\n    isChildPortal,\n    PortalParentProvider,\n    createPortal: wrappedCreatePortal,\n  }\n}\n\nfunction _isChildPortal(element: HTMLElement | SVGElement | null, seqRegex: RegExp): boolean {\n  if (!element) return false\n\n  let includesSeq = false\n  const childOf = element.dataset?.portalChildOf\n\n  if (childOf) {\n    includesSeq = seqRegex.test(childOf)\n  }\n\n  return includesSeq || _isChildPortal(element.parentElement, seqRegex)\n}\n"],"names":["_jsx"],"mappings":"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"}

package/lib/hooks/useSV/useSV.cjs

@@ -8,12 +8,12 @@ require('../../themes/createSpacing.cjs');
 require('../../_virtual/index.cjs');
 require('../../_virtual/index2.cjs');
 require('../../themes/createColor.cjs');
+require('../../themes/createTextColor.cjs');
+require('styled-components');
 require('../../themes/createShadow/defaultShadow.cjs');
 require('../../themes/createWidth.cjs');
 require('../../themes/createBackgroundColor.cjs');
 require('../../themes/createBorder.cjs');
-require('styled-components');
-require('../../themes/createTextColor.cjs');
 require('../useTheme.cjs');
 
 const defineSV = (f) => f;

package/lib/hooks/useSV/useSV.js

@@ -6,12 +6,12 @@ import '../../themes/createSpacing.js';
 import '../../_virtual/index.js';
 import '../../_virtual/index2.js';
 import '../../themes/createColor.js';
+import '../../themes/createTextColor.js';
+import 'styled-components';
 import '../../themes/createShadow/defaultShadow.js';
 import '../../themes/createWidth.js';
 import '../../themes/createBackgroundColor.js';
 import '../../themes/createBorder.js';
-import 'styled-components';
-import '../../themes/createTextColor.js';
 import '../useTheme.js';
 
 const defineSV = (f) => f;

package/lib/hooks/useTheme.cjs

@@ -7,10 +7,13 @@ require('../themes/createSpacing.cjs');
 require('../_virtual/index.cjs');
 require('../_virtual/index2.cjs');
 require('../themes/createColor.cjs');
+require('../themes/createTextColor.cjs');
+require('styled-components');
 require('../themes/createShadow/defaultShadow.cjs');
 require('../themes/createWidth.cjs');
 var themes_createTheme = require('../themes/createTheme.cjs');
 require('../themes/createBackgroundColor.cjs');
+require('../themes/createBorder.cjs');
 
 const ThemeContext = React.createContext(themes_createTheme.createTheme());
 const useTheme = () => React.useContext(ThemeContext);

package/lib/hooks/useTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.cjs","sources":["../../src/hooks/useTheme.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactNode, createContext, useContext } from 'react'\n\nimport { type CreatedTheme, createTheme } from '../themes'\n\nexport type Theme = CreatedTheme\n\nexport const ThemeContext = createContext<CreatedTheme>(createTheme())\n\nexport const useTheme = () => useContext(ThemeContext)\n\ntype ThemeProviderProps = {\n  theme: CreatedTheme\n  children?: ReactNode\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({ theme, children }) => (\n  <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n)\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAUO;AAOA;;;;"}
+{"version":3,"file":"useTheme.cjs","sources":["../../src/hooks/useTheme.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactNode, createContext, useContext } from 'react'\n\nimport { type CreatedTheme, createTheme } from '../themes'\n\nexport type Theme = CreatedTheme\n\nexport const ThemeContext = createContext<CreatedTheme>(createTheme())\n\nexport const useTheme = () => useContext(ThemeContext)\n\ntype ThemeProviderProps = {\n  theme: CreatedTheme\n  children?: ReactNode\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({ theme, children }) => (\n  <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n)\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAUO;AAOA;;;;"}

package/lib/hooks/useTheme.js

@@ -5,10 +5,13 @@ import '../themes/createSpacing.js';
 import '../_virtual/index.js';
 import '../_virtual/index2.js';
 import '../themes/createColor.js';
+import '../themes/createTextColor.js';
+import 'styled-components';
 import '../themes/createShadow/defaultShadow.js';
 import '../themes/createWidth.js';
 import { createTheme } from '../themes/createTheme.js';
 import '../themes/createBackgroundColor.js';
+import '../themes/createBorder.js';
 
 const ThemeContext = createContext(createTheme());
 const useTheme = () => useContext(ThemeContext);

package/lib/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactNode, createContext, useContext } from 'react'\n\nimport { type CreatedTheme, createTheme } from '../themes'\n\nexport type Theme = CreatedTheme\n\nexport const ThemeContext = createContext<CreatedTheme>(createTheme())\n\nexport const useTheme = () => useContext(ThemeContext)\n\ntype ThemeProviderProps = {\n  theme: CreatedTheme\n  children?: ReactNode\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({ theme, children }) => (\n  <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n)\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUO;AAOA;;"}
+{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactNode, createContext, useContext } from 'react'\n\nimport { type CreatedTheme, createTheme } from '../themes'\n\nexport type Theme = CreatedTheme\n\nexport const ThemeContext = createContext<CreatedTheme>(createTheme())\n\nexport const useTheme = () => useContext(ThemeContext)\n\ntype ThemeProviderProps = {\n  theme: CreatedTheme\n  children?: ReactNode\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({ theme, children }) => (\n  <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n)\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUO;AAOA;;"}

package/lib/index.cjs

@@ -148,16 +148,22 @@ var hooks_useDevice_useDevice = require('./hooks/useDevice/useDevice.cjs');
 var hooks_useDevice_DeviceProvider = require('./hooks/useDevice/DeviceProvider.cjs');
 var hooks_useEnvironment_useEnvironment = require('./hooks/useEnvironment/useEnvironment.cjs');
 var hooks_useEnvironment_EnvironmentProvider = require('./hooks/useEnvironment/EnvironmentProvider.cjs');
-var themes_createTheme = require('./themes/createTheme.cjs');
 var themes_createMediaQuery = require('./themes/createMediaQuery.cjs');
+var themes_createSpacing = require('./themes/createSpacing.cjs');
+var themes_createFontSize = require('./themes/createFontSize.cjs');
 var themes_createColor = require('./themes/createColor.cjs');
+require('./themes/createTextColor.cjs');
+require('./_virtual/index.cjs');
+require('./_virtual/index2.cjs');
+require('./themes/createShadow/defaultShadow.cjs');
+require('./themes/createWidth.cjs');
+var themes_createBreakpoint = require('./themes/createBreakpoint.cjs');
+var themes_createTheme = require('./themes/createTheme.cjs');
+require('./themes/createBackgroundColor.cjs');
 var themes_createInteraction = require('./themes/createInteraction.cjs');
 var themes_createBorder = require('./themes/createBorder.cjs');
 var themes_createRadius = require('./themes/createRadius.cjs');
-var themes_createFontSize = require('./themes/createFontSize.cjs');
 var themes_createLeading = require('./themes/createLeading.cjs');
-var themes_createSpacing = require('./themes/createSpacing.cjs');
-var themes_createBreakpoint = require('./themes/createBreakpoint.cjs');
 var intl_IntlProvider = require('./intl/IntlProvider.cjs');
 var intl_useIntl = require('./intl/useIntl.cjs');
 require('react/jsx-runtime');
@@ -521,17 +527,17 @@ exports.useDevice = hooks_useDevice_useDevice.useDevice;
 exports.DeviceProvider = hooks_useDevice_DeviceProvider.DeviceProvider;
 exports.useEnvironment = hooks_useEnvironment_useEnvironment.useEnvironment;
 exports.EnvironmentProvider = hooks_useEnvironment_EnvironmentProvider.EnvironmentProvider;
-exports.createTheme = themes_createTheme.createTheme;
 exports.createMediaQuery = themes_createMediaQuery.createMediaQuery;
 exports.defaultMediaQuery = themes_createMediaQuery.defaultMediaQuery;
+exports.defaultSpacing = themes_createSpacing.defaultSpacing;
+exports.defaultFontSize = themes_createFontSize.defaultFontSize;
 exports.defaultColor = themes_createColor.defaultColor;
+exports.defaultBreakpoint = themes_createBreakpoint.defaultBreakpoint;
+exports.createTheme = themes_createTheme.createTheme;
 exports.defaultInteraction = themes_createInteraction.defaultInteraction;
 exports.defaultBorder = themes_createBorder.defaultBorder;
 exports.defaultRadius = themes_createRadius.defaultRadius;
-exports.defaultFontSize = themes_createFontSize.defaultFontSize;
 exports.defaultLeading = themes_createLeading.defaultLeading;
-exports.defaultSpacing = themes_createSpacing.defaultSpacing;
-exports.defaultBreakpoint = themes_createBreakpoint.defaultBreakpoint;
 exports.IntlProvider = intl_IntlProvider.IntlProvider;
 exports.useIntl = intl_useIntl.useIntl;
 exports.DateFormatter = intl_DateFormatter.DateFormatter;

package/lib/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.d.ts

@@ -68,16 +68,7 @@ export { Center, Cluster, Container, Reel, Stack, Sidebar } from './components/L
 export { useTheme } from './hooks/useTheme';
 export { useDevice, DeviceProvider } from './hooks/useDevice';
 export { useEnvironment, EnvironmentProvider } from './hooks/useEnvironment';
-export { createTheme } from './themes/createTheme';
+export { createTheme, createMediaQuery, defaultMediaQuery, defaultColor, defaultInteraction, defaultBorder, defaultRadius, defaultFontSize, defaultLeading, defaultSpacing, defaultBreakpoint, } from './themes';
 export { ThemeProvider } from './hooks/useTheme';
-export { createMediaQuery, defaultMediaQuery } from './themes/createMediaQuery';
-export { defaultColor } from './themes/createColor';
-export { defaultInteraction } from './themes/createInteraction';
-export { defaultBorder } from './themes/createBorder';
-export { defaultRadius } from './themes/createRadius';
-export { defaultFontSize } from './themes/createFontSize';
-export { defaultLeading } from './themes/createLeading';
-export { defaultSpacing } from './themes/createSpacing';
-export { defaultBreakpoint } from './themes/createBreakpoint';
 export { IntlProvider, useIntl, DateFormatter, TimeFormatter, TimestampFormatter, locales, convertLang, } from './intl';
 export { FONT_FAMILY, CHART_COLORS, SINGLE_CHART_COLORS, OTHER_CHART_COLOR } from './constants';

package/lib/index.js

@@ -146,16 +146,22 @@ export { useDevice } from './hooks/useDevice/useDevice.js';
 export { DeviceProvider } from './hooks/useDevice/DeviceProvider.js';
 export { useEnvironment } from './hooks/useEnvironment/useEnvironment.js';
 export { EnvironmentProvider } from './hooks/useEnvironment/EnvironmentProvider.js';
-export { createTheme } from './themes/createTheme.js';
 export { createMediaQuery, defaultMediaQuery } from './themes/createMediaQuery.js';
+export { defaultSpacing } from './themes/createSpacing.js';
+export { defaultFontSize } from './themes/createFontSize.js';
 export { defaultColor } from './themes/createColor.js';
+import './themes/createTextColor.js';
+import './_virtual/index.js';
+import './_virtual/index2.js';
+import './themes/createShadow/defaultShadow.js';
+import './themes/createWidth.js';
+export { defaultBreakpoint } from './themes/createBreakpoint.js';
+export { createTheme } from './themes/createTheme.js';
+import './themes/createBackgroundColor.js';
 export { defaultInteraction } from './themes/createInteraction.js';
 export { defaultBorder } from './themes/createBorder.js';
 export { defaultRadius } from './themes/createRadius.js';
-export { defaultFontSize } from './themes/createFontSize.js';
 export { defaultLeading } from './themes/createLeading.js';
-export { defaultSpacing } from './themes/createSpacing.js';
-export { defaultBreakpoint } from './themes/createBreakpoint.js';
 export { IntlProvider } from './intl/IntlProvider.js';
 export { useIntl } from './intl/useIntl.js';
 import 'react/jsx-runtime';

package/lib/index.js.map

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

package/lib/intl/locales/index.cjs

@@ -10,6 +10,7 @@ var intl_locales_vi_vn = require('./vi_vn.cjs');
 var intl_locales_zh_hans_cn = require('./zh_hans_cn.cjs');
 var intl_locales_zh_hant_tw = require('./zh_hant_tw.cjs');
 
+/* eslint-disable smarthr/require-barrel-import */
 const locales = {
     ja: intl_locales_ja.locale,
     'en-us': intl_locales_en_us.locale,

package/lib/intl/locales/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/intl/locales/index.ts"],"sourcesContent":["import { locale as enUs } from './en_us'\nimport { locale as idId } from './id_id'\nimport { locale as ja } from './ja'\nimport { locale as jaEasy } from './ja_easy'\nimport { locale as ko } from './ko_kr'\nimport { locale as pt } from './pt_br'\nimport { locale as vi } from './vi_vn'\nimport { locale as zhCn } from './zh_hans_cn'\nimport { locale as zhTw } from './zh_hant_tw'\n\n// 他のlocaleファイル（en_us.ts, id_id.ts等）が `import type { ja } from '.'` で型を参照するためにexport\nexport { ja }\n\nexport const locales = {\n  ja,\n  'en-us': enUs,\n  'id-id': idId,\n  pt,\n  vi,\n  ko,\n  'zh-cn': zhCn,\n  'zh-tw': zhTw,\n  'ja-easy': jaEasy,\n}\n"],"names":["ja","enUs","idId","pt","vi","ko","zhCn","zhTw","jaEasy"],"mappings":";;;;;;;;;;;;AAaO,MAAM,OAAO,GAAG;QACrBA,sBAAE;AACF,IAAA,OAAO,EAAEC,yBAAI;AACb,IAAA,OAAO,EAAEC,yBAAI;QACbC,yBAAE;QACFC,yBAAE;QACFC,yBAAE;AACF,IAAA,OAAO,EAAEC,8BAAI;AACb,IAAA,OAAO,EAAEC,8BAAI;AACb,IAAA,SAAS,EAAEC,2BAAM;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/intl/locales/index.ts"],"sourcesContent":["/* eslint-disable smarthr/require-barrel-import */\nimport { locale as enUs } from './en_us'\nimport { locale as idId } from './id_id'\nimport { locale as ja } from './ja'\nimport { locale as jaEasy } from './ja_easy'\nimport { locale as ko } from './ko_kr'\nimport { locale as pt } from './pt_br'\nimport { locale as vi } from './vi_vn'\nimport { locale as zhCn } from './zh_hans_cn'\nimport { locale as zhTw } from './zh_hant_tw'\n\n// 他のlocaleファイル（en_us.ts, id_id.ts等）が `import type { ja } from '.'` で型を参照するためにexport\nexport { ja }\n\nexport const locales = {\n  ja,\n  'en-us': enUs,\n  'id-id': idId,\n  pt,\n  vi,\n  ko,\n  'zh-cn': zhCn,\n  'zh-tw': zhTw,\n  'ja-easy': jaEasy,\n}\n"],"names":["ja","enUs","idId","pt","vi","ko","zhCn","zhTw","jaEasy"],"mappings":";;;;;;;;;;;;AAAA;AAcO,MAAM,OAAO,GAAG;QACrBA,sBAAE;AACF,IAAA,OAAO,EAAEC,yBAAI;AACb,IAAA,OAAO,EAAEC,yBAAI;QACbC,yBAAE;QACFC,yBAAE;QACFC,yBAAE;AACF,IAAA,OAAO,EAAEC,8BAAI;AACb,IAAA,OAAO,EAAEC,8BAAI;AACb,IAAA,SAAS,EAAEC,2BAAM;;;;;;"}

package/lib/intl/locales/index.js

@@ -8,6 +8,7 @@ import { locale as locale$4 } from './vi_vn.js';
 import { locale as locale$2 } from './zh_hans_cn.js';
 import { locale as locale$1 } from './zh_hant_tw.js';
 
+/* eslint-disable smarthr/require-barrel-import */
 const locales = {
     ja: locale$8,
     'en-us': locale$7,

package/lib/intl/locales/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/intl/locales/index.ts"],"sourcesContent":["import { locale as enUs } from './en_us'\nimport { locale as idId } from './id_id'\nimport { locale as ja } from './ja'\nimport { locale as jaEasy } from './ja_easy'\nimport { locale as ko } from './ko_kr'\nimport { locale as pt } from './pt_br'\nimport { locale as vi } from './vi_vn'\nimport { locale as zhCn } from './zh_hans_cn'\nimport { locale as zhTw } from './zh_hant_tw'\n\n// 他のlocaleファイル（en_us.ts, id_id.ts等）が `import type { ja } from '.'` で型を参照するためにexport\nexport { ja }\n\nexport const locales = {\n  ja,\n  'en-us': enUs,\n  'id-id': idId,\n  pt,\n  vi,\n  ko,\n  'zh-cn': zhCn,\n  'zh-tw': zhTw,\n  'ja-easy': jaEasy,\n}\n"],"names":["ja","enUs","idId","pt","vi","ko","zhCn","zhTw","jaEasy"],"mappings":";;;;;;;;;;AAaO,MAAM,OAAO,GAAG;QACrBA,QAAE;AACF,IAAA,OAAO,EAAEC,QAAI;AACb,IAAA,OAAO,EAAEC,QAAI;QACbC,QAAE;QACFC,QAAE;QACFC,QAAE;AACF,IAAA,OAAO,EAAEC,QAAI;AACb,IAAA,OAAO,EAAEC,QAAI;AACb,IAAA,SAAS,EAAEC,MAAM;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/intl/locales/index.ts"],"sourcesContent":["/* eslint-disable smarthr/require-barrel-import */\nimport { locale as enUs } from './en_us'\nimport { locale as idId } from './id_id'\nimport { locale as ja } from './ja'\nimport { locale as jaEasy } from './ja_easy'\nimport { locale as ko } from './ko_kr'\nimport { locale as pt } from './pt_br'\nimport { locale as vi } from './vi_vn'\nimport { locale as zhCn } from './zh_hans_cn'\nimport { locale as zhTw } from './zh_hant_tw'\n\n// 他のlocaleファイル（en_us.ts, id_id.ts等）が `import type { ja } from '.'` で型を参照するためにexport\nexport { ja }\n\nexport const locales = {\n  ja,\n  'en-us': enUs,\n  'id-id': idId,\n  pt,\n  vi,\n  ko,\n  'zh-cn': zhCn,\n  'zh-tw': zhTw,\n  'ja-easy': jaEasy,\n}\n"],"names":["ja","enUs","idId","pt","vi","ko","zhCn","zhTw","jaEasy"],"mappings":";;;;;;;;;;AAAA;AAcO,MAAM,OAAO,GAAG;QACrBA,QAAE;AACF,IAAA,OAAO,EAAEC,QAAI;AACb,IAAA,OAAO,EAAEC,QAAI;QACbC,QAAE;QACFC,QAAE;QACFC,QAAE;AACF,IAAA,OAAO,EAAEC,QAAI;AACb,IAAA,OAAO,EAAEC,QAAI;AACb,IAAA,SAAS,EAAEC,MAAM;;;;;"}

package/lib/libs/ua.cjs

@@ -3,9 +3,8 @@
 const ua = typeof window !== 'undefined' ? window.navigator.userAgent.toLowerCase() : 'SSR';
 const isIphone = ua.indexOf('iphone') !== -1;
 const isIpod = ua.indexOf('ipod') !== -1;
-const isIpad = ua.indexOf('ipad') !== -1;
 const isMobileSafari = (isIphone || isIpod) && ua.indexOf('safari') !== -1 && ua.indexOf('apple') !== -1;
-const isIOS = isIphone || isIpad || isIpod;
+const isIOS = isIphone || isIpod || ua.indexOf('ipad') !== -1;
 
 exports.isIOS = isIOS;
 exports.isMobileSafari = isMobileSafari;

package/lib/libs/ua.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ua.cjs","sources":["../../src/libs/ua.ts"],"sourcesContent":["const ua = typeof window !== 'undefined' ? window.navigator.userAgent.toLowerCase() : 'SSR'\n\nconst isIphone = ua.indexOf('iphone') !== -1\nconst isIpod = ua.indexOf('ipod') !== -1\nconst isIpad = ua.indexOf('ipad') !== -1\n\nexport const isMobileSafari =\n  (isIphone || isIpod) && ua.indexOf('safari') !== -1 && ua.indexOf('apple') !== -1\n\nexport const isIOS = isIphone || isIpad || isIpod\n"],"names":[],"mappings":";;AAAA,MAAM,EAAE,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,KAAK;AAE3F,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE;AAC5C,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;AACxC,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;AAEjC,MAAM,cAAc,GACzB,CAAC,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;MAEpE,KAAK,GAAG,QAAQ,IAAI,MAAM,IAAI;;;;;"}
+{"version":3,"file":"ua.cjs","sources":["../../src/libs/ua.ts"],"sourcesContent":["const ua = typeof window !== 'undefined' ? window.navigator.userAgent.toLowerCase() : 'SSR'\n\nconst isIphone = ua.indexOf('iphone') !== -1\nconst isIpod = ua.indexOf('ipod') !== -1\n\nexport const isMobileSafari =\n  (isIphone || isIpod) && ua.indexOf('safari') !== -1 && ua.indexOf('apple') !== -1\n\nexport const isIOS = isIphone || isIpod || ua.indexOf('ipad') !== -1\n"],"names":[],"mappings":";;AAAA,MAAM,EAAE,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,KAAK;AAE3F,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE;AAC5C,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;AAEjC,MAAM,cAAc,GACzB,CAAC,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;AAE1E,MAAM,KAAK,GAAG,QAAQ,IAAI,MAAM,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;;;;;"}

package/lib/libs/ua.js

@@ -1,9 +1,8 @@
 const ua = typeof window !== 'undefined' ? window.navigator.userAgent.toLowerCase() : 'SSR';
 const isIphone = ua.indexOf('iphone') !== -1;
 const isIpod = ua.indexOf('ipod') !== -1;
-const isIpad = ua.indexOf('ipad') !== -1;
 const isMobileSafari = (isIphone || isIpod) && ua.indexOf('safari') !== -1 && ua.indexOf('apple') !== -1;
-const isIOS = isIphone || isIpad || isIpod;
+const isIOS = isIphone || isIpod || ua.indexOf('ipad') !== -1;
 
 export { isIOS, isMobileSafari };
 //# sourceMappingURL=ua.js.map

package/lib/libs/ua.js.map

@@ -1 +1 @@
-{"version":3,"file":"ua.js","sources":["../../src/libs/ua.ts"],"sourcesContent":["const ua = typeof window !== 'undefined' ? window.navigator.userAgent.toLowerCase() : 'SSR'\n\nconst isIphone = ua.indexOf('iphone') !== -1\nconst isIpod = ua.indexOf('ipod') !== -1\nconst isIpad = ua.indexOf('ipad') !== -1\n\nexport const isMobileSafari =\n  (isIphone || isIpod) && ua.indexOf('safari') !== -1 && ua.indexOf('apple') !== -1\n\nexport const isIOS = isIphone || isIpad || isIpod\n"],"names":[],"mappings":"AAAA,MAAM,EAAE,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,KAAK;AAE3F,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE;AAC5C,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;AACxC,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;AAEjC,MAAM,cAAc,GACzB,CAAC,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;MAEpE,KAAK,GAAG,QAAQ,IAAI,MAAM,IAAI;;;;"}
+{"version":3,"file":"ua.js","sources":["../../src/libs/ua.ts"],"sourcesContent":["const ua = typeof window !== 'undefined' ? window.navigator.userAgent.toLowerCase() : 'SSR'\n\nconst isIphone = ua.indexOf('iphone') !== -1\nconst isIpod = ua.indexOf('ipod') !== -1\n\nexport const isMobileSafari =\n  (isIphone || isIpod) && ua.indexOf('safari') !== -1 && ua.indexOf('apple') !== -1\n\nexport const isIOS = isIphone || isIpod || ua.indexOf('ipad') !== -1\n"],"names":[],"mappings":"AAAA,MAAM,EAAE,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,KAAK;AAE3F,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE;AAC5C,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;AAEjC,MAAM,cAAc,GACzB,CAAC,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;AAE1E,MAAM,KAAK,GAAG,QAAQ,IAAI,MAAM,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;;;;"}

package/lib/smarthr-ui-preset.cjs

@@ -5,15 +5,15 @@ var plugin = require('./_virtual/plugin.cjs');
 var themes_createSpacing = require('./themes/createSpacing.cjs');
 var themes_createFontSize = require('./themes/createFontSize.cjs');
 var themes_createColor = require('./themes/createColor.cjs');
+require('./themes/createTextColor.cjs');
+require('styled-components');
+require('./_virtual/index.cjs');
+require('./_virtual/index2.cjs');
 var themes_createShadow_defaultShadow = require('./themes/createShadow/defaultShadow.cjs');
 var themes_createWidth = require('./themes/createWidth.cjs');
 var themes_createZIndex = require('./themes/createZIndex.cjs');
-require('./_virtual/index.cjs');
-require('./_virtual/index2.cjs');
 require('./themes/createBackgroundColor.cjs');
 require('./themes/createBorder.cjs');
-require('styled-components');
-require('./themes/createTextColor.cjs');
 
 const spacingByChar = themes_createSpacing.createSpacingByChar(themes_createFontSize.defaultHtmlFontSize / 2);
 const darkenColor = (color, amount = 0.05) => polished_esm.darken(amount, color);

package/lib/smarthr-ui-preset.js

@@ -3,15 +3,15 @@ import plugin from './_virtual/plugin.js';
 import { createSpacingByChar, primitiveTokens } from './themes/createSpacing.js';
 import { defaultHtmlFontSize, defaultFontSize } from './themes/createFontSize.js';
 import { defaultColor } from './themes/createColor.js';
+import './themes/createTextColor.js';
+import 'styled-components';
+import './_virtual/index.js';
+import './_virtual/index2.js';
 import { defaultShadow } from './themes/createShadow/defaultShadow.js';
 import { defaultWidth } from './themes/createWidth.js';
 import { defaultZIndex } from './themes/createZIndex.js';
-import './_virtual/index.js';
-import './_virtual/index2.js';
 import './themes/createBackgroundColor.js';
 import './themes/createBorder.js';
-import 'styled-components';
-import './themes/createTextColor.js';
 
 const spacingByChar = createSpacingByChar(defaultHtmlFontSize / 2);
 const darkenColor = (color, amount = 0.05) => curriedDarken$1(amount, color);

package/lib/tailwind/color.cjs

@@ -1,6 +1,15 @@
 'use strict';
 
+require('../themes/createSpacing.cjs');
+require('../_virtual/index.cjs');
+require('../_virtual/index2.cjs');
 var themes_createColor = require('../themes/createColor.cjs');
+require('../themes/createTextColor.cjs');
+require('styled-components');
+require('../themes/createShadow/defaultShadow.cjs');
+require('../themes/createWidth.cjs');
+require('../themes/createBackgroundColor.cjs');
+require('../themes/createBorder.cjs');
 
 
 

package/lib/tailwind/color.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"color.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/tailwind/color.d.ts

@@ -1 +1 @@
-export { defaultColor as color } from '../themes/createColor';
+export { defaultColor as color } from '../themes';

package/lib/tailwind/color.js

@@ -1,2 +1,11 @@
+import '../themes/createSpacing.js';
+import '../_virtual/index.js';
+import '../_virtual/index2.js';
 export { defaultColor as color } from '../themes/createColor.js';
+import '../themes/createTextColor.js';
+import 'styled-components';
+import '../themes/createShadow/defaultShadow.js';
+import '../themes/createWidth.js';
+import '../themes/createBackgroundColor.js';
+import '../themes/createBorder.js';
 //# sourceMappingURL=color.js.map

package/lib/tailwind/color.js.map

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

package/lib/tailwind/fontSize.cjs

@@ -1,6 +1,16 @@
 'use strict';
 
+require('../themes/createSpacing.cjs');
 var themes_createFontSize = require('../themes/createFontSize.cjs');
+require('../themes/createColor.cjs');
+require('../themes/createTextColor.cjs');
+require('styled-components');
+require('../_virtual/index.cjs');
+require('../_virtual/index2.cjs');
+require('../themes/createShadow/defaultShadow.cjs');
+require('../themes/createWidth.cjs');
+require('../themes/createBackgroundColor.cjs');
+require('../themes/createBorder.cjs');
 
 
 

package/lib/tailwind/fontSize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fontSize.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"fontSize.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/lib/tailwind/fontSize.d.ts

@@ -1 +1 @@
-export { defaultFontSize as fontSize } from '../themes/createFontSize';
+export { defaultFontSize as fontSize } from '../themes';

package/lib/tailwind/fontSize.js

@@ -1,2 +1,12 @@
+import '../themes/createSpacing.js';
 export { defaultFontSize as fontSize } from '../themes/createFontSize.js';
+import '../themes/createColor.js';
+import '../themes/createTextColor.js';
+import 'styled-components';
+import '../_virtual/index.js';
+import '../_virtual/index2.js';
+import '../themes/createShadow/defaultShadow.js';
+import '../themes/createWidth.js';
+import '../themes/createBackgroundColor.js';
+import '../themes/createBorder.js';
 //# sourceMappingURL=fontSize.js.map

package/lib/tailwind/fontSize.js.map

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

package/lib/tailwind/index.cjs

@@ -3,9 +3,17 @@
 var tailwind_backgroundColor = require('./backgroundColor.cjs');
 var tailwind_padding = require('./padding.cjs');
 var tailwind_dialogSize = require('./dialogSize.cjs');
-var themes_createTextColor = require('../themes/createTextColor.cjs');
+require('../themes/createSpacing.cjs');
 var themes_createFontSize = require('../themes/createFontSize.cjs');
 var themes_createColor = require('../themes/createColor.cjs');
+var themes_createTextColor = require('../themes/createTextColor.cjs');
+require('styled-components');
+require('../_virtual/index.cjs');
+require('../_virtual/index2.cjs');
+require('../themes/createShadow/defaultShadow.cjs');
+require('../themes/createWidth.cjs');
+require('../themes/createBackgroundColor.cjs');
+require('../themes/createBorder.cjs');
 
 
 
@@ -13,7 +21,7 @@ exports.backgroundColor = tailwind_backgroundColor.backgroundColor;
 exports.paddingBlock = tailwind_padding.paddingBlock;
 exports.paddingInline = tailwind_padding.paddingInline;
 exports.dialogSize = tailwind_dialogSize.dialogSize;
-exports.textColor = themes_createTextColor.defaultTextColor;
 exports.fontSize = themes_createFontSize.defaultFontSize;
 exports.color = themes_createColor.defaultColor;
+exports.textColor = themes_createTextColor.defaultTextColor;
 //# sourceMappingURL=index.cjs.map

package/lib/tailwind/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}