@getflip/swirl-components-react 0.7.6 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/{file-manager.entry.fd75e8b3.js → file-manager.entry.7251c746.js} +1 -1
  2. package/dist/flip-action-list-item.entry.0be8478f.js +18 -0
  3. package/dist/{flip-action-list-section.entry.da70334e.js → flip-action-list-section.entry.64bcc246.js} +1 -1
  4. package/dist/{flip-action-list.entry.07364103.js → flip-action-list.entry.33f73a87.js} +1 -1
  5. package/dist/{flip-app-layout_5.entry.daf27a53.js → flip-app-layout_5.entry.1dcb96df.js} +5 -5
  6. package/dist/{flip-autocomplete.entry.245c421a.js → flip-autocomplete.entry.9b8ad419.js} +4 -4
  7. package/dist/{flip-avatar-group.entry.4b733bd0.js → flip-avatar-group.entry.25603439.js} +1 -1
  8. package/dist/flip-avatar.entry.38eb3009.js +57 -0
  9. package/dist/{flip-badge.entry.b59f260c.js → flip-badge.entry.5cc8a255.js} +1 -1
  10. package/dist/flip-banner.entry.0722b777.js +33 -0
  11. package/dist/{flip-button-group.entry.7327a2d7.js → flip-button-group.entry.9e124820.js} +1 -1
  12. package/dist/flip-button.entry.ddfc8479.js +41 -0
  13. package/dist/{flip-card.entry.f18eedd3.js → flip-card.entry.517760bf.js} +6 -6
  14. package/dist/{flip-checkbox.entry.fc243d84.js → flip-checkbox.entry.a4d65d53.js} +1 -1
  15. package/dist/{flip-chip.entry.9f087198.js → flip-chip.entry.b7f32b49.js} +1 -1
  16. package/dist/{flip-console-layout.entry.4bea3b33.js → flip-console-layout.entry.38d64009.js} +1 -1
  17. package/dist/{flip-date-input.entry.49129916.js → flip-date-input.entry.6a65420b.js} +2 -2
  18. package/dist/{flip-date-picker_2.entry.8e7834ca.js → flip-date-picker_2.entry.bf667cfe.js} +1 -1
  19. package/dist/{flip-description-list-item.entry.9a647c0b.js → flip-description-list-item.entry.1dec2fcf.js} +1 -1
  20. package/dist/{flip-description-list.entry.2b3502d8.js → flip-description-list.entry.17ef2239.js} +1 -1
  21. package/dist/{flip-dialog.entry.b225f02d.js → flip-dialog.entry.b9a591ab.js} +2 -2
  22. package/dist/{flip-file-uploader.entry.a5a681aa.js → flip-file-uploader.entry.d443c716.js} +1 -1
  23. package/dist/{flip-file-viewer_7.entry.77dac4a7.js → flip-file-viewer_7.entry.f03aaae0.js} +1 -1
  24. package/dist/{flip-form-control.entry.ae03a3c5.js → flip-form-control.entry.078e1170.js} +1 -1
  25. package/dist/{flip-form-group.entry.77c5f0b1.js → flip-form-group.entry.3a44ad4f.js} +1 -1
  26. package/dist/{flip-heading_2.entry.88505317.js → flip-heading_2.entry.059b7655.js} +1 -1
  27. package/dist/{flip-icon-add-photo.entry.4435531f.js → flip-icon-add-photo.entry.6da2806e.js} +1 -1
  28. package/dist/{flip-icon-add_4.entry.3a1b00f3.js → flip-icon-add_4.entry.5e5384d4.js} +1 -1
  29. package/dist/{flip-icon-admin-panel-settings.entry.1798ffbd.js → flip-icon-admin-panel-settings.entry.4b68db77.js} +1 -1
  30. package/dist/{flip-icon-arrow-back.entry.09eddc39.js → flip-icon-arrow-back.entry.f56d12c1.js} +1 -1
  31. package/dist/{flip-icon-arrow-forward.entry.a168f67c.js → flip-icon-arrow-forward.entry.568bd611.js} +1 -1
  32. package/dist/{flip-icon-arrow-left_3.entry.84c25980.js → flip-icon-arrow-left_3.entry.2a35857c.js} +1 -1
  33. package/dist/{flip-icon-arrow-right-small.entry.b22f9a4b.js → flip-icon-arrow-right-small.entry.5e2ce3e3.js} +1 -1
  34. package/dist/{flip-icon-attachment.entry.6fe0b3b1.js → flip-icon-attachment.entry.3bb7400a.js} +1 -1
  35. package/dist/{flip-icon-block.entry.357ccd8b.js → flip-icon-block.entry.e27068c6.js} +1 -1
  36. package/dist/{flip-icon-cancel_4.entry.74e5ec40.js → flip-icon-cancel_4.entry.c55de579.js} +1 -1
  37. package/dist/{flip-icon-chat-bubble.entry.70c2f222.js → flip-icon-chat-bubble.entry.1a75e6b4.js} +1 -1
  38. package/dist/{flip-icon-check-circle.entry.54975ac6.js → flip-icon-check-circle.entry.2897fcaf.js} +1 -1
  39. package/dist/{flip-icon-check-small_3.entry.dd1a0b4a.js → flip-icon-check-small_3.entry.a9fdedb8.js} +2 -2
  40. package/dist/{flip-icon-check-strong.entry.ddd1c4a2.js → flip-icon-check-strong.entry.65fd1c14.js} +1 -1
  41. package/dist/{flip-icon-check.entry.1c690f1e.js → flip-icon-check.entry.3389de1b.js} +1 -1
  42. package/dist/{flip-icon-chevron-left.entry.cd778518.js → flip-icon-chevron-left.entry.f615ab82.js} +1 -1
  43. package/dist/{flip-icon-chevron-right.entry.01cbe88e.js → flip-icon-chevron-right.entry.85430d8b.js} +1 -1
  44. package/dist/{flip-icon-close-small.entry.e086eeff.js → flip-icon-close-small.entry.0491a733.js} +1 -1
  45. package/dist/{flip-icon-close.entry.a72f417c.js → flip-icon-close.entry.9daaafa8.js} +1 -1
  46. package/dist/{flip-icon-cloud-upload.entry.3a2a7335.js → flip-icon-cloud-upload.entry.9f17204f.js} +1 -1
  47. package/dist/{flip-icon-comment.entry.38091f86.js → flip-icon-comment.entry.8598e177.js} +1 -1
  48. package/dist/{flip-icon-copy.entry.010391e8.js → flip-icon-copy.entry.d44cc19d.js} +1 -1
  49. package/dist/{flip-icon-date-range.entry.83d9331f.js → flip-icon-date-range.entry.40eb34a4.js} +1 -1
  50. package/dist/{flip-icon-delete.entry.d24ba344.js → flip-icon-delete.entry.522db9ce.js} +1 -1
  51. package/dist/{flip-icon-description.entry.31540e6a.js → flip-icon-description.entry.c7c49df7.js} +1 -1
  52. package/dist/{flip-icon-edit.entry.c28b6df0.js → flip-icon-edit.entry.7b0fef48.js} +1 -1
  53. package/dist/{flip-icon-emoji-mood.entry.b4c785f5.js → flip-icon-emoji-mood.entry.ff5e5114.js} +1 -1
  54. package/dist/{flip-icon-emoji-satisfied.entry.2d330e44.js → flip-icon-emoji-satisfied.entry.1e00f279.js} +1 -1
  55. package/dist/{flip-icon-error_3.entry.8cc272bd.js → flip-icon-error_3.entry.1a2faf38.js} +1 -1
  56. package/dist/{flip-icon-expand-more.entry.b0f73743.js → flip-icon-expand-more.entry.2cf08f30.js} +1 -1
  57. package/dist/{flip-icon-file.entry.f2a3d530.js → flip-icon-file.entry.6bc3ca09.js} +1 -1
  58. package/dist/{flip-icon-folder-shared.entry.c5d00cac.js → flip-icon-folder-shared.entry.0f8a6f2d.js} +1 -1
  59. package/dist/{flip-icon-group-assign.entry.7a37c042.js → flip-icon-group-assign.entry.7511d1fe.js} +1 -1
  60. package/dist/{flip-icon-groups-custom.entry.8bedd5f9.js → flip-icon-groups-custom.entry.67dc0efc.js} +1 -1
  61. package/dist/{flip-icon-groups.entry.7db41f69.js → flip-icon-groups.entry.437d309e.js} +1 -1
  62. package/dist/{flip-icon-help.entry.617a0551.js → flip-icon-help.entry.e061e84c.js} +1 -1
  63. package/dist/{flip-icon-image.entry.a6163044.js → flip-icon-image.entry.2f6ad419.js} +1 -1
  64. package/dist/{flip-icon-info.entry.6d02ce75.js → flip-icon-info.entry.23b8a730.js} +1 -1
  65. package/dist/{flip-icon-inventory.entry.19b55d62.js → flip-icon-inventory.entry.975fb79e.js} +1 -1
  66. package/dist/{flip-icon-like.entry.104cd8a2.js → flip-icon-like.entry.c11efd98.js} +1 -1
  67. package/dist/{flip-icon-link.entry.ab2eda57.js → flip-icon-link.entry.03c8f743.js} +1 -1
  68. package/dist/{flip-icon-lock.entry.936d4cef.js → flip-icon-lock.entry.56fef50f.js} +1 -1
  69. package/dist/{flip-icon-logout.entry.8b2712d8.js → flip-icon-logout.entry.d3bc6ee0.js} +1 -1
  70. package/dist/{flip-icon-mail.entry.a93639e1.js → flip-icon-mail.entry.b6ad5f63.js} +1 -1
  71. package/dist/{flip-icon-manage-accounts.entry.54e9be33.js → flip-icon-manage-accounts.entry.1f68b2b2.js} +1 -1
  72. package/dist/{flip-icon-mention.entry.0836a070.js → flip-icon-mention.entry.a38e5fe7.js} +1 -1
  73. package/dist/{flip-icon-menu.entry.b6eba44e.js → flip-icon-menu.entry.66d55597.js} +1 -1
  74. package/dist/{flip-icon-message.entry.0dd45239.js → flip-icon-message.entry.e1419cd1.js} +1 -1
  75. package/dist/{flip-icon-more-horizontal.entry.4aed3d32.js → flip-icon-more-horizontal.entry.3c2299f9.js} +1 -1
  76. package/dist/{flip-icon-more-vertikal.entry.b8f306b8.js → flip-icon-more-vertikal.entry.ac4e2ef4.js} +1 -1
  77. package/dist/{flip-icon-notifications-active.entry.0f4542f0.js → flip-icon-notifications-active.entry.52087a2a.js} +1 -1
  78. package/dist/{flip-icon-notifications-off.entry.b775755e.js → flip-icon-notifications-off.entry.535095ab.js} +1 -1
  79. package/dist/{flip-icon-notifications.entry.6df63615.js → flip-icon-notifications.entry.43e19ee0.js} +1 -1
  80. package/dist/{flip-icon-open-in-new.entry.dae608f3.js → flip-icon-open-in-new.entry.ca3eb3f4.js} +1 -1
  81. package/dist/{flip-icon-people-alt.entry.3849eaab.js → flip-icon-people-alt.entry.34475ef8.js} +1 -1
  82. package/dist/{flip-icon-person-off.entry.3d37debe.js → flip-icon-person-off.entry.ff7bff50.js} +1 -1
  83. package/dist/{flip-icon-person.entry.4569b757.js → flip-icon-person.entry.a97028b5.js} +1 -1
  84. package/dist/{flip-icon-phone.entry.ca564d92.js → flip-icon-phone.entry.e6bf7a97.js} +1 -1
  85. package/dist/{flip-icon-poll.entry.5035352e.js → flip-icon-poll.entry.71b927ea.js} +1 -1
  86. package/dist/{flip-icon-print.entry.d9ea6ac3.js → flip-icon-print.entry.eaf8d043.js} +1 -1
  87. package/dist/{flip-icon-recieved.entry.2c0d4add.js → flip-icon-recieved.entry.fab2ec34.js} +1 -1
  88. package/dist/{flip-icon-search-strong.entry.8bcaf44b.js → flip-icon-search-strong.entry.439261d1.js} +1 -1
  89. package/dist/{flip-icon-search.entry.7e5181d2.js → flip-icon-search.entry.6d6790d7.js} +1 -1
  90. package/dist/{flip-icon-send.entry.feb92706.js → flip-icon-send.entry.14a6ff24.js} +1 -1
  91. package/dist/{flip-icon-settings.entry.2d2608aa.js → flip-icon-settings.entry.ce250473.js} +1 -1
  92. package/dist/{flip-icon-time-filled.entry.230d6e88.js → flip-icon-time-filled.entry.3e82eed4.js} +1 -1
  93. package/dist/{flip-icon-time-outlined.entry.5b1a7857.js → flip-icon-time-outlined.entry.bc12d47c.js} +1 -1
  94. package/dist/{flip-icon-user-assign.entry.79bc83a3.js → flip-icon-user-assign.entry.ec6eb139.js} +1 -1
  95. package/dist/{flip-icon-video-camera.entry.3d17285d.js → flip-icon-video-camera.entry.9d0ce8c9.js} +1 -1
  96. package/dist/{flip-icon-warning.entry.8e5ba000.js → flip-icon-warning.entry.a9394adb.js} +1 -1
  97. package/dist/{flip-lightbox.entry.789fda7c.js → flip-lightbox.entry.2bc1bc5b.js} +1 -1
  98. package/dist/{flip-link.entry.c3f36241.js → flip-link.entry.9f9394fb.js} +1 -1
  99. package/dist/{flip-list.entry.7dda2755.js → flip-list.entry.03dbc1a4.js} +1 -1
  100. package/dist/{flip-modal.entry.7894e062.js → flip-modal.entry.1b441b71.js} +8 -8
  101. package/dist/{flip-option-list-section.entry.79fff2b2.js → flip-option-list-section.entry.3b4e61f7.js} +1 -1
  102. package/dist/{flip-pagination.entry.5345fd95.js → flip-pagination.entry.7097b9f3.js} +2 -2
  103. package/dist/{flip-pdf-reader.entry.3644fab5.js → flip-pdf-reader.entry.5ef86ef6.js} +2 -2
  104. package/dist/{flip-popover.entry.a924e46c.js → flip-popover.entry.08164513.js} +8 -8
  105. package/dist/{flip-progress-indicator.entry.423680af.js → flip-progress-indicator.entry.027a1071.js} +1 -1
  106. package/dist/{flip-radio-group.entry.acafde6b.js → flip-radio-group.entry.d155d253.js} +1 -1
  107. package/dist/{flip-radio.entry.65b72288.js → flip-radio.entry.1ee2d9cf.js} +1 -1
  108. package/dist/{flip-resource-list-file-item.entry.2f20e2c3.js → flip-resource-list-file-item.entry.8cd9961d.js} +2 -2
  109. package/dist/{flip-search.entry.fa830da3.js → flip-search.entry.c170f877.js} +2 -2
  110. package/dist/{flip-select.entry.2e1ed952.js → flip-select.entry.cb109e5f.js} +1 -1
  111. package/dist/{flip-stack.entry.4881c210.js → flip-stack.entry.42e2ac15.js} +1 -1
  112. package/dist/{flip-switch.entry.3df1ac21.js → flip-switch.entry.0a5e792b.js} +1 -1
  113. package/dist/{flip-tab.entry.1c1f810c.js → flip-tab.entry.d4c66f63.js} +1 -1
  114. package/dist/{flip-tabs.entry.b9daf0ff.js → flip-tabs.entry.e1d11832.js} +2 -2
  115. package/dist/{flip-tag.entry.0d11bc9e.js → flip-tag.entry.cf4883c0.js} +8 -8
  116. package/dist/{flip-text-input.entry.cda7c31e.js → flip-text-input.entry.8f43f314.js} +4 -4
  117. package/dist/{flip-theme-provider.entry.7c7d3b31.js → flip-theme-provider.entry.8caabec5.js} +1 -1
  118. package/dist/{flip-thumbnail.entry.53233f01.js → flip-thumbnail.entry.74a1dfea.js} +1 -1
  119. package/dist/{flip-toast-provider.entry.93df4dee.js → flip-toast-provider.entry.a0d95e39.js} +1 -1
  120. package/dist/{flip-toast.entry.d88bc93c.js → flip-toast.entry.6c41e6ca.js} +2 -2
  121. package/dist/{flip-tooltip.entry.ffb8aa23.js → flip-tooltip.entry.59fd00ad.js} +1 -1
  122. package/dist/{flip-tree-navigation-item.entry.abd3c2a7.js → flip-tree-navigation-item.entry.aa09ffbd.js} +2 -2
  123. package/dist/{flip-video-thumbnail.entry.4ddf94e8.js → flip-video-thumbnail.entry.254efcda.js} +10 -5
  124. package/dist/{flip-visually-hidden.entry.21a80b87.js → flip-visually-hidden.entry.718c553f.js} +1 -1
  125. package/dist/{index.36bb7524.js → index.b6a5163e.js} +1 -1
  126. package/dist/swirl-components-react.js +1 -1
  127. package/dist/swirl-components-react.umd.cjs +16 -11
  128. package/package.json +2 -2
  129. package/dist/flip-action-list-item.entry.fd9260bb.js +0 -18
  130. package/dist/flip-avatar.entry.ab4485f6.js +0 -57
  131. package/dist/flip-banner.entry.93d20852.js +0 -33
  132. package/dist/flip-button.entry.7930c069.js +0 -41
