@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/es/UNSAFE_Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Checkbox.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { merge } from '#utils/UNSAFE_stringUtils';\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'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\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 checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': propAriaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const testIdProps = useTestId(testId);\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n    const ariaDescribedBy = hasBottomUserAssistance\n      ? merge([bottomUaId, propAriaDescribedBy])\n      : propAriaDescribedBy;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <div {...testIdProps}>\n        <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n          <CheckboxControl\n            {...(!isDisabled && !isReadonly\n              ? {\n                  onChange: onChangeHandler,\n                  onKeyUp: onChangeHandler\n                }\n              : {})}\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            columnSpan={columnSpan}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isChecked={propValue}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={checkboxRef}>\n            {children}\n          </CheckboxControl>\n          {hasBottomUserAssistance ? (\n            <InlineUserAssistance\n              id={bottomUaId}\n              isRequiredShown={!isReadonly && !!isRequired && !propValue}\n              requiredAlignment=\"start\"\n              messages={messages}\n              userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n              testId={UAtestId}\n            />\n          ) : userAssistanceDensity === 'reflow' ? undefined : (\n            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n            <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n          )}\n        </CheckboxRadioContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["merge","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Checkbox.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { merge } from '#utils/UNSAFE_stringUtils';\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'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\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 checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': propAriaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const testIdProps = useTestId(testId);\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n    const ariaDescribedBy = hasBottomUserAssistance\n      ? merge([bottomUaId, propAriaDescribedBy])\n      : propAriaDescribedBy;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <div {...testIdProps}>\n        <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n          <CheckboxControl\n            {...(!isDisabled && !isReadonly\n              ? {\n                  onChange: onChangeHandler,\n                  onKeyUp: onChangeHandler\n                }\n              : {})}\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            columnSpan={columnSpan}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isChecked={propValue}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={checkboxRef}>\n            {children}\n          </CheckboxControl>\n          {hasBottomUserAssistance ? (\n            <InlineUserAssistance\n              id={bottomUaId}\n              isRequiredShown={!isReadonly && !!isRequired && !propValue}\n              requiredAlignment=\"start\"\n              messages={messages}\n              userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n              testId={UAtestId}\n            />\n          ) : userAssistanceDensity === 'reflow' ? undefined : (\n            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n            <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n          )}\n        </CheckboxRadioContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["merge","_jsx","_jsxs"],"mappings":"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"}

package/es/UNSAFE_CheckboxItem.js

@@ -5,7 +5,7 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { C as CheckboxControl } from './CheckboxControl-f2d72b06.js';
+import { C as CheckboxControl } from './CheckboxControl-6fb2836d.js';
 import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
 import 'preact';
 import 'preact/compat';
@@ -89,8 +89,8 @@ import './vanilla-extract-dynamic.esm-c909758c.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './useUnsafeDomElementRef-32290273.js';
 import './IconStyle.styles.css';
-import './IconButton-c91faa06.js';
-import './BaseButton-c9db8d61.js';
+import './IconButton-e7787aeb.js';
+import './BaseButton-93d2f16c.js';
 import './useHover-85077adb.js';
 import './useActive-fb6d4d52.js';
 import './clientHints-a42b510c.js';
@@ -100,10 +100,10 @@ import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './buttonUtils-55fb1df7.js';
 import './id-83adac50.js';
 import './ButtonLabelLayout-d449261a.js';
@@ -201,6 +201,7 @@ import './CollectionInteractionContext-7cf19abc.js';
 import './useCollectionInteractionContext-3895c632.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
 import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css';
 import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';

package/es/UNSAFE_CheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEA,GAAC,CAAA,eAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEA,GAAC,CAAA,eAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}

package/es/UNSAFE_CheckboxRadioField.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as CheckboxRadioLabelValueLayout } from './CheckboxRadioLabelValueLayout-6e130aa4.js';
+export { C as CheckboxRadioLabelValueLayout } from './CheckboxRadioLabelValueLayout-1af018de.js';
 import 'preact/jsx-runtime';
 import './classNames-4e12b00d.js';
 import './FormContext-55fb8000.js';
@@ -29,6 +29,7 @@ import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
 import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css';
 import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';

package/es/UNSAFE_CheckboxRadioField.js.map

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

package/es/UNSAFE_CheckboxSet.js

@@ -11,7 +11,7 @@ import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContextProps } from './useFormFieldContextProps-31bbc12f.js';
 import './CheckboxSetStyles.styles.css';
 import { u as useId } from './useId-03dbfdf0.js';
-import { C as CheckboxRadioField } from './CheckboxRadioField-9684d0a0.js';
+import { C as CheckboxRadioField } from './CheckboxRadioField-4ca01498.js';
 import './useCollectionFocusRing-71cdd52c.js';
 import './collectionUtils-893f2808.js';
 import './keys-49c92dbb.js';
@@ -44,7 +44,7 @@ import './_curry3-577eb45e.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
 import './FlexStyles.styles.css';
-import './Label-5c64c52d.js';
+import './Label-17e1d221.js';
 import './useFormFieldContext-daf7a676.js';
 import './useComponentTheme-d2f9e47f.js';
 import './logger-c92f309c.js';
@@ -102,18 +102,18 @@ import './vanilla-extract-dynamic.esm-c909758c.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './useUnsafeDomElementRef-32290273.js';
 import './IconStyle.styles.css';
-import './IconButton-c91faa06.js';
-import './BaseButton-c9db8d61.js';
+import './IconButton-e7787aeb.js';
+import './BaseButton-93d2f16c.js';
 import './useActive-fb6d4d52.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './useTabbableMode-a2fdbb06.js';
 import './buttonUtils-55fb1df7.js';
 import './id-83adac50.js';
@@ -202,8 +202,8 @@ import './TextFieldVariants.styles.css';
 import './InlineHelp-8293a502.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
-import './InlineUserAssistance-f57a9043.js';
-import './ComponentMessageContainer-6149c829.js';
+import './InlineUserAssistance-af01b717.js';
+import './ComponentMessageContainer-dc2b5f81.js';
 import './MessagesManager-c46786cb.js';
 import './SuccessS-49782304.js';
 import './ErrorS-60a975db.js';
@@ -223,7 +223,7 @@ import './CheckboxRadioFieldStyles.styles.css';
 import './CheckboxRadioContext-fe425383.js';
 import './LayoutStyles.css-6b02421a.js';
 import './LayoutStyles.styles.css';
-import './CheckboxRadioLabelValueLayout-6e130aa4.js';
+import './CheckboxRadioLabelValueLayout-1af018de.js';
 import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
 import './UNSAFE_RadioItem/themes/RadioStyles.css.js';
 import './RadioStyles.styles.css';
@@ -236,6 +236,7 @@ import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
 import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css';
 import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';

package/es/UNSAFE_CheckboxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref, toChildArray, JSX } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\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'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\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<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\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      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\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=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref, toChildArray, JSX } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\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'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\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<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\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      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\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=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/es/UNSAFE_ColorPalette.js

