@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/tslib.es6-0620c488.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tslib.es6-0620c488.js","sources":["../../../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n"],"names":["Object","create","s","e","t","p","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable"],"mappings":"4CA2G6BA,OAAOC,OAsGXD,OAAOC,gBAvKzB,SAAgBC,EAAGC,GACtB,IAAIC,EAAI,GACR,IAAK,IAAIC,KAAKH,EAAOF,OAAOM,UAAUC,eAAeC,KAAKN,EAAGG,IAAMF,EAAEM,QAAQJ,GAAK,IAC9ED,EAAEC,GAAKH,EAAEG,IACb,GAAS,MAALH,GAAqD,mBAAjCF,OAAOU,sBACtB,CAAA,IAAIC,EAAI,EAAb,IAAgBN,EAAIL,OAAOU,sBAAsBR,GAAIS,EAAIN,EAAEO,OAAQD,IAC3DR,EAAEM,QAAQJ,EAAEM,IAAM,GAAKX,OAAOM,UAAUO,qBAAqBL,KAAKN,EAAGG,EAAEM,MACvEP,EAAEC,EAAEM,IAAMT,EAAEG,EAAEM,KAE1B,OAAOP"}

package/amd/useAnimation-e0b7ba57.js

@@ -1,2 +0,0 @@
-define(["exports","preact/hooks","./tslib.es6-0620c488"],function(t,n,e){"use strict";function r(t){if(!t)return{};const{translateX:n,translateY:r,translateZ:s,rotateX:a,rotateY:c,rotateZ:o,scaleX:u,scaleY:i,scaleZ:l,skewX:f,skewY:$}=t,d=e.__rest(t,["translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY"]),g=`${t.transform||""}${function(t,n,e){return`${t?` translateX(${t})`:""}${n?` translateY(${n})`:""}${e?` translateZ(${e})`:""}`}(n,r,s)}${function(t,n,e){return`${t?` rotateX(${t})`:""}${n?` rotateY(${n})`:""}${e?` rotateZ(${e})`:""}`}(a,c,o)}${function(t,n,e){return`${t||0===t?` scaleX(${t})`:""}${n||0===n?` scaleY(${n})`:""}${e||0===e?` scaleZ(${e})`:""}`}(u,i,l)}${function(t,n){return`${t?` skewX(${t})`:""}${n?` skewY(${n})`:""}`}(f,$)}`;return Object.assign(Object.assign({},d),g&&{transform:g})}function s(t){if(!t)return{};const n=r(t),{offset:s}=n,a=e.__rest(n,["offset"]);return Object.assign(Object.assign({},a),s&&{cssOffset:s})}t.useAnimation=function(t,{animationStates:e,isAnimatedOnMount:a=!1,onAnimationEnd:c=(()=>{})}){const o=n.useRef(!1),u=n.useRef(null),i=n.useRef(),l=n.useRef(),f=n.useRef(e);n.useEffect(()=>{var n;if(i.current===t)return;const e=i.current;var $,d,g;i.current=t,"running"===(null===(n=l.current)||void 0===n?void 0:n.playState)&&($=l.current,d=u.current,((null==(g=d)?void 0:g.offsetWidth)||(null==g?void 0:g.offsetHeight)||(null==g?void 0:g.getClientRects().length))&&$.commitStyles(),$.cancel());const b=u.current;if(!b)return;if(!o.current&&(o.current=!0,!a))return;const X=function(t,n,e,r){const s=t[`${r} => ${e}`]||t[e],a="function"==typeof s?s(n):s;return a&&Object.keys(a).length>0?a:null}(f.current,b,t,e);X&&(l.current=function(t,n,e,a){const{delay:c,duration:o,easing:u}=t.options||{},i={delay:c||0,duration:o||400,easing:u?"string"==typeof u?u:`cubic-bezier(${u[0]}, ${u[1]}, ${u[2]}, ${u[3]})`:"ease"},l=n.animate([s(t.from),s(t.to)],Object.assign({},i));return l.onfinish=()=>{!function(t,n,e){const s=n?Object.assign(Object.assign({},r(e.to)),r(e.end)):r(e.end);for(const n in s)t.style[n]=s[n]}(n,!0,t),null==a||a({animationState:e})},l}(X,b,t,c))},[t,a,c]);const $=n.useCallback(()=>{const t=l.current;"running"===(null==t?void 0:t.playState)&&t.cancel()},[]);return{nodeRef:n.useCallback(t=>{var n;t!=u.current&&(u.current&&(null===(n=l.current)||void 0===n||n.cancel(),l.current=void 0),u.current=t)},[]),controller:{cancel:$}}}});
-//# sourceMappingURL=useAnimation-e0b7ba57.js.map

