@charcoal-ui/react 6.0.0-rc.9 → 6.0.1

package/dist/components/TextField/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","names":["ReactNode","useCallback","useEffect","useRef","useState","React","FieldLabel","countCodePointsInString","mergeRefs","useFocusWithClick","AssistiveText","useClassNames","useVisuallyHidden","useId","TextFieldProps","prefix","suffix","value","onChange","showCount","showLabel","assistiveText","invalid","label","requiredText","disabled","subLabel","rdfaPrefix","getCount","Omit","ComponentPropsWithoutRef","TextField","forwardRef","HTMLInputElement","SingleLineTextFieldInner","className","maxLength","required","type","props","inputRef","visuallyHiddenProps","count","setCount","handleChange","e","ChangeEvent","target","undefined","containerRef","inputId","id","describedbyId","labelledbyId","showAssistiveText","length","classNames"],"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from './useFocusWithClick'\nimport { AssistiveText } from './AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\nexport type TextFieldProps = {\n  prefix?: ReactNode\n  suffix?: ReactNode\n\n  value?: string\n  onChange?: (value: string) => void\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  rdfaPrefix?: string\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  function SingleLineTextFieldInner(\n    {\n      assistiveText,\n      className,\n      disabled = false,\n      label = '',\n      maxLength,\n      onChange,\n      prefix = null,\n      required,\n      requiredText,\n      showCount = false,\n      showLabel = false,\n      subLabel,\n      suffix = null,\n      type = 'text',\n      invalid,\n      value,\n      getCount = countCodePointsInString,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const [count, setCount] = useState(getCount(value ?? ''))\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        setCount(count)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange],\n    )\n\n    useEffect(() => {\n      setCount(getCount(value ?? ''))\n    }, [getCount, value])\n\n    const containerRef = useRef(null)\n\n    useFocusWithClick(containerRef, inputRef)\n\n    const inputId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const classNames = useClassNames('charcoal-text-field-root', className)\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={inputId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-field-container\"\n          aria-disabled={disabled === true ? true : undefined}\n          data-invalid={invalid === true}\n          ref={containerRef}\n        >\n          {prefix && <div className=\"charcoal-text-field-prefix\">{prefix}</div>}\n          <div className=\"charcoal-text-field-input-root\">\n            <input\n              className=\"charcoal-text-field-input\"\n              aria-describedby={showAssistiveText ? describedbyId : undefined}\n              aria-invalid={invalid}\n              aria-labelledby={labelledbyId}\n              id={inputId}\n              data-invalid={invalid === true}\n              maxLength={maxLength}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={mergeRefs(forwardRef, inputRef)}\n              type={type}\n              value={value}\n              {...props}\n            />\n          </div>\n          {(suffix || showCount) && (\n            <div className=\"charcoal-text-field-suffix\">\n              {suffix}\n              {showCount && (\n                <span className=\"charcoal-text-field-line-counter\">\n                  {maxLength !== undefined ? `${count}/${maxLength}` : count}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextField\n"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAM+B,YAAY1B,QAAM2B,WACtB,SAASE,yBACP,EACEb,eACAc,WACAV,WAAW,OACXF,QAAQ,IACRa,WACAlB,UACAH,SAAS,MACTsB,UACAb,cACAL,YAAY,OACZC,YAAY,OACZM,UACAV,SAAS,MACTsB,OAAO,QACPhB,SACAL,OACAW,WAAWrB,yBACX,GAAGgC,SAELP,YACA;CACA,MAAMQ,WAAWrC,OAAyB,KAAK;CAE/C,MAAM,EAAEsC,wBAAwB7B,mBAAmB;CAEnD,MAAM,CAAC8B,OAAOC,YAAYvC,SAASwB,SAASX,SAAS,GAAG,CAAC;CAEzD,MAAM2B,eAAe3C,aAClB4C,MAA2C;EAC1C,MAAM5B,QAAQ4B,EAAEE,OAAO9B;EACvB,MAAMyB,QAAQd,SAASX,MAAM;EAC7B,IAAImB,cAAcY,UAAaN,QAAQN,WACrC;EAEFO,SAASD,MAAM;EACfxB,WAAWD,MAAM;IAEnB;EAACW;EAAUQ;EAAWlB;EACxB,CAAC;CAEDhB,gBAAgB;EACdyC,SAASf,SAASX,SAAS,GAAG,CAAC;IAC9B,CAACW,UAAUX,MAAM,CAAC;CAErB,MAAMgC,eAAe9C,OAAO,KAAK;CAEjCM,kBAAkBwC,cAAcT,SAAS;CAEzC,MAAMU,UAAUrC,MAAM0B,MAAMY,GAAG;CAC/B,MAAMC,gBAAgBvC,OAAO;CAC7B,MAAMwC,eAAexC,OAAO;CAE5B,MAAMyC,oBACJjC,iBAAiB,QAAQA,cAAckC,WAAW;CAIpD,OACE,qBAAC,OAAD;EAAK,WAHY5C,cAAc,4BAA4BwB,UAGjC;EAAE,iBAAeV;YAA3C;GACE,oBAAC,YAAD;IACE,SAASyB;IACT,IAAIG;IACG9B;IACGc;IACIb;IACJE;IACV,GAAK,CAACN,YAAYqB,sBAAsB,EAAG;IAAC;GAE9C,qBAAC,OAAD;IACE,WAAU;IACV,iBAAehB,aAAa,OAAO,OAAOuB;IAC1C,gBAAc1B,YAAY;IAC1B,KAAK2B;cAJP;KAMGlC,UAAU,oBAAC,OAAD;MAAK,WAAU;gBAA8BA;MAAa;KACrE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,SAAD;OACE,WAAU;OACV,oBAAkBuC,oBAAoBF,gBAAgBJ;OACtD,gBAAc1B;OACd,mBAAiB+B;OACjB,IAAIH;OACJ,gBAAc5B,YAAY;OACfc;OACX,UAAUQ;OACAnB;OACV,KAAKjB,UAAUwB,YAAYQ,SAAS;OAC9BF;OACCrB;OACP,GAAIsB;OAAM;MAET;MACHvB,UAAUG,cACV,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACGH,QACAG,aACC,oBAAC,QAAD;OAAM,WAAU;iBACbiB,cAAcY,SAAY,GAAGN,MAAK,GAAIN,cAAcM;OAExD,EAEJ;;KACE;;GACJY,qBACC,oBAAC,eAAD;IAAe,gBAAchC,YAAY;IAAM,IAAI8B;cAChD/B;IAEJ;GACG;;EAGX"}
+{"version":3,"file":"index2.js","names":[],"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from './useFocusWithClick'\nimport { AssistiveText } from './AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\nexport type TextFieldProps = {\n  prefix?: ReactNode\n  suffix?: ReactNode\n\n  value?: string\n  onChange?: (value: string) => void\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  rdfaPrefix?: string\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  function SingleLineTextFieldInner(\n    {\n      assistiveText,\n      className,\n      disabled = false,\n      label = '',\n      maxLength,\n      onChange,\n      prefix = null,\n      required,\n      requiredText,\n      showCount = false,\n      showLabel = false,\n      subLabel,\n      suffix = null,\n      type = 'text',\n      invalid,\n      value,\n      getCount = countCodePointsInString,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const [count, setCount] = useState(getCount(value ?? ''))\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        setCount(count)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange],\n    )\n\n    useEffect(() => {\n      setCount(getCount(value ?? ''))\n    }, [getCount, value])\n\n    const containerRef = useRef(null)\n\n    useFocusWithClick(containerRef, inputRef)\n\n    const inputId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const classNames = useClassNames('charcoal-text-field-root', className)\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={inputId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-field-container\"\n          aria-disabled={disabled === true ? true : undefined}\n          data-invalid={invalid === true}\n          ref={containerRef}\n        >\n          {prefix && <div className=\"charcoal-text-field-prefix\">{prefix}</div>}\n          <div className=\"charcoal-text-field-input-root\">\n            <input\n              className=\"charcoal-text-field-input\"\n              aria-describedby={showAssistiveText ? describedbyId : undefined}\n              aria-invalid={invalid}\n              aria-labelledby={labelledbyId}\n              id={inputId}\n              data-invalid={invalid === true}\n              maxLength={maxLength}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={mergeRefs(forwardRef, inputRef)}\n              type={type}\n              value={value}\n              {...props}\n            />\n          </div>\n          {(suffix || showCount) && (\n            <div className=\"charcoal-text-field-suffix\">\n              {suffix}\n              {showCount && (\n                <span className=\"charcoal-text-field-line-counter\">\n                  {maxLength !== undefined ? `${count}/${maxLength}` : count}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextField\n"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAM,YAAY,QAAM,WACtB,SAAS,yBACP,EACE,eACA,WACA,WAAW,OACX,QAAQ,IACR,WACA,UACA,SAAS,MACT,UACA,cACA,YAAY,OACZ,YAAY,OACZ,UACA,SAAS,MACT,OAAO,QACP,SACA,OACA,WAAW,yBACX,GAAG,SAEL,YACA;CACA,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,EAAE,wBAAwB,kBAAkB;CAElD,MAAM,CAAC,OAAO,YAAY,SAAS,SAAS,SAAS,EAAE,CAAC;CAExD,MAAM,eAAe,aAClB,MAA2C;EAC1C,MAAM,QAAQ,EAAE,OAAO;EACvB,MAAM,QAAQ,SAAS,KAAK;EAC5B,IAAI,cAAc,UAAa,QAAQ,WACrC;EAEF,SAAS,KAAK;EACd,WAAW,KAAK;CAClB,GACA;EAAC;EAAU;EAAW;CAAQ,CAChC;CAEA,gBAAgB;EACd,SAAS,SAAS,SAAS,EAAE,CAAC;CAChC,GAAG,CAAC,UAAU,KAAK,CAAC;CAEpB,MAAM,eAAe,OAAO,IAAI;CAEhC,kBAAkB,cAAc,QAAQ;CAExC,MAAM,UAAU,MAAM,MAAM,EAAE;CAC9B,MAAM,gBAAgB,MAAM;CAC5B,MAAM,eAAe,MAAM;CAE3B,MAAM,oBACJ,iBAAiB,QAAQ,cAAc,WAAW;CAIpD,OACE,qBAAC,OAAD;EAAK,WAHY,cAAc,4BAA4B,SAG3C;EAAY,iBAAe;YAA3C;GACE,oBAAC,YAAD;IACE,SAAS;IACT,IAAI;IACG;IACG;IACI;IACJ;IACV,GAAK,CAAC,YAAY,sBAAsB,CAAC;GAAG;GAE9C,qBAAC,OAAD;IACE,WAAU;IACV,iBAAe,aAAa,OAAO,OAAO;IAC1C,gBAAc,YAAY;IAC1B,KAAK;cAJP;KAMG,UAAU,oBAAC,OAAD;MAAK,WAAU;gBAA8B;KAAY;KACpE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,SAAD;OACE,WAAU;OACV,oBAAkB,oBAAoB,gBAAgB;OACtD,gBAAc;OACd,mBAAiB;OACjB,IAAI;OACJ,gBAAc,YAAY;OACf;OACX,UAAU;OACA;OACV,KAAK,UAAU,YAAY,QAAQ;OAC7B;OACC;OACP,GAAI;MAAM;KAET;MACH,UAAU,cACV,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,QACA,aACC,oBAAC,QAAD;OAAM,WAAU;iBACb,cAAc,SAAY,GAAG,MAAK,GAAI,cAAc;MACjD,EAEL;;IAEJ;;GACJ,qBACC,oBAAC,eAAD;IAAe,gBAAc,YAAY;IAAM,IAAI;cAChD;GACY;EAEd;;AAET,CACF"}

package/dist/components/TextField/useFocusWithClick.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 
 //#region src/components/TextField/useFocusWithClick.tsx

package/dist/components/TextField/useFocusWithClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusWithClick.cjs","names":["useEffect","React","useFocusWithClick","containerRef","RefObject","HTMLDivElement","inputRef","HTMLInputElement","HTMLTextAreaElement","el","current","handleDown","e","MouseEvent","target","focus","addEventListener","removeEventListener"],"sources":["../../../src/components/TextField/useFocusWithClick.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport * as React from 'react'\n\nexport function useFocusWithClick(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>,\n) {\n  useEffect(() => {\n    const el = containerRef.current\n    if (el) {\n      const handleDown = (e: MouseEvent) => {\n        if (e.target !== inputRef.current) {\n          inputRef.current?.focus()\n        }\n      }\n      el.addEventListener('click', handleDown)\n      return () => {\n        el.removeEventListener('click', handleDown)\n      }\n    }\n  })\n}\n"],"mappings":";;;;;AAGA,SAAgBE,kBACdC,cACAG,UACA;CACAN,2BAAgB;EACd,MAAMS,KAAKN,aAAaO;EACxB,IAAID,IAAI;GACN,MAAME,cAAcC,MAAkB;IACpC,IAAIA,EAAEE,WAAWR,SAASI,SACxBJ,SAASI,SAASK,OAAO;;GAG7BN,GAAGO,iBAAiB,SAASL,WAAW;GACxC,aAAa;IACXF,GAAGQ,oBAAoB,SAASN,WAAW;;;GAG/C"}
+{"version":3,"file":"useFocusWithClick.cjs","names":[],"sources":["../../../src/components/TextField/useFocusWithClick.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport * as React from 'react'\n\nexport function useFocusWithClick(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>,\n) {\n  useEffect(() => {\n    const el = containerRef.current\n    if (el) {\n      const handleDown = (e: MouseEvent) => {\n        if (e.target !== inputRef.current) {\n          inputRef.current?.focus()\n        }\n      }\n      el.addEventListener('click', handleDown)\n      return () => {\n        el.removeEventListener('click', handleDown)\n      }\n    }\n  })\n}\n"],"mappings":";;;;AAGA,SAAgB,kBACd,cACA,UACA;CACA,2BAAgB;EACd,MAAM,KAAK,aAAa;EACxB,IAAI,IAAI;GACN,MAAM,cAAc,MAAkB;IACpC,IAAI,EAAE,WAAW,SAAS,SACxB,SAAS,SAAS,MAAM;GAE5B;GACA,GAAG,iBAAiB,SAAS,UAAU;GACvC,aAAa;IACX,GAAG,oBAAoB,SAAS,UAAU;GAC5C;EACF;CACF,CAAC;AACH"}

package/dist/components/TextField/useFocusWithClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusWithClick.js","names":["useEffect","React","useFocusWithClick","containerRef","RefObject","HTMLDivElement","inputRef","HTMLInputElement","HTMLTextAreaElement","el","current","handleDown","e","MouseEvent","target","focus","addEventListener","removeEventListener"],"sources":["../../../src/components/TextField/useFocusWithClick.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport * as React from 'react'\n\nexport function useFocusWithClick(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>,\n) {\n  useEffect(() => {\n    const el = containerRef.current\n    if (el) {\n      const handleDown = (e: MouseEvent) => {\n        if (e.target !== inputRef.current) {\n          inputRef.current?.focus()\n        }\n      }\n      el.addEventListener('click', handleDown)\n      return () => {\n        el.removeEventListener('click', handleDown)\n      }\n    }\n  })\n}\n"],"mappings":";;;;AAGA,SAAgBE,kBACdC,cACAG,UACA;CACAN,gBAAgB;EACd,MAAMS,KAAKN,aAAaO;EACxB,IAAID,IAAI;GACN,MAAME,cAAcC,MAAkB;IACpC,IAAIA,EAAEE,WAAWR,SAASI,SACxBJ,SAASI,SAASK,OAAO;;GAG7BN,GAAGO,iBAAiB,SAASL,WAAW;GACxC,aAAa;IACXF,GAAGQ,oBAAoB,SAASN,WAAW;;;GAG/C"}
+{"version":3,"file":"useFocusWithClick.js","names":[],"sources":["../../../src/components/TextField/useFocusWithClick.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport * as React from 'react'\n\nexport function useFocusWithClick(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>,\n) {\n  useEffect(() => {\n    const el = containerRef.current\n    if (el) {\n      const handleDown = (e: MouseEvent) => {\n        if (e.target !== inputRef.current) {\n          inputRef.current?.focus()\n        }\n      }\n      el.addEventListener('click', handleDown)\n      return () => {\n        el.removeEventListener('click', handleDown)\n      }\n    }\n  })\n}\n"],"mappings":";;;;AAGA,SAAgB,kBACd,cACA,UACA;CACA,gBAAgB;EACd,MAAM,KAAK,aAAa;EACxB,IAAI,IAAI;GACN,MAAM,cAAc,MAAkB;IACpC,IAAI,EAAE,WAAW,SAAS,SACxB,SAAS,SAAS,MAAM;GAE5B;GACA,GAAG,iBAAiB,SAAS,UAAU;GACvC,aAAa;IACX,GAAG,oBAAoB,SAAS,UAAU;GAC5C;EACF;CACF,CAAC;AACH"}

package/dist/core/CharcoalProvider.cjs

@@ -2,7 +2,7 @@
 const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 const require_SSRProvider = require('./SSRProvider.cjs');
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_aria_private_overlays_useModal = require("react-aria/private/overlays/useModal");
 

package/dist/core/CharcoalProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CharcoalProvider.cjs","names":["React","OverlayProvider","SSRProvider","CharcoalProviderProps","children","ReactNode","CharcoalProvider"],"sources":["../../src/core/CharcoalProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { OverlayProvider } from './OverlayProvider'\nimport { SSRProvider } from './SSRProvider'\n\nexport type CharcoalProviderProps = {\n  children: React.ReactNode\n}\n\nexport function CharcoalProvider({ children }: CharcoalProviderProps) {\n  return (\n    <SSRProvider>\n      <OverlayProvider>{children}</OverlayProvider>\n    </SSRProvider>\n  )\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgBM,iBAAiB,EAAEF,YAAmC;CACpE,OACE,2CAAC,iCAAD,YACE,2CAAC,sDAAD,EAAkBA,UAA0B,GAChC"}
+{"version":3,"file":"CharcoalProvider.cjs","names":[],"sources":["../../src/core/CharcoalProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { OverlayProvider } from './OverlayProvider'\nimport { SSRProvider } from './SSRProvider'\n\nexport type CharcoalProviderProps = {\n  children: React.ReactNode\n}\n\nexport function CharcoalProvider({ children }: CharcoalProviderProps) {\n  return (\n    <SSRProvider>\n      <OverlayProvider>{children}</OverlayProvider>\n    </SSRProvider>\n  )\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,iBAAiB,EAAE,YAAmC;CACpE,OACE,2CAAC,iCAAD,YACE,2CAAC,sDAAD,EAAkB,SAA0B,GACjC;AAEjB"}

package/dist/core/CharcoalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharcoalProvider.js","names":["React","OverlayProvider","SSRProvider","CharcoalProviderProps","children","ReactNode","CharcoalProvider"],"sources":["../../src/core/CharcoalProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { OverlayProvider } from './OverlayProvider'\nimport { SSRProvider } from './SSRProvider'\n\nexport type CharcoalProviderProps = {\n  children: React.ReactNode\n}\n\nexport function CharcoalProvider({ children }: CharcoalProviderProps) {\n  return (\n    <SSRProvider>\n      <OverlayProvider>{children}</OverlayProvider>\n    </SSRProvider>\n  )\n}\n"],"mappings":";;;;;;;AAQA,SAAgBM,iBAAiB,EAAEF,YAAmC;CACpE,OACE,oBAAC,aAAD,YACE,oBAAC,iBAAD,EAAkBA,UAA0B,GAChC"}
+{"version":3,"file":"CharcoalProvider.js","names":[],"sources":["../../src/core/CharcoalProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { OverlayProvider } from './OverlayProvider'\nimport { SSRProvider } from './SSRProvider'\n\nexport type CharcoalProviderProps = {\n  children: React.ReactNode\n}\n\nexport function CharcoalProvider({ children }: CharcoalProviderProps) {\n  return (\n    <SSRProvider>\n      <OverlayProvider>{children}</OverlayProvider>\n    </SSRProvider>\n  )\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,iBAAiB,EAAE,YAAmC;CACpE,OACE,oBAAC,aAAD,YACE,oBAAC,iBAAD,EAAkB,SAA0B,GACjC;AAEjB"}

package/dist/core/SSRProvider.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 let react_aria_SSRProvider = require("react-aria/SSRProvider");
 
@@ -12,4 +11,5 @@ const SSRProvider = isReactVersionOver(18) ? react.Fragment : react_aria_SSRProv
 
 //#endregion
 exports.SSRProvider = SSRProvider;
+exports.isReactVersionOver = isReactVersionOver;
 //# sourceMappingURL=SSRProvider.cjs.map

package/dist/core/SSRProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SSRProvider.cjs","names":["version","Fragment","SSRProvider","OriginSSRProvider","isReactVersionOver","minVersion","reactMajorVersion","parseInt","split","Number","isFinite"],"sources":["../../src/core/SSRProvider.tsx"],"sourcesContent":["import { version, Fragment } from 'react'\nimport { SSRProvider as OriginSSRProvider } from 'react-aria/SSRProvider'\n\nexport function isReactVersionOver(minVersion: number): boolean {\n  // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js\n  const reactMajorVersion = parseInt(version.split('.')[0], 10)\n  return Number.isFinite(reactMajorVersion)\n    ? reactMajorVersion >= minVersion\n    : false\n}\n\nexport const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider\n"],"mappings":";;;;;;AAGA,SAAgBI,mBAAmBC,YAA6B;CAE9D,MAAMC,oBAAoBC,SAASP,cAAQQ,MAAM,IAAI,CAAC,IAAI,GAAG;CAC7D,OAAOC,OAAOC,SAASJ,kBAAkB,GACrCA,qBAAqBD,aACrB;;AAGN,MAAaH,cAAcE,mBAAmB,GAAG,GAAGH,iBAAWE"}
+{"version":3,"file":"SSRProvider.cjs","names":[],"sources":["../../src/core/SSRProvider.tsx"],"sourcesContent":["import { version, Fragment } from 'react'\nimport { SSRProvider as OriginSSRProvider } from 'react-aria/SSRProvider'\n\nexport function isReactVersionOver(minVersion: number): boolean {\n  // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js\n  const reactMajorVersion = parseInt(version.split('.')[0], 10)\n  return Number.isFinite(reactMajorVersion)\n    ? reactMajorVersion >= minVersion\n    : false\n}\n\nexport const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider\n"],"mappings":";;;;;AAGA,SAAgB,mBAAmB,YAA6B;CAE9D,MAAM,oBAAoB,SAAS,cAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE;CAC5D,OAAO,OAAO,SAAS,iBAAiB,IACpC,qBAAqB,aACrB;AACN;AAEA,MAAa,cAAc,mBAAmB,EAAE,IAAI,iBAAW"}

package/dist/core/SSRProvider.js

@@ -10,5 +10,5 @@ function isReactVersionOver(minVersion) {
 const SSRProvider$1 = isReactVersionOver(18) ? Fragment : SSRProvider;
 
 //#endregion
-export { SSRProvider$1 as SSRProvider };
+export { SSRProvider$1 as SSRProvider, isReactVersionOver };
 //# sourceMappingURL=SSRProvider.js.map

package/dist/core/SSRProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SSRProvider.js","names":["version","Fragment","SSRProvider","OriginSSRProvider","isReactVersionOver","minVersion","reactMajorVersion","parseInt","split","Number","isFinite"],"sources":["../../src/core/SSRProvider.tsx"],"sourcesContent":["import { version, Fragment } from 'react'\nimport { SSRProvider as OriginSSRProvider } from 'react-aria/SSRProvider'\n\nexport function isReactVersionOver(minVersion: number): boolean {\n  // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js\n  const reactMajorVersion = parseInt(version.split('.')[0], 10)\n  return Number.isFinite(reactMajorVersion)\n    ? reactMajorVersion >= minVersion\n    : false\n}\n\nexport const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider\n"],"mappings":";;;;;AAGA,SAAgBI,mBAAmBC,YAA6B;CAE9D,MAAMC,oBAAoBC,SAASP,QAAQQ,MAAM,IAAI,CAAC,IAAI,GAAG;CAC7D,OAAOC,OAAOC,SAASJ,kBAAkB,GACrCA,qBAAqBD,aACrB;;AAGN,MAAaH,gBAAcE,mBAAmB,GAAG,GAAGH,WAAWE"}
+{"version":3,"file":"SSRProvider.js","names":[],"sources":["../../src/core/SSRProvider.tsx"],"sourcesContent":["import { version, Fragment } from 'react'\nimport { SSRProvider as OriginSSRProvider } from 'react-aria/SSRProvider'\n\nexport function isReactVersionOver(minVersion: number): boolean {\n  // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js\n  const reactMajorVersion = parseInt(version.split('.')[0], 10)\n  return Number.isFinite(reactMajorVersion)\n    ? reactMajorVersion >= minVersion\n    : false\n}\n\nexport const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider\n"],"mappings":";;;;;AAGA,SAAgB,mBAAmB,YAA6B;CAE9D,MAAM,oBAAoB,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE;CAC5D,OAAO,OAAO,SAAS,iBAAiB,IACpC,qBAAqB,aACrB;AACN;AAEA,MAAa,gBAAc,mBAAmB,EAAE,IAAI,WAAW"}

package/dist/core/SetThemeScript.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 const require_themeHelper = require('./themeHelper.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 

package/dist/core/SetThemeScript.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SetThemeScript.cjs","names":["assertKeyString","DEFAULT_ROOT_ATTRIBUTE","LOCAL_STORAGE_KEY","Props","localStorageKey","rootAttribute","makeSetThemeScriptCode","defaultProps","Partial","SetThemeScript","src","__html"],"sources":["../../src/core/SetThemeScript.tsx"],"sourcesContent":["import {\n  assertKeyString,\n  DEFAULT_ROOT_ATTRIBUTE,\n  LOCAL_STORAGE_KEY,\n} from './themeHelper'\n\ninterface Props {\n  localStorageKey: string\n  rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n  assertKeyString(localStorageKey)\n  assertKeyString(rootAttribute)\n  return `'use strict';\n(function () {\n    var localStorageKey = '${localStorageKey}'\n    var rootAttribute = '${rootAttribute}'\n    var currentTheme = localStorage.getItem(localStorageKey);\n    if (currentTheme) {\n        document.documentElement.dataset[rootAttribute] = currentTheme;\n    }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Props) {\n  const src = makeSetThemeScriptCode({ localStorageKey, rootAttribute })\n  return (\n    <script\n      dangerouslySetInnerHTML={{\n        __html: src,\n      }}\n    />\n  )\n}\n\nconst defaultProps: Props = {\n  localStorageKey: LOCAL_STORAGE_KEY,\n  rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgBM,uBAAuB,EACrCF,kBAAkBG,aAAaH,iBAC/BC,gBAAgBE,aAAaF,kBACXE,cAAc;CAChCP,oCAAgBI,gBAAgB;CAChCJ,oCAAgBK,cAAc;CAC9B,OAAO;;6BAEoBD,gBAAe;2BACjBC,cAAa;;;;;;;;;;;;;AAcxC,SAAgBI,eAAe,EAC7BL,kBAAkBG,aAAaH,iBAC/BC,gBAAgBE,aAAaF,iBACrB;CAER,OACE,2CAAC,UAAD,EACE,yBAAyB,EACvBM,QAJML,uBAAuB;EAAEF;EAAiBC;EAAe,CAIvDK,EACT,EACD;;AAIN,MAAMH,eAAsB;CAC1BH,iBAAiBF;CACjBG,eAAeJ;CAChB"}
+{"version":3,"file":"SetThemeScript.cjs","names":[],"sources":["../../src/core/SetThemeScript.tsx"],"sourcesContent":["import {\n  assertKeyString,\n  DEFAULT_ROOT_ATTRIBUTE,\n  LOCAL_STORAGE_KEY,\n} from './themeHelper'\n\ninterface Props {\n  localStorageKey: string\n  rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n  assertKeyString(localStorageKey)\n  assertKeyString(rootAttribute)\n  return `'use strict';\n(function () {\n    var localStorageKey = '${localStorageKey}'\n    var rootAttribute = '${rootAttribute}'\n    var currentTheme = localStorage.getItem(localStorageKey);\n    if (currentTheme) {\n        document.documentElement.dataset[rootAttribute] = currentTheme;\n    }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Props) {\n  const src = makeSetThemeScriptCode({ localStorageKey, rootAttribute })\n  return (\n    <script\n      dangerouslySetInnerHTML={{\n        __html: src,\n      }}\n    />\n  )\n}\n\nconst defaultProps: Props = {\n  localStorageKey: LOCAL_STORAGE_KEY,\n  rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,uBAAuB,EACrC,kBAAkB,aAAa,iBAC/B,gBAAgB,aAAa,kBACX,cAAc;CAChC,oCAAgB,eAAe;CAC/B,oCAAgB,aAAa;CAC7B,OAAO;;6BAEoB,gBAAe;2BACjB,cAAa;;;;;;;AAOxC;;;;;;AAOA,SAAgB,eAAe,EAC7B,kBAAkB,aAAa,iBAC/B,gBAAgB,aAAa,iBACrB;CAER,OACE,2CAAC,UAAD,EACE,yBAAyB,EACvB,QAJM,uBAAuB;EAAE;EAAiB;CAAc,CAItD,EACV,EAAE;AAGR;AAEA,MAAM,eAAsB;CAC1B,iBAAiB;CACjB,eAAe;AACjB"}

package/dist/core/SetThemeScript.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetThemeScript.js","names":["assertKeyString","DEFAULT_ROOT_ATTRIBUTE","LOCAL_STORAGE_KEY","Props","localStorageKey","rootAttribute","makeSetThemeScriptCode","defaultProps","Partial","SetThemeScript","src","__html"],"sources":["../../src/core/SetThemeScript.tsx"],"sourcesContent":["import {\n  assertKeyString,\n  DEFAULT_ROOT_ATTRIBUTE,\n  LOCAL_STORAGE_KEY,\n} from './themeHelper'\n\ninterface Props {\n  localStorageKey: string\n  rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n  assertKeyString(localStorageKey)\n  assertKeyString(rootAttribute)\n  return `'use strict';\n(function () {\n    var localStorageKey = '${localStorageKey}'\n    var rootAttribute = '${rootAttribute}'\n    var currentTheme = localStorage.getItem(localStorageKey);\n    if (currentTheme) {\n        document.documentElement.dataset[rootAttribute] = currentTheme;\n    }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Props) {\n  const src = makeSetThemeScriptCode({ localStorageKey, rootAttribute })\n  return (\n    <script\n      dangerouslySetInnerHTML={{\n        __html: src,\n      }}\n    />\n  )\n}\n\nconst defaultProps: Props = {\n  localStorageKey: LOCAL_STORAGE_KEY,\n  rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgBM,uBAAuB,EACrCF,kBAAkBG,aAAaH,iBAC/BC,gBAAgBE,aAAaF,kBACXE,cAAc;CAChCP,gBAAgBI,gBAAgB;CAChCJ,gBAAgBK,cAAc;CAC9B,OAAO;;6BAEoBD,gBAAe;2BACjBC,cAAa;;;;;;;;;;;;;AAcxC,SAAgBI,eAAe,EAC7BL,kBAAkBG,aAAaH,iBAC/BC,gBAAgBE,aAAaF,iBACrB;CAER,OACE,oBAAC,UAAD,EACE,yBAAyB,EACvBM,QAJML,uBAAuB;EAAEF;EAAiBC;EAAe,CAIvDK,EACT,EACD;;AAIN,MAAMH,eAAsB;CAC1BH,iBAAiBF;CACjBG,eAAeJ;CAChB"}
+{"version":3,"file":"SetThemeScript.js","names":[],"sources":["../../src/core/SetThemeScript.tsx"],"sourcesContent":["import {\n  assertKeyString,\n  DEFAULT_ROOT_ATTRIBUTE,\n  LOCAL_STORAGE_KEY,\n} from './themeHelper'\n\ninterface Props {\n  localStorageKey: string\n  rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n  assertKeyString(localStorageKey)\n  assertKeyString(rootAttribute)\n  return `'use strict';\n(function () {\n    var localStorageKey = '${localStorageKey}'\n    var rootAttribute = '${rootAttribute}'\n    var currentTheme = localStorage.getItem(localStorageKey);\n    if (currentTheme) {\n        document.documentElement.dataset[rootAttribute] = currentTheme;\n    }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript({\n  localStorageKey = defaultProps.localStorageKey,\n  rootAttribute = defaultProps.rootAttribute,\n}: Props) {\n  const src = makeSetThemeScriptCode({ localStorageKey, rootAttribute })\n  return (\n    <script\n      dangerouslySetInnerHTML={{\n        __html: src,\n      }}\n    />\n  )\n}\n\nconst defaultProps: Props = {\n  localStorageKey: LOCAL_STORAGE_KEY,\n  rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,uBAAuB,EACrC,kBAAkB,aAAa,iBAC/B,gBAAgB,aAAa,kBACX,cAAc;CAChC,gBAAgB,eAAe;CAC/B,gBAAgB,aAAa;CAC7B,OAAO;;6BAEoB,gBAAe;2BACjB,cAAa;;;;;;;AAOxC;;;;;;AAOA,SAAgB,eAAe,EAC7B,kBAAkB,aAAa,iBAC/B,gBAAgB,aAAa,iBACrB;CAER,OACE,oBAAC,UAAD,EACE,yBAAyB,EACvB,QAJM,uBAAuB;EAAE;EAAiB;CAAc,CAItD,EACV,EAAE;AAGR;AAEA,MAAM,eAAsB;CAC1B,iBAAiB;CACjB,eAAe;AACjB"}

package/dist/core/themeHelper.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 
 //#region src/core/themeHelper.ts

package/dist/core/themeHelper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.cjs","names":["useCallback","useEffect","useMemo","useState","LOCAL_STORAGE_KEY","DEFAULT_ROOT_ATTRIBUTE","keyStringRegExp","RegExp","assertKeyString","key","test","Error","themeSetter","attr","theme","undefined","document","documentElement","dataset","defaultThemeSetter","themeSelector","T","S","const","prefersColorScheme","useThemeSetter","setter","system","useTheme","getThemeSync","localStorage","getItem","localStorageKey","isDark","useMedia","media","local","setTheme","ready","useLocalStorage","defaultValue","setReady","state","setState","defaultValueMemo","fetch","raw","deserialize","handleStorage","e","StorageEvent","storageArea","window","addEventListener","removeEventListener","set","value","removeItem","serialize","setItem","event","bubbles","cancelable","url","location","href","dispatchEvent","JSON","parse","stringify","query","match","matcher","matchMedia","onChange","matches"],"sources":["../../src/core/themeHelper.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n  if (!keyStringRegExp.test(key)) {\n    throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n  }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n  (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n  (theme: string | undefined) => {\n    assertKeyString(attr)\n    if (theme !== undefined) {\n      document.documentElement.dataset[attr] = theme\n    } else {\n      delete document.documentElement.dataset[attr]\n    }\n  }\n\n// デフォルト引数で生成すると毎レンダー新しい関数になり、effect が再実行される\nconst defaultThemeSetter = themeSetter()\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n  T extends string,\n  S extends string = typeof DEFAULT_ROOT_ATTRIBUTE,\n>(theme: T, attr?: S) {\n  return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n  return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n  key = LOCAL_STORAGE_KEY,\n  setter = defaultThemeSetter,\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n  const [theme, , system] = useTheme(key)\n\n  useEffect(() => {\n    if (theme === undefined) {\n      return\n    }\n    // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n    setter(system ? undefined : theme)\n  }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n  const theme = localStorage.getItem(key)\n  return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (localStorageKey: string = LOCAL_STORAGE_KEY) => {\n  assertKeyString(localStorageKey)\n  const isDark = useMedia('(prefers-color-scheme: dark)')\n  const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n  const [local, setTheme, ready] =\n    useLocalStorage<typeof media>(localStorageKey)\n  const theme = !ready || media === undefined ? undefined : (local ?? media)\n  const system = local === undefined\n  return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n  const [ready, setReady] = useState(false)\n  const [state, setState] = useState<T>()\n  const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n  const fetch = useCallback(() => {\n    const raw = localStorage.getItem(key)\n    setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n    setReady(true)\n  }, [defaultValueMemo, key])\n\n  const handleStorage = useCallback(\n    (e: StorageEvent) => {\n      if (e.storageArea !== localStorage) {\n        return\n      }\n      if (e.key !== key) {\n        return\n      }\n      fetch()\n    },\n    [fetch, key],\n  )\n\n  // JSON は deserialize のたびに新しい object になるため、入力変更時だけ再取得する\n  useEffect(() => {\n    fetch()\n    window.addEventListener('storage', handleStorage)\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n    }\n  }, [fetch, handleStorage])\n\n  const set = (value: T | undefined) => {\n    if (value === undefined) {\n      // undefinedがセットされる場合にはkeyごと削除\n      localStorage.removeItem(key)\n    } else {\n      const raw = serialize(value)\n      localStorage.setItem(key, raw)\n    }\n\n    // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n    const event = new StorageEvent('storage', {\n      bubbles: true,\n      cancelable: false,\n      key,\n      url: location.href,\n      storageArea: localStorage,\n    })\n    dispatchEvent(event)\n  }\n\n  return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n  try {\n    return JSON.parse(raw) as T\n  } catch {\n    // syntax error はすべて文字列として扱う\n    return raw as unknown as T\n  }\n}\n\nfunction serialize(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  } else {\n    return JSON.stringify(value)\n  }\n}\n\nexport function useMedia(query: string) {\n  const [match, setState] = useState<boolean>()\n\n  useEffect(() => {\n    const matcher = window.matchMedia(query)\n\n    const onChange = () => {\n      setState(matcher.matches)\n    }\n\n    matcher.addEventListener('change', onChange)\n\n    setState(matcher.matches)\n\n    return () => {\n      matcher.removeEventListener('change', onChange)\n    }\n  }, [query])\n\n  return match\n}\n"],"mappings":"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"}
+{"version":3,"file":"themeHelper.cjs","names":[],"sources":["../../src/core/themeHelper.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n  if (!keyStringRegExp.test(key)) {\n    throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n  }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n  (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n  (theme: string | undefined) => {\n    assertKeyString(attr)\n    if (theme !== undefined) {\n      document.documentElement.dataset[attr] = theme\n    } else {\n      delete document.documentElement.dataset[attr]\n    }\n  }\n\n// デフォルト引数で生成すると毎レンダー新しい関数になり、effect が再実行される\nconst defaultThemeSetter = themeSetter()\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n  T extends string,\n  S extends string = typeof DEFAULT_ROOT_ATTRIBUTE,\n>(theme: T, attr?: S) {\n  return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n  return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n  key = LOCAL_STORAGE_KEY,\n  setter = defaultThemeSetter,\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n  const [theme, , system] = useTheme(key)\n\n  useEffect(() => {\n    if (theme === undefined) {\n      return\n    }\n    // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n    setter(system ? undefined : theme)\n  }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n  const theme = localStorage.getItem(key)\n  return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (localStorageKey: string = LOCAL_STORAGE_KEY) => {\n  assertKeyString(localStorageKey)\n  const isDark = useMedia('(prefers-color-scheme: dark)')\n  const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n  const [local, setTheme, ready] =\n    useLocalStorage<typeof media>(localStorageKey)\n  const theme = !ready || media === undefined ? undefined : (local ?? media)\n  const system = local === undefined\n  return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n  const [ready, setReady] = useState(false)\n  const [state, setState] = useState<T>()\n  const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n  const fetch = useCallback(() => {\n    const raw = localStorage.getItem(key)\n    setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n    setReady(true)\n  }, [defaultValueMemo, key])\n\n  const handleStorage = useCallback(\n    (e: StorageEvent) => {\n      if (e.storageArea !== localStorage) {\n        return\n      }\n      if (e.key !== key) {\n        return\n      }\n      fetch()\n    },\n    [fetch, key],\n  )\n\n  // JSON は deserialize のたびに新しい object になるため、入力変更時だけ再取得する\n  useEffect(() => {\n    fetch()\n    window.addEventListener('storage', handleStorage)\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n    }\n  }, [fetch, handleStorage])\n\n  const set = (value: T | undefined) => {\n    if (value === undefined) {\n      // undefinedがセットされる場合にはkeyごと削除\n      localStorage.removeItem(key)\n    } else {\n      const raw = serialize(value)\n      localStorage.setItem(key, raw)\n    }\n\n    // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n    const event = new StorageEvent('storage', {\n      bubbles: true,\n      cancelable: false,\n      key,\n      url: location.href,\n      storageArea: localStorage,\n    })\n    dispatchEvent(event)\n  }\n\n  return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n  try {\n    return JSON.parse(raw) as T\n  } catch {\n    // syntax error はすべて文字列として扱う\n    return raw as unknown as T\n  }\n}\n\nfunction serialize(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  } else {\n    return JSON.stringify(value)\n  }\n}\n\nexport function useMedia(query: string) {\n  const [match, setState] = useState<boolean>()\n\n  useEffect(() => {\n    const matcher = window.matchMedia(query)\n\n    const onChange = () => {\n      setState(matcher.matches)\n    }\n\n    matcher.addEventListener('change', onChange)\n\n    setState(matcher.matches)\n\n    return () => {\n      matcher.removeEventListener('change', onChange)\n    }\n  }, [query])\n\n  return match\n}\n"],"mappings":"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"}

package/dist/core/themeHelper.d.ts

@@ -12,7 +12,7 @@ export declare const themeSetter: (attr?: string) => (theme: string | undefined)
 /**
  * `<html data-theme="dark">` にマッチするセレクタを生成する
  */
-export declare function themeSelector<T extends string, S extends string = typeof DEFAULT_ROOT_ATTRIBUTE>(theme: T, attr?: S): `:root[data-theme='${T}']` | `:root[data-${S}='${T}']`;
+export declare function themeSelector<T extends string, S extends string = typeof DEFAULT_ROOT_ATTRIBUTE>(theme: T, attr?: S): `:root[data-${S}='${T}']` | `:root[data-theme='${T}']`;
 /**
  * prefers-color-scheme を利用する media クエリを生成する
  */
@@ -33,7 +33,7 @@ export declare function getThemeSync(key?: string): string | null;
  *
  * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります
  */
-export declare const useTheme: (localStorageKey?: string) => readonly ["light" | "dark" | undefined, (value: "light" | "dark" | undefined) => void, boolean];
+export declare const useTheme: (localStorageKey?: string) => readonly ["dark" | "light" | undefined, (value: "dark" | "light" | undefined) => void, boolean];
 export declare function useLocalStorage<T>(key: string, defaultValue?: () => T): readonly [T | undefined, (value: T | undefined) => void, boolean];
 export declare function useMedia(query: string): boolean | undefined;
 //# sourceMappingURL=themeHelper.d.ts.map

package/dist/core/themeHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../../src/core/themeHelper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mBAAmB,CAAA;AACjD,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAI7C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,QAI1C;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GACrB,OAAM,MAA+B,MACrC,OAAO,MAAM,GAAG,SAAS,SAOzB,CAAA;AAKH;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,GAAG,OAAO,sBAAsB,EAChD,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,0DAEnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC,yCAEtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAuB,EACvB,MAA2B,GAC5B,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAAO,QAUrE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,GAAE,MAA0B,iBAG3D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,kBAAiB,MAA0B,oGASnE,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,oCAiChD,CAAC,GAAG,SAAS,oBAqBlC;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAoBrC"}
+{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../../src/core/themeHelper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mBAAmB,CAAA;AACjD,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAI7C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,QAI1C;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,UACf,MAAM,aACL,MAAM,GAAG,SAAS,SAOzB,CAAA;AAKH;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,GAAG,OAAO,sBAAsB,EAChD,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,0DAEnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC,yCAEtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAuB,EACvB,MAA2B,GAC5B,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAAO,QAUrE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,GAAE,MAA0B,iBAG3D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qBAAqB,MAAM,oGAS/C,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,oCAiChD,CAAC,GAAG,SAAS,oBAqBlC;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAoBrC"}

package/dist/core/themeHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.js","names":["useCallback","useEffect","useMemo","useState","LOCAL_STORAGE_KEY","DEFAULT_ROOT_ATTRIBUTE","keyStringRegExp","RegExp","assertKeyString","key","test","Error","themeSetter","attr","theme","undefined","document","documentElement","dataset","defaultThemeSetter","themeSelector","T","S","const","prefersColorScheme","useThemeSetter","setter","system","useTheme","getThemeSync","localStorage","getItem","localStorageKey","isDark","useMedia","media","local","setTheme","ready","useLocalStorage","defaultValue","setReady","state","setState","defaultValueMemo","fetch","raw","deserialize","handleStorage","e","StorageEvent","storageArea","window","addEventListener","removeEventListener","set","value","removeItem","serialize","setItem","event","bubbles","cancelable","url","location","href","dispatchEvent","JSON","parse","stringify","query","match","matcher","matchMedia","onChange","matches"],"sources":["../../src/core/themeHelper.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n  if (!keyStringRegExp.test(key)) {\n    throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n  }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n  (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n  (theme: string | undefined) => {\n    assertKeyString(attr)\n    if (theme !== undefined) {\n      document.documentElement.dataset[attr] = theme\n    } else {\n      delete document.documentElement.dataset[attr]\n    }\n  }\n\n// デフォルト引数で生成すると毎レンダー新しい関数になり、effect が再実行される\nconst defaultThemeSetter = themeSetter()\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n  T extends string,\n  S extends string = typeof DEFAULT_ROOT_ATTRIBUTE,\n>(theme: T, attr?: S) {\n  return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n  return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n  key = LOCAL_STORAGE_KEY,\n  setter = defaultThemeSetter,\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n  const [theme, , system] = useTheme(key)\n\n  useEffect(() => {\n    if (theme === undefined) {\n      return\n    }\n    // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n    setter(system ? undefined : theme)\n  }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n  const theme = localStorage.getItem(key)\n  return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (localStorageKey: string = LOCAL_STORAGE_KEY) => {\n  assertKeyString(localStorageKey)\n  const isDark = useMedia('(prefers-color-scheme: dark)')\n  const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n  const [local, setTheme, ready] =\n    useLocalStorage<typeof media>(localStorageKey)\n  const theme = !ready || media === undefined ? undefined : (local ?? media)\n  const system = local === undefined\n  return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n  const [ready, setReady] = useState(false)\n  const [state, setState] = useState<T>()\n  const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n  const fetch = useCallback(() => {\n    const raw = localStorage.getItem(key)\n    setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n    setReady(true)\n  }, [defaultValueMemo, key])\n\n  const handleStorage = useCallback(\n    (e: StorageEvent) => {\n      if (e.storageArea !== localStorage) {\n        return\n      }\n      if (e.key !== key) {\n        return\n      }\n      fetch()\n    },\n    [fetch, key],\n  )\n\n  // JSON は deserialize のたびに新しい object になるため、入力変更時だけ再取得する\n  useEffect(() => {\n    fetch()\n    window.addEventListener('storage', handleStorage)\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n    }\n  }, [fetch, handleStorage])\n\n  const set = (value: T | undefined) => {\n    if (value === undefined) {\n      // undefinedがセットされる場合にはkeyごと削除\n      localStorage.removeItem(key)\n    } else {\n      const raw = serialize(value)\n      localStorage.setItem(key, raw)\n    }\n\n    // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n    const event = new StorageEvent('storage', {\n      bubbles: true,\n      cancelable: false,\n      key,\n      url: location.href,\n      storageArea: localStorage,\n    })\n    dispatchEvent(event)\n  }\n\n  return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n  try {\n    return JSON.parse(raw) as T\n  } catch {\n    // syntax error はすべて文字列として扱う\n    return raw as unknown as T\n  }\n}\n\nfunction serialize(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  } else {\n    return JSON.stringify(value)\n  }\n}\n\nexport function useMedia(query: string) {\n  const [match, setState] = useState<boolean>()\n\n  useEffect(() => {\n    const matcher = window.matchMedia(query)\n\n    const onChange = () => {\n      setState(matcher.matches)\n    }\n\n    matcher.addEventListener('change', onChange)\n\n    setState(matcher.matches)\n\n    return () => {\n      matcher.removeEventListener('change', onChange)\n    }\n  }, [query])\n\n  return match\n}\n"],"mappings":"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"}
+{"version":3,"file":"themeHelper.js","names":[],"sources":["../../src/core/themeHelper.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n  if (!keyStringRegExp.test(key)) {\n    throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n  }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n  (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n  (theme: string | undefined) => {\n    assertKeyString(attr)\n    if (theme !== undefined) {\n      document.documentElement.dataset[attr] = theme\n    } else {\n      delete document.documentElement.dataset[attr]\n    }\n  }\n\n// デフォルト引数で生成すると毎レンダー新しい関数になり、effect が再実行される\nconst defaultThemeSetter = themeSetter()\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n  T extends string,\n  S extends string = typeof DEFAULT_ROOT_ATTRIBUTE,\n>(theme: T, attr?: S) {\n  return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n  return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n  key = LOCAL_STORAGE_KEY,\n  setter = defaultThemeSetter,\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n  const [theme, , system] = useTheme(key)\n\n  useEffect(() => {\n    if (theme === undefined) {\n      return\n    }\n    // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n    setter(system ? undefined : theme)\n  }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n  const theme = localStorage.getItem(key)\n  return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (localStorageKey: string = LOCAL_STORAGE_KEY) => {\n  assertKeyString(localStorageKey)\n  const isDark = useMedia('(prefers-color-scheme: dark)')\n  const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n  const [local, setTheme, ready] =\n    useLocalStorage<typeof media>(localStorageKey)\n  const theme = !ready || media === undefined ? undefined : (local ?? media)\n  const system = local === undefined\n  return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n  const [ready, setReady] = useState(false)\n  const [state, setState] = useState<T>()\n  const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n  const fetch = useCallback(() => {\n    const raw = localStorage.getItem(key)\n    setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n    setReady(true)\n  }, [defaultValueMemo, key])\n\n  const handleStorage = useCallback(\n    (e: StorageEvent) => {\n      if (e.storageArea !== localStorage) {\n        return\n      }\n      if (e.key !== key) {\n        return\n      }\n      fetch()\n    },\n    [fetch, key],\n  )\n\n  // JSON は deserialize のたびに新しい object になるため、入力変更時だけ再取得する\n  useEffect(() => {\n    fetch()\n    window.addEventListener('storage', handleStorage)\n    return () => {\n      window.removeEventListener('storage', handleStorage)\n    }\n  }, [fetch, handleStorage])\n\n  const set = (value: T | undefined) => {\n    if (value === undefined) {\n      // undefinedがセットされる場合にはkeyごと削除\n      localStorage.removeItem(key)\n    } else {\n      const raw = serialize(value)\n      localStorage.setItem(key, raw)\n    }\n\n    // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n    const event = new StorageEvent('storage', {\n      bubbles: true,\n      cancelable: false,\n      key,\n      url: location.href,\n      storageArea: localStorage,\n    })\n    dispatchEvent(event)\n  }\n\n  return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n  try {\n    return JSON.parse(raw) as T\n  } catch {\n    // syntax error はすべて文字列として扱う\n    return raw as unknown as T\n  }\n}\n\nfunction serialize(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  } else {\n    return JSON.stringify(value)\n  }\n}\n\nexport function useMedia(query: string) {\n  const [match, setState] = useState<boolean>()\n\n  useEffect(() => {\n    const matcher = window.matchMedia(query)\n\n    const onChange = () => {\n      setState(matcher.matches)\n    }\n\n    matcher.addEventListener('change', onChange)\n\n    setState(matcher.matches)\n\n    return () => {\n      matcher.removeEventListener('change', onChange)\n    }\n  }, [query])\n\n  return match\n}\n"],"mappings":"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"}

package/dist/index.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('./_virtual/_rolldown/runtime.cjs');
 const require_SSRProvider = require('./core/SSRProvider.cjs');
 const require_CharcoalProvider = require('./core/CharcoalProvider.cjs');
 const require_themeHelper = require('./core/themeHelper.cjs');
@@ -31,27 +30,27 @@ const require_index$22 = require('./components/Carousel/index2.cjs');
 require('./components/FocusRing/index.cjs');
 let react_aria_private_overlays_useModal = require("react-aria/private/overlays/useModal");
 
-exports.Button = require_index;
-exports.Carousel = require_index$22;
+exports.Button = require_index.default;
+exports.Carousel = require_index$22.default;
 exports.CharcoalProvider = require_CharcoalProvider.CharcoalProvider;
-exports.Checkbox = require_index$17;
-exports.Clickable = require_index$1;
-exports.DropdownMenuItem = require_index$14;
-exports.DropdownSelector = require_index$12;
-exports.HintText = require_index$19;
-exports.Icon = require_index$5;
-exports.IconButton = require_index$2;
-exports.LoadingSpinner = require_index$11;
+exports.Checkbox = require_index$17.default;
+exports.Clickable = require_index$1.default;
+exports.DropdownMenuItem = require_index$14.default;
+exports.DropdownSelector = require_index$12.default;
+exports.HintText = require_index$19.default;
+exports.Icon = require_index$5.default;
+exports.IconButton = require_index$2.default;
+exports.LoadingSpinner = require_index$11.default;
 exports.LoadingSpinnerIcon = require_index$11.LoadingSpinnerIcon;
-exports.MenuItem = require_index$13;
-exports.MenuItemGroup = require_index$15;
-exports.Modal = require_index$10;
+exports.MenuItem = require_index$13.default;
+exports.MenuItemGroup = require_index$15.default;
+exports.Modal = require_index$10.default;
 exports.ModalAlign = require_ModalPlumbing.ModalAlign;
 exports.ModalBody = require_ModalPlumbing.ModalBody;
 exports.ModalButtons = require_ModalPlumbing.ModalButtons;
 exports.ModalCloseButton = require_index$10.ModalCloseButton;
 exports.ModalHeader = require_ModalPlumbing.ModalHeader;
-exports.MultiSelect = require_index$6;
+exports.MultiSelect = require_index$6.default;
 exports.MultiSelectGroup = require_index$6.MultiSelectGroup;
 Object.defineProperty(exports, 'OverlayProvider', {
   enumerable: true,
@@ -59,17 +58,17 @@ Object.defineProperty(exports, 'OverlayProvider', {
     return react_aria_private_overlays_useModal.OverlayProvider;
   }
 });
-exports.Pagination = require_index$21;
-exports.Radio = require_index$3;
+exports.Pagination = require_index$21.default;
+exports.Radio = require_index$3.default;
 exports.RadioGroup = require_index$4.RadioGroup;
 exports.SSRProvider = require_SSRProvider.SSRProvider;
-exports.SegmentedControl = require_index$16;
+exports.SegmentedControl = require_index$16.default;
 exports.SetThemeScript = require_SetThemeScript.SetThemeScript;
-exports.Switch = require_index$7;
-exports.TagItem = require_index$18;
-exports.TextArea = require_index$9;
-exports.TextEllipsis = require_index$20;
-exports.TextField = require_index$8;
+exports.Switch = require_index$7.default;
+exports.TagItem = require_index$18.default;
+exports.TextArea = require_index$9.default;
+exports.TextEllipsis = require_index$20.default;
+exports.TextField = require_index$8.default;
 exports.getThemeSync = require_themeHelper.getThemeSync;
 exports.makeSetThemeScriptCode = require_SetThemeScript.makeSetThemeScriptCode;
 exports.prefersColorScheme = require_themeHelper.prefersColorScheme;