@@ -1,4 +1,4 @@
1
- import { r as o, h as e, H as n } from "./index.36bb7524.js";
1
+ import { r as o, h as e, H as n } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const a = {
@@ -0,0 +1,18 @@
1
+ import { r as e, h as i, H as a } from "./index.b6a5163e.js";
2
+ import { c as o } from "./index-6d2e18c6.289636d4.js";
3
+ import "react";
4
+ import "react-dom";
5
+ import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
+ const l = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;padding-top:0.0625rem;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", n = class {
7
+ constructor(t) {
8
+ e(this, t), this.intent = "default", this.size = "m";
9
+ }
10
+ render() {
11
+ const t = Boolean(this.suffix) && !this.disabled, s = o("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
12
+ return i(a, null, i("button", { class: s, disabled: this.disabled, role: "menuitem", tabIndex: -1, type: "button" }, this.icon && i("span", { class: "action-list-item__icon", innerHTML: this.icon }), i("span", { class: "action-list-item__label-container" }, i("span", { class: "action-list-item__label" }, this.label), this.description && i("span", { class: "action-list-item__description" }, this.description)), t && i("span", { class: "action-list-item__suffix", innerHTML: this.suffix })));
13
+ }
14
+ };
15
+ n.style = l;
16
+ export {
17
+ n as flip_action_list_item
18
+ };
@@ -1,4 +1,4 @@
1
- import { r as i, h as t, H as o } from "./index.36bb7524.js";
1
+ import { r as i, h as t, H as o } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const e = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {
@@ -1,4 +1,4 @@
1
- import { r as s, h as i, H as n, g as r } from "./index.36bb7524.js";
1
+ import { r as s, h as i, H as n, g as r } from "./index.b6a5163e.js";
2
2
  import { q as c } from "./utils-39b2afe8.37b54ba4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, c as s, h as a, H as r, g as l } from "./index.36bb7524.js";
1
+ import { r as n, c as s, h as a, H as r, g as l } from "./index.b6a5163e.js";
2
2
  import { c as p } from "./index-6d2e18c6.289636d4.js";
3
3
  import { i as d } from "./utils-39b2afe8.37b54ba4.js";
4
4
  import "react";
@@ -12,7 +12,7 @@ const m = `:host{display:flex;width:100%;height:100%}:host *{box-sizing:border-b
12
12
  "body"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-in 0.3s;animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"
13
13
  "navigation body sidebar"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-out 0.3s;animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"
14
14
  "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:"header body"
15
- "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"
15
+ "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"
16
16
  "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"
17
17
  "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"
18
18
  "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-area:body;grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
@@ -173,7 +173,7 @@ const w = ":host{display:block;width:100%}:host *{box-sizing:border-box}", k = c
173
173
  }
174
174
  };
175
175
  k.style = w;
176
- const x = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-item{position:relative;width:100%}.resource-list-item--checked .resource-list-item__checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__content{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__label-container{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider .resource-list-item__label-container:after{display:none}.resource-list-item__content{--flip-avatar-group-border-color:var(--s-background-default);--flip-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content:hover:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content:active:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-pressed);--flip-badge-border-color:var(--s-background-pressed)}.resource-list-item__content:focus{background-color:var(--s-background-hovered);outline:none}.resource-list-item__content:focus .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content:disabled .resource-list-item__description{color:var(--s-text-disabled)}.resource-list-item__media{display:inline-flex}.resource-list-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%)}@media (--from-tablet){.resource-list-item__checkbox{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon>*::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}', C = class {
176
+ const x = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-item{position:relative;width:100%}.resource-list-item--checked .resource-list-item__checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__content{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__label-container{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider .resource-list-item__label-container:after{display:none}.resource-list-item__content{--flip-avatar-group-border-color:var(--s-background-default);--flip-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content:hover:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content:active:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-pressed);--flip-badge-border-color:var(--s-background-pressed)}.resource-list-item__content:focus{outline:none}.resource-list-item__content:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content:focus-visible .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content:disabled .resource-list-item__description{color:var(--s-text-disabled)}.resource-list-item__media{display:inline-flex}.resource-list-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%)}@media (--from-tablet){.resource-list-item__checkbox{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon>*::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}', C = class {
177
177
  constructor(t) {
178
178
  n(this, t), this.valueChange = s(this, "valueChange", 7), this.checked = !1, this.menuTriggerLabel = "Options", this.onClick = () => {
179
179
  !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
@@ -193,13 +193,13 @@ const x = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resourc
193
193
  !Boolean(t) || (t.setAttribute("format", "landscape"), ["s", "m"].includes(t.getAttribute("size")) || t.setAttribute("size", "m"));
194
194
  }
195
195
  render() {
196
- const t = Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), e = Boolean(this.menuTriggerId), o = e && !Boolean(this.meta) && !this.selectable, u = Boolean(this.meta) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, y = this.selectable ? "checkbox" : void 0, c = p("resource-list-item", {
196
+ const t = Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), e = Boolean(this.menuTriggerId), o = e && !Boolean(this.meta) && !this.selectable, u = Boolean(this.meta) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, c = this.selectable ? "checkbox" : void 0, y = p("resource-list-item", {
197
197
  "resource-list-item--checked": this.checked,
198
198
  "resource-list-item--has-menu": e,
199
199
  "resource-list-item--hide-divider": this.hideDivider,
200
200
  "resource-list-item--selectable": this.selectable
201
201
  });
202
- return a(r, { role: "row" }, a("div", { class: c, role: "gridcell" }, a(t, { "aria-checked": b, "aria-disabled": i ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: this.href, disabled: i, onClick: this.onClick, role: y, tabIndex: 0 }, Boolean(this.media) && a("span", { class: "resource-list-item__media", innerHTML: this.media }), a("span", { class: "resource-list-item__label-container" }, a("span", { class: "resource-list-item__label", id: "label" }, this.label), this.description && a("span", { class: "resource-list-item__description" }, this.description))), this.selectable && a("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { class: "resource-list-item__checkbox-icon" }, this.checked && a("flip-icon-check-strong", null))), u && a("span", { class: "resource-list-item__meta" }, this.meta), o && a("flip-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<flip-icon-more-horizontal></flip-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })));
202
+ return a(r, { role: "row" }, a("div", { class: y, role: "gridcell" }, a(t, { "aria-checked": b, "aria-disabled": i ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: this.href, disabled: i, onClick: this.onClick, role: c, tabIndex: 0 }, Boolean(this.media) && a("span", { class: "resource-list-item__media", innerHTML: this.media }), a("span", { class: "resource-list-item__label-container" }, a("span", { class: "resource-list-item__label", id: "label" }, this.label), this.description && a("span", { class: "resource-list-item__description" }, this.description))), this.selectable && a("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { class: "resource-list-item__checkbox-icon" }, this.checked && a("flip-icon-check-strong", null))), u && a("span", { class: "resource-list-item__meta" }, this.meta), o && a("flip-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<flip-icon-more-horizontal></flip-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })));
203
203
  }
204
204
  get el() {
205
205
  return l(this);
@@ -1,11 +1,11 @@
1
- import { r as n, c, h as o, H as r, g as u } from "./index.36bb7524.js";
1
+ import { r as n, c, h as o, H as u, g as r } from "./index.b6a5163e.js";
2
2
  import { a as h, c as p, o as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
3
3
  import { c as m } from "./index-6d2e18c6.289636d4.js";
4
4
  import { d as f } from "./utils-39b2afe8.37b54ba4.js";
5
5
  import "react";
6
6
  import "react-dom";
7
7
  import "./_commonjsHelpers-44457d8d.ba94af77.js";
8
- const b = ".sc-flip-autocomplete-h{display:block}.sc-flip-autocomplete-h *.sc-flip-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-flip-autocomplete .autocomplete__listbox-container.sc-flip-autocomplete{display:none}.autocomplete__listbox-container.sc-flip-autocomplete{position:fixed;z-index:var(--s-z-40);overflow:hidden;border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.autocomplete__spinner.sc-flip-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}", g = class {
8
+ const b = ".sc-flip-autocomplete-h{display:block}.sc-flip-autocomplete-h *.sc-flip-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-flip-autocomplete .autocomplete__listbox-container.sc-flip-autocomplete{display:none}.autocomplete__listbox-container.sc-flip-autocomplete{position:fixed;z-index:var(--s-z-40);overflow:hidden;border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.autocomplete__spinner.sc-flip-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}", g = class {
9
9
  constructor(s) {
10
10
  n(this, s), this.valueChange = c(this, "valueChange", 7), this.clearable = !0, this.clearButtonLabel = "Clear input", this.generateSuggestions = async () => [], this.menuLabel = "Suggestions", this.active = !1, this.loading = !1, this.suggestions = [], this.onChange = f(async (t) => {
11
11
  this.value = t.detail, this.valueChange.emit(this.value), this.updateSuggestions(), this.open();
@@ -54,14 +54,14 @@ const b = ".sc-flip-autocomplete-h{display:block}.sc-flip-autocomplete-h *.sc-fl
54
54
  const l = `${this.id}-suggestions`, a = m("autocomplete", {
55
55
  "autocomplete--inactive": !this.active
56
56
  });
57
- return o(r, null, o("div", { class: a, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("flip-text-input", { autoSelect: this.autoSelect, class: "autocomplete__input", clearable: this.clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, flipAriaAutocomplete: "list", flipAriaControls: l, flipAriaDescribedby: this.flipAriaDescribedby, flipAriaExpanded: String(this.active), flipRole: "combobox", id: this.id, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, value: this.value }), o("div", { class: "autocomplete__listbox-container", ref: (e) => this.listboxContainerEl = e, style: {
57
+ return o(u, null, o("div", { class: a, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("flip-text-input", { autoSelect: this.autoSelect, class: "autocomplete__input", clearable: this.clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, flipAriaAutocomplete: "list", flipAriaControls: l, flipAriaDescribedby: this.flipAriaDescribedby, flipAriaExpanded: String(this.active), flipRole: "combobox", id: this.id, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, value: this.value }), o("div", { class: "autocomplete__listbox-container", ref: (e) => this.listboxContainerEl = e, style: {
58
58
  top: Boolean(this.position) ? `${(s = this.position) === null || s === void 0 ? void 0 : s.y}px` : "",
59
59
  left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : "",
60
60
  width: `${((i = this.inputEl) === null || i === void 0 ? void 0 : i.getBoundingClientRect().width) + 32}px`
61
61
  } }, this.loading && o("div", { class: "autocomplete__spinner" }, o("flip-spinner", null)), o("flip-option-list", { label: this.menuLabel, onValueChange: this.onSelect, optionListId: l, ref: (e) => this.listboxEl = e, value: [this.value] }, this.suggestions.map((e) => o("flip-option-list-item", { selected: this.value === e.label, key: e.id, disabled: e.disabled, label: e.label, value: e.label }))))));
62
62
  }
63
63
  get el() {
64
- return u(this);
64
+ return r(this);
65
65
  }
66
66
  };
67
67
  g.style = b;
@@ -1,4 +1,4 @@
1
- import { r as i, h as a, H as s } from "./index.36bb7524.js";
1
+ import { r as i, h as a, H as s } from "./index.b6a5163e.js";
2
2
  import { c as e } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -0,0 +1,57 @@
1
+ import { r as h, h as i, H as g, g as u } from "./index.b6a5163e.js";
2
+ import { c as s } from "./index-6d2e18c6.289636d4.js";
3
+ import "react";
4
+ import "react-dom";
5
+ import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
+ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
7
+ xs: 28,
8
+ s: 32,
9
+ m: 40,
10
+ l: 48,
11
+ xl: 64,
12
+ "2xl": 144
13
+ }, p = class {
14
+ constructor(t) {
15
+ h(this, t), this.badgePosition = "bottom", this.color = "kiwi", this.interactive = !1, this.showLabel = !1, this.size = "m", this.variant = "round", this.setImageAvailable = () => {
16
+ this.imageAvailable = !0;
17
+ }, this.setImageUnavailable = () => {
18
+ this.imageAvailable = !1;
19
+ }, this.onKeydown = (a) => {
20
+ a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
21
+ }, this.onKeyup = (a) => {
22
+ a.code === "Space" && (a.preventDefault(), this.element.click());
23
+ };
24
+ }
25
+ componentDidLoad() {
26
+ this.forceBadgeProps();
27
+ }
28
+ watchSrcProp() {
29
+ this.imageAvailable = void 0;
30
+ }
31
+ forceBadgeProps() {
32
+ if (!Boolean(this.badge))
33
+ return;
34
+ const t = this.badgeEl.querySelector("flip-badge");
35
+ t == null || t.setAttribute("size", "m");
36
+ }
37
+ render() {
38
+ const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !t && Boolean(this.initials), e = !t && !a && Boolean(this.icon), r = !t && !a && !e, o = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : "img", l = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
39
+ "avatar--has-icon": e || r,
40
+ "avatar--has-initials": a,
41
+ "avatar--interactive": this.interactive
42
+ }), c = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
43
+ return i(g, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, i("span", { class: l, part: "avatar" }, t && i("span", { class: "avatar__image" }, i("img", { alt: "", height: n[this.size], onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: n[this.size] })), a && i("span", { class: "avatar__initials" }, i("span", null, this.initials)), e && i("span", { class: "avatar__icon", innerHTML: this.icon }), r && i("span", { class: "avatar__icon" }, i("flip-icon-person", null)), o && i("span", { class: c, innerHTML: this.badge, ref: (d) => this.badgeEl = d })), this.showLabel && i("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
44
+ }
45
+ get element() {
46
+ return u(this);
47
+ }
48
+ static get watchers() {
49
+ return {
50
+ src: ["watchSrcProp"]
51
+ };
52
+ }
53
+ };
54
+ p.style = m;
55
+ export {
56
+ p as flip_avatar
57
+ };
@@ -1,4 +1,4 @@
1
- import { r as t, h as e, H as i } from "./index.36bb7524.js";
1
+ import { r as t, h as e, H as i } from "./index.b6a5163e.js";
2
2
  import { c as r } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -0,0 +1,33 @@
1
+ import { r, c as a, h as n, H as o, g as c } from "./index.b6a5163e.js";
2
+ import { c as l } from "./index-6d2e18c6.289636d4.js";
3
+ import "react";
4
+ import "react-dom";
5
+ import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
+ const b = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:flex-start}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}", d = {
7
+ default: void 0,
8
+ critical: "<flip-icon-error></flip-icon-error>",
9
+ success: "<flip-icon-check-circle></flip-icon-check-circle>",
10
+ warning: "<flip-icon-warning></flip-icon-warning>",
11
+ info: "<flip-icon-info></flip-icon-info>"
12
+ }, u = class {
13
+ constructor(i) {
14
+ r(this, i), this.action = a(this, "action", 7), this.dismiss = a(this, "dismiss", 7), this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.onAction = (t) => {
15
+ this.action.emit(t);
16
+ }, this.onDismiss = (t) => {
17
+ this.dismiss.emit(t);
18
+ };
19
+ }
20
+ render() {
21
+ const i = d[this.intent], t = Boolean(this.actionLabel) || this.dismissable, e = this.showIcon && Boolean(i), s = l("banner", `banner--intent-${this.intent}`, {
22
+ "banner--has-icon": e
23
+ });
24
+ return n(o, null, n("div", { "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, e && n("span", { "aria-hidden": "true", class: "banner__icon", innerHTML: i }), n("span", { class: "banner__content", id: "content" }, this.content), t && n("span", { class: "banner__controls" }, this.actionLabel && n("button", { class: "banner__action-button", onClick: this.onAction, type: "button" }, this.actionLabel), this.dismissable && n("button", { "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, type: "button" }, n("flip-icon-close", null)))));
25
+ }
26
+ get element() {
27
+ return c(this);
28
+ }
29
+ };
30
+ u.style = b;
31
+ export {
32
+ u as flip_banner
33
+ };
@@ -1,4 +1,4 @@
1
- import { r as i, h as o, H as e } from "./index.36bb7524.js";
1
+ import { r as i, h as o, H as e } from "./index.b6a5163e.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -0,0 +1,41 @@
1
+ import { r as e, h as n, H as l } from "./index.b6a5163e.js";
2
+ import { c as s } from "./index-6d2e18c6.289636d4.js";
3
+ import "react";
4
+ import "react-dom";
5
+ import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
+ const c = `.sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-radius);border-bottom-right-radius:var(--flip-button-border-bottom-right-radius);border-bottom-left-radius:var(--flip-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus:not(:focus-visible){outline:none}.button.sc-flip-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
7
+ rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
8
+ rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
9
+ rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
10
+ rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-flip-button .button__icon.sc-flip-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-top-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-bottom-right-radius:var(
11
+ --flip-icon-button-border-bottom-right-radius
12
+ );border-bottom-left-radius:var(--flip-icon-button-border-bottom-left-radius)}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, b = class {
13
+ constructor(t) {
14
+ e(this, t), this.iconPosition = "start", this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost";
15
+ }
16
+ componentDidLoad() {
17
+ this.forceIconProps();
18
+ }
19
+ forceIconProps() {
20
+ if (!Boolean(this.iconEl))
21
+ return;
22
+ const t = this.iconEl.children[0];
23
+ t == null || t.setAttribute("size", "24");
24
+ }
25
+ getAriaLabel(t) {
26
+ if (Boolean(this.flipAriaLabel))
27
+ return this.flipAriaLabel;
28
+ if (t)
29
+ return this.label;
30
+ }
31
+ render() {
32
+ const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", o = Boolean(this.href), i = this.getAriaLabel(t), a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
33
+ "button--icon-only": t
34
+ });
35
+ return n(l, null, n(o ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !o ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-label": i, class: a, disabled: o ? void 0 : this.disabled, download: o ? void 0 : this.download, form: o ? void 0 : this.form, href: this.href, name: o ? void 0 : this.name, target: o ? this.target : void 0, type: o ? void 0 : this.type, value: o ? void 0 : this.value }, this.icon && n("span", { class: "button__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), !t && n("span", { class: "button__label" }, this.label)));
36
+ }
37
+ };
38
+ b.style = c;
39
+ export {
40
+ b as flip_button
41
+ };
@@ -1,22 +1,22 @@
1
- import { r as t, h as a, H as o } from "./index.36bb7524.js";
1
+ import { r as t, h as e, H as o } from "./index.b6a5163e.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
5
5
  import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
