@oracle/oraclejet-preact 18.0.12 → 18.0.13

package/es/Sheet-0861fcc0.js

@@ -1,158 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, Fragment } from 'preact/jsx-runtime';
-import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
-import { M as Modal } from './Modal-103da2aa.js';
-import { W as WindowOverlay } from './WindowOverlay-9b43e658.js';
-import { f as focusWithin } from './tabbableUtils-b4fa6fe6.js';
-import { sheetMenuStyles } from './UNSAFE_Sheet/themes/SheetStyles.css.js';
-import { m as mergeRefs } from './refUtils-b9d8d91a.js';
-import { u as useAnimationStatus } from './useAnimationStatus-a9337dd8.js';
-import { a as SLIDE_UP_XLARGE, D as DURATION_LARGE, b as SLIDE_DOWN_XLARGE } from './animationUtils-e6081007.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/*This "private" hook will live until we end up stating a final decision on useSwipe hook.
-For that hook to work, element that use it has to set touch-action:none;, since pointer events
-are canceled once a touch action is going to be handled by the browser. This works for most
-of the components that don't scroll. But if the component scroll, there is a need for the browser to
-handle scroll which is imposible with a hook just using pointer events.
-
-Update 11/6/23:
-Nishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,
-we can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,
-we could start using useSwipe with touch events instead.
-*/
-function useSheetSwipe(onSwipe, { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false } = {
-    threshold: 10,
-    maximumTime: 300,
-    tolerance: 50,
-    isDisabled: false
-}) {
-    const ref = useRef({
-        pointerDownId: 0,
-        startTime: null,
-        prevpageX: 0,
-        prevpageY: 0,
-        elementScrollTop: 0
-    });
-    const clearSwipe = useCallback(() => {
-        ref.current = {
-            pointerDownId: null,
-            startTime: 0,
-            prevpageX: 0,
-            prevpageY: 0,
-            elementScrollTop: 0
-        };
-    }, []);
-    const onTouchStart = useCallback((e) => {
-        const touchobj = e.changedTouches[0];
-        if (!ref.current.pointerDownId) {
-            ref.current = {
-                pointerDownId: touchobj.identifier,
-                startTime: e.timeStamp,
-                prevpageX: touchobj.pageX,
-                prevpageY: touchobj.pageY,
-                elementScrollTop: e.currentTarget.scrollTop
-            };
-        }
-        else {
-            clearSwipe();
-        }
-    }, [clearSwipe]);
-    const onTouchEnd = useCallback((ev) => {
-        const touchobj = ev.changedTouches[0];
-        if (touchobj.identifier === ref.current.pointerDownId) {
-            if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {
-                if (touchobj.pageY - ref.current.prevpageY > threshold &&
-                    Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&
-                    ref.current.elementScrollTop === 0) {
-                    onSwipe?.({ direction: 'down' });
-                }
-            }
-        }
-        // state would be reset to its original state whether swipe is completed or cancelled
-        clearSwipe();
-    }, [threshold, onSwipe, clearSwipe, maximumTime, tolerance]);
-    const swipeProps = isDisabled
-        ? {}
-        : {
-            /** event handlers to spread on the target element. */
-            onTouchStart,
-            onTouchEnd,
-            ontouchcancel: clearSwipe
-        };
-    return {
-        swipeProps
-    };
-}
-
-const animationStates = {
-    opening: {
-        ...SLIDE_UP_XLARGE,
-        options: {
-            duration: DURATION_LARGE
-        }
-    },
-    closing: {
-        ...SLIDE_DOWN_XLARGE,
-        options: {
-            duration: DURATION_LARGE
-        }
-    }
-};
-const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }) => {
-    const sheetRef = useRef(null);
-    // Initial focus going to be set after animation once opening animation is added
-    useEffect(() => {
-        if (isOpen && initialFocus === 'firstFocusable') {
-            const sheetElement = sheetRef.current;
-            if (sheetElement) {
-                focusWithin(sheetElement);
-            }
-        }
-    }, [isOpen, initialFocus]);
-    const handlePointerDismissed = useCallback(() => {
-        onClose?.({ reason: 'pointerDismissed' });
-    }, [onClose]);
-    // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a
-    // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),
-    // will stop having its own implementation
-    const { swipeProps } = useSheetSwipe(handlePointerDismissed);
-    const handleKeyDown = useCallback((event) => {
-        if (event.defaultPrevented) {
-            return;
-        }
-        switch (event.code) {
-            case 'Tab':
-            case 'Escape':
-                onClose?.({ reason: 'keyboardDismissed' });
-        }
-    }, [onClose]);
-    const { setAnimationElementRef, status } = useAnimationStatus({
-        isOpen,
-        isAnimatedOnMount: false,
-        animationStates
-    });
-    useEffect(() => {
-        if (status === 'opening') {
-            if (initialFocus === 'firstFocusable') {
-                const dropdownElement = sheetRef.current;
-                if (dropdownElement) {
-                    focusWithin(dropdownElement);
-                }
-            }
-        }
-    }, [status, initialFocus]);
-    const stableRef = useMemo(() => mergeRefs(setAnimationElementRef, sheetRef), [setAnimationElementRef]);
-    const isMounted = status !== 'unmounted';
-    return (jsx(Fragment, { children: isMounted ? (jsx(Modal, { isOpen: isMounted, onBackdropClick: handlePointerDismissed, children: jsx(WindowOverlay, { placement: "bottom", children: jsx("div", { ...swipeProps, ref: stableRef, class: sheetMenuStyles.sheetMenuContainerWrapper, style: { maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }, onKeyDown: handleKeyDown, children: children }) }) })) : null }));
-};
-const TOP_OFFSET = 96;
-
-export { Sheet as S, useSheetSwipe as u };
-//# sourceMappingURL=Sheet-0861fcc0.js.map

