@getflip/swirl-components 0.1.0

package/dist/components/flip-tooltip.js

@@ -0,0 +1,143 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+/*! NanoPop 2.1.0 MIT | https://github.com/Simonwep/nanopop */
+const e={variantFlipOrder:{start:"sme",middle:"mse",end:"ems"},positionFlipOrder:{top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},position:"bottom",margin:8},r=(t,r,o)=>{const{container:n,margin:i,position:p,variantFlipOrder:s,positionFlipOrder:l}={container:document.documentElement.getBoundingClientRect(),...e,...o},{left:c,top:f}=r.style;r.style.left="0",r.style.top="0";const m=t.getBoundingClientRect(),a=r.getBoundingClientRect(),b={t:m.top-a.height-i,b:m.bottom+i,r:m.right+i,l:m.left-a.width-i},d={vs:m.left,vm:m.left+m.width/2+-a.width/2,ve:m.left+m.width-a.width,hs:m.top,hm:m.bottom-m.height/2-a.height/2,he:m.bottom-a.height},[h,u="middle"]=p.split("-"),v=l[h],g=s[u],{top:O,left:F,bottom:x,right:j}=n;for(const t of v){const e="t"===t||"b"===t,o=b[t],[n,i]=e?["top","left"]:["left","top"],[p,s]=e?[a.height,a.width]:[a.width,a.height],[l,c]=e?[x,j]:[j,x],[f,m]=e?[O,F]:[F,O];if(!(o<f||o+p>l))for(const p of g){const l=d[(e?"v":"h")+p];if(!(l<m||l+s>c))return r.style[i]=l-a[i]+"px",r.style[n]=o-a[n]+"px",t+p}}return r.style.left=c,r.style.top=f,null};
+
+const flipTooltipCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);backgrund-color:red}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}";
+
+const FlipTooltip$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.delay = 300;
+    this.position = "top";
+    this.visible = false;
+    this.onKeydown = (event) => {
+      if (event.code === "Escape") {
+        this.hide();
+      }
+    };
+    this.reposition = () => {
+      if (!Boolean(this.referenceEl) || !Boolean(this.popperEl)) {
+        return;
+      }
+      this.actualPosition = r(this.referenceEl, this.popperEl, this.options);
+    };
+    this.show = () => {
+      this.visible = true;
+      requestAnimationFrame(() => {
+        this.reposition();
+      });
+    };
+    this.showWithDelay = () => {
+      if (Boolean(this.showTimeout)) {
+        clearTimeout(this.showTimeout);
+        this.showTimeout = undefined;
+      }
+      this.showTimeout = setTimeout(() => {
+        this.show();
+      }, this.delay);
+    };
+    this.hide = () => {
+      if (Boolean(this.showTimeout)) {
+        clearTimeout(this.showTimeout);
+        this.showTimeout = undefined;
+      }
+      this.visible = false;
+    };
+    this.updateOptions = () => {
+      const margin = +getComputedStyle(document.documentElement)
+        .getPropertyValue("--s-space-12")
+        .replace("rem", "") * 16;
+      this.options = {
+        margin,
+        position: this.position,
+      };
+    };
+    this.getArrowStyles = () => {
+      if (this.actualPosition === "tm") {
+        return {
+          top: "100%",
+          left: "50%",
+          transform: "translate3d(-50%, -50%, 0) rotate(45deg)",
+        };
+      }
+      if (this.actualPosition === "bm") {
+        return {
+          bottom: "100%",
+          left: "50%",
+          transform: "translate3d(-50%, 50%, 0) rotate(45deg)",
+        };
+      }
+      if (this.actualPosition === "rm") {
+        return {
+          top: "50%",
+          right: "100%",
+          transform: "translate3d(50%, -50%, 0) rotate(45deg)",
+        };
+      }
+      if (this.actualPosition === "lm") {
+        return {
+          top: "50%",
+          left: "100%",
+          transform: "translate3d(-50%, -50%, 0) rotate(45deg)",
+        };
+      }
+    };
+  }
+  watchPosition() {
+    this.updateOptions();
+  }
+  onMouseEnter() {
+    this.showWithDelay();
+  }
+  onMouseLeave() {
+    this.hide();
+  }
+  onWindowResize() {
+    this.reposition();
+  }
+  onWindowScroll() {
+    this.reposition();
+  }
+  componentWillLoad() {
+    this.reposition();
+  }
+  componentDidLoad() {
+    this.updateOptions();
+  }
+  render() {
+    const arrowStyles = this.getArrowStyles();
+    return (h(Host, { onKeydown: this.onKeydown }, h("span", { class: "tooltip" }, h("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onBlur: this.hide, onClick: this.hide, onFocus: this.show, ref: (el) => (this.referenceEl = el), tabIndex: 0 }, h("slot", null)), h("span", { class: "tooltip__popper", ref: (el) => (this.popperEl = el) }, this.visible && (h("span", { class: "tooltip__bubble", id: "tooltip", role: "tooltip" }, h("span", { class: "tooltip__content", innerHTML: this.content }), h("span", { class: "tooltip__arrow", style: arrowStyles })))))));
+  }
+  static get watchers() { return {
+    "position": ["watchPosition"]
+  }; }
+  static get style() { return flipTooltipCss; }
+}, [1, "flip-tooltip", {
+    "content": [1],
+    "delay": [2],
+    "position": [1],
+    "actualPosition": [32],
+    "visible": [32]
+  }, [[1, "mouseenter", "onMouseEnter"], [1, "mouseleave", "onMouseLeave"], [9, "resize", "onWindowResize"], [9, "scroll", "onWindowScroll"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-tooltip":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipTooltip$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const FlipTooltip = FlipTooltip$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipTooltip, defineCustomElement };

package/dist/components/flip-visually-hidden.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipVisuallyHidden extends Components.FlipVisuallyHidden, HTMLElement {}
+export const FlipVisuallyHidden: {
+  prototype: FlipVisuallyHidden;
+  new (): FlipVisuallyHidden;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/flip-visually-hidden.js

@@ -0,0 +1,6 @@
+import { F as FlipVisuallyHidden$1, d as defineCustomElement$1 } from './flip-visually-hidden2.js';
+
+const FlipVisuallyHidden = FlipVisuallyHidden$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipVisuallyHidden, defineCustomElement };

package/dist/components/flip-visually-hidden2.js

@@ -0,0 +1,31 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const flipVisuallyHiddenCss = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";
+
+const FlipVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get style() { return flipVisuallyHiddenCss; }
+}, [1, "flip-visually-hidden"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-visually-hidden":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipVisuallyHidden);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { FlipVisuallyHidden as F, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -0,0 +1,119 @@
+/* SwirlComponents custom elements */
+export { FlipActionList as FlipActionList } from '../types/components/flip-action-list/flip-action-list';
+export { FlipActionListItem as FlipActionListItem } from '../types/components/flip-action-list-item/flip-action-list-item';
+export { FlipActionListSection as FlipActionListSection } from '../types/components/flip-action-list-section/flip-action-list-section';
+export { FlipAvatar as FlipAvatar } from '../types/components/flip-avatar/flip-avatar';
+export { FlipAvatarGroup as FlipAvatarGroup } from '../types/components/flip-avatar-group/flip-avatar-group';
+export { FlipBadge as FlipBadge } from '../types/components/flip-badge/flip-badge';
+export { FlipBanner as FlipBanner } from '../types/components/flip-banner/flip-banner';
+export { FlipButton as FlipButton } from '../types/components/flip-button/flip-button';
+export { FlipButtonGroup as FlipButtonGroup } from '../types/components/flip-button-group/flip-button-group';
+export { FlipCheckbox as FlipCheckbox } from '../types/components/flip-checkbox/flip-checkbox';
+export { FlipChip as FlipChip } from '../types/components/flip-chip/flip-chip';
+export { FlipDescriptionList as FlipDescriptionList } from '../types/components/flip-description-list/flip-description-list';
+export { FlipDescriptionListItem as FlipDescriptionListItem } from '../types/components/flip-description-list-item/flip-description-list-item';
+export { FlipDialog as FlipDialog } from '../types/components/flip-dialog/flip-dialog';
+export { FlipIconAdd as FlipIconAdd } from '../types/components/flip-icon/icons/flip-icon-add';
+export { FlipIconAddPhoto as FlipIconAddPhoto } from '../types/components/flip-icon/icons/flip-icon-add-photo';
+export { FlipIconAdminPanelSettings as FlipIconAdminPanelSettings } from '../types/components/flip-icon/icons/flip-icon-admin-panel-settings';
+export { FlipIconArrowBack as FlipIconArrowBack } from '../types/components/flip-icon/icons/flip-icon-arrow-back';
+export { FlipIconArrowForward as FlipIconArrowForward } from '../types/components/flip-icon/icons/flip-icon-arrow-forward';
+export { FlipIconArrowRightSmall as FlipIconArrowRightSmall } from '../types/components/flip-icon/icons/flip-icon-arrow-right-small';
+export { FlipIconAttachment as FlipIconAttachment } from '../types/components/flip-icon/icons/flip-icon-attachment';
+export { FlipIconCancel as FlipIconCancel } from '../types/components/flip-icon/icons/flip-icon-cancel';
+export { FlipIconChatBubble as FlipIconChatBubble } from '../types/components/flip-icon/icons/flip-icon-chat-bubble';
+export { FlipIconCheck as FlipIconCheck } from '../types/components/flip-icon/icons/flip-icon-check';
+export { FlipIconCheckCircle as FlipIconCheckCircle } from '../types/components/flip-icon/icons/flip-icon-check-circle';
+export { FlipIconCheckSmall as FlipIconCheckSmall } from '../types/components/flip-icon/icons/flip-icon-check-small';
+export { FlipIconCheckStrong as FlipIconCheckStrong } from '../types/components/flip-icon/icons/flip-icon-check-strong';
+export { FlipIconChevronLeft as FlipIconChevronLeft } from '../types/components/flip-icon/icons/flip-icon-chevron-left';
+export { FlipIconChevronRight as FlipIconChevronRight } from '../types/components/flip-icon/icons/flip-icon-chevron-right';
+export { FlipIconClose as FlipIconClose } from '../types/components/flip-icon/icons/flip-icon-close';
+export { FlipIconCloseSmall as FlipIconCloseSmall } from '../types/components/flip-icon/icons/flip-icon-close-small';
+export { FlipIconComment as FlipIconComment } from '../types/components/flip-icon/icons/flip-icon-comment';
+export { FlipIconCopy as FlipIconCopy } from '../types/components/flip-icon/icons/flip-icon-copy';
+export { FlipIconDateRange as FlipIconDateRange } from '../types/components/flip-icon/icons/flip-icon-date-range';
+export { FlipIconDelete as FlipIconDelete } from '../types/components/flip-icon/icons/flip-icon-delete';
+export { FlipIconDescription as FlipIconDescription } from '../types/components/flip-icon/icons/flip-icon-description';
+export { FlipIconDownload as FlipIconDownload } from '../types/components/flip-icon/icons/flip-icon-download';
+export { FlipIconEdit as FlipIconEdit } from '../types/components/flip-icon/icons/flip-icon-edit';
+export { FlipIconEmojiMood as FlipIconEmojiMood } from '../types/components/flip-icon/icons/flip-icon-emoji-mood';
+export { FlipIconEmojiSatisfied as FlipIconEmojiSatisfied } from '../types/components/flip-icon/icons/flip-icon-emoji-satisfied';
+export { FlipIconError as FlipIconError } from '../types/components/flip-icon/icons/flip-icon-error';
+export { FlipIconExpandLess as FlipIconExpandLess } from '../types/components/flip-icon/icons/flip-icon-expand-less';
+export { FlipIconExpandMore as FlipIconExpandMore } from '../types/components/flip-icon/icons/flip-icon-expand-more';
+export { FlipIconFile as FlipIconFile } from '../types/components/flip-icon/icons/flip-icon-file';
+export { FlipIconFolderShared as FlipIconFolderShared } from '../types/components/flip-icon/icons/flip-icon-folder-shared';
+export { FlipIconGroupAssign as FlipIconGroupAssign } from '../types/components/flip-icon/icons/flip-icon-group-assign';
+export { FlipIconGroups as FlipIconGroups } from '../types/components/flip-icon/icons/flip-icon-groups';
+export { FlipIconGroupsCustom as FlipIconGroupsCustom } from '../types/components/flip-icon/icons/flip-icon-groups-custom';
+export { FlipIconImage as FlipIconImage } from '../types/components/flip-icon/icons/flip-icon-image';
+export { FlipIconInfo as FlipIconInfo } from '../types/components/flip-icon/icons/flip-icon-info';
+export { FlipIconInventory as FlipIconInventory } from '../types/components/flip-icon/icons/flip-icon-inventory';
+export { FlipIconLike as FlipIconLike } from '../types/components/flip-icon/icons/flip-icon-like';
+export { FlipIconLink as FlipIconLink } from '../types/components/flip-icon/icons/flip-icon-link';
+export { FlipIconLock as FlipIconLock } from '../types/components/flip-icon/icons/flip-icon-lock';
+export { FlipIconLogout as FlipIconLogout } from '../types/components/flip-icon/icons/flip-icon-logout';
+export { FlipIconMail as FlipIconMail } from '../types/components/flip-icon/icons/flip-icon-mail';
+export { FlipIconManageAccounts as FlipIconManageAccounts } from '../types/components/flip-icon/icons/flip-icon-manage-accounts';
+export { FlipIconMention as FlipIconMention } from '../types/components/flip-icon/icons/flip-icon-mention';
+export { FlipIconMessage as FlipIconMessage } from '../types/components/flip-icon/icons/flip-icon-message';
+export { FlipIconMoreHorizontal as FlipIconMoreHorizontal } from '../types/components/flip-icon/icons/flip-icon-more-horizontal';
+export { FlipIconMoreVertikal as FlipIconMoreVertikal } from '../types/components/flip-icon/icons/flip-icon-more-vertikal';
+export { FlipIconNotifications as FlipIconNotifications } from '../types/components/flip-icon/icons/flip-icon-notifications';
+export { FlipIconNotificationsActive as FlipIconNotificationsActive } from '../types/components/flip-icon/icons/flip-icon-notifications-active';
+export { FlipIconNotificationsOff as FlipIconNotificationsOff } from '../types/components/flip-icon/icons/flip-icon-notifications-off';
+export { FlipIconPeopleAlt as FlipIconPeopleAlt } from '../types/components/flip-icon/icons/flip-icon-people-alt';
+export { FlipIconPerson as FlipIconPerson } from '../types/components/flip-icon/icons/flip-icon-person';
+export { FlipIconPersonOff as FlipIconPersonOff } from '../types/components/flip-icon/icons/flip-icon-person-off';
+export { FlipIconPhone as FlipIconPhone } from '../types/components/flip-icon/icons/flip-icon-phone';
+export { FlipIconPoll as FlipIconPoll } from '../types/components/flip-icon/icons/flip-icon-poll';
+export { FlipIconRecieved as FlipIconRecieved } from '../types/components/flip-icon/icons/flip-icon-recieved';
+export { FlipIconSearch as FlipIconSearch } from '../types/components/flip-icon/icons/flip-icon-search';
+export { FlipIconSearchStrong as FlipIconSearchStrong } from '../types/components/flip-icon/icons/flip-icon-search-strong';
+export { FlipIconSend as FlipIconSend } from '../types/components/flip-icon/icons/flip-icon-send';
+export { FlipIconSettings as FlipIconSettings } from '../types/components/flip-icon/icons/flip-icon-settings';
+export { FlipIconTimeFilled as FlipIconTimeFilled } from '../types/components/flip-icon/icons/flip-icon-time-filled';
+export { FlipIconTimeOutlined as FlipIconTimeOutlined } from '../types/components/flip-icon/icons/flip-icon-time-outlined';
+export { FlipIconToday as FlipIconToday } from '../types/components/flip-icon/icons/flip-icon-today';
+export { FlipIconUserAssign as FlipIconUserAssign } from '../types/components/flip-icon/icons/flip-icon-user-assign';
+export { FlipIconVideoCamera as FlipIconVideoCamera } from '../types/components/flip-icon/icons/flip-icon-video-camera';
+export { FlipIconVisibility as FlipIconVisibility } from '../types/components/flip-icon/icons/flip-icon-visibility';
+export { FlipIconVisibilityOff as FlipIconVisibilityOff } from '../types/components/flip-icon/icons/flip-icon-visibility-off';
+export { FlipIconWarning as FlipIconWarning } from '../types/components/flip-icon/icons/flip-icon-warning';
+export { FlipInlineError as FlipInlineError } from '../types/components/flip-inline-error/flip-inline-error';
+export { FlipLink as FlipLink } from '../types/components/flip-link/flip-link';
+export { FlipPopover as FlipPopover } from '../types/components/flip-popover/flip-popover';
+export { FlipRadio as FlipRadio } from '../types/components/flip-radio/flip-radio';
+export { FlipRadioGroup as FlipRadioGroup } from '../types/components/flip-radio-group/flip-radio-group';
+export { FlipSearch as FlipSearch } from '../types/components/flip-search/flip-search';
+export { FlipSpinner as FlipSpinner } from '../types/components/flip-spinner/flip-spinner';
+export { FlipStack as FlipStack } from '../types/components/flip-stack/flip-stack';
+export { FlipSwitch as FlipSwitch } from '../types/components/flip-switch/flip-switch';
+export { FlipTag as FlipTag } from '../types/components/flip-tag/flip-tag';
+export { FlipThemeProvider as FlipThemeProvider } from '../types/components/flip-theme-provider/flip-theme-provider';
+export { FlipThumbnail as FlipThumbnail } from '../types/components/flip-thumbnail/flip-thumbnail';
+export { FlipToast as FlipToast } from '../types/components/flip-toast/flip-toast';
+export { FlipToastProvider as FlipToastProvider } from '../types/components/flip-toast-provider/flip-toast-provider';
+export { FlipTooltip as FlipTooltip } from '../types/components/flip-tooltip/flip-tooltip';
+export { FlipVisuallyHidden as FlipVisuallyHidden } from '../types/components/flip-visually-hidden/flip-visually-hidden';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,99 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { FlipActionList, defineCustomElement as defineCustomElementFlipActionList } from './flip-action-list.js';
+export { FlipActionListItem, defineCustomElement as defineCustomElementFlipActionListItem } from './flip-action-list-item.js';
+export { FlipActionListSection, defineCustomElement as defineCustomElementFlipActionListSection } from './flip-action-list-section.js';
+export { FlipAvatar, defineCustomElement as defineCustomElementFlipAvatar } from './flip-avatar.js';
+export { FlipAvatarGroup, defineCustomElement as defineCustomElementFlipAvatarGroup } from './flip-avatar-group.js';
+export { FlipBadge, defineCustomElement as defineCustomElementFlipBadge } from './flip-badge.js';
+export { FlipBanner, defineCustomElement as defineCustomElementFlipBanner } from './flip-banner.js';
+export { FlipButton, defineCustomElement as defineCustomElementFlipButton } from './flip-button.js';
+export { FlipButtonGroup, defineCustomElement as defineCustomElementFlipButtonGroup } from './flip-button-group.js';
+export { FlipCheckbox, defineCustomElement as defineCustomElementFlipCheckbox } from './flip-checkbox.js';
+export { FlipChip, defineCustomElement as defineCustomElementFlipChip } from './flip-chip.js';
+export { FlipDescriptionList, defineCustomElement as defineCustomElementFlipDescriptionList } from './flip-description-list.js';
+export { FlipDescriptionListItem, defineCustomElement as defineCustomElementFlipDescriptionListItem } from './flip-description-list-item.js';
+export { FlipDialog, defineCustomElement as defineCustomElementFlipDialog } from './flip-dialog.js';
+export { FlipIconAdd, defineCustomElement as defineCustomElementFlipIconAdd } from './flip-icon-add.js';
+export { FlipIconAddPhoto, defineCustomElement as defineCustomElementFlipIconAddPhoto } from './flip-icon-add-photo.js';
+export { FlipIconAdminPanelSettings, defineCustomElement as defineCustomElementFlipIconAdminPanelSettings } from './flip-icon-admin-panel-settings.js';
+export { FlipIconArrowBack, defineCustomElement as defineCustomElementFlipIconArrowBack } from './flip-icon-arrow-back.js';
+export { FlipIconArrowForward, defineCustomElement as defineCustomElementFlipIconArrowForward } from './flip-icon-arrow-forward.js';
+export { FlipIconArrowRightSmall, defineCustomElement as defineCustomElementFlipIconArrowRightSmall } from './flip-icon-arrow-right-small.js';
+export { FlipIconAttachment, defineCustomElement as defineCustomElementFlipIconAttachment } from './flip-icon-attachment.js';
+export { FlipIconCancel, defineCustomElement as defineCustomElementFlipIconCancel } from './flip-icon-cancel.js';
+export { FlipIconChatBubble, defineCustomElement as defineCustomElementFlipIconChatBubble } from './flip-icon-chat-bubble.js';
+export { FlipIconCheck, defineCustomElement as defineCustomElementFlipIconCheck } from './flip-icon-check.js';
+export { FlipIconCheckCircle, defineCustomElement as defineCustomElementFlipIconCheckCircle } from './flip-icon-check-circle.js';
+export { FlipIconCheckSmall, defineCustomElement as defineCustomElementFlipIconCheckSmall } from './flip-icon-check-small.js';
+export { FlipIconCheckStrong, defineCustomElement as defineCustomElementFlipIconCheckStrong } from './flip-icon-check-strong.js';
+export { FlipIconChevronLeft, defineCustomElement as defineCustomElementFlipIconChevronLeft } from './flip-icon-chevron-left.js';
+export { FlipIconChevronRight, defineCustomElement as defineCustomElementFlipIconChevronRight } from './flip-icon-chevron-right.js';
+export { FlipIconClose, defineCustomElement as defineCustomElementFlipIconClose } from './flip-icon-close.js';
+export { FlipIconCloseSmall, defineCustomElement as defineCustomElementFlipIconCloseSmall } from './flip-icon-close-small.js';
+export { FlipIconComment, defineCustomElement as defineCustomElementFlipIconComment } from './flip-icon-comment.js';
+export { FlipIconCopy, defineCustomElement as defineCustomElementFlipIconCopy } from './flip-icon-copy.js';
+export { FlipIconDateRange, defineCustomElement as defineCustomElementFlipIconDateRange } from './flip-icon-date-range.js';
+export { FlipIconDelete, defineCustomElement as defineCustomElementFlipIconDelete } from './flip-icon-delete.js';
+export { FlipIconDescription, defineCustomElement as defineCustomElementFlipIconDescription } from './flip-icon-description.js';
+export { FlipIconDownload, defineCustomElement as defineCustomElementFlipIconDownload } from './flip-icon-download.js';
+export { FlipIconEdit, defineCustomElement as defineCustomElementFlipIconEdit } from './flip-icon-edit.js';
+export { FlipIconEmojiMood, defineCustomElement as defineCustomElementFlipIconEmojiMood } from './flip-icon-emoji-mood.js';
+export { FlipIconEmojiSatisfied, defineCustomElement as defineCustomElementFlipIconEmojiSatisfied } from './flip-icon-emoji-satisfied.js';
+export { FlipIconError, defineCustomElement as defineCustomElementFlipIconError } from './flip-icon-error.js';
+export { FlipIconExpandLess, defineCustomElement as defineCustomElementFlipIconExpandLess } from './flip-icon-expand-less.js';
+export { FlipIconExpandMore, defineCustomElement as defineCustomElementFlipIconExpandMore } from './flip-icon-expand-more.js';
+export { FlipIconFile, defineCustomElement as defineCustomElementFlipIconFile } from './flip-icon-file.js';
+export { FlipIconFolderShared, defineCustomElement as defineCustomElementFlipIconFolderShared } from './flip-icon-folder-shared.js';
+export { FlipIconGroupAssign, defineCustomElement as defineCustomElementFlipIconGroupAssign } from './flip-icon-group-assign.js';
+export { FlipIconGroups, defineCustomElement as defineCustomElementFlipIconGroups } from './flip-icon-groups.js';
+export { FlipIconGroupsCustom, defineCustomElement as defineCustomElementFlipIconGroupsCustom } from './flip-icon-groups-custom.js';
+export { FlipIconImage, defineCustomElement as defineCustomElementFlipIconImage } from './flip-icon-image.js';
+export { FlipIconInfo, defineCustomElement as defineCustomElementFlipIconInfo } from './flip-icon-info.js';
+export { FlipIconInventory, defineCustomElement as defineCustomElementFlipIconInventory } from './flip-icon-inventory.js';
+export { FlipIconLike, defineCustomElement as defineCustomElementFlipIconLike } from './flip-icon-like.js';
+export { FlipIconLink, defineCustomElement as defineCustomElementFlipIconLink } from './flip-icon-link.js';
+export { FlipIconLock, defineCustomElement as defineCustomElementFlipIconLock } from './flip-icon-lock.js';
+export { FlipIconLogout, defineCustomElement as defineCustomElementFlipIconLogout } from './flip-icon-logout.js';
+export { FlipIconMail, defineCustomElement as defineCustomElementFlipIconMail } from './flip-icon-mail.js';
+export { FlipIconManageAccounts, defineCustomElement as defineCustomElementFlipIconManageAccounts } from './flip-icon-manage-accounts.js';
+export { FlipIconMention, defineCustomElement as defineCustomElementFlipIconMention } from './flip-icon-mention.js';
+export { FlipIconMessage, defineCustomElement as defineCustomElementFlipIconMessage } from './flip-icon-message.js';
+export { FlipIconMoreHorizontal, defineCustomElement as defineCustomElementFlipIconMoreHorizontal } from './flip-icon-more-horizontal.js';
+export { FlipIconMoreVertikal, defineCustomElement as defineCustomElementFlipIconMoreVertikal } from './flip-icon-more-vertikal.js';
+export { FlipIconNotifications, defineCustomElement as defineCustomElementFlipIconNotifications } from './flip-icon-notifications.js';
+export { FlipIconNotificationsActive, defineCustomElement as defineCustomElementFlipIconNotificationsActive } from './flip-icon-notifications-active.js';
+export { FlipIconNotificationsOff, defineCustomElement as defineCustomElementFlipIconNotificationsOff } from './flip-icon-notifications-off.js';
+export { FlipIconPeopleAlt, defineCustomElement as defineCustomElementFlipIconPeopleAlt } from './flip-icon-people-alt.js';
+export { FlipIconPerson, defineCustomElement as defineCustomElementFlipIconPerson } from './flip-icon-person.js';
+export { FlipIconPersonOff, defineCustomElement as defineCustomElementFlipIconPersonOff } from './flip-icon-person-off.js';
+export { FlipIconPhone, defineCustomElement as defineCustomElementFlipIconPhone } from './flip-icon-phone.js';
+export { FlipIconPoll, defineCustomElement as defineCustomElementFlipIconPoll } from './flip-icon-poll.js';
+export { FlipIconRecieved, defineCustomElement as defineCustomElementFlipIconRecieved } from './flip-icon-recieved.js';
+export { FlipIconSearch, defineCustomElement as defineCustomElementFlipIconSearch } from './flip-icon-search.js';
+export { FlipIconSearchStrong, defineCustomElement as defineCustomElementFlipIconSearchStrong } from './flip-icon-search-strong.js';
+export { FlipIconSend, defineCustomElement as defineCustomElementFlipIconSend } from './flip-icon-send.js';
+export { FlipIconSettings, defineCustomElement as defineCustomElementFlipIconSettings } from './flip-icon-settings.js';
+export { FlipIconTimeFilled, defineCustomElement as defineCustomElementFlipIconTimeFilled } from './flip-icon-time-filled.js';
+export { FlipIconTimeOutlined, defineCustomElement as defineCustomElementFlipIconTimeOutlined } from './flip-icon-time-outlined.js';
+export { FlipIconToday, defineCustomElement as defineCustomElementFlipIconToday } from './flip-icon-today.js';
+export { FlipIconUserAssign, defineCustomElement as defineCustomElementFlipIconUserAssign } from './flip-icon-user-assign.js';
+export { FlipIconVideoCamera, defineCustomElement as defineCustomElementFlipIconVideoCamera } from './flip-icon-video-camera.js';
+export { FlipIconVisibility, defineCustomElement as defineCustomElementFlipIconVisibility } from './flip-icon-visibility.js';
+export { FlipIconVisibilityOff, defineCustomElement as defineCustomElementFlipIconVisibilityOff } from './flip-icon-visibility-off.js';
+export { FlipIconWarning, defineCustomElement as defineCustomElementFlipIconWarning } from './flip-icon-warning.js';
+export { FlipInlineError, defineCustomElement as defineCustomElementFlipInlineError } from './flip-inline-error.js';
+export { FlipLink, defineCustomElement as defineCustomElementFlipLink } from './flip-link.js';
+export { FlipPopover, defineCustomElement as defineCustomElementFlipPopover } from './flip-popover.js';
+export { FlipRadio, defineCustomElement as defineCustomElementFlipRadio } from './flip-radio.js';
+export { FlipRadioGroup, defineCustomElement as defineCustomElementFlipRadioGroup } from './flip-radio-group.js';
+export { FlipSearch, defineCustomElement as defineCustomElementFlipSearch } from './flip-search.js';
+export { FlipSpinner, defineCustomElement as defineCustomElementFlipSpinner } from './flip-spinner.js';
+export { FlipStack, defineCustomElement as defineCustomElementFlipStack } from './flip-stack.js';
+export { FlipSwitch, defineCustomElement as defineCustomElementFlipSwitch } from './flip-switch.js';
+export { FlipTag, defineCustomElement as defineCustomElementFlipTag } from './flip-tag.js';
+export { FlipThemeProvider, defineCustomElement as defineCustomElementFlipThemeProvider } from './flip-theme-provider.js';
+export { FlipThumbnail, defineCustomElement as defineCustomElementFlipThumbnail } from './flip-thumbnail.js';
+export { FlipToast, defineCustomElement as defineCustomElementFlipToast } from './flip-toast.js';
+export { FlipToastProvider, defineCustomElement as defineCustomElementFlipToastProvider } from './flip-toast-provider.js';
+export { FlipTooltip, defineCustomElement as defineCustomElementFlipTooltip } from './flip-tooltip.js';
+export { FlipVisuallyHidden, defineCustomElement as defineCustomElementFlipVisuallyHidden } from './flip-visually-hidden.js';

package/dist/components/index2.js

@@ -0,0 +1,70 @@
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var classnames = createCommonjsModule(function (module) {
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames() {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
+				}
+			} else if (argType === 'object') {
+				if (arg.toString === Object.prototype.toString) {
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				} else {
+					classes.push(arg.toString());
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+export { classnames as c };

package/dist/components/utils.js

@@ -0,0 +1,26 @@
+function querySelectorAllDeep(root, selector) {
+  function collectAllElementsDeep(selector, root) {
+    if (!Boolean(root)) {
+      return [];
+    }
+    const lightDomMatches = Array.from(root.querySelectorAll(selector));
+    const slottedChildren = Boolean(window.HTMLSlotElement) && root instanceof HTMLSlotElement
+      ? root.assignedElements()
+      : [];
+    const children = [...Array.from(root.children), ...slottedChildren];
+    const shadowRoot = root.shadowRoot;
+    const shadowRootElements = collectAllElementsDeep(selector, shadowRoot);
+    const matches = [
+      ...lightDomMatches,
+      ...children
+        .map((match) => collectAllElementsDeep(selector, match))
+        .flat(),
+      ...shadowRootElements,
+    ];
+    return matches;
+  }
+  const matches = collectAllElementsDeep(selector, root).filter((match, index, matches) => !matches.some((m, i) => m.isSameNode(match) && i > index));
+  return matches;
+}
+
+export { querySelectorAllDeep as q };

package/dist/esm/flip-action-list-item.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h, H as Host } from './index-36517fab.js';
+import { c as classnames } from './index-3c78bcaf.js';
+
+const flipActionListItemCss = ":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{background-color:var(--s-surface-overlay-hovered);outline:none}.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: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)}";
+
+const FlipActionListItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.intent = "default";
+    this.size = "m";
+  }
+  render() {
+    const showSuffix = Boolean(this.suffix) && !this.disabled;
+    const className = classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return (h(Host, null, h("button", { class: className, disabled: this.disabled, role: "menuitem", tabIndex: -1, type: "button" }, this.icon && (h("span", { class: "action-list-item__icon", innerHTML: this.icon })), h("span", { class: "action-list-item__label-container" }, h("span", { class: "action-list-item__label" }, this.label), this.description && (h("span", { class: "action-list-item__description" }, this.description))), showSuffix && (h("span", { class: "action-list-item__suffix", innerHTML: this.suffix })))));
+  }
+};
+FlipActionListItem.style = flipActionListItemCss;
+
+export { FlipActionListItem as flip_action_list_item };

package/dist/esm/flip-action-list-section.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-36517fab.js';
+
+const flipActionListSectionCss = ":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}";
+
+const FlipActionListSection = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { class: "action-list-section__label", id: "label" }, this.label), h("div", { class: "action-list-section__items" }, h("slot", null)))));
+  }
+};
+FlipActionListSection.style = flipActionListSectionCss;
+
+export { FlipActionListSection as flip_action_list_section };