6
  const i = `:host{display:block}:host *{box-sizing:border-box}.card{display:block;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none}.card--elevated{border-color:transparent;box-shadow:0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16),
7
- 0 0.25rem 1rem rgba(25, 26, 28, 0.04)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}`, d = class {
7
+ 0 0.25rem 1rem rgba(25, 26, 28, 0.04)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}`, c = class {
8
8
  constructor(r) {
9
9
  t(this, r), this.as = "div";
10
10
  }
11
11
  render() {
12
- const r = Boolean(this.href) ? "a" : this.as, e = s("card", {
12
+ const r = Boolean(this.href) ? "a" : this.as, a = s("card", {
13
13
  "card--elevated": this.elevated,
14
14
  "card--interactive": this.interactive || this.href
15
15
  });
16
- return a(o, null, a(r, { class: e, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, target: this.linkTarget }, a("slot", null)));
16
+ return e(o, null, e(r, { class: a, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, target: this.linkTarget }, e("slot", null)));
17
17
  }
18
18
  };
19
- d.style = i;
19
+ c.style = i;
20
20
  export {
21
- d as flip_card
21
+ c as flip_card
22
22
  };
@@ -1,4 +1,4 @@
1
- import { r, c as a, h as c, H as t } from "./index.36bb7524.js";
1
+ import { r, c as a, h as c, H as t } from "./index.b6a5163e.js";
2
2
  import { c as n } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as s, h as e, H as c } from "./index.36bb7524.js";
1
+ import { r as s, h as e, H as c } from "./index.b6a5163e.js";
2
2
  import { c as n } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as d, c as s, h as e, H as c, g as h } from "./index.36bb7524.js";
1
+ import { r as d, c as s, h as e, H as c, g as h } from "./index.b6a5163e.js";
2
2
  import { c as u } from "./index-6d2e18c6.289636d4.js";
3
3
  import { i as o } from "./utils-39b2afe8.37b54ba4.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as Co, c as No, h as F, H as Io } from "./index.36bb7524.js";
1
+ import { r as Co, c as No, h as F, H as Io } from "./index.b6a5163e.js";
2
2
  import { c as Uo, a as Yo } from "./_commonjsHelpers-44457d8d.ba94af77.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -5415,7 +5415,7 @@ var fl = Uo(function(t, e) {
5415
5415
  }, r.default = O, r.install = O, r.mask = o, r.maska = m, r.tokens = n, Object.defineProperty(r, "__esModule", { value: !0 });
5416
5416
  });
5417
5417
  });
5418
- const cl = ".sc-flip-date-input-h{display:flex;width:100%}.sc-flip-date-input-h *.sc-flip-date-input{box-sizing:border-box}.date-input.sc-flip-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input__input.sc-flip-date-input{display:inline-flex;width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-flip-date-input:focus{outline:none}.date-input__input.sc-flip-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}.date-input__date-picker-button.sc-flip-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-flip-date-input:focus{outline-color:var(--s-focus-default)}.date-input__date-picker-button.sc-flip-date-input:disabled{cursor:default;color:var(--s-icon-disabled)}", Et = "yyyy-MM-dd", ll = class {
5418
+ const cl = ".sc-flip-date-input-h{display:flex;width:100%}.sc-flip-date-input-h *.sc-flip-date-input{box-sizing:border-box}.date-input.sc-flip-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input__input.sc-flip-date-input{display:inline-flex;width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-flip-date-input:focus{outline:none}.date-input__input.sc-flip-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}.date-input__date-picker-button.sc-flip-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-flip-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-flip-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-flip-date-input:disabled{color:var(--s-icon-disabled);cursor:default}", Et = "yyyy-MM-dd", ll = class {
5419
5419
  constructor(t) {
5420
5420
  Co(this, t), this.valueChange = No(this, "valueChange", 7), this.datePickerLabel = "Date picker", this.format = "yyyy-MM-dd", this.placeholder = "yyyy-mm-dd", this.onChange = (e) => {
5421
5421
  const r = e.target.value;
@@ -1,4 +1,4 @@
1
- import { r as le, c as we, h as x, H as be, F as te } from "./index.36bb7524.js";
1
+ import { r as le, c as we, h as x, H as be, F as te } from "./index.b6a5163e.js";
2
2
  import { c as de, a as Ce, g as ke } from "./_commonjsHelpers-44457d8d.ba94af77.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as t, h as i, H as s } from "./index.36bb7524.js";
1
+ import { r as t, h as i, H as s } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const e = `:host {
@@ -1,4 +1,4 @@
1
- import { r as i, h as t, H as o } from "./index.36bb7524.js";
1
+ import { r as i, h as t, H as o } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {
@@ -1,10 +1,10 @@
1
- import { r as e, c as t, h as o, H as n } from "./index.36bb7524.js";
1
+ import { r as e, c as t, h as o, H as n } from "./index.b6a5163e.js";
2
2
  import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
3
3
  import { c as l } from "./index-6d2e18c6.289636d4.js";
4
4
  import "react";
5
5
  import "react-dom";
6
6
  import "./_commonjsHelpers-44457d8d.ba94af77.js";
7
- const r = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', d = class {
7
+ const r = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', d = class {
8
8
  constructor(i) {
9
9
  e(this, i), this.primaryAction = t(this, "primaryAction", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.intent = "primary", this.closing = !1, this.onKeyDown = (a) => {
10
10
  a.code === "Escape" && this.close();
@@ -1,4 +1,4 @@
1
- import { r as s, c as r, h as e, H as d } from "./index.36bb7524.js";
1
+ import { r as s, c as r, h as e, H as d } from "./index.b6a5163e.js";
2
2
  import { c as p } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as zt, c as jt, h as qe, H as $t, g as Qt } from "./index.36bb7524.js";
1
+ import { r as zt, c as jt, h as qe, H as $t, g as Qt } from "./index.b6a5163e.js";
2
2
  import { c as cr, a as vt, g as Qi, b as qr, d as Ji } from "./_commonjsHelpers-44457d8d.ba94af77.js";
3
3
  import { d as Zi, g as ea, i as ta } from "./utils-39b2afe8.37b54ba4.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as i, h as o, H as n, g as a } from "./index.36bb7524.js";
1
+ import { r as i, h as o, H as n, g as a } from "./index.b6a5163e.js";
2
2
  import { c } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as i, h as r, H as s } from "./index.36bb7524.js";
1
+ import { r as i, h as r, H as s } from "./index.b6a5163e.js";
2
2
  import { c as p } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as s, h as e, H as n } from "./index.36bb7524.js";
1
+ import { r as s, h as e, H as n } from "./index.b6a5163e.js";
2
2
  import { c as l } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as t, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as t, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:inline-flex}", o = class {
@@ -1,4 +1,4 @@
1
- import { r as l, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as l, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const t = ":host{display:inline-flex}", e = class {
@@ -1,4 +1,4 @@
1
- import { r as s, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as s, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:inline-flex}", r = class {
@@ -1,4 +1,4 @@
1
- import { r as t, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as t, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const r = ":host{display:inline-flex}", l = class {
@@ -1,4 +1,4 @@
1
- import { r, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const t = ":host{display:inline-flex}", l = class {
@@ -1,4 +1,4 @@
1
- import { r as t, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as t, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:inline-flex}", o = class {
@@ -1,4 +1,4 @@
1
- import { r as l, h as i, F as s } from "./index.36bb7524.js";
1
+ import { r as l, h as i, F as s } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const r = ":host{display:inline-flex}", o = class {
@@ -1,4 +1,4 @@
1
- import { r as s, h as C, F as t } from "./index.36bb7524.js";
1
+ import { r as s, h as C, F as t } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:inline-flex}", e = class {
@@ -1,4 +1,4 @@
1
- import { r as t, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as t, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:inline-flex}", o = class {
@@ -1,4 +1,4 @@
1
- import { r as l, h as C, F as i } from "./index.36bb7524.js";
1
+ import { r as l, h as C, F as i } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const t = ":host{display:inline-flex}", n = class {
@@ -1,4 +1,4 @@
1
- import { r as l, h as i, F as s } from "./index.36bb7524.js";
1
+ import { r as l, h as i, F as s } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const e = ":host{display:inline-flex}", r = class {
@@ -1,4 +1,4 @@
1
- import { r as C, h as i, F as s } from "./index.36bb7524.js";
1
+ import { r as C, h as i, F as s } from "./index.b6a5163e.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:inline-flex}", e = class {