package/es/Sheet-0861fcc0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sheet-0861fcc0.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.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 */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n*/\nexport function useSheetSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/*\n  pointerDismissed: Swipedown and tapScrim\n  keyboardDismissed: \"Escape\" | \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' | 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n  onClose?: (detail: CloseDetail) => void;\n  isOpen?: boolean;\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n  opening: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  closing: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  // Initial focus going to be set after animation once opening animation is added\n  useEffect(() => {\n    if (isOpen && initialFocus === 'firstFocusable') {\n      const sheetElement = sheetRef.current;\n      if (sheetElement) {\n        focusWithin(sheetElement);\n      }\n    }\n  }, [isOpen, initialFocus]);\n  const handlePointerDismissed = useCallback(() => {\n    onClose?.({ reason: 'pointerDismissed' });\n  }, [onClose]);\n\n  // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n  // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n  // will stop having its own implementation\n  const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case 'Tab':\n        case 'Escape':\n          onClose?.({ reason: 'keyboardDismissed' });\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n  const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n    isOpen,\n    isAnimatedOnMount: false,\n    animationStates\n  });\n\n  useEffect(() => {\n    if (status === 'opening') {\n      if (initialFocus === 'firstFocusable') {\n        const dropdownElement = sheetRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    }\n  }, [status, initialFocus]);\n\n  const stableRef = useMemo(\n    () => mergeRefs(setAnimationElementRef, sheetRef),\n    [setAnimationElementRef]\n  );\n\n  const isMounted = status !== 'unmounted';\n\n  return (\n    <>\n      {isMounted ? (\n        <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n          <WindowOverlay placement=\"bottom\">\n            <div\n              {...swipeProps}\n              ref={stableRef}\n              class={sheetMenuStyles.sheetMenuContainerWrapper}\n              style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n              onKeyDown={handleKeyDown}>\n              {children}\n            </div>\n          </WindowOverlay>\n        </Modal>\n      ) : null}\n    </>\n  );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/StyledCard-f5965d6d.js

@@ -1,105 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { forwardRef } from 'preact/compat';
-import { d as dimensionInterpolations } from './dimensions-e4b8a67e.js';
-import { p as paddingInterpolations } from './padding-ddeb1692.js';
-import { c as colorInterpolations } from './colors-d82326ea.js';
-import { a as ariaInterpolations } from './aria-efa0582c.js';
-import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
-import { multiVariantStyles } from './PRIVATE_StyledCard/themes/StyledCardStyles.css.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
-import { _ as _curry2 } from './_curry2-34316bcf.js';
-
-/**
- * Returns a partial copy of an object containing only the keys specified. If
- * the key does not exist, the property is ignored.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Object
- * @sig [k] -> {k: v} -> {k: v}
- * @param {Array} names an array of String property names to copy onto a new object
- * @param {Object} obj The object to copy from
- * @return {Object} A new object with only properties from `names` on it.
- * @see R.omit, R.props
- * @example
- *
- *      R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}
- *      R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}
- */
-
-var pick =
-/*#__PURE__*/
-_curry2(function pick(names, obj) {
-  var result = {};
-  var idx = 0;
-
-  while (idx < names.length) {
-    if (names[idx] in obj) {
-      result[names[idx]] = obj[names[idx]];
-    }
-
-    idx += 1;
-  }
-
-  return result;
-});
-
-var pick$1 = pick;
-
-const eventHandlers = [
-    'onBlur',
-    'onClick',
-    'onContextMenu',
-    'onFocus',
-    'onKeyDown',
-    'onKeyUp',
-    'onMouseDown',
-    'onMouseEnter',
-    'onMouseLeave',
-    'onMouseUp',
-    'onPointerCancel',
-    'onPointerDown',
-    'onPointerOut',
-    'onPointerUp',
-    'onTouchCancel',
-    'onTouchEnd',
-    'onTouchStart'
-];
-const interpolations = [
-    ...Object.values(dimensionInterpolations),
-    ...Object.values(colorInterpolations),
-    ...Object.values(paddingInterpolations),
-    ...Object.values(ariaInterpolations)
-];
-const mergedInterpolations = mergeInterpolations(interpolations);
-/**
- * A StyledCard is a simple container that renders a group of related information in a styled rectangular area.
- * Width, height, padding, and background color are set through props.
- * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.
- */
-const StyledCard = forwardRef(({ ['aria-describedby']: ariaDescribedBy, children, cursor, display = 'inlineBlock', isActive, isDisabled, isFocusWithin, isHover, isSelected, parentComponentVariant = 'default', role, styleVariant, tabIndex, testId, ...rest }, ref) => {
-    const testIdProps = useTestId(testId);
-    // we want to pick all the event handlers only to spread over the div element
-    const eventHandlersProps = pick$1(eventHandlers, rest);
-    const { class: mergedClasses, ariaLabel, ariaLabelledBy, ...mergedStyles } = mergedInterpolations(rest);
-    const variantClasses = multiVariantStyles({
-        active: isActive ? 'isActive' : undefined,
-        cursor,
-        display,
-        disabled: isDisabled ? 'isDisabled' : undefined,
-        focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,
-        focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,
-        hover: isHover ? 'isHover' : 'notHover',
-        parentComponentVariant,
-        selected: isSelected ? 'isSelected' : 'notSelected',
-        styleVariant
-    });
-    const classes = classNames([variantClasses, mergedClasses]);
-    return (jsx("div", { ...eventHandlersProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className: classes, tabIndex: tabIndex, ref: ref, role: role, style: mergedStyles, ...testIdProps, children: children }));
-});
-
-export { StyledCard as S };
-//# sourceMappingURL=StyledCard-f5965d6d.js.map