package/amd/useAnimation-e0b7ba57.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimation-e0b7ba57.js","sources":["../../src/hooks/UNSAFE_useAnimation/animationUtils.ts","../../src/hooks/UNSAFE_useAnimation/useAnimation.ts"],"sourcesContent":["import { StandardProperties } from 'csstype';\n\nexport type UseAnimationCssProperties = StandardProperties & TransformProperties;\n\n// This represents shorthand UseAnimationCssProperties props.\ntype TransformProperties = Partial<\n  Record<\n    | 'translateX'\n    | 'translateY'\n    | 'translateZ'\n    | 'rotateX'\n    | 'rotateY'\n    | 'rotateZ'\n    | 'skewX'\n    | 'skewY',\n    string\n  > &\n    Record<'scaleX' | 'scaleY' | 'scaleZ', string | number>\n>;\n\n/**\n * Converts shorthand translate props into transform string representation.\n *\n * @param translateX\n * @param translateY\n * @param translateZ\n * @returns Longhand transform string representation.\n */\nfunction convertTranslateShortcuts(\n  translateX: TransformProperties['translateX'],\n  translateY: TransformProperties['translateY'],\n  translateZ: TransformProperties['translateZ']\n) {\n  return `${translateX ? ` translateX(${translateX})` : ''}${\n    translateY ? ` translateY(${translateY})` : ''\n  }${translateZ ? ` translateZ(${translateZ})` : ''}`;\n}\n\n/**\n * Converts shorthand rotate props into transform string representation.\n *\n * @param rotateX\n * @param rotateY\n * @param rotateZ\n * @returns Longhand transform string representation.\n */\nfunction convertRotateShortcuts(\n  rotateX?: TransformProperties['rotateX'],\n  rotateY?: TransformProperties['rotateY'],\n  rotateZ?: TransformProperties['rotateZ']\n) {\n  return `${rotateX ? ` rotateX(${rotateX})` : ''}${rotateY ? ` rotateY(${rotateY})` : ''}${\n    rotateZ ? ` rotateZ(${rotateZ})` : ''\n  }`;\n}\n\n/**\n * Converts shorthand scale props into transform string representation.\n *\n * @param scaleX\n * @param scaleY\n * @param scaleZ\n * @returns Longhand transform string representation.\n */\nfunction convertScaleShortcuts(\n  scaleX: TransformProperties['scaleX'],\n  scaleY: TransformProperties['scaleY'],\n  scaleZ: TransformProperties['scaleZ']\n) {\n  return `${scaleX || scaleX === 0 ? ` scaleX(${scaleX})` : ''}${\n    scaleY || scaleY === 0 ? ` scaleY(${scaleY})` : ''\n  }${scaleZ || scaleZ === 0 ? ` scaleZ(${scaleZ})` : ''}`;\n}\n\n/**\n * Converts shorthand skew props into transform string representation.\n *\n * @param skewX\n * @param skewY\n * @returns Longhand transform string representation.\n */\nfunction convertSkewShortcuts(\n  skewX: TransformProperties['skewX'],\n  skewY: TransformProperties['skewY']\n) {\n  return `${skewX ? ` skewX(${skewX})` : ''}${skewY ? ` skewY(${skewY})` : ''}`;\n}\n\n/**\n * Converts animation CSS properties into Regular camel cased CSS properties.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns Regular camel cased CSS properties.\n */\nexport function convertUseAnimationCssPropertiesToRegularCSS(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const {\n    translateX,\n    translateY,\n    translateZ,\n    rotateX,\n    rotateY,\n    rotateZ,\n    scaleX,\n    scaleY,\n    scaleZ,\n    skewX,\n    skewY,\n    ...otherCssProperties\n  } = useAnimationCssProperties;\n  const initialTransformValue = useAnimationCssProperties['transform'] || '';\n  // Now we just add values pased in shortcuts to transform property, do we want to replace it instead?\n  const finalTransformValue = `${initialTransformValue}${convertTranslateShortcuts(\n    translateX,\n    translateY,\n    translateZ\n  )}${convertRotateShortcuts(rotateX, rotateY, rotateZ)}${convertScaleShortcuts(\n    scaleX,\n    scaleY,\n    scaleZ\n  )}${convertSkewShortcuts(skewX, skewY)}`;\n  return {\n    ...otherCssProperties,\n    ...(finalTransformValue && { transform: finalTransformValue })\n  };\n}\n\n/**\n * Converts animation CSS properties into WAAPI keyframe properties.\n * Since keyframes have a difference between offset and cssOffset this collision is avoided here.\n *\n * @param useAnimationCssProperties This include transform shorthand props.\n * @returns WAAPI keyframe\n */\nexport function convertUseAnimationCssPropertiesToWAAPIKeyframe(\n  useAnimationCssProperties?: UseAnimationCssProperties\n) {\n  if (!useAnimationCssProperties) {\n    return {};\n  }\n  const { offset, ...otherCssProperties } =\n    convertUseAnimationCssPropertiesToRegularCSS(useAnimationCssProperties);\n  return {\n    ...otherCssProperties,\n    ...(offset && { cssOffset: offset })\n  };\n}\n\n/**\n * Stops an animation.\n *\n * @param animation Animation that is going to be stopped.\n * @returns\n */\nexport function stopAnimation<E extends HTMLElement>(animation: Animation, node: E | null) {\n  // TO DO: rollup-plugin-typescript seems to have an outdated Animation typing. That produces warnings while bulding.\n  // Update picked type to get rid of this casting.\n  // We have to check if the element is visible to commit styles\n  isVisible(node) && (animation as any).commitStyles();\n  animation.cancel();\n}\n\n/**\n * Check if an element is visible. Similar to jQuery :visible selector.\n *\n * @param element HTML element that is going to be checked for its visibility.\n * @returns\n */\nfunction isVisible<E extends HTMLElement>(element: E | null): boolean {\n  return !!(element?.offsetWidth || element?.offsetHeight || element?.getClientRects().length);\n}\n","import { useRef, useEffect, useCallback } from 'preact/hooks';\nimport {\n  convertUseAnimationCssPropertiesToRegularCSS,\n  convertUseAnimationCssPropertiesToWAAPIKeyframe,\n  UseAnimationCssProperties,\n  stopAnimation\n} from './animationUtils';\n\nexport type UseAnimationConfig<V extends string, E extends HTMLElement> = {\n  animationStates: Partial<\n    Record<AnimationStateKey<V>, ((node: E) => AnimationConfig) | AnimationConfig>\n  >;\n  isAnimatedOnMount?: boolean;\n  onAnimationEnd?: ({ animationState }: { animationState: V }) => void;\n};\n\n// Used to filter simple states and ones that include previous state\ntype AnimationStateKey<PA extends string> = ExtractAnimationStates<PA | `${PA} => ${PA}`>;\n\n// Used to get previous and current states and do deeper typing\ntype ExtractAnimationStates<StateString extends string> =\n  StateString extends `${infer From} => ${infer To}`\n    ? KeyWithPreviousAndCurrentState<From, To>\n    : StateString;\n\n// Used to just allow keys with different previous and current states\ntype KeyWithPreviousAndCurrentState<PreviousState extends string, CurrentState extends string> = {\n  b: PreviousState;\n} extends { b: CurrentState }\n  ? never\n  : `${PreviousState} => ${CurrentState}`;\n\ntype AnimationConfig = {\n  from?: UseAnimationCssProperties;\n  to: UseAnimationCssProperties;\n  end?: UseAnimationCssProperties;\n  options?: AnimationOptions;\n};\n\ntype AnimationOptions = {\n  delay?: number;\n  duration?: number;\n  easing?:\n    | 'linear'\n    | 'ease'\n    | 'ease-in'\n    | 'ease-out'\n    | 'ease-in-out'\n    | [number, number, number, number];\n};\n\n// Used to exclude states that include => since this string is used to represent a transition from state to another.\ntype PermittedAnimationState<V extends string> = Exclude<V, `${string}=>${string}`>;\n\n/**\n * Hook to animate single components.\n * It allows n number of animation states.\n * @param animationState\n * @param animationConfig\n * @returns\n */\nexport function useAnimation<V extends string, E extends HTMLElement = HTMLElement>(\n  animationState: PermittedAnimationState<V>,\n  {\n    animationStates,\n    isAnimatedOnMount = false,\n    onAnimationEnd = () => {}\n  }: UseAnimationConfig<PermittedAnimationState<V>, E>\n) {\n  const didMountRef = useRef(false);\n  const nodeRef = useRef<E | null>(null);\n  const currentAnimationState = useRef<PermittedAnimationState<V>>();\n  const currentAnimation = useRef<Animation>();\n\n  // We don't allow changing animationStates. Ref to keep \"first run\" animation states.\n  const animationStatesRef =\n    useRef<UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']>(animationStates);\n\n  useEffect(() => {\n    // UseEffect just have to be ran when there is a change on animationState\n    if (currentAnimationState.current === animationState) return;\n\n    // It makes sense to keep track of animation states even if there's no animated element to animate.\n    const previousAnimationState = currentAnimationState.current;\n    currentAnimationState.current = animationState;\n\n    //Stop an animation here only makes sense if the previous one is running\n    if (currentAnimation.current?.playState === 'running') {\n      stopAnimation(currentAnimation.current, nodeRef.current);\n    }\n\n    const animatedElement = nodeRef.current;\n    if (!animatedElement) {\n      return;\n    }\n\n    if (!didMountRef.current) {\n      didMountRef.current = true;\n      if (!isAnimatedOnMount) {\n        return;\n      }\n    }\n\n    const animationConfig = getConfig(\n      animationStatesRef.current,\n      animatedElement,\n      animationState,\n      previousAnimationState\n    );\n\n    if (!animationConfig) {\n      return;\n    }\n\n    currentAnimation.current = startAnimation(\n      animationConfig,\n      animatedElement,\n      animationState,\n      onAnimationEnd\n    );\n  }, [animationState, isAnimatedOnMount, onAnimationEnd]);\n\n  /**\n   * Used to cancel current animation. When animation is canceled node style goes back to beginning style of canceled animation.\n   * @returns\n   */\n  const cancelCurrentAnimation = useCallback(() => {\n    const animation = currentAnimation.current;\n    if (animation?.playState === 'running') {\n      animation.cancel();\n    }\n  }, []);\n\n  /**\n   * Callback ref use to set nodeRef.\n   *\n   * @param node Actual element user set.\n   * @returns\n   */\n  const callbackRef = useCallback((node: E | null) => {\n    if (node != nodeRef.current) {\n      //If for any reason element is unmounted we have to cancel animation(if there is one) and\n      //set currentAnimation as undefined so we don't keep running this animation\n      if (nodeRef.current) {\n        currentAnimation.current?.cancel();\n        currentAnimation.current = undefined;\n      }\n      nodeRef.current = node;\n    }\n  }, []);\n\n  return { nodeRef: callbackRef, controller: { cancel: cancelCurrentAnimation } };\n}\n\n/**\n * Gets animation configuration.\n *\n * @param animationStates Set of animation configurations provided by the user.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param previousAnimationState Previous animation state.\n * @returns AnimationConfig.\n */\nfunction getConfig<V extends string, E extends HTMLElement>(\n  animationStates: UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates'],\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  previousAnimationState?: PermittedAnimationState<V>\n) {\n  const currentAnimationStateConfig =\n    animationStates[\n      `${previousAnimationState} => ${animationState}` as keyof UseAnimationConfig<\n        PermittedAnimationState<V>,\n        E\n      >['animationStates']\n    ] ||\n    animationStates[\n      animationState as keyof UseAnimationConfig<PermittedAnimationState<V>, E>['animationStates']\n    ];\n\n  const animationConfig =\n    typeof currentAnimationStateConfig === 'function'\n      ? currentAnimationStateConfig(animatedElement)\n      : (currentAnimationStateConfig as AnimationConfig);\n\n  return animationConfig && Object.keys(animationConfig).length > 0 ? animationConfig : null;\n}\n\n/**\n * Starts an animation.\n *\n * @param animationConfig Animation configuration used by the animation.\n * @param animatedElement Element that is going to be styled.\n * @param animationState Current animation state.\n * @param onAnimationEnd Callback called once the animation is completed.\n * @returns Animation.\n */\nfunction startAnimation<V extends string, E extends HTMLElement>(\n  animationConfig: AnimationConfig,\n  animatedElement: E,\n  animationState: PermittedAnimationState<V>,\n  onAnimationEnd: UseAnimationConfig<PermittedAnimationState<V>, E>['onAnimationEnd']\n) {\n  const { delay, duration, easing } = animationConfig.options || {};\n\n  //Now, if user does not pass a value we override it by hand. We will use theming tools in future.\n  const animationOptions = {\n    delay: delay || 0,\n    duration: duration || 400,\n    easing: easing\n      ? typeof easing === 'string'\n        ? easing\n        : `cubic-bezier(${easing[0]}, ${easing[1]}, ${easing[2]}, ${easing[3]})`\n      : 'ease'\n  };\n\n  // WAAPI animation method. https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n  // TO DO: Check for required browser compatibility in case we need pollyfill.\n  // https://github.com/web-animations/web-animations-js/blob/dev/docs/support.md#browser-support\n  const startedAnimation = animatedElement.animate(\n    [\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.from),\n      convertUseAnimationCssPropertiesToWAAPIKeyframe(animationConfig.to)\n    ],\n    { ...animationOptions }\n  );\n\n  startedAnimation.onfinish = () => {\n    //We commit styles to have an only source of truth.\n    setEndStyle(animatedElement, true, animationConfig);\n    // On animationEnd is only called when animation actually finished. If an animation is interruped by other one\n    // or animated element is not longer rendered onAnimationEnd will not be called. Do we want to have a callback for those cases?\n    onAnimationEnd?.({ animationState });\n  };\n\n  return startedAnimation;\n}\n\n/**\n * Sets element style.\n *\n * @param animatedElement Element that is going to be styled.\n * @param toAndEndStyle Represents which data will be used to set style. If set to true it uses \"to\" and \"endStyle\".\n * If set to false it uses just \"endStyle\".\n * @param animationConfig Style that is going to be set.\n */\nfunction setEndStyle<E extends HTMLElement>(\n  animatedElement: E,\n  toAndEndStyle: boolean,\n  animationConfig: AnimationConfig\n) {\n  const endStyle = toAndEndStyle\n    ? {\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.to),\n        ...convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end)\n      }\n    : convertUseAnimationCssPropertiesToRegularCSS(animationConfig.end);\n  for (const key in endStyle) {\n    //TO DO: Look for a better way to handle types.\n    (<any>animatedElement.style)[key] = endStyle[key as keyof typeof endStyle];\n  }\n}\n"],"names":["convertUseAnimationCssPropertiesToRegularCSS","useAnimationCssProperties","translateX","translateY","translateZ","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skewX","skewY","otherCssProperties","__rest","finalTransformValue","convertTranslateShortcuts","convertRotateShortcuts","convertScaleShortcuts","convertSkewShortcuts","Object","assign","transform","convertUseAnimationCssPropertiesToWAAPIKeyframe","_a","offset","cssOffset","animationState","animationStates","isAnimatedOnMount","onAnimationEnd","didMountRef","useRef","nodeRef","currentAnimationState","currentAnimation","animationStatesRef","useEffect","current","previousAnimationState","animation","node","element","playState","offsetWidth","offsetHeight","getClientRects","length","commitStyles","cancel","animatedElement","animationConfig","currentAnimationStateConfig","keys","getConfig","delay","duration","easing","options","animationOptions","startedAnimation","animate","from","to","onfinish","toAndEndStyle","endStyle","end","key","style","setEndStyle","startAnimation","cancelCurrentAnimation","useCallback","undefined","controller"],"mappings":"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"}

