@oracle/oraclejet 13.0.6 → 13.0.8

package/dist/js/libs/oraclejet-preact/cjs/Button-02740254.js

@@ -0,0 +1,156 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var tslib_es6 = require('./tslib.es6-1fd7bd1e.js');
+
+var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
+var hooks_UNSAFE_useHover = require('./hooks/UNSAFE_useHover.js');
+require('./utils/UNSAFE_classNames.js');
+var compat = require('preact/compat');
+var utils_UNSAFE_interpolations_dimensions = require('./utils/UNSAFE_interpolations/dimensions.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+require('./utils/PRIVATE_clientHints.js');
+var clientHints$1 = require('./clientHints-e16b148e.js');
+var classNames = require('./classNames-cb9ab535.js');
+
+const NullFunction = () => null;
+
+const compStyles$1 = {
+  base: "b1m12t60",
+  hover: "h1h5apjf",
+  pseudohover: "p11lfugp",
+  unstyled: "usfllum",
+  min: "mabs2bd",
+  disabled: "d1fq6ucp",
+  bottom: "bpzvdp8"
+};
+const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations)];
+const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+const clientHints = clientHints$1.getClientHints(); // :active only works on IOS devices if a touch handler exists
+
+const iosProps = clientHints.platform === 'ios' ? {
+  ontouchstart: function () {}
+} : {};
+const isHybrid = clientHints$1.getClientHints().isHybrid;
+const BaseButton = compat.forwardRef((_a, ref) => {
+  var {
+    variant = 'outlined',
+    isDisabled = false,
+    size = 'md',
+    elementDetails = {
+      type: 'button'
+    },
+    styling = 'default',
+    edge = 'none',
+    accessibleLabel
+  } = _a,
+      props = tslib_es6.__rest(_a, ["variant", "isDisabled", "size", "elementDetails", "styling", "edge", "accessibleLabel"]);
+
+  const {
+    pressProps
+  } = hooks_UNSAFE_usePress.usePress(props.onAction ? props.onAction : NullFunction, {
+    isDisabled
+  });
+  const {
+    hoverProps,
+    isHover
+  } = hooks_UNSAFE_useHover.useHover({
+    isDisabled: isHybrid
+  });
+
+  const _b = styleInterpolations(props),
+        {
+    class: cls
+  } = _b,
+        styles = tslib_es6.__rest(_b, ["class"]);
+
+  const rootStyles = classNames.classNames([styling === 'default' && compStyles$1.base, styling === 'unstyled' && compStyles$1.unstyled, styling === 'min' && compStyles$1.base || compStyles$1.min, `oj-c-button-${variant}`, `oj-c-button-${size}`, isDisabled && compStyles$1.disabled, edge === 'bottom' && compStyles$1.bottom, !isHybrid && compStyles$1.pseudohover, isHybrid && isHover && compStyles$1.hover]);
+
+  const _c = Object.assign({}, elementDetails),
+        {
+    type: elementType = 'button'
+  } = _c,
+        elementProps = tslib_es6.__rest(_c, ["type"]);
+
+  const role = elementType === 'button' ? {
+    type: 'button'
+  } : {
+    role: 'link'
+  };
+  const tooltip = props.title || accessibleLabel;
+  const ElementType = elementDetails.type;
+  return jsxRuntime.jsx(ElementType, Object.assign({
+    ref: ref,
+    disabled: isDisabled,
+    class: `${rootStyles} ${cls}`,
+    style: styles,
+    autofocus: props['autofocus'],
+    title: tooltip,
+    tabIndex: isDisabled ? -1 : 0,
+    "aria-label": accessibleLabel
+  }, elementProps, role, pressProps, iosProps, hoverProps, {
+    children: props.children
+  }));
+});
+
+const compStyles = {
+  text: "tqmqswo",
+  icon: "i1n928z1",
+  startText: "s18f9tk6",
+  endText: "e7wof2a",
+  startIcon: "s1p2y79g",
+  startIconOnly: "s1y1p2f8",
+  endIcon: "e1rcbirt",
+  label: "l1egk2oi"
+};
+
+const isNullOrUndefined = value => {
+  return value === null || value === undefined;
+};
+
+function ButtonLayout(_a) {
+  var {
+    size = 'md',
+    display = 'all'
+  } = _a,
+      props = tslib_es6.__rest(_a, ["size", "display"]);
+
+  const showIcons = display == 'all' || display == 'icons';
+  const showText = display == 'all' || display == 'label';
+  const labelClass = compStyles.label;
+  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;
+  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';
+  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';
+  const isTwoIcons = props.startIcon && props.endIcon;
+  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;
+  const startIconStyles = classNames.classNames([compStyles.icon, `oj-c-button-layout-${size}`, isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon]);
+  const textStyles = classNames.classNames([compStyles.text, textStartIcon && !isTwoIcons && compStyles.endText, textEndIcon && !isTwoIcons && compStyles.startText]);
+  return jsxRuntime.jsxs("span", Object.assign({
+    class: labelClass
+  }, {
+    children: [showIcons && props.startIcon && jsxRuntime.jsx("span", Object.assign({
+      class: startIconStyles
+    }, {
+      children: props.startIcon
+    })), showText && props.children && jsxRuntime.jsxs("span", Object.assign({
+      class: textStyles
+    }, {
+      children: [" ", props.children, " "]
+    })), showIcons && props.endIcon && jsxRuntime.jsx("span", Object.assign({
+      class: endIconClass
+    }, {
+      children: props.endIcon
+    }))]
+  }));
+}
+
+const Button = compat.forwardRef(({ variant = 'outlined', isDisabled = false, size = 'md', display = 'all', endIcon, startIcon, autofocus, edge, onAction, label = '', accessibleLabel, title, width }, ref) => {
+    const labelOnly = (!startIcon && !endIcon) || display === 'label';
+    const content = labelOnly ? (label) : (jsxRuntime.jsx(ButtonLayout, Object.assign({ display: display, startIcon: startIcon, endIcon: endIcon, size: size }, { children: label })));
+    return (jsxRuntime.jsx(BaseButton, Object.assign({ ref: ref, isDisabled: isDisabled, size: size, width: width, autofocus: autofocus, edge: edge, variant: variant, styling: labelOnly ? 'min' : 'default', onAction: onAction, accessibleLabel: accessibleLabel !== null && accessibleLabel !== void 0 ? accessibleLabel : (display === 'icons' ? label : undefined), title: title !== null && title !== void 0 ? title : (display === 'icons' ? accessibleLabel !== null && accessibleLabel !== void 0 ? accessibleLabel : label : undefined), "aria-label": display === 'icons' ? label : null }, { children: content })));
+});
+
+exports.Button = Button;
+/*  */
+//# sourceMappingURL=Button-02740254.js.map