package/es/StyledCard-f5965d6d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledCard-f5965d6d.js","sources":["../../../../node_modules/ramda/es/pick.js","../../src/PRIVATE_StyledCard/StyledCard.tsx"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/**\n * Returns a partial copy of an object containing only the keys specified. If\n * the key does not exist, the property is ignored.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig [k] -> {k: v} -> {k: v}\n * @param {Array} names an array of String property names to copy onto a new object\n * @param {Object} obj The object to copy from\n * @return {Object} A new object with only properties from `names` on it.\n * @see R.omit, R.props\n * @example\n *\n *      R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}\n *      R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}\n */\n\nvar pick =\n/*#__PURE__*/\n_curry2(function pick(names, obj) {\n  var result = {};\n  var idx = 0;\n\n  while (idx < names.length) {\n    if (names[idx] in obj) {\n      result[names[idx]] = obj[names[idx]];\n    }\n\n    idx += 1;\n  }\n\n  return result;\n});\n\nexport default pick;","/**\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { pick } from 'ramda';\n\nimport { dimensionInterpolations, DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { paddingInterpolations, PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { colorInterpolations, ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '#utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles } from './themes/StyledCardStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Role } from '#utils/UNSAFE_roles';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, EventHandlers>;\n\ntype EventHandlers = (typeof eventHandlers)[number];\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\ntype Props = StyleProps &\n  IntrinsicProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * Specifies if the card uses the pointer cursor.\n     */\n    cursor?: 'pointer';\n    /**\n     * Specifies the card element display type.\n     */\n    display?: 'inlineBlock' | 'inlineFlex';\n    /**\n     * Specifies if the card is in an active state.\n     */\n    isActive?: boolean;\n    /**\n     * Specifies if the card is in a disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the card is in a hover state.\n     */\n    isHover?: boolean;\n    /**\n     * Specifies if the card as selected within a collection.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the parent component variant\n     */\n    parentComponentVariant?: (typeof parentComponentVariants)[number];\n    /**\n     * Specifies aria role for the card element.\n     */\n    role?: Role;\n    /**\n     * Specifies the chroming of the card element\n     */\n    styleVariant?: 'danger';\n  } & (\n    | {\n        /**\n         * Specifies if the card has a focused input within.\n         */\n        isFocusWithin?: boolean;\n        tabIndex?: never;\n      }\n    | {\n        /**\n         * Specifies the tab index of the card element.\n         */\n        tabIndex?: number;\n        isFocusWithin?: never;\n      }\n  ) &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\nconst parentComponentVariants = [\n  'default',\n  'actionCard',\n  'selectionCard',\n  'richSelectionItemCard'\n] as const;\n\nconst eventHandlers = [\n  'onBlur',\n  'onClick',\n  'onContextMenu',\n  'onFocus',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseUp',\n  'onPointerCancel',\n  'onPointerDown',\n  'onPointerOut',\n  'onPointerUp',\n  'onTouchCancel',\n  'onTouchEnd',\n  'onTouchStart'\n] as const;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A StyledCard is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.\n */\nconst StyledCard = forwardRef(\n  (\n    {\n      ['aria-describedby']: ariaDescribedBy,\n      children,\n      cursor,\n      display = 'inlineBlock',\n      isActive,\n      isDisabled,\n      isFocusWithin,\n      isHover,\n      isSelected,\n      parentComponentVariant = 'default',\n      role,\n      styleVariant,\n      tabIndex,\n      testId,\n      ...rest\n    }: Props,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const testIdProps = useTestId(testId);\n\n    // we want to pick all the event handlers only to spread over the div element\n    const eventHandlersProps = pick(eventHandlers, rest);\n\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(rest);\n\n    const variantClasses = multiVariantStyles({\n      active: isActive ? 'isActive' : undefined,\n      cursor,\n      display,\n      disabled: isDisabled ? 'isDisabled' : undefined,\n      focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,\n      focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,\n      hover: isHover ? 'isHover' : 'notHover',\n      parentComponentVariant,\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      styleVariant\n    });\n\n    const classes = classNames([variantClasses, mergedClasses]);\n\n    return (\n      <div\n        {...eventHandlersProps}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        className={classes}\n        tabIndex={tabIndex}\n        ref={ref}\n        role={role}\n        style={mergedStyles}\n        {...testIdProps}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport { StyledCard, parentComponentVariants };\n"],"names":["pick","_jsx"],"mappings":"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"}