package/amd/useFocusWithin-37ff3610.js

@@ -1,2 +0,0 @@
-define(["exports","preact/hooks"],function(e,u){"use strict";e.useFocusWithin=function({isDisabled:e,onBlurWithin:n,onFocusWithin:s}={}){const[t,r]=u.useState(!1),o=u.useRef(!1),c=u.useCallback(e=>{o.current||(null==s||s(e),r(!0),o.current=!0)},[s]),i=u.useCallback(e=>{!o.current||null!=e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||(null==n||n(e),r(!1),o.current=!1)},[n]);return e?{isFocused:!1,focusProps:{}}:{isFocused:t,focusProps:{onfocusin:c,onfocusout:i}}}});
-//# sourceMappingURL=useFocusWithin-37ff3610.js.map

package/amd/useFocusWithin-37ff3610.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusWithin-37ff3610.js","sources":["../../src/hooks/UNSAFE_useFocusWithin/useFocusWithin.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\ntype FocusEvents = {\n  onBlurWithin?: (e: FocusEvent) => void;\n  onFocusWithin?: (e: FocusEvent) => void;\n};\n\ntype UseFocusWithinProps = FocusEvents & {\n  isDisabled?: boolean;\n};\n\nexport function useFocusWithin({\n  isDisabled,\n  onBlurWithin,\n  onFocusWithin\n}: UseFocusWithinProps = {}) {\n  const [isFocused, setIsFocused] = useState(false);\n  // Maintain a ref for whether we're focused so that we can update it synchronously and check\n  // it in the listeners.  It's possible for an element to receive and lose focus before\n  // the next render happens, in which case the isFocused state hasn't been updated yet for\n  // the focusin event.  The focusout listener would not do anything based on that stale state,\n  // which would result in the isFocused state incorrectly remaining true.\n  // We still need the isFocused state because that state change will trigger a rerender,\n  // whereas updating the ref will not.\n  const isFocusedRef = useRef(false);\n  const onfocusin = useCallback(\n    (event: FocusEvent) => {\n      if (!isFocusedRef.current) {\n        onFocusWithin?.(event);\n        setIsFocused(true);\n        isFocusedRef.current = true;\n      }\n    },\n    [onFocusWithin]\n  );\n  const onfocusout = useCallback(\n    (event: FocusEvent) => {\n      // Trigger focus event changes only when the focus goes outside of the current\n      // target. Ignore focus changes within the current target\n      if (\n        isFocusedRef.current &&\n        (event.relatedTarget == null ||\n          !(event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement))\n      ) {\n        onBlurWithin?.(event);\n        setIsFocused(false);\n        isFocusedRef.current = false;\n      }\n    },\n    [onBlurWithin]\n  );\n\n  return isDisabled\n    ? {\n        isFocused: false,\n        focusProps: {}\n      }\n    : {\n        isFocused,\n        focusProps: {\n          onfocusin,\n          onfocusout\n        }\n      };\n}\n"],"names":["isDisabled","onBlurWithin","onFocusWithin","isFocused","setIsFocused","useState","isFocusedRef","useRef","onfocusin","useCallback","event","current","onfocusout","relatedTarget","currentTarget","contains","focusProps"],"mappings":"8EAWM,UAAyBA,WAC7BA,EAAUC,aACVA,EAAYC,cACZA,GACuB,IACvB,MAAOC,EAAWC,GAAgBC,EAAQA,UAAC,GAQrCC,EAAeC,UAAO,GACtBC,EAAYC,cACfC,IACMJ,EAAaK,UAChBT,MAAAA,GAAAA,EAAgBQ,GAChBN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACT,IAEGU,EAAaH,cAChBC,KAIGJ,EAAaK,SACW,MAAvBD,EAAMG,eACHH,EAAMI,cAA8BC,SAASL,EAAMG,iBAEvDZ,MAAAA,GAAAA,EAAeS,GACfN,GAAa,GACbE,EAAaK,SAAU,IAG3B,CAACV,IAGH,OAAOD,EACH,CACEG,WAAW,EACXa,WAAY,IAEd,CACEb,UAAAA,EACAa,WAAY,CACVR,UAAAA,EACAI,WAAAA"}

package/amd/useSingleSelection-4986b9d2.js

@@ -1,2 +0,0 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";const n=e=>{"Enter"===e.key&&e.preventDefault()},o=(e,t,n,o)=>{const c=t(e.target);o&&c&&n!==c&&(o({value:c}),"click"===e.type&&e.stopPropagation())};e.useSingleSelection=function(e,c,s){const l=t.useCallback(t=>{o(t,e,c,s)},[e,c,s]),r=t.useCallback(t=>{"Enter"===t.key&&o(t,e,c,s)},[e,c,s]);return{selectionProps:s?{onClick:l,onKeyDown:n,onKeyUp:r}:{}}}});
-//# sourceMappingURL=useSingleSelection-4986b9d2.js.map

package/amd/useSingleSelection-4986b9d2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSingleSelection-4986b9d2.js","sources":["../../src/hooks/PRIVATE_useSingleSelection/useSingleSelection.ts"],"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 { useCallback } from 'preact/hooks';\nimport { SingleSelectionDetail } from '../../UNSAFE_Collection';\n\nexport function useSingleSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) {\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleSelect(event, keyExtractor, selected, onChange);\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        handleSelect(event, keyExtractor, selected, onChange);\n      }\n    },\n    [keyExtractor, selected, onChange]\n  );\n\n  const selectionProps = onChange ? { onClick, onKeyDown, onKeyUp } : {};\n  return { selectionProps };\n}\n\n// prevent default (propagation) for keyDown to prevent arrow keys from scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter') {\n    event.preventDefault();\n  }\n};\n\nconst handleSelect = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selected?: K,\n  onChange?: (detail: SingleSelectionDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onChange && itemKey && selected !== itemKey) {\n    onChange({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["onKeyDown","event","key","preventDefault","handleSelect","keyExtractor","selected","onChange","itemKey","target","value","type","stopPropagation","onClick","useCallback","onKeyUp","selectionProps"],"mappings":"6DAoCA,MAAMA,EAAaC,IACC,UAAdA,EAAMC,KACRD,EAAME,kBAIJC,EAAe,CACnBH,EACAI,EACAC,EACAC,KAEA,MAAMC,EAAUH,EAAaJ,EAAMQ,QAC/BF,GAAYC,GAAWF,IAAaE,IACtCD,EAAS,CAAEG,MAAOF,IACC,UAAfP,EAAMU,MACRV,EAAMW,kDAzCVP,EACAC,EACAC,GAEA,MAAMM,EAAUC,cACbb,IACCG,EAAaH,EAAOI,EAAcC,EAAUC,IAE9C,CAACF,EAAcC,EAAUC,IAGrBQ,EAAUD,cACbb,IACmB,UAAdA,EAAMC,KACRE,EAAaH,EAAOI,EAAcC,EAAUC,IAGhD,CAACF,EAAcC,EAAUC,IAI3B,MAAO,CAAES,eADcT,EAAW,CAAEM,QAAAA,EAASb,UAAAA,EAAWe,QAAAA,GAAY"}

