@nectary/components 5.42.3 → 5.42.5-rc.0

package/progress-stepper-v2/index.d.js

@@ -0,0 +1,84 @@
+import "../index2.js";
+import "../index.d3.js";
+import "../index.d2.js";
+function deriveStepStatuses(items, params) {
+  const { noCompletionOrder, progressValue } = params;
+  if (noCompletionOrder) {
+    return items.map((item) => {
+      if (item.disabled) {
+        return "inactive";
+      }
+      if (item.complete) {
+        return "complete";
+      }
+      return "incomplete";
+    });
+  }
+  let progressIndex = items.findIndex((it) => it.value === progressValue);
+  if (progressIndex < 0 && items.length > 0) {
+    progressIndex = 0;
+  }
+  return items.map((_, i) => {
+    if (progressIndex < 0 || progressIndex < i) {
+      return "inactive";
+    }
+    if (progressIndex > i) {
+      return "complete";
+    }
+    return "incomplete";
+  });
+}
+function computeOrientationLayout(params) {
+  const {
+    noAutoOrientation,
+    containerWidth,
+    wrapperScrollWidth
+  } = params;
+  if (noAutoOrientation) {
+    return {
+      isHorizontal: true,
+      dataOrientation: "horizontal",
+      mode: "horizontal"
+    };
+  }
+  const safeWidth = Math.max(containerWidth, 1);
+  const isHorizontal = wrapperScrollWidth <= safeWidth;
+  if (isHorizontal) {
+    return {
+      isHorizontal: true,
+      dataOrientation: "horizontal",
+      mode: "horizontal"
+    };
+  }
+  return {
+    isHorizontal: false,
+    dataOrientation: "vertical",
+    mode: "compact"
+  };
+}
+class OrientationScheduler {
+  constructor(run) {
+    this.run = run;
+  }
+  #rafId = null;
+  schedule() {
+    if (this.#rafId !== null) {
+      cancelAnimationFrame(this.#rafId);
+    }
+    this.#rafId = requestAnimationFrame(() => {
+      this.#rafId = null;
+      this.run();
+    });
+  }
+  cancel() {
+    if (this.#rafId !== null) {
+      cancelAnimationFrame(this.#rafId);
+      this.#rafId = null;
+    }
+  }
+}
+export {
+  OrientationScheduler,
+  computeOrientationLayout,
+  deriveStepStatuses
+};

package/progress-stepper-v2/index.js