package/es/TabBarMixedSeparator-da56f4c0.js

@@ -1,19 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { V as View } from './View-63980a9b.js';
-import { styles } from './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js';
-
-/**
- * TabBarMixedSeparator is a component that renders a visual separator (displayed
- * as a vertical line) between collections of tabs within TabBarMixed.
- *
- * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.
- * @returns {JSX.Element} Component element for TabBarMixedSeparator.
- */
-function TabBarMixedSeparator(props) {
-    const { padding = 0 } = props;
-    return (jsx(View, { padding: [0, padding, 0, padding], children: jsx("div", { class: styles.separator, role: "presentation" }) }));
-}
-
-export { TabBarMixedSeparator as T };
-//# sourceMappingURL=TabBarMixedSeparator-da56f4c0.js.map

package/es/TabBarMixedSeparator-da56f4c0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBarMixedSeparator-da56f4c0.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;AAYA;;;;;;AAMG;AACG,SAAU,oBAAoB,CAAC,KAAgC,EAAA;AACnE,IAAA,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;AAE9B,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,EAAA,QAAA,EACrCA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA,EAAA,CAC/C,EACP;AACJ;;;;"}

package/es/TruncatingBadge-b69c1ceb.js

@@ -1,34 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { BadgeRedwoodTheme } from './UNSAFE_Badge/themes/redwood/BadgeTheme.js';
-import { u as useTooltip } from './useTooltip-98b6d3b5.js';
-import 'preact/hooks';
-import './LayerHost-15b42a3e.js';
-import 'preact/compat';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-38192add.js';
-import { u as useDetectTruncation } from './useDetectTruncation-d5e318ca.js';
-import './TabbableModeContext-7d8ad946.js';
-import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-
-function TruncatingBadge({ variant, size, edge, children }) {
-    const { classes } = useComponentTheme(BadgeRedwoodTheme, {
-        variant,
-        size,
-        edge
-    });
-    const { isTabbable } = useTabbableMode();
-    const { detectTruncationProps, isTextTruncated } = useDetectTruncation();
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: children,
-        isDisabled: !isTextTruncated
-    });
-    const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times
-    return (jsxs(Fragment, { children: [jsx("span", { ...detectTruncationProps, ...validTooltipProps, tabIndex: isTextTruncated && isTabbable ? 0 : -1, class: classes, children: children }), tooltipContent] }));
-}
-
-export { TruncatingBadge as T };
-//# sourceMappingURL=TruncatingBadge-b69c1ceb.js.map