@@ -1,14 +1,14 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as ColorPalette } from './ColorPalette-76ede708.js';
+export { C as ColorPalette } from './ColorPalette-765bbe22.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 import 'preact/hooks';
-import './ColorSwatch-52f47316.js';
+import './ColorSwatch-e98ed8ec.js';
 import 'preact';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a2fdbb06.js';
 import './useId-03dbfdf0.js';
@@ -22,8 +22,8 @@ import './index-3e2e69c4.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './unsafeDomAccess-453eb74e.js';
-import './IconButton-c91faa06.js';
-import './BaseButton-c9db8d61.js';
+import './IconButton-e7787aeb.js';
+import './BaseButton-93d2f16c.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';

package/es/UNSAFE_ColorPicker.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as ColorPicker } from './ColorPicker-728b1d99.js';
+export { C as ColorPicker } from './ColorPicker-94212b50.js';
 import 'preact/jsx-runtime';
 import './useTestId-7f8e69e7.js';
 import './LayerHost-a54158ef.js';
@@ -18,49 +18,38 @@ import './ColorPickerVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.css.js';
 import './UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css';
-import './Flex-97b023db.js';
-import './classNames-4e12b00d.js';
-import './boxalignment-51b42a0f.js';
-import './size-a3d3aeaf.js';
-import './utils-cfef1929.js';
-import './themeContract.css-2b5a42e2.js';
-import './colorUtils-b3804ee8.js';
-import './_curry1-63949a9b.js';
-import './arrayUtils-35a58161.js';
-import './boxalignment.styles.css';
-import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
-import './dimensions-ddde0eee.js';
-import './flexbox-529f25da.js';
-import './flexbox.styles.css';
-import './flexitem-7b7f7920.js';
-import './flexitem.styles.css';
-import './mergeInterpolations-30cd9a69.js';
-import './mergeDeepWithKey-33e3d1be.js';
-import './_curry3-577eb45e.js';
-import './_curry2-01c87f61.js';
-import './_isObject-1fab0f5b.js';
-import './FlexStyles.styles.css';
-import './clientUtils-71f2dbaf.js';
-import './clientHints-a42b510c.js';
-import './ColorPalette-76ede708.js';
-import './ColorSwatch-52f47316.js';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './ColorPalette-765bbe22.js';
+import './ColorSwatch-e98ed8ec.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a2fdbb06.js';
 import './useId-03dbfdf0.js';