package/cjs/Badge-744200aa.js

@@ -1,43 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-require('./utils/UNSAFE_classNames.js');
-
-var classNames = require('./classNames-27243499.js');
-
-const styles = {
-  base: "_10s1pk8",
-  //right-aligned with the right edge of another component for ltr direction
-  //left-aligned for rtl direction pending by
-  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl
-  end: "x0oznk",
-  neutral: "ptslhn",
-  danger: "_9gcb4m",
-  warning: "t2v347",
-  success: "_12p3f9t",
-  info: "_125ek4o",
-  neutralSubtle: "ypl5ru",
-  dangerSubtle: "_18ofa7",
-  warningSubtle: "pfoj8a",
-  successSubtle: "_1f5cr4s",
-  infoSubtle: "b0zhkj",
-  childrenMargins: "ht1o98"
-};
-function Badge({
-  variant = 'neutral',
-  size = 'md',
-  edge = 'none',
-  children
-}) {
-  const textClasses = classNames.classNames([styles.base, size === 'sm' && 'oj-badge-sm', edge === 'end' && styles.end, styles[variant], styles.childrenMargins]);
-  return jsxRuntime.jsx("span", Object.assign({
-    class: textClasses
-  }, {
-    children: children
-  }));
-}
-
-exports.Badge = Badge;
-/*  */
-//# sourceMappingURL=Badge-744200aa.js.map

