@okta/odyssey-contribution-tooling 1.49.0 → 1.51.0

package/dist/assets/Callout.stories-Cin_Q8VN.js

@@ -0,0 +1,250 @@
+import{j as L}from"./jsx-runtime-CnH95YSl.js";import{f as ot,e as U,w as lt,u as st}from"./index-BJMTVygn.js";import{O as ut}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{c as oe,a as le,M as ct}from"./Callout-CHhRxeIB.js";import{r as se}from"./index-NdkWRN8K.js";import{a as ft}from"./test-utils-H9lH7T5D.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";import{f as dt,c as mt,g as pt}from"./dom.esm-B9r8vBgQ.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Link-P2sjP-aD.js";import"./Link-LYj8-DeM.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-BIFhmR2K.js";import"./ExternalLink-C7UPr4SL.js";import"./Typography-gfYWxfhb.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./AlertTitle-BdgyvdT3.js";import"./useSlot-bWb1W-uo.js";import"./resolveComponentProps-zX2d3UUb.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-SdTF6s8l.js";import"./Close-DWj_zrWe.js";import"./IconButton-DwJqCevw.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-BGSgbZC6.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./index-DieBXP3Z.js";var bt=Object.prototype.toString;function ht(e){return typeof e=="function"||bt.call(e)==="[object Function]"}function yt(e){var t=Number(e);return isNaN(t)?0:t===0||!isFinite(t)?t:(t>0?1:-1)*Math.floor(Math.abs(t))}var gt=Math.pow(2,53)-1;function vt(e){var t=yt(e);return Math.min(Math.max(t,0),gt)}function m(e,t){var r=Array,i=Object(e);if(e==null)throw new TypeError("Array.from requires an array-like object - not null or undefined");for(var a=vt(i.length),o=ht(r)?Object(new r(a)):new Array(a),f=0,c;f<a;)c=i[f],o[f]=c,f+=1;return o.length=a,o}function M(e){"@babel/helpers - typeof";return M=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},M(e)}function wt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function xt(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,Fe(i.key),i)}}function St(e,t,r){return t&&xt(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function kt(e,t,r){return t=Fe(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Fe(e){var t=Tt(e,"string");return M(t)=="symbol"?t:t+""}function Tt(e,t){if(M(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,t);if(M(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}var Et=function(){function e(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];wt(this,e),kt(this,"items",void 0),this.items=t}return St(e,[{key:"add",value:function(r){return this.has(r)===!1&&this.items.push(r),this}},{key:"clear",value:function(){this.items=[]}},{key:"delete",value:function(r){var i=this.items.length;return this.items=this.items.filter(function(a){return a!==r}),i!==this.items.length}},{key:"forEach",value:function(r){var i=this;this.items.forEach(function(a){r(a,a,i)})}},{key:"has",value:function(r){return this.items.indexOf(r)!==-1}},{key:"size",get:function(){return this.items.length}}])}();const At=typeof Set>"u"?Set:Et;function d(e){var t;return(t=e.localName)!==null&&t!==void 0?t:e.tagName.toLowerCase()}var Ct={article:"article",aside:"complementary",button:"button",datalist:"listbox",dd:"definition",details:"group",dialog:"dialog",dt:"term",fieldset:"group",figure:"figure",form:"form",footer:"contentinfo",h1:"heading",h2:"heading",h3:"heading",h4:"heading",h5:"heading",h6:"heading",header:"banner",hr:"separator",html:"document",legend:"legend",li:"listitem",math:"math",main:"main",menu:"list",nav:"navigation",ol:"list",optgroup:"group",option:"option",output:"status",progress:"progressbar",section:"region",summary:"button",table:"table",tbody:"rowgroup",textarea:"textbox",tfoot:"rowgroup",td:"cell",th:"columnheader",thead:"rowgroup",tr:"row",ul:"list"},Lt={caption:new Set(["aria-label","aria-labelledby"]),code:new Set(["aria-label","aria-labelledby"]),deletion:new Set(["aria-label","aria-labelledby"]),emphasis:new Set(["aria-label","aria-labelledby"]),generic:new Set(["aria-label","aria-labelledby","aria-roledescription"]),insertion:new Set(["aria-label","aria-labelledby"]),none:new Set(["aria-label","aria-labelledby"]),paragraph:new Set(["aria-label","aria-labelledby"]),presentation:new Set(["aria-label","aria-labelledby"]),strong:new Set(["aria-label","aria-labelledby"]),subscript:new Set(["aria-label","aria-labelledby"]),superscript:new Set(["aria-label","aria-labelledby"])};function Rt(e,t){return["aria-atomic","aria-busy","aria-controls","aria-current","aria-description","aria-describedby","aria-details","aria-dropeffect","aria-flowto","aria-grabbed","aria-hidden","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-relevant","aria-roledescription"].some(function(r){var i;return e.hasAttribute(r)&&!((i=Lt[t])!==null&&i!==void 0&&i.has(r))})}function Qe(e,t){return Rt(e,t)}function Ye(e){var t=Ot(e);if(t===null||X.indexOf(t)!==-1){var r=Mt(e);if(X.indexOf(t||"")===-1||Qe(e,r||""))return r}return t}function Mt(e){var t=Ct[d(e)];if(t!==void 0)return t;switch(d(e)){case"a":case"area":case"link":if(e.hasAttribute("href"))return"link";break;case"img":return e.getAttribute("alt")===""&&!Qe(e,"img")?"presentation":"img";case"input":{var r=e,i=r.type;switch(i){case"button":case"image":case"reset":case"submit":return"button";case"checkbox":case"radio":return i;case"range":return"slider";case"email":case"tel":case"text":case"url":return e.hasAttribute("list")?"combobox":"textbox";case"search":return e.hasAttribute("list")?"combobox":"searchbox";case"number":return"spinbutton";default:return null}}case"select":return e.hasAttribute("multiple")||e.size>1?"listbox":"combobox"}return null}function Ot(e){var t=e.getAttribute("role");if(t!==null){var r=t.trim().split(" ")[0];if(r.length>0)return r}return null}var X=["presentation","none"];function l(e){return e!==null&&e.nodeType===e.ELEMENT_NODE}function ze(e){return l(e)&&d(e)==="caption"}function $(e){return l(e)&&d(e)==="input"}function It(e){return l(e)&&d(e)==="optgroup"}function Nt(e){return l(e)&&d(e)==="select"}function jt(e){return l(e)&&d(e)==="table"}function Vt(e){return l(e)&&d(e)==="textarea"}function Bt(e){var t=e.ownerDocument===null?e:e.ownerDocument,r=t.defaultView;if(r===null)throw new TypeError("no window available");return r}function Pt(e){return l(e)&&d(e)==="fieldset"}function _t(e){return l(e)&&d(e)==="legend"}function Ht(e){return l(e)&&d(e)==="slot"}function Dt(e){return l(e)&&e.ownerSVGElement!==void 0}function Wt(e){return l(e)&&d(e)==="svg"}function qt(e){return Dt(e)&&d(e)==="title"}function G(e,t){if(l(e)&&e.hasAttribute(t)){var r=e.getAttribute(t).split(" "),i=e.getRootNode?e.getRootNode():e.ownerDocument;return r.map(function(a){return i.getElementById(a)}).filter(function(a){return a!==null})}return[]}function g(e,t){return l(e)?t.indexOf(Ye(e))!==-1:!1}function Ut(e){return e.trim().replace(/\s\s+/g," ")}function $t(e,t){if(!l(e))return!1;if(e.hasAttribute("hidden")||e.getAttribute("aria-hidden")==="true")return!0;var r=t(e);return r.getPropertyValue("display")==="none"||r.getPropertyValue("visibility")==="hidden"}function Gt(e){return g(e,["button","combobox","listbox","textbox"])||Ke(e,"range")}function Ke(e,t){if(!l(e))return!1;switch(t){case"range":return g(e,["meter","progressbar","scrollbar","slider","spinbutton"]);default:throw new TypeError("No knowledge about abstract role '".concat(t,"'. This is likely a bug :("))}}function ue(e,t){var r=m(e.querySelectorAll(t));return G(e,"aria-owns").forEach(function(i){r.push.apply(r,m(i.querySelectorAll(t)))}),r}function Ft(e){return Nt(e)?e.selectedOptions||ue(e,"[selected]"):ue(e,'[aria-selected="true"]')}function Qt(e){return g(e,X)}function Yt(e){return ze(e)}function zt(e){return g(e,["button","cell","checkbox","columnheader","gridcell","heading","label","legend","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","row","rowheader","switch","tab","tooltip","treeitem"])}function Kt(e){return!1}function Xt(e){return $(e)||Vt(e)?e.value:e.textContent||""}function ce(e){var t=e.getPropertyValue("content");return/^["'].*["']$/.test(t)?t.slice(1,-1):""}function Xe(e){var t=d(e);return t==="button"||t==="input"&&e.getAttribute("type")!=="hidden"||t==="meter"||t==="output"||t==="progress"||t==="select"||t==="textarea"}function Je(e){if(Xe(e))return e;var t=null;return e.childNodes.forEach(function(r){if(t===null&&l(r)){var i=Je(r);i!==null&&(t=i)}}),t}function Jt(e){if(e.control!==void 0)return e.control;var t=e.getAttribute("for");return t!==null?e.ownerDocument.getElementById(t):Je(e)}function Zt(e){var t=e.labels;if(t===null)return t;if(t!==void 0)return m(t);if(!Xe(e))return null;var r=e.ownerDocument;return m(r.querySelectorAll("label")).filter(function(i){return Jt(i)===e})}function er(e){var t=e.assignedNodes();return t.length===0?m(e.childNodes):t}function Ze(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=new At,i=typeof Map>"u"?void 0:new Map,a=Bt(e),o=t.compute,f=o===void 0?"name":o,c=t.computedStyleSupportsPseudoElements,A=c===void 0?t.getComputedStyle!==void 0:c,Z=t.getComputedStyle,I=Z===void 0?a.getComputedStyle.bind(a):Z,ee=t.hidden,nt=ee===void 0?!1:ee,te=function(s,u){if(u!==void 0)throw new Error("use uncachedGetComputedStyle directly for pseudo elements");if(i===void 0)return I(s);var p=i.get(s);if(p)return p;var b=I(s,u);return i.set(s,b),b};function Q(n,s){var u="";if(l(n)&&A){var p=I(n,"::before"),b=ce(p);u="".concat(b," ").concat(u)}var v=Ht(n)?er(n):m(n.childNodes).concat(G(n,"aria-owns"));if(v.forEach(function(h){var T=x(h,{isEmbeddedInLabel:s.isEmbeddedInLabel,isReferenced:!1,recursion:!0}),w=l(h)?te(h).getPropertyValue("display"):"inline",R=w!=="inline"?" ":"";u+="".concat(R).concat(T).concat(R)}),l(n)&&A){var S=I(n,"::after"),k=ce(S);u="".concat(u," ").concat(k)}return u.trim()}function C(n,s){var u=n.getAttributeNode(s);return u!==null&&!r.has(u)&&u.value.trim()!==""?(r.add(u),u.value):null}function it(n){return l(n)?C(n,"title"):null}function at(n){if(!l(n))return null;if(Pt(n)){r.add(n);for(var s=m(n.childNodes),u=0;u<s.length;u+=1){var p=s[u];if(_t(p))return x(p,{isEmbeddedInLabel:!1,isReferenced:!1,recursion:!1})}}else if(jt(n)){r.add(n);for(var b=m(n.childNodes),v=0;v<b.length;v+=1){var S=b[v];if(ze(S))return x(S,{isEmbeddedInLabel:!1,isReferenced:!1,recursion:!1})}}else if(Wt(n)){r.add(n);for(var k=m(n.childNodes),h=0;h<k.length;h+=1){var T=k[h];if(qt(T))return T.textContent}return null}else if(d(n)==="img"||d(n)==="area"){var w=C(n,"alt");if(w!==null)return w}else if(It(n)){var R=C(n,"label");if(R!==null)return R}if($(n)&&(n.type==="button"||n.type==="submit"||n.type==="reset")){var re=C(n,"value");if(re!==null)return re;if(n.type==="submit")return"Submit";if(n.type==="reset")return"Reset"}var Y=Zt(n);if(Y!==null&&Y.length!==0)return r.add(n),m(Y).map(function(z){return x(z,{isEmbeddedInLabel:!0,isReferenced:!1,recursion:!0})}).filter(function(z){return z.length>0}).join(" ");if($(n)&&n.type==="image"){var ne=C(n,"alt");if(ne!==null)return ne;var ie=C(n,"title");return ie!==null?ie:"Submit Query"}if(g(n,["button"])){var ae=Q(n,{isEmbeddedInLabel:!1});if(ae!=="")return ae}return null}function x(n,s){if(r.has(n))return"";if(!nt&&$t(n,te)&&!s.isReferenced)return r.add(n),"";var u=l(n)?n.getAttributeNode("aria-labelledby"):null,p=u!==null&&!r.has(u)?G(n,"aria-labelledby"):[];if(f==="name"&&!s.isReferenced&&p.length>0)return r.add(u),p.map(function(w){return x(w,{isEmbeddedInLabel:s.isEmbeddedInLabel,isReferenced:!0,recursion:!1})}).join(" ");var b=s.recursion&&Gt(n)&&f==="name";if(!b){var v=(l(n)&&n.getAttribute("aria-label")||"").trim();if(v!==""&&f==="name")return r.add(n),v;if(!Qt(n)){var S=at(n);if(S!==null)return r.add(n),S}}if(g(n,["menu"]))return r.add(n),"";if(b||s.isEmbeddedInLabel||s.isReferenced){if(g(n,["combobox","listbox"])){r.add(n);var k=Ft(n);return k.length===0?$(n)?n.value:"":m(k).map(function(w){return x(w,{isEmbeddedInLabel:s.isEmbeddedInLabel,isReferenced:!1,recursion:!0})}).join(" ")}if(Ke(n,"range"))return r.add(n),n.hasAttribute("aria-valuetext")?n.getAttribute("aria-valuetext"):n.hasAttribute("aria-valuenow")?n.getAttribute("aria-valuenow"):n.getAttribute("value")||"";if(g(n,["textbox"]))return r.add(n),Xt(n)}if(zt(n)||l(n)&&s.isReferenced||Yt(n)||Kt()){var h=Q(n,{isEmbeddedInLabel:s.isEmbeddedInLabel});if(h!=="")return r.add(n),h}if(n.nodeType===n.TEXT_NODE)return r.add(n),n.textContent||"";if(s.recursion)return r.add(n),Q(n,{isEmbeddedInLabel:s.isEmbeddedInLabel});var T=it(n);return T!==null?(r.add(n),T):(r.add(n),"")}return Ut(x(e,{isEmbeddedInLabel:!1,isReferenced:f==="description",recursion:!1}))}function O(e){"@babel/helpers - typeof";return O=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},O(e)}function fe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,i)}return r}function de(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?fe(Object(r),!0).forEach(function(i){tr(e,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i))})}return e}function tr(e,t,r){return t=rr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function rr(e){var t=nr(e,"string");return O(t)=="symbol"?t:t+""}function nr(e,t){if(O(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,t);if(O(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ir(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=G(e,"aria-describedby").map(function(o){return Ze(o,de(de({},t),{},{compute:"description"}))}).join(" ");if(r===""){var i=e.getAttribute("aria-description");r=i===null?"":i}if(r===""){var a=e.getAttribute("title");r=a===null?"":a}return r}function ar(e){return g(e,["caption","code","deletion","emphasis","generic","insertion","none","paragraph","presentation","strong","subscript","superscript"])}function or(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return ar(e)?"":Ze(e,t)}/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */class E extends Error{constructor(t,r){super(t),this.name="ElementError",console.error("ElementError",r)}}const lr=e=>e.replace(/\s+/g," ").trim(),sr=e=>{if(!e||!e.ownerDocument||!e.ownerDocument.defaultView)throw new E("Expected element to have a `window`",e);return e.ownerDocument.defaultView},ur=e=>{const t=sr(e);if(!(e instanceof t.SVGElement)&&!(e instanceof t.HTMLElement))throw new E("Expected element to be an HTMLElement or an SVGElement",e)};/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const cr=({element:e,role:t})=>{if(e instanceof HTMLInputElement&&e.list)return e.list;if(e.getAttribute("aria-expanded")==="false")throw new E("Popup isn't open in ARIA; therefore, it cannot be captured.",e);const r=e.getAttribute("aria-controls")||e.getAttribute("aria-owns");if(!r)throw new E("Popup isn't linked; therefore, it cannot be captured.",e);const i=r.split(" ").map(a=>e.ownerDocument.getElementById(a)).filter(a=>!!a).find(a=>t?Ye(a)===t:!!a);if(!i)throw new E("Controlled element isn't available; therefore, it cannot be captured.",e);return i};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const fr={accessibleText:{errorMessage:"errorMessage",hint:"description",label:"label"},children:{list:{children:{listItem:{elementSelector:{method:"ByRole",options:{label:"name"},role:"option"}}},isControlledElement:!0}},elementSelector:{method:"ByRole",options:{label:"name"},role:"combobox"}};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const dr={accessibleText:{text:"description",title:"label"},children:{link:{elementSelector:{method:"ByRole",options:{linkText:"name"},role:"link"}}},elementSelector:{method:"ByRole",options:{title:"name"},role:["alert","status"]}};var K={};const mr=typeof se.act=="function"?se.act:ft.act;function et(){if(typeof globalThis<"u")return globalThis;if(typeof self<"u")return self;if(typeof window<"u")return window;if(typeof global<"u")return global;throw new Error("unable to locate global object")}function y(e){et().IS_REACT_ACT_ENVIRONMENT=e}function F(){return et().IS_REACT_ACT_ENVIRONMENT}function pr(e){return t=>{const r=F();y(!0);try{let i=!1;const a=e(()=>{const o=t();return o!==null&&typeof o=="object"&&typeof o.then=="function"&&(i=!0),o});if(i){const o=a;return{then:(f,c)=>{o.then(A=>{y(r),f(A)},A=>{y(r),c(A)})}}}else return y(r),a}catch(i){throw y(r),i}}}const J=pr(mr);Object.keys(dt).forEach(e=>{});function br(){return typeof jest<"u"&&jest!==null?setTimeout._isMockFunction===!0||Object.prototype.hasOwnProperty.call(setTimeout,"clock"):!1}mt({unstable_advanceTimersWrapper:e=>J(e),asyncWrapper:async e=>{const t=F();y(!1);try{const r=await e();return await new Promise(i=>{setTimeout(()=>{i()},0),br()&&jest.advanceTimersByTime(0)}),r}finally{y(t)}},eventWrapper:e=>{let t;return J(()=>{t=e()}),t}});const hr=new Set,me=[];function pe(){me.forEach(e=>{let{root:t,container:r}=e;J(()=>{t.unmount()}),r.parentNode===document.body&&document.body.removeChild(r)}),me.length=0,hr.clear()}if((typeof process>"u"||!(K!=null&&K.RTL_SKIP_AUTO_CLEANUP))&&(typeof afterEach=="function"?afterEach(()=>{pe()}):typeof teardown=="function"&&teardown(()=>{pe()}),typeof beforeAll=="function"&&typeof afterAll=="function")){let e=F();beforeAll(()=>{e=F(),y(!0)}),afterAll(()=>{y(e)})}/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const be=({canvas:e,queryMethod:t,selectionMethod:r})=>e[t.concat(r)],tt=({element:e,queryMethod:t,queryOptions:r,role:i,selectionMethod:a,text:o})=>{const f=pt(e);return a==="ByRole"?be({canvas:f,queryMethod:t,selectionMethod:a})(i,r):be({canvas:f,queryMethod:t,selectionMethod:a})(o,r)},yr=({element:e,queryMethod:t,queryOptions:r,role:i})=>tt({element:e,queryMethod:t,queryOptions:r,role:i,selectionMethod:"ByRole"}),gr=({element:e,queryMethod:t,queryOptions:r,selectionMethod:i,text:a})=>tt({element:e,queryMethod:t,queryOptions:r,selectionMethod:i,text:a});/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const vr=e=>{var i;ur(e);const t=e.getAttribute("aria-errormessage");if(t&&/\s+/.test(t||""))throw new Error("`aria-errormessage` needs to have a single `id`.".concat(`
+`,`Received: ${t}`));const r=e.getAttribute("aria-invalid");if(!e.hasAttribute("aria-invalid")||r==="false")throw new Error("`aria-invalid` must be `true` when getting an accessible error message.".concat(`
+`,`Received: ${r}`));return lr(((i=e.ownerDocument.getElementById(t||""))==null?void 0:i.textContent)??"")};/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const wr={description:ir,errorMessage:vr,label:or},xr=({element:e,type:t})=>wr[t](e);/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Sr=({containerElement:e,queryMethod:t,querySelectorOptions:r,role:i,testSelector:a})=>{if("elementSelector"in a&&r){const o={element:e,queryMethod:t,queryOptions:Object.fromEntries(Object.entries(a.elementSelector.options).map(([f,c])=>[c,r[f]]))};return a.elementSelector.method==="ByRole"?yr({...o,role:Array.isArray(a.elementSelector.role)||i?i||"":a.elementSelector.role}):gr({...o,selectionMethod:a.elementSelector.method,text:a.elementSelector.text})}else if("isControlledElement"in a&&a.isControlledElement)try{return cr({element:e})}catch(o){if(t==="query")return null;throw o}return null},rt=e=>t=>{const{element:r,queryMethod:i}=t,a=Sr({containerElement:r,queryMethod:i||"get",querySelectorOptions:"options"in t?t.options:void 0,role:"role"in t?t.role:void 0,testSelector:e});return{element:a,getAccessibleText:c=>{if(!a)throw new E("No child HTML element available",r);if(!("accessibleText"in e))throw new Error("Missing `accessibleText` in `TestSelector`");return xr({element:a,type:e.accessibleText[c]})},selectChild:c=>{if(!a)throw new E("No child HTML element available",r);if(!("children"in e))throw new Error("Missing `children` in `TestSelector`");return rt(e.children[c.name])({element:a,queryMethod:c.queryMethod,..."options"in c&&c.options?{options:c.options}:{},..."role"in c&&c.role?{role:c.role}:{}})}}};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const kr={accessibleText:{errorMessage:"errorMessage",hint:"description",label:"label"},children:{list:{accessibleText:{label:"label"},children:{listItem:{accessibleText:{label:"label"},elementSelector:{method:"ByRole",options:{label:"name"},role:"option"}}},isControlledElement:!0}},elementSelector:{method:"ByRole",options:{label:"name"},role:"combobox"}};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Tr={children:{tabItem:{elementSelector:{method:"ByRole",options:{label:"name"},role:"tab"}}},elementSelector:{method:"ByRole",options:{label:"name"},role:"tablist"}};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Er={accessibleText:{errorMessage:"errorMessage",hint:"description",label:"label"},children:{link:{elementSelector:{method:"ByRole",options:{label:"name"},role:"link"}}},elementSelector:{method:"ByRole",options:{label:"name"},role:"textbox"}};/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Ar={Autocomplete:fr,Callout:dr,Select:kr,Tabs:Tr,TextField:Er},Cr=e=>rt(Ar[e]),fn={component:ct,decorators:[ut],tags:["autodocs"],argTypes:{children:{control:"text",description:"Used to optionally pass a text list to the component",table:{type:{summary:"ReactNode | Array<ReactNode>"}},type:{name:"other",value:"ReactNode | Array<ReactNode>"}},linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the Callout will include a link to the URL",table:{type:{summary:"string"}}},onLinkClick:{description:"Function to call when the link is clicked",table:{type:{summary:"func"}}},role:{options:le,control:{type:"radio"},description:"Sets the ARIA role of the Callout ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:le.join(" | ")}}},severity:{options:oe,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:oe.join(" | ")}},type:{name:"other",value:"radio"}},text:{control:"text",description:"The content of the Callout",table:{type:{summary:"string"}},type:{name:"string"}},title:{control:"text",description:"The title of the Callout",table:{type:{summary:"string"}}}},args:{text:"You're signed in from Moonbase Alpha-6, located on Luna.",severity:"info"}},N={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},j={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},V={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},B={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},P={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},_={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkTarget:"_blank",linkText:"Visit fueling console",linkUrl:"#"}},H={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:L.jsx(L.Fragment,{children:L.jsxs("ul",{children:[L.jsx("li",{children:"Secondary email"}),L.jsx("li",{children:"Street address"}),L.jsx("li",{children:"City"})]})})}},D={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,children:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},W={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:e,step:t})=>{await t("has visible link",()=>{var a,o;const i=(o=(a=Cr("Callout")({element:e,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:o.call(a,{name:"link",options:{linkText:"Visit fueling console"}}).element;U(i).toBeVisible()})}},q={args:{linkText:"Visit fueling console",onLinkClick:ot(),role:"alert",severity:"error",text:void 0,title:"Safety checks failed"},play:async({args:e,canvasElement:t,step:r})=>{await r("check for the link text and click it",async()=>{const a=lt(t).getByText("Visit fueling console");await U(a==null?void 0:a.tagName).toBe("A"),await U(a==null?void 0:a.href).toBe(`${a==null?void 0:a.baseURI}#`),await st.click(a),await U(e.onLinkClick).toHaveBeenCalled()})}};var he,ye,ge;N.parameters={...N.parameters,docs:{...(he=N.parameters)==null?void 0:he.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "info",
+    title: "Authentication status",
+    text: "You're signed in from Moonbase Alpha-6, located on Luna."
+  }
+}`,...(ge=(ye=N.parameters)==null?void 0:ye.docs)==null?void 0:ge.source}}};var ve,we,xe;j.parameters={...j.parameters,docs:{...(ve=j.parameters)==null?void 0:ve.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "Reconfigure the fuel mixture ratios and perform safety checks again."
+  }
+}`,...(xe=(we=j.parameters)==null?void 0:we.docs)==null?void 0:xe.source}}};var Se,ke,Te;V.parameters={...V.parameters,docs:{...(Se=V.parameters)==null?void 0:Se.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "warning",
+    title: "Safety checks incomplete",
+    text: "Complete all safety checks before requesting approval to launch your mission."
+  }
+}`,...(Te=(ke=V.parameters)==null?void 0:ke.docs)==null?void 0:Te.source}}};var Ee,Ae,Ce;B.parameters={...B.parameters,docs:{...(Ee=B.parameters)==null?void 0:Ee.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "success",
+    title: "Approved for launch",
+    text: "Safety checks are complete. Your mission is ready for liftoff."
+  }
+}`,...(Ce=(Ae=B.parameters)==null?void 0:Ae.docs)==null?void 0:Ce.source}}};var Le,Re,Me;P.parameters={...P.parameters,docs:{...(Le=P.parameters)==null?void 0:Le.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  }
+}`,...(Me=(Re=P.parameters)==null?void 0:Re.docs)==null?void 0:Me.source}}};var Oe,Ie,Ne;_.parameters={..._.parameters,docs:{...(Oe=_.parameters)==null?void 0:Oe.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
+    linkTarget: "_blank",
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  }
+}`,...(Ne=(Ie=_.parameters)==null?void 0:Ie.docs)==null?void 0:Ne.source}}};var je,Ve,Be;H.parameters={...H.parameters,docs:{...(je=H.parameters)==null?void 0:je.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "info",
+    title: "Delivery details needed to complete your user profile",
+    text: undefined,
+    children: <>
+        <ul>
+          <li>Secondary email</li>
+          <li>Street address</li>
+          <li>City</li>
+        </ul>
+      </>
+  }
+}`,...(Be=(Ve=H.parameters)==null?void 0:Ve.docs)==null?void 0:Be.source}}};var Pe,_e,He;D.parameters={...D.parameters,docs:{...(Pe=D.parameters)==null?void 0:Pe.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: undefined,
+    children: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  }
+}`,...(He=(_e=D.parameters)==null?void 0:_e.docs)==null?void 0:He.source}}};var De,We,qe;W.parameters={...W.parameters,docs:{...(De=W.parameters)==null?void 0:De.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: undefined,
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: {
+    canvasElement: HTMLElement;
+    step: PlaywrightProps<CalloutProps>["step"];
+  }) => {
+    await step("has visible link", () => {
+      const querySelect = queryOdysseySelector("Callout");
+      const element = querySelect({
+        element: canvasElement,
+        role: "alert",
+        options: {
+          title: /Safety checks failed/
+        }
+      }).selectChild?.({
+        name: "link",
+        options: {
+          linkText: "Visit fueling console"
+        }
+      }).element;
+      expect(element).toBeVisible();
+    });
+  }
+}`,...(qe=(We=W.parameters)==null?void 0:We.docs)==null?void 0:qe.source}}};var Ue,$e,Ge;q.parameters={...q.parameters,docs:{...(Ue=q.parameters)==null?void 0:Ue.docs,source:{originalSource:`{
+  args: {
+    linkText: "Visit fueling console",
+    onLinkClick: fn(),
+    role: "alert",
+    severity: "error",
+    text: undefined,
+    title: "Safety checks failed"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: PlayType) => {
+    await step("check for the link text and click it", async () => {
+      const canvas = within(canvasElement);
+      const link = canvas.getByText<HTMLAnchorElement>("Visit fueling console");
+      await expect(link?.tagName).toBe("A");
+      await expect(link?.href).toBe(\`\${link?.baseURI}#\`);
+      await userEvent.click(link);
+      await expect(args.onLinkClick).toHaveBeenCalled();
+    });
+  }
+}`,...(Ge=($e=q.parameters)==null?void 0:$e.docs)==null?void 0:Ge.source}}};const dn=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink","TitleWithLinkWithOnLinkClick"];export{D as ChildrenWithLink,H as ChildrenWithList,j as Error,N as Info,B as Success,W as TitleWithLink,q as TitleWithLinkWithOnLinkClick,V as Warning,P as WithLink,_ as WithLinkAndTarget,dn as __namedExportsOrder,fn as default};

package/dist/assets/Card-CW2-4q6G.js

@@ -0,0 +1 @@
+import{u as z,K as O,h as s,P as E}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as m}from"./index-NdkWRN8K.js";import{B as _}from"./BaseButton-CPts8Xl1.js";import{M as T}from"./MenuButton-BAmmLodS.js";import{M as V}from"./More-CXrgFSVS.js";import{d as w,M as y,a as B}from"./Typography-gfYWxfhb.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c,s as g}from"./Skeleton-BSJpuJ78.js";import{C as I,c as R}from"./CardActions-BOMzzZ-s.js";import{C as W,a as H}from"./CardActionArea-CmY1RMSI.js";const co=["tile","stack","compact"],G="64px",Z="48px",K=s(W,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:n,odysseyDesignTokens:r})=>({border:`${r.BorderWidthMain} ${r.BorderColorDisplay} ${r.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:r.Spacing2},"&:hover":n?{borderColor:r.HueNeutralWhite,boxShadow:r.DepthMedium}:{},[`& .${g.root}`]:{transform:"none"},[`& .${R.root} .${g.root}`]:{height:r.Spacing7}})),U=s(H)(()=>({margin:0,padding:0})),q=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:n==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:n==="compact"?o.Spacing8:"auto",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5}})),$=s("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:n=0,odysseyDesignTokens:r,variant:t})=>({alignItems:t==="compact"&&!o&&n<=2?"center":"flex-start",display:"flex",backgroundColor:r.HueNeutralWhite,padding:t==="compact"?r.Spacing4:r.Spacing5,flexDirection:t==="tile"?"column":"row",gap:r.Spacing4,width:"100%"})),A=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({height:n==="compact"?Z:G,paddingInlineEnd:n==="tile"&&r?o.Spacing4:0,[`& > .${g.root}`]:{height:"100%",aspectRatio:1}})),D=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${g.root} + .${g.root}`]:{marginBlockStart:o.Spacing1}})),b=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({display:"flex",flexDirection:"column",gap:n==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:n!=="tile"&&r?o.Spacing4:0,[`& > .${E.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${E.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),J=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({position:"absolute",right:o.Spacing2,top:n==="compact"?o.Spacing4:o.Spacing2,height:n==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),P=o=>m.Children.toArray(o).length,Q=({children:o,description:n,detailPanel:r,image:t,isLoading:x,overline:l,title:h,titleId:j,variant:i,accessory:f,button:p,menuButtonChildren:d,onClick:u,__role:F})=>{const e=z(),{t:C}=O(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:P([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:a.jsx(c,{variant:"circular"})}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{children:a.jsx(c,{width:"50%"})}),h&&a.jsx(y,{component:"div",variant:i==="tile"?"h4":"h5",children:a.jsx(c,{width:"33%"})})]}),n&&a.jsxs(B,{children:[a.jsx(c,{width:"100%"}),a.jsx(c,{width:"50%"})]})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:a.jsx(c,{width:"50%"})}),p&&a.jsx(I,{children:a.jsx(c,{variant:"rounded",width:"100%"})})]})]}),[p,o,n,t,d,e,l,h,i]),M=m.useMemo(()=>{const N={isFullWidth:!0};return a.jsxs($,{hasDetailPanel:!!r,numberOfChildNodes:P([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:t}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{component:"div",children:l}),h&&a.jsx(y,{component:"div",id:j,variant:i==="tile"?"h4":"h5",children:h})]}),n&&a.jsx(B,{color:"textSecondary",children:n})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:o}),p&&a.jsx(I,{children:a.jsx(_.Provider,{value:N,children:p})}),r&&a.jsx(S,{odysseyDesignTokens:e,children:r})]})]})},[p,o,n,r,t,d,e,l,h,j,i]);return a.jsxs(K,{cardVariant:i,isClickable:!!u,odysseyDesignTokens:e,role:F,children:[!!f&&a.jsx(q,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):f}),x?v:u?a.jsx(U,{onClick:u,children:M}):M,d&&a.jsx(J,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):a.jsx(T,{ariaLabel:C("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(V,{}),menuAlignment:"right",size:"small",tooltipText:C("table.actions"),children:d})})]})},X=m.memo(Q);X.displayName="Card";export{X as M,co as c};

package/dist/assets/Card-HHKQqwm3.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-DI1lVgTb.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-DiEiQB-f.js";import{T as i}from"./Card.stories-BGl8ssIa.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-nv3jWDyz.js";import"./iframe-B5wE2ay9.js";import"./DocsRenderer-CFRXHY34-P8M6yttG.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Card-CW2-4q6G.js";import"./BaseButton-CPts8Xl1.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-Bx__kQJp.js";import"./Tooltip-gH7ETEPn.js";import"./Grow-CbLflC0D.js";import"./utils-uddq32f3.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-CYW9xr5m.js";import"./resolveComponentProps-zX2d3UUb.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-ev1Y_qJb.js";import"./Button-dStBbGjZ.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuButton-BAmmLodS.js";import"./BaseMenuButton-Cg0erRE5.js";import"./Box-XLjSpNxK.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-DKMyPMNY.js";import"./More-CXrgFSVS.js";import"./Menu-g2Uj1mcn.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-D0XtQHFw.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-DSMklDt3.js";import"./Paper-BGSgbZC6.js";import"./MenuList-sllDVDo3.js";import"./List-BcG-NsbC.js";import"./Typography-gfYWxfhb.js";import"./Typography-BIFhmR2K.js";import"./Skeleton-BSJpuJ78.js";import"./colorManipulator-BxsGKdcY.js";import"./CardActions-BOMzzZ-s.js";import"./CardActionArea-CmY1RMSI.js";import"./MenuItem-CJ8f1-Gg.js";import"./MenuItem-DR63CY7B.js";import"./Button-NJfX6YsF.js";import"./Checkbox-LVOv88W2.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-qhf1AEE0.js";import"./FormHelperText-CZEj6vhF.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-0yOoM5iA.js";import"./Stack-Co_ZNMgX.js";import"./createStyled-B09qmfVW.js";import"./useThemeProps-4A-zY4M2.js";import"./Checkbox-DGd8S5xK.js";import"./SwitchBase-DDdOwpAs.js";import"./createSvgIcon-SdTF6s8l.js";import"./IconButton-DwJqCevw.js";import"./ChevronUp-BclvDZ6e.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
+`,o.jsx(e,{of:i}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(a,{of:i}),`
+`,o.jsx(c,{of:i}),`
+`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
+`,o.jsx(d,{}),`
+`,o.jsx(x,{})]})}function Ko(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Ko as default};