package/dist/esm/flip-action-list.entry.js

@@ -0,0 +1,48 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-36517fab.js';
+import { q as querySelectorAllDeep } from './utils-03e3261c.js';
+
+const flipActionListCss = ":host{display:block}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}";
+
+const FlipActionList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onKeyDown = (event) => {
+      if (event.code === "ArrowDown" || event.code === "ArrowRight") {
+        event.preventDefault();
+        this.focusNextItem();
+      }
+      else if (event.code === "ArrowUp" || event.code === "ArrowLeft") {
+        event.preventDefault();
+        this.focusPreviousItem();
+      }
+    };
+  }
+  componentDidLoad() {
+    this.items = querySelectorAllDeep(this.el, '[role="menuitem"]');
+  }
+  focusNextItem() {
+    const activeItemIndex = this.getActiveItemIndex();
+    const newIndex = (activeItemIndex + 1) % this.items.length;
+    this.items[newIndex].focus();
+  }
+  focusPreviousItem() {
+    const activeItemIndex = this.getActiveItemIndex();
+    const newIndex = activeItemIndex === 0 ? this.items.length - 1 : activeItemIndex - 1;
+    this.items[newIndex].focus();
+  }
+  getActiveItemIndex() {
+    return this.items.findIndex((item) => {
+      var _a, _b;
+      return item === document.activeElement ||
+        item ===
+          ((_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[role="menuitem"]'));
+    });
+  }
+  render() {
+    return (h(Host, null, h("div", { "aria-orientation": "vertical", class: "action-list", onKeyDown: this.onKeyDown, role: "menu" }, h("slot", null))));
+  }
+  get el() { return getElement(this); }
+};
+FlipActionList.style = flipActionListCss;
+
+export { FlipActionList as flip_action_list };

package/dist/esm/flip-avatar-group.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h, H as Host } from './index-36517fab.js';
+import { c as classnames } from './index-3c78bcaf.js';
+
+const flipAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--s-background-default);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--s-background-default);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}";
+
+const FlipAvatarGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    const className = classnames("avatar-group", {
+      "avatar-group--has-badge": Boolean(this.badge),
+    });
+    const badgeClassName = classnames("avatar-group__badge");
+    return (h(Host, null, h("div", { class: className, role: "group" }, h("slot", null), this.badge && (h("span", { class: badgeClassName, innerHTML: this.badge })))));
+  }
+};
+FlipAvatarGroup.style = flipAvatarGroupCss;
+
+export { FlipAvatarGroup as flip_avatar_group };