package/dist/js/libs/oraclejet-preact/cjs/Button-02740254.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-02740254.js","sources":["../../src/UNSAFE_Button/BaseButton.tsx","../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.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 { ComponentChildren, JSX, Ref } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\ntype ButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLElement>, 'autofocus' | 'title'>;\n\nexport type Props = IntrinsicProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * size\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * edge\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * accessibleLabel\n     */\n    accessibleLabel?: string;\n\n    /**\n     * styling\n     */\n    styling?: 'default' | 'min' | 'unstyled';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: ButtonElementDetails;\n  };\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color)',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    display: 'inline-block',\n    fontFamily: 'inherit',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n    overflowX: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    pointerEvents: 'auto',\n    textOverflow: 'ellipsis',\n    verticalAlign: 'top',\n    WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n    whiteSpace: 'nowrap',\n\n    // @ts-ignore\n    '&:active:enabled': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active)',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active)',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active)'\n    },\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    },\n    '@supports selector(:focus-visible)': {\n      '&:focus': {\n        /* Remove the focus indicator on mouse-focus for browsers\n           that do support :focus-visible */\n        outline: 'none'\n      }\n    },\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n    }\n  }}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': {\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n        borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n      }\n    }\n  }}`,\n\n  unstyled: cssProps`${{\n    boxSizing: 'border-box',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled)'\n  }}`,\n\n  bottom: cssProps`${{\n    borderLeftWidth: '0',\n    borderRightWidth: '0',\n    borderBlockEndWidth: '0',\n    width: '100%',\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0'\n  }}`\n};\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().isHybrid;\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = 'default',\n      edge = 'none',\n      accessibleLabel,\n      ...props\n    }: Props,\n    ref?: Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled\n    });\n    const { hoverProps, isHover } = useHover({ isDisabled: isHybrid });\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const rootStyles = classNames([\n      styling === 'default' && compStyles.base,\n      styling === 'unstyled' && compStyles.unstyled,\n      (styling === 'min' && compStyles.base) || compStyles.min,\n      `oj-c-button-${variant}`,\n      `oj-c-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && compStyles.pseudohover,\n      isHybrid && isHover && compStyles.hover\n    ]);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = elementType === 'button' ? { type: 'button' } : { role: 'link' };\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n\n    return (\n      <ElementType\n        ref={ref}\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled ? -1 : 0}\n        aria-label={accessibleLabel}\n        {...elementProps}\n        {...role}\n        {...pressProps}\n        {...iosProps}\n        {...hoverProps}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n","/**\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 { ComponentChildren, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from './BaseButton';\n\nexport type ButtonDisplay = 'icons' | 'label' | 'all';\n\nexport type Props = {\n  /**\n   *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The startIcon = is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * size\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * display\n   */\n  display?: ButtonDisplay;\n};\n\nconst compStyles = {\n  text: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    display: 'inline-flex'\n  }}`,\n\n  icon: cssProps`${{\n    display: 'inline-flex',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n    fontWeight: 'normal',\n    marginTop: 0,\n    marginBottom: 0\n  }}`,\n\n  startText: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n  }}`,\n\n  endText: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n  }}`,\n\n  startIcon: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}`,\n\n  startIconOnly: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)',\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}`,\n\n  endIcon: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}`,\n\n  label: cssProps`${{\n    cursor: 'inherit',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nconst isNullOrUndefined = (\n  value: ComponentChildren | null | undefined\n): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\nexport function ButtonLayout({ size = 'md', display = 'all', ...props }: Props) {\n  const showIcons = display == 'all' || display == 'icons';\n  const showText = display == 'all' || display == 'label';\n  const labelClass = compStyles.label;\n  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = props.startIcon && props.endIcon;\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    `oj-c-button-layout-${size}`,\n    isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n\n  return (\n    <span class={labelClass}>\n      {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n      {showText && props.children && <span class={textStyles}> {props.children} </span>}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n","/**\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 { JSX, ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from './BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLButtonElement>, 'autofocus'>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps & {\n    /**\n     * The startIcon = is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * accessibleLabel - override label for accessibility\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * size\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * edge\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * display\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * title\n     */\n    title?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      accessibleLabel,\n      title,\n      width\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLayout>\n    );\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>}\n        isDisabled={isDisabled}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={labelOnly ? 'min' : 'default'}\n        onAction={onAction}\n        accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n        title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n        aria-label={display === 'icons' ? label : null}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["NullFunction","compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","BaseButton","forwardRef","_a","ref","variant","isDisabled","size","elementDetails","type","styling","edge","accessibleLabel","props","__rest","pressProps","usePress","onAction","hoverProps","isHover","useHover","_b","class","cls","styles","base","unstyled","bottom","pseudohover","hover","_c","assign","elementType","elementProps","tooltip","title","ElementType","_jsx","disabled","rootStyles","style","autofocus","tabIndex","role","children","isNullOrUndefined","value","undefined","ButtonLayout","display","labelClass","label","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","icon","text","isTwoIcons","endText","startText"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/Chip-3a98bc76.js

@@ -0,0 +1,58 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useActionable = require('./hooks/UNSAFE_useActionable.js');
+
+var hooks = require('preact/hooks');
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-cb9ab535.js');
+
+const cursorandFocusStyle = "c1drwgih";
+const styles = {
+  base: "b16hrnn0",
+  disabled: "d16riqis",
+  info: "i1abp3op",
+  infoSubtle: "iu2igik",
+  infoSubtleLighter: "i149ovoc"
+};
+function Chip({
+  isSelected,
+  isDisabled,
+  accessibleLabel,
+  children,
+  onToggle
+}) {
+  const handleAction = hooks.useCallback(() => {
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle({
+      previousValue: isSelected,
+      value: !isSelected
+    });
+  }, [isSelected, onToggle]);
+  const {
+    actionableProps,
+    isHover,
+    isActive
+  } = hooks_UNSAFE_useActionable.useActionable(handleAction, {
+    isSuppressDup: false
+  });
+  const variant = isDisabled ? 'disabled' : isSelected || isActive ? 'info' : isHover ? 'infoSubtle' : 'infoSubtleLighter';
+  const classes = classNames.classNames([styles.base, isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`]);
+  return isDisabled ? jsxRuntime.jsx("div", Object.assign({
+    class: classes
+  }, {
+    children: children
+  })) : jsxRuntime.jsx("div", Object.assign({}, actionableProps, {
+    class: classes,
+    tabIndex: 0,
+    "aria-label": accessibleLabel,
+    role: "switch",
+    "aria-checked": isSelected ? 'true' : 'false'
+  }, {
+    children: children
+  }));
+}
+
+exports.Chip = Chip;
+/*  */
+//# sourceMappingURL=Chip-3a98bc76.js.map