+import './clientHints-a42b510c.js';
 import './mergeProps-88ea8306.js';
 import './buttonUtils-55fb1df7.js';
 import './id-83adac50.js';
 import './unsafeDomAccess-453eb74e.js';
-import './IconButton-c91faa06.js';
-import './BaseButton-c9db8d61.js';
+import './IconButton-e7787aeb.js';
+import './BaseButton-93d2f16c.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
 import './useColorScheme-14c5c7ab.js';
+import './classNames-4e12b00d.js';
+import './dimensions-ddde0eee.js';
+import './size-a3d3aeaf.js';
+import './utils-cfef1929.js';
+import './themeContract.css-2b5a42e2.js';
+import './colorUtils-b3804ee8.js';
+import './_curry1-63949a9b.js';
+import './mergeInterpolations-30cd9a69.js';
+import './mergeDeepWithKey-33e3d1be.js';
+import './_curry3-577eb45e.js';
+import './_curry2-01c87f61.js';
+import './_isObject-1fab0f5b.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
@@ -104,6 +93,7 @@ import './useUser-2decb9ed.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
 import './useOutsideClick-caa3f8ef.js';
+import './arrayUtils-35a58161.js';
 import './Layer-5bf232ee.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
@@ -130,6 +120,15 @@ import './CheckboxCrossed-d1f25f09.js';
 import './Icon-ef2ac069.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';
+import './Flex-97b023db.js';
+import './boxalignment-51b42a0f.js';
+import './boxalignment.styles.css';
+import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
+import './flexbox-529f25da.js';
+import './flexbox.styles.css';
+import './flexitem-7b7f7920.js';
+import './flexitem.styles.css';
+import './FlexStyles.styles.css';
 import './padding-9b3afaa2.js';
 import './colors-b6530fec.js';
 import './aria-efa0582c.js';
@@ -160,4 +159,5 @@ import './FocusTrap-9f37aa41.js';
 import './FocusTracker-02ad6723.js';
 import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
 import './FocusTrackerStyles.styles.css';
+import './clientUtils-71f2dbaf.js';
 //# sourceMappingURL=UNSAFE_ColorPicker.js.map

package/es/UNSAFE_ColorSwatch.js

@@ -1,13 +1,13 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as ColorSwatch } from './ColorSwatch-52f47316.js';
+export { C as ColorSwatch } from './ColorSwatch-e98ed8ec.js';
 import 'preact/jsx-runtime';
 import 'preact';
 import 'preact/hooks';
 import 'preact/compat';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a2fdbb06.js';
 import './useId-03dbfdf0.js';
@@ -21,8 +21,8 @@ import './index-3e2e69c4.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './unsafeDomAccess-453eb74e.js';
-import './IconButton-c91faa06.js';
-import './BaseButton-c9db8d61.js';
+import './IconButton-e7787aeb.js';
+import './BaseButton-93d2f16c.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';

package/es/UNSAFE_ComboChart.js

@@ -9,7 +9,7 @@ import { g as getColorRamp } from './colorUtils-45d1cac0.js';
 import './accUtils-f6657e8e.js';
 import { c as colorSchemeVars } from './themeContract.css-2b5a42e2.js';
 import { B as BarGroup, g as getBarPosition } from './BarGroup-2c5ca597.js';
-import { C as Chart } from './Chart-a834358f.js';
+import { C as Chart } from './Chart-9aec139e.js';
 import './utils-cfef1929.js';
 import './colorUtils-b3804ee8.js';
 import './_curry1-63949a9b.js';
@@ -74,10 +74,7 @@ import './mergeProps-88ea8306.js';
 import './useChartNav-ed40e12b.js';
 import './layoutUtils-895c6de8.js';
 import './useVisHover-d7a0b2f3.js';
-import './ScrollBar-c7a5d361.js';
-import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
-import './ScrollBarStyles.styles.css';
-import './useSelectDrill-9d9cda7e.js';
+import './useSelectDrill-7cd3819f.js';
 import './useChartDataCursor-82b836ed.js';
 import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
 import './DataCursorStyles.styles.css';
