@servicetitan/anvil2 3.13.0 → 3.13.2

package/dist/index2.css

@@ -0,0 +1,407 @@
+.anvil2 {/* ============================================
+   Page & Container
+   ============================================ */._page_1a6ta_1 {
+  --a2-mod-page-border-subdued: var(--a2-size-quarter, 0.0625rem) solid var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)));
+  --a2-mod-page-container-first-col: 16rem;
+  --a2-mod-page-height: calc(100dvh - var(--offset, 0px));
+  --a2-mod-page-panel-size-large: 30rem;
+  --a2-mod-page-panel-size-medium: 24rem;
+  --a2-mod-page-panel-size-small: 16rem;
+  --a2-mod-page-sidebar-collapsed-width: 1.5rem;
+  --a2-mod-page-sidebar-min-width: 16rem;
+  --a2-mod-page-toggle-button-size: 2rem;
+  box-sizing: border-box;
+  container: page/inline-size;
+  display: flex;
+  flex-direction: column;
+  isolation: isolate;
+  min-height: var(--a2-mod-page-height);
+}._container_1a6ta_29 {
+  --a2-mod-page-container-background-color: var(--a2-page-container-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-container-foreground-color: var(--a2-page-container-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  background-color: var(--a2-mod-page-container-background-color);
+  border-color: transparent;
+  border-style: none;
+  border-width: 0;
+  box-sizing: border-box;
+  color: var(--a2-mod-page-container-foreground-color);
+  display: grid;
+  flex-grow: 1;
+  grid-template-areas: "sidebar" "header" "content" "panel" "footer";
+  grid-template-columns: 1fr;
+  grid-template-rows: auto auto 1fr auto auto;
+  margin: 0;
+  min-height: inherit;
+  overflow-x: clip;
+  padding: 0;
+  transition: var(--a2-duration-slow, 300ms) var(--a2-transition-ease-in-out, cubic-bezier(0.4, 0, 0.6, 1));
+}@container page (min-width: 1024px) {
+  ._container_1a6ta_29 {
+    grid-template-areas: "sidebar header panel" "sidebar content panel" "sidebar footer panel";
+    --a2-mod-page-container-col-first: var(--a2-mod-page-container-first-col);
+    --a2-mod-page-container-col-second: 1fr;
+    --a2-mod-page-container-col-third: 0px;
+    grid-template-columns: var(--a2-mod-page-container-col-first) var(--a2-mod-page-container-col-second) var(--a2-mod-page-container-col-third);
+    grid-template-rows: auto 1fr auto;
+  }
+  ._container_1a6ta_29:has(> ._panel_1a6ta_58._open_1a6ta_58._small_1a6ta_58) {
+    --a2-mod-page-container-col-third: var(--a2-mod-page-panel-size-small);
+  }
+  ._container_1a6ta_29:has(> ._panel_1a6ta_58._open_1a6ta_58._medium_1a6ta_61) {
+    --a2-mod-page-container-col-third: var(--a2-mod-page-panel-size-medium);
+  }
+  ._container_1a6ta_29:has(> ._panel_1a6ta_58._open_1a6ta_58._large_1a6ta_64) {
+    --a2-mod-page-container-col-third: var(--a2-mod-page-panel-size-large);
+  }
+  ._container_1a6ta_29:has(> ._sidebar_1a6ta_67._collapsed_1a6ta_67) {
+    --a2-mod-page-container-col-first: var(
+      --a2-mod-page-sidebar-collapsed-width
+    );
+  }
+  ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) {
+    --a2-mod-page-container-col-first: 0px;
+    grid-template-areas: "header panel" "content panel" "footer panel";
+    grid-template-columns: 1fr var(--a2-mod-page-container-col-third);
+  }
+  ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) > ._content_1a6ta_77, ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) > div:not(._panel_1a6ta_58, ._content-footer_1a6ta_77) {
+    grid-column: 1;
+    width: 100%;
+  }
+  ._container_1a6ta_29:not(:has(> ._sidebar_1a6ta_67)) > ._panel_1a6ta_58 {
+    grid-column: 2;
+  }
+  ._container_1a6ta_29 ._content_1a6ta_77 ._virtual-scroll-container_1a6ta_84 {
+    display: block;
+  }
+}/* ============================================
+   Content
+   ============================================ */._content-wrapper_1a6ta_92 {
+  container: content/inline-size;
+  display: flex;
+  flex-direction: column;
+  grid-area: content;
+}._footer-slot_1a6ta_99 {
+  display: contents;
+}._content_1a6ta_77 {
+  container: content/inline-size;
+  display: flex;
+  grid-area: content;
+}._content-inner_1a6ta_109 {
+  --a2-mod-page-content-inner-padding-inline: var(--a2-size-4, 1rem);
+  flex-basis: 100%;
+  padding-block: var(--a2-size-6, 1.5rem);
+  padding-inline: var(--a2-mod-page-content-inner-padding-inline);
+}@container content (min-width: 768px) {
+  ._content-inner_1a6ta_109 {
+    --a2-mod-page-content-inner-padding-inline: var(--a2-size-8, 2rem);
+  }
+}@container content (min-width: 1024px) {
+  ._content-inner_1a6ta_109 {
+    --a2-mod-page-content-inner-padding-inline: var(--a2-size-10, 2.5rem);
+  }
+}@container content (min-width: 1280px) {
+  ._content-inner_1a6ta_109 {
+    --a2-mod-page-content-inner-padding-inline: var(--a2-size-12, 3rem);
+  }
+}._content-header-inner_1a6ta_131 {
+  padding-block-end: var(--a2-size-2, 0.5rem);
+  padding-block-start: var(--a2-size-8, 2rem);
+}._content-footer_1a6ta_77 {
+  --a2-mod-page-content-footer-background-color: var(--a2-page-content-footer-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-content-footer-border-color: var(--a2-page-content-footer-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-content-footer-padding-inline: var(--a2-size-4, 1rem);
+  --a2-mod-page-content-footer-shadow-color: var(--a2-page-content-footer-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  background-color: var(--a2-mod-page-content-footer-background-color);
+  border-top: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-page-content-footer-border-color);
+  bottom: 0;
+  box-shadow: var(--a2-mod-page-content-footer-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
+  display: flex;
+  grid-area: footer;
+  left: 0;
+  padding-block: var(--a2-size-6, 1.5rem);
+  padding-inline: var(--a2-mod-page-content-footer-padding-inline);
+  position: sticky;
+  right: 0;
+}@container page (min-width: 768px) {
+  ._content-footer_1a6ta_77 {
+    --a2-mod-page-content-footer-padding-inline: var(--a2-size-8, 2rem);
+  }
+}@container page (min-width: 1024px) {
+  ._content-footer_1a6ta_77 {
+    --a2-mod-page-content-footer-padding-inline: var(--a2-size-10, 2.5rem);
+  }
+}@container page (min-width: 1280px) {
+  ._content-footer_1a6ta_77 {
+    --a2-mod-page-content-footer-padding-inline: var(--a2-size-12, 3rem);
+  }
+}/* ============================================
+   Sidebar
+   ============================================ */._sidebar_1a6ta_67 {
+  --a2-mod-page-sidebar-background-color: var(--a2-page-sidebar-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-sidebar-border-color: var(--a2-page-sidebar-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-sidebar-padding: var(--a2-size-2, 0.5rem);
+  --a2-mod-page-sidebar-shadow-color: var(--a2-page-sidebar-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  align-items: flex-start;
+  background-color: var(--a2-mod-page-sidebar-background-color);
+  container: sidebar/inline-size;
+  display: flex;
+  flex-direction: row;
+  grid-area: sidebar;
+  padding: var(--a2-mod-page-sidebar-padding);
+  position: relative;
+  z-index: 2;
+}@container page (min-width: 1024px) {
+  ._sidebar_1a6ta_67 {
+    --a2-mod-page-sidebar-padding: 0;
+    border-inline-end: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-page-sidebar-border-color);
+    box-shadow: var(--a2-mod-page-sidebar-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
+  }
+}._collapsed_1a6ta_67 ._sidebar-inner_1a6ta_195 {
+  display: none;
+  opacity: 0;
+}._sidebar-inner_1a6ta_195 {
+  background-color: inherit;
+  box-sizing: border-box;
+  height: var(--a2-mod-page-height);
+  overflow-x: clip;
+  position: sticky;
+  top: var(--offset, 0px);
+  transition-behavior: allow-discrete;
+  transition-duration: var(--a2-duration-slow, 300ms);
+  transition-property: opacity, display;
+  transition-timing-function: var(--a2-transition-ease-in-out, cubic-bezier(0.4, 0, 0.6, 1));
+  width: 100%;
+}._sidebar-inner_1a6ta_195 > div {
+  background-color: inherit;
+  bottom: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: var(--a2-mod-page-sidebar-min-width);
+  overflow-y: auto;
+  padding: var(--a2-size-6, 1.5rem) var(--a2-size-2, 0.5rem);
+  position: absolute;
+  right: 0;
+  top: 0;
+}@container page (min-width: 1024px) {
+  ._sidebar-inner_1a6ta_195 > div {
+    left: 0;
+    scrollbar-gutter: stable;
+  }
+}._sidebar-header_1a6ta_234 {
+  --a2-mod-page-sidebar-header-background-color: var(--a2-page-sidebar-header-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-sidebar-header-padding-block: var(--a2-size-4, 1rem);
+  --a2-mod-page-sidebar-header-padding-inline: var(--a2-size-4, 1rem);
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding-block: var(--a2-mod-page-sidebar-header-padding-block);
+  padding-inline: var(--a2-mod-page-sidebar-header-padding-inline);
+}@container page (min-width: 1024px) {
+  ._sidebar-header_1a6ta_234 {
+    --a2-mod-page-sidebar-header-padding-block: var(--a2-size-6, 1.5rem);
+    background-color: var(--a2-mod-page-sidebar-header-background-color);
+    margin-block-end: var(--a2-size-1, 0.25rem);
+    margin-block-start: calc(var(--a2-size-6, 1.5rem) * -1);
+    position: sticky;
+    top: calc(var(--a2-size-6, 1.5rem) * -1);
+    z-index: 1;
+  }
+}._sidebar-adaptive-trigger-container_1a6ta_256 {
+  --a2-mod-page-sidebar-adaptive-trigger-container-background-color: var(--a2-page-sidebar-adaptive-trigger-container-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-sidebar-adaptive-trigger-container-shadow-color: var(--a2-page-sidebar-adaptive-trigger-container-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  background-color: var(--a2-mod-page-sidebar-adaptive-trigger-container-background-color);
+  box-shadow: var(--a2-mod-page-sidebar-adaptive-trigger-container-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
+  padding: var(--a2-size-2, 0.5rem);
+  position: sticky;
+  top: var(--offset, 0px);
+  width: auto;
+  z-index: 1;
+}._sidebar-adaptive-trigger_1a6ta_256 {
+  --a2-mod-page-sidebar-adaptive-trigger-background-color: var(--a2-page-sidebar-adaptive-trigger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-sidebar-adaptive-trigger-foreground-color: var(--a2-page-sidebar-adaptive-trigger-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  background-color: var(--a2-mod-page-sidebar-adaptive-trigger-background-color);
+  color: var(--a2-mod-page-sidebar-adaptive-trigger-foreground-color);
+  justify-content: start;
+  width: 100%;
+}._sidebar-adaptive-trigger-icon_1a6ta_277 {
+  flex-grow: 1;
+}._sidebar-adaptive-container_1a6ta_281 {
+  overflow: auto;
+}._sidebar-adaptive-container_1a6ta_281 > div {
+  height: -webkit-fill-available;
+  height: -moz-available;
+  height: stretch;
+}._sidebar-adaptive_1a6ta_256 {
+  padding: var(--a2-size-2, 0.5rem);
+}/* ============================================
+   Toggle Button
+   ============================================ */._toggle-button-wrapper_1a6ta_295 {
+  height: 100%;
+  overflow: visible;
+  padding: 0;
+  position: absolute;
+  right: 0;
+  width: 0px;
+}._toggle-button-tooltip_1a6ta_304 {
+  display: block;
+  margin-left: -1rem;
+  position: sticky;
+  top: calc(var(--a2-size-6, 1.5rem) + var(--offset, 0px));
+  width: -moz-fit-content;
+  width: fit-content;
+}._toggle-button_1a6ta_295 {
+  --a2-internal-page-toggle-button-background-color: var(
+    --a2-mod-page-toggle-button-background-color
+  );
+  --a2-mod-page-toggle-button-background-color: var(--a2-page-toggle-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-toggle-button-background-color-active: var(--a2-page-toggle-button-background-color-active, var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-toggle-button-background-color-hover: var(--a2-page-toggle-button-background-color-hover, var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-page-toggle-button-border-color: var(--a2-page-toggle-button-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  background-color: var(--a2-internal-page-toggle-button-background-color);
+  border-color: var(--a2-mod-page-toggle-button-border-color);
+  border-radius: var(--a2-border-radius-circular, 100%);
+  height: var(--a2-mod-page-toggle-button-size);
+  min-width: var(--a2-mod-page-toggle-button-size);
+  padding: var(--a2-size-2, 0.5rem);
+  width: var(--a2-mod-page-toggle-button-size);
+}._toggle-button_1a6ta_295::before {
+  border-radius: inherit;
+}._toggle-button_1a6ta_295:hover {
+  --a2-internal-page-toggle-button-background-color: var(
+    --a2-mod-page-toggle-button-background-color-hover
+  );
+}._toggle-button_1a6ta_295:active {
+  --a2-internal-page-toggle-button-background-color: var(
+    --a2-mod-page-toggle-button-background-color-active
+  );
+}/* ============================================
+   Panel
+   ============================================ */._panel_1a6ta_58 {
+  --a2-mod-page-panel-background-color: var(--a2-page-panel-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-page-panel-border-color: var(--a2-page-panel-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-page-panel-padding-block: var(--a2-size-4, 1rem);
+  --a2-mod-page-panel-padding-inline: var(--a2-size-4, 1rem);
+  align-items: flex-start;
+  background-color: var(--a2-mod-page-panel-background-color);
+  display: flex;
+  flex-direction: column;
+  grid-area: panel;
+  position: relative;
+  width: -webkit-fill-available;
+  width: -moz-available;
+  width: stretch;
+}@container page (min-width: 1024px) {
+  ._panel_1a6ta_58 {
+    border-inline-start: var(--a2-size-quarter, 0.0625rem) solid var(--a2-mod-page-panel-border-color);
+    flex-direction: row;
+  }
+}._noPadding_1a6ta_365 ._panel-inner_1a6ta_365 {
+  padding: 0;
+}._panel_1a6ta_58:not(._open_1a6ta_58) ._panel-inner_1a6ta_365 {
+  display: none;
+  opacity: 0;
+  overflow: clip;
+}._panel-inner_1a6ta_365 {
+  background-color: inherit;
+  box-sizing: border-box;
+  outline: none;
+  padding-block: var(--a2-mod-page-panel-padding-block);
+  padding-inline: var(--a2-mod-page-panel-padding-inline);
+  transition-behavior: allow-discrete;
+  transition-duration: 1s;
+  transition-property: opacity, display;
+  transition-timing-function: var(--a2-transition-ease-in-out, cubic-bezier(0.4, 0, 0.6, 1));
+  width: 100%;
+}@container page (min-width: 768px) {
+  ._panel-inner_1a6ta_365 {
+    --a2-mod-page-panel-padding-inline: var(--a2-size-8, 2rem);
+  }
+}@container page (min-width: 1024px) {
+  ._panel-inner_1a6ta_365 {
+    --a2-mod-page-panel-padding-block: var(--a2-size-6, 1.5rem);
+    --a2-mod-page-panel-padding-inline: var(--a2-size-4, 1rem);
+    height: var(--a2-mod-page-height);
+    overflow-y: auto;
+    padding-inline-end: var(--a2-size-6, 1.5rem);
+    position: sticky;
+    scrollbar-gutter: stable;
+    top: var(--offset, 0px);
+  }
+  ._panel-inner_1a6ta_365 ._drilldown-open_1a6ta_403 {
+    overflow-y: hidden;
+  }
+}@container page (min-width: 1024px) {
+  ._small_1a6ta_58 ._panel-inner_1a6ta_365 {
+    min-width: var(--a2-mod-page-panel-size-small);
+  }
+}@container page (min-width: 1024px) {
+  ._medium_1a6ta_61 ._panel-inner_1a6ta_365 {
+    min-width: var(--a2-mod-page-panel-size-medium);
+  }
+}@container page (min-width: 1024px) {
+  ._large_1a6ta_64 ._panel-inner_1a6ta_365 {
+    min-width: var(--a2-mod-page-panel-size-large);
+  }
+}/* ============================================
+   Virtual Scroll Container
+   ============================================ */._virtual-scroll-container_1a6ta_84 {
+  bottom: 0;
+  display: none;
+  height: var(--a2-mod-page-height);
+  overflow-y: auto;
+  position: fixed;
+  top: var(--offset, 0px);
+  z-index: 1;
+}/* ============================================
+   Header
+   ============================================ */._header_1a6ta_442 {
+  flex: 0 0 auto;
+  grid-area: header;
+}._header_1a6ta_442 ._layout_1a6ta_446 {
+  --a2-mod-layout-grid-gap: var(--a2-size-4, 1rem);
+}@container page (min-width: 768px) {
+  ._header_1a6ta_442 ._layout_1a6ta_446 {
+    --a2-mod-layout-grid-gap: var(--a2-size-4, 1rem);
+  }
+}._header_1a6ta_442 ._title-wrapper_1a6ta_454,
+._header_1a6ta_442 ._title_1a6ta_454 {
+  display: inline;
+}._header_1a6ta_442 ._title_1a6ta_454 {
+  margin-block-end: 0;
+}._header_1a6ta_442 ._preference-action_1a6ta_461 {
+  margin-inline-start: var(--a2-size-2, 0.5rem);
+}._header_1a6ta_442 ._chips_1a6ta_464 {
+  gap: var(--a2-size-2, 0.5rem);
+  margin-block-start: var(--a2-size-3, 0.75rem);
+}._header_1a6ta_442 ._actions_1a6ta_468 {
+  flex-wrap: wrap;
+  gap: var(--a2-size-3, 0.75rem);
+}@container content (max-width: 768px) {
+  ._header_1a6ta_442 ._actions_1a6ta_468 > * {
+    flex: 1 1 calc(50% - var(--a2-size-3, 0.75rem));
+    min-width: min(100%, 200px);
+  }
+  ._header_1a6ta_442 ._actions_1a6ta_468:has(button[class*=primary]) button[class*=primary] {
+    order: -1;
+  }
+}._header_1a6ta_442 ._description_1a6ta_481 {
+  max-width: 80ch;
+}/* ============================================
+   Animation & Transitions
+   ============================================ */@starting-style {
+  ._sidebar_1a6ta_67._collapsed_1a6ta_67 ._sidebar-inner_1a6ta_195 {
+    display: none;
+    opacity: 0;
+  }
+  ._panel_1a6ta_58:not(._open_1a6ta_58) ._panel-inner_1a6ta_365 {
+    display: none;
+    opacity: 0;
+  }
+}
+}html:has(._page_1a6ta_1) {
+  scrollbar-width: none;
+}html:has(._page_1a6ta_1)::-webkit-scrollbar {
+  display: none;
+}

package/dist/portalScopeClassNames--sU7fdKW.js

@@ -0,0 +1,16 @@
+import { c as cx } from './index-De1g9FRV.js';
+import { useContext } from 'react';
+import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
+import { t as themeStyles } from './ThemeProvider.module-_7m6Tav-.js';
+
+const portalScopeClassNames = cx("anvil2", themeStyles["theme-core"]);
+function usePortalScopeStyle(style) {
+  const { themeStyle } = useContext(ThemeProviderContext);
+  if (!themeStyle) {
+    return style ?? {};
+  }
+  return { ...themeStyle, ...style };
+}
+
+export { portalScopeClassNames as p, usePortalScopeStyle as u };
+//# sourceMappingURL=portalScopeClassNames--sU7fdKW.js.map

package/dist/portalScopeClassNames--sU7fdKW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalScopeClassNames--sU7fdKW.js","sources":["../src/internal/functions/portalScopeClassNames.ts"],"sourcesContent":["import cx from \"classnames\";\nimport { type CSSProperties, useContext } from \"react\";\n\nimport { ThemeProviderContext } from \"../../providers/ThemeProvider/internal/ThemeProviderContext\";\nimport themeStyles from \"../../providers/ThemeProvider/ThemeProvider.module.scss\";\n\n/**\n * Class names that re-establish the Anvil2 styling scope on a container.\n *\n * Native `popover` / top-layer elements (toasts, popovers, tooltips, surfaces)\n * are promoted to the top layer and live high in the DOM, escaping any ancestor\n * `AnvilProvider`'s `.anvil2` scope. Without the scope, descendants resolve none\n * of the `--a2-*` design tokens (defined on `.anvil2.theme-core`) and miss the\n * scoped component rules, so they render unstyled.\n *\n * Spread/append these class names onto such containers so they self-scope and\n * render correctly in any host context (including outside an `AnvilProvider`,\n * e.g. when an Anvil2 component is used from a legacy host).\n *\n * Pair with `usePortalScopeStyle` so custom `ThemeProvider` tokens (e.g. Carto\n * Inter) are re-applied on top of `.theme-core`, which otherwise resets those\n * variables to core defaults (Nunito Sans).\n */\nexport const portalScopeClassNames = cx(\"anvil2\", themeStyles[\"theme-core\"]);\n\n/**\n * Merge custom-theme CSS variables onto a top-layer surface's `style`.\n *\n * `.theme-core` on the same node redefines `--a2-*` to core defaults, which\n * wins over inherited `ThemeProvider` variables. Re-applying `themeStyle`\n * after that reset keeps Carto (and other custom themes) intact.\n *\n * Pass the element's own styles so positioning / UA resets still win.\n */\nexport function usePortalScopeStyle(style?: CSSProperties): CSSProperties {\n  const { themeStyle } = useContext(ThemeProviderContext);\n  if (!themeStyle) {\n    return style ?? {};\n  }\n  return { ...themeStyle, ...style };\n}\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,qBAAA,GAAwB,EAAA,CAAG,QAAA,EAAU,WAAA,CAAY,YAAY,CAAC;AAWpE,SAAS,oBAAoB,KAAA,EAAsC;AACxE,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,UAAA,CAAW,oBAAoB,CAAA;AACtD,EAAA,IAAI,CAAC,UAAA,EAAY;AACf,IAAA,OAAO,SAAS,EAAC;AAAA,EACnB;AACA,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,GAAG,KAAA,EAAM;AACnC;;;;"}

package/dist/settings-Bsahaln8.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+const SvgSegment = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" }));
+
+const SvgChevronLeft = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" }));
+
+const SvgSettings = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z" }));
+
+export { SvgSegment as S, SvgChevronLeft as a, SvgSettings as b };
+//# sourceMappingURL=settings-Bsahaln8.js.map

package/dist/settings-Bsahaln8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-Bsahaln8.js","sources":["../../hammer-icon/mdi/round/segment.svg","../../hammer-icon/mdi/round/chevron_left.svg","../../hammer-icon/mdi/round/settings.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgSegment = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z\" }));\nexport default SvgSegment;\n","import * as React from \"react\";\nconst SvgChevronLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z\" }));\nexport default SvgChevronLeft;\n","import * as React from \"react\";\nconst SvgSettings = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\" }));\nexport default SvgSettings;\n"],"names":[],"mappings":";;AACK,MAAC,UAAU,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2MAA2M,EAAE,CAAC;;ACAza,MAAC,cAAc,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iJAAiJ,EAAE,CAAC;;ACAnX,MAAC,WAAW,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2qBAA2qB,EAAE,CAAC;;;;"}