@channel.io/bezier-react 1.1.0 → 1.3.0

package/build/src/components/Tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { Typography } from '~/src/foundation'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { getRootElement } from '~/src/utils/domUtils'\nimport {\n  isArray,\n  isEmpty,\n  isString,\n} from '~/src/utils/typeUtils'\n\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type TooltipContentProps,\n  TooltipPosition,\n} from './Tooltip.types'\nimport {\n  getReplacement,\n  getTooltipStyle,\n} from './utils'\n\nimport {\n  Content,\n  ContentWrapper,\n  EllipsisableContent,\n} from './Tooltip.styled'\n\nfunction getNewLineComponent(strContent: string) {\n  return (\n    strContent.split('\\n').map((str, index) => {\n      if (index === 0) {\n        return (\n          <Text key={str} typo={Typography.Size14}>\n            { str }\n          </Text>\n        )\n      }\n\n      return (\n        <React.Fragment key={str}>\n          <br />\n          <Text typo={Typography.Size14}>\n            { str }\n          </Text>\n        </React.Fragment>\n      )\n    })\n  )\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n  if (isArray(content)) {\n    return content.map(item => {\n      if (isString(item)) {\n        return getNewLineComponent(item)\n      }\n\n      return item\n    })\n  }\n\n  if (isString(content)) {\n    return getNewLineComponent(content)\n  }\n\n  return content\n}\n\nconst TooltipContent: React.FC<TooltipContentProps> = ({\n  as,\n  content,\n  contentClassName,\n  contentInterpolation,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = TooltipPosition.BottomCenter,\n  tooltipContainer,\n  offset = 4,\n  allowHover = false,\n  testId,\n  forwardedRef,\n}) => {\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n  const [replacement, setReplacement] = useState(placement)\n\n  const handleClickTooltip = useCallback((event: HTMLElementEventMap['click']) => {\n    event.stopPropagation()\n  }, [])\n\n  useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n  useEffect(() => {\n    if (!tooltipRef.current) { return }\n    const newPlacement = getReplacement({\n      tooltip: tooltipRef.current,\n      keepInContainer,\n      placement,\n    })\n    setReplacement(newPlacement)\n  }, [\n    keepInContainer,\n    placement,\n  ])\n\n  const ContentComponent = useMemo(() => getContentComponent(content), [content])\n\n  const contentWrapperStyle = useMemo(() => {\n    if (tooltipContainer) {\n      return {\n        ...givenContentWrapperStyle,\n        ...getTooltipStyle({\n          tooltipContainer,\n          placement: replacement,\n          offset,\n          allowHover,\n        }),\n      }\n    }\n\n    return {}\n  }, [\n    tooltipContainer,\n    givenContentWrapperStyle,\n    replacement,\n    offset,\n    allowHover,\n  ])\n\n  return (\n    ReactDOM.createPortal(\n      <ContentWrapper\n        ref={tooltipWrapperRef}\n        disabled={disabled || isEmpty(content)}\n        style={contentWrapperStyle}\n      >\n        <Content\n          as={as}\n          data-testid={testId}\n          className={contentClassName}\n          interpolation={contentInterpolation}\n          ref={mergedRef}\n        >\n          <EllipsisableContent>\n            { ContentComponent }\n          </EllipsisableContent>\n        </Content>\n      </ContentWrapper>,\n      getRootElement(),\n    )\n  )\n}\n\nexport default TooltipContent\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Typography","Size14","Fragment","getContentComponent","content","isArray","item","isString","TooltipContent","as","contentClassName","contentInterpolation","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","TooltipPosition","BottomCenter","tooltipContainer","offset","allowHover","testId","forwardedRef","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","Object","assign","getTooltipStyle","ReactDOM","createPortal","ContentWrapper","ref","isEmpty","style","Content","className","interpolation","EllipsisableContent","getRootElement"],"mappings":"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"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { Typography } from '~/src/foundation'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { getRootElement } from '~/src/utils/domUtils'\nimport {\n  isArray,\n  isEmpty,\n  isString,\n} from '~/src/utils/typeUtils'\n\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type TooltipContentProps,\n  TooltipPosition,\n} from './Tooltip.types'\nimport {\n  getReplacement,\n  getTooltipStyle,\n} from './utils'\n\nimport {\n  Content,\n  ContentWrapper,\n  EllipsisableContent,\n} from './Tooltip.styled'\n\nfunction getNewLineComponent(strContent: string) {\n  return (\n    strContent.split('\\n').map((str, index) => {\n      if (index === 0) {\n        return (\n          <Text key={str} typo={Typography.Size14}>\n            { str }\n          </Text>\n        )\n      }\n\n      return (\n        <React.Fragment key={str}>\n          <br />\n          <Text typo={Typography.Size14}>\n            { str }\n          </Text>\n        </React.Fragment>\n      )\n    })\n  )\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n  if (isArray(content)) {\n    return content.map(item => {\n      if (isString(item)) {\n        return getNewLineComponent(item)\n      }\n\n      return item\n    })\n  }\n\n  if (isString(content)) {\n    return getNewLineComponent(content)\n  }\n\n  return content\n}\n\nconst TooltipContent: React.FC<TooltipContentProps> = ({\n  as,\n  content,\n  contentClassName,\n  contentInterpolation,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = TooltipPosition.BottomCenter,\n  tooltipContainer,\n  offset = 4,\n  allowHover = false,\n  testId,\n  forwardedRef,\n}) => {\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n  const [replacement, setReplacement] = useState(placement)\n\n  const handleClickTooltip = useCallback((event: HTMLElementEventMap['click']) => {\n    event.stopPropagation()\n  }, [])\n\n  useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n  useEffect(() => {\n    if (!tooltipRef.current) { return }\n    const newPlacement = getReplacement({\n      tooltip: tooltipRef.current,\n      keepInContainer,\n      placement,\n    })\n    setReplacement(newPlacement)\n  }, [\n    keepInContainer,\n    placement,\n  ])\n\n  const ContentComponent = useMemo(() => getContentComponent(content), [content])\n\n  const contentWrapperStyle = useMemo(() => {\n    if (tooltipContainer) {\n      return {\n        ...givenContentWrapperStyle,\n        ...getTooltipStyle({\n          tooltipContainer,\n          placement: replacement,\n          offset,\n          allowHover,\n        }),\n      }\n    }\n\n    return {}\n  }, [\n    tooltipContainer,\n    givenContentWrapperStyle,\n    replacement,\n    offset,\n    allowHover,\n  ])\n\n  return (\n    ReactDOM.createPortal(\n      <ContentWrapper\n        ref={tooltipWrapperRef}\n        disabled={disabled || isEmpty(content)}\n        style={contentWrapperStyle}\n      >\n        <Content\n          as={as}\n          data-testid={testId}\n          className={contentClassName}\n          interpolation={contentInterpolation}\n          ref={mergedRef}\n        >\n          <EllipsisableContent>\n            { ContentComponent }\n          </EllipsisableContent>\n        </Content>\n      </ContentWrapper>,\n      getRootElement(),\n    )\n  )\n}\n\nexport default TooltipContent\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Typography","Size14","Fragment","getContentComponent","content","isArray","item","isString","TooltipContent","as","contentClassName","contentInterpolation","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","TooltipPosition","BottomCenter","tooltipContainer","offset","allowHover","testId","forwardedRef","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","Object","assign","getTooltipStyle","ReactDOM","createPortal","ContentWrapper","ref","isEmpty","style","Content","className","interpolation","EllipsisableContent","getRootElement"],"mappings":"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"}