package/dist/assets/Card.stories-BGl8ssIa.js

@@ -0,0 +1,56 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{h as K,N as Q}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{a as W}from"./index-B-lxVbXh.js";import{r as u}from"./index-NdkWRN8K.js";import{O as X}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{c as Y,M as C}from"./Card-CW2-4q6G.js";import{M as b}from"./MenuItem-CJ8f1-Gg.js";import{M as Z}from"./Button-NJfX6YsF.js";import{M as $}from"./Checkbox-LVOv88W2.js";import{I as ee}from"./IconButton-DwJqCevw.js";import{M as te}from"./ChevronUp-BclvDZ6e.js";const v=e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),x=e.jsx(e.Fragment,{children:"Children."}),f=e.jsx(e.Fragment,{children:"Detail panel."}),m=W("onClick"),ne=e.jsx(Z,{label:"Access app",onClick:m,variant:"primary"}),oe=e.jsxs(e.Fragment,{children:[e.jsx(b,{onClick:m,children:"Action 1"}),e.jsx(b,{onClick:m,children:"Action 2"})]}),re=K("div")(()=>({"& label":{gap:0}})),ae={decorators:[X],argTypes:{children:{control:"boolean"},description:{control:"text"},detailPanel:{control:"boolean"},image:{control:"boolean"},isLoading:{control:"boolean"},overline:{control:"text"},title:{control:"text"},variant:{control:"select",options:Y},accessory:{control:"boolean"},button:{control:"boolean"},menuButtonChildren:{control:"boolean"},onClick:{control:"boolean"}},args:{accessory:!1,button:void 0,children:!1,description:"This is a description of the app. Descriptions should be concise, and truncation is handled by the consumer rather than the component, so if you write a novel, it will display a novel.",detailPanel:!1,image:void 0,isLoading:!1,menuButtonChildren:!1,onClick:void 0,overline:"Category",title:"App title",variant:"tile"},render:function(t){const[d,h]=u.useState(!1),[p,g]=u.useState(!1),V=u.useCallback(()=>{g(!p)},[p,g]),N=u.useCallback(()=>{h(!d)},[d,h]),R=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx($,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),U=({isExpanded:n,onToggle:o})=>e.jsx(ee,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(Q,{}):e.jsx(te,{})}),q=({isExpandable:n,isSelected:o,isExpanded:G,onToggleExpansion:H,onChangeSelection:J})=>e.jsxs(e.Fragment,{children:[e.jsx(R,{isChecked:o,onChange:J}),n&&e.jsx(U,{isExpanded:G,onToggle:H})]});return t.onClick?e.jsx(C,{children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,onClick:m,overline:t.overline,title:t.title,variant:t.variant}):e.jsx(C,{accessory:t.accessory?e.jsx(q,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:V,onToggleExpansion:N}):void 0,button:t.button?ne:void 0,children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel&&d?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,menuButtonChildren:t.menuButtonChildren?oe:void 0,overline:t.overline,title:t.title,variant:t.variant})}},r={args:{accessory:!1,button:!0,children:!1,detailPanel:!1,image:!0,menuButtonChildren:!0}},a={args:{image:!0,onClick:!0}},i={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"tile"}},s={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"stack"}},l={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"compact"}},c={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,isLoading:!0,menuButtonChildren:!0,variant:"tile"}};var y,j,S;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    accessory: false,
+    button: true,
+    children: false,
+    detailPanel: false,
+    image: true,
+    menuButtonChildren: true
+  }
+}`,...(S=(j=r.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var k,P,B;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    image: true,
+    onClick: true
+  }
+}`,...(B=(P=a.parameters)==null?void 0:P.docs)==null?void 0:B.source}}};var E,M,L;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    menuButtonChildren: true,
+    variant: "tile"
+  }
+}`,...(L=(M=i.parameters)==null?void 0:M.docs)==null?void 0:L.source}}};var T,z,A;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    menuButtonChildren: true,
+    variant: "stack"
+  }
+}`,...(A=(z=s.parameters)==null?void 0:z.docs)==null?void 0:A.source}}};var I,D,_;l.parameters={...l.parameters,docs:{...(I=l.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    menuButtonChildren: true,
+    variant: "compact"
+  }
+}`,...(_=(D=l.parameters)==null?void 0:D.docs)==null?void 0:_.source}}};var O,F,w;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    isLoading: true,
+    menuButtonChildren: true,
+    variant: "tile"
+  }
+}`,...(w=(F=c.parameters)==null?void 0:F.docs)==null?void 0:w.source}}};const ie=["Default","Clickable","Tile","Stack","Compact","Loading"],xe=Object.freeze(Object.defineProperty({__proto__:null,Clickable:a,Compact:l,Default:r,Loading:c,Stack:s,Tile:i,__namedExportsOrder:ie,default:ae},Symbol.toStringTag,{value:"Module"}));export{xe as T};