package/dist/js/libs/oraclejet-preact/cjs/Chip-3a98bc76.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-3a98bc76.js","sources":["../../src/UNSAFE_Chip/Chip.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 { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst cursorandFocusStyle = cssProps`${{\n  cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '1px'\n  }\n}}`;\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n    display: 'inline-block',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    height: '2rem',\n    minWidth: '2rem',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center'\n  }}`,\n  disabled: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  info: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`,\n  infoSubtleLighter: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n  /**\n   * Specifies if the chip component is selected.\n   */\n  isSelected?: boolean;\n  /**\n   * Disables the component.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies some screen reader text.\n   */\n  accessibleLabel?: string;\n  children: string;\n  /**\n   * Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n   */\n  onToggle?: (detail: SelectedChangeDetail) => void;\n  //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n  const handleAction = useCallback(() => {\n    onToggle?.({ previousValue: isSelected, value: !isSelected });\n  }, [isSelected, onToggle]);\n\n  const { actionableProps, isHover, isActive } = useActionable(handleAction, {\n    isSuppressDup: false\n  });\n\n  const variant = isDisabled\n    ? 'disabled'\n    : isSelected || isActive\n    ? 'info'\n    : isHover\n    ? 'infoSubtle'\n    : 'infoSubtleLighter';\n\n  const classes = classNames([\n    styles.base,\n    isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`\n  ]);\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...actionableProps}\n      class={classes}\n      tabIndex={0}\n      aria-label={accessibleLabel}\n      role=\"switch\"\n      aria-checked={isSelected ? 'true' : 'false'}>\n      {children}\n    </div>\n  );\n}\n"],"names":["cursorandFocusStyle","styles","Chip","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","isSuppressDup","isHover","base"],"mappings":";;;;;;;;;;AAYA,MAAAA,mBAAA,GAAA,UAAA,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,UAAA;YAAA,UAAA;QAAA,UAAA;cAAA,SAAA;;AAAA,CAAA,CAAA;AAwEA,SAAAC,IAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,eAAA;EAAAC,QAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,iBAAA,CAAA,MAAA;AACEF,IAAAA,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAA;AAAAG,MAAAA,aAAA,EAAAP,UAAA;AAAAQ,MAAAA,KAAA,EAAA,CAAAR,UAAAA;AAAA,KAAA,CAAA,CAAA;AACF,GAFA,EAEA,CAAAA,UAAA,EAAAI,QAAA,CAFA,CAAA,CAAA;;;;;;AAKEK,IAAAA,aAAA,EAAA,KAAA;;+BAIA,sCAEA,SACAC,OAAA,GACA,YADA;yCAKAZ,MAAA,CAAAa;;;;;;;;;;;;;;AAiBJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ClearIcon-2bbb18c1.js

@@ -0,0 +1,62 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+
+const ojButtonHeight = '2.75rem'; // TODO: replace this with var(--oj-button-border-radius) once it is available
+
+const ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available
+
+const ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available
+
+const ojButtonBorderlessChromeTextColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available
+
+const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'; // TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available
+
+const ojButtonBorderlessChromeBorderColorHover = 'transparent';
+const clearIconStyles = {
+  base: "bjmshai"
+};
+
+const noop = () => {};
+
+function ClearIcon({
+  onClick
+}) {
+  const killEvent = hooks.useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const {
+    pressProps
+  } = hooks_UNSAFE_usePress.usePress(onClick !== null && onClick !== void 0 ? onClick : noop);
+  const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+  const clearStr = translations.formControl_clear();
+  return jsxRuntime.jsx("span", Object.assign({
+    "aria-hidden": "true",
+    class: clearIconStyles.base,
+    tabIndex: -1,
+    onMouseDown: killEvent,
+    title: clearStr
+  }, pressProps, {
+    children: jsxRuntime.jsx("svg", Object.assign({
+      height: "24",
+      viewBox: "0 0 24 24",
+      width: "24",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, {
+      children: jsxRuntime.jsx("path", {
+        d: "m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z",
+        fill: "#100f0e",
+        "fill-rule": "evenodd"
+      })
+    }))
+  }));
+}
+
+exports.ClearIcon = ClearIcon;
+/*  */
+//# sourceMappingURL=ClearIcon-2bbb18c1.js.map

package/dist/js/libs/oraclejet-preact/cjs/ClearIcon-2bbb18c1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-2bbb18c1.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","clearIconStyles","noop","ClearIcon","onClick","killEvent","useCallback","event","pressProps","usePress","translations","useTranslationBundle","clearStr","formControl_clear"],"mappings":";;;;;;;;;AAWA,MAAAA,cAAA,GAAA,SAAA;;AAEA,MAAAC,oBAAA,GAAA,sDAAA;;AAEA,MAAAC,iCAAA,GAAA,wDAAA;;AAEA,MAAAC,sCAAA,GAAA,wDAAA;;AAGA,MAAAC,oCAAA,GAAA,oDAAA;;AAEA,MAAAC,wCAAA,GAAA,aAAA,CAAA;AAEA,MAAAC,eAAA,GAAA;;AAAA,CAAA,CAAA;;AAwBA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,SAAA,CAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,SAAA,GAAAC,iBAAA,CAAAC,KAAA,IAAA;;GAAA,IAAA,CAAA,CAAA;EAGA,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,8BAAA,CAAAL,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAF,IAAA,CAAA,CAAA;AACA,EAAA,MAAAQ,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,QAAA,GAAAF,YAAA,CAAAG,iBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Collection-f969498d.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+
+/**
+ * Component that renders an array of data.
+ */
+function Collection({ items, children }) {
+    return (jsxRuntime.jsx(preact.Fragment, { children: items.map((data, index) => {
+            let ctx = { index, data };
+            return children(ctx);
+        }) }));
+}
+
+exports.Collection = Collection;
+/*  */
+//# sourceMappingURL=Collection-f969498d.js.map

package/dist/js/libs/oraclejet-preact/cjs/Collection-f969498d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-f969498d.js","sources":["../../src/UNSAFE_Collection/Collection.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 { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from './Collection.types';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        let ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["_jsx","Fragment"],"mappings":";;;;;;AAwBA;;AAEG;SACa,UAAU,CAAI,EAAE,KAAK,EAAE,QAAQ,EAAY,EAAA;AACzD,IAAA,QACEA,cAAA,CAACC,eAAQ,EAAA,EAAA,QAAA,EACN,KAAK,CAAC,GAAG,CAAC,CAAC,IAAO,EAAE,KAAa,KAAI;AACpC,YAAA,IAAI,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC1B,YAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;SACtB,CAAC,EACO,CAAA,EACX;AACJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessage-5cc01edb.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./UNSAFE_Message.js');
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-cb9ab535.js');
+var MessageUtils = require('./MessageUtils-648d542f.js');
+var MessageStartIcon = require('./MessageStartIcon-170b12d9.js');
+var MessageSummary = require('./MessageSummary-8077382f.js');
+
+const baseStyles = "bisdpvl";
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+
+function ComponentMessage({
+  severity = 'error',
+  detail
+}) {
+  const classes = classNames.classNames([baseStyles, MessageUtils.severityBasedStyleClass(severity, 'inline')]);
+  return jsxRuntime.jsxs("div", Object.assign({
+    class: classes,
+    role: "alert",
+    "aria-atomic": "true"
+  }, {
+    children: [MessageUtils.isSeverityIconNeeded(severity) && jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, {
+      variant: "inline",
+      severity: severity
+    }), jsxRuntime.jsx(MessageSummary.MessageSummary, {
+      variant: "inline",
+      text: detail
+    })]
+  }));
+}
+
+exports.ComponentMessage = ComponentMessage;
+/*  */
+//# sourceMappingURL=ComponentMessage-5cc01edb.js.map

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessage-5cc01edb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-5cc01edb.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  MessageSeverity,\n  severityBasedStyleClass\n} from '../UNSAFE_Message';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: Exclude<MessageSeverity, 'none'>;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ severity = 'error', detail }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {isSeverityIconNeeded(severity) && <MessageStartIcon variant=\"inline\" severity={severity} />}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","severity","detail","classes","classNames","severityBasedStyleClass","_jsxs","Object","assign","class","role","children","isSeverityIconNeeded","_jsx","MessageStartIcon","variant","MessageSummary","text"],"mappings":";;;;;;;;;;;;AAiBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AA+BA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAAC,EAAAA,MAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,qBAAA,CAAA,CAAAL,UAAA,EAAAM,oCAAA,CAAAJ,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAEA,EAAA,OAAAK,eAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,OAAA;AAAAO,IAAAA,IAAA,EAAA,OAAA;IAAA,aAAA,EAAA,MAAA;AAAA,GAAA,EAAA;IAAAC,QAAA,EAAA,CAAAC,iCAAA,CAAAX,QAAA,CAAA,IAAAY,cAAA,CAAAC,iCAAA,EAAA;AAAAC,MAAAA,OAAA,EAAA,QAAA;AAAAd,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,EAAAY,cAAA,CAAAG,6BAAA,EAAA;AAAAD,MAAAA,OAAA,EAAA,QAAA;AAAAE,MAAAA,IAAA,EAAAf,MAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAOF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessageContainer-80403b2c.js

