@oracle/oraclejet-preact 15.1.1 → 15.1.2

package/amd/UNSAFE_Radio.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './CheckboxRadioContext-d431d99b', './PRIVATE_ThemedIcons/CheckIcon', './PRIVATE_ThemedIcons/RadioOffIcon', './PRIVATE_ThemedIcons/RadioOnIcon', './UNSAFE_HiddenAccessible', './RadioGroupContext-7de3178c', './UNSAFE_UserAssistance', './utils/UNSAFE_stringUtils', './UNSAFE_Radio/themes/RadioIconContract.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/redwood/RadioTheme', './HiddenAccessible-49ecd914', './stringUtils-44e32167', './utils/UNSAFE_logger', './_curry1-bc28cf16', './_curry2-a1cd6f10', './hooks/UNSAFE_useToggle', 'preact/hooks', 'preact', './utils/UNSAFE_mergeProps', './utils/PRIVATE_clientHints', './clientHints-e1ddd513', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './UNSAFE_Icon', './Icon-87b672fe', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9bc07598', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-da2c4dcb', 'preact/compat', './index-074188a5', './hooks/UNSAFE_useUser', './index-dcceda35', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-6de7b592', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11', './vanilla-extract-dynamic.esm-52bed244', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-f0ae4ffe', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-7ded894f', './_has-6c49dcb6', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-3ce9e918', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module', './InlineHelpSource-e0993481', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-9a8d09d7', './PRIVATE_Message', './UNSAFE_Flex', './Flex-737b4558', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './keys-bd864d3b', './utils/UNSAFE_interpolations/flexbox', './flexbox-360da814', './utils/UNSAFE_interpolations/flexitem', './flexitem-50bdf28f', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-e12e6cd3', './UNSAFE_IconButton', './IconButton-8279d66e', './UNSAFE_BaseButton', './BaseButton-6402590c', './hooks/UNSAFE_usePress', './UNSAFE_ButtonLayout', './ButtonLayout-a305ee60', './UNSAFE_Text', './Text-b4ada444', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-8ea3e981', './MessageFormattingUtils-f7a98a15', './utils/UNSAFE_getLocale', './Message.types-5481bbeb', './MessageStartIcon-122ac18c', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-cc50ccae', './MessageTimestamp-f0855103', './MessageUtils-3bfa725d', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-683cc006', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-13fbf82d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-4ae8938b', './UNSAFE_FocusTrap', './FocusTrap-e9b56dbb', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-cb904aa5', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-fb94eea7', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-0ed11e14', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css'], (function(e,s,o,t,a,n,i,c,d,l,r,m,h,S,A,F,u,_,U,E,N,p,T,y,g,b,I,R,C,M,x,w,B,k,f,P,V,v,L,D,j,H,O,G,z,W,$,q,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,ce,de,le,re,me,he,Se,Ae,Fe,ue,_e,Ue,Ee,Ne,pe,Te,ye,ge,be,Ie,Re,Ce,Me,xe,we,Be,ke,fe,Pe,Ve,ve,Le,De,je,He,Oe,Ge,ze,We,$e,qe,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,cs,ds,ls,rs,ms,hs,Ss,As,Fs,us,_s,Us,Es,Ns,ps,Ts,ys,gs,bs,Is,Rs,Cs,Ms,xs,ws,Bs,ks,fs,Ps,Vs,vs,Ls,Ds,js,Hs,Os,Gs,zs,Ws,$s,qs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,co,lo,ro,mo,ho,So,Ao,Fo,uo,_o,Uo,Eo,No,po,To,yo,go,bo,Io,Ro,Co){"use strict";e.Radio=({value:e,children:S,...u})=>{const{isReadonly:T,isDisabled:y}=a.useFormContext(),{isDisabled:g,isReadonly:b}=n.useFormFieldContext(),{name:I,value:R,onCommit:C}=A.useRadioGroupContext(),{isFocusRingShown:M}=l.useCheckboxRadioContext(),{isTabbable:x}=c.useTabbableMode(),w=i.useId(),{isFocus:B,focusProps:k}=t.useFocus(),f=R===e,P=g??y,V=b??T,{interactionProps:v,applyActiveStyle:L}=d.useInteractionStyle(),{classes:D,styles:{valueLabelStyle:j,valueTextStyle:H}}=o.useComponentTheme(E.RadioRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",focused:B&&M?"isFocused":""}),{classes:O}=o.useComponentTheme(U.RadioIconRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",selected:f?"isSelected":"notSelected",readonly:V?"isReadonly":"notReadonly",active:L?"isActive":"notActive"}),{assistiveText:G,helpSourceLink:z}=u,W=!(V||!G&&!z),$=W?`${w}-icon-ua`:void 0,q=V?f?r.CheckIcon:m.RadioOffIcon:f?h.RadioOnIcon:m.RadioOffIcon;return s.jsx("div",{children:s.jsxs("label",{class:D,...v,children:[s.jsx(N.HiddenAccessible,{children:s.jsx("input",{type:"radio",name:I,id:w,value:e,...!V&&{onChange:s=>{s.stopPropagation(),C?.({previousValue:R,value:e})}},checked:f,disabled:P,"aria-describedby":$,...!x&&{tabIndex:-1},...V&&{"aria-readonly":!0},...k})}),s.jsx("span",{"aria-hidden":"true",class:O,children:s.jsx(q,{size:p.getVarName(_.radioIconVars.iconSize),color:"currentColor"})}),s.jsxs("span",{class:j,children:[s.jsx("span",{class:H,children:S}),W&&s.jsx(F.IconUserAssistance,{...u,isTabbable:x&&f&&B,id:$})]})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './CheckboxRadioContext-f67748ca', './PRIVATE_ThemedIcons/CheckIcon', './PRIVATE_ThemedIcons/RadioOffIcon', './PRIVATE_ThemedIcons/RadioOnIcon', './UNSAFE_HiddenAccessible', './RadioGroupContext-74fe77ee', './UNSAFE_UserAssistance', './utils/UNSAFE_stringUtils', './UNSAFE_Radio/themes/RadioIconContract.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/redwood/RadioTheme', './HiddenAccessible-15b5d5ef', './stringUtils-46147426', './utils/UNSAFE_logger', './_curry1-ce36c4e7', './_curry2-d90c5517', './hooks/UNSAFE_useToggle', 'preact/hooks', 'preact', './utils/UNSAFE_mergeProps', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './UNSAFE_Icon', './Icon-242ffb35', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-86f9017c', 'preact/compat', './index-f653d9ca', './hooks/UNSAFE_useUser', './index-182af2cd', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-711dac8e', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './vanilla-extract-dynamic.esm-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-4fb0ed44', './_has-580e26f1', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module', './InlineHelpSource-af5fac93', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-1122915f', './PRIVATE_Message', './UNSAFE_Flex', './Flex-cd926f6b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './keys-df123de6', './utils/UNSAFE_interpolations/flexbox', './flexbox-5d7254d1', './utils/UNSAFE_interpolations/flexitem', './flexitem-391ab989', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-00ad3ddc', './UNSAFE_IconButton', './IconButton-9c80142c', './UNSAFE_BaseButton', './BaseButton-43499a3c', './hooks/UNSAFE_usePress', './UNSAFE_ButtonLayout', './ButtonLayout-3ff84cd1', './UNSAFE_Text', './Text-4cc07262', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-1781f60a', './MessageFormattingUtils-d9c9a93f', './utils/UNSAFE_getLocale', './Message.types-1d4527af', './MessageStartIcon-2f4684ec', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-c98dd983', './MessageTimestamp-aebdab79', './MessageUtils-d7aa982a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-a5b0f8e7', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-40bbf18d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-cb8e3705', './UNSAFE_FocusTrap', './FocusTrap-84b5ca93', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-98a40103', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-74bf1316', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-958da158', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css'], (function(e,s,o,t,a,n,i,c,d,l,r,m,h,S,A,F,u,_,U,E,N,p,T,y,g,I,b,R,C,M,f,x,w,B,k,P,V,v,L,D,j,H,O,G,z,W,$,q,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,ce,de,le,re,me,he,Se,Ae,Fe,ue,_e,Ue,Ee,Ne,pe,Te,ye,ge,Ie,be,Re,Ce,Me,fe,xe,we,Be,ke,Pe,Ve,ve,Le,De,je,He,Oe,Ge,ze,We,$e,qe,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,cs,ds,ls,rs,ms,hs,Ss,As,Fs,us,_s,Us,Es,Ns,ps,Ts,ys,gs,Is,bs,Rs,Cs,Ms,fs,xs,ws,Bs,ks,Ps,Vs,vs,Ls,Ds,js,Hs,Os,Gs,zs,Ws,$s,qs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,co,lo,ro,mo,ho,So,Ao,Fo,uo,_o,Uo,Eo,No,po,To,yo,go,Io,bo,Ro,Co){"use strict";e.Radio=({value:e,children:S,...u})=>{const{isReadonly:T,isDisabled:y}=a.useFormContext(),{isDisabled:g,isReadonly:I}=n.useFormFieldContext(),{name:b,value:R,onCommit:C}=A.useRadioGroupContext(),{isFocusRingShown:M}=l.useCheckboxRadioContext(),{isTabbable:f}=c.useTabbableMode(),x=i.useId(),{isFocus:w,focusProps:B}=t.useFocus(),k=R===e,P=g??y,V=I??T,{interactionProps:v,applyActiveStyle:L}=d.useInteractionStyle(),{classes:D,styles:{valueLabelStyle:j,valueTextStyle:H}}=o.useComponentTheme(E.RadioRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",focused:w&&M?"isFocused":""}),{classes:O}=o.useComponentTheme(U.RadioIconRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",selected:k?"isSelected":"notSelected",readonly:V?"isReadonly":"notReadonly",active:L?"isActive":"notActive"}),{assistiveText:G,helpSourceLink:z}=u,W=!(V||!G&&!z),$=W?`${x}-icon-ua`:void 0,q=V?k?r.CheckIcon:m.RadioOffIcon:k?h.RadioOnIcon:m.RadioOffIcon;return s.jsx("div",{children:s.jsxs("label",{class:D,...v,children:[s.jsx(N.HiddenAccessible,{children:s.jsx("input",{type:"radio",name:b,id:x,value:e,...!V&&{onChange:s=>{s.stopPropagation(),C?.({previousValue:R,value:e})}},checked:k,disabled:P,"aria-describedby":$,...!f&&{tabIndex:-1},...V&&{"aria-readonly":!0},...B})}),s.jsx("span",{"aria-hidden":"true",class:O,children:s.jsx(q,{size:p.getVarName(_.radioIconVars.iconSize),color:"currentColor"})}),s.jsxs("span",{class:j,children:[s.jsx("span",{class:H,children:S}),W&&s.jsx(F.IconUserAssistance,{...u,isTabbable:f&&k&&w,id:$})]})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Radio.js.map

package/amd/UNSAFE_Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Radio.js","sources":["../../src/UNSAFE_Radio/Radio.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioGroupContext } from '../UNSAFE_RadioGroup/RadioGroupContext';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string;\n};\n\nexport const Radio = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioGroupContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { isTabbable } = useTabbableMode();\n\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle, valueTextStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isReadonly && !!(assistiveText || helpSourceLink);\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  return (\n    <div>\n      <label class={radioClasses} {...interactionProps}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            value={value}\n            {...(!isReadonly && {\n              onChange: (e) => {\n                e.stopPropagation();\n                onCommit?.({ previousValue: groupValue, value });\n              }\n            })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={uaId}\n            {...(!isTabbable && { tabIndex: -1 })}\n            {...(isReadonly && { 'aria-readonly': true })}\n            {...focusProps}\n          />\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses}>\n          <IconComp size={getVarName(radioIconVars.iconSize) as CalcType} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span class={valueTextStyle}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isSelected && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioGroupContext","isFocusRingShown","useCheckboxRadioContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","valueTextStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","assistiveText","helpSourceLink","hasUserAssistive","uaId","undefined","IconComp","CheckIcon","RadioOffIcon","RadioOnIcon","_jsx","jsx","_jsxs","jsxs","class","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","tabIndex","size","getVarName","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"gqOAqDqB,EAAGA,QAAOC,cAAaC,MAC1C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,wBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,WAAEA,GAAeC,EAAAA,kBAEjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAElCC,EAAaZ,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAEhCqB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,eAAEA,IACzBC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAU9B,EAAa,aAAe,cACtC+B,QAASf,GAAWN,EAAmB,YAAc,MAG/Ca,QAASS,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAU9B,EAAa,aAAe,cACtCkC,SAAUf,EAAa,aAAe,cACtCgB,SAAUrC,EAAa,aAAe,cACtCsC,OAAQf,EAAmB,WAAa,eAGpCgB,cAAEA,EAAaC,eAAEA,GAAmBzC,EACpC0C,IAAoBzC,IAAiBuC,IAAiBC,GACtDE,EAAOD,EAAmB,GAAGzB,iBAAe2B,EAE5CC,EAAW5C,EACbqB,EACEwB,EAASA,UACTC,EAAYA,aACdzB,EACA0B,EAAWA,YACXD,eAEJ,OACEE,EAAAC,IAAA,MAAA,CAAAnD,SACEoD,EAAOC,KAAA,QAAA,CAAAC,MAAO1B,KAAkBJ,EAAgBxB,SAAA,CAC9CkD,EAACC,IAAAI,EAAgBA,iBACf,CAAAvD,SAAAkD,EAAAC,IAAA,QAAA,CACEK,KAAK,QACL9C,KAAMA,EACNQ,GAAIA,EACJnB,MAAOA,MACDG,GAAc,CAClBuD,SAAWC,IACTA,EAAEC,kBACF/C,IAAW,CAAEgD,cAAejD,EAAYZ,SAAQ,GAGpD8D,QAAStC,EACTW,SAAU9B,EAAU,mBACFwC,MACZ5B,GAAc,CAAE8C,UAAW,MAC5B5D,GAAc,CAAE,iBAAiB,MAClCmB,MAGR6B,EAAAA,0BAAkB,OAAOI,MAAOlB,WAC9Bc,EAACC,IAAAL,EAAS,CAAAiB,KAAMC,EAAAA,WAAWC,EAAaA,cAACC,UAAuBC,MAAM,mBAExEf,EAAAC,KAAA,OAAA,CAAMC,MAAOxB,YACXoB,EAAAA,IAAM,OAAA,CAAAI,MAAOvB,EAAc/B,SAAGA,IAC7B2C,GACCO,EAAAC,IAACiB,qBACK,IAAAnE,EACJe,WAAYA,GAAcO,GAAcH,EACxCF,GAAI0B,WAMd"}
+{"version":3,"file":"UNSAFE_Radio.js","sources":["../../src/UNSAFE_Radio/Radio.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioGroupContext } from '../UNSAFE_RadioGroup/RadioGroupContext';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string;\n};\n\nexport const Radio = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioGroupContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { isTabbable } = useTabbableMode();\n\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle, valueTextStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isReadonly && !!(assistiveText || helpSourceLink);\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  return (\n    <div>\n      <label class={radioClasses} {...interactionProps}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            value={value}\n            {...(!isReadonly && {\n              onChange: (e) => {\n                e.stopPropagation();\n                onCommit?.({ previousValue: groupValue, value });\n              }\n            })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={uaId}\n            {...(!isTabbable && { tabIndex: -1 })}\n            {...(isReadonly && { 'aria-readonly': true })}\n            {...focusProps}\n          />\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses}>\n          <IconComp size={getVarName(radioIconVars.iconSize) as CalcType} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span class={valueTextStyle}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isSelected && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioGroupContext","isFocusRingShown","useCheckboxRadioContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","valueTextStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","assistiveText","helpSourceLink","hasUserAssistive","uaId","undefined","IconComp","CheckIcon","RadioOffIcon","RadioOnIcon","_jsx","jsx","_jsxs","jsxs","class","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","tabIndex","size","getVarName","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"kqOAqDqB,EAAGA,QAAOC,cAAaC,MAC1C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,wBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,WAAEA,GAAeC,EAAAA,kBAEjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAElCC,EAAaZ,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAEhCqB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,eAAEA,IACzBC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAU9B,EAAa,aAAe,cACtC+B,QAASf,GAAWN,EAAmB,YAAc,MAG/Ca,QAASS,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAU9B,EAAa,aAAe,cACtCkC,SAAUf,EAAa,aAAe,cACtCgB,SAAUrC,EAAa,aAAe,cACtCsC,OAAQf,EAAmB,WAAa,eAGpCgB,cAAEA,EAAaC,eAAEA,GAAmBzC,EACpC0C,IAAoBzC,IAAiBuC,IAAiBC,GACtDE,EAAOD,EAAmB,GAAGzB,iBAAe2B,EAE5CC,EAAW5C,EACbqB,EACEwB,EAASA,UACTC,EAAYA,aACdzB,EACA0B,EAAWA,YACXD,eAEJ,OACEE,EAAAC,IAAA,MAAA,CAAAnD,SACEoD,EAAOC,KAAA,QAAA,CAAAC,MAAO1B,KAAkBJ,EAAgBxB,SAAA,CAC9CkD,EAACC,IAAAI,EAAgBA,iBACf,CAAAvD,SAAAkD,EAAAC,IAAA,QAAA,CACEK,KAAK,QACL9C,KAAMA,EACNQ,GAAIA,EACJnB,MAAOA,MACDG,GAAc,CAClBuD,SAAWC,IACTA,EAAEC,kBACF/C,IAAW,CAAEgD,cAAejD,EAAYZ,SAAQ,GAGpD8D,QAAStC,EACTW,SAAU9B,EAAU,mBACFwC,MACZ5B,GAAc,CAAE8C,UAAW,MAC5B5D,GAAc,CAAE,iBAAiB,MAClCmB,MAGR6B,EAAAA,0BAAkB,OAAOI,MAAOlB,WAC9Bc,EAACC,IAAAL,EAAS,CAAAiB,KAAMC,EAAAA,WAAWC,EAAaA,cAACC,UAAuBC,MAAM,mBAExEf,EAAAC,KAAA,OAAA,CAAMC,MAAOxB,YACXoB,EAAAA,IAAM,OAAA,CAAAI,MAAOvB,EAAc/B,SAAGA,IAC7B2C,GACCO,EAAAC,IAACiB,qBACK,IAAAnE,EACJe,WAAYA,GAAcO,GAAcH,EACxCF,GAAI0B,WAMd"}

package/amd/UNSAFE_RadioGroup.js

@@ -1,2 +1,2 @@
-define(['exports', './RadioGroup-d2dcd933', 'preact/jsx-runtime', 'preact/compat', './hooks/UNSAFE_useFormContext', 'preact', 'preact/hooks', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './PRIVATE_CheckboxRadioField', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './Flex-737b4558', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9bc07598', './Common/themes/themeContract.css', './_curry1-bc28cf16', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-6de7b592', './_curry3-7ded894f', './_curry2-a1cd6f10', './_has-6c49dcb6', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-bd864d3b', './utils/UNSAFE_interpolations/flexbox', './flexbox-360da814', './utils/UNSAFE_interpolations/flexitem', './flexitem-50bdf28f', './UNSAFE_Label', './Label-9de7dda9', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_UserAssistance', './InlineHelpSource-e0993481', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-dcceda35', './Common', './Common/themes', './Common/themes/redwood/theme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11', './UNSAFE_ComponentMessage', './ComponentMessage-9a8d09d7', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-e12e6cd3', './UNSAFE_IconButton', './IconButton-8279d66e', './UNSAFE_BaseButton', './BaseButton-6402590c', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-e1ddd513', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-a305ee60', './UNSAFE_Text', './Text-b4ada444', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-da2c4dcb', './index-074188a5', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-52bed244', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-f0ae4ffe', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-3ce9e918', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-87b672fe', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-8ea3e981', './MessageFormattingUtils-f7a98a15', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-44e32167', './Message.types-5481bbeb', './MessageStartIcon-122ac18c', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-cc50ccae', './MessageTimestamp-f0855103', './MessageUtils-3bfa725d', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-683cc006', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-49ecd914', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-13fbf82d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-4ae8938b', './UNSAFE_FocusTrap', './FocusTrap-e9b56dbb', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-cb904aa5', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-fb94eea7', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-0ed11e14', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './CheckboxRadioContext-d431d99b', './RadioGroupContext-7de3178c'], (function(e,s,o,t,a,n,i,l,d,c,F,r,m,S,A,h,_,U,E,u,N,T,p,y,g,b,x,C,M,I,B,w,k,R,P,V,f,L,v,H,D,G,W,j,O,z,q,J,K,Q,X,Y,Z,$,ee,se,oe,te,ae,ne,ie,le,de,ce,Fe,re,me,Se,Ae,he,_e,Ue,Ee,ue,Ne,Te,pe,ye,ge,be,xe,Ce,Me,Ie,Be,we,ke,Re,Pe,Ve,fe,Le,ve,He,De,Ge,We,je,Oe,ze,qe,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,as,ns,is,ls,ds,cs,Fs,rs,ms,Ss,As,hs,_s,Us,Es,us,Ns,Ts,ps,ys,gs,bs,xs,Cs,Ms,Is,Bs,ws,ks,Rs,Ps,Vs,fs,Ls,vs,Hs,Ds,Gs,Ws,js,Os,zs,qs,Js,Ks,Qs,Xs,Ys,Zs,$s,eo,so,oo,to,ao,no,io,lo,co,Fo,ro,mo,So,Ao,ho,_o,Uo,Eo,uo,No,To,po,yo,go,bo,xo,Co,Mo,Io,Bo,wo,ko,Ro,Po,Vo,fo,Lo,vo,Ho,Do){"use strict";e.RadioGroup=s.RadioGroup,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './RadioGroup-1e8a03b3', 'preact/jsx-runtime', 'preact/compat', './hooks/UNSAFE_useFormContext', 'preact', 'preact/hooks', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './PRIVATE_CheckboxRadioField', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './Flex-cd926f6b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './_curry1-ce36c4e7', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-711dac8e', './_curry3-4fb0ed44', './_curry2-d90c5517', './_has-580e26f1', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-df123de6', './utils/UNSAFE_interpolations/flexbox', './flexbox-5d7254d1', './utils/UNSAFE_interpolations/flexitem', './flexitem-391ab989', './UNSAFE_Label', './Label-fab64746', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_UserAssistance', './InlineHelpSource-af5fac93', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-182af2cd', './Common', './Common/themes', './Common/themes/redwood/theme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './UNSAFE_ComponentMessage', './ComponentMessage-1122915f', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-00ad3ddc', './UNSAFE_IconButton', './IconButton-9c80142c', './UNSAFE_BaseButton', './BaseButton-43499a3c', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-3ff84cd1', './UNSAFE_Text', './Text-4cc07262', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-86f9017c', './index-f653d9ca', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-242ffb35', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-1781f60a', './MessageFormattingUtils-d9c9a93f', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-46147426', './Message.types-1d4527af', './MessageStartIcon-2f4684ec', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-c98dd983', './MessageTimestamp-aebdab79', './MessageUtils-d7aa982a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-a5b0f8e7', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-15b5d5ef', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-40bbf18d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-cb8e3705', './UNSAFE_FocusTrap', './FocusTrap-84b5ca93', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-98a40103', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-74bf1316', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-958da158', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './CheckboxRadioContext-f67748ca', './RadioGroupContext-74fe77ee'], (function(e,s,o,t,a,n,i,l,d,c,F,r,m,S,A,h,_,U,E,u,N,T,p,y,g,b,x,C,M,I,B,f,w,k,R,P,V,L,v,H,D,G,W,j,O,z,q,J,K,Q,X,Y,Z,$,ee,se,oe,te,ae,ne,ie,le,de,ce,Fe,re,me,Se,Ae,he,_e,Ue,Ee,ue,Ne,Te,pe,ye,ge,be,xe,Ce,Me,Ie,Be,fe,we,ke,Re,Pe,Ve,Le,ve,He,De,Ge,We,je,Oe,ze,qe,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,as,ns,is,ls,ds,cs,Fs,rs,ms,Ss,As,hs,_s,Us,Es,us,Ns,Ts,ps,ys,gs,bs,xs,Cs,Ms,Is,Bs,fs,ws,ks,Rs,Ps,Vs,Ls,vs,Hs,Ds,Gs,Ws,js,Os,zs,qs,Js,Ks,Qs,Xs,Ys,Zs,$s,eo,so,oo,to,ao,no,io,lo,co,Fo,ro,mo,So,Ao,ho,_o,Uo,Eo,uo,No,To,po,yo,go,bo,xo,Co,Mo,Io,Bo,fo,wo,ko,Ro,Po,Vo,Lo,vo,Ho,Do){"use strict";e.RadioGroup=s.RadioGroup,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_RadioGroup.js.map

package/amd/UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RatingGaugeStyles.css', './RatingGaugeBaseTheme.css', './RatingGaugeVariants.css', 'css!./../../../RatingGaugeStyles.styles.css', 'module', 'css!./../../../RatingGaugeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,a,t,i,n,c,l){"use strict";const g={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RatingGaugeRedwoodTheme=g,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RatingGaugeStyles.css', './RatingGaugeBaseTheme.css', './RatingGaugeVariants.css', 'css!./../../../RatingGaugeStyles.styles.css', 'module', 'css!./../../../RatingGaugeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,a,t,i,n,l,g){"use strict";const u={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RatingGaugeRedwoodTheme=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeTheme.js.map

package/amd/UNSAFE_RatingGauge/themes/redwood/RatingGaugeVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0",md:"RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__vs4x6x3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4",success:"RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0",md:"RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__vs4x6x3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4",success:"RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeVariants.css.js.map

package/amd/UNSAFE_RatingGauge/themes/stable/RatingGaugeTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RatingGaugeStyles.css', './RatingGaugeBaseTheme.css', './RatingGaugeVariants.css', 'css!./../../../RatingGaugeStyles.styles.css', 'module', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,a,t,i,n,l,c){"use strict";const g={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RatingGaugeStableTheme=g,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RatingGaugeStyles.css', './RatingGaugeBaseTheme.css', './RatingGaugeVariants.css', 'css!./../../../RatingGaugeStyles.styles.css', 'module', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,a,t,i,n,l,g){"use strict";const u={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RatingGaugeStableTheme=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeTheme.js.map

package/amd/UNSAFE_RatingGauge/themes/stable/RatingGaugeVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0",md:"RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__lj2jeo3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4",success:"RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0",md:"RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__lj2jeo3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4",success:"RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeVariants.css.js.map

package/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './utils/UNSAFE_classNames', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useUser', './vanilla-extract-dynamic.esm-52bed244', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './classNames-6de7b592', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_logger', './_curry1-bc28cf16', './_curry2-a1cd6f10', './index-dcceda35', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './UNSAFE_RatingGauge/themes/RatingGaugeStyles.css', 'css!./RatingGaugeStyles.styles.css', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.css', 'module', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeVariants.css', 'css!./RatingGaugeVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-da2c4dcb', './index-074188a5', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils-9bc07598', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-f0ae4ffe', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-7ded894f', './_has-6c49dcb6', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-3ce9e918', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './utils/UNSAFE_dvtCommonUtils'], (function(e,t,s,o,a,i,n,l,r,d,c,u,h,m,g,S,p,y,F,U,N,b,A,_,E,R,T,C,f,x,v,w,k,G,D,j,P,B,V,M,I,O,z,H,K,$,L,X,q,J,Q,W,Y,Z,ee,te,se,oe,ae,ie,ne,le,re,de,ce,ue,he,me,ge,Se,pe,ye){"use strict";function Fe(e,t,s,o,a){const i=o.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(a?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function Ue(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const Ne=({isSelected:e,isDisabled:s,isReadOnly:o,color:a="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,m=h&&s,g=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(a),S=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:a,[i.ratingGaugeVars.borderColorSelected]:a,[i.ratingGaugeVars.colorSelectedReadonly]:a}),{variantClasses:p,styles:{ratingStarBaseStyle:y,innerRatingStarColor:F,outerRatingStarColor:U,outerDisabledHighContrastBaseStyle:N,outerDisabledHighContrastSelectedStyle:b,outerDisabledHighContrastUnselectedStyle:A}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:g,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:o?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:g?void 0:S,class:c.classNames([y,g?p:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:F,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:c.classNames([U,m?N:"",m?e?b:A:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},be=({fillRatio:e,isDisabled:o,isReadonly:a,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r;if(1===e||0===e)return t.jsx(Ne,{isSelected:1===e,isDisabled:o,isReadOnly:a,color:i});const{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(Ne,{isSelected:!1,isDisabled:o,isReadOnly:a,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(Ne,{isSelected:!0,isDisabled:o,isReadOnly:a,color:i})})]})};e.RatingGauge=function({max:e=5,value:a=0,size:i,color:r="neutral",step:p=1,isReadonly:y,isDisabled:F,...U}){h.validateRange(0,e,a,p);const N=o.useRef(null),b=o.useRef(Ue(null)),A=!y&&!F;o.useEffect((()=>{b.current=Ue(N.current)}),[i,e]);const _=((e,t,s,a,i,n,r,d)=>{const c=o.useRef(),{direction:h}=l.useUser();if(!n)return{};const m="rtl"===h,g=e=>{d?.({value:e}),c.current=e},S=u.useKeyboardEvents(s,0,e,t,c,r,d);return{onPointerUp:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&r?.({value:o})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&o!=c.current&&g(o)},onKeyUp:S.onKeyUp,onKeyDown:S.onKeyDown,onPointerLeave:()=>{g(void 0)},onPointerEnter:()=>{i.current=Ue(a.current)}}})(e,p,a,N,b,A,U.onCommit,U.onInput),{tooltipContent:E,tooltipProps:R}=function({max:e,value:t,isReadonly:s,isDisabled:a,tooltip:i,datatip:n,thresholds:l,ariaDescribedBy:r,width:d}){const[c,u]=o.useState(!1),g=s&&!a?"tooltip":"datatip";let S=a||!("tooltip"===g&&i||"datatip"===g&&n);const p=Math.max(1,Math.ceil(t)),y="tooltip"===g?0:(p-Math.ceil(e/2))*d/e;let F="tooltip"===g?i:n;F||!l||a||(F=h.findThreshold(t,l)?.accessibleLabel,S=!1);const{tooltipContent:U,tooltipProps:N}=m.useTooltipControlled({text:F,isOpen:c,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:y},isDisabled:S,onToggle:({value:e})=>u(e),variant:g});return N["aria-describedby"]=[r,N["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:U,tooltipProps:N}}({max:e,value:a,isReadonly:y,isDisabled:F,tooltip:U.tooltip,datatip:U.datatip,thresholds:U.thresholds,width:b.current.width,ariaDescribedBy:U["aria-describedby"]}),T=h.getMeterAriaProps(a,0,e,U["aria-label"],U["aria-labelledby"],U.thresholds,F,y,U.tooltip),C=g.mergeProps(_,R),f=h.getThresholdColorFromValue(a,r,U.thresholds),{isTabbable:x}=S.useTabbableMode(),{classes:v,styles:{baseStyle:w,interactiveStyle:k,itemStyle:G,sizeStyle:D}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:i});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...T,ref:N,class:c.classNames([v,w,A?k:void 0]),tabIndex:x&&!F?0:-1,...C,children:[...Array(e)].map(((e,s)=>{const o=Math.min(Math.max(0,a-s),1);return t.jsx("div",{className:c.classNames([D,G]),children:t.jsx(be,{fillRatio:o,isDisabled:F,isReadonly:y,color:f})})}))}),E]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './utils/UNSAFE_classNames', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useUser', './vanilla-extract-dynamic.esm-acef6fab', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './classNames-711dac8e', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_logger', './_curry1-ce36c4e7', './_curry2-d90c5517', './index-182af2cd', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './UNSAFE_RatingGauge/themes/RatingGaugeStyles.css', 'css!./RatingGaugeStyles.styles.css', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.css', 'module', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeVariants.css', 'css!./RatingGaugeVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-86f9017c', './index-f653d9ca', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils-7a8b0c59', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-4fb0ed44', './_has-580e26f1', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './utils/UNSAFE_dvtCommonUtils'], (function(e,t,s,o,a,i,n,l,r,d,c,u,h,m,g,S,p,y,F,U,N,A,_,b,E,R,T,C,f,x,v,w,k,G,D,j,P,B,V,M,I,O,z,H,K,$,L,X,q,J,Q,W,Y,Z,ee,te,se,oe,ae,ie,ne,le,re,de,ce,ue,he,me,ge,Se,pe,ye){"use strict";function Fe(e,t,s,o,a){const i=o.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(a?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function Ue(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const Ne=({isSelected:e,isDisabled:s,isReadOnly:o,color:a="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,m=h&&s,g=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(a),S=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:a,[i.ratingGaugeVars.borderColorSelected]:a,[i.ratingGaugeVars.colorSelectedReadonly]:a}),{variantClasses:p,styles:{ratingStarBaseStyle:y,innerRatingStarColor:F,outerRatingStarColor:U,outerDisabledHighContrastBaseStyle:N,outerDisabledHighContrastSelectedStyle:A,outerDisabledHighContrastUnselectedStyle:_}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:g,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:o?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:g?void 0:S,class:c.classNames([y,g?p:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:F,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:c.classNames([U,m?N:"",m?e?A:_:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},Ae=({fillRatio:e,isDisabled:o,isReadonly:a,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r;if(1===e||0===e)return t.jsx(Ne,{isSelected:1===e,isDisabled:o,isReadOnly:a,color:i});const{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(Ne,{isSelected:!1,isDisabled:o,isReadOnly:a,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(Ne,{isSelected:!0,isDisabled:o,isReadOnly:a,color:i})})]})};e.RatingGauge=function({max:e=5,value:a=0,size:i,color:r="neutral",step:p=1,isReadonly:y,isDisabled:F,...U}){h.validateRange(0,e,a,p);const N=o.useRef(null),A=o.useRef(Ue(null)),_=!y&&!F;o.useEffect((()=>{A.current=Ue(N.current)}),[i,e]);const b=((e,t,s,a,i,n,r,d)=>{const c=o.useRef(),{direction:h}=l.useUser();if(!n)return{};const m="rtl"===h,g=e=>{d?.({value:e}),c.current=e},S=u.useKeyboardEvents(s,0,e,t,c,r,d);return{onPointerUp:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&r?.({value:o})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&o!=c.current&&g(o)},onKeyUp:S.onKeyUp,onKeyDown:S.onKeyDown,onPointerLeave:()=>{g(void 0)},onPointerEnter:()=>{i.current=Ue(a.current)}}})(e,p,a,N,A,_,U.onCommit,U.onInput),{tooltipContent:E,tooltipProps:R}=function({max:e,value:t,isReadonly:s,isDisabled:a,tooltip:i,datatip:n,thresholds:l,ariaDescribedBy:r,width:d}){const[c,u]=o.useState(!1),g=s&&!a?"tooltip":"datatip";let S=a||!("tooltip"===g&&i||"datatip"===g&&n);const p=Math.max(1,Math.ceil(t)),y="tooltip"===g?0:(p-Math.ceil(e/2))*d/e;let F="tooltip"===g?i:n;F||!l||a||(F=h.findThreshold(t,l)?.accessibleLabel,S=!1);const{tooltipContent:U,tooltipProps:N}=m.useTooltipControlled({text:F,isOpen:c,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:y},isDisabled:S,onToggle:({value:e})=>u(e),variant:g});return N["aria-describedby"]=[r,N["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:U,tooltipProps:N}}({max:e,value:a,isReadonly:y,isDisabled:F,tooltip:U.tooltip,datatip:U.datatip,thresholds:U.thresholds,width:A.current.width,ariaDescribedBy:U["aria-describedby"]}),T=h.getMeterAriaProps(a,0,e,U["aria-label"],U["aria-labelledby"],U.thresholds,F,y,U.tooltip),C=g.mergeProps(b,R),f=h.getThresholdColorFromValue(a,r,U.thresholds),{isTabbable:x}=S.useTabbableMode(),{classes:v,styles:{baseStyle:w,interactiveStyle:k,itemStyle:G,sizeStyle:D}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:i});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...T,ref:N,class:c.classNames([v,w,_?k:void 0]),tabIndex:x&&!F?0:-1,...C,children:[...Array(e)].map(((e,s)=>{const o=Math.min(Math.max(0,a-s),1);return t.jsx("div",{className:c.classNames([D,G]),children:t.jsx(Ae,{fillRatio:o,isDisabled:F,isReadonly:y,color:f})})}))}),E]})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map

package/amd/UNSAFE_RatingGauge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n\n  return numSteps < 0.5 ? 0 : Math.min(max, Math.ceil(numSteps) * step);\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: rect.width,\n    x: rect.x + window.scrollX\n  };\n}\n\n/**\n * Returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n * @param color The color in rating gauge.\n * @returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n */\nexport function getColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? color\n    : undefined;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getColorEnum } from './RatingUtils';\nimport { ratingGaugeVars } from './themes/RatingGaugeContract.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { RatingGaugeVariantOptions, RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color = 'neutral' }: Props) => {\n  const { forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const needsHighContrastStyle = isHighContrast && isDisabled;\n  const enumColor = getColorEnum(color);\n  const customColors = assignInlineVars({\n    [ratingGaugeVars.colorSelected]: color,\n    [ratingGaugeVars.borderColorSelected]: color,\n    [ratingGaugeVars.colorSelectedReadonly]: color\n  });\n  const {\n    variantClasses,\n    styles: {\n      ratingStarBaseStyle,\n      innerRatingStarColor,\n      outerRatingStarColor,\n      outerDisabledHighContrastBaseStyle,\n      outerDisabledHighContrastSelectedStyle,\n      outerDisabledHighContrastUnselectedStyle\n    }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    color: enumColor,\n    selectionState: isSelected ? 'isSelected' : 'isNotSelected',\n    disabledState: isDisabled ? 'isDisabled' : 'isNotDisabled',\n    readonlyState: isReadOnly ? 'isReadonly' : 'isNotReadonly',\n    highContrastState: isHighContrast ? 'isHighContrast' : 'isNotHighContrast'\n  });\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={!enumColor ? customColors : undefined}\n      class={classNames([ratingStarBaseStyle, enumColor ? variantClasses : ''])}>\n      <g>\n        <path\n          class={innerRatingStarColor}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={classNames([\n            outerRatingStarColor,\n            needsHighContrastStyle ? outerDisabledHighContrastBaseStyle : '',\n            needsHighContrastStyle\n              ? isSelected\n                ? outerDisabledHighContrastSelectedStyle\n                : outerDisabledHighContrastUnselectedStyle\n              : ''\n          ])}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport { RatingStar };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  const {\n    styles: { fractionalStarBaseStyle }\n  } = useComponentTheme<never, RatingGaugeStyles>(RatingGaugeRedwoodTheme);\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStarBaseStyle}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStarBaseStyle}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nexport { RatingGaugeItem };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Threshold, CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes';\nimport {\n  getThresholdColorFromValue,\n  getMeterAriaProps,\n  validateRange\n} from '../utils/PRIVATE_meterUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles, RatingGaugeVariantOptions } from './themes/RatingGaugeStyles.css';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the rating gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the rating gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of rating gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If aria-label is not specified, tooltip will be used as the aria-label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge. This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using aria-describedby, aria-labelledby or aria-label.\n   */\n  thresholds?: Threshold[];\n};\n\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size,\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  validateRange(0, max, value, step);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the rating gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props['aria-describedby']\n  });\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    0,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\n    props.thresholds,\n    isDisabled,\n    isReadonly,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  const itemColor = getThresholdColorFromValue(value, color, props.thresholds);\n\n  const { isTabbable } = useTabbableMode();\n  const {\n    classes,\n    styles: { baseStyle, interactiveStyle, itemStyle, sizeStyle }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    size\n  });\n\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([classes, baseStyle, isInteractive ? interactiveStyle : undefined])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([sizeStyle, itemStyle])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={itemColor}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\nimport { CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes/meterTypes';\nimport { useKeyboardEvents } from '../hooks/PRIVATE_useDvtMeterEvents';\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInputRef = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInputRef.current = inputValue;\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInputRef.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    0,\n    max,\n    step,\n    currentInputRef,\n    onCommit,\n    onInput\n  );\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyboardEventsProps.onKeyUp,\n    onKeyDown: keyboardEventsProps.onKeyDown,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  let disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n"],"names":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","min","ceil","getDimensions","element","rect","getBoundingClientRect","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","forcedColors","useUser","isHighContrast","needsHighContrastStyle","enumColor","undefined","getColorEnum","customColors","assignInlineVars","ratingGaugeVars","colorSelected","borderColorSelected","colorSelectedReadonly","variantClasses","styles","ratingStarBaseStyle","innerRatingStarColor","outerRatingStarColor","outerDisabledHighContrastBaseStyle","outerDisabledHighContrastSelectedStyle","outerDisabledHighContrastUnselectedStyle","useComponentTheme","RatingGaugeRedwoodTheme","selectionState","disabledState","readonlyState","highContrastState","_jsx","viewBox","height","style","class","classNames","children","_jsxs","jsx","d","RatingGaugeItem","fillRatio","isReadonly","direction","fractionalStarBaseStyle","jsxs","Fragment","clipPath","value","size","props","validateRange","rootRef","useRef","isInteractive","useEffect","eventProps","onCommit","onInput","currentInputRef","handleInput","inputValue","keyboardEventsProps","useKeyboardEvents","onPointerUp","event","val","onBlur","onPointerMove","onKeyUp","onKeyDown","onPointerLeave","onPointerEnter","useEvents","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","getMeterAriaProps","mergedEventProps","mergeProps","itemColor","getThresholdColorFromValue","isTabbable","useTabbableMode","classes","baseStyle","interactiveStyle","itemStyle","sizeStyle","ref","tabIndex","Array","map","_","index","className"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n\n  return numSteps < 0.5 ? 0 : Math.min(max, Math.ceil(numSteps) * step);\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: rect.width,\n    x: rect.x + window.scrollX\n  };\n}\n\n/**\n * Returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n * @param color The color in rating gauge.\n * @returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n */\nexport function getColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? color\n    : undefined;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getColorEnum } from './RatingUtils';\nimport { ratingGaugeVars } from './themes/RatingGaugeContract.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { RatingGaugeVariantOptions, RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color = 'neutral' }: Props) => {\n  const { forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const needsHighContrastStyle = isHighContrast && isDisabled;\n  const enumColor = getColorEnum(color);\n  const customColors = assignInlineVars({\n    [ratingGaugeVars.colorSelected]: color,\n    [ratingGaugeVars.borderColorSelected]: color,\n    [ratingGaugeVars.colorSelectedReadonly]: color\n  });\n  const {\n    variantClasses,\n    styles: {\n      ratingStarBaseStyle,\n      innerRatingStarColor,\n      outerRatingStarColor,\n      outerDisabledHighContrastBaseStyle,\n      outerDisabledHighContrastSelectedStyle,\n      outerDisabledHighContrastUnselectedStyle\n    }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    color: enumColor,\n    selectionState: isSelected ? 'isSelected' : 'isNotSelected',\n    disabledState: isDisabled ? 'isDisabled' : 'isNotDisabled',\n    readonlyState: isReadOnly ? 'isReadonly' : 'isNotReadonly',\n    highContrastState: isHighContrast ? 'isHighContrast' : 'isNotHighContrast'\n  });\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={!enumColor ? customColors : undefined}\n      class={classNames([ratingStarBaseStyle, enumColor ? variantClasses : ''])}>\n      <g>\n        <path\n          class={innerRatingStarColor}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={classNames([\n            outerRatingStarColor,\n            needsHighContrastStyle ? outerDisabledHighContrastBaseStyle : '',\n            needsHighContrastStyle\n              ? isSelected\n                ? outerDisabledHighContrastSelectedStyle\n                : outerDisabledHighContrastUnselectedStyle\n              : ''\n          ])}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport { RatingStar };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  const {\n    styles: { fractionalStarBaseStyle }\n  } = useComponentTheme<never, RatingGaugeStyles>(RatingGaugeRedwoodTheme);\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStarBaseStyle}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStarBaseStyle}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nexport { RatingGaugeItem };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Threshold, CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes';\nimport {\n  getThresholdColorFromValue,\n  getMeterAriaProps,\n  validateRange\n} from '../utils/PRIVATE_meterUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles, RatingGaugeVariantOptions } from './themes/RatingGaugeStyles.css';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the rating gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the rating gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of rating gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If aria-label is not specified, tooltip will be used as the aria-label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge. This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using aria-describedby, aria-labelledby or aria-label.\n   */\n  thresholds?: Threshold[];\n};\n\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size,\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  validateRange(0, max, value, step);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the rating gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props['aria-describedby']\n  });\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    0,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\n    props.thresholds,\n    isDisabled,\n    isReadonly,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  const itemColor = getThresholdColorFromValue(value, color, props.thresholds);\n\n  const { isTabbable } = useTabbableMode();\n  const {\n    classes,\n    styles: { baseStyle, interactiveStyle, itemStyle, sizeStyle }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    size\n  });\n\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([classes, baseStyle, isInteractive ? interactiveStyle : undefined])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([sizeStyle, itemStyle])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={itemColor}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\nimport { CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes/meterTypes';\nimport { useKeyboardEvents } from '../hooks/PRIVATE_useDvtMeterEvents';\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInputRef = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInputRef.current = inputValue;\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInputRef.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    0,\n    max,\n    step,\n    currentInputRef,\n    onCommit,\n    onInput\n  );\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyboardEventsProps.onKeyUp,\n    onKeyDown: keyboardEventsProps.onKeyDown,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  let disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n"],"names":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","min","ceil","getDimensions","element","rect","getBoundingClientRect","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","forcedColors","useUser","isHighContrast","needsHighContrastStyle","enumColor","undefined","getColorEnum","customColors","assignInlineVars","ratingGaugeVars","colorSelected","borderColorSelected","colorSelectedReadonly","variantClasses","styles","ratingStarBaseStyle","innerRatingStarColor","outerRatingStarColor","outerDisabledHighContrastBaseStyle","outerDisabledHighContrastSelectedStyle","outerDisabledHighContrastUnselectedStyle","useComponentTheme","RatingGaugeRedwoodTheme","selectionState","disabledState","readonlyState","highContrastState","_jsx","viewBox","height","style","class","classNames","children","_jsxs","jsx","d","RatingGaugeItem","fillRatio","isReadonly","direction","fractionalStarBaseStyle","jsxs","Fragment","clipPath","value","size","props","validateRange","rootRef","useRef","isInteractive","useEffect","eventProps","onCommit","onInput","currentInputRef","handleInput","inputValue","keyboardEventsProps","useKeyboardEvents","onPointerUp","event","val","onBlur","onPointerMove","onKeyUp","onKeyDown","onPointerLeave","onPointerEnter","useEvents","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","getMeterAriaProps","mergedEventProps","mergeProps","itemColor","getThresholdColorFromValue","isTabbable","useTabbableMode","classes","baseStyle","interactiveStyle","itemStyle","sizeStyle","ref","tabIndex","Array","map","_","index","className"],"mappings":"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"}

package/amd/UNSAFE_SelectMultiple.css

@@ -1 +1 @@
-._6lv8mi{display:inline-flex;}
+.uqubpn{display:inline-flex;}