package/dist/assets/CardActionArea-CmY1RMSI.js

@@ -0,0 +1 @@
+import{V as C,W as g,c as m,_ as A,b as d,s as h,d as p,f as v}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as y}from"./index-NdkWRN8K.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";import{P as b}from"./Paper-BGSgbZC6.js";import{B as x}from"./ButtonBase-Wolvis_2.js";function R(s){return C("MuiCard",s)}g("MuiCard",["root"]);const N=["className","raised"],H=s=>{const{classes:o}=s;return v({root:["root"]},R,o)},M=h(b,{name:"MuiCard",slot:"Root",overridesResolver:(s,o)=>o.root})(()=>({overflow:"hidden"})),F=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCard"}),{className:n,raised:a=!1}=t,c=A(t,N),i=d({},t,{raised:a}),e=H(i);return f.jsx(M,d({className:p(e.root,n),elevation:a?8:void 0,ref:r,ownerState:i},c))});function w(s){return C("MuiCardActionArea",s)}const u=g("MuiCardActionArea",["root","focusVisible","focusHighlight"]),V=["children","className","focusVisibleClassName"],j=s=>{const{classes:o}=s;return v({root:["root"],focusHighlight:["focusHighlight"]},w,o)},U=h(x,{name:"MuiCardActionArea",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s})=>({display:"block",textAlign:"inherit",borderRadius:"inherit",width:"100%",[`&:hover .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.hoverOpacity,"@media (hover: none)":{opacity:0}},[`&.${u.focusVisible} .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.focusOpacity}})),_=h("span",{name:"MuiCardActionArea",slot:"FocusHighlight",overridesResolver:(s,o)=>o.focusHighlight})(({theme:s})=>({overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:s.transitions.create("opacity",{duration:s.transitions.duration.short})})),O=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCardActionArea"}),{children:n,className:a,focusVisibleClassName:c}=t,i=A(t,V),e=t,l=j(e);return f.jsxs(U,d({className:p(l.root,a),focusVisibleClassName:p(c,l.focusVisible),ref:r,ownerState:e},i,{children:[n,f.jsx(_,{className:l.focusHighlight,ownerState:e})]}))});export{F as C,O as a};