package/cjs/Badge-744200aa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-744200aa.js","sources":["../../src/UNSAFE_Badge/Badge.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors.\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.\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\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n    display: 'inline-block',\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n    fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center',\n    verticalAlign: 'middle'\n  }}`,\n\n  //right-aligned with the right edge of another component for ltr direction\n  //left-aligned for rtl direction pending by\n  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n  end: cssProps`${{\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0'\n  }}`,\n\n  neutral: cssProps`${{\n    /* solid neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n  }}`,\n  danger: cssProps`${{\n    /* solid danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n  }}`,\n  warning: cssProps`${{\n    /* solid warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n  }}`,\n  success: cssProps`${{\n    /* solid success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n  }}`,\n  info: cssProps`${{\n    /* solid info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n\n  neutralSubtle: cssProps`${{\n    /* subtle neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n  }}`,\n  dangerSubtle: cssProps`${{\n    /* subtle danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n  }}`,\n  warningSubtle: cssProps`${{\n    /* subtle warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n  }}`,\n  successSubtle: cssProps`${{\n    /* subtle success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    /* subtle info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,UAAA;;;;OAAA,QAAA;WAAA,QAAA;UAAA,SAAA;WAAA,QAAA;WAAA,UAAA;QAAA,UAAA;iBAAA,QAAA;gBAAA,SAAA;iBAAA,QAAA;iBAAA,UAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;6CAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/cjs/BaseButton-226b2c2c.js

@@ -1,162 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-9714acb3.js');
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
-var hooks_UNSAFE_useHover = require('./hooks/UNSAFE_useHover.js');
-var hooks_UNSAFE_useActive = require('./hooks/UNSAFE_useActive.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 hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
-var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
-var clientHints$1 = require('./clientHints-fe9f5782.js');
-var classNames = require('./classNames-27243499.js');
-
-const NullFunction = () => null;
-
-const activeStyles = {
-  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active)',
-  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',
-  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'
-};
-const hoverStyles = {
-  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover)',
-  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',
-  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'
-};
-const compStyles = {
-  base: "vrkz8b",
-  hover: "x3b8x4",
-  active: "mmnmrz",
-  pseudohover: "_1ysauoz",
-  pseudohoverSpan: "v2120o",
-  unstyled: "ll51xt",
-  min: "_1hkx5yy",
-  fill: "_19catix",
-  container: "_9l1csf",
-  embedded: "kzsj3j",
-  noBorderRadiusStart: "_2tfcf0",
-  noBorderRadiusEnd: "bygnbv",
-  disabled: "aewkdi",
-  bottom: "nffy9c"
-};
-const childrenStyles = "_1q2lfmw";
-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 roleProps = (elType, hidden) => {
-  switch (elType) {
-    case 'link':
-      return {
-        role: 'link'
-      };
-
-    case 'button':
-      return {};
-
-    default:
-      return hidden ? {
-        role: 'generic'
-      } : {
-        role: 'button'
-      };
-  }
-};
-
-const BaseButton = compat.forwardRef((_a, ref) => {
-  var {
-    variant = 'outlined',
-    isDisabled = false,
-    isRepeat = false,
-    size = 'md',
-    elementDetails = {
-      type: 'button'
-    },
-    styling = ['default'],
-    edge = 'none',
-    accessibleLabel,
-    ariaHidden,
-    ariaExpanded,
-    ariaRoledescription
-  } = _a,
-      props = tslib_es6.__rest(_a, ["variant", "isDisabled", "isRepeat", "size", "elementDetails", "styling", "edge", "accessibleLabel", "ariaHidden", "ariaExpanded", "ariaRoledescription"]);
-
-  const {
-    pressProps
-  } = hooks_UNSAFE_usePress.usePress(props.onAction ? props.onAction : NullFunction, {
-    isDisabled,
-    isRepeat
-  });
-
-  const isStyled = name => {
-    return styling.indexOf(name) > -1;
-  };
-
-  const {
-    hoverProps,
-    isHover
-  } = hooks_UNSAFE_useHover.useHover({
-    isDisabled: !isHybrid
-  });
-  const {
-    activeProps,
-    isActive
-  } = hooks_UNSAFE_useActive.useActive();
-
-  const _b = styleInterpolations(props),
-        {
-    class: cls
-  } = _b,
-        styles = tslib_es6.__rest(_b, ["class"]);
-
-  const _c = Object.assign({}, elementDetails),
-        {
-    type: elementType = 'button'
-  } = _c,
-        elementProps = tslib_es6.__rest(_c, ["type"]);
-
-  const role = roleProps(elementType, ariaHidden !== null && ariaHidden !== void 0 ? ariaHidden : false);
-  const tooltip = props.title || accessibleLabel;
-  const ElementType = elementDetails.type;
-  const isSpan = ElementType == 'span';
-  const isBaseButton = ElementType == 'button';
-  const {
-    isTabbable
-  } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
-  const rootStyles = classNames.classNames([!isStyled('unstyled') && compStyles.base, isStyled('unstyled') && compStyles.unstyled, isStyled('embedded') && compStyles.embedded, isStyled('container') && compStyles.container, isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart, isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd, isStyled('active') && compStyles.active, isStyled('fill') && compStyles.fill, isStyled('min') && compStyles.min, `oj-c-base-button-${variant}`, `oj-c-base-button-${size}`, isDisabled && compStyles.disabled, edge === 'bottom' && compStyles.bottom, !isHybrid && !isSpan && !isActive && compStyles.pseudohover, !isHybrid && isSpan && !isActive && !isDisabled && !isStyled('container') && compStyles.pseudohoverSpan, isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover, !isStyled('container') && isActive && !isDisabled && compStyles.active, childrenStyles]);
-  const mergedProps = utils_UNSAFE_mergeProps.mergeProps(elementProps, pressProps, iosProps, hoverProps, isStyled('container') ? {} : activeProps, isBaseButton ? {} : {
-    'aria-disabled': isDisabled
-  });
-  return jsxRuntime.jsx(ElementType // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
-  , Object.assign({
-    // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
-    ref: ref,
-    disabled: isDisabled,
-    class: `${rootStyles} ${cls}`,
-    style: styles,
-    autofocus: props['autofocus'],
-    title: tooltip,
-    tabIndex: isDisabled || !isTabbable ? -1 : 0,
-    "aria-label": accessibleLabel,
-    "aria-hidden": ariaHidden,
-    "aria-roledescription": ariaRoledescription,
-    "aria-expanded": ariaExpanded
-  }, mergedProps, role, {
-    children: props.children
-  }));
-});
-
-exports.BaseButton = BaseButton;
-/*  */
-//# sourceMappingURL=BaseButton-226b2c2c.js.map

package/cjs/BaseButton-226b2c2c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-226b2c2c.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\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';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'autofocus' | 'title'>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  ariaHidden?: boolean;\n  ariaExpanded?: boolean;\n  ariaRoledescription?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-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     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\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     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The accessibleLabel is used to provide guidance for screen readers.\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\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?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-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-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-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': activeStyles,\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)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\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-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-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 childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\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\nconst roleProps = (elType: string, hidden: boolean) => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'generic' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      accessibleLabel,\n      ariaHidden,\n      ariaExpanded,\n      ariaRoledescription,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled }\n    );\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["NullFunction","activeStyles","backgroundColor","borderColor","color","hoverStyles","compStyles","active","childrenStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","roleProps","elType","hidden","role","BaseButton","forwardRef","_a","ref","pressProps","usePress","props","onAction","isStyled","name","hoverProps","isHover","useHover","isDisabled","_b","class","cls","styles","__rest","_c","assign","elementDetails","type","elementType","elementProps","ariaHidden","tooltip","title","accessibleLabel","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","base","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","fill","min","variant","size","edge","bottom","isActive","pseudohoverSpan","hover","mergedProps","mergeProps","activeProps","disabled","rootStyles","style","autofocus","tabIndex","ariaRoledescription","ariaExpanded","children"],"mappings":"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"}