@@ -1,17 +1,14 @@
-import "../action-menu/index.js";
-import "../action-menu-option/index.js";
-import "../icon/index.js";
-import "../pop/index.js";
-import { TAG_PROGRESS_STEPPER, TAG_PROGRESS_STEPPER_ITEM, ATTR_PROGRESS_STEPPER_ITEM_STATUS, ATTR_PROGRESS_STEPPER_ITEM_LAYOUT, isProgressStepperItemActive, syncProgressStepperItemsRovingTabIndexes, setProgressStepperItemChecked, getProgressStepperFocusedItemIndex, setProgressStepperItemStatus, isProgressStepperItemChecked } from "../progress-stepper-item-v2/utils.js";
-import { updateAttribute, getAttribute, updateBooleanAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getRect } from "../utils/rect.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { getTargetByAttribute } from "../utils/event-target.js";
-import { ProgressStepperCompactController } from "./compact.js";
-import { computeOrientationLayout, deriveStepStatuses } from "./model.js";
-import { OrientationScheduler } from "./orientation.js";
-import { syncStepSeparators } from "./separators.js";
+import "../index2.js";
+import "../index.d3.js";
+import "../index.d2.js";
+import { T as TAG_PROGRESS_STEPPER, a as TAG_PROGRESS_STEPPER_ITEM, A as ATTR_PROGRESS_STEPPER_ITEM_STATUS, b as ATTR_PROGRESS_STEPPER_ITEM_LAYOUT, i as isProgressStepperItemActive, s as syncProgressStepperItemsRovingTabIndexes, c as setProgressStepperItemChecked, g as getProgressStepperFocusedItemIndex, d as setProgressStepperItemStatus, e as isProgressStepperItemChecked } from "../utils30.js";
+import { y as updateAttribute, i as getAttribute, z as updateBooleanAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getRect } from "../rect.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { a as getTargetByAttribute } from "../event-target.js";
+import { P as ProgressStepperCompactController, s as syncStepSeparators } from "../separators.js";
+import { OrientationScheduler, computeOrientationLayout, deriveStepStatuses } from "./index.d.js";
 const templateHTML = '<style>:host{display:block;position:relative}#wrapper{display:flex;width:100%;align-items:stretch}#wrapper[data-orientation=horizontal]{flex-direction:row}#wrapper[data-orientation=horizontal] ::slotted(sinch-progress-stepper-item-v2){flex:0 0 auto;align-self:stretch;min-width:0}#wrapper[data-orientation=horizontal] ::slotted(sinch-icon[data-nectary-progress-stepper-v2-separator]){display:flex;flex-shrink:0;align-items:center;align-self:center;box-sizing:border-box;min-inline-size:24px;padding-inline:4px;pointer-events:none;--sinch-global-size-icon:24px;--sinch-global-color-icon:var(--sinch-comp-progress-stepper-v2-step-color-chevron)}#wrapper[data-orientation=vertical] ::slotted(sinch-icon[data-nectary-progress-stepper-v2-separator]){display:none!important}:host(:dir(rtl)) #wrapper[data-orientation=horizontal] ::slotted(sinch-icon[data-nectary-progress-stepper-v2-separator]){transform:scaleX(-1)}#wrapper[data-orientation=vertical]{position:absolute;width:100%;max-width:100%;height:0;overflow:hidden;visibility:hidden;pointer-events:none;flex-direction:row;align-items:stretch}#wrapper[data-orientation=vertical] ::slotted(sinch-progress-stepper-item-v2){flex:0 0 auto}#menu-wrapper{display:none;width:100%}#menu-wrapper[data-visible=true]{display:block;width:100%}#menu-wrapper[data-visible=true] sinch-pop{width:100%}#menu-wrapper[data-visible=true] #compact-stepper-pop-panel-gap{position:relative;padding-top:0;width:fit-content;min-width:100%;box-sizing:border-box}#menu-wrapper[data-visible=true] #compact-stepper-pop-panel{background-color:var(--sinch-comp-progress-stepper-v2-step-color-compact-background);border:1px solid var(--sinch-comp-progress-stepper-v2-step-color-compact-border);border-radius:var(--sinch-comp-popover-shape-radius);box-shadow:var(--sinch-comp-popover-shadow);overflow:hidden}#menu-wrapper[data-visible=true] #compact-stepper-trigger{all:unset;display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-height:var(--sinch-comp-button-size-container-l);padding:8px 10px;box-sizing:border-box;border:1px solid var(--sinch-comp-progress-stepper-v2-step-color-compact-border);border-radius:var(--sinch-comp-popover-shape-radius);background-color:var(--sinch-comp-progress-stepper-v2-step-color-compact-background);cursor:pointer;user-select:none}#menu-wrapper[data-visible=true] #compact-stepper-trigger:focus-visible{outline:2px solid var(--sinch-sys-color-focus);outline-offset:2px}#menu-wrapper[data-visible=true] #compact-stepper-label{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;font:var(--sinch-comp-progress-stepper-v2-step-font-label-initial);color:var(--sinch-comp-progress-stepper-v2-step-color-complete-label-initial)}#menu-wrapper[data-visible=true] #compact-stepper-chevron{flex-shrink:0;color:var(--sinch-comp-progress-stepper-v2-step-color-compact-chevron);pointer-events:none;--sinch-global-color-icon:currentcolor;--sinch-global-size-icon:24px}#menu-wrapper[data-visible=true] #compact-stepper-counter{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;height:24px;min-height:24px;padding:2px 9px;border:none;border-radius:var(--sinch-comp-progress-stepper-v2-step-shape-radius-indicator);background-color:var(--sinch-comp-progress-stepper-v2-step-color-incomplete-icon-container-initial);color:var(--sinch-comp-progress-stepper-v2-step-color-incomplete-icon-initial);user-select:none;white-space:nowrap;font:var(--sinch-sys-font-body-s);line-height:1}#menu-wrapper[data-visible=true] #compact-stepper-trigger[data-step-invalid] #compact-stepper-counter{background-color:var(--sinch-comp-progress-stepper-v2-step-color-invalid-icon-container-initial);color:var(--sinch-comp-progress-stepper-v2-step-color-invalid-icon-initial)}#menu-wrapper[data-visible=true] #compact-stepper-trigger[data-step-status=complete]:not([data-step-invalid]) #compact-stepper-counter{background-color:var(--sinch-comp-progress-stepper-v2-step-color-complete-icon-container-initial);color:var(--sinch-comp-progress-stepper-v2-step-color-complete-icon-initial)}#menu-wrapper[data-visible=true] sinch-action-menu{display:block;width:100%;box-sizing:border-box}#menu-wrapper[data-visible=true] sinch-action-menu-option{width:100%;box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent;--sinch-comp-text-align:start}#menu-wrapper[data-visible=true] sinch-action-menu-option:focus,#menu-wrapper[data-visible=true] sinch-action-menu-option:focus-visible{outline:0}#menu-wrapper[data-visible=true] sinch-action-menu-option:is([data-step-status=incomplete],[data-step-status=inactive]):not([data-step-invalid]){--sinch-comp-action-menu-font-option:var(--sinch-comp-progress-stepper-v2-step-font-label-initial);--sinch-comp-action-menu-color-default-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-incomplete-label-initial);--sinch-comp-action-menu-color-default-background-hover:var(--sinch-comp-progress-stepper-v2-step-color-incomplete-background-hover);--sinch-comp-action-menu-color-disabled-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-incomplete-label-initial)}#menu-wrapper[data-visible=true] sinch-action-menu-option:is([data-step-status=incomplete],[data-step-status=inactive]):not([data-step-invalid])[data-step-checked]{--sinch-comp-action-menu-font-option:var(--sinch-comp-progress-stepper-v2-step-font-label-current);--sinch-comp-action-menu-color-default-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-incomplete-label-current)}#menu-wrapper[data-visible=true] sinch-action-menu-option[data-step-status=complete]:not([data-step-invalid]){--sinch-comp-action-menu-font-option:var(--sinch-comp-progress-stepper-v2-step-font-label-initial);--sinch-comp-action-menu-color-default-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-complete-label-initial);--sinch-comp-action-menu-color-default-background-hover:var(--sinch-comp-progress-stepper-v2-step-color-complete-background-hover)}#menu-wrapper[data-visible=true] sinch-action-menu-option[data-step-status=complete]:not([data-step-invalid])[data-step-checked]{--sinch-comp-action-menu-font-option:var(--sinch-comp-progress-stepper-v2-step-font-label-current);--sinch-comp-action-menu-color-default-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-complete-label-current)}#menu-wrapper[data-visible=true] sinch-action-menu-option[data-step-invalid]{--sinch-comp-action-menu-font-option:var(--sinch-comp-progress-stepper-v2-step-font-label-initial);--sinch-comp-action-menu-color-default-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-invalid-label-initial);--sinch-comp-action-menu-color-default-background-hover:var(--sinch-comp-progress-stepper-v2-step-color-invalid-background-hover)}#menu-wrapper[data-visible=true] sinch-action-menu-option[data-step-invalid][data-step-checked]{--sinch-comp-action-menu-font-option:var(--sinch-comp-progress-stepper-v2-step-font-label-current);--sinch-comp-action-menu-color-default-text-initial:var(--sinch-comp-progress-stepper-v2-step-color-invalid-label-current)}</style><div id="wrapper" data-orientation="horizontal"><slot></slot></div><div id="menu-wrapper" data-visible="false"><sinch-pop id="compact-stepper-pop" inset="4" orientation="bottom-stretch" allow-scroll><button id="compact-stepper-trigger" slot="target" type="button" tabindex="0"><span id="compact-stepper-counter" aria-hidden="true"></span> <span id="compact-stepper-label"></span><sinch-icon id="compact-stepper-chevron" icons-version="2" name="fa-chevron-down" aria-hidden="true"></sinch-icon></button><div id="compact-stepper-pop-panel-gap" slot="content"><div id="compact-stepper-pop-panel"><sinch-action-menu></sinch-action-menu></div></div></sinch-pop></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/progress-stepper-v2/model.d.js