package/dist/assets/CardActions-BOMzzZ-s.js

@@ -0,0 +1 @@
+import{W as d,V as p,c as u,_ as m,b as e,s as C,d as g,f}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as x}from"./index-NdkWRN8K.js";import{j as A}from"./jsx-runtime-CnH95YSl.js";function b(s){return p("MuiCardActions",s)}const _=d("MuiCardActions",["root","spacing"]),y=["disableSpacing","className"],S=s=>{const{classes:t,disableSpacing:o}=s;return f({root:["root",!o&&"spacing"]},b,t)},R=C("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(s,t)=>{const{ownerState:o}=s;return[t.root,!o.disableSpacing&&t.spacing]}})(({ownerState:s})=>e({display:"flex",alignItems:"center",padding:8},!s.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})),v=x.forwardRef(function(t,o){const a=u({props:t,name:"MuiCardActions"}),{disableSpacing:r=!1,className:i}=a,c=m(a,y),n=e({},a,{disableSpacing:r}),l=S(n);return A.jsx(R,e({className:g(l.root,i),ownerState:n,ref:o},c))});export{v as C,_ as c};

package/dist/assets/Checkbox-DGd8S5xK.js

@@ -0,0 +1 @@
+import{c as B,_ as P,b as a,s as M,d as R,e as l,f as _,az as g,r as y,n as E,aA as m}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as u}from"./index-NdkWRN8K.js";import{S as H}from"./SwitchBase-DDdOwpAs.js";import{c as x}from"./createSvgIcon-SdTF6s8l.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";const S=x(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),O=x(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),V=x(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),L=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","size","className"],N=o=>{const{classes:e,indeterminate:c,color:s,size:r}=o,n={root:["root",c&&"indeterminate",`color${l(s)}`,`size${l(r)}`]},d=_(n,g,e);return a({},e,d)},F=M(H,{shouldForwardProp:o=>y(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:c}=o;return[e.root,c.indeterminate&&e.indeterminate,e[`size${l(c.size)}`],c.color!=="default"&&e[`color${l(c.color)}`]]}})(({theme:o,ownerState:e})=>a({color:(o.vars||o).palette.text.secondary},!e.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${e.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:E.alpha(e.color==="default"?o.palette.action.active:o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},e.color!=="default"&&{[`&.${m.checked}, &.${m.indeterminate}`]:{color:(o.vars||o).palette[e.color].main},[`&.${m.disabled}`]:{color:(o.vars||o).palette.action.disabled}})),U=t.jsx(O,{}),A=t.jsx(S,{}),D=t.jsx(V,{}),K=u.forwardRef(function(e,c){var s,r;const n=B({props:e,name:"MuiCheckbox"}),{checkedIcon:d=U,color:z="primary",icon:I=A,indeterminate:i=!1,indeterminateIcon:h=D,inputProps:b,size:p="medium",className:$}=n,j=P(n,L),f=i?h:I,k=i?h:d,v=a({},n,{color:z,indeterminate:i,size:p}),C=N(v);return t.jsx(F,a({type:"checkbox",inputProps:a({"data-indeterminate":i},b),icon:u.cloneElement(f,{fontSize:(s=f.props.fontSize)!=null?s:p}),checkedIcon:u.cloneElement(k,{fontSize:(r=k.props.fontSize)!=null?r:p}),ownerState:v,ref:c,className:R(C.root,$)},j,{classes:C}))});export{K as C};

