@oracle/oraclejet-preact 15.1.7 → 15.1.9

package/amd/utils/UNSAFE_interpolations/boxalignment.js.map

@@ -1 +1 @@
-{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","keys_1","justifies"],"mappings":"0QAQA,MAAAA,EAAA,6HA8BAC,EAAA,0IA4CAC,EAAA,+BAGM,GACA,CACIC,MAAAH,EAAAI,sCAIJ,GACA,CACID,MAAAF,EAAAI,IAGRC,IAAAA,EAAAA,wBAEI,MAAA,GACK,CACL,MAAAC,EAAAC,EAAAD,GAAAE,EAAAA,YAAAH,GACA,MAAA,CAAAA,IAAA,GAAAI,EAAAA,UAAAH,MAAAG,EAAAA,UAAAF,KACD,IAMLG,EAAAC,EAAAC,OAAAb,GACAc,EAAAF,EAAAC,OAAAZ"}
+{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","keys_1","justifies"],"mappings":"0QAQA,MAAAA,EAAA,2HA8BAC,EAAA,4IA4CAC,EAAA,+BAGM,GACA,CACIC,MAAAH,EAAAI,sCAIJ,GACA,CACID,MAAAF,EAAAI,IAGRC,IAAAA,EAAAA,wBAEI,MAAA,GACK,CACL,MAAAC,EAAAC,EAAAD,GAAAE,EAAAA,YAAAH,GACA,MAAA,CAAAA,IAAA,GAAAI,EAAAA,UAAAH,MAAAG,EAAAA,UAAAF,KACD,IAMLG,EAAAC,EAAAC,OAAAb,GACAc,EAAAF,EAAAC,OAAAZ"}

package/amd/utils/UNSAFE_interpolations/dimensions.js

@@ -1,2 +1,2 @@
-define(['exports', '../UNSAFE_arrayUtils', '../UNSAFE_size', '../../_curry1-baceb653', '../../UNSAFE_Theme', '../../utils-4e2a6b1d', '../../Common/themes/themeContract.css'], (function(e,t,i,n,r,s,o){"use strict";var a=(0,n._curry1_1)((function(e){return null==e}));const c=t.stringLiteralArray(["height","maxHeight","maxWidth","minHeight","minWidth","width"]),u=e=>t=>{const n=t[e];return a(t[e])?{}:{[e]:i.sizeToCSS(n)}},m=c.reduce(((e,t)=>Object.assign(e,{[t]:u(t)})),{});e.dimensionInterpolations=m,e.dimensions=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../UNSAFE_arrayUtils', '../UNSAFE_size', '../../_curry1-cf4f4dfb', '../../UNSAFE_Theme', '../../utils-a63364c4', '../../Common/themes/themeContract.css'], (function(e,t,i,n,r,s,o){"use strict";var c=(0,n._curry1_1)((function(e){return null==e}));const a=t.stringLiteralArray(["height","maxHeight","maxWidth","minHeight","minWidth","width"]),u=e=>t=>{const n=t[e];return c(t[e])?{}:{[e]:i.sizeToCSS(n)}},m=a.reduce(((e,t)=>Object.assign(e,{[t]:u(t)})),{});e.dimensionInterpolations=m,e.dimensions=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=dimensions.js.map

package/amd/utils/UNSAFE_interpolations/flexbox.css

@@ -1,7 +1,7 @@
-.amja6g{flex-direction:row;}
-._1v3dsar{flex-direction:column;}
-._1shc21d{flex-wrap:nowrap;}
-._79o4eg{flex-wrap:wrap;}
-.kjv7fl{flex-wrap:wrap-reverse;}
-._1eupz4{flex-wrap:inherit;}
-._1w2tm0d{flex-wrap:initial;}
+._1lafwd4{flex-direction:row;}
+.wg5y79{flex-direction:column;}
+._1krq650{flex-wrap:nowrap;}
+._1ccf15w{flex-wrap:wrap;}
+._1dx8e0j{flex-wrap:wrap-reverse;}
+._1t1fv9z{flex-wrap:inherit;}
+._1b8h6xb{flex-wrap:initial;}

package/amd/utils/UNSAFE_interpolations/flexbox.js

@@ -1,2 +1,2 @@
-define(['exports', '../../flexbox-4e6013f4', 'css!./flexbox.css', '../../keys-8769cd52', '../../_curry1-baceb653', '../../_has-443fa3d9'], (function(e,o,s,t,r,i){"use strict";e.directions=o.directions,e.flexboxInterpolations=o.flexboxInterpolations,e.flexboxStyles=o.flexboxStyles,e.wraps=o.wraps,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../flexbox-ec70d2a3', 'css!./flexbox.css', '../../keys-730248fb', '../../_curry1-cf4f4dfb', '../../_has-5b389985'], (function(e,o,s,t,r,f){"use strict";e.directions=o.directions,e.flexboxInterpolations=o.flexboxInterpolations,e.flexboxStyles=o.flexboxStyles,e.wraps=o.wraps,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=flexbox.js.map

package/amd/utils/UNSAFE_interpolations/flexitem.css

@@ -1,7 +1,7 @@
-._14u91gn{align-self:baseline;}
-._8lm8mu{align-self:center;}
-._1kh7lnr{align-self:flex-end;}
-._1w3487j{align-self:flex-start;}
-._1y33bgy{align-self:inherit;}
-.ws64h7{align-self:initial;}
-.ab0tj1{align-self:stretch;}
+.plxw3a{align-self:baseline;}
+._1eaucf1{align-self:center;}
+.uzuin8{align-self:flex-end;}
+._8jkdb7{align-self:flex-start;}
+.scuqn8{align-self:inherit;}
+.jd8wq6{align-self:initial;}
+._1omzffw{align-self:stretch;}

package/amd/utils/UNSAFE_interpolations/flexitem.js

@@ -1,2 +1,2 @@
-define(['exports', '../../flexitem-f4a4c998', 'css!./flexitem.css', '../../keys-8769cd52', '../../_curry1-baceb653', '../../_has-443fa3d9'], (function(e,t,l,i,f,s){"use strict";e.alignSelfs=t.alignSelfs,e.flexitemInterpolations=t.flexitemInterpolations,e.flexitemStyles=t.flexitemStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../flexitem-49a4a4a8', 'css!./flexitem.css', '../../keys-730248fb', '../../_curry1-cf4f4dfb', '../../_has-5b389985'], (function(e,t,l,i,f,s){"use strict";e.alignSelfs=t.alignSelfs,e.flexitemInterpolations=t.flexitemInterpolations,e.flexitemStyles=t.flexitemStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=flexitem.js.map

package/amd/utils/UNSAFE_interpolations/padding.js

@@ -1,2 +1,2 @@
-define(['exports', '../UNSAFE_arrayUtils', '../UNSAFE_size', '../../UNSAFE_Theme', '../../utils-4e2a6b1d', '../../Common/themes/themeContract.css'], (function(n,d,i,e,a,t){"use strict";d.stringLiteralArray(["paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd"]);const o={padding:({padding:n})=>{if(void 0===n)return{};{const[e,a=e,t=e,o=a]=d.coerceArray(n);return{padding:`${i.sizeToCSS(e)} ${i.sizeToCSS(a)} \n        ${i.sizeToCSS(t)} ${i.sizeToCSS(o)}`}}},paddingBlockStart:({paddingBlockStart:n})=>void 0===n?{}:{paddingBlockStart:`${i.sizeToCSS(n)}`},paddingBlockEnd:({paddingBlockEnd:n})=>void 0===n?{}:{paddingBlockEnd:`${i.sizeToCSS(n)}`},paddingInlineStart:({paddingInlineStart:n})=>void 0===n?{}:{paddingInlineStart:`${i.sizeToCSS(n)}`},paddingInlineEnd:({paddingInlineEnd:n})=>void 0===n?{}:{paddingInlineEnd:`${i.sizeToCSS(n)}`}};n.paddingInterpolations=o,Object.defineProperty(n,"__esModule",{value:!0})}));
+define(['exports', '../UNSAFE_arrayUtils', '../UNSAFE_size', '../../UNSAFE_Theme', '../../utils-a63364c4', '../../Common/themes/themeContract.css'], (function(n,d,i,e,a,t){"use strict";d.stringLiteralArray(["paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd"]);const o={padding:({padding:n})=>{if(void 0===n)return{};{const[e,a=e,t=e,o=a]=d.coerceArray(n);return{padding:`${i.sizeToCSS(e)} ${i.sizeToCSS(a)} \n        ${i.sizeToCSS(t)} ${i.sizeToCSS(o)}`}}},paddingBlockStart:({paddingBlockStart:n})=>void 0===n?{}:{paddingBlockStart:`${i.sizeToCSS(n)}`},paddingBlockEnd:({paddingBlockEnd:n})=>void 0===n?{}:{paddingBlockEnd:`${i.sizeToCSS(n)}`},paddingInlineStart:({paddingInlineStart:n})=>void 0===n?{}:{paddingInlineStart:`${i.sizeToCSS(n)}`},paddingInlineEnd:({paddingInlineEnd:n})=>void 0===n?{}:{paddingInlineEnd:`${i.sizeToCSS(n)}`}};n.paddingInterpolations=o,Object.defineProperty(n,"__esModule",{value:!0})}));
 //# sourceMappingURL=padding.js.map

package/amd/utils/UNSAFE_interpolations/text.css

@@ -1,3 +1,3 @@
-._3lehor{text-align:start;}
-._1tikfh9{text-align:end;}
-._133kq1q{text-align:right;}
+._1hmgz5o{text-align:start;}
+.i6dt5j{text-align:end;}
+.rz2e7i{text-align:right;}

package/amd/utils/UNSAFE_interpolations/text.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./text.css', '../../index-065d24bc'], (function(t,e,i){"use strict";const n={start:"_3lehor",end:"_1tikfh9",right:"_133kq1q"},l={textAlign:n},s=i.keys(n),o={textAlign:({textAlign:t})=>void 0===t?{}:{class:n[t]}};t.textAlignStyles=n,t.textAligns=s,t.textInterpolations=o,t.textStyles=l,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./text.css', '../../index-5cd6d4b1'], (function(t,e,i){"use strict";const n={start:"_1hmgz5o",end:"i6dt5j",right:"rz2e7i"},s={textAlign:n},l=i.keys(n),d={textAlign:({textAlign:t})=>void 0===t?{}:{class:n[t]}};t.textAlignStyles=n,t.textAligns=l,t.textInterpolations=d,t.textStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=text.js.map

package/amd/utils/UNSAFE_interpolations/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts","../../../../src/utils/UNSAFE_interpolations/text/textAlign.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\n\n// FIXME: Revert after 15.0 release\n// import { style } from '@vanilla-extract/css';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nexport { textAlignStyles };\n","import { keys } from 'ramda';\nimport { textAlignStyles } from './text';\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","textInterpolations","undefined","class"],"mappings":"kFAKA,MAAAA,EAAA,kDCFMC,EAAa,CACjBC,UAAWF,GAGPG,EAAaC,EAAIA,KAACJ,GAUlBK,EAAqB,CACzBH,UAAW,EAAGA,oBACEI,IAAdJ,EAA0B,CAAE,EAAG,CAAEK,MAAOP,EAAgBE"}
+{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts","../../../../src/utils/UNSAFE_interpolations/text/textAlign.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\n\n// FIXME: Revert after 15.0 release\n// import { style } from '@vanilla-extract/css';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nexport { textAlignStyles };\n","import { keys } from 'ramda';\nimport { textAlignStyles } from './text';\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","textInterpolations","undefined","class"],"mappings":"kFAKA,MAAAA,EAAA,+CCFMC,EAAa,CACjBC,UAAWF,GAGPG,EAAaC,EAAIA,KAACJ,GAUlBK,EAAqB,CACzBH,UAAW,EAAGA,oBACEI,IAAdJ,EAA0B,CAAE,EAAG,CAAEK,MAAOP,EAAgBE"}

package/amd/utils/UNSAFE_interpolations/theme.js

@@ -1,2 +1,2 @@
-define(['exports', '../../UNSAFE_Theme', '../../utils-4e2a6b1d', '../../Common/themes/themeContract.css'], (function(e,S,s,o){"use strict";const C=`${S.DARK_CLASS} ${S.INVERT_CLASS}`,_={colorScheme:({colorScheme:e})=>void 0===e?{}:{class:`${"dark"===e?C:S.LIGHT_CLASS} ${S.COLORSCHEME_DEPENDENT_CLASS}`},scale:({scale:e})=>void 0===e?{}:{class:`${"sm"===e?S.SCALE_SM_CLASS:"md"===e?S.SCALE_MD_CLASS:S.SCALE_LG_CLASS} ${S.SCALE_DEPENDENT_CLASS}`}};e.themeInterpolations=_,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../../UNSAFE_Theme', '../../utils-a63364c4', '../../Common/themes/themeContract.css'], (function(e,S,s,o){"use strict";const C=`${S.DARK_CLASS} ${S.INVERT_CLASS}`,_={colorScheme:({colorScheme:e})=>void 0===e?{}:{class:`${"dark"===e?C:S.LIGHT_CLASS} ${S.COLORSCHEME_DEPENDENT_CLASS}`},scale:({scale:e})=>void 0===e?{}:{class:`${"sm"===e?S.SCALE_SM_CLASS:"md"===e?S.SCALE_MD_CLASS:S.SCALE_LG_CLASS} ${S.SCALE_DEPENDENT_CLASS}`}};e.themeInterpolations=_,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=theme.js.map

package/amd/utils/UNSAFE_logger.js

@@ -1,2 +1,2 @@
-define(['exports', '../_curry1-baceb653', '../_curry2-17315fd7'], (function(r,e,n){"use strict";const o=(0,n._curry2_1)((function(r,e){for(var n={},o=0;o<r.length;)r[o]in e&&(n[r[o]]=e[r[o]]),o+=1;return n}))(["error","warn","info","log"],console);r.Logger=o,Object.defineProperty(r,"__esModule",{value:!0})}));
+define(['exports', '../_curry1-cf4f4dfb', '../_curry2-d6142db1'], (function(r,e,n){"use strict";const o=(0,n._curry2_1)((function(r,e){for(var n={},o=0;o<r.length;)r[o]in e&&(n[r[o]]=e[r[o]]),o+=1;return n}))(["error","warn","info","log"],console);r.Logger=o,Object.defineProperty(r,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_logger.js.map

package/amd/utils/UNSAFE_mergeInterpolations.js

@@ -1,2 +1,2 @@
-define(['exports', './UNSAFE_classNames', '../_curry1-baceb653', '../_curry3-22cb234d', '../_has-443fa3d9', '../classNames-cba917a6', '../_curry2-17315fd7'], (function(r,e,c,t,n,s,a){"use strict";var u=function(r){return"[object Object]"===Object.prototype.toString.call(r)},o=t._curry3_1,_=n._has_1,i=o((function(r,e,c){var t,n={};for(t in e)_(t,e)&&(n[t]=_(t,c)?r(t,e[t],c[t]):e[t]);for(t in c)_(t,c)&&!_(t,n)&&(n[t]=c[t]);return n})),f=t._curry3_1,l=u,b=i,d=f((function r(e,c,t){return b((function(c,t,n){return l(t)&&l(n)?r(e,t,n):e(c,t,n)}),c,t)}));const y=(r,e,c)=>"class"===r?s.classNames([e,c]):c;r.mergeInterpolations=r=>e=>r.reduce(((r,c)=>d(y,r,c(e))),{}),Object.defineProperty(r,"__esModule",{value:!0})}));
+define(['exports', './UNSAFE_classNames', '../_curry1-cf4f4dfb', '../_curry3-eba4f206', '../_has-5b389985', '../classNames-111575ef', '../_curry2-d6142db1'], (function(r,e,t,c,n,s,u){"use strict";var o=function(r){return"[object Object]"===Object.prototype.toString.call(r)},a=c._curry3_1,f=n._has_1,_=a((function(r,e,t){var c,n={};for(c in e)f(c,e)&&(n[c]=f(c,t)?r(c,e[c],t[c]):e[c]);for(c in t)f(c,t)&&!f(c,n)&&(n[c]=t[c]);return n})),i=c._curry3_1,l=o,b=_,d=i((function r(e,t,c){return b((function(t,c,n){return l(c)&&l(n)?r(e,c,n):e(t,c,n)}),t,c)}));const y=(r,e,t)=>"class"===r?s.classNames([e,t]):t;r.mergeInterpolations=r=>e=>r.reduce(((r,t)=>d(y,r,t(e))),{}),Object.defineProperty(r,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_mergeInterpolations.js.map

package/amd/utils/UNSAFE_size.js

@@ -1,2 +1,2 @@
-define(['exports', '../UNSAFE_Theme', '../utils-4e2a6b1d', '../Common/themes/themeContract.css'], (function(e,t,s,i){"use strict";e.sizeToCSS=e=>0===e||(e=>0===parseFloat(e))(e)?0:(e=>e.startsWith("calc(")&&e.endsWith(")"))(e)||(e=>e.endsWith("%"))(e)?e:(e=>e.startsWith("--"))(e)?`var(${e})`:(e=>e.endsWith("x"))(e)?(e=>{const t=e.slice(0,e.length-1),i=Number(t);return isNaN(i)?0:s.xUnits(i)})(e):0,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../UNSAFE_Theme', '../utils-a63364c4', '../Common/themes/themeContract.css'], (function(e,t,s,i){"use strict";e.sizeToCSS=e=>0===e||(e=>0===parseFloat(e))(e)?0:(e=>e.startsWith("calc(")&&e.endsWith(")"))(e)||(e=>e.endsWith("%"))(e)?e:(e=>e.startsWith("--"))(e)?`var(${e})`:(e=>e.endsWith("x"))(e)?(e=>{const t=e.slice(0,e.length-1),i=Number(t);return isNaN(i)?0:s.xUnits(i)})(e):0,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_size.js.map

package/amd/utils/UNSAFE_stringUtils.js

@@ -1,2 +1,2 @@
-define(['exports', '../stringUtils-c96d07ff'], (function(e,i){"use strict";e.getVarName=i.getVarName,e.hashCode=i.hashCode,e.isEmpty=i.isEmpty,e.isEmptyOrUndefined=i.isEmptyOrUndefined,e.isString=i.isString,e.kebabCase=i.kebabCase,e.merge=i.merge,e.trim=i.trim,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../stringUtils-4070ec5b'], (function(e,i){"use strict";e.getVarName=i.getVarName,e.hashCode=i.hashCode,e.isEmpty=i.isEmpty,e.isEmptyOrUndefined=i.isEmptyOrUndefined,e.isString=i.isString,e.kebabCase=i.kebabCase,e.merge=i.merge,e.trim=i.trim,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_stringUtils.js.map

package/amd/utils/UNSAFE_units.js

@@ -1,2 +1,2 @@
-define(['exports', './UNSAFE_arrayUtils', './UNSAFE_stringUtils', '../stringUtils-c96d07ff'], (function(t,e,r,s){"use strict";const i=(n=Number,t=>null!=t&&t.constructor===n||t instanceof n);var n;const a=t=>0===t||"0"===t,o=e.stringLiteralArray(["px","%","em","rem","vh","vw"]),c=new RegExp(`(${o.join("|")})$`),l=t=>s.isString(t)&&c.test(t),u=(N="px",t=>a(t)||l(t)||!(t=>!isNaN(parseFloat(t))&&!isNaN(t-0))(t)?t:t+N);var N;t.hasUnit=l,t.isNumber=i,t.isZero=a,t.px=u,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', './UNSAFE_arrayUtils', './UNSAFE_stringUtils', '../stringUtils-4070ec5b'], (function(e,t,r,s){"use strict";const i=(n=Number,e=>null!=e&&e.constructor===n||e instanceof n);var n;const a=e=>0===e||"0"===e,o=t.stringLiteralArray(["px","%","em","rem","vh","vw"]),c=new RegExp(`(${o.join("|")})$`),l=e=>s.isString(e)&&c.test(e),u=(N="px",e=>a(e)||l(e)||!(e=>!isNaN(parseFloat(e))&&!isNaN(e-0))(e)?e:e+N);var N;e.hasUnit=l,e.isNumber=i,e.isZero=a,e.px=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_units.js.map

package/amd/utils-a63364c4.js

@@ -0,0 +1,2 @@
+define(['exports', './Common/themes/themeContract.css'], (function(e,r){"use strict";const a=(...e)=>e.reverse().reduce(((e,r)=>{if(""===e)e=String(r);else{if("string"!=typeof r||!/^var\(--.*\)$/.test(r))throw new Error(`Invalid variable name: ${r}`);e=r.replace(/\)$/,`, ${e})`)}return e}),"");e.fallbackVar=a,e.max=(e,r)=>`max(${e},${r})`,e.min=(e,r)=>`min(${e},${r})`,e.rgb=e=>`rgb(${e})`,e.rgba=(e,r)=>`rgba(${e}, ${r})`,e.xUnits=e=>1===e?a(r.scaleVars.size.units,"var(--oj-core-spacing-1x)"):`calc(${e} * ${a(r.scaleVars.size.units,"var(--oj-core-spacing-1x)")})`}));
+//# sourceMappingURL=utils-a63364c4.js.map

package/amd/utils-a63364c4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-a63364c4.js","sources":["../../src/UNSAFE_Theme/utils.ts"],"sourcesContent":["import type { CSSVarFunction } from '@vanilla-extract/private';\nimport { scaleVars } from '../Common/themes/themeContract.css';\n\n// Added: new types\ntype RGBType = `rgb(${CSSVarFunction})`;\ntype RGBAType = `rgba(${CSSVarFunction}, ${number})`;\n\nconst rgb = (rgb: CSSVarFunction): RGBType => `rgb(${rgb})`;\nconst rgba = (rgb: CSSVarFunction, alpha: number): RGBAType => `rgba(${rgb}, ${alpha})`;\n\n// JET-59344 refactor of 'fallbackVar' from '@vanilla-extract/css'.\n// directly importing the function was causing vanilla-extract to be bundled into\n// the preact packages and causing issues with testing\nconst fallbackVar = (...values: [string, ...Array<string>]): CSSVarFunction => {\n  const finalValue = values.reverse().reduce((acc: string, value: string) => {\n    if (acc === '') {\n      acc = String(value);\n    } else {\n      if (typeof value !== 'string' || !/^var\\(--.*\\)$/.test(value)) {\n        throw new Error(`Invalid variable name: ${value}`);\n      }\n\n      acc = value.replace(/\\)$/, `, ${acc})`);\n    }\n    return acc;\n  }, '');\n\n  return finalValue as CSSVarFunction;\n};\n\n// MessageBanner is used by legacy oj-message-banner, so we need to fallback the size units\n// var to the legacy CSS var\nconst xUnits = (cnt: number): string =>\n  cnt === 1\n    ? fallbackVar(scaleVars.size.units, 'var(--oj-core-spacing-1x)')\n    : `calc(${cnt} * ${fallbackVar(scaleVars.size.units, 'var(--oj-core-spacing-1x)')})`;\n\nconst min = (val: string, minVal: string): string => `min(${val},${minVal})`;\nconst max = (val: string, minVal: string): string => `max(${val},${minVal})`;\n\nexport { rgb, rgba, xUnits, fallbackVar, min, max };\n\nexport type { RGBType, RGBAType };\n"],"names":["fallbackVar","values","reverse","reduce","acc","value","String","test","Error","replace","val","minVal","rgb","alpha","cnt","scaleVars","size","units"],"mappings":"mFAOM,MAMAA,EAAc,IAAIC,IACHA,EAAOC,UAAUC,QAAO,CAACC,EAAaC,KACvD,GAAY,KAARD,EACFA,EAAME,OAAOD,OACR,CACL,GAAqB,iBAAVA,IAAuB,gBAAgBE,KAAKF,GACrD,MAAM,IAAIG,MAAM,0BAA0BH,KAG5CD,EAAMC,EAAMI,QAAQ,MAAO,KAAKL,KACjC,CACD,OAAOA,CAAG,GACT,0BAaO,CAACM,EAAaC,IAA2B,OAAOD,KAAOC,WADvD,CAACD,EAAaC,IAA2B,OAAOD,KAAOC,WA9BtDC,GAAiC,OAAOA,YACxC,CAACA,EAAqBC,IAA4B,QAAQD,MAAQC,cAwB/DC,GACN,IAARA,EACId,EAAYe,EAASA,UAACC,KAAKC,MAAO,6BAClC,QAAQH,OAASd,EAAYe,YAAUC,KAAKC,MAAO"}

package/amd/vanilla-extract-dynamic.esm-04a3a375.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(r){"use strict";function n(r){var n=r.match(/^var\((.*)\)$/);return n?n[1]:r}function t(r,n){var t=r;for(var e of n){if(!(e in t))throw new Error("Path ".concat(n.join(" -> ")," does not exist in object"));t=t[e]}return t}function e(r,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=r.constructor();for(var i in r){var a=r[i],c=[...t,i];"string"==typeof a||"number"==typeof a||null==a?o[i]=n(a,c):"object"!=typeof a||Array.isArray(a)?console.warn('Skipping invalid key "'.concat(c.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(a)?"Array":typeof a,'"')):o[i]=e(a,n,c)}return o}r.assignInlineVars=function(r,o){var i={};if("object"==typeof o){var a=r;e(o,((r,e)=>{var o=t(a,e);i[n(o)]=String(r)}))}else{var c=r;for(var f in c)i[n(f)]=c[f]}return Object.defineProperty(i,"toString",{value:function(){return Object.keys(this).map((r=>"".concat(r,":").concat(this[r]))).join(";")},writable:!1}),i}}));
+//# sourceMappingURL=vanilla-extract-dynamic.esm-04a3a375.js.map

package/amd/vanilla-extract-dynamic.esm-04a3a375.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla-extract-dynamic.esm-04a3a375.js","sources":["../../../../node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js","../../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js"],"sourcesContent":["function getVarName(variable) {\n  var matches = variable.match(/^var\\((.*)\\)$/);\n\n  if (matches) {\n    return matches[1];\n  }\n\n  return variable;\n}\n\nfunction get(obj, path) {\n  var result = obj;\n\n  for (var key of path) {\n    if (!(key in result)) {\n      throw new Error(\"Path \".concat(path.join(' -> '), \" does not exist in object\"));\n    }\n\n    result = result[key];\n  }\n\n  return result;\n}\n\nfunction walkObject(obj, fn) {\n  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var clone = obj.constructor();\n\n  for (var key in obj) {\n    var _value = obj[key];\n    var currentPath = [...path, key];\n\n    if (typeof _value === 'string' || typeof _value === 'number' || _value == null) {\n      clone[key] = fn(_value, currentPath);\n    } else if (typeof _value === 'object' && !Array.isArray(_value)) {\n      clone[key] = walkObject(_value, fn, currentPath);\n    } else {\n      console.warn(\"Skipping invalid key \\\"\".concat(currentPath.join('.'), \"\\\". Should be a string, number, null or object. Received: \\\"\").concat(Array.isArray(_value) ? 'Array' : typeof _value, \"\\\"\"));\n    }\n  }\n\n  return clone;\n}\n\nexport { get, getVarName, walkObject };\n","import { walkObject, get, getVarName } from '@vanilla-extract/private';\n\nfunction assignInlineVars(varsOrContract, tokens) {\n  var styles = {};\n\n  if (typeof tokens === 'object') {\n    var _contract = varsOrContract;\n    walkObject(tokens, (value, path) => {\n      var varName = get(_contract, path);\n      styles[getVarName(varName)] = String(value);\n    });\n  } else {\n    var _vars = varsOrContract;\n\n    for (var varName in _vars) {\n      styles[getVarName(varName)] = _vars[varName];\n    }\n  }\n\n  Object.defineProperty(styles, 'toString', {\n    value: function value() {\n      return Object.keys(this).map(key => \"\".concat(key, \":\").concat(this[key])).join(';');\n    },\n    writable: false\n  });\n  return styles;\n}\n\nfunction setVar(element, variable, value) {\n  element.style.setProperty(getVarName(variable), value);\n}\n\nfunction setElementVars(element, varsOrContract, tokens) {\n  if (typeof tokens === 'object') {\n    var _contract = varsOrContract;\n    walkObject(tokens, (value, path) => {\n      setVar(element, get(_contract, path), String(value));\n    });\n  } else {\n    var _vars = varsOrContract;\n\n    for (var varName in _vars) {\n      setVar(element, varName, _vars[varName]);\n    }\n  }\n}\n\nexport { assignInlineVars, setElementVars };\n"],"names":["getVarName","variable","matches","match","get","obj","path","result","key","Error","concat","join","walkObject","fn","arguments","length","undefined","clone","constructor","_value","currentPath","Array","isArray","console","warn","varsOrContract","tokens","styles","_contract","value","varName","String","_vars","Object","defineProperty","keys","this","map","writable"],"mappings":"6CAAA,SAASA,EAAWC,GAClB,IAAIC,EAAUD,EAASE,MAAM,iBAE7B,OAAID,EACKA,EAAQ,GAGVD,CACT,CAEA,SAASG,EAAIC,EAAKC,GAChB,IAAIC,EAASF,EAEb,IAAK,IAAIG,KAAOF,EAAM,CACpB,KAAME,KAAOD,GACX,MAAM,IAAIE,MAAM,QAAQC,OAAOJ,EAAKK,KAAK,QAAS,8BAGpDJ,EAASA,EAAOC,EACjB,CAED,OAAOD,CACT,CAEA,SAASK,EAAWP,EAAKQ,GACvB,IAAIP,EAAOQ,UAAUC,OAAS,QAAsBC,IAAjBF,UAAU,GAAmBA,UAAU,GAAK,GAC3EG,EAAQZ,EAAIa,cAEhB,IAAK,IAAIV,KAAOH,EAAK,CACnB,IAAIc,EAASd,EAAIG,GACbY,EAAc,IAAId,EAAME,GAEN,iBAAXW,GAAyC,iBAAXA,GAAiC,MAAVA,EAC9DF,EAAMT,GAAOK,EAAGM,EAAQC,GACG,iBAAXD,GAAwBE,MAAMC,QAAQH,GAGtDI,QAAQC,KAAK,yBAA0Bd,OAAOU,EAAYT,KAAK,KAAM,8DAAgED,OAAOW,MAAMC,QAAQH,GAAU,eAAiBA,EAAQ,MAF7LF,EAAMT,GAAOI,EAAWO,EAAQN,EAAIO,EAIvC,CAED,OAAOH,CACT,oBCxCA,SAA0BQ,EAAgBC,GACxC,IAAIC,EAAS,CAAA,EAEb,GAAsB,iBAAXD,EAAqB,CAC9B,IAAIE,EAAYH,EAChBb,EAAWc,GAAQ,CAACG,EAAOvB,KACzB,IAAIwB,EAAU1B,EAAIwB,EAAWtB,GAC7BqB,EAAO3B,EAAW8B,IAAYC,OAAOF,EAAM,GAEjD,KAAS,CACL,IAAIG,EAAQP,EAEZ,IAAK,IAAIK,KAAWE,EAClBL,EAAO3B,EAAW8B,IAAYE,EAAMF,EAEvC,CAQD,OANAG,OAAOC,eAAeP,EAAQ,WAAY,CACxCE,MAAO,WACL,OAAOI,OAAOE,KAAKC,MAAMC,KAAI7B,GAAO,GAAGE,OAAOF,EAAK,KAAKE,OAAO0B,KAAK5B,MAAOG,KAAK,IACjF,EACD2B,UAAU,IAELX,CACT"}

package/amd/vanilla-extract-recipes-createRuntimeFn.esm-b2980d22.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(e){"use strict";function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function t(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function n(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{};n%2?t(Object(a),!0).forEach((function(t){r(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):t(Object(a)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(a,r))}))}return e}var a=(e,r,t)=>{for(var n of Object.keys(e)){var a;if(e[n]!==(null!==(a=r[n])&&void 0!==a?a:t[n]))return!1}return!0};e.createRuntimeFn=e=>r=>{var t=e.defaultClassName,o=n(n({},e.defaultVariants),r);for(var i in o){var u,c=null!==(u=o[i])&&void 0!==u?u:e.defaultVariants[i];if(null!=c){var f=c;"boolean"==typeof f&&(f=!0===f?"true":"false");var l=e.variantClassNames[i][f];l&&(t+=" "+l)}}for(var[s,b]of e.compoundVariants)a(s,o,e.defaultVariants)&&(t+=" "+b);return t}}));
+//# sourceMappingURL=vanilla-extract-recipes-createRuntimeFn.esm-b2980d22.js.map

package/amd/vanilla-extract-recipes-createRuntimeFn.esm-b2980d22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla-extract-recipes-createRuntimeFn.esm-b2980d22.js","sources":["../../../../node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js"],"sourcesContent":["function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    enumerableOnly && (symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    })), keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = null != arguments[i] ? arguments[i] : {};\n    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n      _defineProperty(target, key, source[key]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n    });\n  }\n\n  return target;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nvar createRuntimeFn = config => options => {\n  var className = config.defaultClassName;\n\n  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n\n  for (var variantName in selections) {\n    var _selections$variantNa;\n\n    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n\n    if (variantSelection != null) {\n      var selection = variantSelection;\n\n      if (typeof selection === 'boolean') {\n        // @ts-expect-error\n        selection = selection === true ? 'true' : 'false';\n      }\n\n      var selectionClassName = // @ts-expect-error\n      config.variantClassNames[variantName][selection];\n\n      if (selectionClassName) {\n        className += ' ' + selectionClassName;\n      }\n    }\n  }\n\n  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n      className += ' ' + compoundClassName;\n    }\n  }\n\n  return className;\n};\n\nexport { createRuntimeFn };\n"],"names":["_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","push","apply","_objectSpread2","target","i","arguments","length","source","forEach","getOwnPropertyDescriptors","defineProperties","shouldApplyCompound","compoundCheck","selections","defaultVariants","_selections$key","config","options","className","defaultClassName","variantName","_selections$variantNa","variantSelection","selection","selectionClassName","variantClassNames","compoundClassName","compoundVariants"],"mappings":"6CAAA,SAASA,EAAgBC,EAAKC,EAAKC,GAYjC,OAXID,KAAOD,EACTG,OAAOC,eAAeJ,EAAKC,EAAK,CAC9BC,MAAOA,EACPG,YAAY,EACZC,cAAc,EACdC,UAAU,IAGZP,EAAIC,GAAOC,EAGNF,CACT,CAEA,SAASQ,EAAQC,EAAQC,GACvB,IAAIC,EAAOR,OAAOQ,KAAKF,GAEvB,GAAIN,OAAOS,sBAAuB,CAChC,IAAIC,EAAUV,OAAOS,sBAAsBH,GAC3CC,IAAmBG,EAAUA,EAAQC,QAAO,SAAUC,GACpD,OAAOZ,OAAOa,yBAAyBP,EAAQM,GAAKV,UAC1D,KAASM,EAAKM,KAAKC,MAAMP,EAAME,EAC5B,CAED,OAAOF,CACT,CAEA,SAASQ,EAAeC,GACtB,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAAS,MAAQF,UAAUD,GAAKC,UAAUD,GAAK,GACnDA,EAAI,EAAIb,EAAQL,OAAOqB,IAAS,GAAIC,SAAQ,SAAUxB,GACpDF,EAAgBqB,EAAQnB,EAAKuB,EAAOvB,GAC1C,IAASE,OAAOuB,0BAA4BvB,OAAOwB,iBAAiBP,EAAQjB,OAAOuB,0BAA0BF,IAAWhB,EAAQL,OAAOqB,IAASC,SAAQ,SAAUxB,GAC5JE,OAAOC,eAAegB,EAAQnB,EAAKE,OAAOa,yBAAyBQ,EAAQvB,GACjF,GACG,CAED,OAAOmB,CACT,CAEA,IAAIQ,EAAsB,CAACC,EAAeC,EAAYC,KACpD,IAAK,IAAI9B,KAAOE,OAAOQ,KAAKkB,GAAgB,CAC1C,IAAIG,EAEJ,GAAIH,EAAc5B,MAAkD,QAAvC+B,EAAkBF,EAAW7B,UAAsC,IAApB+B,EAA6BA,EAAkBD,EAAgB9B,IACzI,OAAO,CAEV,CAED,OAAO,CAAI,oBAGSgC,GAAUC,IAC9B,IAAIC,EAAYF,EAAOG,iBAEnBN,EAAaX,EAAeA,EAAe,CAAA,EAAIc,EAAOF,iBAAkBG,GAE5E,IAAK,IAAIG,KAAeP,EAAY,CAClC,IAAIQ,EAEAC,EAAyE,QAArDD,EAAwBR,EAAWO,UAAoD,IAA1BC,EAAmCA,EAAwBL,EAAOF,gBAAgBM,GAEvK,GAAwB,MAApBE,EAA0B,CAC5B,IAAIC,EAAYD,EAES,kBAAdC,IAETA,GAA0B,IAAdA,EAAqB,OAAS,SAG5C,IAAIC,EACJR,EAAOS,kBAAkBL,GAAaG,GAElCC,IACFN,GAAa,IAAMM,EAEtB,CACF,CAED,IAAK,IAAKZ,EAAec,KAAsBV,EAAOW,iBAChDhB,EAAoBC,EAAeC,EAAYG,EAAOF,mBACxDI,GAAa,IAAMQ,GAIvB,OAAOR,CAAS"}

package/cjs/Badge-fcd91ac8.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var UNSAFE_Badge_themes_redwood_BadgeTheme = require('./UNSAFE_Badge/themes/redwood/BadgeTheme.js');
+
+function Badge({ variant, size, edge, children }) {
+    const { classes } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Badge_themes_redwood_BadgeTheme.BadgeRedwoodTheme, {
+        variant,
+        size,
+        edge
+    });
+    return jsxRuntime.jsx("span", { class: classes, children: children });
+}
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge-fcd91ac8.js.map

package/cjs/Badge-fcd91ac8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-fcd91ac8.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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BadgeStyles, BadgeVariantOptions } from './themes/BadgeStyles.css';\nimport { BadgeRedwoodTheme } from './themes/redwood/BadgeTheme';\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 Badge({ variant, size, edge, children }: Props) {\n  const { classes } = useComponentTheme<BadgeVariantOptions, BadgeStyles>(BadgeRedwoodTheme, {\n    variant,\n    size,\n    edge\n  });\n\n  return <span class={classes}>{children}</span>;\n}\n"],"names":["useComponentTheme","BadgeRedwoodTheme","_jsx"],"mappings":";;;;;;;AAwCM,SAAU,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAS,EAAA;AAC5D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,gDAAiB,CAAmCC,wDAAiB,EAAE;QACzF,OAAO;QACP,IAAI;QACJ,IAAI;AACL,KAAA,CAAC,CAAC;AAEH,IAAA,OAAOC,yBAAM,KAAK,EAAE,OAAO,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AACjD;;;;"}

package/cjs/BaseButton-1d701645.js

@@ -0,0 +1,174 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+'use strict';
+
+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-22fdac57.js');
+var classNames = require('./classNames-b2d7e747.js');
+
+const activeStyles = {
+  backgroundImage: 'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active), var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-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 = {
+  backgroundImage: 'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-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: "_1y7aj1u",
+  hover: "x0yykv",
+  active: "_1rybf6h",
+  pseudohover: "_9nxx9u",
+  pseudohoverSpan: "_1cctmsl",
+  unstyled: "_3jks10",
+  min: "_14kd67i",
+  fill: "_1wbh3zg",
+  container: "_4bi7wz",
+  embedded: "wboi1u",
+  noBorderRadiusStart: "_1wgtcl4",
+  noBorderRadiusEnd: "_8z0k92",
+  disabled: "eknbie",
+  bottom: "_1njbgbf"
+};
+const childrenStyles = "qe2t7e";
+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().hoverSupport === 'events';
+const roleProps = (elType, hidden) => {
+  switch (elType) {
+    case 'link':
+      return {
+        role: 'link'
+      };
+    case 'button':
+      return {};
+    default:
+      return hidden ? {
+        role: 'none'
+      } : {
+        role: 'button'
+      };
+  }
+};
+const BaseButton = compat.forwardRef(({
+  variant = 'outlined',
+  isDisabled = false,
+  isRepeat = false,
+  size = 'md',
+  elementDetails = {
+    type: 'button'
+  },
+  styling = ['default'],
+  edge = 'none',
+  'aria-label': accessibleLabel,
+  'aria-hidden': ariaHidden,
+  'aria-expanded': ariaExpanded,
+  'aria-roledescription': ariaRoledescription,
+  'aria-haspopup': ariaHasPopup,
+  'aria-describedby': ariaDescribedBy,
+  onBlur,
+  onFocus,
+  onMouseEnter,
+  onMouseLeave,
+  onTouchEnd,
+  onTouchStart,
+  ...props
+}, ref) => {
+  const pressHandler = e => {
+    if (props.onAction) {
+      props.onAction({
+        reason: e.type == 'keyup' ? 'keyboard' : 'pointer'
+      });
+    }
+  };
+  const {
+    pressProps
+  } = hooks_UNSAFE_usePress.usePress(pressHandler, {
+    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 {
+    class: cls,
+    ...styles
+  } = styleInterpolations(props);
+  const {
+    type: elementType = 'button',
+    ...elementProps
+  } = {
+    ...elementDetails
+  };
+  const role = roleProps(elementType, ariaHidden ?? false);
+  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 globalEventProps = {
+    onBlur,
+    onFocus,
+    onMouseEnter,
+    onMouseLeave,
+    onTouchEnd,
+    onTouchStart
+  };
+  const mergedProps = utils_UNSAFE_mergeProps.mergeProps(elementProps, pressProps, iosProps, hoverProps, isStyled('container') ? {} : activeProps, isBaseButton ? {} : {
+    'aria-disabled': isDisabled
+  }, globalEventProps);
+  const wrapperClasses = classNames.classNames([cls, rootStyles]);
+  return jsxRuntime.jsx(ElementType
+  // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
+  , {
+    // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
+    ref: ref,
+    disabled: isDisabled,
+    class: wrapperClasses,
+    style: styles,
+    autofocus: props['autofocus'],
+    title: props.title,
+    tabIndex: isDisabled || !isTabbable ? -1 : 0,
+    "aria-label": accessibleLabel,
+    "aria-haspopup": ariaHasPopup ? 'menu' : undefined,
+    "aria-describedby": ariaDescribedBy,
+    "aria-hidden": ariaHidden,
+    "aria-roledescription": ariaRoledescription,
+    "aria-expanded": ariaExpanded,
+    ...mergedProps,
+    ...role,
+    children: props.children
+  });
+});
+
+exports.BaseButton = BaseButton;
+//# sourceMappingURL=BaseButton-1d701645.js.map

package/cjs/BaseButton-1d701645.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-1d701645.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\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\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  'aria-hidden'?: boolean;\n  'aria-expanded'?: boolean;\n  'aria-roledescription'?: string;\n  'aria-describedby'?: string;\n  'aria-haspopup'?: 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     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * 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?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | '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 aria-label is used to provide guidance for screen readers.\n     */\n    'aria-label'?: 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?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundImage:\n    'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active), var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-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  backgroundImage:\n    'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-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().hoverSupport === 'events';\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean\n): { role?: HTMLAttributesSignalExcluded['role'] } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'none' } : { 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      'aria-label': accessibleLabel,\n      'aria-hidden': ariaHidden,\n      'aria-expanded': ariaExpanded,\n      'aria-roledescription': ariaRoledescription,\n      'aria-haspopup': ariaHasPopup,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const pressHandler = (e: Event) => {\n      if (props.onAction) {\n        props.onAction({\n          reason: e.type == 'keyup' ? 'keyboard' : 'pointer'\n        });\n      }\n    };\n\n    const { pressProps } = usePress(pressHandler, {\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 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 globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled },\n      globalEventProps\n    );\n\n    const wrapperClasses = classNames([cls, rootStyles]);\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={wrapperClasses}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={props.title}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-haspopup={ariaHasPopup ? 'menu' : undefined}\n        aria-describedby={ariaDescribedBy}\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":["activeStyles","backgroundImage","borderColor","color","hoverStyles","compStyles","active","childrenStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","hoverSupport","roleProps","elType","hidden","role","BaseButton","forwardRef","variant","isDisabled","isRepeat","size","elementDetails","type","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription","ariaHasPopup","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","props","ref","pressHandler","e","reason","pressProps","usePress","isStyled","name","hoverProps","isHover","useHover","class","cls","styles","elementType","elementProps","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","base","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","fill","min","bottom","isActive","pseudohoverSpan","hover","globalEventProps","mergedProps","mergeProps","activeProps","disabled","wrapperClasses","style","autofocus","title","tabIndex","undefined","children"],"mappings":"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"}

package/cjs/Button-ea51d65c.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./UNSAFE_BaseButton.js');
+require('./UNSAFE_ButtonLayout.js');
+var compat = require('preact/compat');
+var ButtonLayout = require('./ButtonLayout-69429d43.js');
+var BaseButton = require('./BaseButton-1d701645.js');
+
+/**
+ * A button is a pressable element that invokes an action.
+ */
+const Button = compat.forwardRef(({ variant = 'outlined', isDisabled = false, isRepeat = false, size = 'md', display = 'all', endIcon, startIcon, autofocus, edge, onAction, label = '', 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart }, ref) => {
+    const labelOnly = (!startIcon && !endIcon) || display === 'label';
+    const content = labelOnly ? (label) : (jsxRuntime.jsx(ButtonLayout.ButtonLayout, { display: display, startIcon: startIcon, endIcon: endIcon, size: size, children: label }));
+    return (jsxRuntime.jsx(BaseButton.BaseButton, { ref: ref, isDisabled: isDisabled, isRepeat: isRepeat, size: size, width: width, autofocus: autofocus, edge: edge, variant: variant, styling: [labelOnly ? 'default' : 'min'], onAction: onAction, "aria-label": accessibleLabel ?? label, "aria-describedby": ariaDescribedBy, onBlur: onBlur, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart, children: content }));
+});
+
+exports.Button = Button;
+//# sourceMappingURL=Button-ea51d65c.js.map

package/cjs/Button-ea51d65c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-ea51d65c.js","sources":["../../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, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\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     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * 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?: '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.\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 only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\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      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\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        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["forwardRef","_jsx","ButtonLayout","BaseButton"],"mappings":";;;;;;;;;;AAuGA;;AAEG;AACI,MAAM,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACN,EACR,GAA4B,KAC1B;AACF,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;AAClE,IAAA,MAAM,OAAO,GAAG,SAAS,IACvB,KAAK,KAELC,cAAA,CAACC,yBAAY,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EAC/E,KAAK,EAAA,CACO,CAChB,CAAC;AACF,IAAA,QACED,cAAC,CAAAE,qBAAU,IACT,GAAG,EAAE,GAA6E,EAClF,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,eAAe,IAAI,KAAK,sBAClB,eAAe,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,YACzB,OAAO,EAAA,CACG,EACb;AACJ,CAAC;;;;"}

package/cjs/ButtonLayout-69429d43.js

@@ -0,0 +1,67 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+require('./UNSAFE_Text.js');
+var classNames = require('./classNames-b2d7e747.js');
+var Text = require('./Text-df4ef261.js');
+
+const compStyles = {
+  text: "xrkttb",
+  suffix: "_18h8wuy",
+  icon: "_3ubesl",
+  startText: "_13dwipn",
+  endText: "jvh2qn",
+  startIcon: "_188wimb",
+  startIconWhenBothIconsOnly: "wtv1i6",
+  endIcon: "_1bve61n",
+  label: "_1c35x4n"
+};
+const isNullOrUndefined = value => {
+  return value === null || value === undefined;
+};
+function ButtonLayout({
+  size = 'md',
+  display = 'all',
+  styling = 'default',
+  ...props
+}) {
+  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 = !isNullOrUndefined(props.startIcon) && !isNullOrUndefined(props.endIcon);
+  const isTwoIconsOnly = isTwoIcons && display === 'icons';
+  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.startIcon, isTwoIconsOnly && compStyles.startIconWhenBothIconsOnly]);
+  const textStyles = classNames.classNames([compStyles.text, textStartIcon && !props.suffix && !isTwoIcons && compStyles.endText, textEndIcon && !isTwoIcons && compStyles.startText]);
+  const suffixStyles = classNames.classNames([compStyles.suffix, textStartIcon && !isTwoIcons && compStyles.endText]);
+  return jsxRuntime.jsxs("span", {
+    class: labelClass,
+    children: [showIcons && props.startIcon && jsxRuntime.jsx("span", {
+      class: startIconStyles,
+      children: props.startIcon
+    }), showText && props.children && jsxRuntime.jsxs("span", {
+      class: textStyles,
+      children: [" ", props.children, " "]
+    }), showText && props.suffix && jsxRuntime.jsx("span", {
+      class: suffixStyles,
+      children: jsxRuntime.jsx(Text.Text, {
+        truncation: 'ellipsis',
+        weight: 'inherit',
+        children: props.suffix
+      })
+    }), showIcons && props.endIcon && jsxRuntime.jsx("span", {
+      class: endIconClass,
+      children: props.endIcon
+    })]
+  });
+}
+
+exports.ButtonLayout = ButtonLayout;
+//# sourceMappingURL=ButtonLayout-69429d43.js.map

package/cjs/ButtonLayout-69429d43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLayout-69429d43.js","sources":["../../src/UNSAFE_ButtonLayout/ButtonLayout.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';\nimport { Text } from '../UNSAFE_Text';\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 suffix is appended to the text label, used for menu buttons.\n   */\n  suffix?: string;\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-block'\n    }}\n  `,\n  suffix: cssProps`\n    ${{\n      fontWeight: '300',\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\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  startIconWhenBothIconsOnly: cssProps`\n  ${{\n    marginInlineEnd: 0,\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 = !isNullOrUndefined(props.startIcon) && !isNullOrUndefined(props.endIcon);\n  const isTwoIconsOnly = isTwoIcons && display === 'icons';\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.startIcon,\n    isTwoIconsOnly && compStyles.startIconWhenBothIconsOnly\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !props.suffix && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n  const suffixStyles = classNames([\n    compStyles.suffix,\n    textStartIcon && !isTwoIcons && compStyles.endText\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      {showText && props.suffix && (\n        <span class={suffixStyles}>\n          <Text truncation={'ellipsis'} weight={'inherit'}>\n            {props.suffix}\n          </Text>\n        </span>\n      )}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n"],"names":["compStyles","isNullOrUndefined","value","undefined","ButtonLayout","size","display","styling","props","labelClass","label","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","isTwoIcons","isTwoIconsOnly","endIconClass","icon","isOnlyIcon","text","startText","suffix","endText","_jsxs","class","children","showIcons","_jsx","startIconStyles","showText","textStyles","suffixStyles","Text","truncation","weight"],"mappings":";;;;;;;;;;AAoDA,MAAAA,UAAA,GAAA;QASG,QAAA;UAWA,UAAA;QAUA,SAAA;aAMA,UAAA;WAMA,QAAA;aAOF,UAAA;8BAOE,QAAA;WAOF,UAAA;;;AAcD,MAAAC,iBAAA,GAAAC,KAAA,IAAA;AAGE,EAAA,OAAAA,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAC,SAAA,CAAA;AACF,CAAA,CAAA;AAEA,SAAAC,YAAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,OAAA,GAAA,KAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;EAAA,GAAAC,KAAAA;AAAA,CAAA,EAAA;;;AAQE,EAAA,MAAAC,UAAA,GAAAT,UAAA,CAAAU,KAAA,CAAA;;AAEA,EAAA,MAAAC,UAAA,GAAAJ,OAAA,KAAA,UAAA,CAAA;AACA,EAAA,MAAAK,aAAA,GAAA,CAAAX,iBAAA,CAAAO,KAAA,CAAAK,SAAA,CAAA,IAAAP,OAAA,KAAA,KAAA,CAAA;AACA,EAAA,MAAAQ,WAAA,GAAA,CAAAb,iBAAA,CAAAO,KAAA,CAAAO,OAAA,CAAA,IAAAT,OAAA,KAAA,KAAA,CAAA;AACA,EAAA,MAAAU,UAAA,GAAA,CAAAf,iBAAA,CAAAO,KAAA,CAAAK,SAAA,CAAA,IAAA,CAAAZ,iBAAA,CAAAO,KAAA,CAAAO,OAAA,CAAA,CAAA;AACA,EAAA,MAAAE,cAAA,GAAAD,UAAA,IAAAV,OAAA,KAAA,OAAA,CAAA;AAEA,EAAA,MAAAY,YAAA,GAAA,CAAAlB,EAAAA,UAAA,CAAAmB,IAAA,CAAAd,oBAAAA,EAAAA,IAAA,CAAAL,CAAAA,EAAAA,UAAA,CAAAe,OAAA,CAAA,CAAA,CAAA;iDAEEf,UAAA,CAAAmB,IAAA,qFAEA,CAAAC,UAAA,IAAApB,UAAA,CAAAa,SAAA,0DAED,CAAA,CAAA;4CAECb,UAAA,CAAAqB,IAAA,uEAEAP,WAAA,IAAA,CAAAE,UAAA,IAAAhB,UAAA,CAAAsB,SAAA,CACD,CAAA,CAAA;8CAECtB,UAAA,CAAAuB,MAAA,EACAX,aAAA,IAAA,CAAAI,UAAA,IAAAhB,UAAA,CAAAwB,OAAA,CACD,CAAA,CAAA;EAED,OAAAC,eAAA,CAAA,MAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAjB,UAAA;IAAAkB,QAAA,EAAA,CAAAC,SAAA,IAAApB,KAAA,CAAAK,SAAA,IAAAgB,cAAA,CAAA,MAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAI,eAAA;MAAAH,QAAA,EAAAnB,KAAA,CAAAK,SAAAA;KAAA,CAAA,EAAAkB,QAAA,IAAAvB,KAAA,CAAAmB,QAAA,IAAAF,eAAA,CAAA,MAAA,EAAA;AAAAC,MAAAA,KAAA,EAAAM,UAAA;MAAAL,QAAA,EAAA,CAAA,GAAA,EAAAnB,KAAA,CAAAmB,QAAA,EAAA,GAAA,CAAA;KAAA,CAAA,EAAAI,QAAA,IAAAvB,KAAA,CAAAe,MAAA,IAAAM,cAAA,CAAA,MAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAO,YAAA;AAAAN,MAAAA,QAAA,EAAAE,cAAA,CAAAK,SAAA,EAAA;AAAAC,QAAAA,UAAA,EAAA,UAAA;AAAAC,QAAAA,MAAA,EAAA,SAAA;QAAAT,QAAA,EAAAnB,KAAA,CAAAe,MAAAA;OAAA,CAAA;KAAA,CAAA,EAAAK,SAAA,IAAApB,KAAA,CAAAO,OAAA,IAAAc,cAAA,CAAA,MAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAR,YAAA;MAAAS,QAAA,EAAAnB,KAAA,CAAAO,OAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAcF;;;;"}