package/cjs/Button-dd6bb7d8.js

@@ -1,75 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-require('./UNSAFE_BaseButton.js');
-var tslib_es6 = require('./tslib.es6-9714acb3.js');
-
-require('./utils/UNSAFE_classNames.js');
-var classNames = require('./classNames-27243499.js');
-var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-226b2c2c.js');
-
-const compStyles = {
-  text: "_1g7lq3q",
-  icon: "_1wy6062",
-  startText: "_1eom97x",
-  endText: "rz0xj1",
-  startIcon: "_4l2jd9",
-  startIconOnly: "_1hf6pbe",
-  endIcon: "_1a8c9md",
-  label: "_1a7z8gp"
-};
-
-const isNullOrUndefined = value => {
-  return value === null || value === undefined;
-};
-
-function ButtonLayout(_a) {
-  var {
-    size = 'md',
-    display = 'all',
-    styling = 'default'
-  } = _a,
-      props = tslib_es6.__rest(_a, ["size", "display", "styling"]);
-
-  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 isEmbedded = styling === 'embedded';
-  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, isEmbedded ? `oj-c-button-layout-embedded-${size}` : `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, isRepeat = 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.BaseButton, Object.assign({ ref: ref, isDisabled: isDisabled, isRepeat: isRepeat, size: size, width: width, autofocus: autofocus, edge: edge, variant: variant, styling: [labelOnly ? 'default' : 'min'], 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;
-exports.ButtonLayout = ButtonLayout;
-/*  */
-//# sourceMappingURL=Button-dd6bb7d8.js.map

package/cjs/Button-dd6bb7d8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-dd6bb7d8.js","sources":["../../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, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_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   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\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\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n    ${{\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\n  startIconOnly: cssProps`\n    ${{\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\n  endIcon: cssProps`\n    ${{\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\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\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({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: 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 isEmbedded = styling === 'embedded';\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    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `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 { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<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     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: 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     * The size indicates how large the button is rendered.\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\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 indicates whether the label, the icons, or all elements should be rendered by the button.\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * The title is used to provide a tooltip.\n     */\n    title?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = 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> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\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":["compStyles","isNullOrUndefined","value","undefined","ButtonLayout","_a","size","display","styling","props","__rest","labelClass","label","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","icon","text","isTwoIcons","endText","startText","forwardRef","_jsx","BaseButton"],"mappings":"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"}

package/cjs/Chip-ffd25798.js

@@ -1,61 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'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 hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
-var classNames = require('./classNames-27243499.js');
-
-const cursorandFocusStyle = "_1t2mhq";
-const styles = {
-  base: "_1fybklc",
-  disabled: "_1l6ug7p",
-  info: "_1obwt8c",
-  infoSubtle: "_1qjhcmb",
-  infoSubtleLighter: "_1cczr6q",
-  childrenMargins: "_944nv6"
-};
-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);
-  const variant = isDisabled ? 'disabled' : isSelected || isActive ? 'info' : isHover ? 'infoSubtle' : 'infoSubtleLighter';
-  const classes = classNames.classNames([styles.base, isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`, styles.childrenMargins]);
-  const {
-    isTabbable
-  } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
-  return isDisabled ? jsxRuntime.jsx("div", Object.assign({
-    class: classes
-  }, {
-    children: children
-  })) : jsxRuntime.jsx("div", Object.assign({}, actionableProps, {
-    class: classes,
-    tabIndex: isTabbable ? 0 : -1,
-    "aria-label": accessibleLabel,
-    role: "switch",
-    "aria-checked": isSelected ? 'true' : 'false'
-  }, {
-    children: children
-  }));
-}
-
-exports.Chip = Chip;
-/*  */
-//# sourceMappingURL=Chip-ffd25798.js.map

package/cjs/Chip-ffd25798.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-ffd25798.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';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\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  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\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\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    styles.childrenMargins\n  ]);\n  const { isTabbable } = useTabbableMode();\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...actionableProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\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","actionableProps","isHover","isActive","useActionable","base","childrenMargins","isTabbable","useTabbableMode"],"mappings":";;;;;;;;;;;AAaA,MAAAA,mBAAA,GAAA,SAAA,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,UAAA;YAAA,UAAA;QAAA,UAAA;cAAA,UAAA;qBAAA,UAAA;;AAAA,CAAA,CAAA;AAkFA,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;EAIA,MAAA;IAAAK,eAAA;IAAAC,OAAA;AAAAC,IAAAA,QAAAA;GAAAC,GAAAA,wCAAA,CAAAP,YAAA,CAAA,CAAA;+BAGE,sCAEA,SACAK,OAAA,GACA,YADA;yCAKAZ,MAAA,CAAAe,iGAEAf,MAAA,CAAAgB;EAEF,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,4CAAA,EAAA,CAAA;;;;;;;;;;;;;;AAeF;;;;;;;"}