@okta/odyssey-react-mui 1.43.0 → 1.45.0

package/README.md

@@ -141,6 +141,47 @@ bundled, and polyfilled for advanced use cases and browser support targets.
 
 Follow these steps for local [Odyssey development](https://odyssey-storybook.okta.design/?path=/docs/contributing-odyssey-development--docs)
 
+## Downstream Testing
+
+Local changes can be tested in various other okta packages using the `yarn ok-ui downstream` command, which will clone
+the specified repos, applies the changes from your local version via linking, and then run the build and test commands
+for the specified packages. Logs for the output of these individual commands can be found under `ok-ui-logs/downstream`.
+
+To enable verbose logging use the `-v` flag.
+
+By default, repos from previous test runs will be reused to speed up yarn install times. If you want to avoid using
+these cached repos, then use the `--forceGitClone` flag
+
+You can configure which packages to test using the `ok.yaml` config file.
+
+example:
+
+```yaml
+downstream:
+  # Determines if any packages should be linked in addition to the target package
+  additionalWorkspaces:
+    - "@okta/odyssey-design-tokens"
+
+  # List of repos to clone
+  repos:
+    - repoName: "example-react-spa"
+      url: "https://github.com/atko-eng/example-react-spa.git"
+      # List of packages to test for this repo
+      packages:
+        - pkgName: "@okta/example-react-spa"
+    - repoName: "admin-ui"
+      # optionally override the command used to build the packages
+      buildCmd: "FORCE_COLOR=true yarn build:all"
+      # url to colone from
+      url: "https://github.com/atko-eng/admin-ui.git"
+      # List of packages to test for this repo
+      packages:
+        - pkgName: "@okta/admin-v2.admin-app-react"
+          # optionally override the command used to test the package
+          testCmd: "yarn run vitest"
+        - pkgName: "@okta/admin-v2.admin-dashboard"
+```
+
 ## License
 
 [Apache Version 2.0](https://github.com/atko-eng/odyssey-design-system/blob/master/LICENSE)

package/dist/appswitcher/admin-app-default.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="27.2808" y="17.2808" width="18" height="9" rx="4.5" transform="rotate(-180 27.2808 17.2808)" fill="#6E6E6E"/>
+<circle cx="22.7808" cy="12.7808" r="2.5" transform="rotate(-180 22.7808 12.7808)" fill="#CBCBCB"/>
+<rect x="27.2808" y="28.2808" width="18" height="9" rx="4.5" transform="rotate(-180 27.2808 28.2808)" fill="#CBCBCB"/>
+<circle cx="13.7808" cy="23.7808" r="2.5" transform="rotate(-180 13.7808 23.7808)" fill="white"/>
+</svg>

package/dist/appswitcher/admin-app-selected.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="27.2808" y="17.2808" width="18" height="9" rx="4.5" transform="rotate(-180 27.2808 17.2808)" fill="#3F59E4"/>
+<circle cx="22.7808" cy="12.7808" r="2.5" transform="rotate(-180 22.7808 12.7808)" fill="#C1C9F6"/>
+<rect x="27.2808" y="28.2808" width="18" height="9" rx="4.5" transform="rotate(-180 27.2808 28.2808)" fill="#C1C9F6"/>
+<circle cx="13.7808" cy="23.7808" r="2.5" transform="rotate(-180 13.7808 23.7808)" fill="white"/>
+</svg>

package/dist/appswitcher/aerial-default.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0691 10.497C18.6193 10.497 19.0653 10.9422 19.0653 11.4913V15.9779H23.7126C24.972 15.9779 25.993 16.9969 25.993 18.2538V18.9608C25.993 19.5099 25.547 19.9551 24.9968 19.9551C24.4466 19.9551 24.0006 19.5099 24.0006 18.9608V18.2538C24.0006 18.0951 23.8717 17.9665 23.7126 17.9665H19.0653V22.7956C19.0653 23.3448 18.6193 23.7899 18.0691 23.7899C17.5189 23.7899 17.0729 23.3448 17.0729 22.7956V17.9665H12.2737C12.1146 17.9665 11.9857 18.0951 11.9857 18.2538V18.9252C11.9857 19.4743 11.5397 19.9195 10.9895 19.9195C10.4393 19.9195 9.99331 19.4743 9.99331 18.9252V18.2538C9.99331 16.9969 11.0143 15.9779 12.2737 15.9779H17.0729V11.4913C17.0729 10.9422 17.5189 10.497 18.0691 10.497Z" fill="#CBCBCB"/>
+<path d="M18.0691 30.5C19.7197 30.5 21.0577 29.1645 21.0577 27.5171C21.0577 25.8697 19.7197 24.5342 18.0691 24.5342C16.4185 24.5342 15.0805 25.8697 15.0805 27.5171C15.0805 29.1645 16.4185 30.5 18.0691 30.5Z" fill="#CBCBCB"/>
+<path d="M13.9773 23.6721C13.9773 25.3195 12.6392 26.655 10.9886 26.655C9.33806 26.655 8 25.3195 8 23.6721C8 22.0247 9.33806 20.6892 10.9886 20.6892C12.6392 20.6892 13.9773 22.0247 13.9773 23.6721Z" fill="#CBCBCB"/>
+<path d="M25.0114 26.655C26.6619 26.655 28 25.3195 28 23.6721C28 22.0247 26.6619 20.6892 25.0114 20.6892C23.3608 20.6892 22.0227 22.0247 22.0227 23.6721C22.0227 25.3195 23.3608 26.655 25.0114 26.655Z" fill="#CBCBCB"/>
+<circle cx="18" cy="9.25" r="3.75" fill="#6E6E6E"/>
+</svg>

package/dist/appswitcher/aerial-selected.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0691 10.497C18.6193 10.497 19.0653 10.9422 19.0653 11.4913V15.9779H23.7126C24.972 15.9779 25.993 16.9969 25.993 18.2538V18.9608C25.993 19.5099 25.547 19.9551 24.9968 19.9551C24.4466 19.9551 24.0006 19.5099 24.0006 18.9608V18.2538C24.0006 18.0951 23.8717 17.9665 23.7126 17.9665H19.0653V22.7956C19.0653 23.3448 18.6193 23.7899 18.0691 23.7899C17.5189 23.7899 17.0729 23.3448 17.0729 22.7956V17.9665H12.2737C12.1146 17.9665 11.9857 18.0951 11.9857 18.2538V18.9252C11.9857 19.4743 11.5397 19.9195 10.9895 19.9195C10.4393 19.9195 9.99331 19.4743 9.99331 18.9252V18.2538C9.99331 16.9969 11.0143 15.9779 12.2737 15.9779H17.0729V11.4913C17.0729 10.9422 17.5189 10.497 18.0691 10.497Z" fill="#C1C9F6"/>
+<path d="M18.0691 30.5C19.7197 30.5 21.0577 29.1645 21.0577 27.5171C21.0577 25.8697 19.7197 24.5342 18.0691 24.5342C16.4185 24.5342 15.0805 25.8697 15.0805 27.5171C15.0805 29.1645 16.4185 30.5 18.0691 30.5Z" fill="#C1C9F6"/>
+<path d="M13.9773 23.6721C13.9773 25.3195 12.6392 26.655 10.9886 26.655C9.33806 26.655 8 25.3195 8 23.6721C8 22.0247 9.33806 20.6892 10.9886 20.6892C12.6392 20.6892 13.9773 22.0247 13.9773 23.6721Z" fill="#C1C9F6"/>
+<path d="M25.0114 26.655C26.6619 26.655 28 25.3195 28 23.6721C28 22.0247 26.6619 20.6892 25.0114 20.6892C23.3608 20.6892 22.0227 22.0247 22.0227 23.6721C22.0227 25.3195 23.3608 26.655 25.0114 26.655Z" fill="#C1C9F6"/>
+<circle cx="18" cy="9.25" r="3.75" fill="#3F59E4"/>
+</svg>

package/dist/appswitcher/okta-dashboard-default.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.4698 19.3328H21.0096C20.0417 19.3328 19.2575 20.117 19.2575 21.0849V25.4569C19.2575 26.4247 20.0417 27.2089 21.0096 27.2089H25.4698C26.4377 27.2089 27.2219 26.4247 27.2219 25.4569V21.0849C27.2219 20.117 26.4377 19.3328 25.4698 19.3328Z" fill="#CBCBCB"/>
+<path d="M15.4931 19.3328H11.0328C10.065 19.3328 9.28076 20.117 9.28076 21.0849V25.4569C9.28076 26.4247 10.065 27.2089 11.0328 27.2089H15.4931C16.461 27.2089 17.2452 26.4247 17.2452 25.4569V21.0849C17.2452 20.117 16.461 19.3328 15.4931 19.3328Z" fill="#CBCBCB"/>
+<path d="M15.4931 9.35611H11.0328C10.065 9.35611 9.28076 10.1403 9.28076 11.1082V15.4801C9.28076 16.448 10.065 17.2322 11.0328 17.2322H15.4931C16.461 17.2322 17.2452 16.448 17.2452 15.4801V11.1082C17.2452 10.1403 16.461 9.35611 15.4931 9.35611Z" fill="#CBCBCB"/>
+<path d="M20.2607 12.2986H26.2952C26.8404 12.2986 27.2808 12.7402 27.2808 13.2842C27.2808 13.8293 26.8392 14.2697 26.2952 14.2697H20.2607C19.7155 14.2697 19.2751 13.8281 19.2751 13.2842C19.2751 12.7402 19.7155 12.2986 20.2607 12.2986Z" fill="#6E6E6E"/>
+<path d="M22.2918 16.302V10.2663C22.2918 9.72114 22.7334 9.28076 23.2774 9.28076C23.8225 9.28076 24.2629 9.72231 24.2629 10.2663V16.3008C24.2629 16.846 23.8214 17.2864 23.2774 17.2864C22.7334 17.2876 22.2918 16.846 22.2918 16.302Z" fill="#6E6E6E"/>
+</svg>

package/dist/appswitcher/okta-dashboard-selected.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.4698 19.3328H21.0096C20.0417 19.3328 19.2575 20.117 19.2575 21.0849V25.4569C19.2575 26.4247 20.0417 27.2089 21.0096 27.2089H25.4698C26.4377 27.2089 27.2219 26.4247 27.2219 25.4569V21.0849C27.2219 20.117 26.4377 19.3328 25.4698 19.3328Z" fill="#C1C9F6"/>
+<path d="M15.4931 19.3328H11.0328C10.065 19.3328 9.28076 20.117 9.28076 21.0849V25.4569C9.28076 26.4247 10.065 27.2089 11.0328 27.2089H15.4931C16.461 27.2089 17.2452 26.4247 17.2452 25.4569V21.0849C17.2452 20.117 16.461 19.3328 15.4931 19.3328Z" fill="#C1C9F6"/>
+<path d="M15.4931 9.35611H11.0328C10.065 9.35611 9.28076 10.1403 9.28076 11.1082V15.4801C9.28076 16.448 10.065 17.2322 11.0328 17.2322H15.4931C16.461 17.2322 17.2452 16.448 17.2452 15.4801V11.1082C17.2452 10.1403 16.461 9.35611 15.4931 9.35611Z" fill="#C1C9F6"/>
+<path d="M20.2607 12.2986H26.2952C26.8404 12.2986 27.2808 12.7402 27.2808 13.2842C27.2808 13.8293 26.8392 14.2697 26.2952 14.2697H20.2607C19.7155 14.2697 19.2751 13.8281 19.2751 13.2842C19.2751 12.7402 19.7155 12.2986 20.2607 12.2986Z" fill="#3F59E4"/>
+<path d="M22.2918 16.302V10.2663C22.2918 9.72114 22.7334 9.28076 23.2774 9.28076C23.8225 9.28076 24.2629 9.72231 24.2629 10.2663V16.3008C24.2629 16.846 23.8214 17.2864 23.2774 17.2864C22.7334 17.2876 22.2918 16.846 22.2918 16.302Z" fill="#3F59E4"/>
+</svg>

package/dist/appswitcher/privileged-access-default.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.1951 7.37305L8.05975 13.5133C6.82949 14.4415 6.31597 16.0796 6.78692 17.5735L9.89277 27.432C10.3651 28.9327 11.7217 29.9474 13.2526 29.9474H23.3089C24.8398 29.9474 26.1964 28.9314 26.6688 27.432L29.7746 17.5735C30.2456 16.0796 29.732 14.4415 28.5018 13.5133L20.3719 7.37305C19.1279 6.43388 17.4377 6.43388 16.1951 7.37305Z" fill="#E1E1E1"/>
+<path d="M15.6651 25.3724C14.7232 25.3724 13.7799 25.0168 13.0577 24.3042L13.022 24.2685C12.3272 23.5503 11.9578 22.6112 11.9743 21.6185C11.9922 20.6271 12.3945 19.7017 13.1071 19.0124C14.3758 17.7863 16.2761 17.6366 17.7013 18.562L19.4698 16.7935L22.058 14.2053C22.0594 14.204 22.0608 14.2026 22.0635 14.1998L22.4521 13.8113C22.7377 13.5257 23.2004 13.5257 23.4874 13.8113C23.773 14.0969 23.773 14.561 23.4874 14.8466L22.7981 15.5358L23.9075 16.6453C24.1931 16.9309 24.1931 17.3949 23.9075 17.6805L22.2544 19.331C21.9688 19.6165 21.5061 19.6165 21.2191 19.331L20.1097 18.2215L18.7449 19.5863C19.7115 21.0212 19.5687 22.9901 18.3068 24.2685C17.5832 25.003 16.6249 25.3724 15.6651 25.3724ZM15.6857 19.9323C15.2491 19.9323 14.8124 20.0971 14.4733 20.4253C13.7813 21.094 13.762 22.2006 14.4307 22.8927L14.4431 22.905C15.1282 23.5806 16.2363 23.5737 16.9118 22.8885C17.24 22.5563 17.4185 22.1169 17.4144 21.6514C17.4116 21.1928 17.2331 20.7617 16.9105 20.4363C16.9063 20.4321 16.9022 20.4294 16.8981 20.4253C16.5576 20.0957 16.1209 19.9323 15.6857 19.9323Z" fill="#6E6E6E"/>
+</svg>

package/dist/appswitcher/privileged-access-selected.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.1951 7.37305L8.05974 13.5133C6.82948 14.4415 6.31596 16.0796 6.78692 17.5735L9.89277 27.432C10.3651 28.9327 11.7217 29.9474 13.2526 29.9474H23.3089C24.8398 29.9474 26.1964 28.9314 26.6687 27.432L29.7746 17.5735C30.2456 16.0796 29.732 14.4415 28.5018 13.5133L20.3719 7.37305C19.1279 6.43388 17.4377 6.43388 16.1951 7.37305Z" fill="#C1C9F6"/>
+<path d="M15.6651 25.3724C14.7232 25.3724 13.7799 25.0168 13.0577 24.3042L13.022 24.2685C12.3272 23.5504 11.9578 22.6112 11.9743 21.6185C11.9922 20.6271 12.3945 19.7017 13.1071 19.0124C14.3758 17.7863 16.2761 17.6366 17.7013 18.5621L19.4698 16.7936L22.058 14.2054C22.0594 14.204 22.0608 14.2026 22.0635 14.1999L22.4521 13.8113C22.7377 13.5257 23.2004 13.5257 23.4874 13.8113C23.773 14.0969 23.773 14.561 23.4874 14.8466L22.7981 15.5359L23.9075 16.6453C24.1931 16.9309 24.1931 17.395 23.9075 17.6806L22.2544 19.331C21.9688 19.6166 21.5061 19.6166 21.2191 19.331L20.1097 18.2216L18.7448 19.5864C19.7115 21.0212 19.5687 22.9902 18.3068 24.2685C17.5832 25.0031 16.6248 25.3724 15.6651 25.3724ZM15.6857 19.9324C15.249 19.9324 14.8124 20.0971 14.4733 20.4253C13.7813 21.094 13.762 22.2007 14.4307 22.8927L14.4431 22.905C15.1282 23.5806 16.2363 23.5737 16.9118 22.8886C17.24 22.5563 17.4185 22.1169 17.4144 21.6514C17.4116 21.1928 17.2331 20.7617 16.9104 20.4363C16.9063 20.4322 16.9022 20.4294 16.8981 20.4253C16.5576 20.0958 16.1209 19.9324 15.6857 19.9324Z" fill="#3F59E4"/>
+</svg>

package/dist/appswitcher/workflows-default.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2684 15.2808L27.2824 15.2808C27.8309 15.2808 28.2808 14.8316 28.2808 14.2839L28.2808 9.27763C28.2808 8.7299 27.8309 8.28076 27.2824 8.28076L22.2794 8.28076C21.7308 8.28076 21.281 8.7299 21.281 9.27763L21.281 14.2729C21.27 14.8316 21.7198 15.2808 22.2684 15.2808Z" fill="#6E6E6E"/>
+<path d="M12.2891 14.6418C12.2891 13.2421 13.5318 12.1224 15.0075 12.2623C16.2835 12.3915 17.2156 13.5328 17.2156 14.7817L17.2156 21.6831C17.2156 23.9764 18.9354 26.0328 21.2988 26.2589C23.995 26.5173 26.2808 24.4501 26.2808 21.8769L26.2808 17.7533C26.2808 17.215 25.8258 16.7735 25.2711 16.7735C24.7163 16.7735 24.2613 17.215 24.2613 17.7533L24.2613 21.7369C24.2613 23.0074 23.3182 24.1702 22.02 24.2994C20.5221 24.4501 19.2572 23.3089 19.2572 21.8769L19.2572 14.8356C19.2572 12.5638 17.5484 10.5289 15.2183 10.3028C12.5443 10.0444 10.2808 12.0901 10.2808 14.6418L10.2808 18.8084C10.2808 19.3468 10.7357 19.7882 11.2905 19.7882C11.8453 19.7882 12.3002 19.3468 12.3002 18.8084L12.3002 14.6418L12.2891 14.6418Z" fill="#CBCBCB"/>
+<path d="M9.26508 28.3212L14.1975 28.3212C14.7383 28.3212 15.1818 27.8695 15.1818 27.3186L15.1818 22.2834C15.1818 21.7325 14.7383 21.2808 14.1975 21.2808L9.26508 21.2808C8.72425 21.2808 8.28076 21.7325 8.28076 22.2834L8.28076 27.3076C8.28076 27.8695 8.72425 28.3212 9.26508 28.3212Z" fill="#6E6E6E"/>
+</svg>

package/dist/appswitcher/workflows-selected.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="2 2 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.2684 15.2808L27.2824 15.2808C27.8309 15.2808 28.2808 14.8316 28.2808 14.2839L28.2808 9.27763C28.2808 8.7299 27.8309 8.28076 27.2824 8.28076L22.2794 8.28076C21.7308 8.28076 21.281 8.7299 21.281 9.27763L21.281 14.2729C21.27 14.8316 21.7198 15.2808 22.2684 15.2808Z" fill="#3F59E4"/>
+<path d="M12.2891 14.6418C12.2891 13.2421 13.5318 12.1224 15.0075 12.2623C16.2835 12.3915 17.2156 13.5328 17.2156 14.7817L17.2156 21.6831C17.2156 23.9764 18.9354 26.0328 21.2988 26.2589C23.995 26.5173 26.2808 24.4501 26.2808 21.8769L26.2808 17.7533C26.2808 17.215 25.8258 16.7735 25.2711 16.7735C24.7163 16.7735 24.2613 17.215 24.2613 17.7533L24.2613 21.7369C24.2613 23.0074 23.3182 24.1702 22.02 24.2994C20.5221 24.4501 19.2572 23.3089 19.2572 21.8769L19.2572 14.8356C19.2572 12.5638 17.5484 10.5289 15.2183 10.3028C12.5443 10.0444 10.2808 12.0901 10.2808 14.6418L10.2808 18.8084C10.2808 19.3468 10.7357 19.7882 11.2905 19.7882C11.8453 19.7882 12.3002 19.3468 12.3002 18.8084L12.3002 14.6418L12.2891 14.6418Z" fill="#9DAAF1"/>
+<path d="M9.26508 28.3212L14.1975 28.3212C14.7383 28.3212 15.1818 27.8695 15.1818 27.3186L15.1818 22.2834C15.1818 21.7325 14.7383 21.2808 14.1975 21.2808L9.26508 21.2808C8.72425 21.2808 8.28076 21.7325 8.28076 22.2834L8.28076 27.3076C8.28076 27.8695 8.72425 28.3212 9.26508 28.3212Z" fill="#3F59E4"/>
+</svg>

package/dist/assets/Accordion-DLG6nIhh.js

@@ -0,0 +1 @@
+import{r as u}from"./index-NdkWRN8K.js";import{d as f}from"./Typography-CiNRLenM.js";import{u as h}from"./useUniqueId-Bsgqe1tm.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{A as j,a as A,b}from"./AccordionSummary-xCoGLMoL.js";import{M as I}from"./ChevronDown-BnAWuc8V.js";const M=({children:a,label:d,id:n,isDefaultExpanded:t,isDisabled:s,isExpanded:i,onChange:c,testId:m,translate:p,variant:l="default"})=>{const e=h(n),r=`${e}-header`,x=`${e}-content`;return o.jsxs(j,{"data-ods-variant":l,"data-se":m,defaultExpanded:t,disabled:s,disableGutters:!0,expanded:i,onChange:c,children:[o.jsx(A,{"aria-controls":x,expandIcon:o.jsx(I,{}),id:r,children:o.jsx(f,{component:"div",translate:p,children:d})}),o.jsx(b,{"aria-labelledby":r,children:a})]})},v=u.memo(M);v.displayName="Accordion";export{v as M};

package/dist/assets/Accordion.stories-VjVp52QD.js

@@ -0,0 +1,85 @@
+import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as k,a as h,e as b,u as m}from"./index-BJMTVygn.js";import{r as u}from"./index-NdkWRN8K.js";import{M as o}from"./Accordion-DLG6nIhh.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Typography-CiNRLenM.js";import"./Typography-D7-qxuiy.js";import"./createTheme-BmPXDA4p.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./typographyClasses-D8vr2n3l.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-xCoGLMoL.js";import"./useSlot-F4Qz2Wzp.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-P1H1b4lO.js";import"./utils-gq6yExow.js";import"./useTheme-C05bJKih.js";import"./inheritsLoose-CWawPfk8.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./Paper-DbAuDGNI.js";import"./ButtonBase-BqXVk-1q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./buttonBaseClasses-CSPKg76d.js";import"./ChevronDown-BnAWuc8V.js";import"./SvgIcon-BQAg6Jm7.js";const he={component:o,argTypes:{children:{control:"text",description:"",table:{type:{summary:"ReactNode"}}},label:{control:"text",description:"",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},isExpanded:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},variant:{control:"select",options:["default","borderless"],description:"Visual style for the accordion",table:{type:{summary:"string"},defaultValue:{summary:"default"}}}},args:{children:"Lorem ipsum dolor sit amet.",isDisabled:!1,isExpanded:void 0,label:"Label",variant:"default"}},s={args:{children:"This is the content of the box."},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,variant:e.variant,children:e.children})}},c={args:{children:"This is the content of the box.",variant:"borderless"},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,variant:e.variant,children:e.children})}},d={args:{children:"This is the content of the box."},render:function(e){return n.jsxs(n.Fragment,{children:[n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,children:e.children}),n.jsx(o,{label:"Accordion 2",children:"This is the second accordion item."}),n.jsx(o,{label:"Accordion 3",children:"This is the third accordion item."}),n.jsx(o,{label:"Accordion 4",children:"This is the fourth accordion item."}),n.jsx(o,{label:"Accordion 5",children:"This is the fifth accordion item."})]})}},l={args:{children:"This is the content of the box.",isDisabled:!0},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,label:"Label",children:e.children})}},p={args:{children:"This is the content of the box."},render:function(e){const[t,a]=u.useState(!0),i=u.useCallback((L,V)=>a(V),[]);return n.jsx(o,{isExpanded:t,label:"Label",onChange:i,children:e.children})},play:async({canvasElement:r,step:e})=>{await e("Accordion Expanded",async()=>{const t=k(r),a=t.getByRole("button"),i=t.getByRole("region");await h(()=>{b(i).toBeVisible()}),await m.click(a),await h(()=>{b(i).not.toBeVisible()}),await m.click(a),await h(()=>{b(i).toBeVisible()})})}};var x,f,A;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box."
+  },
+  render: function C(props: AccordionProps) {
+    return <Accordion isDisabled={props.isDisabled} isExpanded={props.isExpanded} label={props.label} variant={props.variant}>
+        {props.children}
+      </Accordion>;
+  }
+}`,...(A=(f=s.parameters)==null?void 0:f.docs)==null?void 0:A.source}}};var g,E,y;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box.",
+    variant: "borderless"
+  },
+  render: function C(props: AccordionProps) {
+    return <Accordion isDisabled={props.isDisabled} isExpanded={props.isExpanded} label={props.label} variant={props.variant}>
+        {props.children}
+      </Accordion>;
+  }
+}`,...(y=(E=c.parameters)==null?void 0:E.docs)==null?void 0:y.source}}};var v,C,D;d.parameters={...d.parameters,docs:{...(v=d.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box."
+  },
+  render: function C(props: AccordionProps) {
+    return <>
+        <Accordion isDisabled={props.isDisabled} isExpanded={props.isExpanded} label={props.label}>
+          {props.children}
+        </Accordion>
+        <Accordion label="Accordion 2">
+          This is the second accordion item.
+        </Accordion>
+        <Accordion label="Accordion 3">
+          This is the third accordion item.
+        </Accordion>
+        <Accordion label="Accordion 4">
+          This is the fourth accordion item.
+        </Accordion>
+        <Accordion label="Accordion 5">
+          This is the fifth accordion item.
+        </Accordion>
+      </>;
+  }
+}`,...(D=(C=d.parameters)==null?void 0:C.docs)==null?void 0:D.source}}};var w,T,j;l.parameters={...l.parameters,docs:{...(w=l.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box.",
+    isDisabled: true
+  },
+  render: function C(props: AccordionProps) {
+    return <Accordion isDisabled={props.isDisabled} label="Label">
+        {props.children}
+      </Accordion>;
+  }
+}`,...(j=(T=l.parameters)==null?void 0:T.docs)==null?void 0:j.source}}};var B,P,S;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box."
+  },
+  render: function C(props: AccordionProps) {
+    const [isExpanded, setIsExpanded] = useState(true);
+    const onChange = useCallback<NonNullable<AccordionProps["onChange"]>>((_event, expanded) => setIsExpanded(expanded), []);
+    return <Accordion isExpanded={isExpanded} label="Label" onChange={onChange}>
+        {props.children}
+      </Accordion>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlaywrightProps<AccordionProps>) => {
+    await step("Accordion Expanded", async () => {
+      const canvas = within(canvasElement);
+      const accordion = canvas.getByRole("button");
+      const accordionContent = canvas.getByRole("region");
+      await waitFor(() => {
+        expect(accordionContent).toBeVisible();
+      });
+      await userEvent.click(accordion);
+      await waitFor(() => {
+        expect(accordionContent).not.toBeVisible();
+      });
+      await userEvent.click(accordion);
+      await waitFor(() => {
+        expect(accordionContent).toBeVisible();
+      });
+    });
+  }
+}`,...(S=(P=p.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};const be=["Single","Borderless","Multi","Disabled","Expanded"];export{c as Borderless,l as Disabled,p as Expanded,d as Multi,s as Single,be as __namedExportsOrder,he as default};

package/dist/assets/AccordionSummary-xCoGLMoL.js

@@ -0,0 +1 @@
+import{g as N,_ as $,a as d,c as R}from"./createTheme-BmPXDA4p.js";import{r as c}from"./index-NdkWRN8K.js";import{u as L}from"./useSlot-F4Qz2Wzp.js";import{g as k}from"./generateUtilityClasses-DYvjsuMV.js";import{j as l}from"./jsx-runtime-CnH95YSl.js";import{u as w,s as g,c as G}from"./DefaultPropsProvider-B7tpShA7.js";import{u as H}from"./useControlled-NQulfz4l.js";import{C as F}from"./Collapse-P1H1b4lO.js";import{P as O}from"./Paper-DbAuDGNI.js";import{B as z}from"./ButtonBase-BqXVk-1q.js";const D=c.createContext({});function J(o){return N("MuiAccordion",o)}const A=k("MuiAccordion",["root","rounded","expanded","disabled","gutters","region"]),K=["children","className","defaultExpanded","disabled","disableGutters","expanded","onChange","square","slots","slotProps","TransitionComponent","TransitionProps"],Q=o=>{const{classes:s,square:t,expanded:r,disabled:e,disableGutters:n}=o;return G({root:["root",!t&&"rounded",r&&"expanded",e&&"disabled",!n&&"gutters"],region:["region"]},J,s)},X=g(O,{name:"MuiAccordion",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:t}=o;return[{[`& .${A.region}`]:s.region},s.root,!t.square&&s.rounded,!t.disableGutters&&s.gutters]}})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{position:"relative",transition:o.transitions.create(["margin"],s),overflowAnchor:"none","&::before":{position:"absolute",left:0,top:-1,right:0,height:1,content:'""',opacity:1,backgroundColor:(o.vars||o).palette.divider,transition:o.transitions.create(["opacity","background-color"],s)},"&:first-of-type":{"&::before":{display:"none"}},[`&.${A.expanded}`]:{"&::before":{opacity:0},"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& + &":{"&::before":{display:"none"}}},[`&.${A.disabled}`]:{backgroundColor:(o.vars||o).palette.action.disabledBackground}}},({theme:o})=>({variants:[{props:s=>!s.square,style:{borderRadius:0,"&:first-of-type":{borderTopLeftRadius:(o.vars||o).shape.borderRadius,borderTopRightRadius:(o.vars||o).shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:(o.vars||o).shape.borderRadius,borderBottomRightRadius:(o.vars||o).shape.borderRadius,"@supports (-ms-ime-align: auto)":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}},{props:s=>!s.disableGutters,style:{[`&.${A.expanded}`]:{margin:"16px 0"}}}]})),Co=c.forwardRef(function(s,t){const r=w({props:s,name:"MuiAccordion"}),{children:e,className:n,defaultExpanded:i=!1,disabled:p=!1,disableGutters:u=!1,expanded:S,onChange:m,square:y=!1,slots:C={},slotProps:v={},TransitionComponent:h,TransitionProps:f}=r,b=$(r,K),[a,j]=H({controlled:S,default:i,name:"Accordion",state:"expanded"}),T=c.useCallback(q=>{j(!a),m&&m(q,!a)},[a,m,j]),[P,...I]=c.Children.toArray(e),V=c.useMemo(()=>({expanded:a,disabled:p,disableGutters:u,toggle:T}),[a,p,u,T]),M=d({},r,{square:y,disabled:p,disableGutters:u,expanded:a}),B=Q(M),U=d({transition:h},C),W=d({transition:f},v),[E,_]=L("transition",{elementType:F,externalForwardedProps:{slots:U,slotProps:W},ownerState:M});return l.jsxs(X,d({className:R(B.root,n),ref:t,ownerState:M,square:y},b,{children:[l.jsx(D.Provider,{value:V,children:P}),l.jsx(E,d({in:a,timeout:"auto"},_,{children:l.jsx("div",{"aria-labelledby":P.props.id,id:P.props["aria-controls"],role:"region",className:B.region,children:I})}))]}))});function Y(o){return N("MuiAccordionDetails",o)}k("MuiAccordionDetails",["root"]);const Z=["className"],oo=o=>{const{classes:s}=o;return G({root:["root"]},Y,s)},so=g("div",{name:"MuiAccordionDetails",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>({padding:o.spacing(1,2,2)})),vo=c.forwardRef(function(s,t){const r=w({props:s,name:"MuiAccordionDetails"}),{className:e}=r,n=$(r,Z),i=r,p=oo(i);return l.jsx(so,d({className:R(p.root,e),ref:t,ownerState:i},n))});function to(o){return N("MuiAccordionSummary",o)}const x=k("MuiAccordionSummary",["root","expanded","focusVisible","disabled","gutters","contentGutters","content","expandIconWrapper"]),ro=["children","className","expandIcon","focusVisibleClassName","onClick"],eo=o=>{const{classes:s,expanded:t,disabled:r,disableGutters:e}=o;return G({root:["root",t&&"expanded",r&&"disabled",!e&&"gutters"],focusVisible:["focusVisible"],content:["content",t&&"expanded",!e&&"contentGutters"],expandIconWrapper:["expandIconWrapper",t&&"expanded"]},to,s)},ao=g(z,{name:"MuiAccordionSummary",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{display:"flex",minHeight:48,padding:o.spacing(0,2),transition:o.transitions.create(["min-height","background-color"],s),[`&.${x.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},[`&.${x.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity},[`&:hover:not(.${x.disabled})`]:{cursor:"pointer"},variants:[{props:t=>!t.disableGutters,style:{[`&.${x.expanded}`]:{minHeight:64}}}]}}),no=g("div",{name:"MuiAccordionSummary",slot:"Content",overridesResolver:(o,s)=>s.content})(({theme:o})=>({display:"flex",flexGrow:1,margin:"12px 0",variants:[{props:s=>!s.disableGutters,style:{transition:o.transitions.create(["margin"],{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{margin:"20px 0"}}}]})),io=g("div",{name:"MuiAccordionSummary",slot:"ExpandIconWrapper",overridesResolver:(o,s)=>s.expandIconWrapper})(({theme:o})=>({display:"flex",color:(o.vars||o).palette.action.active,transform:"rotate(0deg)",transition:o.transitions.create("transform",{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{transform:"rotate(180deg)"}})),Ao=c.forwardRef(function(s,t){const r=w({props:s,name:"MuiAccordionSummary"}),{children:e,className:n,expandIcon:i,focusVisibleClassName:p,onClick:u}=r,S=$(r,ro),{disabled:m=!1,disableGutters:y,expanded:C,toggle:v}=c.useContext(D),h=a=>{v&&v(a),u&&u(a)},f=d({},r,{expanded:C,disabled:m,disableGutters:y}),b=eo(f);return l.jsxs(ao,d({focusRipple:!1,disableRipple:!0,disabled:m,component:"div","aria-expanded":C,className:R(b.root,n),focusVisibleClassName:R(b.focusVisible,p),onClick:h,ref:t,ownerState:f},S,{children:[l.jsx(no,{className:b.content,ownerState:f,children:e}),i&&l.jsx(io,{className:b.expandIconWrapper,ownerState:f,children:i})]}))});export{Co as A,Ao as a,vo as b};

package/dist/assets/AlertTitle-DlG4YQWR.js

@@ -0,0 +1 @@
+import{g as _,_ as $,a as l,c as R,b as v,d as f}from"./createTheme-BmPXDA4p.js";import{r as z}from"./index-NdkWRN8K.js";import{u as I}from"./useSlot-F4Qz2Wzp.js";import{g as F}from"./generateUtilityClasses-DYvjsuMV.js";import{c as m}from"./createSvgIcon-DiC7XVU3.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{C as V}from"./Close-DA_Sph0R.js";import{u as b,s as p,c as P}from"./DefaultPropsProvider-B7tpShA7.js";import{I as Z}from"./IconButton-CK9Do7vj.js";import{P as D}from"./Paper-DbAuDGNI.js";import{g as q}from"./alertTitleClasses-CSPeaunQ.js";import{T as G}from"./Typography-D7-qxuiy.js";function J(o){return _("MuiAlert",o)}const S=F("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","filledSuccess","filledInfo","filledWarning","filledError","outlined","outlinedSuccess","outlinedInfo","outlinedWarning","outlinedError","standard","standardSuccess","standardInfo","standardWarning","standardError"]),K=m(e.jsx("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),Q=m(e.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),X=m(e.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),Y=m(e.jsx("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),oo=["action","children","className","closeText","color","components","componentsProps","icon","iconMapping","onClose","role","severity","slotProps","slots","variant"],to=o=>{const{variant:s,color:r,severity:t,classes:a}=o,i={root:["root",`color${v(r||t)}`,`${s}${v(r||t)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return P(i,J,a)},so=p(D,{name:"MuiAlert",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:r}=o;return[s.root,s[r.variant],s[`${r.variant}${v(r.color||r.severity)}`]]}})(({theme:o})=>{const s=o.palette.mode==="light"?f.darken:f.lighten,r=o.palette.mode==="light"?f.lighten:f.darken;return l({},o.typography.body2,{backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(o.palette).filter(([,t])=>t.main&&t.light).map(([t])=>({props:{colorSeverity:t,variant:"standard"},style:{color:o.vars?o.vars.palette.Alert[`${t}Color`]:s(o.palette[t].light,.6),backgroundColor:o.vars?o.vars.palette.Alert[`${t}StandardBg`]:r(o.palette[t].light,.9),[`& .${S.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(([,t])=>t.main&&t.light).map(([t])=>({props:{colorSeverity:t,variant:"outlined"},style:{color:o.vars?o.vars.palette.Alert[`${t}Color`]:s(o.palette[t].light,.6),border:`1px solid ${(o.vars||o).palette[t].light}`,[`& .${S.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(([,t])=>t.main&&t.dark).map(([t])=>({props:{colorSeverity:t,variant:"filled"},style:l({fontWeight:o.typography.fontWeightMedium},o.vars?{color:o.vars.palette.Alert[`${t}FilledColor`],backgroundColor:o.vars.palette.Alert[`${t}FilledBg`]}:{backgroundColor:o.palette.mode==="dark"?o.palette[t].dark:o.palette[t].main,color:o.palette.getContrastText(o.palette[t].main)})}))]})}),eo=p("div",{name:"MuiAlert",slot:"Icon",overridesResolver:(o,s)=>s.icon})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),ro=p("div",{name:"MuiAlert",slot:"Message",overridesResolver:(o,s)=>s.message})({padding:"8px 0",minWidth:0,overflow:"auto"}),j=p("div",{name:"MuiAlert",slot:"Action",overridesResolver:(o,s)=>s.action})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),h={success:e.jsx(K,{fontSize:"inherit"}),warning:e.jsx(Q,{fontSize:"inherit"}),error:e.jsx(X,{fontSize:"inherit"}),info:e.jsx(Y,{fontSize:"inherit"})},Mo=z.forwardRef(function(s,r){const t=b({props:s,name:"MuiAlert"}),{action:a,children:i,className:d,closeText:u="Close",color:x,components:A={},componentsProps:T={},icon:C,iconMapping:L=h,onClose:y,role:k="alert",severity:g="success",slotProps:O={},slots:B={},variant:N="standard"}=t,W=$(t,oo),n=l({},t,{color:x,severity:g,variant:N,colorSeverity:x||g}),c=to(n),M={slots:l({closeButton:A.CloseButton,closeIcon:A.CloseIcon},B),slotProps:l({},T,O)},[E,w]=I("closeButton",{elementType:Z,externalForwardedProps:M,ownerState:n}),[U,H]=I("closeIcon",{elementType:V,externalForwardedProps:M,ownerState:n});return e.jsxs(so,l({role:k,elevation:0,ownerState:n,className:R(c.root,d),ref:r},W,{children:[C!==!1?e.jsx(eo,{ownerState:n,className:c.icon,children:C||L[g]||h[g]}):null,e.jsx(ro,{ownerState:n,className:c.message,children:i}),a!=null?e.jsx(j,{ownerState:n,className:c.action,children:a}):null,a==null&&y?e.jsx(j,{ownerState:n,className:c.action,children:e.jsx(E,l({size:"small","aria-label":u,title:u,color:"inherit",onClick:y},w,{children:e.jsx(U,l({fontSize:"small"},H))}))}):null]}))}),lo=["className"],no=o=>{const{classes:s}=o;return P({root:["root"]},q,s)},ao=p(G,{name:"MuiAlertTitle",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>({fontWeight:o.typography.fontWeightMedium,marginTop:-2})),Io=z.forwardRef(function(s,r){const t=b({props:s,name:"MuiAlertTitle"}),{className:a}=t,i=$(t,lo),d=t,u=no(d);return e.jsx(ao,l({gutterBottom:!0,component:"div",ownerState:d,ref:r,className:R(u.root,a)},i))});export{Mo as A,Io as a};

package/dist/assets/AppSwitcher-D7UlQ3S8.js

@@ -0,0 +1,21 @@
+import{n}from"./createTheme-BmPXDA4p.js";import{r as d}from"./index-NdkWRN8K.js";import{u as a}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{T as h}from"./uiShellSharedConstants-DD9UP82e.js";import{M as m}from"./MuiPropsContext-DhRylJZk.js";import{M as u}from"./Tooltip-3088PjcT.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as y}from"./Skeleton-BJLiCr2o.js";const C=n("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({margin:"auto",marginBlockEnd:e.Spacing3,textAlign:"center"})),S=n("a",{shouldForwardProp:e=>!["isSelected","odysseyDesignTokens"].includes(e)})(({odysseyDesignTokens:e,isSelected:i})=>({display:"inline-block",margin:"auto",padding:e.Spacing1,backgroundColor:i?e.PalettePrimaryLighter:"transparent",borderRadius:e.BorderRadiusTight,transition:`background-color ${e.TransitionDurationMain}`,"&:hover, &:focus":{backgroundColor:e.HueNeutral50}})),k=n("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"inline-block",margin:"auto",padding:e.Spacing1})),w=n("img",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"block",width:e.Spacing6,height:e.Spacing6})),A=({appIconDefaultUrl:e,appIconSelectedUrl:i,appName:L,label:s,linkUrl:r,selectedAppName:l})=>{const t=a(),p=L===l,c=d.useCallback(g=>o.jsx(S,{...g,"aria-current":p?"page":void 0,href:r,isSelected:p,odysseyDesignTokens:t,children:o.jsx(w,{odysseyDesignTokens:t,role:"presentation",src:p?i:e})}),[t,p,r,e,i]);return o.jsx(C,{odysseyDesignTokens:t,children:o.jsx(u,{ariaType:"label",placement:"right",text:s,translate:"no",children:o.jsx(m.Consumer,{children:c})})})},M=()=>{const e=a();return o.jsx(C,{odysseyDesignTokens:e,children:o.jsx(k,{odysseyDesignTokens:e,children:o.jsx(y,{height:e.Spacing6,variant:"rounded",width:e.Spacing6})})})};/*!
+ * 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 x=n("svg",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({width:e.Spacing6,height:e.Spacing6,margin:"auto"})),T=()=>{const e=a();return o.jsx(x,{fill:"none",height:"32",odysseyDesignTokens:e,viewBox:"0 0 32 32",width:"32",xmlns:"http://www.w3.org/2000/svg",children:o.jsx("path",{clipRule:"evenodd",d:"M17.6032 0.226701L16.9464 8.33185L16.9474 8.3328C16.6365 8.29478 16.3219 8.2734 16.0011 8.2734C15.6019 8.2734 15.2088 8.30381 14.8258 8.36227L14.4527 4.43184C14.4413 4.30922 14.5382 4.20181 14.6623 4.20371H15.3338L15.0102 0.227176C14.9992 0.105509 15.0957 0 15.2188 0H17.3946C17.5162 0 17.6127 0.104558 17.6032 0.226701ZM12.112 0.62925C12.0797 0.511384 11.9533 0.445798 11.8383 0.488096L9.79368 1.23283C9.67867 1.27466 9.62401 1.40631 9.67486 1.51752L11.3383 5.14331L10.7067 5.37143C10.5907 5.41326 10.5351 5.54681 10.5888 5.65897L12.2836 9.22487C12.8986 8.88649 13.5639 8.63127 14.2664 8.47063L12.112 0.62925ZM7.09038 2.88628L11.796 9.51669L11.7969 9.51764C11.2005 9.90545 10.6606 10.3736 10.1929 10.9064L7.37839 8.13367C7.28951 8.04717 7.29664 7.90269 7.39122 7.8238L7.90593 7.39321L5.1033 4.55493C5.01775 4.46843 5.02441 4.32585 5.11803 4.24696L6.78431 2.84731C6.87889 2.76841 7.01909 2.78695 7.09038 2.88628ZM3.14283 6.72451C3.04255 6.65512 2.9033 6.68649 2.84152 6.79152L1.75411 8.67642C1.6928 8.78288 1.73558 8.91833 1.84584 8.97061L5.45024 10.6792L5.11328 11.26C5.05102 11.3674 5.09474 11.5047 5.20786 11.556L8.79895 13.1981C9.05892 12.5303 9.40681 11.9077 9.8317 11.3455L3.14283 6.72451ZM0.487535 11.8479C0.508921 11.7271 0.627737 11.6501 0.746553 11.681L8.6117 13.7356C8.40781 14.4 8.29422 15.1029 8.27854 15.831L4.3405 15.515C4.21693 15.505 4.12901 15.391 4.15039 15.2693L4.26826 14.6087L0.297429 14.2365C0.175761 14.2247 0.088788 14.1115 0.110175 13.9908L0.487535 11.8479ZM0.190495 17.1594C0.068827 17.1713 -0.0181464 17.2844 0.00324043 17.4051L0.381551 19.5486C0.402938 19.6693 0.522704 19.7463 0.64057 19.7154L4.49971 18.7069L4.61473 19.3675C4.63611 19.4892 4.75778 19.5661 4.87707 19.5333L8.68346 18.4825C8.45914 17.8229 8.32084 17.1252 8.28376 16.399L0.19097 17.1604L0.190495 17.1594ZM1.44947 22.7918C1.38816 22.6853 1.42998 22.5499 1.54119 22.4971L8.88497 19.0148C9.16443 19.6736 9.53419 20.2847 9.97618 20.8346L6.75769 23.124C6.65741 23.1962 6.51578 23.1648 6.45447 23.0579L6.12036 22.4762L2.83914 24.7441C2.73791 24.8145 2.59961 24.7831 2.53782 24.6771L1.44947 22.7918ZM10.3474 21.2647L4.63516 27.052C4.54962 27.1385 4.55627 27.2811 4.6499 27.36L6.31712 28.7587C6.41075 28.8376 6.5519 28.8191 6.62319 28.7197L8.9306 25.4665L9.44436 25.8995C9.53894 25.9794 9.68199 25.9599 9.75233 25.8586L11.9927 22.6083C11.3849 22.2381 10.8321 21.7847 10.3488 21.2671L10.3474 21.2647ZM9.21908 30.5576C9.10407 30.5158 9.04942 30.3841 9.10027 30.2729L12.4894 22.8816C13.1129 23.2005 13.7854 23.4381 14.4931 23.5783L13.4993 27.3999C13.4679 27.5197 13.3406 27.5872 13.2246 27.5444L12.5939 27.3134L11.5374 31.1602C11.5051 31.2781 11.3787 31.3437 11.2637 31.3014L9.21908 30.5576ZM15.0539 23.6672L14.3971 31.7728C14.3876 31.8945 14.4836 32 14.6057 32H16.7815C16.9046 32 17.0006 31.8945 16.9901 31.7728L16.6665 27.7963H17.338C17.4616 27.7982 17.559 27.6908 17.5476 27.5682L17.1745 23.6377C16.7915 23.6962 16.3989 23.7261 15.9992 23.7261C15.6789 23.7261 15.3642 23.7052 15.0539 23.6672ZM22.9005 1.72521C22.9514 1.614 22.8967 1.48235 22.7817 1.44053L20.7371 0.696737C20.6221 0.654914 20.4957 0.720025 20.4634 0.837891L19.4068 4.68468L18.7762 4.4537C18.6602 4.41093 18.5324 4.47794 18.5015 4.5977L17.5077 8.4193C18.2154 8.5595 18.8874 8.79761 19.5114 9.11604L22.9005 1.72521ZM27.3656 4.94655L21.6534 10.7338L21.6525 10.7319C21.1691 10.2144 20.6169 9.76145 20.0085 9.39074L22.2489 6.14041C22.3193 6.03918 22.4623 6.01969 22.5569 6.09954L23.0707 6.53203L25.3781 3.27885C25.4493 3.17952 25.5905 3.16098 25.6841 3.23987L27.3514 4.63858C27.445 4.71747 27.4512 4.86005 27.3656 4.94655ZM30.4596 9.501C30.5708 9.44825 30.6126 9.3128 30.5513 9.20681L29.463 7.32192C29.4016 7.21546 29.2633 7.18457 29.1616 7.25443L25.8804 9.52239L25.5463 8.94067C25.485 8.83326 25.3438 8.80236 25.2431 8.8746L22.0246 11.164C22.4671 11.7138 22.8364 12.3245 23.1163 12.9837L30.4596 9.501ZM31.6183 12.451L31.9966 14.5944L31.9975 14.5954C32.0189 14.7161 31.9324 14.8292 31.8103 14.8411L23.7165 15.6015C23.6795 14.8753 23.5412 14.1776 23.3173 13.5179L27.1237 12.4671C27.2425 12.4339 27.3642 12.5108 27.386 12.633L27.5011 13.2936L31.3602 12.2851C31.4781 12.2537 31.5978 12.3307 31.6192 12.4519L31.6183 12.451ZM31.2528 20.3171C31.3716 20.3484 31.4904 20.2714 31.5118 20.1502L31.8892 18.0073C31.9106 17.8866 31.8241 17.7734 31.7019 17.7616L27.7311 17.3894L27.849 16.7288C27.8703 16.6071 27.7829 16.4931 27.6589 16.4831L23.7213 16.1671C23.7056 16.8952 23.5906 17.5981 23.3881 18.2625L31.2533 20.3161L31.2528 20.3171ZM29.1578 25.2066C29.0965 25.3121 28.9573 25.343 28.857 25.2736L28.8579 25.2726L22.1681 20.6521C22.593 20.0899 22.9409 19.4673 23.2009 18.7995L26.792 20.4421C26.9051 20.4939 26.9488 20.6312 26.8865 20.7381L26.5491 21.3189L30.154 23.0275C30.2642 23.0802 30.307 23.2157 30.2457 23.3217L29.1578 25.2066ZM20.2034 22.4814L24.909 29.1128C24.9803 29.2121 25.1205 29.2306 25.215 29.1517L26.8813 27.7521C26.9749 27.6732 26.9816 27.5306 26.8961 27.4441L24.0934 24.6063L24.6081 24.1757C24.7027 24.0968 24.7094 23.9524 24.621 23.8659L21.8069 21.0932C21.3393 21.6264 20.7998 22.0936 20.2034 22.4814ZM20.1625 31.5105C20.0475 31.5523 19.9206 31.4872 19.8888 31.3693L17.7344 23.5284C18.4368 23.3678 19.1027 23.1121 19.7177 22.7742L21.412 26.3401C21.4657 26.4522 21.4101 26.5858 21.2941 26.6276L20.6625 26.8557L22.3259 30.4815C22.3768 30.5927 22.3221 30.7244 22.2071 30.7662L20.1625 31.5105Z",fill:"black",fillRule:"evenodd"})})},j=d.memo(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.
+ */const Z=n("nav",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({position:"relative",display:"inline-block",height:"100%",backgroundColor:e.HueNeutralWhite,borderInlineEndStyle:"solid",borderInlineEndWidth:e.BorderWidthMain,borderInlineEndColor:e.BorderColorDisplay})),b=n("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({height:h,padding:e.Spacing4,margin:"auto",marginBlockEnd:e.Spacing4})),f=n("ul",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({listStyleType:"none",margin:e.Spacing0,padding:e.Spacing0})),D=({appIcons:e,isLoading:i,selectedAppName:L})=>{const s=a();return o.jsxs(Z,{odysseyDesignTokens:s,children:[o.jsx(b,{odysseyDesignTokens:s,children:o.jsx(j,{})}),o.jsx(f,{odysseyDesignTokens:s,children:i?[0,1,2].map(r=>o.jsx(M,{},r)):e==null?void 0:e.map(r=>o.jsx(A,{selectedAppName:L,...r},r.appName))})]})},v=d.memo(D);v.displayName="AppSwitcher";export{v as M};

package/dist/assets/AppSwitcher.stories-Dv0DHDxk.js

@@ -0,0 +1,100 @@
+import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as l,e as a}from"./index-BJMTVygn.js";import{M as r}from"./AppSwitcher-D7UlQ3S8.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./createTheme-BmPXDA4p.js";import"./OdysseyDesignTokensContext-BWQIA5ie.js";import"./uiShellSharedConstants-DD9UP82e.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-3088PjcT.js";import"./Tooltip-B4GIR2eB.js";import"./index-CpbQl8EB.js";import"./tooltipClasses-C74HjonW.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./useTheme-C05bJKih.js";import"./inheritsLoose-CWawPfk8.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./Popper-CwLH-7YW.js";import"./ownerDocument-DW-IO8s5.js";import"./popper-CMBiYTiD.js";import"./Skeleton-BJLiCr2o.js";import"./colorManipulator-O7SU8zMv.js";const Z={component:r,argTypes:{appIcons:{description:"",table:{type:{summary:"Array<AppSwitcherAppIcon>"}}},isLoading:{control:"boolean"},selectedAppName:{description:"The App Instance app name that the UI is on",control:"text"}},args:{appIcons:[]},parameters:{layout:"fullscreen"}},o={args:{appIcons:[{appIconDefaultUrl:"/AppSwitcher/admin-app-default.svg",appIconSelectedUrl:"/AppSwitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/AppSwitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/AppSwitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/AppSwitcher/workflows-default.svg",appIconSelectedUrl:"/AppSwitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows all items",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(3),await a(e.queryByRole("link",{name:"Admin Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Workflows"})).toBeVisible()})}},i={args:{appIcons:[],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(0),await a(e.queryAllByRole("link")).toHaveLength(0)})}},p={args:{appIcons:[],isLoading:!0,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(0)})}};var c,m,d;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    appIcons: [{
+      appIconDefaultUrl: "/AppSwitcher/admin-app-default.svg",
+      appIconSelectedUrl: "/AppSwitcher/admin-app-selected.svg",
+      appName: "saasure",
+      label: "Admin Dashboard",
+      linkUrl: "http://rain-admin.okta1.com:1802/admin/dashboard"
+    }, {
+      appIconDefaultUrl: "/AppSwitcher/okta-dashboard-default.svg",
+      appIconSelectedUrl: "/AppSwitcher/okta-dashboard-selected.svg",
+      appName: "okta_enduser",
+      label: "Okta Dashboard",
+      linkUrl: "http://rain.okta1.com:1802/app/UserHome"
+    }, {
+      appIconDefaultUrl: "/AppSwitcher/workflows-default.svg",
+      appIconSelectedUrl: "/AppSwitcher/workflows-selected.svg",
+      appName: "okta_flow_sso",
+      label: "Okta Workflows",
+      linkUrl: "http://rain-admin.okta1.com:1802/flow/go"
+    }],
+    isLoading: false,
+    selectedAppName: "saasure"
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <AppSwitcher {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step("App switcher shows all items", async () => {
+      await expect(canvas.getByRole("navigation")).toBeVisible();
+      await expect(canvas.queryAllByRole("listitem")).toHaveLength(3);
+      await expect(canvas.queryAllByRole("link")).toHaveLength(3);
+      await expect(canvas.queryByRole("link", {
+        name: "Admin Dashboard"
+      })).toBeVisible();
+      await expect(canvas.queryByRole("link", {
+        name: "Okta Dashboard"
+      })).toBeVisible();
+      await expect(canvas.queryByRole("link", {
+        name: "Okta Workflows"
+      })).toBeVisible();
+    });
+  }
+}`,...(d=(m=o.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var h,w,y;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    appIcons: [],
+    isLoading: false,
+    selectedAppName: "saasure"
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <AppSwitcher {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step("App switcher shows no items, but is loaded", async () => {
+      await expect(canvas.getByRole("navigation")).toBeVisible();
+      await expect(canvas.queryAllByRole("listitem")).toHaveLength(0);
+      await expect(canvas.queryAllByRole("link")).toHaveLength(0);
+    });
+  }
+}`,...(y=(w=i.parameters)==null?void 0:w.docs)==null?void 0:y.source}}};var v,u,g;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    appIcons: [],
+    isLoading: true,
+    selectedAppName: "saasure"
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <AppSwitcher {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step("App switcher shows no items, but is loaded", async () => {
+      await expect(canvas.getByRole("navigation")).toBeVisible();
+      await expect(canvas.queryAllByRole("listitem")).toHaveLength(3);
+      await expect(canvas.queryAllByRole("link")).toHaveLength(0);
+    });
+  }
+}`,...(g=(u=p.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const $=["AllApps","NoApps","Loading"];export{o as AllApps,p as Loading,i as NoApps,$ as __namedExportsOrder,Z as default};

package/dist/assets/AppTile _labs_.stories-CgXIqWmJ.js

@@ -0,0 +1,136 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as o}from"./index-BJMTVygn.js";import{r as g}from"./index-NdkWRN8K.js";import{n as u}from"./createTheme-BmPXDA4p.js";import{M as h}from"./Box-BXOPvc0Q.js";import{u as Ce}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{f as z,a as Se,c as we}from"./Typography-CiNRLenM.js";import{S as f}from"./Skeleton-BJLiCr2o.js";import{C as Be,a as Pe}from"./CardActionArea-yvoWcAsF.js";import{M as He}from"./Button-BOzIr8Jh.js";import{M as x}from"./TagList-BQKiA1TW.js";import{M as r}from"./Tag-CjPSrGAL.js";import{M as Ie}from"./Drawer-Dg44iOBm.js";import{M as H}from"./Settings-DjrryuBd.js";import{M as qe}from"./Status-BYBMXN_H.js";import{M as y}from"./More-axx2rGKU.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Box-C2ekHaOu.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useTheme-C05bJKih.js";import"./Typography-D7-qxuiy.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./typographyClasses-D8vr2n3l.js";import"./colorManipulator-O7SU8zMv.js";import"./Paper-DbAuDGNI.js";import"./ButtonBase-BqXVk-1q.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CWawPfk8.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./buttonBaseClasses-CSPKg76d.js";import"./BaseButton-B5c4cgt8.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-3088PjcT.js";import"./Tooltip-B4GIR2eB.js";import"./index-CpbQl8EB.js";import"./tooltipClasses-C74HjonW.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./Popper-CwLH-7YW.js";import"./ownerDocument-DW-IO8s5.js";import"./popper-CMBiYTiD.js";import"./Button-BqwcAVQ-.js";import"./buttonClasses-DtIJBSf4.js";import"./Stack-Ba8l39se.js";import"./useThemeProps-Dy5sAWyz.js";import"./useContrastMode-BthoHtLy.js";import"./useTranslation-vEf1lqoc.js";import"./context-D_qJ2zXV.js";import"./Chip-BOK8DR8m.js";import"./createSvgIcon-DiC7XVU3.js";import"./SvgIcon-BQAg6Jm7.js";import"./chipClasses-BMWKl3Eu.js";import"./CloseCircleFilled-D2aBlgBe.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-CW5mOzJG.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Close-DA7fBExu.js";const P="2.85714286rem",W="4.57142857rem",We="4.57142857rem",_=["comfortable","compact"],ke=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a})=>({display:"flex",alignItems:"flex-start",justifyContent:a==="compact"?"center":"flex-start",maxHeight:a==="compact"?P:W,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:W,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),De=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a="comfortable"})=>({alignItems:"center",display:"flex",minHeight:t.Spacing6,position:"absolute",right:a==="compact"?0:t.Spacing2,top:a==="compact"?0:t.Spacing2,gap:t.Spacing1,zIndex:1,"& > .MuiTypography-root:last-child":{marginInlineEnd:t.Spacing2}})),Le=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="hasTopSection"&&t!=="variant"})(({odysseyDesignTokens:t,hasTopSection:a,variant:i})=>({alignItems:"flex-start",paddingBlockStart:a?t.Spacing4:0,height:"100%",".MuiTypography-root":{fontSize:i==="compact"?t.TypographySizeSubordinate:"auto",textAlign:i==="compact"?"center":"left"},"& :last-child":{marginBlockEnd:"0 !important"}})),Me=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({"&:not(:first-child)":{marginBlockStart:t.Spacing4}})),Ee=u(Be,{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isPlaceholder"&&t!=="isCompact"})(({odysseyDesignTokens:t,isPlaceholder:a=!1,isCompact:i=!1})=>({position:"relative",boxShadow:"none",overflow:"unset",display:"flex",justifyContent:a&&i?"center":"flex-start",padding:t.Spacing4,border:`${t.BorderWidthMain} ${t.HueNeutral200} ${t.BorderStyleMain}`,borderRadius:t.BorderRadiusMain,transition:`border ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0,boxShadow:t.DepthMedium,borderRadius:t.BorderRadiusMain,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:"-1",content:'""'},"&:hover":{borderColor:"transparent","&::after":{opacity:1}}})),ze=u(Pe,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),_e=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Ee,{isCompact:n==="compact",isPlaceholder:!0,odysseyDesignTokens:s,children:e.jsxs(Le,{hasTopSection:T,odysseyDesignTokens:s,variant:n,children:[T&&e.jsx(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(we,{children:n!=="compact"&&e.jsx(f,{width:50})})}),e.jsxs(h,{sx:{width:"100%"},children:[t&&e.jsx(ke,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:W,variant:"rectangular",width:n==="compact"?P:We})}),a&&e.jsx(z,{children:e.jsx(f,{})}),i&&n!=="compact"&&e.jsx(Se,{children:e.jsx(f,{})}),c&&e.jsx(Me,{odysseyDesignTokens:s,children:e.jsx(f,{height:s.Spacing6,variant:"rounded",width:"100%"})})]})]})})},Fe=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Oe,title:j,variant:p="comfortable"})=>{const m=Ce(),ve=g.useMemo(()=>e.jsxs(Le,{hasTopSection:typeof d=="function"||!!n,odysseyDesignTokens:m,variant:p,children:[A&&e.jsx(ke,{odysseyDesignTokens:m,variant:p,children:A}),j&&e.jsx(z,{component:"div",children:j}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,j,p]);return q?e.jsx(_e,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!j,variant:p}):e.jsxs(Ee,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(De,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(we,{children:n}),d&&!q&&e.jsx(He,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(ze,{odysseyDesignTokens:m,onClick:Oe,children:ve})]})},l=g.memo(Fe);l.displayName="AppTile";const ta={component:l,argTypes:{actionAriaControls:{control:"text",description:"The ID of the element which the button controls (for instance, a drawer or dialog), if any.",table:{type:{summary:"string"}}},actionAriaExpanded:{control:"boolean",description:"Should be true if the button controls a popup element that is currently expanded. Should be synced to the state of the popup element",table:{type:{summary:"boolean"}}},actionAriaHasPopup:{description:"Should be filled if the button controls a popup element such as a Drawer or Dialog.",table:{type:{summary:'boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined'}}},actionIcon:{description:"An icon for the action button.",table:{type:{summary:"ReactElement"}}},actionLabel:{control:"text",description:"The label for the button, used as the aria-label and tooltip.",table:{type:{summary:"string"}}},auxiliaryText:{control:"text",description:"Text that appears in the upper right corner of the tile.",table:{type:{summary:"string"}}},children:{description:"Arbitrary content to render underneath any other tile content.",table:{type:{summary:"ReactNode"}}},description:{control:"text",description:"A string description.",table:{type:{summary:"string"}}},image:{description:"An image or icon at the top of the tile.",table:{type:{summary:"ReactElement"}}},isLoading:{control:"boolean",description:"If true, the component will display a loading state",table:{type:{summary:"boolean"}}},onActionClick:{description:"Event that fires when the user clicks the action button in the upper-right corner. If this isn't set, the other action props can't be set either",table:{type:{summary:"MouseEventHandler"}}},onClick:{description:"Event handler for when the user clicks the tile.",table:{type:{summary:"MouseEventHandler"}}},title:{control:"text",description:"A string for the tile title.",table:{type:{summary:"string"}}},variant:{control:{type:"radio"},options:_,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:_[0]}}}},args:{description:"This is a description of the app.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),variant:"comfortable"}},C={args:{children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},S={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"800px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus.",onClick:o(),title:"App name"})]})}},w={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x48"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x96"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onActionClick:o(),onClick:o(),title:"App name",variant:"compact"})]})}},I={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(Ie,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},k={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},D={args:{image:e.jsx("img",{alt:"Tall logo",src:"https://placehold.co/400x800"})}},L={args:{image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"})}},M={args:{actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"}),onActionClick:o()}},E={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},O={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(Ie,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},v={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{marginBottom:2},children:e.jsx(qe,{label:"Active",severity:"success"})}),e.jsx(z,{children:"This is arbitrary content."}),e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})]}),description:void 0,image:void 0,title:void 0}},B={args:{actionAriaControls:"",actionAriaExpanded:!1,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]}),isLoading:!0,onActionClick:o()}};var F,N,R;C.parameters={...C.parameters,docs:{...(F=C.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  args: {
+    children: <TagList>
+        <Tag label="Tag 1" />
+        <Tag label="Tag 2" />
+      </TagList>
+  }
+}`,...(R=(N=C.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var $,G,V;S.parameters={...S.parameters,docs:{...($=S.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  render: function C() {
+    return <Box sx={{
+      display: "flex",
+      width: "800px",
+      gap: "20px",
+      ["& > *"]: {
+        width: "100%"
+      }
+    }}>
+        <AppTile image={<img alt="Example logo" src="https://placehold.co/128" />} onClick={fn()} title="App name" />
+        <AppTile description="Lorem ipsum dolor sit amet." image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onClick={fn()} title="App name" />
+        <AppTile description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus." onClick={fn()} title="App name" />
+      </Box>;
+  }
+}`,...(V=(G=S.parameters)==null?void 0:G.docs)==null?void 0:V.source}}};var J,K,Q;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  render: function C() {
+    return <Box sx={{
+      display: "flex",
+      width: "572px",
+      gap: "20px",
+      ["& > *"]: {
+        width: "100%"
+      }
+    }}>
+        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
+        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x48" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
+        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x96" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
+        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
+      </Box>;
+  }
+}`,...(Q=(K=w.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;I.parameters={...I.parameters,docs:{...(U=I.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  render: function C() {
+    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
+    return <>
+        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
+        <Box sx={{
+        maxWidth: 262
+      }}>
+          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} onActionClick={toggleDrawer} onClick={fn()}>
+            <TagList>
+              <Tag label="Tag 1" />
+              <Tag label="Tag 2" />
+            </TagList>
+          </AppTile>
+        </Box>
+      </>;
+  }
+}`,...(Y=(X=I.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,te;k.parameters={...k.parameters,docs:{...(Z=k.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    image: <img alt="Square logo" src="https://placehold.co/600" />
+  }
+}`,...(te=(ee=k.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,oe,ne;D.parameters={...D.parameters,docs:{...(ae=D.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    image: <img alt="Tall logo" src="https://placehold.co/400x800" />
+  }
+}`,...(ne=(oe=D.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var ie,re,se;L.parameters={...L.parameters,docs:{...(ie=L.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    image: <img alt="Wide logo" src="https://placehold.co/800x400" />
+  }
+}`,...(se=(re=L.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var le,ce,pe;M.parameters={...M.parameters,docs:{...(le=M.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  args: {
+    actionIcon: <SettingsIcon />,
+    actionLabel: "Open app settings",
+    auxiliaryText: "Single sign-on",
+    image: <img alt="Wide logo" src="https://placehold.co/800x400" />,
+    onActionClick: fn()
+  }
+}`,...(pe=(ce=M.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,de,ge;E.parameters={...E.parameters,docs:{...(me=E.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    auxiliaryText: "Single sign-on",
+    children: <TagList>
+        <Tag label="Tag 1" />
+        <Tag label="Tag 2" />
+      </TagList>
+  }
+}`,...(ge=(de=E.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var ue,he,xe;O.parameters={...O.parameters,docs:{...(ue=O.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  render: function C() {
+    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
+    return <>
+        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
+        <Box sx={{
+        maxWidth: 262
+      }}>
+          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} auxiliaryText={"Single sign-on"} onActionClick={toggleDrawer} onClick={fn()}>
+            <TagList>
+              <Tag label="Tag 1" />
+              <Tag label="Tag 2" />
+            </TagList>
+          </AppTile>
+        </Box>
+      </>;
+  }
+}`,...(xe=(he=O.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var fe,Te,be;v.parameters={...v.parameters,docs:{...(fe=v.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  args: {
+    children: <>
+        <Box sx={{
+        marginBottom: 2
+      }}>
+          <Status label="Active" severity="success" />
+        </Box>
+        <Heading5>This is arbitrary content.</Heading5>
+        <TagList>
+          <Tag label="Tag 1" />
+          <Tag label="Tag 2" />
+        </TagList>
+      </>,
+    description: undefined,
+    image: undefined,
+    title: undefined
+  }
+}`,...(be=(Te=v.parameters)==null?void 0:Te.docs)==null?void 0:be.source}}};var Ae,je,ye;B.parameters={...B.parameters,docs:{...(Ae=B.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
+  args: {
+    actionAriaControls: "",
+    actionAriaExpanded: false,
+    actionAriaHasPopup: "menu",
+    actionIcon: <SettingsIcon />,
+    actionLabel: "Open app settings",
+    auxiliaryText: "Single sign-on",
+    children: <TagList>
+        <Tag label="Tag 1" />
+        <Tag label="Tag 2" />
+      </TagList>,
+    isLoading: true,
+    onActionClick: fn()
+  }
+}`,...(ye=(je=B.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};const aa=["Default","Multiple","Compact","ActionButton","SquareImage","TallImage","WideImage","WideImageWithActionButton","AuxiliaryText","ActionButtonAndAuxiliaryText","FullyCustomContent","Loading"];export{I as ActionButton,O as ActionButtonAndAuxiliaryText,E as AuxiliaryText,w as Compact,C as Default,v as FullyCustomContent,B as Loading,S as Multiple,k as SquareImage,D as TallImage,L as WideImage,M as WideImageWithActionButton,aa as __namedExportsOrder,ta as default};

package/dist/assets/ArrowDropDown-bSngWMh1.js

@@ -0,0 +1 @@
+import{a as n,g as s}from"./createTheme-BmPXDA4p.js";import{i}from"./inputBaseClasses-PAjj3ZBN.js";import{g as e}from"./generateUtilityClasses-DYvjsuMV.js";import"./index-NdkWRN8K.js";import{c as o}from"./createSvgIcon-DiC7XVU3.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";function c(t){return s("MuiInput",t)}const m=n({},i,e("MuiInput",["root","underline","input"]));function f(t){return s("MuiOutlinedInput",t)}const g=n({},i,e("MuiOutlinedInput",["root","notchedOutline","input"]));function C(t){return s("MuiFilledInput",t)}const M=n({},i,e("MuiFilledInput",["root","underline","input"])),x=o(u.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{x as A,c as a,f as b,M as f,C as g,m as i,g as o};

package/dist/assets/ArrowRight-DCIAiEpA.js

@@ -0,0 +1 @@
+import{r as o}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./SvgIcon-BQAg6Jm7.js";const t=o.forwardRef((e,n)=>r.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m5.646 13.06 4.647 4.647 1.414-1.414L8.414 13H19v-2H8.414l3.293-3.293-1.414-1.414-4.647 4.646a1.5 1.5 0 0 0 0 2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(t);i.displayName="ArrowLeftIcon";const s=o.forwardRef((e,n)=>r.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m18.354 10.94-4.647-4.647-1.414 1.414L15.586 11H5v2h10.586l-3.293 3.293 1.414 1.414 4.647-4.646a1.5 1.5 0 0 0 0-2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),m=o.memo(s);m.displayName="ArrowRightIcon";export{i as M,m as a};