package/es/TruncatingBadge-b69c1ceb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatingBadge-b69c1ceb.js","sources":["../../src/UNSAFE_TruncatingBadge/TruncatingBadge.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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BadgeStyles, BadgeVariantOptions } from '../UNSAFE_Badge/themes/BadgeStyles.css';\nimport { BadgeRedwoodTheme } from '../UNSAFE_Badge/themes/redwood/BadgeTheme';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors. The default value of this property is theme driven.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nexport function TruncatingBadge({ variant, size, edge, children }: Props) {\n  const { classes } = useComponentTheme<BadgeVariantOptions, BadgeStyles>(BadgeRedwoodTheme, {\n    variant,\n    size,\n    edge\n  });\n  const { isTabbable } = useTabbableMode();\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation();\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: children,\n    isDisabled: !isTextTruncated\n  });\n\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times\n\n  return (\n    <>\n      <span\n        {...detectTruncationProps}\n        {...validTooltipProps}\n        tabIndex={isTextTruncated && isTabbable ? 0 : -1}\n        class={classes}>\n        {children}\n      </span>\n      {tooltipContent}\n    </>\n  );\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;AA2CM,SAAU,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAS,EAAA;AACtE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAmC,iBAAiB,EAAE;QACzF,OAAO;QACP,IAAI;QACJ,IAAI;AACL,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AACzE,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,CAAC,eAAe;AAC7B,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,YAAY,CAAC;AAE7E,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GACM,CAAA,MAAA,EAAA,EAAA,GAAA,qBAAqB,KACrB,iBAAiB,EACrB,QAAQ,EAAE,eAAe,IAAI,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAChD,KAAK,EAAE,OAAO,EACb,QAAA,EAAA,QAAQ,EACJ,CAAA,EACN,cAAc,CAAA,EAAA,CACd,EACH;AACJ;;;;"}

package/es/TruncatingText-68acfafd.js