@@ -0,0 +1 @@
+

package/progress-stepper-v2/orientation.d.js

@@ -0,0 +1 @@
+

package/progress-stepper-v2/separators.d.js

@@ -0,0 +1 @@
+

package/progress-stepper-v2/separators.js

@@ -1,4 +1,4 @@
-import { createScopedElement } from "../utils/dom.js";
+import { h as createScopedElement } from "../dom.js";
 const TAG_STEP_SEPARATOR_ICON = "sinch-icon";
 const ATTR_STEP_SEPARATOR = "data-nectary-progress-stepper-v2-separator";
 function isStepSeparatorNode(el) {

package/progress-stepper-v2/step-chip.d.js

@@ -0,0 +1 @@
+import "../index.d3.js";

package/progress-stepper-v2/step-chip.js

@@ -1,5 +1,5 @@
-import "../icon/index.js";
-import { createScopedElement } from "../utils/dom.js";
+import "../index.d3.js";
+import { h as createScopedElement } from "../dom.js";
 const STEP_CHIP_TOKEN = "--sinch-comp-progress-stepper-v2-step";
 const chipStyles = new CSSStyleSheet();
 chipStyles.replaceSync(`

package/progress-stepper-v2/types.d.js

@@ -0,0 +1 @@
+

package/radio/global/index.d.js

@@ -0,0 +1 @@
+

package/radio/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-radio");

package/radio/index.d.js

@@ -0,0 +1 @@
+

package/radio/index.js

@@ -1,7 +1,7 @@
-import { getBooleanAttribute, updateAttribute, getAttribute, updateBooleanAttribute, isAttrTrue } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { setFormValue } from "../utils/form.js";
+import { j as getBooleanAttribute, y as updateAttribute, i as getAttribute, z as updateBooleanAttribute, t as isAttrTrue } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { s as setFormValue } from "../form.js";
 const templateHTML = '<style>:host{display:block}#wrapper{display:flex;flex-direction:var(--sinch-comp-radio-direction,column);gap:var(--sinch-comp-radio-gap,8px);box-sizing:border-box;width:100%}</style><div id="wrapper"><slot></slot></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/radio/types.d.js

@@ -0,0 +1 @@
+

package/radio-option/global/index.d.js

@@ -0,0 +1 @@
+

package/radio-option/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-radio-option");

package/radio-option/index.d.js

@@ -0,0 +1 @@
+

package/radio-option/index.js

@@ -1,5 +1,5 @@
-import { getBooleanAttribute, isAttrEqual, updateBooleanAttribute, isAttrTrue, updateExplicitBooleanAttribute, updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { j as getBooleanAttribute, s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, A as updateExplicitBooleanAttribute, y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;box-sizing:border-box;width:100%;min-height:24px;--sinch-local-color-background:var(--sinch-comp-radio-color-default-background-initial);--sinch-local-color-background-hover:var(--sinch-comp-radio-color-default-background-hover);--sinch-local-color-background-active:var(--sinch-comp-radio-color-default-background-active);--sinch-local-color-border:var(--sinch-comp-radio-color-default-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-default-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-default-border-active);--sinch-local-color-knob:var(--sinch-comp-radio-color-checked-knob-initial);--sinch-local-color-knob-hover:var(--sinch-comp-radio-color-checked-knob-hover);--sinch-local-color-knob-active:var(--sinch-comp-radio-color-checked-knob-active);--sinch-local-color-text:var(--sinch-comp-radio-color-default-label-initial)}:host([data-invalid])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-invalid-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-invalid-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-invalid-border-active);--sinch-local-color-text:var(--sinch-comp-radio-color-invalid-label-initial)}:host([checked])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-checked-border-initial);--sinch-local-color-border-hover:var(--sinch-comp-radio-color-checked-border-hover);--sinch-local-color-border-active:var(--sinch-comp-radio-color-checked-border-active)}:host([disabled])>#wrapper{--sinch-local-color-background:var(--sinch-comp-radio-color-disabled-background-initial);--sinch-local-color-border:var(--sinch-comp-radio-color-disabled-border-initial);--sinch-local-color-text:var(--sinch-comp-radio-color-disabled-label-initial)}:host([disabled][checked])>#wrapper{--sinch-local-color-border:var(--sinch-comp-radio-color-checked-disabled-border-initial);--sinch-local-color-knob:var(--sinch-comp-radio-color-checked-disabled-knob-initial);--sinch-local-color-text:var(--sinch-comp-radio-color-checked-disabled-label-initial)}#input{all:initial;display:block;width:18px;height:18px;cursor:pointer}:host([disabled]) #input{cursor:initial}#input-wrapper{position:relative;width:18px;height:18px;align-self:flex-start;margin-top:3px}#input::before{content:"";position:absolute;inset:-3px;border:2px solid var(--sinch-comp-radio-color-default-outline-focus);border-radius:50%;transition:opacity .1s linear;opacity:0;box-sizing:border-box;pointer-events:none}:host(:focus-visible) #input::before{opacity:1}#input::after{content:"";position:absolute;width:18px;height:18px;inset:0;margin:auto;background-color:var(--sinch-local-color-background);border:1px solid var(--sinch-local-color-border);border-radius:50%;box-sizing:border-box;pointer-events:none}:host(:hover:not([disabled])) #input::after{background-color:var(--sinch-local-color-background-hover);border-color:var(--sinch-local-color-border-hover)}:host(:active:not([disabled])) #input::after{background-color:var(--sinch-local-color-background-active);border-color:var(--sinch-local-color-border-active)}#knob{position:absolute;width:10px;height:10px;inset:0;margin:auto;border-radius:50%;transition:opacity .1s linear;opacity:0;background-color:var(--sinch-local-color-knob);pointer-events:none}:host([checked]) #knob{opacity:1}:host(:hover:not([disabled])) #knob{background-color:var(--sinch-local-color-knob-hover)}:host(:active:not([disabled])) #knob{background-color:var(--sinch-local-color-knob-active)}@media (prefers-reduced-motion){#input::after,#input::before,#knob{transition:none}}#label{flex:1;align-self:center;padding-left:8px;font:var(--sinch-comp-radio-font-label);color:var(--sinch-local-color-text);cursor:pointer}#label:empty{display:none}:host([disabled]) #label{cursor:initial}</style><div id="wrapper"><div id="input-wrapper"><div id="input"></div><div id="knob"></div></div><span id="label"></span></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/radio-option/types.d.js

@@ -0,0 +1 @@
+

package/rich-text/global/index.d.js

@@ -0,0 +1 @@
+

package/rich-text/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-rich-text");

package/rich-text/index.d.js

@@ -0,0 +1,4 @@
+import "../index3.js";
+import "../index.d9.js";
+import "../index.d16.js";
+import "../index.d17.js";

package/rich-text/index.js

@@ -1,13 +1,13 @@
-import { getEmojiBaseUrl } from "../emoji/utils.js";
-import "../emoji/index.js";
-import "../code-tag/index.js";
-import "../link/index.js";
-import "../rich-textarea-chip/index.js";
-import { getLiteralAttribute, updateLiteralAttribute, getAttribute, updateAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { parseMarkdown } from "../utils/markdown.js";
-import { createParseVisitor, sizeValues } from "./utils.js";
+import { a as getEmojiBaseUrl } from "../utils2.js";
+import "../index3.js";
+import "../index.d9.js";
+import "../index.d16.js";
+import "../index.d17.js";
+import { o as getLiteralAttribute, C as updateLiteralAttribute, i as getAttribute, y as updateAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { p as parseMarkdown } from "../markdown.js";
+import { c as createParseVisitor, s as sizeValues } from "../utils22.js";
 const templateHTML = '<style>:host{display:block;--sinch-comp-rich-text-font:var(--sinch-sys-font-body-m)}:host([size="s"]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-s)}:host([size=xs]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-xs)}:host([size=xxs]){--sinch-comp-rich-text-font:var(--sinch-sys-font-body-xxs)}#wrapper{font:var(--sinch-comp-rich-text-font);color:var(--sinch-global-color-text,var(--sinch-sys-color-text-default))}.em1{font-style:italic}.em2{font-weight:var(--sinch-ref-typography-font-weight-700)}.strikethrough{text-decoration:line-through}.link{font:var(--sinch-comp-link-default-font-initial);color:var(--sinch-comp-link-color-default-text-initial);text-decoration:underline}.link:hover{color:var(--sinch-comp-link-color-default-text-hover);text-decoration:none}.code{font:var(--sinch-comp-code-tag-font-text);line-height:inherit;font-size:inherit;border:1px solid var(--sinch-comp-code-tag-color-default-border-initial);background-color:var(--sinch-comp-code-tag-color-default-background-initial);padding:0 .25em;border-radius:var(--sinch-comp-code-tag-shape-radius)}.emoji{--sinch-global-size-icon:1em;--sinch-comp-emoji-vertical-align:-0.2em}.ol,.p,.ul{margin:0}.ol,.ul{padding-left:1.5em}.ol+.p,.p+.ol,.p+.p,.p+.ul,.ul+.p{margin-top:.5em}.li>.p+.ol,.li>.p+.ul{margin-top:0}</style><div id="wrapper"></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/rich-text/types.d.js

@@ -0,0 +1 @@
+

package/rich-text/utils.d.js

@@ -0,0 +1 @@
+

package/rich-text/utils.js

@@ -1,4 +1,4 @@
-import { setEmojiBaseUrl } from "../emoji/utils.js";
+import { s as setEmojiBaseUrl } from "../utils2.js";
 const sizeValues = ["m", "s", "xs", "xxs"];
 const createParseVisitor = (doc) => {
   let emojiBaseUrl = null;

package/rich-textarea/global/index.d.js

@@ -0,0 +1 @@
+

package/rich-textarea/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-rich-textarea");

package/rich-textarea/index.d.js

@@ -0,0 +1 @@
+import "../index.d17.js";

package/rich-textarea/index.js

@@ -1,11 +1,11 @@
-import { getEmojiBaseUrl } from "../emoji/utils.js";
-import "../rich-textarea-chip/index.js";
-import { updateAttribute, getAttribute, updateBooleanAttribute, getBooleanAttribute, getIntegerAttribute, setClass } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { isElementFocused } from "../utils/slot.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { parseMarkdown } from "../utils/markdown.js";
-import { createParseVisitor, getEndRange, formatList, handleEmojiMousedown, removeChip, setBrowserCaret, formatOutdent, formatIndent, formatInline, insertChip, insertLink, insertText, insertLineBreak, deleteContentBackward, serializeMarkdown, getSelectionInfo, isSelectionEqual, insertFromPaste, isEditorEmpty } from "./utils.js";
+import { a as getEmojiBaseUrl } from "../utils2.js";
+import "../index.d17.js";
+import { y as updateAttribute, i as getAttribute, z as updateBooleanAttribute, j as getBooleanAttribute, n as getIntegerAttribute, w as setClass } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { i as isElementFocused } from "../slot.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { p as parseMarkdown } from "../markdown.js";
+import { c as createParseVisitor, g as getEndRange, f as formatList, h as handleEmojiMousedown, r as removeChip, s as setBrowserCaret, a as formatOutdent, b as formatIndent, d as formatInline, i as insertChip, e as insertLink, j as insertText, k as insertLineBreak, l as deleteContentBackward, m as serializeMarkdown, n as getSelectionInfo, o as isSelectionEqual, p as insertFromPaste, q as isEditorEmpty } from "../utils23.js";
 const templateHTML = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;background-color:var(--sinch-comp-textarea-color-default-background-initial);border-radius:var(--sinch-local-shape-radius);overflow:hidden;--sinch-local-shape-radius:var(--sinch-comp-textarea-shape-radius)}#input-wrapper{position:relative;padding:8px 10px 8px 12px;box-sizing:border-box}#input{font:var(--sinch-comp-textarea-font-input);color:var(--sinch-comp-textarea-color-default-text-initial);caret-color:var(--sinch-comp-textarea-color-default-text-initial);white-space:pre-wrap;overflow-wrap:break-word;border:none;outline:0}#placeholder{display:none;position:absolute;left:0;top:0;font:var(--sinch-comp-textarea-font-input);color:var(--sinch-comp-textarea-color-default-text-placeholder);padding:8px 10px 8px 12px;pointer-events:none;user-select:none}#input.empty+#placeholder{display:block}#border{position:absolute;border:1px solid var(--sinch-comp-textarea-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host([invalid]) #border{border-color:var(--sinch-comp-textarea-color-invalid-border-initial)}:host([disabled]){color:var(--sinch-comp-textarea-color-disabled-text-initial);-webkit-text-fill-color:var(--sinch-comp-textarea-color-disabled-text-initial)}:host([disabled]) #border{border-color:var(--sinch-comp-textarea-color-disabled-border-initial)}:host(:not([disabled])) #input-wrapper:focus-within~#border{border-color:var(--sinch-comp-textarea-color-default-border-focus);border-width:2px}.oli,.p,.uli{margin:0}.oli.l0,.uli.l0{margin-left:6px}.oli.l1,.uli.l1{margin-left:36px}.oli.l2,.uli.l2{margin-left:64px}.oli.l3,.uli.l3{margin-left:92px}.oli.l4,.uli.l4{margin-left:120px}.uli.l0{counter-reset:list-0 list-1 list-2 list-3 list-4}.uli.l1{counter-reset:list-1 list-2 list-3 list-4}.uli.l2{counter-reset:list-2 list-3 list-4}.uli.l3{counter-reset:list-3 list-4}.uli.l4{counter-reset:list-4}.oli.l0{counter-reset:list-1 list-2 list-3 list-4}.oli.l1{counter-reset:list-2 list-3 list-4}.oli.l2{counter-reset:list-3 list-4}.oli.l3{counter-reset:list-4}.oli.l0::before{counter-increment:list-0;content:counter(list-0,decimal) ". "}.oli.l1::before{counter-increment:list-1;content:counter(list-1,lower-alpha) ". "}.oli.l2::before{counter-increment:list-2;content:counter(list-2,lower-roman) ". "}.oli.l3::before{counter-increment:list-3;content:counter(list-3,decimal) ". "}.oli.l4::before{counter-increment:list-4;content:counter(list-4,lower-alpha) ". "}.oli.block,.oli:first-of-type,.p+.oli{counter-reset:list-0 list-1 list-2 list-3 list-4}.uli::before{content:"\\25CF";display:inline-block;width:16px}.oli+.p,.oli.block,.p+.oli,.p+.uli,.uli+.p,.uli.block{margin-top:.5em}.c{font:var(--sinch-comp-code-tag-font-text);font-size:inherit;line-height:inherit;color:var(--sinch-comp-code-tag-color-default-text-initial);border:1px solid var(--sinch-comp-code-tag-color-default-border-initial);background-color:var(--sinch-comp-code-tag-color-default-background-initial);padding:0 .25em;border-radius:var(--sinch-comp-code-tag-shape-radius)}.l{font:var(--sinch-comp-link-default-font-initial);color:var(--sinch-comp-link-color-default-text-initial);text-decoration:underline}sinch-rich-textarea-chip{display:inline-flex;vertical-align:middle;user-select:none}.i{font-style:italic}.b{font-weight:700}.s{text-decoration:line-through}.e{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:1em;height:1em;vertical-align:-.2em}#top-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 4px 0}#top-wrapper.empty{display:none}#bottom-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 4px 4px}#bottom-wrapper.empty{display:none}</style><div id="wrapper"><div id="top-wrapper"><slot id="top" name="top"></slot></div><div id="input-wrapper"><div id="input" contenteditable="true" role="textbox" aria-multiline="true" suppresscontenteditablewarning autocapitalize="false" autocorrect="false" autosave="false" spellcheck="false"></div><div id="placeholder"></div></div><div id="border"></div><div id="bottom-wrapper"><slot id="bottom" name="bottom"></slot></div></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/rich-textarea/types.d.js

@@ -0,0 +1 @@
+

package/rich-textarea/utils.d.js

@@ -0,0 +1 @@
+

package/rich-textarea/utils.js

@@ -1,5 +1,5 @@
-import { getEmojiUrl, getEmojiBaseUrl } from "../emoji/utils.js";
-import { isEmojiString, parseMarkdown } from "../utils/markdown.js";
+import { a as getEmojiBaseUrl, g as getEmojiUrl } from "../utils2.js";
+import { i as isEmojiString, p as parseMarkdown } from "../markdown.js";
 const TEXT_EMPTY_DATA = "​";
 const TEXT_WHITESPACE = " ";
 const isTextNode = ($n) => $n !== null && $n.nodeType === Node.TEXT_NODE;

package/rich-textarea-chip/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d3.js";
+import "../index.d.js";

package/rich-textarea-chip/index.js

@@ -1,8 +1,8 @@
-import "../icon/index.js";
-import "../text/index.js";
-import { getTagColorBg, getTagColorFg } from "../tag/utils.js";
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateAttribute, getAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import "../index.d3.js";
+import "../index.d.js";
+import { g as getTagColorBg, a as getTagColorFg } from "../utils24.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, y as updateAttribute, i as getAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#button{all:initial;position:relative;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:var(--sinch-comp-chip-size-container-m);padding:0 5px 0 9px;border-radius:var(--sinch-comp-chip-shape-radius);background-color:var(--sinch-comp-chip-color-neutral-default-background-initial);box-sizing:border-box;--sinch-global-color-text:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-color-icon:var(--sinch-comp-chip-color-neutral-default-foreground-initial);--sinch-global-size-icon:var(--sinch-comp-chip-size-icon-m)}:host(:not([icon])) #icon-start{display:none}#text{flex:1;--sinch-comp-text-font:var(--sinch-comp-chip-font-size-m-label)}:host([readonly]) #button{padding-right:9px}#icon-close{cursor:pointer}:host([readonly]) #icon-close{display:none}</style><div id="button"><sinch-icon icons-version="2" id="icon-start"></sinch-icon><sinch-text id="text" type="xs" ellipsis></sinch-text><sinch-icon icons-version="2" name="circle-cross" id="icon-close"></sinch-icon></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/rich-textarea-chip/types.d.js

@@ -0,0 +1 @@
+

package/segment-collapse/global/index.d.js

@@ -0,0 +1 @@
+

package/segment-collapse/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-segment-collapse");

package/segment-collapse/index.d.js

@@ -0,0 +1 @@
+import "../index.d3.js";

package/segment-collapse/index.js

@@ -1,7 +1,7 @@
-import "../icon/index.js";
-import { updateExplicitBooleanAttribute, isAttrTrue, updateBooleanAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
+import "../index.d3.js";
+import { A as updateExplicitBooleanAttribute, t as isAttrTrue, z as updateBooleanAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
 const templateHTML = '<style>:host{display:block;--sinch-global-size-icon:32px}#icon-dropdown{display:block;will-change:transform;transform:rotate(180deg)}:host([value]:not([value=false])) #icon-dropdown{transform:rotate(0)}</style><sinch-button id="button" size="s"><sinch-icon icons-version="2" name="fa-chevron-down" id="icon-dropdown" slot="icon"></sinch-icon></sinch-button>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/segment-collapse/types.d.js

@@ -0,0 +1 @@
+

package/segmented-control/global/index.d.js

@@ -0,0 +1 @@
+

package/segmented-control/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-segmented-control");

package/segmented-control/index.d.js

@@ -0,0 +1 @@
+

package/segmented-control/index.js

@@ -1,8 +1,8 @@
-import { updateAttribute, getAttribute, getBooleanAttribute, updateBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { getTargetByAttribute } from "../utils/event-target.js";
-import { createKeyboardNavigation } from "../utils/control-keyboard-navigation.js";
+import { y as updateAttribute, i as getAttribute, j as getBooleanAttribute, z as updateBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { a as getTargetByAttribute } from "../event-target.js";
+import { c as createKeyboardNavigation } from "../control-keyboard-navigation.js";
 const templateHTML = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;z-index:0}</style><div id="wrapper"><slot></slot></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/segmented-control/types.d.js

@@ -0,0 +1 @@
+

package/segmented-control-option/global/index.d.js

@@ -0,0 +1 @@
+

package/segmented-control-option/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-segmented-control-option");

package/segmented-control-option/index.d.js

@@ -0,0 +1 @@
+

package/segmented-control-option/index.js

@@ -1,6 +1,6 @@
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateExplicitBooleanAttribute, updateAttribute, getAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, A as updateExplicitBooleanAttribute, y as updateAttribute, i as getAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
 const templateHTML = '<style>:host{display:block;outline:0}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;height:32px;padding:0 16px;box-sizing:border-box;color:var(--sinch-local-color-text);background-color:var(--sinch-local-color-background);cursor:pointer;--sinch-local-color-text:var(--sinch-comp-segmented-control-color-default-text-initial);--sinch-local-shape-radius:var(--sinch-comp-segmented-control-shape-radius);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-default-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-segmented-control-size-icon)}:host(:hover){--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-hover)}:host(:first-child) #wrapper{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #wrapper{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host([data-checked]) #wrapper{--sinch-local-color-text:var(--sinch-comp-segmented-control-color-checked-text-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-checked-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-checked-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-checked-background-initial)}:host([disabled]) #wrapper{--sinch-local-color-text:var(--sinch-comp-segmented-control-color-disabled-text-initial);--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-disabled-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-disabled-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-disabled-background-initial)}#border{position:absolute;inset:0;border:1px solid var(--sinch-local-color-border);pointer-events:none;box-sizing:border-box}:host(:first-child) #border{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #border{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host(:not(:first-child)) #border{border-left-width:0}:host([data-checked]) #border{border-width:2px}:host([data-checked]:not(:first-child)) #border{left:-1px}#outline{display:none;position:absolute;inset:-3px;border:2px solid var(--sinch-comp-segmented-control-color-default-outline-focus);pointer-events:none;box-sizing:border-box;z-index:1}:host(:focus-visible) #outline{display:block}:host(:first-child) #outline{border-top-left-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-left-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:last-child) #outline{border-top-right-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-right-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:not(:first-child)) #outline{left:-4px}#content{font:var(--sinch-comp-segmented-control-font-label);flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}::slotted(*){display:block;pointer-events:none}</style><div id="wrapper"><slot name="icon"></slot><span id="content"></span><div id="border"></div><div id="outline"></div></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/segmented-control-option/types.d.js

@@ -0,0 +1 @@
+

package/segmented-icon-control/global/index.d.js

@@ -0,0 +1 @@
+

package/segmented-icon-control/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-segmented-icon-control");

package/segmented-icon-control/index.d.js

@@ -0,0 +1 @@
+

package/segmented-icon-control/index.js

@@ -1,9 +1,9 @@
-import { updateCsv, unpackCsv, getFirstCsvValue } from "../utils/csv.js";
-import { updateAttribute, getAttribute, updateBooleanAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { getTargetByAttribute } from "../utils/event-target.js";
-import { createKeyboardNavigation } from "../utils/control-keyboard-navigation.js";
+import { a as updateCsv, u as unpackCsv, g as getFirstCsvValue } from "../csv.js";
+import { y as updateAttribute, i as getAttribute, z as updateBooleanAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { a as getTargetByAttribute } from "../event-target.js";
+import { c as createKeyboardNavigation } from "../control-keyboard-navigation.js";
 const templateHTML = '<style>:host{display:block;outline:0}#wrapper{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;z-index:0}</style><div id="wrapper"><slot></slot></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/segmented-icon-control/types.d.js

@@ -0,0 +1 @@
+

package/segmented-icon-control-option/global/index.d.js

@@ -0,0 +1 @@
+

package/segmented-icon-control-option/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-segmented-icon-control-option");

package/segmented-icon-control-option/index.d.js

@@ -0,0 +1 @@
+

package/segmented-icon-control-option/index.js

@@ -1,6 +1,6 @@
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateExplicitBooleanAttribute, updateAttribute, getAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, A as updateExplicitBooleanAttribute, y as updateAttribute, i as getAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
 const templateHTML = '<style>:host{display:block;outline:0}#wrapper{position:relative;width:56px;height:32px;padding:3px 16px;box-sizing:border-box;background-color:var(--sinch-local-color-background);cursor:pointer;--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-segmented-control-size-icon);--sinch-local-shape-radius:var(--sinch-comp-segmented-control-shape-radius);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-default-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-initial)}:host(:hover){--sinch-local-color-background:var(--sinch-comp-segmented-control-color-default-background-hover)}:host(:first-child) #wrapper{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #wrapper{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host([data-checked]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-checked-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-checked-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-checked-background-initial)}:host([disabled]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-segmented-control-color-disabled-icon-initial);--sinch-local-color-border:var(--sinch-comp-segmented-control-color-disabled-border-initial);--sinch-local-color-background:var(--sinch-comp-segmented-control-color-disabled-background-initial);cursor:initial}#border{position:absolute;inset:0;border:1px solid var(--sinch-local-color-border);pointer-events:none;box-sizing:border-box}:host(:first-child) #border{border-top-left-radius:var(--sinch-local-shape-radius);border-bottom-left-radius:var(--sinch-local-shape-radius)}:host(:last-child) #border{border-top-right-radius:var(--sinch-local-shape-radius);border-bottom-right-radius:var(--sinch-local-shape-radius)}:host(:not(:first-child)) #border{border-left-width:0}:host([data-checked]) #border{border-width:2px}:host([data-checked]:not(:first-child)) #border{left:-1px}#outline{display:none;position:absolute;inset:-3px;border:2px solid var(--sinch-comp-segmented-control-color-default-outline-focus);pointer-events:none;box-sizing:border-box;z-index:1}:host(:focus-visible) #outline{display:block}:host(:first-child) #outline{border-top-left-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-left-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:last-child) #outline{border-top-right-radius:calc(var(--sinch-local-shape-radius) + 3px);border-bottom-right-radius:calc(var(--sinch-local-shape-radius) + 3px)}:host(:not(:first-child)) #outline{left:-4px}::slotted(*){display:block;pointer-events:none}</style><div id="wrapper"><slot name="icon"></slot><div id="border"></div><div id="outline"></div></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/segmented-icon-control-option/types.d.js

@@ -0,0 +1 @@
+

package/select-button/global/index.d.js

@@ -0,0 +1 @@
+

package/select-button/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-select-button");

package/select-button/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d.js";
+import "../index.d3.js";

package/select-button/index.js

@@ -1,10 +1,10 @@
-import "../text/index.js";
-import "../icon/index.js";
-import { Context, subscribeContext } from "../utils/context.js";
-import { isAttrEqual, updateAttribute, isAttrTrue, updateBooleanAttribute, getAttribute, getBooleanAttribute, updateLiteralAttribute, getLiteralAttribute, setClass } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { sizeValues, DEFAULT_SIZE } from "../utils/size.js";
+import "../index.d.js";
+import "../index.d3.js";
+import { C as Context, s as subscribeContext } from "../context.js";
+import { s as isAttrEqual, y as updateAttribute, t as isAttrTrue, z as updateBooleanAttribute, i as getAttribute, j as getBooleanAttribute, C as updateLiteralAttribute, o as getLiteralAttribute, w as setClass } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { s as sizeValues, D as DEFAULT_SIZE } from "../size.js";
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0;cursor:pointer}:host([disabled]){cursor:initial}#wrapper{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--sinch-local-gap);box-sizing:border-box;width:100%;height:var(--sinch-local-size);padding:0 var(--sinch-local-padding-end) 0 var(--sinch-local-padding-start);background-color:var(--sinch-comp-select-button-color-default-background-initial);border-radius:var(--sinch-local-shape-radius);--sinch-local-size:var(--sinch-comp-select-button-size-container-m);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-m, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-m, 8px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-m, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-m, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-m, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-m);--sinch-global-color-icon:var(--sinch-comp-select-button-color-default-icon-initial)}:host([data-size="l"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-l);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-l, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-l, 12px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-l, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-l, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-l, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-l);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-l)}:host([data-size="m"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-m);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-m, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-m, 8px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-m, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-m, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-m, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-m);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-m)}:host([data-size="s"])>#wrapper{--sinch-local-size:var(--sinch-comp-select-button-size-container-s);--sinch-local-padding-start:var(--sinch-comp-select-button-spacing-padding-left-s, 12px);--sinch-local-padding-end:var(--sinch-comp-select-button-spacing-padding-right-s, 4px);--sinch-local-gap:var(--sinch-comp-select-button-spacing-gap-s, 8px);--sinch-local-left-slot-gap:var(--sinch-comp-select-button-spacing-left-slot-gap-s, 4px);--sinch-local-left-slot-offset:var(--sinch-comp-select-button-spacing-left-slot-offset-s, -4px);--sinch-global-size-icon:var(--sinch-comp-select-button-size-icon-s);--sinch-local-shape-radius:var(--sinch-comp-select-button-shape-radius-size-s)}:host([disabled]) #wrapper{--sinch-global-color-icon:var(--sinch-comp-select-button-color-disabled-icon-initial)}#text{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-button-font-input);--sinch-global-color-text:var(--sinch-comp-select-button-color-default-text-initial)}#text:empty{display:none}#placeholder{display:none;flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-button-font-placeholder);--sinch-global-color-text:var(--sinch-comp-select-button-color-default-placeholder-initial)}#text:empty+#placeholder{display:block}#border{position:absolute;border:1px solid var(--sinch-comp-select-button-color-default-border-initial);border-radius:var(--sinch-local-shape-radius);inset:0;pointer-events:none}:host(:focus-visible) #border{border-color:var(--sinch-comp-select-button-color-default-border-focus);border-width:2px}:host([invalid]) #border{border-color:var(--sinch-comp-select-button-color-invalid-border-initial)}:host([disabled]) #border{border-color:var(--sinch-comp-select-button-color-disabled-border-initial)}:host([disabled]) #text{--sinch-global-color-text:var(--sinch-comp-select-button-color-disabled-text-initial)}:host([disabled]) #placeholder{--sinch-global-color-text:var(--sinch-comp-select-button-color-disabled-placeholder-initial)}#left{display:flex;flex-direction:row;align-self:stretch;align-items:center;gap:var(--sinch-local-left-slot-gap);margin-left:var(--sinch-local-left-slot-offset)}#left.empty{display:none}</style><div id="wrapper" inert><div id="border"></div><div id="left"><slot name="left"></slot></div><slot name="icon"></slot><sinch-text id="text" type="m" ellipsis></sinch-text><sinch-text id="placeholder" type="m" ellipsis></sinch-text><sinch-icon icons-version="2" name="fa-angle-down" id="dropdown-icon"></sinch-icon></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/select-button/types.d.js

@@ -0,0 +1 @@
+

package/select-menu/global/index.d.js

@@ -0,0 +1 @@
+

package/select-menu/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-select-menu");

package/select-menu/index.d.js

@@ -0,0 +1,3 @@
+import "../index.d15.js";
+import "../index.d3.js";
+import "../index.d.js";