@@ -0,0 +1,54 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./UNSAFE_Message.js');
+var ComponentMessage = require('./ComponentMessage-5cc01edb.js');
+var MessagesManager = require('./MessagesManager-43e99328.js');
+
+const rootStyles = "rgqp09a";
+/**
+ * Converts the messages data into Item
+ *
+ * @param messages The messages data passed down as prop
+ * @returns The messages data as Item
+ */
+
+function generateMessagesData(messages) {
+  return messages.map((message, index) => {
+    return {
+      key: index,
+      data: {
+        closeAffordance: 'off',
+        severity: message.severity || 'error',
+        detail: message.detail
+      }
+    };
+  });
+}
+
+function ComponentMessageContainer({
+  animations,
+  messages = []
+}) {
+  return jsxRuntime.jsx("div", Object.assign({
+    class: rootStyles
+  }, {
+    children: jsxRuntime.jsx(MessagesManager.MessagesManager, Object.assign({
+      animations: animations,
+      data: generateMessagesData(messages)
+    }, {
+      children: ({
+        item
+      }) => jsxRuntime.jsx(ComponentMessage.ComponentMessage, {
+        detail: item.data.detail,
+        severity: item.data.severity
+      }, item.key)
+    }))
+  }));
+}
+
+exports.ComponentMessageContainer = ComponentMessageContainer;
+/*  */
+//# sourceMappingURL=ComponentMessageContainer-80403b2c.js.map

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessageContainer-80403b2c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-80403b2c.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageAnimation, MessagesManager } from '../UNSAFE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * An object of various animation effects for the transitions.\n   */\n  animations?: Record<string, MessageAnimation[]>;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager animations={animations} data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","severity","message","ComponentMessageContainer","animations"],"mappings":";;;;;;;;;AAYA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEEC,QAAAA,QAAA,EAAAC,OAAA,CAAAD,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAiBA,SAAAE,yBAAA,CAAA;EAAAC,UAAA;AAAAR,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;AAcA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Flex-83dbe738.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-1fd7bd1e.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var utils_UNSAFE_interpolations_dimensions = require('./utils/UNSAFE_interpolations/dimensions.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+
+var utils_UNSAFE_interpolations_boxalignment = require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+var flexbox = require('./flexbox-83d637a0.js');
+var flexitem = require('./flexitem-c9d916e1.js');
+
+const baseStyles = "b12c3cqv";
+const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations), ...Object.values(flexbox.flexboxInterpolations), ...Object.values(flexitem.flexitemInterpolations), ...Object.values(utils_UNSAFE_interpolations_boxalignment.boxAlignmentInterpolations)];
+const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+const Flex = _a => {
+  var {
+    children
+  } = _a,
+      props = tslib_es6.__rest(_a, ["children"]);
+
+  const _b = styleInterpolations(props),
+        {
+    class: cls
+  } = _b,
+        styles = tslib_es6.__rest(_b, ["class"]);
+
+  return jsxRuntime.jsx("div", Object.assign({
+    class: `${baseStyles} ${cls}`,
+    style: styles
+  }, {
+    children: children
+  }));
+};
+
+exports.Flex = Flex;
+/*  */
+//# sourceMappingURL=Flex-83dbe738.js.map