package/dist/assets/Checkbox-LVOv88W2.js

@@ -0,0 +1 @@
+import{r as t}from"./index-NdkWRN8K.js";import{K,u as U}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{g as W,C as w}from"./inputUtils-Dbi8XkA6.js";import{M as g}from"./Typography-gfYWxfhb.js";import{u as A}from"./useUniqueId-DUzAQ6pl.js";import{H as B}from"./Hint-qhf1AEE0.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{F as G}from"./FormControlLabel-0yOoM5iA.js";import{C as J}from"./Checkbox-DGd8S5xK.js";import{F as Q}from"./FormHelperText-CZEj6vhF.js";const ne=["valid","invalid","inherit"],X=({ariaLabel:y,ariaLabelledBy:C,id:c,inputRef:M,isChecked:i,isDefaultChecked:m,isDisabled:d,isIndeterminate:j,isReadOnly:s=!1,isRequired:n,label:p,hint:a,name:S,onChange:r,onBlur:l,testId:x,translate:f,validity:b="inherit",value:T})=>{const{t:k}=K(),F=U(),I=A(c),u=a?`${I}-hint`:void 0,V=t.useRef(W({controlledValue:i,uncontrolledValue:m})),v=t.useMemo(()=>V.current===w.CONTROLLED?{checked:i}:{defaultChecked:m},[m,i]),h=t.useRef(null);t.useImperativeHandle(M,()=>({focus:()=>{var o;(o=h.current)==null||o.focus()}}),[]);const E=t.useMemo(()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{component:"span",children:p}),n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(g,{color:"textSecondary",component:"span",children:["(",k("fieldlabel.required.text"),")"]})]})]}),[n,p,k]),H=t.useCallback((o,q)=>{r==null||r(o,q)},[r]),L=t.useCallback(o=>{s&&(o.stopPropagation(),o.preventDefault())},[s]),N=t.useCallback(o=>{l==null||l(o)},[l]),z=t.useMemo(()=>({alignItems:"flex-start",...s&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,s]),D=t.useMemo(()=>({marginBlockStart:"2px"}),[]),$=t.useMemo(()=>({"aria-describedby":u,"aria-readonly":s,"data-se":x,readOnly:s}),[u,s,x]);return e.jsxs(e.Fragment,{children:[e.jsx(G,{"aria-label":y,"aria-labelledby":C,className:b==="invalid"?"Mui-error":b==="valid"?"Mui-valid":"",control:e.jsx(J,{...v,disabled:d,indeterminate:j,inputProps:$,inputRef:h,onChange:H,onClick:L,required:n,sx:D}),disabled:d,id:c,label:E,name:S??c,onBlur:N,required:n,sx:z,translate:f,value:T}),a&&e.jsx(B,{odysseyDesignTokens:F,children:e.jsx(Q,{id:u,translate:f,children:a})})]})},Y=t.memo(X);Y.displayName="Checkbox";export{Y as M,ne as c};

