@oracle/oraclejet-preact 15.0.5 → 15.1.0

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-54aac310', './PRIVATE_ThemedIcons/CheckIcon', './PRIVATE_ThemedIcons/RadioOffIcon', './PRIVATE_ThemedIcons/RadioOnIcon', './UNSAFE_HiddenAccessible', './RadioGroupContext-580f7ab8', './UNSAFE_UserAssistance', './utils/UNSAFE_stringUtils', './UNSAFE_Radio/themes/RadioIconContract.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/redwood/RadioTheme', './HiddenAccessible-112e1ecb', './stringUtils-5ffdcfb3', './utils/UNSAFE_logger', './_curry1-d98c2367', './_curry2-469edfc1', './hooks/UNSAFE_useToggle', 'preact/hooks', 'preact', './utils/UNSAFE_mergeProps', './utils/PRIVATE_clientHints', './clientHints-a7a57239', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './UNSAFE_Icon', './Icon-a5fb9a10', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9125182b', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-586582eb', 'preact/compat', './index-fcc0840c', './hooks/UNSAFE_useUser', './index-3e23c862', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-79e32c42', './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-5ba4fc57', './vanilla-extract-dynamic.esm-d22e3de9', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-abf45dcc', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-1b475303', './_has-0610d90b', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c8b653d8', './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-949d1df3', './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-4be0a808', './PRIVATE_Message', './UNSAFE_Flex', './Flex-df79f02e', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './keys-b8a638ad', './utils/UNSAFE_interpolations/flexbox', './flexbox-3486ae41', './utils/UNSAFE_interpolations/flexitem', './flexitem-899096c0', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-d1e4858f', './UNSAFE_IconButton', './IconButton-903e035b', './UNSAFE_BaseButton', './BaseButton-077e5a8a', './hooks/UNSAFE_usePress', './UNSAFE_ButtonLayout', './ButtonLayout-c9efea1e', './UNSAFE_Text', './Text-a360dd6a', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-216a05d0', './MessageFormattingUtils-9897753c', './utils/UNSAFE_getLocale', './Message.types-b4f9193e', './MessageStartIcon-6a8df238', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f72a5276', './MessageTimestamp-c2982045', './MessageUtils-e1be6387', './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-a11de134', './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-98fc9e48', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-feb9ff0e', './UNSAFE_FocusTrap', './FocusTrap-e842870b', './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-6a057f07', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-31b5a0a2', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-d286a116', './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,l,c,d,r,m,h,S,A,F,u,_,U,E,N,p,T,y,g,I,b,R,C,M,x,f,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,le,ce,de,re,me,he,Se,Ae,Fe,ue,_e,Ue,Ee,Ne,pe,Te,ye,ge,Ie,be,Re,Ce,Me,xe,fe,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,ls,cs,ds,rs,ms,hs,Ss,As,Fs,us,_s,Us,Es,Ns,ps,Ts,ys,gs,Is,bs,Rs,Cs,Ms,xs,fs,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,lo,co,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}=d.useCheckboxRadioContext(),{isTabbable:x}=l.useTabbableMode(),f=i.useId(),{isFocus:w,focusProps:B}=t.useFocus(),k=R===e,P=g??y,V=I??T,{interactionProps:v,applyActiveStyle:L}=c.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?`${f}-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:f,value:e,...!V&&{onChange:s=>{s.stopPropagation(),C?.({previousValue:R,value:e})}},checked:k,disabled:P,"aria-describedby":$,...!x&&{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:x&&k&&w,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-f77c1680', './PRIVATE_ThemedIcons/CheckIcon', './PRIVATE_ThemedIcons/RadioOffIcon', './PRIVATE_ThemedIcons/RadioOnIcon', './UNSAFE_HiddenAccessible', './RadioGroupContext-18350823', './UNSAFE_UserAssistance', './utils/UNSAFE_stringUtils', './UNSAFE_Radio/themes/RadioIconContract.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/redwood/RadioTheme', './HiddenAccessible-31342a6d', './stringUtils-2f1755af', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './hooks/UNSAFE_useToggle', 'preact/hooks', 'preact', './utils/UNSAFE_mergeProps', './utils/PRIVATE_clientHints', './clientHints-6a60a81f', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './UNSAFE_Icon', './Icon-862cc6d2', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-bce56ac3', 'preact/compat', './index-506999ae', './hooks/UNSAFE_useUser', './index-fc8f1cc9', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-7db86b04', './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-449615b2', './vanilla-extract-dynamic.esm-18a5d83c', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-966c4b00', './_has-fb587992', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './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-08f31b0a', './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-eee5ec9d', './PRIVATE_Message', './UNSAFE_Flex', './Flex-162d1295', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './keys-fefb7628', './utils/UNSAFE_interpolations/flexbox', './flexbox-f4af7fd8', './utils/UNSAFE_interpolations/flexitem', './flexitem-11c1ee04', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-27e527a8', './UNSAFE_IconButton', './IconButton-ba5bf817', './UNSAFE_BaseButton', './BaseButton-2a81d907', './hooks/UNSAFE_usePress', './UNSAFE_ButtonLayout', './ButtonLayout-3802dbaa', './UNSAFE_Text', './Text-124b29d6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-26766dd3', './MessageFormattingUtils-e289771f', './utils/UNSAFE_getLocale', './Message.types-c7f3500d', './MessageStartIcon-9a6e6ebd', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-ea049723', './MessageTimestamp-ff1f927c', './MessageUtils-7eb71b76', './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-cbe9e083', './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-0881de9e', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-186f8d06', './UNSAFE_FocusTrap', './FocusTrap-618797a1', './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-54bffeab', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-39e1c0b1', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-3eddfa42', './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,l,c,d,r,m,h,S,A,F,u,_,U,E,N,p,T,y,g,b,I,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,le,ce,de,re,me,he,Se,Ae,Fe,ue,_e,Ue,Ee,Ne,pe,Te,ye,ge,be,Ie,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,ls,cs,ds,rs,ms,hs,Ss,As,Fs,us,_s,Us,Es,Ns,ps,Ts,ys,gs,bs,Is,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,lo,co,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}=d.useCheckboxRadioContext(),{isTabbable:f}=l.useTabbableMode(),x=i.useId(),{isFocus:w,focusProps:B}=t.useFocus(),k=R===e,P=g??y,V=b??T,{interactionProps:v,applyActiveStyle:L}=c.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:I,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: https://jira.oraclecorp.com/jira/browse/JET-57861\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', 'preact/jsx-runtime', 'preact/compat', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './PRIVATE_CheckboxRadioField', './RadioGroupContext-580f7ab8', 'preact', 'preact/hooks', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './Flex-df79f02e', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9125182b', './Common/themes/themeContract.css', './_curry1-d98c2367', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-79e32c42', './_curry3-1b475303', './_curry2-469edfc1', './_has-0610d90b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-b8a638ad', './utils/UNSAFE_interpolations/flexbox', './flexbox-3486ae41', './utils/UNSAFE_interpolations/flexitem', './flexitem-899096c0', './UNSAFE_Label', './Label-bb5691d1', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_UserAssistance', './InlineHelpSource-949d1df3', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-3e23c862', './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-5ba4fc57', './UNSAFE_ComponentMessage', './ComponentMessage-4be0a808', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-d1e4858f', './UNSAFE_IconButton', './IconButton-903e035b', './UNSAFE_BaseButton', './BaseButton-077e5a8a', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-a7a57239', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-c9efea1e', './UNSAFE_Text', './Text-a360dd6a', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-586582eb', './index-fcc0840c', './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-d22e3de9', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-abf45dcc', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c8b653d8', './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-a5fb9a10', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-216a05d0', './MessageFormattingUtils-9897753c', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-5ffdcfb3', './Message.types-b4f9193e', './MessageStartIcon-6a8df238', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f72a5276', './MessageTimestamp-c2982045', './MessageUtils-e1be6387', './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-a11de134', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-112e1ecb', './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-98fc9e48', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-feb9ff0e', './UNSAFE_FocusTrap', './FocusTrap-e842870b', './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-6a057f07', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-31b5a0a2', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-d286a116', './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-54aac310'], (function(e,s,o,t,a,i,n,l,d,r,c,m,F,h,S,A,u,_,E,U,N,T,p,y,g,b,x,C,M,I,R,k,B,w,P,f,V,L,v,D,H,G,W,j,q,O,z,J,K,Q,X,Y,Z,$,ee,se,oe,te,ae,ie,ne,le,de,re,ce,me,Fe,he,Se,Ae,ue,_e,Ee,Ue,Ne,Te,pe,ye,ge,be,xe,Ce,Me,Ie,Re,ke,Be,we,Pe,fe,Ve,Le,ve,De,He,Ge,We,je,qe,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,as,is,ns,ls,ds,rs,cs,ms,Fs,hs,Ss,As,us,_s,Es,Us,Ns,Ts,ps,ys,gs,bs,xs,Cs,Ms,Is,Rs,ks,Bs,ws,Ps,fs,Vs,Ls,vs,Ds,Hs,Gs,Ws,js,qs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,$s,eo,so,oo,to,ao,io,no,lo,ro,co,mo,Fo,ho,So,Ao,uo,_o,Eo,Uo,No,To,po,yo,go,bo,xo,Co,Mo,Io,Ro,ko,Bo,wo,Po,fo,Vo,Lo,vo,Do){"use strict";const Ho=o.forwardRef((({"aria-describedby":e,assistiveText:o,direction:r="column",helpSourceLink:c,helpSourceText:m,isDisabled:F,isReadonly:h,isRequired:S=!1,label:A,labelEdge:u,labelStartWidth:_,messages:E,onCommit:U,userAssistanceDensity:N,value:T,children:p},y)=>{const g=!!T,{isDisabled:b,isReadonly:x,labelEdge:C,labelStartWidth:M,userAssistanceDensity:I}=t.useFormContext(),R=F??b,k=h??x,B=u??C,w=_??M,P=N??I,f=i.useFormFieldContextProps({hasValue:g,isDisabled:R,isReadonly:k,value:T}),V=n.useId();return s.jsx(a.FormFieldContext.Provider,{value:f,children:s.jsx(l.CheckboxRadioField,{"aria-describedby":e,assistiveText:o,baseId:V,direction:r,helpSourceLink:c,helpSourceText:m,isDisabled:R,isReadonly:k,isRequired:S,label:A,labelEdge:B,labelStartWidth:w,parentComponentVariant:"radioGroup",messages:E,userAssistanceDensity:P,hasValue:g,ref:y,role:"radiogroup",children:s.jsx(d.RadioGroupContext.Provider,{value:{name:V,value:T,onCommit:U},children:p})})})}));e.RadioGroup=Ho,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './RadioGroup-77a93dc8', '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-162d1295', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './Common/themes/themeContract.css', './_curry1-b3fba646', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-7db86b04', './_curry3-966c4b00', './_curry2-0b7b67aa', './_has-fb587992', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-fefb7628', './utils/UNSAFE_interpolations/flexbox', './flexbox-f4af7fd8', './utils/UNSAFE_interpolations/flexitem', './flexitem-11c1ee04', './UNSAFE_Label', './Label-fa1cb600', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_UserAssistance', './InlineHelpSource-08f31b0a', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-fc8f1cc9', './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-449615b2', './UNSAFE_ComponentMessage', './ComponentMessage-eee5ec9d', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-27e527a8', './UNSAFE_IconButton', './IconButton-ba5bf817', './UNSAFE_BaseButton', './BaseButton-2a81d907', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-6a60a81f', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-3802dbaa', './UNSAFE_Text', './Text-124b29d6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-bce56ac3', './index-506999ae', './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-18a5d83c', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './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-862cc6d2', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-26766dd3', './MessageFormattingUtils-e289771f', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-2f1755af', './Message.types-c7f3500d', './MessageStartIcon-9a6e6ebd', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-ea049723', './MessageTimestamp-ff1f927c', './MessageUtils-7eb71b76', './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-cbe9e083', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-31342a6d', './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-0881de9e', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-186f8d06', './UNSAFE_FocusTrap', './FocusTrap-618797a1', './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-54bffeab', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-39e1c0b1', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-3eddfa42', './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-f77c1680', './RadioGroupContext-18350823'], (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,f,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,we,ke,fe,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,ws,ks,fs,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,wo,ko,fo,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_RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RadioGroup.js","sources":["../../src/UNSAFE_RadioGroup/RadioGroup.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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\n// import { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '../hooks/UNSAFE_useFormFieldContextProps';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '../UNSAFE_UserAssistance';\n\nimport { CheckboxRadioField } from '../PRIVATE_CheckboxRadioField';\nimport { RadioGroupContext } from './RadioGroupContext';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * RadioOption\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   *\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<string>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the radio option.\n   */\n  value?: string;\n};\n\nexport const RadioGroup = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n\n      children\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = !!value;\n    const {\n      isDisabled: isFormDisabled,\n      // TODO: unused variables, are they needed?\n      // isFormLayout,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly,\n      value\n    });\n\n    const baseId = useId();\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"radioGroup\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          ref={ref}\n          role=\"radiogroup\">\n          <RadioGroupContext.Provider\n            value={{\n              name: baseId,\n              value,\n              onCommit\n            }}>\n            {children}\n          </RadioGroupContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["RadioGroup","forwardRef","ariaDescribedBy","assistiveText","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","ref","hasValue","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","baseId","useId","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","RadioGroupContext","name"],"mappings":"koPAuGa,MAAAA,GAAaC,EAAAA,YACxB,EAEI,mBAAoBC,EACpBC,gBACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QAEAC,YAEFC,KAEA,MAAMC,IAAaH,GAEjBd,WAAYkB,EAGZhB,WAAYiB,EACZb,UAAWc,EACXZ,gBAAiBa,EACjBT,sBAAuBU,GACrBC,EAAAA,iBAEEvB,EAAaC,GAAkBiB,EAC/BhB,EAAaC,GAAkBgB,EAC/Bb,EAAYC,GAAiBa,EAC7BZ,EAAkBC,GAAuBY,EACzCT,EAAwBC,GAA6BS,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDR,WACAjB,aACAE,aACAY,UAGIY,EAASC,EAAAA,QAEf,OACEC,MAACC,EAAAA,iBAAiBC,SAAQ,CAAChB,MAAOU,WAChCI,MAACG,EAAAA,uCACmBpC,EAClBC,cAAeA,EACf8B,OAAQA,EACR7B,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBwB,uBAAuB,aACvBtB,SAAUA,EACVE,sBAAuBA,EACvBK,SAAUA,EACVD,IAAKA,EACLiB,KAAK,sBACLL,EAAAA,IAACM,EAAAA,kBAAkBJ,SAAQ,CACzBhB,MAAO,CACLqB,KAAMT,EACNZ,QACAH,YACDI,SACAA,OAIP"}
+{"version":3,"file":"UNSAFE_RadioGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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-5ba4fc57'], (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.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-449615b2'], (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-5ba4fc57'], (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-449615b2'], (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-5ba4fc57'], (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-449615b2'], (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-5ba4fc57'], (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-449615b2'], (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-d22e3de9', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './classNames-79e32c42', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_logger', './_curry1-d98c2367', './_curry2-469edfc1', './index-3e23c862', './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-5ba4fc57', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-586582eb', './index-fcc0840c', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils-9125182b', './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-abf45dcc', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-1b475303', './_has-0610d90b', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c8b653d8', './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,i,a,n,l,r,c,d,u,h,m,g,S,p,y,F,U,N,b,A,_,E,R,T,C,x,f,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,ie,ae,ne,le,re,ce,de,ue,he,me,ge,Se,pe,ye){"use strict";function Fe(e,t,s,o,i){const a=o.current;if(!a||0===a.width)return-1;const n=e-a.x,l=t*(i?a.width-n:n)/a.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:i="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}(i),S=r.assignInlineVars({[a.ratingGaugeVars.colorSelected]:i,[a.ratingGaugeVars.borderColorSelected]:i,[a.ratingGaugeVars.colorSelectedReadonly]:i}),{variantClasses:p,styles:{ratingStarBaseStyle:y,innerRatingStarColor:F,outerRatingStarColor:U,outerDisabledHighContrastBaseStyle:N,outerDisabledHighContrastSelectedStyle:b,outerDisabledHighContrastUnselectedStyle:A}}=n.useComponentTheme(c.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:d.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:d.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:i,color:a})=>{const{direction:r}=l.useUser(),d="rtl"===r;if(1===e||0===e)return t.jsx(Ne,{isSelected:1===e,isDisabled:o,isReadOnly:i,color:a});const{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(c.RatingGaugeRedwoodTheme);return t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${d?100*(1-e):0}% 0% ${d?0:100*e}%)`},children:t.jsx(Ne,{isSelected:!1,isDisabled:o,isReadOnly:i,color:a})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${d?0:100*(1-e)}% 0% ${d?100*(1-e):0}%)`},children:t.jsx(Ne,{isSelected:!0,isDisabled:o,isReadOnly:i,color:a})})]})},Ae=(e,t,s,i,a,n,r,c)=>{const d=o.useRef(),{direction:h}=l.useUser();if(!n)return{};const m="rtl"===h,g=e=>{c?.({value:e}),d.current=e},S=u.useKeyboardEvents(s,0,e,t,d,r,c);return{onPointerUp:s=>{const o=Fe(s.pageX,e,t,a,m);-1!==o&&r?.({value:o})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const o=Fe(s.pageX,e,t,a,m);-1!==o&&o!=d.current&&g(o)},onKeyUp:S.onKeyUp,onKeyDown:S.onKeyDown,onPointerLeave:()=>{g(void 0)},onPointerEnter:()=>{a.current=Ue(i.current)}}};e.RatingGauge=function({max:e=5,value:i=0,size:a,color:l="neutral",step:r=1,isReadonly:u,isDisabled:p,...y}){h.validateRange(0,e,i,r);const F=o.useRef(null),U=o.useRef(Ue(null)),N=!u&&!p;o.useEffect((()=>{U.current=Ue(F.current)}),[a,e]);const b=Ae(e,r,i,F,U,N,y.onCommit,y.onInput),{tooltipContent:A,tooltipProps:_}=function({max:e,value:t,isReadonly:s,isDisabled:i,tooltip:a,datatip:n,thresholds:l,ariaDescribedBy:r,width:c}){const[d,u]=o.useState(!1),g=s&&!i?"tooltip":"datatip";let S=i||!("tooltip"===g&&a||"datatip"===g&&n);const p=Math.max(1,Math.ceil(t)),y="tooltip"===g?0:(p-Math.ceil(e/2))*c/e;let F="tooltip"===g?a:n;F||!l||i||(F=h.findThreshold(t,l)?.accessibleLabel,S=!1);const{tooltipContent:U,tooltipProps:N}=m.useTooltipControlled({text:F,isOpen:d,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:i,isReadonly:u,isDisabled:p,tooltip:y.tooltip,datatip:y.datatip,thresholds:y.thresholds,width:U.current.width,ariaDescribedBy:y["aria-describedby"]}),E=h.getMeterAriaProps(i,0,e,y["aria-label"],y["aria-labelledby"],y.thresholds,p,u,y.tooltip),R=g.mergeProps(b,_),T=h.getThresholdColorFromValue(i,l,y.thresholds),{isTabbable:C}=S.useTabbableMode(),{classes:x,styles:{baseStyle:f,interactiveStyle:v,itemStyle:w,sizeStyle:k}}=n.useComponentTheme(c.RatingGaugeRedwoodTheme,{size:a});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...E,ref:F,class:d.classNames([x,f,N?v:void 0]),tabIndex:C&&!p?0:-1,...R,children:[...Array(e)].map(((e,s)=>{const o=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:d.classNames([k,w]),children:t.jsx(be,{fillRatio:o,isDisabled:p,isReadonly:u,color:T})})}))}),A]})},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-18a5d83c', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './classNames-7db86b04', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './index-fc8f1cc9', './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-449615b2', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-bce56ac3', './index-506999ae', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils-c7444933', './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-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-966c4b00', './_has-fb587992', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './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,c,d,u,h,m,g,S,p,y,F,b,U,N,A,_,E,R,T,C,x,f,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,ce,de,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 be(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const Ue=({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:b,outerDisabledHighContrastBaseStyle:U,outerDisabledHighContrastSelectedStyle:N,outerDisabledHighContrastUnselectedStyle:A}}=n.useComponentTheme(c.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:d.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:d.classNames([b,m?U:"",m?e?N: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"})]})})},Ne=({fillRatio:e,isDisabled:o,isReadonly:a,color:i})=>{const{direction:r}=l.useUser(),d="rtl"===r;if(1===e||0===e)return t.jsx(Ue,{isSelected:1===e,isDisabled:o,isReadOnly:a,color:i});const{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(c.RatingGaugeRedwoodTheme);return t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${d?100*(1-e):0}% 0% ${d?0:100*e}%)`},children:t.jsx(Ue,{isSelected:!1,isDisabled:o,isReadOnly:a,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${d?0:100*(1-e)}% 0% ${d?100*(1-e):0}%)`},children:t.jsx(Ue,{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,...b}){h.validateRange(0,e,a,p);const U=o.useRef(null),N=o.useRef(be(null)),A=!y&&!F;o.useEffect((()=>{N.current=be(U.current)}),[i,e]);const _=((e,t,s,a,i,n,r,c)=>{const d=o.useRef(),{direction:h}=l.useUser();if(!n)return{};const m="rtl"===h,g=e=>{c?.({value:e}),d.current=e},S=u.useKeyboardEvents(s,0,e,t,d,r,c);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!=d.current&&g(o)},onKeyUp:S.onKeyUp,onKeyDown:S.onKeyDown,onPointerLeave:()=>{g(void 0)},onPointerEnter:()=>{i.current=be(a.current)}}})(e,p,a,U,N,A,b.onCommit,b.onInput),{tooltipContent:E,tooltipProps:R}=function({max:e,value:t,isReadonly:s,isDisabled:a,tooltip:i,datatip:n,thresholds:l,ariaDescribedBy:r,width:c}){const[d,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))*c/e;let F="tooltip"===g?i:n;F||!l||a||(F=h.findThreshold(t,l)?.accessibleLabel,S=!1);const{tooltipContent:b,tooltipProps:U}=m.useTooltipControlled({text:F,isOpen:d,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:y},isDisabled:S,onToggle:({value:e})=>u(e),variant:g});return U["aria-describedby"]=[r,U["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:b,tooltipProps:U}}({max:e,value:a,isReadonly:y,isDisabled:F,tooltip:b.tooltip,datatip:b.datatip,thresholds:b.thresholds,width:N.current.width,ariaDescribedBy:b["aria-describedby"]}),T=h.getMeterAriaProps(a,0,e,b["aria-label"],b["aria-labelledby"],b.thresholds,F,y,b.tooltip),C=g.mergeProps(_,R),x=h.getThresholdColorFromValue(a,r,b.thresholds),{isTabbable:f}=S.useTabbableMode(),{classes:v,styles:{baseStyle:w,interactiveStyle:k,itemStyle:G,sizeStyle:D}}=n.useComponentTheme(c.RatingGaugeRedwoodTheme,{size:i});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...T,ref:U,class:d.classNames([v,w,A?k:void 0]),tabIndex:f&&!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:d.classNames([D,G]),children:t.jsx(Ne,{fillRatio:o,isDisabled:F,isReadonly:y,color:x})})}))}),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/useEvents.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.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 */\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","/**\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 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.\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 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 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 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","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","useEvents","value","rootRef","isInteractive","onCommit","onInput","currentInputRef","useRef","handleInput","inputValue","keyboardEventsProps","useKeyboardEvents","onPointerUp","event","val","onBlur","onPointerMove","onKeyUp","onKeyDown","onPointerLeave","onPointerEnter","size","props","validateRange","useEffect","eventProps","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 @@
-._17u7npq{display:inline-flex;}
+.wv5awv{display:inline-flex;}