@@ -1,48 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
-import { u as useDetectTruncation } from './useDetectTruncation-d5e318ca.js';
-import { u as useTooltip } from './useTooltip-98b6d3b5.js';
-import 'preact/hooks';
-import './logger-c92f309c.js';
-import './LayerHost-15b42a3e.js';
-import 'preact/compat';
-import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-38192add.js';
-import './TabbableModeContext-7d8ad946.js';
-import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { multiVariantStyles, styles } from './UNSAFE_Text/themes/TextStyles.css.js';
-import { g as getClientHints } from './clientHints-05a97aba.js';
-
-const interpolations = [
-    ({ lineClamp }) => !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }
-];
-const styleInterpolations = mergeInterpolations(interpolations);
-function TruncatingText({ children, hyphens, size, truncation, variant = 'inherit', weight, overflowWrap = 'anywhere', ...props }) {
-    const clientHints = getClientHints();
-    const variantClasses = multiVariantStyles({
-        hyphens,
-        size,
-        truncation,
-        variant,
-        weight,
-        overflowWrap,
-        safariStyles: clientHints.browser === 'safari' ? 'needs' : 'noNeed'
-    });
-    const { class: interpolatedClasses, ...styles } = styleInterpolations(props);
-    const classes = classNames([variantClasses, interpolatedClasses]);
-    const { isTabbable } = useTabbableMode();
-    const { detectTruncationProps, isTextTruncated } = useDetectTruncation();
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: children,
-        isDisabled: !isTextTruncated
-    });
-    const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times
-    return (jsxs(Fragment, { children: [jsx("span", { ...detectTruncationProps, ...validTooltipProps, tabIndex: isTextTruncated && isTabbable ? 0 : -1, class: classes, style: styles, id: props.id, children: children }), tooltipContent] }));
-}
-
-export { TruncatingText as T };
-//# sourceMappingURL=TruncatingText-68acfafd.js.map