package/build/src/components/VisuallyHidden/VisuallyHidden.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import e__default from 'react';
 import { Root as $ea1ef594cf570d83$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-visually-hidden/dist/index.module.js';
 
 /**
@@ -17,7 +17,7 @@ import { Root as $ea1ef594cf570d83$export$be92b6f5f03c0fe9 } from '../../../node
 function VisuallyHidden({
   children
 }) {
-  return React__default.createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
+  return e__default.createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
     asChild: true
   }, children);
 }

package/build/src/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React from 'react'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n *\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n *\n */\nexport function VisuallyHidden({\n  children,\n}: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      { children }\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","React","createElement","VisuallyHiddenPrimitive","asChild"],"mappings":";;;AAMA;;;;;;;;;;;;AAYG;AACa,SAAAA,cAAc,CAAC;AAC7BC,EAAAA,QAAAA;AACoB,CAAA,EAAA;AACpB,EAAA,OACEC,cAAC,CAAAC,aAAA,CAAAC,yCAA4B,EAAC;AAAAC,IAAAA,OAAO,EACjC,IAAA;GAAA,EAAAJ,QAAQ,CACmB,CAAA;AAEnC;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React from 'react'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n *\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n *\n */\nexport function VisuallyHidden({\n  children,\n}: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      { children }\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","React","createElement","VisuallyHiddenPrimitive","asChild"],"mappings":";;;AAMA;;;;;;;;;;;;AAYG;AACa,SAAAA,cAAc,CAAC;AAC7BC,EAAAA,QAAAA;AACoB,CAAA,EAAA;AACpB,EAAA,OACEC,UAAC,CAAAC,aAAA,CAAAC,yCAA4B,EAAC;AAAAC,IAAAA,OAAO,EACjC,IAAA;GAAA,EAAAJ,QAAQ,CACmB,CAAA;AAEnC;;;;"}

package/build/src/features/FeatureProvider.js

@@ -1,4 +1,4 @@
-import React__default, { createContext, useState, useLayoutEffect, useContext, useMemo } from 'react';
+import e__default, { createContext, useState, useLayoutEffect, useContext, useMemo } from 'react';
 import { FeatureType } from './Feature.js';
 
 const initialFeatureFlag = {
@@ -32,7 +32,7 @@ function FeatureProvider({
       setFeatureFlag(prev => Object.assign(Object.assign({}, prev), flags.reduce((acc, cur) => Object.assign(Object.assign({}, acc), cur), {})));
     });
   }, [features]);
-  return React__default.createElement(FeatureFlagContext.Provider, {
+  return e__default.createElement(FeatureFlagContext.Provider, {
     value: featureFlag
   }, children);
 }

package/build/src/features/FeatureProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.js","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  type Feature,\n  FeatureType,\n} from './Feature'\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst FeatureFlagContext = createContext<FeatureFlag>(initialFeatureFlag)\n\ninterface FeatureProviderProps {\n  children: React.ReactNode\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n *\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({\n  children,\n  features,\n}: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)\n\n  useLayoutEffect(function activateFeatures() {\n    if (!features) {\n      return\n    }\n\n    const promises = features.map(feature => (\n      feature.activate().then(activated => (\n        { [feature.name]: activated }\n      ))\n    ))\n\n    Promise.all(promises).then(flags => {\n      setFeatureFlag(prev => ({\n        ...prev,\n        ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n      }))\n    })\n  }, [features])\n\n  return (\n    <FeatureFlagContext.Provider value={featureFlag}>\n      { children }\n    </FeatureFlagContext.Provider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useContext(FeatureFlagContext)\n\n  return useMemo(() => (\n    contextValue[featureType]\n  ), [\n    contextValue,\n    featureType,\n  ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","Object","assign","reduce","acc","cur","React","createElement","Provider","value","useFeatureFlag","featureType","contextValue","useContext","useMemo"],"mappings":";;;AAeA,MAAMA,kBAAkB,GAAgB;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG,KAAA;CAC9B,CAAA;AAED,MAAMC,kBAAkB,GAAGC,aAAa,CAAcJ,kBAAkB,CAAC,CAAA;AAUzE;;;;;;;;;;AAUG;SACaK,eAAe,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACqB,CAAA,EAAA;EACrB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAcV,kBAAkB,CAAC,CAAA;EAE/EW,eAAe,CAAC,SAASC,gBAAgB,GAAA;IACvC,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACD,KAAA;AAED,IAAA,MAAMM,QAAQ,GAAGN,QAAQ,CAACO,GAAG,CAACC,OAAO,IACnCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAACC,SAAS,KAC/B;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAC9B,CACF,CAAC,CAAA;IAEFE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAACK,KAAK,IAAG;MACjCb,cAAc,CAACc,IAAI,IAAIC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAClBF,IAAI,CAAA,EACJD,KAAK,CAACI,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAKJ,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAME,GAAG,CAAA,EAAKC,GAAG,CAAG,EAAE,EAAE,CAAC,CACvD,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACrB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OACEsB,cAAA,CAAAC,aAAA,CAAC3B,kBAAkB,CAAC4B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAExB,WAAAA;GAAW,EAC3CF,QAAQ,CACkB,CAAA;AAElC,CAAA;AAEM,SAAU2B,cAAc,CAACC,WAAwB,EAAA;AACrD,EAAA,MAAMC,YAAY,GAAGC,UAAU,CAACjC,kBAAkB,CAAC,CAAA;AAEnD,EAAA,OAAOkC,OAAO,CAAC,MACbF,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;"}
+{"version":3,"file":"FeatureProvider.js","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  type Feature,\n  FeatureType,\n} from './Feature'\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst FeatureFlagContext = createContext<FeatureFlag>(initialFeatureFlag)\n\ninterface FeatureProviderProps {\n  children: React.ReactNode\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n *\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({\n  children,\n  features,\n}: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)\n\n  useLayoutEffect(function activateFeatures() {\n    if (!features) {\n      return\n    }\n\n    const promises = features.map(feature => (\n      feature.activate().then(activated => (\n        { [feature.name]: activated }\n      ))\n    ))\n\n    Promise.all(promises).then(flags => {\n      setFeatureFlag(prev => ({\n        ...prev,\n        ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n      }))\n    })\n  }, [features])\n\n  return (\n    <FeatureFlagContext.Provider value={featureFlag}>\n      { children }\n    </FeatureFlagContext.Provider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useContext(FeatureFlagContext)\n\n  return useMemo(() => (\n    contextValue[featureType]\n  ), [\n    contextValue,\n    featureType,\n  ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","Object","assign","reduce","acc","cur","React","createElement","Provider","value","useFeatureFlag","featureType","contextValue","useContext","useMemo"],"mappings":";;;AAeA,MAAMA,kBAAkB,GAAgB;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG,KAAA;CAC9B,CAAA;AAED,MAAMC,kBAAkB,GAAGC,aAAa,CAAcJ,kBAAkB,CAAC,CAAA;AAUzE;;;;;;;;;;AAUG;SACaK,eAAe,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACqB,CAAA,EAAA;EACrB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAcV,kBAAkB,CAAC,CAAA;EAE/EW,eAAe,CAAC,SAASC,gBAAgB,GAAA;IACvC,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACD,KAAA;AAED,IAAA,MAAMM,QAAQ,GAAGN,QAAQ,CAACO,GAAG,CAACC,OAAO,IACnCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAACC,SAAS,KAC/B;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAC9B,CACF,CAAC,CAAA;IAEFE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAACK,KAAK,IAAG;MACjCb,cAAc,CAACc,IAAI,IAAIC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAClBF,IAAI,CAAA,EACJD,KAAK,CAACI,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAKJ,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAME,GAAG,CAAA,EAAKC,GAAG,CAAG,EAAE,EAAE,CAAC,CACvD,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACrB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OACEsB,UAAA,CAAAC,aAAA,CAAC3B,kBAAkB,CAAC4B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAExB,WAAAA;GAAW,EAC3CF,QAAQ,CACkB,CAAA;AAElC,CAAA;AAEM,SAAU2B,cAAc,CAACC,WAAwB,EAAA;AACrD,EAAA,MAAMC,YAAY,GAAGC,UAAU,CAACjC,kBAAkB,CAAC,CAAA;AAEnD,EAAA,OAAOkC,OAAO,CAAC,MACbF,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;"}

package/build/src/foundation/FoundationStyledComponent.js

@@ -1,4 +1,4 @@
-import React__default, { createContext, useContext, forwardRef } from 'react';
+import e__default, { createContext, useContext, forwardRef } from 'react';
 import styled, { css, createGlobalStyle } from 'styled-components';
 export { ServerStyleSheet, keyframes } from 'styled-components';
 import domElements from './utils/domElements.js';
@@ -16,7 +16,7 @@ function FoundationProvider({
   foundation,
   children
 }) {
-  return React__default.createElement(FoundationContext.Provider, {
+  return e__default.createElement(FoundationContext.Provider, {
     value: foundation
   }, children);
 }
@@ -26,7 +26,7 @@ function templateFunctionGenerator(BaseComponentGenerator) {
     const BaseComponent = BaseComponentGenerator(...args);
     const BaseRefComponent = forwardRef((props, ref) => {
       const currentFoundation = useContext(FoundationContext);
-      return React__default.createElement(BaseComponent, Object.assign({
+      return e__default.createElement(BaseComponent, Object.assign({
         ref: ref,
         key: args.toString(),
         foundation: currentFoundation

package/build/src/foundation/FoundationStyledComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FoundationStyledComponent.js","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"sourcesContent":["/**\n * NOTE:\n * 이 모듈은 Text, Icon 등 뿐 아니라 Colors, Elevation 등에서도 import 하고 있습니다.\n * 이로 인해 Colors(Elevation 등) -> ThemedStyledComponent -> Theme -> Colors(Elevation 등)\n * 의 Circular dependency 가 발생합니다.\n * 하지만 ThemedStyledComponent 에서 사용하는 Theme 은 단순한 interface 로\n * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.\n */\n\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport styled, {\n  type AnyStyledComponent,\n  type CSSObject,\n  type FlattenInterpolation,\n  type FlattenSimpleInterpolation,\n  type GlobalStyleComponent,\n  type Interpolation,\n  type InterpolationFunction,\n  ServerStyleSheet,\n  type SimpleInterpolation,\n  type StyledComponentInnerAttrs,\n  type StyledComponentInnerComponent,\n  type StyledComponentInnerOtherProps,\n  type ThemedStyledFunction,\n  type ThemedStyledProps,\n  css as baseCSS,\n  createGlobalStyle as baseCreateGlobalStyle,\n  keyframes,\n} from 'styled-components'\n\nimport { type Foundation } from './Foundation'\nimport domElements from './utils/domElements'\n\nconst FoundationContext = createContext<Foundation | null>(null)\n\ninterface FoundationProviderProps {\n  foundation: Foundation\n  children: React.ReactNode\n}\n\nfunction FoundationProvider({\n  foundation,\n  children,\n}: FoundationProviderProps) {\n  return (\n    <FoundationContext.Provider value={foundation}>\n      { children }\n    </FoundationContext.Provider>\n  )\n}\n\n/**\n * NOTE:\n * styled component 는 theme Context 를 갖고 있습니다. 하지만 이 context 를 사용할때는 반드시 'theme' 이라는 이름으로밖에 접근할 수 없습니다.\n * Theme 이라는 용어는 내부적으로 이미 사용하고 있거니와, styled 의 theme 에 해당하는 개념에 Mondrian 은 Foundation 이라는 이름을 붙여주었습니다.\n * 이 괴리를 해소하기 위해 styled 함수를 wrapping 하고 커스텀 context 를 강제 주입합니다.\n * 아래의 interface, type 들은 타입체크 에러를 해소하기 위해 작성되었습니다. 제거 가능한 방법을 찾을 경우 가급적 제거하는 것이 필요합니다.\n */\n\ntype FoundationStyledComponentFactories = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, Foundation, { foundation?: Foundation }>\n}\n\ninterface FoundationStyledInterface extends FoundationStyledComponentFactories {\n  <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<\n  StyledComponentInnerComponent<C>,\n  Foundation,\n  StyledComponentInnerOtherProps<C> & { foundation?: Foundation },\n  StyledComponentInnerAttrs<C>\n  >\n  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n    // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`\n    // causes tests to fail in TS 3.1\n    component: C\n  ): ThemedStyledFunction<C, Foundation, { foundation?: Foundation }>\n}\n\nfunction templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<any, any, object, string | number | symbol>) {\n  const customTemplateFn = (...args: TemplateStringsArray) => {\n    // @ts-ignore\n    const BaseComponent = BaseComponentGenerator(...args)\n    const BaseRefComponent = forwardRef((props, ref) => {\n      const currentFoundation = useContext(FoundationContext)\n      return (\n        <BaseComponent\n          ref={ref}\n          key={args.toString()}\n          foundation={currentFoundation}\n          {...props}\n        />\n      )\n    })\n    BaseRefComponent.toString = BaseComponent.toString\n    return BaseRefComponent\n  }\n  customTemplateFn.attrs = (attrs) => templateFunctionGenerator(BaseComponentGenerator.attrs(attrs))\n  customTemplateFn.withConfig = (config) => templateFunctionGenerator(BaseComponentGenerator.withConfig(config))\n  return customTemplateFn\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst FoundationStyled: FoundationStyledInterface = (tag) => {\n  const tagTemplate = styled(tag)\n  return templateFunctionGenerator(tagTemplate)\n};\n\n(domElements as Array<AnyStyledComponent>).forEach(element => {\n  FoundationStyled[element] = FoundationStyled(element)\n})\n\ninterface FoundationCSSInterface {\n  (\n    first: TemplateStringsArray | CSSObject,\n    ...interpolations: SimpleInterpolation[]\n  ): FlattenSimpleInterpolation\n  (\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>\n}\n\n/* eslint-disable-next-line func-names */\nconst FoundationCSS: FoundationCSSInterface = baseCSS\n\nfunction useFoundation() {\n  return useContext(FoundationContext)\n}\n\ntype GlobalStyleProp = {\n  global?: CSSObject\n}\n\ntype FoundationWithGlobalStyle = Foundation & GlobalStyleProp\ninterface CreateFoundationGlobalStyle {\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>>\n  ): GlobalStyleComponent<\n  // @ts-ignore\n  P & { foundation: FoundationWithGlobalStyle },\n  ThemedStyledProps<P & { foundation: FoundationWithGlobalStyle }, Foundation>\n  >\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst createFoundationGlobalStyle: CreateFoundationGlobalStyle = baseCreateGlobalStyle\n\nexport type {\n  GlobalStyleProp,\n}\n\nexport {\n  createFoundationGlobalStyle as createGlobalStyle,\n  FoundationStyled as styled,\n  FoundationCSS as css,\n  FoundationProvider,\n  useFoundation,\n  keyframes,\n  ServerStyleSheet,\n}\n"],"names":["FoundationContext","createContext","FoundationProvider","foundation","children","React","createElement","Provider","value","templateFunctionGenerator","BaseComponentGenerator","customTemplateFn","args","BaseComponent","BaseRefComponent","forwardRef","props","ref","currentFoundation","useContext","Object","assign","key","toString","attrs","withConfig","config","FoundationStyled","tag","tagTemplate","styled","domElements","forEach","element","FoundationCSS","baseCSS","useFoundation","createFoundationGlobalStyle","baseCreateGlobalStyle"],"mappings":";;;;;AAAA;;;;;;;AAOG;AA+BH,MAAMA,iBAAiB,GAAGC,aAAa,CAAoB,IAAI,CAAC,CAAA;AAOhE,SAASC,kBAAkB,CAAC;EAC1BC,UAAU;AACVC,EAAAA,QAAAA;AACwB,CAAA,EAAA;AACxB,EAAA,OACEC,cAAA,CAAAC,aAAA,CAACN,iBAAiB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,UAAAA;GAAU,EACzCC,QAAQ,CACiB,CAAA;AAEjC,CAAA;AA4BA,SAASK,yBAAyB,CAACC,sBAAwF,EAAA;AACzH,EAAA,MAAMC,gBAAgB,GAAG,CAAC,GAAGC,IAA0B,KAAI;AACzD;AACA,IAAA,MAAMC,aAAa,GAAGH,sBAAsB,CAAC,GAAGE,IAAI,CAAC,CAAA;IACrD,MAAME,gBAAgB,GAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;AACjD,MAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACnB,iBAAiB,CAAC,CAAA;MACvD,OACEK,6BAACQ,aAAa,EAAAO,MAAA,CAAAC,MAAA,CAAA;AACZJ,QAAAA,GAAG,EAAEA,GAAG;AACRK,QAAAA,GAAG,EAAEV,IAAI,CAACW,QAAQ,EAAE;AACpBpB,QAAAA,UAAU,EAAEe,iBAAAA;OACR,EAAAF,KAAK,CACT,CAAA,CAAA;AAEN,KAAC,CAAC,CAAA;AACFF,IAAAA,gBAAgB,CAACS,QAAQ,GAAGV,aAAa,CAACU,QAAQ,CAAA;AAClD,IAAA,OAAOT,gBAAgB,CAAA;GACxB,CAAA;AACDH,EAAAA,gBAAgB,CAACa,KAAK,GAAIA,KAAK,IAAKf,yBAAyB,CAACC,sBAAsB,CAACc,KAAK,CAACA,KAAK,CAAC,CAAC,CAAA;AAClGb,EAAAA,gBAAgB,CAACc,UAAU,GAAIC,MAAM,IAAKjB,yBAAyB,CAACC,sBAAsB,CAACe,UAAU,CAACC,MAAM,CAAC,CAAC,CAAA;AAC9G,EAAA,OAAOf,gBAAgB,CAAA;AACzB,CAAA;AAEA;AACMgB,MAAAA,gBAAgB,GAA+BC,GAAG,IAAI;AAC1D,EAAA,MAAMC,WAAW,GAAGC,MAAM,CAACF,GAAG,CAAC,CAAA;EAC/B,OAAOnB,yBAAyB,CAACoB,WAAW,CAAC,CAAA;AAC/C,EAAC;AAEAE,WAAyC,CAACC,OAAO,CAACC,OAAO,IAAG;AAC3DN,EAAAA,gBAAgB,CAACM,OAAO,CAAC,GAAGN,gBAAgB,CAACM,OAAO,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA;AAuBF;AACMC,MAAAA,aAAa,GAA2BC,IAAO;AAErD,SAASC,aAAa,GAAA;EACpB,OAAOjB,UAAU,CAACnB,iBAAiB,CAAC,CAAA;AACtC,CAAA;AAqBA;AACMqC,MAAAA,2BAA2B,GAAgCC;;;;"}
+{"version":3,"file":"FoundationStyledComponent.js","sources":["../../../src/foundation/FoundationStyledComponent.tsx"],"sourcesContent":["/**\n * NOTE:\n * 이 모듈은 Text, Icon 등 뿐 아니라 Colors, Elevation 등에서도 import 하고 있습니다.\n * 이로 인해 Colors(Elevation 등) -> ThemedStyledComponent -> Theme -> Colors(Elevation 등)\n * 의 Circular dependency 가 발생합니다.\n * 하지만 ThemedStyledComponent 에서 사용하는 Theme 은 단순한 interface 로\n * 동작에는 문제가 없으며, type checking 도 올바르게 됩니다.\n */\n\nimport React, {\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport styled, {\n  type AnyStyledComponent,\n  type CSSObject,\n  type FlattenInterpolation,\n  type FlattenSimpleInterpolation,\n  type GlobalStyleComponent,\n  type Interpolation,\n  type InterpolationFunction,\n  ServerStyleSheet,\n  type SimpleInterpolation,\n  type StyledComponentInnerAttrs,\n  type StyledComponentInnerComponent,\n  type StyledComponentInnerOtherProps,\n  type ThemedStyledFunction,\n  type ThemedStyledProps,\n  css as baseCSS,\n  createGlobalStyle as baseCreateGlobalStyle,\n  keyframes,\n} from 'styled-components'\n\nimport { type Foundation } from './Foundation'\nimport domElements from './utils/domElements'\n\nconst FoundationContext = createContext<Foundation | null>(null)\n\ninterface FoundationProviderProps {\n  foundation: Foundation\n  children: React.ReactNode\n}\n\nfunction FoundationProvider({\n  foundation,\n  children,\n}: FoundationProviderProps) {\n  return (\n    <FoundationContext.Provider value={foundation}>\n      { children }\n    </FoundationContext.Provider>\n  )\n}\n\n/**\n * NOTE:\n * styled component 는 theme Context 를 갖고 있습니다. 하지만 이 context 를 사용할때는 반드시 'theme' 이라는 이름으로밖에 접근할 수 없습니다.\n * Theme 이라는 용어는 내부적으로 이미 사용하고 있거니와, styled 의 theme 에 해당하는 개념에 Mondrian 은 Foundation 이라는 이름을 붙여주었습니다.\n * 이 괴리를 해소하기 위해 styled 함수를 wrapping 하고 커스텀 context 를 강제 주입합니다.\n * 아래의 interface, type 들은 타입체크 에러를 해소하기 위해 작성되었습니다. 제거 가능한 방법을 찾을 경우 가급적 제거하는 것이 필요합니다.\n */\n\ntype FoundationStyledComponentFactories = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, Foundation, { foundation?: Foundation }>\n}\n\ninterface FoundationStyledInterface extends FoundationStyledComponentFactories {\n  <C extends AnyStyledComponent>(component: C): ThemedStyledFunction<\n  StyledComponentInnerComponent<C>,\n  Foundation,\n  StyledComponentInnerOtherProps<C> & { foundation?: Foundation },\n  StyledComponentInnerAttrs<C>\n  >\n  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n    // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`\n    // causes tests to fail in TS 3.1\n    component: C\n  ): ThemedStyledFunction<C, Foundation, { foundation?: Foundation }>\n}\n\nfunction templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<any, any, object, string | number | symbol>) {\n  const customTemplateFn = (...args: TemplateStringsArray) => {\n    // @ts-ignore\n    const BaseComponent = BaseComponentGenerator(...args)\n    const BaseRefComponent = forwardRef((props, ref) => {\n      const currentFoundation = useContext(FoundationContext)\n      return (\n        <BaseComponent\n          ref={ref}\n          key={args.toString()}\n          foundation={currentFoundation}\n          {...props}\n        />\n      )\n    })\n    BaseRefComponent.toString = BaseComponent.toString\n    return BaseRefComponent\n  }\n  customTemplateFn.attrs = (attrs) => templateFunctionGenerator(BaseComponentGenerator.attrs(attrs))\n  customTemplateFn.withConfig = (config) => templateFunctionGenerator(BaseComponentGenerator.withConfig(config))\n  return customTemplateFn\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst FoundationStyled: FoundationStyledInterface = (tag) => {\n  const tagTemplate = styled(tag)\n  return templateFunctionGenerator(tagTemplate)\n};\n\n(domElements as Array<AnyStyledComponent>).forEach(element => {\n  FoundationStyled[element] = FoundationStyled(element)\n})\n\ninterface FoundationCSSInterface {\n  (\n    first: TemplateStringsArray | CSSObject,\n    ...interpolations: SimpleInterpolation[]\n  ): FlattenSimpleInterpolation\n  (\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<{ foundation?: Foundation }, Foundation>>\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>>\n  ): FlattenInterpolation<ThemedStyledProps<P & { foundation?: Foundation }, Foundation>>\n}\n\n/* eslint-disable-next-line func-names */\nconst FoundationCSS: FoundationCSSInterface = baseCSS\n\nfunction useFoundation() {\n  return useContext(FoundationContext)\n}\n\ntype GlobalStyleProp = {\n  global?: CSSObject\n}\n\ntype FoundationWithGlobalStyle = Foundation & GlobalStyleProp\ninterface CreateFoundationGlobalStyle {\n  <P extends object>(\n    first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>,\n    ...interpolations: Array<Interpolation<ThemedStyledProps<P & { foundation?: FoundationWithGlobalStyle }, Foundation>>>\n  ): GlobalStyleComponent<\n  // @ts-ignore\n  P & { foundation: FoundationWithGlobalStyle },\n  ThemedStyledProps<P & { foundation: FoundationWithGlobalStyle }, Foundation>\n  >\n}\n\n/* eslint-disable-next-line func-names */ /* @ts-ignore */\nconst createFoundationGlobalStyle: CreateFoundationGlobalStyle = baseCreateGlobalStyle\n\nexport type {\n  GlobalStyleProp,\n}\n\nexport {\n  createFoundationGlobalStyle as createGlobalStyle,\n  FoundationStyled as styled,\n  FoundationCSS as css,\n  FoundationProvider,\n  useFoundation,\n  keyframes,\n  ServerStyleSheet,\n}\n"],"names":["FoundationContext","createContext","FoundationProvider","foundation","children","React","createElement","Provider","value","templateFunctionGenerator","BaseComponentGenerator","customTemplateFn","args","BaseComponent","BaseRefComponent","forwardRef","props","ref","currentFoundation","useContext","Object","assign","key","toString","attrs","withConfig","config","FoundationStyled","tag","tagTemplate","styled","domElements","forEach","element","FoundationCSS","baseCSS","useFoundation","createFoundationGlobalStyle","baseCreateGlobalStyle"],"mappings":";;;;;AAAA;;;;;;;AAOG;AA+BH,MAAMA,iBAAiB,GAAGC,aAAa,CAAoB,IAAI,CAAC,CAAA;AAOhE,SAASC,kBAAkB,CAAC;EAC1BC,UAAU;AACVC,EAAAA,QAAAA;AACwB,CAAA,EAAA;AACxB,EAAA,OACEC,UAAA,CAAAC,aAAA,CAACN,iBAAiB,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,UAAAA;GAAU,EACzCC,QAAQ,CACiB,CAAA;AAEjC,CAAA;AA4BA,SAASK,yBAAyB,CAACC,sBAAwF,EAAA;AACzH,EAAA,MAAMC,gBAAgB,GAAG,CAAC,GAAGC,IAA0B,KAAI;AACzD;AACA,IAAA,MAAMC,aAAa,GAAGH,sBAAsB,CAAC,GAAGE,IAAI,CAAC,CAAA;IACrD,MAAME,gBAAgB,GAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;AACjD,MAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACnB,iBAAiB,CAAC,CAAA;MACvD,OACEK,yBAACQ,aAAa,EAAAO,MAAA,CAAAC,MAAA,CAAA;AACZJ,QAAAA,GAAG,EAAEA,GAAG;AACRK,QAAAA,GAAG,EAAEV,IAAI,CAACW,QAAQ,EAAE;AACpBpB,QAAAA,UAAU,EAAEe,iBAAAA;OACR,EAAAF,KAAK,CACT,CAAA,CAAA;AAEN,KAAC,CAAC,CAAA;AACFF,IAAAA,gBAAgB,CAACS,QAAQ,GAAGV,aAAa,CAACU,QAAQ,CAAA;AAClD,IAAA,OAAOT,gBAAgB,CAAA;GACxB,CAAA;AACDH,EAAAA,gBAAgB,CAACa,KAAK,GAAIA,KAAK,IAAKf,yBAAyB,CAACC,sBAAsB,CAACc,KAAK,CAACA,KAAK,CAAC,CAAC,CAAA;AAClGb,EAAAA,gBAAgB,CAACc,UAAU,GAAIC,MAAM,IAAKjB,yBAAyB,CAACC,sBAAsB,CAACe,UAAU,CAACC,MAAM,CAAC,CAAC,CAAA;AAC9G,EAAA,OAAOf,gBAAgB,CAAA;AACzB,CAAA;AAEA;AACMgB,MAAAA,gBAAgB,GAA+BC,GAAG,IAAI;AAC1D,EAAA,MAAMC,WAAW,GAAGC,MAAM,CAACF,GAAG,CAAC,CAAA;EAC/B,OAAOnB,yBAAyB,CAACoB,WAAW,CAAC,CAAA;AAC/C,EAAC;AAEAE,WAAyC,CAACC,OAAO,CAACC,OAAO,IAAG;AAC3DN,EAAAA,gBAAgB,CAACM,OAAO,CAAC,GAAGN,gBAAgB,CAACM,OAAO,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA;AAuBF;AACMC,MAAAA,aAAa,GAA2BC,IAAO;AAErD,SAASC,aAAa,GAAA;EACpB,OAAOjB,UAAU,CAACnB,iBAAiB,CAAC,CAAA;AACtC,CAAA;AAqBA;AACMqC,MAAAA,2BAA2B,GAAgCC;;;;"}

package/build/src/hooks/useId.js

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect, useMemo } from 'react';
+import e__default, { useState, useEffect, useMemo } from 'react';
 import { compact } from '../utils/arrayUtils.js';
 import { getReactVersion } from '../utils/reactUtils.js';
 
@@ -23,7 +23,7 @@ function useIdLegacy(idProp, prefix) {
   return useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id]);
 }
 function useId(idProp, prefix) {
-  const id = React__default.useId();
+  const id = e__default.useId();
   return useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id]);
 }
 const isReactUnderV18 = getReactVersion().major < 18;

package/build/src/hooks/useId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useId.js","sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { compact } from '~/src/utils/arrayUtils'\nimport { getReactVersion } from '~/src/utils/reactUtils'\n\n/* @see https://github.com/chakra-ui/chakra-ui/blob/fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d/packages/hooks/src/use-id.ts */\nconst idRef = Object.seal({ current: 1 })\n\nconst generateId = () => {\n  const id = idRef.current\n  idRef.current += 1\n  return id\n}\n\nconst joinId = (...args: unknown[]) => compact(args).join('-')\n\nexport function useIdLegacy(idProp?: string, prefix?: string) {\n  const [id, setId] = useState(idRef.current)\n\n  useEffect(() => {\n    if (idProp) { return }\n    setId(generateId())\n  }, [idProp])\n\n  return useMemo(() => (\n    idProp || joinId(prefix, id)\n  ), [\n    idProp,\n    prefix,\n    id,\n  ])\n}\n\nfunction useId(idProp?: string, prefix?: string) {\n  const id = React.useId()\n\n  return useMemo(() => (\n    idProp || joinId(prefix, id)\n  ), [\n    idProp,\n    prefix,\n    id,\n  ])\n}\n\nconst isReactUnderV18 = getReactVersion().major < 18\n\nexport default isReactUnderV18 ? useIdLegacy : useId\n"],"names":["idRef","Object","seal","current","generateId","id","joinId","args","compact","join","useIdLegacy","idProp","prefix","setId","useState","useEffect","useMemo","useId","React","isReactUnderV18","getReactVersion","major"],"mappings":";;;;AASA;AACA,MAAMA,KAAK,GAAGC,MAAM,CAACC,IAAI,CAAC;AAAEC,EAAAA,OAAO,EAAE,CAAA;AAAG,CAAA,CAAC,CAAA;AAEzC,MAAMC,UAAU,GAAG,MAAK;AACtB,EAAA,MAAMC,EAAE,GAAGL,KAAK,CAACG,OAAO,CAAA;EACxBH,KAAK,CAACG,OAAO,IAAI,CAAC,CAAA;AAClB,EAAA,OAAOE,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAMC,MAAM,GAAG,CAAC,GAAGC,IAAe,KAAKC,OAAO,CAACD,IAAI,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAE9C,SAAAC,WAAW,CAACC,MAAe,EAAEC,MAAe,EAAA;EAC1D,MAAM,CAACP,EAAE,EAAEQ,KAAK,CAAC,GAAGC,QAAQ,CAACd,KAAK,CAACG,OAAO,CAAC,CAAA;AAE3CY,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,MAAM,EAAE;AAAE,MAAA,OAAA;AAAQ,KAAA;IACtBE,KAAK,CAACT,UAAU,EAAE,CAAC,CAAA;AACrB,GAAC,EAAE,CAACO,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,OAAOK,OAAO,CAAC,MACbL,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAC5B,EAAE,CACDM,MAAM,EACNC,MAAM,EACNP,EAAE,CACH,CAAC,CAAA;AACJ,CAAA;AAEA,SAASY,KAAK,CAACN,MAAe,EAAEC,MAAe,EAAA;AAC7C,EAAA,MAAMP,EAAE,GAAGa,cAAK,CAACD,KAAK,EAAE,CAAA;AAExB,EAAA,OAAOD,OAAO,CAAC,MACbL,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAC5B,EAAE,CACDM,MAAM,EACNC,MAAM,EACNP,EAAE,CACH,CAAC,CAAA;AACJ,CAAA;AAEA,MAAMc,eAAe,GAAGC,eAAe,EAAE,CAACC,KAAK,GAAG,EAAE,CAAA;AAEpD,cAAeF,eAAe,GAAGT,WAAW,GAAGO,KAAK;;;;"}
+{"version":3,"file":"useId.js","sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { compact } from '~/src/utils/arrayUtils'\nimport { getReactVersion } from '~/src/utils/reactUtils'\n\n/* @see https://github.com/chakra-ui/chakra-ui/blob/fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d/packages/hooks/src/use-id.ts */\nconst idRef = Object.seal({ current: 1 })\n\nconst generateId = () => {\n  const id = idRef.current\n  idRef.current += 1\n  return id\n}\n\nconst joinId = (...args: unknown[]) => compact(args).join('-')\n\nexport function useIdLegacy(idProp?: string, prefix?: string) {\n  const [id, setId] = useState(idRef.current)\n\n  useEffect(() => {\n    if (idProp) { return }\n    setId(generateId())\n  }, [idProp])\n\n  return useMemo(() => (\n    idProp || joinId(prefix, id)\n  ), [\n    idProp,\n    prefix,\n    id,\n  ])\n}\n\nfunction useId(idProp?: string, prefix?: string) {\n  const id = React.useId()\n\n  return useMemo(() => (\n    idProp || joinId(prefix, id)\n  ), [\n    idProp,\n    prefix,\n    id,\n  ])\n}\n\nconst isReactUnderV18 = getReactVersion().major < 18\n\nexport default isReactUnderV18 ? useIdLegacy : useId\n"],"names":["idRef","Object","seal","current","generateId","id","joinId","args","compact","join","useIdLegacy","idProp","prefix","setId","useState","useEffect","useMemo","useId","React","isReactUnderV18","getReactVersion","major"],"mappings":";;;;AASA;AACA,MAAMA,KAAK,GAAGC,MAAM,CAACC,IAAI,CAAC;AAAEC,EAAAA,OAAO,EAAE,CAAA;AAAG,CAAA,CAAC,CAAA;AAEzC,MAAMC,UAAU,GAAG,MAAK;AACtB,EAAA,MAAMC,EAAE,GAAGL,KAAK,CAACG,OAAO,CAAA;EACxBH,KAAK,CAACG,OAAO,IAAI,CAAC,CAAA;AAClB,EAAA,OAAOE,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAMC,MAAM,GAAG,CAAC,GAAGC,IAAe,KAAKC,OAAO,CAACD,IAAI,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAE9C,SAAAC,WAAW,CAACC,MAAe,EAAEC,MAAe,EAAA;EAC1D,MAAM,CAACP,EAAE,EAAEQ,KAAK,CAAC,GAAGC,QAAQ,CAACd,KAAK,CAACG,OAAO,CAAC,CAAA;AAE3CY,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,MAAM,EAAE;AAAE,MAAA,OAAA;AAAQ,KAAA;IACtBE,KAAK,CAACT,UAAU,EAAE,CAAC,CAAA;AACrB,GAAC,EAAE,CAACO,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,OAAOK,OAAO,CAAC,MACbL,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAC5B,EAAE,CACDM,MAAM,EACNC,MAAM,EACNP,EAAE,CACH,CAAC,CAAA;AACJ,CAAA;AAEA,SAASY,KAAK,CAACN,MAAe,EAAEC,MAAe,EAAA;AAC7C,EAAA,MAAMP,EAAE,GAAGa,UAAK,CAACD,KAAK,EAAE,CAAA;AAExB,EAAA,OAAOD,OAAO,CAAC,MACbL,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAC5B,EAAE,CACDM,MAAM,EACNC,MAAM,EACNP,EAAE,CACH,CAAC,CAAA;AACJ,CAAA;AAEA,MAAMc,eAAe,GAAGC,eAAe,EAAE,CAACC,KAAK,GAAG,EAAE,CAAA;AAEpD,cAAeF,eAAe,GAAGT,WAAW,GAAGO,KAAK;;;;"}

package/build/src/index.d.ts

@@ -47,6 +47,7 @@ export * from "./components/VisuallyHidden";
 export * from "./components/AlphaCenter";
 export * from "./components/AlphaStack";
 export * from "./components/AlphaSmoothCornersBox";
+export * from "./components/LegacyIcon";
 export * from "./components/LegacyRadio";
 export * from "./components/LegacySegmentedControl";
 export { default as useToast } from "./components/Toast/useToast";

package/build/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mCAAsC;AAG1E,6BAAgC;AAGhC,uCAA0C;AAC1C,4CAA+C;AAC/C,iDAAoD;AACpD,qDAAwD;AACxD,oCAAuC;AACvC,oCAAuC;AACvC,yCAA4C;AAC5C,qCAAwC;AACxC,mCAAsC;AACtC,mCAAsC;AACtC,4CAA+C;AAC/C,+CAAkD;AAClD,6CAAgD;AAChD,kDAAqD;AACrD,6CAAgD;AAChD,iDAAoD;AACpD,iDAAoD;AACpD,mDAAsD;AACtD,oDAAuD;AACvD,8CAAiD;AACjD,oDAAuD;AACvD,0CAA6C;AAC7C,0CAA6C;AAC7C,kCAAqC;AACrC,kCAAqC;AACrC,8CAAiD;AACjD,sCAAyC;AACzC,2CAA8C;AAC9C,oCAAuC;AACvC,gDAAmD;AACnD,+CAAkD;AAClD,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,kCAAqC;AACrC,sCAAyC;AACzC,kCAAqC;AACrC,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAE/C,yCAA4C;AAC5C,wCAA2C;AAC3C,mDAAsD;AAEtD,yCAA4C;AAC5C,oDAAuD;AAGvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,oCAAuC;AAGrE,uCAA0C;AAC1C,mCAAsC;AACtC,8BAAiC;AAGjC,OAAO,EAAE,MAAM,EAAE,2BAA8B;AAG/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,gCAAmC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,6BAAgC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,sBAAyB;AAGpD,OAAO,EAAE,cAAc,EAAE,yBAA4B;AACrD,OAAO,KAAK,UAAU,2BAA8B;AACpD,OAAO,KAAK,WAAW,4BAA+B;AAGtD,2BAA8B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mCAAsC;AAG1E,6BAAgC;AAGhC,uCAA0C;AAC1C,4CAA+C;AAC/C,iDAAoD;AACpD,qDAAwD;AACxD,oCAAuC;AACvC,oCAAuC;AACvC,yCAA4C;AAC5C,qCAAwC;AACxC,mCAAsC;AACtC,mCAAsC;AACtC,4CAA+C;AAC/C,+CAAkD;AAClD,6CAAgD;AAChD,kDAAqD;AACrD,6CAAgD;AAChD,iDAAoD;AACpD,iDAAoD;AACpD,mDAAsD;AACtD,oDAAuD;AACvD,8CAAiD;AACjD,oDAAuD;AACvD,0CAA6C;AAC7C,0CAA6C;AAC7C,kCAAqC;AACrC,kCAAqC;AACrC,8CAAiD;AACjD,sCAAyC;AACzC,2CAA8C;AAC9C,oCAAuC;AACvC,gDAAmD;AACnD,+CAAkD;AAClD,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,kCAAqC;AACrC,sCAAyC;AACzC,kCAAqC;AACrC,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAE/C,yCAA4C;AAC5C,wCAA2C;AAC3C,mDAAsD;AAEtD,wCAA2C;AAC3C,yCAA4C;AAC5C,oDAAuD;AAGvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,oCAAuC;AAGrE,uCAA0C;AAC1C,mCAAsC;AACtC,8BAAiC;AAGjC,OAAO,EAAE,MAAM,EAAE,2BAA8B;AAG/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,gCAAmC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,6BAAgC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,sBAAyB;AAGpD,OAAO,EAAE,cAAc,EAAE,yBAA4B;AACrD,OAAO,KAAK,UAAU,2BAA8B;AACpD,OAAO,KAAK,WAAW,4BAA+B;AAGtD,2BAA8B"}