npm - @channel.io/bezier-react - Versions diffs - 1.7.0 → 1.7.2 - Mend

@channel.io/bezier-react 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (278) hide show

package/dist/esm/components/Tooltip/Tooltip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { document } from '~/src/utils/domUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n TooltipPosition,\n type TooltipProps,\n type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\n// TODO: (@ed) Evolve it into a commonly reusable function\n// FIXME: duplicate\nfunction createContext<ContextValue>(\n providerName: string,\n defaultValue: ContextValue,\n) {\n const Context = React.createContext<ContextValue>(defaultValue)\n\n function useContext(consumerName: string) {\n const contextValue = React.useContext(Context)\n\n if (!contextValue) {\n throw new Error(`'${consumerName}' must be used within '${providerName}'`)\n }\n\n return contextValue\n }\n\n return [\n Context.Provider,\n useContext,\n ] as const\n}\n\nfunction getSideAndAlign(\n placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' \| 'align'> {\n switch (placement) {\n case TooltipPosition.TopCenter:\n return {\n side: 'top',\n align: 'center',\n }\n case TooltipPosition.TopLeft:\n return {\n side: 'top',\n align: 'start',\n }\n case TooltipPosition.TopRight:\n return {\n side: 'top',\n align: 'end',\n }\n case TooltipPosition.RightCenter:\n return {\n side: 'right',\n align: 'center',\n }\n case TooltipPosition.RightTop:\n return {\n side: 'right',\n align: 'start',\n }\n case TooltipPosition.RightBottom:\n return {\n side: 'right',\n align: 'end',\n }\n case TooltipPosition.BottomCenter:\n return {\n side: 'bottom',\n align: 'center',\n }\n case TooltipPosition.BottomLeft:\n return {\n side: 'bottom',\n align: 'start',\n }\n case TooltipPosition.BottomRight:\n return {\n side: 'bottom',\n align: 'end',\n }\n case TooltipPosition.LeftCenter:\n return {\n side: 'left',\n align: 'center',\n }\n case TooltipPosition.LeftTop:\n return {\n side: 'left',\n align: 'start',\n }\n case TooltipPosition.LeftBottom:\n return {\n side: 'left',\n align: 'end',\n }\n default:\n // NOTE: should not reach here\n return {\n side: undefined,\n align: undefined,\n }\n }\n}\n\nconst [\n /*\n NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n /\n TooltipGlobalContextProvider,\n useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> \| null>('TooltipProvider', null)\n\n/\n `TooltipProvider` is used to globally provide props to child tooltips.\n \n @example\n \n ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n * <Tooltip />\n * </TooltipProvider>\n * ```\n /\nexport function TooltipProvider({\n children,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n skipDelayShow = 0,\n}: TooltipProviderProps) {\n const contextValue = useMemo(() => ({\n delayHide,\n }), [delayHide])\n\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayShow}\n skipDelayDuration={skipDelayShow}\n disableHoverableContent={!allowHover}\n >\n <TooltipGlobalContextProvider value={contextValue}>\n { children }\n </TooltipGlobalContextProvider>\n </TooltipPrimitive.Provider>\n )\n}\n\n/\n `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n \n @example\n \n ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n * <Tooltip />\n * </TooltipProvider>\n \n // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n * <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n as,\n children,\n defaultShow,\n onShow: onShowProp,\n onHide: onHideProp,\n disabled,\n content,\n description,\n icon,\n placement = TooltipPosition.BottomCenter,\n offset = 4,\n container = document.body,\n keepInContainer = true,\n allowHover,\n delayShow,\n delayHide: delayHideProp,\n ...rest\n}, forwardedRef) {\n const [show, setShow] = useState<boolean>(defaultShow ?? false)\n const timeoutRef = useRef<NodeJS.Timeout>()\n const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n\n const delayHide = delayHideProp ?? globalDelayHide\n\n useEffect(function cleanUpTimeout() {\n return function cleanUp() {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n }, [])\n\n const onShow = useCallback(() => {\n setShow(true)\n onShowProp?.()\n }, [onShowProp])\n\n const onHide = useCallback(() => {\n setShow(false)\n onHideProp?.()\n }, [onHideProp])\n\n const onOpenChange = useCallback((open: boolean) => {\n if (disabled) { return }\n\n if (open) {\n onShow()\n return\n }\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }\n\n if (delayHide > 0) {\n timeoutRef.current = setTimeout(() => {\n onHide()\n }, delayHide)\n return\n }\n\n onHide()\n }, [\n disabled,\n delayHide,\n onShow,\n onHide,\n ])\n\n return (\n <TooltipPrimitive.Root\n open={show}\n defaultOpen={defaultShow}\n delayDuration={delayShow}\n disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n onOpenChange={onOpenChange}\n >\n <TooltipPrimitive.Trigger asChild>\n { children }\n </TooltipPrimitive.Trigger>\n\n <TooltipPrimitive.Portal container={container}>\n <TooltipPrimitive.Content\n {...rest}\n {...getSideAndAlign(placement)}\n asChild\n ref={forwardedRef}\n sideOffset={offset}\n avoidCollisions={keepInContainer}\n collisionPadding={8}\n hideWhenDetached\n >\n <Styled.TooltipContent forwardedAs={as}>\n <Styled.TextContainer>\n <Styled.Content>\n { content }\n </Styled.Content>\n\n { description && (\n <Styled.Description>\n { description }\n </Styled.Description>\n ) }\n </Styled.TextContainer>\n\n { icon && (\n <Styled.Icon source={icon} />\n ) }\n </Styled.TooltipContent>\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n )\n})\n"],"names":["createContext","providerName","defaultValue","Context","React","useContext","consumerName","contextValue","Error","Provider","getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","useMemo","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","document","body","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}
1	+ {"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { document } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n TooltipPosition,\n type TooltipProps,\n type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' \| 'align'> {\n switch (placement) {\n case TooltipPosition.TopCenter:\n return {\n side: 'top',\n align: 'center',\n }\n case TooltipPosition.TopLeft:\n return {\n side: 'top',\n align: 'start',\n }\n case TooltipPosition.TopRight:\n return {\n side: 'top',\n align: 'end',\n }\n case TooltipPosition.RightCenter:\n return {\n side: 'right',\n align: 'center',\n }\n case TooltipPosition.RightTop:\n return {\n side: 'right',\n align: 'start',\n }\n case TooltipPosition.RightBottom:\n return {\n side: 'right',\n align: 'end',\n }\n case TooltipPosition.BottomCenter:\n return {\n side: 'bottom',\n align: 'center',\n }\n case TooltipPosition.BottomLeft:\n return {\n side: 'bottom',\n align: 'start',\n }\n case TooltipPosition.BottomRight:\n return {\n side: 'bottom',\n align: 'end',\n }\n case TooltipPosition.LeftCenter:\n return {\n side: 'left',\n align: 'center',\n }\n case TooltipPosition.LeftTop:\n return {\n side: 'left',\n align: 'start',\n }\n case TooltipPosition.LeftBottom:\n return {\n side: 'left',\n align: 'end',\n }\n default:\n // NOTE: should not reach here\n return {\n side: undefined,\n align: undefined,\n }\n }\n}\n\nconst [\n /*\n NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n /\n TooltipGlobalContextProvider,\n useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> \| null>(null, 'TooltipProvider')\n\n/\n `TooltipProvider` is used to globally provide props to child tooltips.\n \n @example\n \n ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n * <Tooltip />\n * </TooltipProvider>\n * ```\n /\nexport function TooltipProvider({\n children,\n allowHover = false,\n delayShow = 300,\n delayHide = 0,\n skipDelayShow = 500,\n}: TooltipProviderProps) {\n const contextValue = useMemo(() => ({\n delayHide,\n }), [delayHide])\n\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayShow}\n skipDelayDuration={skipDelayShow}\n disableHoverableContent={!allowHover}\n >\n <TooltipGlobalContextProvider value={contextValue}>\n { children }\n </TooltipGlobalContextProvider>\n </TooltipPrimitive.Provider>\n )\n}\n\n/\n `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n \n @example\n \n ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n * <Tooltip />\n * </TooltipProvider>\n \n // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n * <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n as,\n children,\n defaultShow,\n onShow: onShowProp,\n onHide: onHideProp,\n disabled,\n content,\n description,\n icon,\n placement = TooltipPosition.BottomCenter,\n offset = 4,\n container = document.body,\n keepInContainer = true,\n allowHover,\n delayShow,\n delayHide: delayHideProp,\n ...rest\n}, forwardedRef) {\n const [show, setShow] = useState<boolean>(defaultShow ?? false)\n const timeoutRef = useRef<NodeJS.Timeout>()\n const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n\n const delayHide = delayHideProp ?? globalDelayHide\n\n useEffect(function cleanUpTimeout() {\n return function cleanUp() {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n }, [])\n\n const onShow = useCallback(() => {\n setShow(true)\n onShowProp?.()\n }, [onShowProp])\n\n const onHide = useCallback(() => {\n setShow(false)\n onHideProp?.()\n }, [onHideProp])\n\n const onOpenChange = useCallback((open: boolean) => {\n if (disabled) { return }\n\n if (open) {\n onShow()\n return\n }\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }\n\n if (delayHide > 0) {\n timeoutRef.current = setTimeout(() => {\n onHide()\n }, delayHide)\n return\n }\n\n onHide()\n }, [\n disabled,\n delayHide,\n onShow,\n onHide,\n ])\n\n return (\n <TooltipPrimitive.Root\n open={show}\n defaultOpen={defaultShow}\n delayDuration={delayShow}\n disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n onOpenChange={onOpenChange}\n >\n <TooltipPrimitive.Trigger asChild>\n { children }\n </TooltipPrimitive.Trigger>\n\n <TooltipPrimitive.Portal container={container}>\n <TooltipPrimitive.Content\n {...rest}\n {...getSideAndAlign(placement)}\n asChild\n ref={forwardedRef}\n sideOffset={offset}\n avoidCollisions={keepInContainer}\n collisionPadding={8}\n hideWhenDetached\n >\n <Styled.TooltipContent forwardedAs={as}>\n <Styled.TextContainer>\n <Styled.Content>\n { content }\n </Styled.Content>\n\n { description && (\n <Styled.Description>\n { description }\n </Styled.Description>\n ) }\n </Styled.TextContainer>\n\n { icon && (\n <Styled.Icon source={icon} />\n ) }\n </Styled.TooltipContent>\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","document","body","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}

package/dist/esm/components/Tooltip/Tooltip.styled.mjs CHANGED Viewed

@@ -1,76 +1,23 @@
 import { ZIndex } from '../../constants/ZIndex.mjs';
 import Text from '../Text/Text.mjs';
-import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
 import { AlphaStack } from '../AlphaStack/AlphaStack.mjs';
 import { Typography, LineHeightAbsoluteNumber } from '../../foundation/Typography.mjs';
 import { Icon as Icon$1 } from '../Icon/Icon.mjs';
 import { IconSize } from '../Icon/Icon.types.mjs';
-import { TransitionDuration } from '../../foundation/Transition/index.mjs';
-import { keyframes } from 'styled-components';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
 import { ellipsis } from '../../foundation/Mixins.mjs';
-const fadeIn = keyframes`
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-`;
-const SLIDE_OFFSET = 2;
-const slideUp = keyframes`
-  from {
-    transform: translateY(${SLIDE_OFFSET}px);
-  }
-  to {
-    transform: translateY(0);
-  }
-`;
-const slideRight = keyframes`
-  from {
-    transform: translateX(-${SLIDE_OFFSET}px);
-  }
-  to {
-    transform: translateX(0);
-  }
-`;
-const slideDown = keyframes`
-  from {
-    transform: translateY(-${SLIDE_OFFSET}px);
-  }
-  to {
-    transform: translateY(0);
-  }
-`;
-const slideLeft = keyframes`
-  from {
-    transform: translateX(${SLIDE_OFFSET}px);
-  }
-  to {
-    transform: translateX(0);
-  }
-`;
-const getSlideAnimation = frames => FoundationCSS`
-  animation-name: ${() => frames}, ${() => fadeIn};
-  animation-duration: ${TransitionDuration.M}ms;
-  animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
-`;
 const TooltipContent = /*#__PURE__*/FoundationStyled(AlphaStack).attrs({
   direction: 'horizontal',
   spacing: 4
 }).withConfig({
   displayName: "Tooltipstyled__TooltipContent",
   componentId: "sc-51cb65-0"
-})(["z-index:", ";box-sizing:border-box;width:max-content;max-width:260px;height:max-content;padding:5px 8px;word-break:normal;word-wrap:break-word;", ";", ";&[data-side=\"top\"]{", "}&[data-side=\"right\"]{", "}&[data-side=\"bottom\"]{", "}&[data-side=\"left\"]{", "}", ""], ZIndex.Tooltip, ({
+})(["z-index:", ";box-sizing:border-box;width:max-content;max-width:260px;height:max-content;padding:5px 8px;word-break:normal;word-wrap:break-word;", ";", ";", ""], ZIndex.Tooltip, ({
   foundation
 }) => foundation?.elevation?.ev3(true), ({
   foundation
-}) => foundation?.rounding?.round8, getSlideAnimation(slideUp), getSlideAnimation(slideRight), getSlideAnimation(slideDown), getSlideAnimation(slideLeft), ({
+}) => foundation?.rounding?.round8, ({
   interpolation
 }) => interpolation);
 const TextContainer = /*#__PURE__*/FoundationStyled.div.withConfig({

package/dist/esm/components/Tooltip/Tooltip.styled.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.styled.mjs","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"sourcesContent":["import {\n LineHeightAbsoluteNumber,\n ~~TransitionDuration,\n~~ Typography,\n ~~css,\n~~ ellipsis,\n ~~keyframes,\n~~ styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport {\n Icon as BaseIcon,\n IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type TooltipProps } from './Tooltip.types'\n\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n`\n\nconst SLIDE_OFFSET = 2\n\nconst slideUp = keyframes`\n from {\n transform: translateY(${SLIDE_OFFSET}px);\n }\n\n to {\n transform: translateY(0);\n }\n`\n\nconst slideRight = keyframes`\n from {\n transform: translateX(-${SLIDE_OFFSET}px);\n }\n\n to {\n transform: translateX(0);\n }\n`\n\nconst slideDown = keyframes`\n from {\n transform: translateY(-${SLIDE_OFFSET}px);\n }\n\n to {\n transform: translateY(0);\n }\n`\n\nconst slideLeft = keyframes`\n from {\n transform: translateX(${SLIDE_OFFSET}px);\n }\n\n to {\n transform: translateX(0);\n }\n`\n\nconst getSlideAnimation = (frames: ReturnType<typeof keyframes>) => css`\n animation-name: ${() => frames}, ${() => fadeIn};\n animation-duration: ${TransitionDuration.M}ms;\n animation-timing-function: cubic-bezier(0.3, 0, 0, 1);\n`\n\nexport const TooltipContent = styled(AlphaStack).attrs({\n direction: 'horizontal',\n spacing: 4,\n})<TooltipProps>`\n z-index: ${ZIndex.Tooltip};\n\n box-sizing: border-box;\n width: max-content;\n max-width: 260px;\n height: max-content;\n padding: 5px 8px;\n word-break: normal;\n word-wrap: break-word;\n\n ${({ foundation }) => foundation?.elevation?.ev3(true)};\n ${({ foundation }) => foundation?.rounding?.round8};\n\n ~~&[data-side=\"top\"] {\n~~ ${~~getSlideAnimation~~(~~slideUp)}\n }\n\n &[data-side=\"right\"]~~ {~~\n ${getSlideAnimation(slideRight)}\n }\n\n &[data-side=\"bottom\"]~~ ~~{\n ${getSlideAnimation(slideDown)}\n }\n\n &[data-side=\"left\"] {\n ${getSlideAnimation(slideLeft)}\n }\n\n ${({~~ interpolation }) => interpolation}\n`\n\nexport const TextContainer = styled.div`\n overflow: hidden;\n`\n\nexport const Content = styled(Text).attrs({ typo: Typography.Size13 })`\n color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n /* NOTE: Line height of Typography.Size13 */\n ${ellipsis(20, LineHeightAbsoluteNumber.Lh18)}\n white-space: pre-wrap;\n`\n\nexport const Description = styled(Text).attrs({ typo: Typography.Size12 })`\n color: ${({ foundation }) => foundation?.subTheme?.['txt-black-dark']};\n`\n\nexport const Icon = styled(BaseIcon).attrs({\n size: IconSize.XS,\n})`\n padding: 1px;\n color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n`\n"],"names":["~~fadeIn","keyframes","SLIDE_OFFSET","slideUp","slideRight","slideDown","slideLeft","getSlideAnimation","frames","css","TransitionDuration","M","~~TooltipContent","styled","AlphaStack","attrs","direction","spacing","withConfig","displayName","componentId","ZIndex","Tooltip","foundation","elevation","ev3","rounding","round8","interpolation","TextContainer","div","Content","Text","typo","Typography","Size13","subTheme","ellipsis","LineHeightAbsoluteNumber","Lh18","Description","Size12","Icon","BaseIcon","size","IconSize","XS"],"mappings":"~~;;;;;;;;;;;AAqBA~~,MAAMA,MAAM,GAAGC,SAAU,CAAA;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,YAAY,GAAG,CAAC,CAAA;AAEtB,MAAMC,OAAO,GAAGF,SAAU,CAAA;AAC1B;AACA,0BAAA,EAA4BC,YAAa,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAME,UAAU,GAAGH,SAAU,CAAA;AAC7B;AACA,2BAAA,EAA6BC,YAAa,CAAA;AAC1C;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMG,SAAS,GAAGJ,SAAU,CAAA;AAC5B;AACA,2BAAA,EAA6BC,YAAa,CAAA;AAC1C;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMI,SAAS,GAAGL,SAAU,CAAA;AAC5B;AACA,0BAAA,EAA4BC,YAAa,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMK,iBAAiB,GAAIC,MAAoC,IAAKC,aAAI,CAAA;AACxE,kBAAA,EAAoB,MAAMD,MAAO,CAAI,EAAA,EAAA,MAAMR,MAAO,CAAA;AAClD,sBAAwBU,EAAAA,kBAAkB,CAACC,CAAE,CAAA;AAC7C;AACA,CAAC,CAAA;AAEM,MAAMC,cAAc,gBAAGC,gBAAM,CAACC,UAAU,CAAC,CAACC,KAAK,CAAC;AACrDC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,UAAA,EAAA,qIAAA,EAAA,GAAA,EAAA,~~wBAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,yBAAA,EAAA,~~GAAA,EAAA,EAAA,CAAA,EACWC,MAAM,CAACC,OAAO,EAUvB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,SAAS,EAAEC,GAAG,CAAC,IAAI,CAAC,EACpD,CAAC;AAAEF,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,QAAQ,EAAEC,MAAM,~~EAG9CpB~~,~~iBAAiB,CAACJ,OAAO,~~CAAC~~,EAI1BI,iBAAiB,CAACH,UAAU,CAAC,EAI7BG,iBAAiB,CAACF,SAAS,CAAC,EAI5BE,iBAAiB,CAACD,SAAS,CAAC,EAG9B,CAAC~~;~~AAAEsB~~,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAEYC,aAAa,gBAAGhB,gBAAM,CAACiB,GAAG,CAAAZ,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAEtC,CAAA,CAAA,CAAA,kBAAA,CAAA,EAAA;AAEM,MAAMW,OAAO,gBAAGlB,gBAAM,CAACmB,IAAI,CAAC,CAACjB,KAAK,CAAC;EAAEkB,IAAI,EAAEC,UAAU,CAACC,MAAAA;AAAO,CAAC,CAAC,CAAAjB,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAC3D,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,mBAAmB,CAAC,EAEtEC,QAAQ,CAAC,EAAE,EAAEC,wBAAwB,CAACC,IAAI,CAAC,EAE9C;AAEM,MAAMC,WAAW,gBAAG3B,gBAAM,CAACmB,IAAI,CAAC,CAACjB,KAAK,CAAC;EAAEkB,IAAI,EAAEC,UAAU,CAACO,MAAAA;AAAO,CAAC,CAAC,CAAAvB,UAAA,CAAA;EAAAC,WAAA,EAAA,4BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,GAAA,CAAA,EAC/D,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,gBAAgB,CAAC,EACtE;AAEM,MAAMM,IAAI,gBAAG7B,gBAAM,CAAC8B,MAAQ,CAAC,CAAC5B,KAAK,CAAC;EACzC6B,IAAI,EAAEC,QAAQ,CAACC,EAAAA;AACjB,CAAC,CAAC,CAAA5B,UAAA,CAAA;EAAAC,WAAA,EAAA,qBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oBAAA,EAAA,GAAA,CAAA,EAES,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,mBAAmB,CAAC;;;;"}
1	+ {"version":3,"file":"Tooltip.styled.mjs","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"sourcesContent":["import {\n LineHeightAbsoluteNumber,\n Typography,\n ellipsis,\n styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport {\n Icon as BaseIcon,\n IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type TooltipProps } from './Tooltip.types'\n\nexport const TooltipContent = styled(AlphaStack).attrs({\n direction: 'horizontal',\n spacing: 4,\n})<TooltipProps>`\n z-index: ${ZIndex.Tooltip};\n\n box-sizing: border-box;\n width: max-content;\n max-width: 260px;\n height: max-content;\n padding: 5px 8px;\n word-break: normal;\n word-wrap: break-word;\n\n ${({ foundation }) => foundation?.elevation?.ev3(true)};\n ${({ foundation }) => foundation?.rounding?.round8};\n\n ${({ interpolation }) => interpolation}\n`\n\nexport const TextContainer = styled.div`\n overflow: hidden;\n`\n\nexport const Content = styled(Text).attrs({ typo: Typography.Size13 })`\n color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n /* NOTE: Line height of Typography.Size13 */\n ${ellipsis(20, LineHeightAbsoluteNumber.Lh18)}\n white-space: pre-wrap;\n`\n\nexport const Description = styled(Text).attrs({ typo: Typography.Size12 })`\n color: ${({ foundation }) => foundation?.subTheme?.['txt-black-dark']};\n`\n\nexport const Icon = styled(BaseIcon).attrs({\n size: IconSize.XS,\n})`\n padding: 1px;\n color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n`\n"],"names":["TooltipContent","styled","AlphaStack","attrs","direction","spacing","withConfig","displayName","componentId","ZIndex","Tooltip","foundation","elevation","ev3","rounding","round8","interpolation","TextContainer","div","Content","Text","typo","Typography","Size13","subTheme","ellipsis","LineHeightAbsoluteNumber","Lh18","Description","Size12","Icon","BaseIcon","size","IconSize","XS"],"mappings":";;;;;;;;;AAkBO,MAAMA,cAAc,gBAAGC,gBAAM,CAACC,UAAU,CAAC,CAACC,KAAK,CAAC;AACrDC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,UAAA,EAAA,qIAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EACWC,MAAM,CAACC,OAAO,EAUvB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,SAAS,EAAEC,GAAG,CAAC,IAAI,CAAC,EACpD,CAAC;AAAEF,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,QAAQ,EAAEC,MAAM,EAEhD,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAEYC,aAAa,gBAAGhB,gBAAM,CAACiB,GAAG,CAAAZ,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAEtC,CAAA,CAAA,CAAA,kBAAA,CAAA,EAAA;AAEM,MAAMW,OAAO,gBAAGlB,gBAAM,CAACmB,IAAI,CAAC,CAACjB,KAAK,CAAC;EAAEkB,IAAI,EAAEC,UAAU,CAACC,MAAAA;AAAO,CAAC,CAAC,CAAAjB,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAC3D,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,mBAAmB,CAAC,EAEtEC,QAAQ,CAAC,EAAE,EAAEC,wBAAwB,CAACC,IAAI,CAAC,EAE9C;AAEM,MAAMC,WAAW,gBAAG3B,gBAAM,CAACmB,IAAI,CAAC,CAACjB,KAAK,CAAC;EAAEkB,IAAI,EAAEC,UAAU,CAACO,MAAAA;AAAO,CAAC,CAAC,CAAAvB,UAAA,CAAA;EAAAC,WAAA,EAAA,4BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,GAAA,CAAA,EAC/D,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,gBAAgB,CAAC,EACtE;AAEM,MAAMM,IAAI,gBAAG7B,gBAAM,CAAC8B,MAAQ,CAAC,CAAC5B,KAAK,CAAC;EACzC6B,IAAI,EAAEC,QAAQ,CAACC,EAAAA;AACjB,CAAC,CAAC,CAAA5B,UAAA,CAAA;EAAAC,WAAA,EAAA,qBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oBAAA,EAAA,GAAA,CAAA,EAES,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,mBAAmB,CAAC;;;;"}

package/dist/esm/components/Tooltip/Tooltip.types.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.types.mjs","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n type BezierComponentProps,\n type ChildrenProps,\n type ContentProps,\n type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/*\n An enumeration that determines the position of `Tooltip`.\n /\nexport enum TooltipPosition {\n TopCenter = 'topCenter',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n RightCenter = 'rightCenter',\n RightTop = 'rightTop',\n RightBottom = 'rightBottom',\n BottomCenter = 'bottomCenter',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n LeftCenter = 'leftCenter',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n}\n\ninterface TooltipProviderOptions {\n /\n Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * @default false\n /\n allowHover?: boolean\n /\n The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * @default 0\n /\n delayShow?: number\n /\n The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * @default 0\n /\n delayHide?: number\n /\n How much time a user has to enter another trigger without incurring a delay again.\n * @default 0\n /\n skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n /\n The open state of the tooltip when it is initially rendered.\n /\n defaultShow?: boolean\n /\n An element that sits below the tooltip content.\n /\n description?: React.ReactNode\n /\n A decorative icon that sits right of the tooltip content.\n /\n icon?: BezierIcon\n /\n Options to determine the location from the trigger.\n * @default TooltipPosition.BottomCenter\n /\n placement?: TooltipPosition\n /\n The distance in pixels from the trigger.\n * @default 4\n /\n offset?: number\n /\n Specify a container element to portal the content into.\n * @default document.body\n /\n container?: HTMLElement \| null\n /\n When `true`, overrides the `position` of the tooltip\n * to prevent collisions with boundary edges.\n * @default true\n /\n keepInContainer?: boolean\n /\n Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * Inherits from the nearest `TooltipProvider`.\n * @default false\n /\n allowHover?: boolean\n /\n The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * Inherits from the nearest `TooltipProvider`.\n * @default 0\n /\n delayShow?: number\n /\n The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * Inherits from the nearest `TooltipProvider`.\n * @default 0\n /\n delayHide?: number\n /\n Callback function to be called when the tooltip is opened.\n /\n onShow?: () => void\n /\n Callback function to be called when the tooltip is closed.\n /\n onHide?: () => void\n /\n Event handler called when the escape key is down.\n * It can be prevented by calling `event.preventDefault`.\n /\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n /\n Event handler called when a pointer event occurs outside the bounds of the component.\n * It can be prevented by calling `event.preventDefault`.\n */\n onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n ChildrenProps,\n TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n BezierComponentProps,\n ChildrenProps<React.ReactElement>,\n ContentProps,\n DisableProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps \| keyof ChildrenProps>,\n TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":"AASA;AACA;AACA;AACYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
1	+ {"version":3,"file":"Tooltip.types.mjs","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n type BezierComponentProps,\n type ChildrenProps,\n type ContentProps,\n type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/*\n An enumeration that determines the position of `Tooltip`.\n /\nexport enum TooltipPosition {\n TopCenter = 'topCenter',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n RightCenter = 'rightCenter',\n RightTop = 'rightTop',\n RightBottom = 'rightBottom',\n BottomCenter = 'bottomCenter',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n LeftCenter = 'leftCenter',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n}\n\ninterface TooltipProviderOptions {\n /\n Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * @default false\n /\n allowHover?: boolean\n /\n The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * @default 300\n /\n delayShow?: number\n /\n The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * @default 0\n /\n delayHide?: number\n /\n How much time a user has to enter another trigger without incurring a delay again.\n * @default 500\n /\n skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n /\n The open state of the tooltip when it is initially rendered.\n /\n defaultShow?: boolean\n /\n An element that sits below the tooltip content.\n /\n description?: React.ReactNode\n /\n A decorative icon that sits right of the tooltip content.\n /\n icon?: BezierIcon\n /\n Options to determine the location from the trigger.\n * @default TooltipPosition.BottomCenter\n /\n placement?: TooltipPosition\n /\n The distance in pixels from the trigger.\n * @default 4\n /\n offset?: number\n /\n Specify a container element to portal the content into.\n * @default document.body\n /\n container?: HTMLElement \| null\n /\n When `true`, overrides the `position` of the tooltip\n * to prevent collisions with boundary edges.\n * @default true\n /\n keepInContainer?: boolean\n /\n Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n * Inherits from the nearest `TooltipProvider`.\n * @default false\n /\n allowHover?: boolean\n /\n The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n * Inherits from the nearest `TooltipProvider`.\n * @default 300\n /\n delayShow?: number\n /\n The delay from when the mouse leaves a tooltip content until the tooltip hides.\n * Inherits from the nearest `TooltipProvider`.\n * @default 0\n /\n delayHide?: number\n /\n Callback function to be called when the tooltip is opened.\n /\n onShow?: () => void\n /\n Callback function to be called when the tooltip is closed.\n /\n onHide?: () => void\n /\n Event handler called when the escape key is down.\n * It can be prevented by calling `event.preventDefault`.\n /\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n /\n Event handler called when a pointer event occurs outside the bounds of the component.\n * It can be prevented by calling `event.preventDefault`.\n */\n onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n ChildrenProps,\n TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n BezierComponentProps,\n ChildrenProps<React.ReactElement>,\n ContentProps,\n DisableProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps \| keyof ChildrenProps>,\n TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":"AASA;AACA;AACA;AACYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/features/FeatureProvider.mjs CHANGED Viewed

@@ -1,10 +1,11 @@
-import React__default, { useState, useLayoutEffect, useContext, useMemo, createContext } from 'react';
+import React__default, { useState, useLayoutEffect, useMemo } from 'react';
+import { createContext } from '../utils/reactUtils.mjs';
 import { FeatureType } from './Feature.mjs';
 const initialFeatureFlag = {
   [FeatureType.SmoothCorners]: false
 };
-const FeatureFlagContext = /*#__PURE__*/createContext(initialFeatureFlag);
+const [FeatureFlagContextProvider, useFeatureFlagContext] = createContext(initialFeatureFlag);
 /**
  * `FeatureProvider` is a component that activates features and provides.
  *
@@ -38,12 +39,12 @@ function FeatureProvider({
       }));
     });
   }, [features]);
-  return /*#__PURE__*/React__default.createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(FeatureFlagContextProvider, {
     value: featureFlag
   }, children);
 }
 function useFeatureFlag(featureType) {
-  const contextValue = useContext(FeatureFlagContext);
+  const contextValue = useFeatureFlagContext();
   return useMemo(() => contextValue[featureType], [contextValue, featureType]);
 }

package/dist/esm/features/FeatureProvider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeatureProvider.mjs","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","reduce","acc","cur","React","createElement","~~Provider","~~value","useFeatureFlag","featureType","contextValue","~~useContext","~~useMemo"],"mappings":"~~;;;~~AAeA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,~~MAAMC~~,~~kBAAkB~~,~~gBAAGC~~,aAAa,~~CAAcJ~~,kBAAkB,CAAC,CAAA;~~AAUzE~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,~~SAASK~~,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,~~CAAcV~~,kBAAkB,CAAC,CAAA;AAE/EW,EAAAA,eAAe,CAAC,SAASC,gBAAgBA,GAAG;IAC1C,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACF,KAAA;AAEA,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,IAAI;MAClCb,cAAc,CAACc,IAAI,KAAK;AACtB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEoB,cAAA,CAAAC,aAAA,~~CAACzB~~,~~kBAAkB~~,~~CAAC0B,QAAQ,~~EAAA;~~AAACC~~,IAAAA,KAAK,~~EAAEtB~~,WAAAA;AAAY,GAAA,~~EAC5CF~~,~~QACyB~~,CAAC,CAAA;~~AAElC~~,CAAA;AAEO,~~SAASyB~~,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,~~GAAGC~~,~~UAAU~~,~~CAAC/B~~,~~kBAAkB,CAAC,~~CAAA;~~AAEnD~~,EAAA,~~OAAOgC~~,OAAO,CAAC,~~MACbF~~,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;"}
1	+ {"version":3,"file":"FeatureProvider.mjs","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react'\n\nimport { createContext } from '~/src/utils/reactUtils'\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 [\n FeatureFlagContextProvider,\n useFeatureFlagContext,\n] = 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 <FeatureFlagContextProvider value={featureFlag}>\n { children }\n </FeatureFlagContextProvider>\n )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n const contextValue = useFeatureFlagContext()\n\n return useMemo(() => (\n contextValue[featureType]\n ), [\n contextValue,\n featureType,\n ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContextProvider","useFeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","React","createElement","value","useFeatureFlag","featureType","contextValue","useMemo"],"mappings":";;;;AAeA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CACJC,0BAA0B,EAC1BC,qBAAqB,CACtB,GAAGC,aAAa,CAAcL,kBAAkB,CAAC,CAAA;AAUlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAcX,kBAAkB,CAAC,CAAA;AAE/EY,EAAAA,eAAe,CAAC,SAASC,gBAAgBA,GAAG;IAC1C,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACF,KAAA;AAEA,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,IAAI;MAClCb,cAAc,CAACc,IAAI,KAAK;AACtB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEoB,cAAA,CAAAC,aAAA,CAAC1B,0BAA0B,EAAA;AAAC2B,IAAAA,KAAK,EAAErB,WAAAA;AAAY,GAAA,EAC3CF,QACwB,CAAC,CAAA;AAEjC,CAAA;AAEO,SAASwB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAG7B,qBAAqB,EAAE,CAAA;AAE5C,EAAA,OAAO8B,OAAO,CAAC,MACbD,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;"}

package/dist/esm/features/SmoothCornersFeature/SmoothCornersFeature.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
 import { FeatureType, Feature } from '../Feature.mjs';
 import { smoothCornersScript } from './smoothCornersScript.mjs';

package/dist/esm/index.mjs CHANGED Viewed

@@ -10,7 +10,6 @@ import * as styleUtils from './utils/styleUtils.mjs';
 export { styleUtils as StyleUtils };
 import * as stringUtils from './utils/stringUtils.mjs';
 export { stringUtils as StringUtils };
-export { default as useFormControlContext } from './components/Forms/useFormControlContext.mjs';
 export { default as useFormFieldProps } from './components/Forms/useFormFieldProps.mjs';
 export { default as useKeyboardActionLockerWhileComposing } from './components/Forms/useKeyboardActionLockerWhileComposing.mjs';
 export { default as ToastProvider } from './components/Toast/ToastProvider.mjs';
@@ -45,7 +44,7 @@ export { COMMON_IME_CONTROL_KEYS } from './components/Forms/Inputs/constants/Com
 export { default as FormFieldSize } from './components/Forms/FormFieldSize.mjs';
 export { Checkbox } from './components/Forms/Checkbox/Checkbox.mjs';
 export { FormControl } from './components/Forms/FormControl/FormControl.mjs';
-export { FormControlContext } from './components/Forms/FormControl/FormControlContext.mjs';
+export { useFormControlContext } from './components/Forms/FormControl/FormControlContext.mjs';
 export { default as FormGroup } from './components/Forms/FormGroup/FormGroup.mjs';
 export { FormErrorMessage, FormHelperText } from './components/Forms/FormHelperText/FormHelperText.mjs';
 export { default as FormLabel } from './components/Forms/FormLabel/FormLabel.mjs';

package/dist/esm/index.mjs.map CHANGED Viewed

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

package/dist/esm/node_modules/@babel/runtime/helpers/esm/extends.mjs ADDED Viewed

@@ -0,0 +1,17 @@
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+export { _extends as default };
+//# sourceMappingURL=extends.mjs.map

package/dist/esm/node_modules/@babel/runtime/helpers/esm/extends.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"extends.mjs","sources":["../../../../../../../../../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}"],"names":["_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply"],"mappings":"AAAe,SAASA,QAAQA,GAAG;AACjCA,EAAAA,QAAQ,GAAGC,MAAM,CAACC,MAAM,GAAGD,MAAM,CAACC,MAAM,CAACC,IAAI,EAAE,GAAG,UAAUC,MAAM,EAAE;AAClE,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,SAAS,CAACC,MAAM,EAAEF,CAAC,EAAE,EAAE;AACzC,MAAA,IAAIG,MAAM,GAAGF,SAAS,CAACD,CAAC,CAAC,CAAA;AACzB,MAAA,KAAK,IAAII,GAAG,IAAID,MAAM,EAAE;AACtB,QAAA,IAAIP,MAAM,CAACS,SAAS,CAACC,cAAc,CAACC,IAAI,CAACJ,MAAM,EAAEC,GAAG,CAAC,EAAE;AACrDL,UAAAA,MAAM,CAACK,GAAG,CAAC,GAAGD,MAAM,CAACC,GAAG,CAAC,CAAA;AAC3B,SAAA;AACF,OAAA;AACF,KAAA;AACA,IAAA,OAAOL,MAAM,CAAA;GACd,CAAA;AACD,EAAA,OAAOJ,QAAQ,CAACa,KAAK,CAAC,IAAI,EAAEP,SAAS,CAAC,CAAA;AACxC;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@radix-ui/react-checkbox/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { forwardRef, createElement, useState, useRef, useEffect } from 'react';
 import { useComposedRefs as $6ed0406888f73fc4$export$c7b2cbe3552a0d05 } from '../../react-compose-refs/dist/index.mjs';
 import { createContextScope as $c512c27ab02ef895$export$50c7b4e9d9f19c1 } from '../../react-context/dist/index.mjs';
@@ -49,7 +49,7 @@ const $e698a72e93240346$export$48513f6b9f8ce62d = /*#__PURE__*/forwardRef((props
     scope: __scopeCheckbox,
     state: checked,
     disabled: disabled
-  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, $67UHm$babelruntimehelpersesmextends({
+  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
     type: "button",
     role: "checkbox",
     "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? 'mixed' : checked,
@@ -101,7 +101,7 @@ const $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/forwardRef((props
   const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
   return /*#__PURE__*/createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
-  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, $67UHm$babelruntimehelpersesmextends({
+  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
     "data-state": $e698a72e93240346$var$getState(context.state),
     "data-disabled": context.disabled ? '' : undefined
   }, indicatorProps, {
@@ -137,7 +137,7 @@ const $e698a72e93240346$var$BubbleInput = props => {
       input.dispatchEvent(event);
     }
   }, [prevChecked, checked, bubbles]);
-  return /*#__PURE__*/createElement("input", $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement("input", _extends({
     type: "checkbox",
     "aria-hidden": true,
     defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked

package/dist/esm/node_modules/@radix-ui/react-dialog/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { useRef, createElement, useCallback, forwardRef, Children, useEffect, Fragment } from 'react';
 import { composeEventHandlers as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../../primitive/dist/index.mjs';
 import { useComposedRefs as $6ed0406888f73fc4$export$c7b2cbe3552a0d05 } from '../../react-compose-refs/dist/index.mjs';
@@ -61,7 +61,7 @@ const $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88 = /*#__PURE__*/forwardRef((props
   } = props;
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TRIGGER_NAME, __scopeDialog);
   const composedTriggerRef = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.triggerRef);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": context.open,
@@ -110,7 +110,7 @@ const $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 = /*#__PURE__*/forwardRef((props
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
   return context.modal ? /*#__PURE__*/createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || context.open
-  }, /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl, $67UHm$babelruntimehelpersesmextends({}, overlayProps, {
+  }, /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl, _extends({}, overlayProps, {
     ref: forwardedRef
   }))) : null;
 });
@@ -126,7 +126,7 @@ const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/forwardRef((props,
       as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
       allowPinchZoom: true,
       shards: [context.contentRef]
-    }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({
+    }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
       "data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
     }, overlayProps, {
       ref: forwardedRef // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
@@ -152,9 +152,9 @@ const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/forwardRef((props
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
   return /*#__PURE__*/createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || context.open
-  }, context.modal ? /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentModal, $67UHm$babelruntimehelpersesmextends({}, contentProps, {
+  }, context.modal ? /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentModal, _extends({}, contentProps, {
     ref: forwardedRef
-  })) : /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentNonModal, $67UHm$babelruntimehelpersesmextends({}, contentProps, {
+  })) : /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentNonModal, _extends({}, contentProps, {
     ref: forwardedRef
   })));
 });
@@ -167,7 +167,7 @@ const $5d3850c4d0b4e6c7$var$DialogContentModal = /*#__PURE__*/forwardRef((props,
     const content = contentRef.current;
     if (content) return hideOthers(content);
   }, []);
-  return /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, $67UHm$babelruntimehelpersesmextends({}, props, {
+  return /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
     ref: composedRefs // we make sure focus isn't trapped once `DialogContent` has been closed
     ,
@@ -195,7 +195,7 @@ const $5d3850c4d0b4e6c7$var$DialogContentNonModal = /*#__PURE__*/forwardRef((pro
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
   const hasInteractedOutsideRef = useRef(false);
   const hasPointerDownOutsideRef = useRef(false);
-  return /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, $67UHm$babelruntimehelpersesmextends({}, props, {
+  return /*#__PURE__*/createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
     ref: forwardedRef,
     trapFocus: false,
     disableOutsidePointerEvents: false,
@@ -249,7 +249,7 @@ const $5d3850c4d0b4e6c7$var$DialogContentImpl = /*#__PURE__*/forwardRef((props,
     trapped: trapFocus,
     onMountAutoFocus: onOpenAutoFocus,
     onUnmountAutoFocus: onCloseAutoFocus
-  }, /*#__PURE__*/createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, $67UHm$babelruntimehelpersesmextends({
+  }, /*#__PURE__*/createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
     role: "dialog",
     id: context.contentId,
     "aria-describedby": context.descriptionId,
@@ -270,7 +270,7 @@ const $5d3850c4d0b4e6c7$export$16f7638e4a34b909 = /*#__PURE__*/forwardRef((props
     ...titleProps
   } = props;
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TITLE_NAME, __scopeDialog);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.h2, $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.h2, _extends({
     id: context.titleId
   }, titleProps, {
     ref: forwardedRef
@@ -286,7 +286,7 @@ const $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 = /*#__PURE__*/forwardRef((props
     ...descriptionProps
   } = props;
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$DESCRIPTION_NAME, __scopeDialog);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.p, $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.p, _extends({
     id: context.descriptionId
   }, descriptionProps, {
     ref: forwardedRef
@@ -302,7 +302,7 @@ const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = /*#__PURE__*/forwardRef((props
     ...closeProps
   } = props;
   const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CLOSE_NAME, __scopeDialog);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
     type: "button"
   }, closeProps, {
     ref: forwardedRef,

package/dist/esm/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { forwardRef, useContext, useState, useEffect, createElement, useRef, createContext } from 'react';
 import { composeEventHandlers as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../../primitive/dist/index.mjs';
 import { Primitive as $8927f6f2acc4f386$export$250ffa63cdc0d034, dispatchDiscreteCustomEvent as $8927f6f2acc4f386$export$6d1a0317bde7de7f } from '../../react-primitive/dist/index.mjs';
@@ -96,7 +96,7 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/forwardRef((props
     document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({}, layerProps, {
+  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
     ref: composedRefs,
     style: {
       pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,

package/dist/esm/node_modules/@radix-ui/react-focus-scope/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { forwardRef, useState, useRef, useEffect, useCallback, createElement } from 'react';
 import { useComposedRefs as $6ed0406888f73fc4$export$c7b2cbe3552a0d05 } from '../../react-compose-refs/dist/index.mjs';
 import { Primitive as $8927f6f2acc4f386$export$250ffa63cdc0d034 } from '../../react-primitive/dist/index.mjs';
@@ -143,7 +143,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/forwardRef((props
       }
     }
   }, [loop, trapped, focusScope.paused]);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
     tabIndex: -1
   }, scopeProps, {
     ref: composedRefs,

package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { useState, createElement, forwardRef, useRef, useEffect } from 'react';
 import { useFloating, arrow } from '../../../@floating-ui/react-dom/dist/floating-ui.react-dom.esm.mjs';
 import { useComposedRefs as $6ed0406888f73fc4$export$c7b2cbe3552a0d05 } from '../../react-compose-refs/dist/index.mjs';
@@ -47,7 +47,7 @@ const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/forwardRef((props,
     // `anchorRef` with their virtual ref in this case.
     context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
   });
-  return virtualRef ? null : /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({}, anchorProps, {
+  return virtualRef ? null : /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, anchorProps, {
     ref: composedRefs
   }));
 });
@@ -181,7 +181,7 @@ const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/forwardRef((props,
     arrowX: arrowX,
     arrowY: arrowY,
     shouldHideArrow: cannotCenterArrow
-  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({
+  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
     "data-side": placedSide,
     "data-align": placedAlign
   }, contentProps, {

package/dist/esm/node_modules/@radix-ui/react-portal/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { forwardRef, createElement } from 'react';
 import ReactDOM__default from 'react-dom';
 import { Primitive as $8927f6f2acc4f386$export$250ffa63cdc0d034 } from '../../react-primitive/dist/index.mjs';
@@ -9,7 +9,7 @@ const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/forwardRef((props
     container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body,
     ...portalProps
   } = props;
-  return container ? /*#__PURE__*/ReactDOM__default.createPortal( /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({}, portalProps, {
+  return container ? /*#__PURE__*/ReactDOM__default.createPortal( /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
     ref: forwardedRef
   })), container) : null;
 });

package/dist/esm/node_modules/@radix-ui/react-primitive/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { forwardRef, useEffect, createElement } from 'react';
 import { flushSync } from 'react-dom';
 import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../react-slot/dist/index.mjs';
@@ -19,7 +19,7 @@ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.re
     useEffect(() => {
       window[Symbol.for('radix-ui')] = true;
     }, []);
-    return /*#__PURE__*/createElement(Comp, $67UHm$babelruntimehelpersesmextends({}, primitiveProps, {
+    return /*#__PURE__*/createElement(Comp, _extends({}, primitiveProps, {
       ref: forwardedRef
     }));
   });

package/dist/esm/node_modules/@radix-ui/react-radio-group/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import $67UHm$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
 import { forwardRef, createElement, useRef, useEffect, useState } from 'react';
 import { composeEventHandlers as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../../primitive/dist/index.mjs';
 import { useComposedRefs as $6ed0406888f73fc4$export$c7b2cbe3552a0d05 } from '../../react-compose-refs/dist/index.mjs';
@@ -35,7 +35,7 @@ const $ce77a8961b41be9e$export$d7b12c4107be0d61 = /*#__PURE__*/forwardRef((props
     scope: __scopeRadio,
     checked: checked,
     disabled: disabled
-  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, $67UHm$babelruntimehelpersesmextends({
+  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
     type: "button",
     role: "radio",
     "aria-checked": checked,
@@ -94,7 +94,7 @@ const $ce77a8961b41be9e$var$BubbleInput = props => {
       input.dispatchEvent(event);
     }
   }, [prevChecked, checked, bubbles]);
-  return /*#__PURE__*/createElement("input", $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement("input", _extends({
     type: "radio",
     "aria-hidden": true,
     defaultChecked: checked
@@ -151,13 +151,13 @@ const $f99a8c78507165f7$export$a98f0dcb43a68a25 = /*#__PURE__*/forwardRef((props
     disabled: disabled,
     value: value,
     onValueChange: setValue
-  }, /*#__PURE__*/createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, $67UHm$babelruntimehelpersesmextends({
+  }, /*#__PURE__*/createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
     asChild: true
   }, rovingFocusGroupScope, {
     orientation: orientation,
     dir: direction,
     loop: loop
-  }), /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, $67UHm$babelruntimehelpersesmextends({
+  }), /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
     role: "radiogroup",
     "aria-required": required,
     "aria-orientation": orientation,
@@ -197,12 +197,12 @@ const $f99a8c78507165f7$export$9f866c100ef519e4 = /*#__PURE__*/forwardRef((props
       document.removeEventListener('keyup', handleKeyUp);
     };
   }, []);
-  return /*#__PURE__*/createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, $67UHm$babelruntimehelpersesmextends({
+  return /*#__PURE__*/createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
     asChild: true
   }, rovingFocusGroupScope, {
     focusable: !isDisabled,
     active: checked
-  }), /*#__PURE__*/createElement($ce77a8961b41be9e$export$d7b12c4107be0d61, $67UHm$babelruntimehelpersesmextends({
+  }), /*#__PURE__*/createElement($ce77a8961b41be9e$export$d7b12c4107be0d61, _extends({
     disabled: isDisabled,
     required: context.required,
     checked: checked