package/dist/js/libs/oraclejet-preact/cjs/Flex-83dbe738.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-83dbe738.js","sources":["../../src/UNSAFE_Flex/Flex.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 { ComponentChildren } from 'preact';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${baseStyles} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["baseStyles","interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Flex","_a","children","props","__rest","_b","class","cls","styles","_jsx","assign","style"],"mappings":";;;;;;;;;;;;;;AAyBA,MAAAA,UAAA,GAAA,UAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,8DAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,6BAAA,CAFF,EAGE,GAAAH,MAAA,CAAAC,MAAA,CAAAG,+BAAA,CAHF,EAIE,GAAAJ,MAAA,CAAAC,MAAA,CAAAI,mEAAA,CAJF,CAAA,CAAA;AAOA,MAAAC,mBAAA,GAAAC,oDAAA,CAAAR,cAAA,CAAA,CAAA;AAEAS,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,gBAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAP,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAG,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAF,EAAA;QAAAG,MAAA,GAAAJ,gBAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAI,cAAA,CAAA,KAAA,EAAAjB,MAAA,CAAAkB,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAA,CAAA,EAAAhB,UAAA,CAAA,CAAA,EAAAiB,GAAA,CAAA,CAAA;AAAAI,IAAAA,KAAA,EAAAH,MAAAA;AAAA,GAAA,EAAA;AAAAN,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/HiddenAccessible-dfbbb8e6.js