package/es/TruncatingText-68acfafd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatingText-68acfafd.js","sources":["../../src/UNSAFE_TruncatingText/TruncatingText.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 { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles, styles } from '../UNSAFE_Text/themes/TextStyles.css';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\ntype StylePropsWithOutTruncate = {\n  /**\n   * Specifies text color. If set as \"inherit\", takes text color from its parent element.\n   */\n  variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';\n\n  /**\n   * Specifies font size and line height. If set as \"inherit\", takes font size and line height from its parent element.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';\n\n  /**\n   * Specifies the font weight. If set as \"inherit\", takes font weight from its parent element.\n   */\n  weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';\n\n  /**\n   * Specifies the overflow-wrap.\n   */\n  overflowWrap?: 'normal' | 'breakWord' | 'anywhere';\n\n  /**\n   * Specifies if hyphens should be included when handling long words with no spaces.\n   */\n  hyphens?: 'auto' | 'none';\n};\ntype TruncateProps =\n  | {\n      /**\n       * Truncates text at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so text starts overflowing and produce a truncation.\n       */\n      lineClamp?: number;\n      /**\n       * Determines text behavior when text is truncated. Be aware of setting either lineClamp or truncation. Setting both props would produce a type error. In most cases, lineClamp=1 tries to put the ellipsis at the end of a \"word\". On the other hand, using truncation=\"ellipsis\" will show as much as possible text, then put the ellipsis at the end.\n       */\n      truncation?: never;\n    }\n  | {\n      lineClamp?: never;\n      truncation?: 'none' | 'clip' | 'ellipsis';\n    };\ntype AdditionalProps = {\n  /**\n   * Specifies the text id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children.\n   */\n  children?: string;\n};\ntype Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;\n\nconst interpolations = [\n  ({ lineClamp }: Pick<TruncateProps, 'lineClamp'>) =>\n    !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }\n];\nconst styleInterpolations = mergeInterpolations<Omit<Props, 'children'>>(interpolations);\n\nexport function TruncatingText({\n  children,\n  hyphens,\n  size,\n  truncation,\n  variant = 'inherit',\n  weight,\n  overflowWrap = 'anywhere',\n  ...props\n}: Props) {\n  const clientHints = getClientHints();\n  const variantClasses = multiVariantStyles({\n    hyphens,\n    size,\n    truncation,\n    variant,\n    weight,\n    overflowWrap,\n    safariStyles: clientHints.browser === 'safari' ? 'needs' : 'noNeed'\n  });\n  const { class: interpolatedClasses, ...styles } = styleInterpolations(props);\n  const classes = classNames([variantClasses, interpolatedClasses]);\n  const { isTabbable } = useTabbableMode();\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation();\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: children,\n    isDisabled: !isTextTruncated\n  });\n\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times\n\n  return (\n    <>\n      <span\n        {...detectTruncationProps}\n        {...validTooltipProps}\n        tabIndex={isTextTruncated && isTabbable ? 0 : -1}\n        class={classes}\n        style={styles}\n        id={props.id}>\n        {children}\n      </span>\n      {tooltipContent}\n    </>\n  );\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAqEA,MAAM,cAAc,GAAG;IACrB,CAAC,EAAE,SAAS,EAAoC,KAC9C,CAAC,SAAS,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE;CAC5E,CAAC;AACF,MAAM,mBAAmB,GAAG,mBAAmB,CAA0B,cAAc,CAAC,CAAC;AAEnF,SAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,YAAY,GAAG,UAAU,EACzB,GAAG,KAAK,EACF,EAAA;AACN,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,kBAAkB,CAAC;QACxC,OAAO;QACP,IAAI;QACJ,UAAU;QACV,OAAO;QACP,MAAM;QACN,YAAY;AACZ,QAAA,YAAY,EAAE,WAAW,CAAC,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ;AACpE,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAClE,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AACzE,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,CAAC,eAAe;AAC7B,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,YAAY,CAAC;AAE7E,IAAA,QACEA,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EAAA,GACM,qBAAqB,EACrB,GAAA,iBAAiB,EACrB,QAAQ,EAAE,eAAe,IAAI,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAChD,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,MAAM,EACb,EAAE,EAAE,KAAK,CAAC,EAAE,YACX,QAAQ,EAAA,CACJ,EACN,cAAc,CAAA,EAAA,CACd,EACH;AACJ;;;;"}

package/es/View-63980a9b.js

@@ -1,167 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { forwardRef } from 'preact/compat';
-import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-2955d60a.js';
-import { b as borderInterpolations } from './borders-98a63040.js';
-import { d as dimensionInterpolations } from './dimensions-e4b8a67e.js';
-import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
-import { c as colorInterpolations } from './colors-d82326ea.js';
-import { p as paddingInterpolations } from './padding-ddeb1692.js';
-import { a as ariaInterpolations } from './aria-efa0582c.js';
-import { t as themeInterpolations } from './theme-63551f30.js';
-import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
-import './LayerHost-15b42a3e.js';
-import { E as EnvironmentProvider } from './EnvironmentProvider-0fc2fd0c.js';
-import { globalVars } from './Common/themes/themeContract.css.js';
-import { u as useDensity } from './useDensity-64ecb649.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
-import { a as _curry1 } from './_curry1-25297e59.js';
-import { _ as _isArguments, e as equals } from './equals-160da165.js';
-import { _ as _isArray } from './_isArray-694cc52d.js';
-import { a as _isObject } from './_isObject-1fab0f5b.js';
-import { _ as _isString } from './_isString-675f1de9.js';
-
-/**
- * Tests whether or not an object is a typed array.
- *
- * @private
- * @param {*} val The object to test.
- * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.
- * @example
- *
- *      _isTypedArray(new Uint8Array([])); //=> true
- *      _isTypedArray(new Float32Array([])); //=> true
- *      _isTypedArray([]); //=> false
- *      _isTypedArray(null); //=> false
- *      _isTypedArray({}); //=> false
- */
-function _isTypedArray(val) {
-  var type = Object.prototype.toString.call(val);
-  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';
-}
-
-/**
- * Returns the empty value of its argument's type. Ramda defines the empty
- * value of Array (`[]`), Object (`{}`), String (`''`),
- * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other
- * types are supported if they define `<Type>.empty`,
- * `<Type>.prototype.empty` or implement the
- * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).
- *
- * Dispatches to the `empty` method of the first argument, if present.
- *
- * @func
- * @memberOf R
- * @since v0.3.0
- * @category Function
- * @sig a -> a
- * @param {*} x
- * @return {*}
- * @example
- *
- *      R.empty(Just(42));               //=> Nothing()
- *      R.empty([1, 2, 3]);              //=> []
- *      R.empty('unicorns');             //=> ''
- *      R.empty({x: 1, y: 2});           //=> {}
- *      R.empty(Uint8Array.from('123')); //=> Uint8Array []
- */
-
-var empty =
-/*#__PURE__*/
-_curry1(function empty(x) {
-  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray(x) ? [] : _isString(x) ? '' : _isObject(x) ? {} : _isArguments(x) ? function () {
-    return arguments;
-  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else
-  ;
-});
-
-/**
- * Returns `true` if the given value is its type's empty value; `false`
- * otherwise.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Logic
- * @sig a -> Boolean
- * @param {*} x
- * @return {Boolean}
- * @see R.empty
- * @example
- *
- *      R.isEmpty([1, 2, 3]);           //=> false
- *      R.isEmpty([]);                  //=> true
- *      R.isEmpty('');                  //=> true
- *      R.isEmpty(null);                //=> false
- *      R.isEmpty({});                  //=> true
- *      R.isEmpty({length: 0});         //=> false
- *      R.isEmpty(Uint8Array.from('')); //=> true
- */
-
-var isEmpty =
-/*#__PURE__*/
-_curry1(function isEmpty(x) {
-  return x != null && equals(x, empty(x));
-});
-
-var isEmpty$1 = isEmpty;
-
-const elementTypes = ['div', 'main', 'article', 'section', 'aside'];
-const interpolations = [
-    ...Object.values(borderInterpolations),
-    ...Object.values(dimensionInterpolations),
-    ...Object.values(flexitemInterpolations),
-    ...Object.values(colorInterpolations),
-    ...Object.values(paddingInterpolations),
-    ...Object.values(ariaInterpolations),
-    ...Object.values(themeInterpolations)
-];
-const mergedInterpolations = mergeInterpolations(interpolations);
-const View = forwardRef(({ as, children, colorScheme, color, backgroundColor, scale, density: propDensity, testId, ...rest }, ref) => {
-    /**
-     * JET-66845 Because density unit CSS vars need to be recalculated each time the scale changes, scale
-     * classes can not be a child of density classes. However, we can have the scale and density classes as siblings.
-     * If the scale prop is supplied, we'll set the density class as well. If density is not set in the props,
-     * we will determine it via the Environment.
-     */
-    const themeDensity = useDensity();
-    const density = propDensity ?? (scale ? themeDensity : undefined);
-    const testIdProps = useTestId(testId);
-    const { class: className, ariaLabelledBy, ariaLabel, ...styles } = mergedInterpolations({
-        colorScheme,
-        scale,
-        density,
-        backgroundColor,
-        color,
-        ...rest
-    });
-    // We need to update the environment with any theme related props specified
-    const env = {
-        ...(colorScheme && { colorScheme }),
-        ...(scale && { scale }),
-        ...(density && { density }),
-        ...(backgroundColor && { currentBgColor: backgroundColor })
-    };
-    const props = {
-        ...testIdProps,
-        ['aria-label']: ariaLabel,
-        ['aria-labelledby']: ariaLabelledBy,
-        children,
-        className,
-        ref: ref,
-        style: {
-            ...styles,
-            ...(backgroundColor &&
-                assignInlineVars({
-                    [globalVars.currentBackgroundColor]: styles['backgroundColor']
-                })),
-            // we hardcode box-sizing: border-box on all of our Preact components.
-            boxSizing: 'border-box'
-        }
-    };
-    const Component = as || 'div';
-    return isEmpty$1(env) ? (jsx(Component, { ...props })) : (jsx(EnvironmentProvider, { environment: env, children: jsx(Component, { ...props }) }));
-});
-
-export { View as V, elementTypes as e };
-//# sourceMappingURL=View-63980a9b.js.map