package/dist/assets/Checkbox.stories-D6P6eT12.js

@@ -0,0 +1,113 @@
+import{j as X}from"./jsx-runtime-CnH95YSl.js";import{f as g,w as Z,u as x,e as C}from"./index-BJMTVygn.js";import{O as $}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{u as ee}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as k}from"./fieldComponentPropsMetaData-kU3Yruac.js";import{c as v,M as f}from"./Checkbox-LVOv88W2.js";import{a3 as e}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./inputUtils-Dbi8XkA6.js";import"./Typography-gfYWxfhb.js";import"./Typography-BIFhmR2K.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./Hint-qhf1AEE0.js";import"./FormHelperText-CZEj6vhF.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-0yOoM5iA.js";import"./Stack-Co_ZNMgX.js";import"./createStyled-B09qmfVW.js";import"./useThemeProps-4A-zY4M2.js";import"./Checkbox-DGd8S5xK.js";import"./SwitchBase-DDdOwpAs.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-Wolvis_2.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-SdTF6s8l.js";const Fe={component:f,decorators:[$],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"Aria-label for the checkbox",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"Aria-labelledby for the checkbox",table:{category:"Functional",type:{summary:"string"}}},id:k.id,isChecked:{control:"boolean",description:"The checkbox checked state",table:{category:"Visual",type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the checkbox starts checked",table:{category:"Functional",type:{summary:"boolean"}}},isDisabled:k.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{category:"Visual",type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox is required",table:{category:"Visual",type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{category:"Visual",type:{summary:"string"}}},hint:{control:"text",description:"The helper text content",table:{category:"Visual",type:{summary:"string"}}},name:k.name,onChange:{description:"Callback fired when the checkbox value changes",table:{category:"Functional",type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{category:"Functional",type:{summary:"func"}}},validity:{options:v,control:{type:"radio"},description:"The checkbox validity, if different from its enclosing group. Doesn't need to be set if the checkbox isn't a different validity from an enclosing `CheckboxGroup`.",table:{category:"Visual",type:{summary:v.join(" | ")},defaultValue:{summary:"inherit"}}},value:{control:"text",description:"The value attribute of the checkbox",table:{category:"Functional",type:{summary:"string"}}}},args:{isReadOnly:!1,validity:"inherit",onBlur:g(),onChange:g()}},t={args:{isChecked:!1,isDisabled:!1,isReadOnly:!1,label:"Label"},argTypes:{isDefaultChecked:{control:!1}},render:function(a,b){const{value:y,setValue:o}=ee({args:a,context:b,argKey:"isChecked",defaultValue:a.isChecked??!1}),Y=()=>{o(!y)};return X.jsx(f,{...a,isChecked:y,isDefaultChecked:void 0,onChange:Y})}},r=()=>({canvasElement:s,step:a})=>a("check the box",async({args:b})=>{const o=Z(s).getByRole("checkbox");o&&await x.click(o),await x.tab(),await C(o).toBeChecked(),await C(b.onBlur).toHaveBeenCalledTimes(1)}),n={...e(t,{parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Checkbox`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},play:r(),tags:["!autodocs"]})},i={...e(t,{parameters:{docs:{description:{story:"Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an `isRequired` boolean that, when set to `true`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."}}},args:{isRequired:!0,isChecked:!1},play:r()})},c={...e(t,{args:{isChecked:!0}})},d={...e(t,{parameters:{docs:{description:{story:"Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,isChecked:!1}})},l={...e(t,{parameters:{docs:{description:{story:"In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."}}},args:{isIndeterminate:!0,isChecked:!0}})},p={...e(t,{args:{validity:"invalid",isChecked:!1},play:r()})},h={...e(t,{args:{isReadOnly:!0,isChecked:!0},play:r()})},m={...e(t,{parameters:{docs:{description:{story:"hint provides helper text to the Checkbox"}}},args:{hint:"Hint text"},play:r()})},u={parameters:{docs:{description:{story:"When `isChecked` is omitted the checkbox manages its own state via `isDefaultChecked`."}}},args:{label:"Label",isDefaultChecked:!0},argTypes:{isDefaultChecked:{control:!1},isChecked:{control:!1}},render:s=>X.jsx(f,{...s})};var T,w,D;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "When the component is controlled, the parent component is responsible for managing the state of \`Checkbox\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
+        }
+      }
+    },
+    play: checkTheBox(),
+    tags: ["!autodocs"]
+  })
+}`,...(D=(w=n.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var R,q,B;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an \`isRequired\` boolean that, when set to \`true\`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."
+        }
+      }
+    },
+    args: {
+      isRequired: true,
+      isChecked: false
+    },
+    play: checkTheBox()
+  })
+}`,...(B=(q=i.parameters)==null?void 0:q.docs)==null?void 0:B.source}}};var I,O,V;c.parameters={...c.parameters,docs:{...(I=c.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    args: {
+      isChecked: true
+    }
+  })
+}`,...(V=(O=c.parameters)==null?void 0:O.docs)==null?void 0:V.source}}};var S,F,L;d.parameters={...d.parameters,docs:{...(S=d.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."
+        }
+      }
+    },
+    args: {
+      isDisabled: true,
+      isChecked: false
+    }
+  })
+}`,...(L=(F=d.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var j,H,N;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."
+        }
+      }
+    },
+    args: {
+      isIndeterminate: true,
+      isChecked: true
+    }
+  })
+}`,...(N=(H=l.parameters)==null?void 0:H.docs)==null?void 0:N.source}}};var W,A,E;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    args: {
+      validity: "invalid",
+      isChecked: false
+    },
+    play: checkTheBox()
+  })
+}`,...(E=(A=p.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var M,U,_;h.parameters={...h.parameters,docs:{...(M=h.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    args: {
+      isReadOnly: true,
+      isChecked: true
+    },
+    play: checkTheBox()
+  })
+}`,...(_=(U=h.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};var z,G,K;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "hint provides helper text to the Checkbox"
+        }
+      }
+    },
+    args: {
+      hint: "Hint text"
+    },
+    play: checkTheBox()
+  })
+}`,...(K=(G=m.parameters)==null?void 0:G.docs)==null?void 0:K.source}}};var P,J,Q;u.parameters={...u.parameters,docs:{...(P=u.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When \`isChecked\` is omitted the checkbox manages its own state via \`isDefaultChecked\`."
+      }
+    }
+  },
+  args: {
+    label: "Label",
+    isDefaultChecked: true
+  },
+  argTypes: {
+    isDefaultChecked: {
+      control: false
+    },
+    isChecked: {
+      control: false
+    }
+  },
+  render: args => <Checkbox {...args} />
+}`,...(Q=(J=u.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};const Le=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Uncontrolled"];export{c as Checked,n as Default,d as Disabled,m as Hint,l as Indeterminate,p as Invalid,h as ReadOnly,i as Required,u as Uncontrolled,Le as __namedExportsOrder,Fe as default};

package/dist/assets/CheckboxGroup-BbhvyMBP.js

@@ -0,0 +1 @@
+import{r as s,e as o}from"./index-NdkWRN8K.js";import{M as h}from"./Field-BVmhMv9m.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{F as j}from"./FormGroup-B2pOz0HL.js";const y=({ariaDescribedBy:l,children:i,errorMessage:d,errorMessageList:b,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isReadOnly:a=!1,isRequired:C=!1,label:f,testId:m,translate:t})=>{const n=s.useMemo(()=>o.Children.map(i,e=>o.isValidElement(e)?o.cloneElement(e,{isReadOnly:a,isDisabled:r||e.props.isDisabled}):e),[i,a,r]),M=s.useCallback(({ariaDescribedBy:e,errorMessageElementId:k,id:F,labelElementId:g})=>p.jsx(j,{"aria-describedby":e,"aria-errormessage":k,"aria-labelledby":g,"data-se":m,id:F,translate:t,children:n}),[n,m,t]);return p.jsx(h,{ariaDescribedBy:l,errorMessage:d,errorMessageList:b,fieldType:"group",hasVisibleLabel:!0,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isOptional:!C,label:f,renderFieldComponent:M})},E=s.memo(y);E.displayName="CheckboxGroup";export{E as M};