@@ -0,0 +1,26 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const hiddenAccessibleStyle = "hbvw96q";
+/**
+ * HiddenAccessible is a helper component that hides its children visually,
+ * but keeps them visible to screen readers.
+ *
+ */
+
+function HiddenAccessible({
+  children
+}) {
+  return jsxRuntime.jsx("span", Object.assign({
+    class: hiddenAccessibleStyle
+  }, {
+    children: children
+  }));
+}
+
+exports.HiddenAccessible = HiddenAccessible;
+/*  */
+//# sourceMappingURL=HiddenAccessible-dfbbb8e6.js.map

package/dist/js/libs/oraclejet-preact/cjs/HiddenAccessible-dfbbb8e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-dfbbb8e6.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;;;AAGA,MAAAA,qBAAA,GAAA,SAAA,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/HighlightText-7cb41740.js

@@ -0,0 +1,50 @@
+/* @oracle/oraclejet-preact: 13.0.8 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+
+
+const highlightStyles = "hkkzuh9";
+/**
+ * Renders a text string with highlighting applied to the given text to match.
+ */
+
+function HighlightText({
+  children = '',
+  matchText = ''
+}) {
+  return highlighter(children, matchText);
+}
+const HIGHLIGHT_TOKEN = '__@@__';
+const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
+
+function highlighter(unhighlightedText, matchText) {
+  if (matchText.length > 0 && unhighlightedText.length > 0) {
+    const escapedMatchText = escapeRegExp(matchText);
+    const highlightedText = unhighlightedText.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
+    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
+    const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", Object.assign({
+      class: highlightStyles
+    }, {
+      children: current
+    })));
+    return jsxRuntime.jsx(preact.Fragment, {
+      children: nodes
+    });
+  }
+
+  return jsxRuntime.jsx(preact.Fragment, {
+    children: unhighlightedText
+  });
+}
+
+function escapeRegExp(str) {
+  // copied from:
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
+  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
+exports.HighlightText = HighlightText;
+/*  */
+//# sourceMappingURL=HighlightText-7cb41740.js.map