@@ -120,8 +117,8 @@ import './useChartDrill-d8a91907.js';
 import './useVisDrill-48b6609b.js';
 import './useDoubleTap-4e290707.js';
 import './clientUtils-71f2dbaf.js';
-import './useSelection-7f6d51eb.js';
-import './BaseButton-c9db8d61.js';
+import './useSelection-a3c695f6.js';
+import './BaseButton-93d2f16c.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
@@ -131,10 +128,10 @@ import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a2fdbb06.js';
 import './buttonUtils-55fb1df7.js';
@@ -239,8 +236,8 @@ import './useTouch-4828df25.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
-import './useChartMarquee-2d60324d.js';
-import './useVisDragModeControls-92ddac92.js';
+import './useChartMarquee-35d0b6ed.js';
+import './useVisDragModeControls-a6c518c5.js';
 import './Button-c374b855.js';
 import './Icon-ef2ac069.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
@@ -256,8 +253,8 @@ import './ButtonSetStyles.styles.css';
 import './ButtonSetPositionContext-5730d367.js';
 import './toggleButtonUtils-75e3d781.js';
 import './useRovingTabIndexContainer-6baad1b3.js';
-import './ButtonSetItem-6ef8402d.js';
-import './ButtonSetButton-a34aeeb0.js';
+import './ButtonSetItem-b3dc082a.js';
+import './ButtonSetButton-a7b01fb2.js';
 import './ToggleButtonLabel-802339c7.js';
 import './ButtonLabelLayout-d449261a.js';
 import './useButtonLabelLayoutTheme-a1b95a52.js';
@@ -270,9 +267,9 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.
 import './ButtonLabelLayoutVariants.styles.css';
 import './HiddenAccessible-61197e7c.js';
 import './HiddenAccessibleStyles.styles.css';
-import './ButtonSetIconButton-1beb1197.js';
+import './ButtonSetIconButton-6c171897.js';
 import './useButtonSetPositionContext-1dc5156a.js';
-import './IconToggleButton-2ac4cd72.js';
+import './IconToggleButton-f2a9d54a.js';
 import './useToggleAction-fc0f5399.js';
 import './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css.js';
 import './useChartMarquee.styles.css';
@@ -282,6 +279,9 @@ import './OverviewSlidingWindow-36d20536.js';
 import './PRIVATE_VisOverview/themes/VisOverview.css.js';
 import './VisOverview.styles.css';
 import './DragH-bbf55c85.js';
+import './ScrollBar-c7a5d361.js';
+import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
+import './ScrollBarStyles.styles.css';
 
 const LINE_WITH_AREA_OPACITY = 0.2;
 /**

package/es/UNSAFE_ComponentMessage.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { a as ComponentMessage, C as ComponentMessageContainer } from './ComponentMessageContainer-6149c829.js';
+export { a as ComponentMessage, C as ComponentMessageContainer } from './ComponentMessageContainer-dc2b5f81.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './Flex-97b023db.js';
@@ -72,8 +72,8 @@ import './vanilla-extract-dynamic.esm-c909758c.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './useUnsafeDomElementRef-32290273.js';
 import './IconStyle.styles.css';
-import './IconButton-c91faa06.js';
-import './BaseButton-c9db8d61.js';
+import './IconButton-e7787aeb.js';
+import './BaseButton-93d2f16c.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
@@ -84,10 +84,10 @@ import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a2fdbb06.js';
 import './useId-03dbfdf0.js';

package/es/UNSAFE_ConveyorBelt.js

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useRef, useMemo, useEffect, useCallback } from 'preact/hooks';
-import { B as BaseButton } from './BaseButton-c9db8d61.js';
+import { B as BaseButton } from './BaseButton-93d2f16c.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-d449261a.js';
 import { S as SvgChevronLeft } from './ChevronLeft-9485ef57.js';
 import { S as SvgChevronRight } from './ChevronRight-e0152ded.js';
@@ -45,10 +45,10 @@ import './BaseButtonStyles.styles.css';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
-import './BareButton-0954f33d.js';
-import './useBareButton-07a3eef9.js';
+import './BareButton-2df3f3eb.js';
+import './useBareButton-31066c02.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './TabbableModeContext-7d8ad946.js';
 import './useTabbableMode-a2fdbb06.js';
 import './useId-03dbfdf0.js';