@getflip/swirl-components 0.4.0 → 0.5.0

package/dist/cjs/flip-form-control.cjs.entry.js

@@ -92,5 +92,3 @@ const FlipFormControl = class {
 FlipFormControl.style = flipFormControlCss;
 
 exports.flip_form_control = FlipFormControl;
-
-//# sourceMappingURL=flip-form-control.cjs.entry.js.map

package/dist/cjs/flip-form-group.cjs.entry.js

@@ -21,5 +21,3 @@ const FlipFormGroup = class {
 FlipFormGroup.style = flipFormGroupCss;
 
 exports.flip_form_group = FlipFormGroup;
-
-//# sourceMappingURL=flip-form-group.cjs.entry.js.map

package/dist/cjs/flip-heading.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
 const index$1 = require('./index-b8470262.js');
 require('./_commonjsHelpers-a5111d61.js');
 
-const flipHeadingCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--align-end{text-align:end}.heading--level-1{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4,.heading--level-5,.heading--level-6{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}";
+const flipHeadingCss = ".sc-flip-heading-h{display:block;width:100%}.sc-flip-heading-h *.sc-flip-heading{box-sizing:border-box}.heading.sc-flip-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-flip-heading{text-align:start}.heading--align-center.sc-flip-heading{text-align:center}.heading--align-end.sc-flip-heading{text-align:end}.heading--level-1.sc-flip-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-flip-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-flip-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-flip-heading,.heading--level-5.sc-flip-heading,.heading--level-6.sc-flip-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}";
 
 const FlipHeading = class {
   constructor(hostRef) {
@@ -17,11 +17,9 @@ const FlipHeading = class {
   render() {
     const Tag = this.as || `h${this.level}`;
     const className = index$1.classnames("heading", `heading--align-${this.align}`, `heading--level-${this.level}`);
-    return (index.h(index.Host, null, index.h(Tag, { class: className, id: this.headingId, part: "heading" }, this.text)));
+    return (index.h(index.Host, null, index.h(Tag, { class: className, id: this.headingId }, this.text)));
   }
 };
 FlipHeading.style = flipHeadingCss;
 
 exports.flip_heading = FlipHeading;
-
-//# sourceMappingURL=flip-heading.cjs.entry.js.map

package/dist/cjs/flip-icon-add-photo.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconAddPhoto = class {
 FlipIconAddPhoto.style = flipIconCss;
 
 exports.flip_icon_add_photo = FlipIconAddPhoto;
-
-//# sourceMappingURL=flip-icon-add-photo.cjs.entry.js.map

package/dist/cjs/flip-icon-add_4.cjs.entry.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-72831c5f.js');
+
+const flipIconCss$3 = ":host{display:inline-flex}";
+
+const FlipIconAdd = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M8 12.7666C7.78889 12.7666 7.60845 12.6915 7.45867 12.5413C7.30845 12.3915 7.23334 12.2111 7.23334 11.9999V8.76661H4C3.78889 8.76661 3.60845 8.6915 3.45867 8.54128C3.30845 8.3915 3.23334 8.21105 3.23334 7.99994C3.23334 7.78883 3.30845 7.60839 3.45867 7.45861C3.60845 7.30839 3.78889 7.23328 4 7.23328H7.23334V3.99994C7.23334 3.78883 7.30845 3.60817 7.45867 3.45794C7.60845 3.30817 7.78889 3.23328 8 3.23328C8.21112 3.23328 8.39156 3.30817 8.54134 3.45794C8.69156 3.60817 8.76667 3.78883 8.76667 3.99994V7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H8.76667V11.9999C8.76667 12.2111 8.69156 12.3915 8.54134 12.5413C8.39156 12.6915 8.21112 12.7666 8 12.7666V12.7666Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M12 19.15C11.6833 19.15 11.4127 19.0373 11.188 18.812C10.9627 18.5873 10.85 18.3166 10.85 18V13.15H6.00001C5.68334 13.15 5.41267 13.0373 5.18801 12.812C4.96267 12.5873 4.85001 12.3166 4.85001 12C4.85001 11.6833 4.96267 11.4126 5.18801 11.188C5.41267 10.9626 5.68334 10.85 6.00001 10.85H10.85V5.99998C10.85 5.68331 10.9627 5.41231 11.188 5.18698C11.4127 4.96231 11.6833 4.84998 12 4.84998C12.3167 4.84998 12.5873 4.96231 12.812 5.18698C13.0373 5.41231 13.15 5.68331 13.15 5.99998V10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H13.15V18C13.15 18.3166 13.0373 18.5873 12.812 18.812C12.5873 19.0373 12.3167 19.15 12 19.15Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 22.3417C13.6305 22.3417 13.3148 22.2102 13.0527 21.9473C12.7898 21.6852 12.6583 21.3694 12.6583 21V15.3417H6.99999C6.63055 15.3417 6.31477 15.2102 6.05266 14.9473C5.78977 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78977 13.3148 6.05266 13.0527C6.31477 12.7898 6.63055 12.6583 6.99999 12.6583H12.6583V6.99999C12.6583 6.63055 12.7898 6.31438 13.0527 6.05149C13.3148 5.78938 13.6305 5.65833 14 5.65833C14.3694 5.65833 14.6852 5.78938 14.9473 6.05149C15.2102 6.31438 15.3417 6.63055 15.3417 6.99999V12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H15.3417V21C15.3417 21.3694 15.2102 21.6852 14.9473 21.9473C14.6852 22.2102 14.3694 22.3417 14 22.3417V22.3417Z", fill: "currentColor" })))));
+  }
+};
+FlipIconAdd.style = flipIconCss$3;
+
+const flipIconCss$2 = ":host{display:inline-flex}";
+
+const FlipIconFullscreen = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M3.93333 12.8167C3.72222 12.8167 3.54445 12.7445 3.4 12.6C3.25556 12.4556 3.18333 12.2778 3.18333 12.0667V10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335C4.15556 9.23335 4.33889 9.30846 4.48333 9.45868C4.62778 9.60846 4.7 9.78891 4.7 10V11.3H6C6.21111 11.3 6.39156 11.3722 6.54133 11.5167C6.69156 11.6611 6.76667 11.8445 6.76667 12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167H3.93333ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002V3.93335C3.18333 3.72224 3.25556 3.54446 3.4 3.40002C3.54445 3.25557 3.72222 3.18335 3.93333 3.18335H6C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335C6.76667 4.15557 6.69156 4.33891 6.54133 4.48335C6.39156 4.62779 6.21111 4.70002 6 4.70002H4.7V6.00002C4.7 6.21113 4.62778 6.39157 4.48333 6.54135C4.33889 6.69157 4.15556 6.76668 3.93333 6.76668V6.76668ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667C9.23334 11.8445 9.30845 11.6611 9.45867 11.5167C9.60845 11.3722 9.78889 11.3 10 11.3H11.3V10C11.3 9.78891 11.3722 9.60846 11.5167 9.45868C11.6611 9.30846 11.8444 9.23335 12.0667 9.23335C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10V12.0667C12.8167 12.2778 12.7444 12.4556 12.6 12.6C12.4556 12.7445 12.2778 12.8167 12.0667 12.8167H10ZM12.0667 6.76668C11.8444 6.76668 11.6611 6.69157 11.5167 6.54135C11.3722 6.39157 11.3 6.21113 11.3 6.00002V4.70002H10C9.78889 4.70002 9.60845 4.62779 9.45867 4.48335C9.30845 4.33891 9.23334 4.15557 9.23334 3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335H12.0667C12.2778 3.18335 12.4556 3.25557 12.6 3.40002C12.7444 3.54446 12.8167 3.72224 12.8167 3.93335V6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668V6.76668Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M5.9 19.225C5.58333 19.225 5.31667 19.1167 5.1 18.9C4.88333 18.6834 4.775 18.4167 4.775 18.1V15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85C6.23333 13.85 6.50833 13.9627 6.725 14.188C6.94167 14.4127 7.05 14.6834 7.05 15V16.95H9C9.31667 16.95 9.58733 17.0584 9.812 17.275C10.0373 17.4917 10.15 17.7667 10.15 18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225H5.9ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002V5.90002C4.775 5.58336 4.88333 5.31669 5.1 5.10002C5.31667 4.88336 5.58333 4.77502 5.9 4.77502H9C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002C10.15 6.23336 10.0373 6.50836 9.812 6.72502C9.58733 6.94169 9.31667 7.05002 9 7.05002H7.05V9.00002C7.05 9.31669 6.94167 9.58736 6.725 9.81202C6.50833 10.0374 6.23333 10.15 5.9 10.15V10.15ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1C13.85 17.7667 13.9627 17.4917 14.188 17.275C14.4127 17.0584 14.6833 16.95 15 16.95H16.95V15C16.95 14.6834 17.0583 14.4127 17.275 14.188C17.4917 13.9627 17.7667 13.85 18.1 13.85C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15V18.1C19.225 18.4167 19.1167 18.6834 18.9 18.9C18.6833 19.1167 18.4167 19.225 18.1 19.225H15ZM18.1 10.15C17.7667 10.15 17.4917 10.0374 17.275 9.81202C17.0583 9.58736 16.95 9.31669 16.95 9.00002V7.05002H15C14.6833 7.05002 14.4127 6.94169 14.188 6.72502C13.9627 6.50836 13.85 6.23336 13.85 5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502H18.1C18.4167 4.77502 18.6833 4.88336 18.9 5.10002C19.1167 5.31669 19.225 5.58336 19.225 5.90002V9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15V10.15Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M6.88333 22.4291C6.51389 22.4291 6.20278 22.3027 5.95 22.05C5.69722 21.7972 5.57083 21.4861 5.57083 21.1166V17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583C7.27222 16.1583 7.59305 16.2897 7.84583 16.5526C8.09861 16.8147 8.225 17.1305 8.225 17.5V19.775H10.5C10.8694 19.775 11.1852 19.9014 11.4473 20.1541C11.7102 20.4069 11.8417 20.7277 11.8417 21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291H6.88333ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5V6.8833C5.57083 6.51386 5.69722 6.20274 5.95 5.94997C6.20278 5.69719 6.51389 5.5708 6.88333 5.5708H10.5C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833C11.8417 7.27219 11.7102 7.59302 11.4473 7.8458C11.1852 8.09858 10.8694 8.22497 10.5 8.22497H8.225V10.5C8.225 10.8694 8.09861 11.1852 7.84583 11.4473C7.59305 11.7102 7.27222 11.8416 6.88333 11.8416V11.8416ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166C16.1583 20.7277 16.2898 20.4069 16.5527 20.1541C16.8148 19.9014 17.1306 19.775 17.5 19.775H19.775V17.5C19.775 17.1305 19.9014 16.8147 20.1542 16.5526C20.4069 16.2897 20.7278 16.1583 21.1167 16.1583C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5V21.1166C22.4292 21.4861 22.3028 21.7972 22.05 22.05C21.7972 22.3027 21.4861 22.4291 21.1167 22.4291H17.5ZM21.1167 11.8416C20.7278 11.8416 20.4069 11.7102 20.1542 11.4473C19.9014 11.1852 19.775 10.8694 19.775 10.5V8.22497H17.5C17.1306 8.22497 16.8148 8.09858 16.5527 7.8458C16.2898 7.59302 16.1583 7.27219 16.1583 6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708H21.1167C21.4861 5.5708 21.7972 5.69719 22.05 5.94997C22.3028 6.20274 22.4292 6.51386 22.4292 6.8833V10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416V11.8416Z", fill: "currentColor" })))));
+  }
+};
+FlipIconFullscreen.style = flipIconCss$2;
+
+const flipIconCss$1 = ":host{display:inline-flex}";
+
+const FlipIconFullscreenExit = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M6 12.8167C5.78889 12.8167 5.60845 12.7445 5.45867 12.6C5.30845 12.4556 5.23333 12.2778 5.23333 12.0667V10.7667H3.93333C3.72222 10.7667 3.54445 10.6916 3.4 10.5414C3.25556 10.3916 3.18333 10.2111 3.18333 10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335H6C6.21111 9.23335 6.39156 9.30846 6.54133 9.45868C6.69156 9.60846 6.76667 9.78891 6.76667 10V12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167V12.8167ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002C3.18333 5.78891 3.25556 5.60824 3.4 5.45802C3.54445 5.30824 3.72222 5.23335 3.93333 5.23335H5.23333V3.93335C5.23333 3.72224 5.30845 3.54446 5.45867 3.40002C5.60845 3.25557 5.78889 3.18335 6 3.18335C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335V6.00002C6.76667 6.21113 6.69156 6.39157 6.54133 6.54135C6.39156 6.69157 6.21111 6.76668 6 6.76668H3.93333ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667V10C9.23334 9.78891 9.30845 9.60846 9.45867 9.45868C9.60845 9.30846 9.78889 9.23335 10 9.23335H12.0667C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10C12.8167 10.2111 12.7444 10.3916 12.6 10.5414C12.4556 10.6916 12.2778 10.7667 12.0667 10.7667H10.7667V12.0667C10.7667 12.2778 10.6918 12.4556 10.542 12.6C10.3918 12.7445 10.2111 12.8167 10 12.8167V12.8167ZM10 6.76668C9.78889 6.76668 9.60845 6.69157 9.45867 6.54135C9.30845 6.39157 9.23334 6.21113 9.23334 6.00002V3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335C10.2111 3.18335 10.3918 3.25557 10.542 3.40002C10.6918 3.54446 10.7667 3.72224 10.7667 3.93335V5.23335H12.0667C12.2778 5.23335 12.4556 5.30824 12.6 5.45802C12.7444 5.60824 12.8167 5.78891 12.8167 6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668H10Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M9 19.225C8.68333 19.225 8.41267 19.1167 8.188 18.9C7.96267 18.6834 7.85 18.4167 7.85 18.1V16.15H5.9C5.58333 16.15 5.31667 16.0374 5.1 15.812C4.88333 15.5874 4.775 15.3167 4.775 15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85H9C9.31667 13.85 9.58733 13.9627 9.812 14.188C10.0373 14.4127 10.15 14.6834 10.15 15V18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225V19.225ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002C4.775 8.68336 4.88333 8.41236 5.1 8.18702C5.31667 7.96236 5.58333 7.85002 5.9 7.85002H7.85V5.90002C7.85 5.58336 7.96267 5.31669 8.188 5.10002C8.41267 4.88336 8.68333 4.77502 9 4.77502C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002V9.00002C10.15 9.31669 10.0373 9.58736 9.812 9.81202C9.58733 10.0374 9.31667 10.15 9 10.15H5.9ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1V15C13.85 14.6834 13.9627 14.4127 14.188 14.188C14.4127 13.9627 14.6833 13.85 15 13.85H18.1C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15C19.225 15.3167 19.1167 15.5874 18.9 15.812C18.6833 16.0374 18.4167 16.15 18.1 16.15H16.15V18.1C16.15 18.4167 16.0377 18.6834 15.813 18.9C15.5877 19.1167 15.3167 19.225 15 19.225V19.225ZM15 10.15C14.6833 10.15 14.4127 10.0374 14.188 9.81202C13.9627 9.58736 13.85 9.31669 13.85 9.00002V5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502C15.3167 4.77502 15.5877 4.88336 15.813 5.10002C16.0377 5.31669 16.15 5.58336 16.15 5.90002V7.85002H18.1C18.4167 7.85002 18.6833 7.96236 18.9 8.18702C19.1167 8.41236 19.225 8.68336 19.225 9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15H15Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M10.5 22.4291C10.1306 22.4291 9.81478 22.3027 9.55266 22.05C9.28978 21.7972 9.15833 21.4861 9.15833 21.1166V18.8416H6.88333C6.51389 18.8416 6.20278 18.7102 5.95 18.4473C5.69722 18.1852 5.57083 17.8694 5.57083 17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583H10.5C10.8694 16.1583 11.1852 16.2897 11.4473 16.5526C11.7102 16.8147 11.8417 17.1305 11.8417 17.5V21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291V22.4291ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5C5.57083 10.1305 5.69722 9.81436 5.95 9.55147C6.20278 9.28936 6.51389 9.1583 6.88333 9.1583H9.15833V6.8833C9.15833 6.51386 9.28978 6.20274 9.55266 5.94997C9.81478 5.69719 10.1306 5.5708 10.5 5.5708C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833V10.5C11.8417 10.8694 11.7102 11.1852 11.4473 11.4473C11.1852 11.7102 10.8694 11.8416 10.5 11.8416H6.88333ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166V17.5C16.1583 17.1305 16.2898 16.8147 16.5527 16.5526C16.8148 16.2897 17.1306 16.1583 17.5 16.1583H21.1167C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5C22.4292 17.8694 22.3028 18.1852 22.05 18.4473C21.7972 18.7102 21.4861 18.8416 21.1167 18.8416H18.8417V21.1166C18.8417 21.4861 18.7106 21.7972 18.4485 22.05C18.1856 22.3027 17.8694 22.4291 17.5 22.4291V22.4291ZM17.5 11.8416C17.1306 11.8416 16.8148 11.7102 16.5527 11.4473C16.2898 11.1852 16.1583 10.8694 16.1583 10.5V6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708C17.8694 5.5708 18.1856 5.69719 18.4485 5.94997C18.7106 6.20274 18.8417 6.51386 18.8417 6.8833V9.1583H21.1167C21.4861 9.1583 21.7972 9.28936 22.05 9.55147C22.3028 9.81436 22.4292 10.1305 22.4292 10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416H17.5Z", fill: "currentColor" })))));
+  }
+};
+FlipIconFullscreenExit.style = flipIconCss$1;
+
+const flipIconCss = ":host{display:inline-flex}";
+
+const FlipIconRemove = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })))));
+  }
+};
+FlipIconRemove.style = flipIconCss;
+
+exports.flip_icon_add = FlipIconAdd;
+exports.flip_icon_fullscreen = FlipIconFullscreen;
+exports.flip_icon_fullscreen_exit = FlipIconFullscreenExit;
+exports.flip_icon_remove = FlipIconRemove;

package/dist/cjs/flip-icon-admin-panel-settings.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconAdminPanelSettings = class {
 FlipIconAdminPanelSettings.style = flipIconCss;
 
 exports.flip_icon_admin_panel_settings = FlipIconAdminPanelSettings;
-
-//# sourceMappingURL=flip-icon-admin-panel-settings.cjs.entry.js.map

package/dist/cjs/flip-icon-arrow-back.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconArrowBack = class {
 FlipIconArrowBack.style = flipIconCss;
 
 exports.flip_icon_arrow_back = FlipIconArrowBack;
-
-//# sourceMappingURL=flip-icon-arrow-back.cjs.entry.js.map

package/dist/cjs/flip-icon-arrow-forward.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconArrowForward = class {
 FlipIconArrowForward.style = flipIconCss;
 
 exports.flip_icon_arrow_forward = FlipIconArrowForward;
-
-//# sourceMappingURL=flip-icon-arrow-forward.cjs.entry.js.map

package/dist/cjs/flip-icon-arrow-left_3.cjs.entry.js

@@ -46,5 +46,3 @@ FlipIconDownload.style = flipIconCss;
 exports.flip_icon_arrow_left = FlipIconArrowLeft;
 exports.flip_icon_arrow_right = FlipIconArrowRight;
 exports.flip_icon_download = FlipIconDownload;
-
-//# sourceMappingURL=flip-icon-arrow-left_3.cjs.entry.js.map

package/dist/cjs/flip-icon-arrow-right-small.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconArrowRightSmall = class {
 FlipIconArrowRightSmall.style = flipIconCss;
 
 exports.flip_icon_arrow_right_small = FlipIconArrowRightSmall;
-
-//# sourceMappingURL=flip-icon-arrow-right-small.cjs.entry.js.map

package/dist/cjs/flip-icon-attachment.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconAttachment = class {
 FlipIconAttachment.style = flipIconCss;
 
 exports.flip_icon_attachment = FlipIconAttachment;
-
-//# sourceMappingURL=flip-icon-attachment.cjs.entry.js.map

package/dist/cjs/flip-icon-cancel_4.cjs.entry.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-72831c5f.js');
+
+const flipIconCss$3 = ":host{display:inline-flex}";
+
+const FlipIconCancel = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M8 1.33337C4.31334 1.33337 1.33334 4.31337 1.33334 8.00004C1.33334 11.6867 4.31334 14.6667 8 14.6667C11.6867 14.6667 14.6667 11.6867 14.6667 8.00004C14.6667 4.31337 11.6867 1.33337 8 1.33337ZM10.8667 10.8667C10.6067 11.1267 10.1867 11.1267 9.92667 10.8667L8 8.94004L6.07334 10.8667C5.81334 11.1267 5.39334 11.1267 5.13334 10.8667C4.87334 10.6067 4.87334 10.1867 5.13334 9.92671L7.06 8.00004L5.13334 6.07337C4.87334 5.81337 4.87334 5.39337 5.13334 5.13337C5.39334 4.87337 5.81334 4.87337 6.07334 5.13337L8 7.06004L9.92667 5.13337C10.1867 4.87337 10.6067 4.87337 10.8667 5.13337C11.1267 5.39337 11.1267 5.81337 10.8667 6.07337L8.94 8.00004L10.8667 9.92671C11.12 10.18 11.12 10.6067 10.8667 10.8667Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM16.3 16.3C15.91 16.69 15.28 16.69 14.89 16.3L12 13.41L9.11 16.3C8.72 16.69 8.09 16.69 7.7 16.3C7.31 15.91 7.31 15.28 7.7 14.89L10.59 12L7.7 9.11C7.31 8.72 7.31 8.09 7.7 7.7C8.09 7.31 8.72 7.31 9.11 7.7L12 10.59L14.89 7.7C15.28 7.31 15.91 7.31 16.3 7.7C16.69 8.09 16.69 8.72 16.3 9.11L13.41 12L16.3 14.89C16.68 15.27 16.68 15.91 16.3 16.3Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 2.33337C7.54834 2.33337 2.33334 7.54837 2.33334 14C2.33334 20.4517 7.54834 25.6667 14 25.6667C20.4517 25.6667 25.6667 20.4517 25.6667 14C25.6667 7.54837 20.4517 2.33337 14 2.33337ZM19.0167 19.0167C18.5617 19.4717 17.8267 19.4717 17.3717 19.0167L14 15.645L10.6283 19.0167C10.1733 19.4717 9.43834 19.4717 8.98334 19.0167C8.52834 18.5617 8.52834 17.8267 8.98334 17.3717L12.355 14L8.98334 10.6284C8.52834 10.1734 8.52834 9.43837 8.98334 8.98337C9.43834 8.52837 10.1733 8.52837 10.6283 8.98337L14 12.355L17.3717 8.98337C17.8267 8.52837 18.5617 8.52837 19.0167 8.98337C19.4717 9.43837 19.4717 10.1734 19.0167 10.6284L15.645 14L19.0167 17.3717C19.46 17.815 19.46 18.5617 19.0167 19.0167Z", fill: "currentColor" })))));
+  }
+};
+FlipIconCancel.style = flipIconCss$3;
+
+const flipIconCss$2 = ":host{display:inline-flex}";
+
+const FlipIconExpandLess = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M4.39999 9.85C4.25554 9.70556 4.18332 9.52778 4.18332 9.31667C4.18332 9.10556 4.25554 8.92778 4.39999 8.78333L7.46665 5.71667C7.54443 5.63889 7.62776 5.58333 7.71665 5.55C7.80554 5.51667 7.89999 5.5 7.99999 5.5C8.09999 5.5 8.19443 5.51667 8.28332 5.55C8.37221 5.58333 8.45554 5.63889 8.53332 5.71667L11.6167 8.8C11.7611 8.94444 11.8307 9.11667 11.8253 9.31667C11.8195 9.51667 11.7444 9.69444 11.6 9.85C11.4555 9.98333 11.2778 10.05 11.0667 10.05C10.8555 10.05 10.6778 9.98333 10.5333 9.85L7.99999 7.3L5.44999 9.86667C5.30554 10 5.13332 10.0667 4.93332 10.0667C4.73332 10.0667 4.55554 9.99444 4.39999 9.85V9.85Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M6.59999 14.775C6.38333 14.5583 6.27499 14.2917 6.27499 13.975C6.27499 13.6583 6.38333 13.3917 6.59999 13.175L11.2 8.575C11.3167 8.45833 11.4417 8.375 11.575 8.325C11.7083 8.275 11.85 8.25 12 8.25C12.15 8.25 12.2917 8.275 12.425 8.325C12.5583 8.375 12.6833 8.45833 12.8 8.575L17.425 13.2C17.6417 13.4167 17.746 13.675 17.738 13.975C17.7293 14.275 17.6167 14.5417 17.4 14.775C17.1833 14.975 16.9167 15.075 16.6 15.075C16.2833 15.075 16.0167 14.975 15.8 14.775L12 10.95L8.17499 14.8C7.95833 15 7.69999 15.1 7.39999 15.1C7.09999 15.1 6.83333 14.9917 6.59999 14.775Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M7.7 17.2375C7.44722 16.9847 7.32083 16.6736 7.32083 16.3042C7.32083 15.9347 7.44722 15.6236 7.7 15.3708L13.0667 10.0042C13.2028 9.86806 13.3486 9.77083 13.5042 9.7125C13.6597 9.65417 13.825 9.625 14 9.625C14.175 9.625 14.3403 9.65417 14.4958 9.7125C14.6514 9.77083 14.7972 9.86806 14.9333 10.0042L20.3292 15.4C20.5819 15.6528 20.7037 15.9542 20.6943 16.3042C20.6842 16.6542 20.5528 16.9653 20.3 17.2375C20.0472 17.4708 19.7361 17.5875 19.3667 17.5875C18.9972 17.5875 18.6861 17.4708 18.4333 17.2375L14 12.775L9.5375 17.2667C9.28472 17.5 8.98333 17.6167 8.63333 17.6167C8.28333 17.6167 7.97222 17.4903 7.7 17.2375V17.2375Z", fill: "currentColor" })))));
+  }
+};
+FlipIconExpandLess.style = flipIconCss$2;
+
+const flipIconCss$1 = ":host{display:inline-flex}";
+
+const FlipIconVisibility = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M8 3C4.66666 3 1.82 5.07333 0.666664 8C1.82 10.9267 4.66666 13 8 13C11.3333 13 14.18 10.9267 15.3333 8C14.18 5.07333 11.3333 3 8 3ZM8 11.3333C6.16 11.3333 4.66666 9.84 4.66666 8C4.66666 6.16 6.16 4.66667 8 4.66667C9.84 4.66667 11.3333 6.16 11.3333 8C11.3333 9.84 9.84 11.3333 8 11.3333ZM8 6C6.89333 6 6 6.89333 6 8C6 9.10667 6.89333 10 8 10C9.10666 10 10 9.10667 10 8C10 6.89333 9.10666 6 8 6Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 5.25C8.16666 5.25 3.185 8.87833 1.16666 14C3.185 19.1217 8.16666 22.75 14 22.75C19.8333 22.75 24.815 19.1217 26.8333 14C24.815 8.87833 19.8333 5.25 14 5.25ZM14 19.8333C10.78 19.8333 8.16666 17.22 8.16666 14C8.16666 10.78 10.78 8.16667 14 8.16667C17.22 8.16667 19.8333 10.78 19.8333 14C19.8333 17.22 17.22 19.8333 14 19.8333ZM14 10.5C12.0633 10.5 10.5 12.0633 10.5 14C10.5 15.9367 12.0633 17.5 14 17.5C15.9367 17.5 17.5 15.9367 17.5 14C17.5 12.0633 15.9367 10.5 14 10.5Z", fill: "currentColor" })))));
+  }
+};
+FlipIconVisibility.style = flipIconCss$1;
+
+const flipIconCss = ":host{display:inline-flex}";
+
+const FlipIconVisibilityOff = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M7.99999 4.31339C9.83999 4.31339 11.3333 5.80672 11.3333 7.64672C11.3333 7.98672 11.2667 8.31339 11.1733 8.62006L13.2133 10.6601C14.14 9.84006 14.8733 8.81339 15.3333 7.64006C14.18 4.72006 11.3333 2.64672 7.99999 2.64672C7.15332 2.64672 6.33999 2.78006 5.57332 3.02672L7.01999 4.47339C7.33332 4.38006 7.65999 4.31339 7.99999 4.31339ZM1.80666 2.08672C1.54666 2.34672 1.54666 2.76672 1.80666 3.02672L3.11999 4.34006C2.03999 5.20006 1.17999 6.33339 0.666656 7.64672C1.81999 10.5734 4.66666 12.6467 7.99999 12.6467C9.01332 12.6467 9.97999 12.4467 10.8733 12.1001L12.6867 13.9134C12.9467 14.1734 13.3667 14.1734 13.6267 13.9134C13.8867 13.6534 13.8867 13.2334 13.6267 12.9734L2.75332 2.08672C2.49332 1.82672 2.06666 1.82672 1.80666 2.08672ZM7.99999 10.9801C6.15999 10.9801 4.66666 9.48672 4.66666 7.64672C4.66666 7.13339 4.78666 6.64672 4.99332 6.22006L6.03999 7.26672C6.01999 7.38672 5.99999 7.51339 5.99999 7.64672C5.99999 8.75339 6.89332 9.64672 7.99999 9.64672C8.13332 9.64672 8.25332 9.62672 8.37999 9.60006L9.42666 10.6467C8.99332 10.8601 8.51332 10.9801 7.99999 10.9801ZM9.97999 7.42672C9.87999 6.49339 9.14666 5.76672 8.21999 5.66672L9.97999 7.42672Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { d: "M12 6.47002C14.76 6.47002 17 8.71002 17 11.47C17 11.98 16.9 12.47 16.76 12.93L19.82 15.99C21.21 14.76 22.31 13.22 23 11.46C21.27 7.08002 17 3.97002 12 3.97002C10.73 3.97002 9.51 4.17002 8.36 4.54002L10.53 6.71002C11 6.57002 11.49 6.47002 12 6.47002ZM2.71 3.13002C2.32 3.52002 2.32 4.15002 2.71 4.54002L4.68 6.51002C3.06 7.80002 1.77 9.50002 1 11.47C2.73 15.86 7 18.97 12 18.97C13.52 18.97 14.97 18.67 16.31 18.15L19.03 20.87C19.42 21.26 20.05 21.26 20.44 20.87C20.83 20.48 20.83 19.85 20.44 19.46L4.13 3.13002C3.74 2.74002 3.1 2.74002 2.71 3.13002ZM12 16.47C9.24 16.47 7 14.23 7 11.47C7 10.7 7.18 9.97002 7.49 9.33002L9.06 10.9C9.03 11.08 9 11.27 9 11.47C9 13.13 10.34 14.47 12 14.47C12.2 14.47 12.38 14.44 12.57 14.4L14.14 15.97C13.49 16.29 12.77 16.47 12 16.47ZM14.97 11.14C14.82 9.74002 13.72 8.65002 12.33 8.50002L14.97 11.14Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 7.54834C17.22 7.54834 19.8333 10.1617 19.8333 13.3817C19.8333 13.9767 19.7167 14.5483 19.5533 15.085L23.1233 18.655C24.745 17.22 26.0283 15.4233 26.8333 13.37C24.815 8.26001 19.8333 4.63167 14 4.63167C12.5183 4.63167 11.095 4.86501 9.75332 5.29667L12.285 7.82834C12.8333 7.66501 13.405 7.54834 14 7.54834ZM3.16166 3.65167C2.70666 4.10667 2.70666 4.84167 3.16166 5.29667L5.45999 7.59501C3.56999 9.10001 2.06499 11.0833 1.16666 13.3817C3.18499 18.5033 8.16666 22.1317 14 22.1317C15.7733 22.1317 17.465 21.7817 19.0283 21.175L22.2017 24.3483C22.6567 24.8033 23.3917 24.8033 23.8467 24.3483C24.3017 23.8933 24.3017 23.1583 23.8467 22.7033L4.81832 3.65167C4.36332 3.19667 3.61666 3.19667 3.16166 3.65167ZM14 19.215C10.78 19.215 8.16666 16.6017 8.16666 13.3817C8.16666 12.4833 8.37666 11.6317 8.73832 10.885L10.57 12.7167C10.535 12.9267 10.5 13.1483 10.5 13.3817C10.5 15.3183 12.0633 16.8817 14 16.8817C14.2333 16.8817 14.4433 16.8467 14.665 16.8L16.4967 18.6317C15.7383 19.005 14.8983 19.215 14 19.215ZM17.465 12.9967C17.29 11.3633 16.0067 10.0917 14.385 9.91667L17.465 12.9967Z", fill: "currentColor" })))));
+  }
+};
+FlipIconVisibilityOff.style = flipIconCss;
+
+exports.flip_icon_cancel = FlipIconCancel;
+exports.flip_icon_expand_less = FlipIconExpandLess;
+exports.flip_icon_visibility = FlipIconVisibility;
+exports.flip_icon_visibility_off = FlipIconVisibilityOff;

package/dist/cjs/flip-icon-chat-bubble.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconChatBubble = class {
 FlipIconChatBubble.style = flipIconCss;
 
 exports.flip_icon_chat_bubble = FlipIconChatBubble;
-
-//# sourceMappingURL=flip-icon-chat-bubble.cjs.entry.js.map

package/dist/cjs/flip-icon-check-circle.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconCheckCircle = class {
 FlipIconCheckCircle.style = flipIconCss;
 
 exports.flip_icon_check_circle = FlipIconCheckCircle;
-
-//# sourceMappingURL=flip-icon-check-circle.cjs.entry.js.map

package/dist/cjs/flip-icon-check-small_3.cjs.entry.js

@@ -0,0 +1,243 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-72831c5f.js');
+const utils = require('./utils-6b8d45f4.js');
+const index$1 = require('./index-b8470262.js');
+require('./_commonjsHelpers-a5111d61.js');
+
+const flipIconCss = ":host{display:inline-flex}";
+
+const FlipIconCheckSmall = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    return (index.h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" }))), this.size === 24 && (index.h(index.Fragment, null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })))));
+  }
+};
+FlipIconCheckSmall.style = flipIconCss;
+
+const flipOptionListCss = ".sc-flip-option-list-h{display:block}.sc-flip-option-list-h *.sc-flip-option-list{box-sizing:border-box}";
+
+const FlipOptionList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueChange = index.createEvent(this, "valueChange", 7);
+    this.value = [];
+    this.onFocus = () => {
+      this.focusItem(0);
+    };
+    this.onClick = (event) => {
+      const target = event.target;
+      const item = target === null || target === void 0 ? void 0 : target.closest("flip-option-list-item");
+      if (!Boolean(item)) {
+        return;
+      }
+      this.selectItem(this.items.findIndex((i) => i.value === item.value));
+    };
+    this.onKeyDown = (event) => {
+      if (event.code === "ArrowDown") {
+        event.preventDefault();
+        this.focusNextItem();
+      }
+      else if (event.code === "ArrowUp") {
+        event.preventDefault();
+        this.focusPreviousItem();
+      }
+      else if (event.code === "Space" || event.code === "Enter") {
+        event.preventDefault();
+        this.selectFocusedItem();
+      }
+      else if (event.code === "Home") {
+        event.preventDefault();
+        this.focusItem(0);
+      }
+      else if (event.code === "End") {
+        event.preventDefault();
+        this.focusItem(this.items.length - 1);
+      }
+      else if (event.code === "KeyA" &&
+        (event.metaKey || event.ctrlKey) &&
+        this.multiSelect) {
+        event.preventDefault();
+        this.selectAllItems();
+      }
+    };
+  }
+  componentDidLoad() {
+    this.updateItems();
+    this.observeSlotChanges();
+    this.setItemDisabledState();
+    this.setItemContext();
+    this.syncItemsWithValue();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  watchDisabled() {
+    this.setItemDisabledState();
+  }
+  watchMultiSelect() {
+    this.setItemContext();
+  }
+  watchValue() {
+    this.syncItemsWithValue();
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.updateItems();
+    });
+    this.observer.observe(this.listboxEl, { childList: true });
+  }
+  updateItems() {
+    this.items = utils.querySelectorAllDeep(this.el, "flip-option-list-item");
+  }
+  setItemDisabledState() {
+    this.items.forEach((item) => (item.disabled = this.disabled));
+  }
+  setItemContext() {
+    if (this.multiSelect) {
+      this.items.forEach((item) => (item.context = "multi-select"));
+    }
+    else {
+      this.items.forEach((item) => (item.context = "single-select"));
+      if (this.value.length > 1) {
+        this.updateValue([this.value[0]]);
+      }
+    }
+  }
+  selectItem(index) {
+    if (this.disabled) {
+      return;
+    }
+    const item = this.items[index];
+    if (item.disabled) {
+      return;
+    }
+    const itemIsAlreadySelected = this.value.includes(item.value);
+    if (!this.multiSelect) {
+      this.value = [];
+    }
+    if (!itemIsAlreadySelected) {
+      this.updateValue([...this.value, item.value]);
+    }
+    else {
+      this.updateValue(this.value.filter((v) => v !== item.value));
+    }
+  }
+  updateValue(value) {
+    this.value = value;
+    this.valueChange.emit(this.value);
+  }
+  selectFocusedItem() {
+    if (this.disabled || this.getActiveItemIndex() === -1) {
+      return;
+    }
+    this.selectItem(this.getActiveItemIndex());
+  }
+  selectAllItems() {
+    if (this.disabled) {
+      return;
+    }
+    const alreadySelected = this.items.every((item) => this.value.includes(item.value));
+    if (alreadySelected) {
+      this.updateValue([]);
+    }
+    else {
+      this.updateValue(this.items.map((item) => item.value));
+    }
+  }
+  syncItemsWithValue() {
+    this.items.forEach((item) => (item.selected = this.value.includes(item.value)));
+  }
+  focusItem(index) {
+    if (this.disabled) {
+      return;
+    }
+    this.items.forEach((item) => item.shadowRoot
+      .querySelector('[role="option"]')
+      .removeAttribute("tabIndex"));
+    const item = this.items[index].shadowRoot.querySelector('[role="option"]');
+    if (!Boolean(item)) {
+      return;
+    }
+    item.setAttribute("tabIndex", "0");
+    item.focus();
+  }
+  focusNextItem() {
+    if (this.disabled) {
+      return;
+    }
+    const activeItemIndex = this.getActiveItemIndex();
+    const newIndex = Math.min(activeItemIndex + 1, this.items.length - 1);
+    this.focusItem(newIndex);
+  }
+  focusPreviousItem() {
+    const activeItemIndex = this.getActiveItemIndex();
+    const newIndex = Math.max(activeItemIndex - 1, 0);
+    this.focusItem(newIndex);
+  }
+  getActiveItemIndex() {
+    return this.items
+      .map((item) => item.shadowRoot.querySelector('[role="option"]'))
+      .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="option"]'));
+    });
+  }
+  render() {
+    const ariaMultiselectable = this.multiSelect ? "true" : undefined;
+    const tabIndex = this.disabled ? -1 : 0;
+    return (index.h(index.Host, null, index.h("div", { "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", null))));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "disabled": ["watchDisabled"],
+    "multiSelect": ["watchMultiSelect"],
+    "value": ["watchValue"]
+  }; }
+};
+FlipOptionList.style = flipOptionListCss;
+
+const flipOptionListItemCss = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.option-list-item{display:inline-flex;width:100%;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item:focus{background-color:var(--s-surface-overlay-hovered);outline:none}.option-list-item--selected .option-list-item__label{color:var(--s-text-highlight)}.option-list-item--selected .option-list-item__icon{color:var(--s-icon-highlight)}.option-list-item--selected .option-list-item__checkbox-box{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled{cursor:default}.option-list-item--disabled.option-list-item--selected .option-list-item__checkbox-box{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected .option-list-item__checkbox-icon{color:var(--s-text-on-status)}.option-list-item--disabled .option-list-item__label{color:var(--s-text-disabled)}.option-list-item--disabled .option-list-item__icon,.option-list-item--disabled .option-list-item__selection-icon,.option-list-item--disabled .option-list-item__checkbox-icon{color:var(--s-icon-disabled)}.option-list-item--disabled .option-list-item__checkbox-box{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}.option-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}.option-list-item__checkbox-box{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon{display:inline-flex}";
+
+const FlipOptionListItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.context = "single-select";
+    this.selected = false;
+  }
+  componentDidLoad() {
+    this.forceIconProps();
+  }
+  forceIconProps() {
+    if (!Boolean(this.iconEl)) {
+      return;
+    }
+    const icon = this.iconEl.children[0];
+    icon === null || icon === void 0 ? void 0 : icon.setAttribute("size", "24");
+  }
+  render() {
+    const ariaDisabled = this.disabled ? "true" : undefined;
+    const ariaSelected = String(this.selected);
+    const showCheckbox = this.context === "multi-select";
+    const showIcon = Boolean(this.icon) && this.context === "single-select";
+    const showSelectionIcon = this.selected && this.context === "single-select";
+    const className = index$1.classnames("option-list-item", `option-list-item--context-${this.context}`, {
+      "option-list-item--disabled": this.disabled,
+      "option-list-item--selected": this.selected,
+    });
+    return (index.h(index.Host, null, index.h("div", { "aria-disabled": ariaDisabled, "aria-selected": ariaSelected, class: className, role: "option" }, showIcon && (index.h("span", { class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (index.h("span", { class: "option-list-item__checkbox" }, index.h("span", { class: "option-list-item__checkbox-box" }, this.selected && (index.h("flip-icon-check-strong", { class: "option-list-item__checkbox-icon", size: 16 }))))), index.h("span", { class: "option-list-item__label" }, this.label), showSelectionIcon && (index.h("span", { class: "option-list-item__selection-icon" }, index.h("flip-icon-check-small", null))))));
+  }
+};
+FlipOptionListItem.style = flipOptionListItemCss;
+
+exports.flip_icon_check_small = FlipIconCheckSmall;
+exports.flip_option_list = FlipOptionList;
+exports.flip_option_list_item = FlipOptionListItem;

package/dist/cjs/flip-icon-check-strong.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconCheckStrong = class {
 FlipIconCheckStrong.style = flipIconCss;
 
 exports.flip_icon_check_strong = FlipIconCheckStrong;
-
-//# sourceMappingURL=flip-icon-check-strong.cjs.entry.js.map

package/dist/cjs/flip-icon-check.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconCheck = class {
 FlipIconCheck.style = flipIconCss;
 
 exports.flip_icon_check = FlipIconCheck;
-
-//# sourceMappingURL=flip-icon-check.cjs.entry.js.map

package/dist/cjs/flip-icon-chevron-left.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconChevronLeft = class {
 FlipIconChevronLeft.style = flipIconCss;
 
 exports.flip_icon_chevron_left = FlipIconChevronLeft;
-
-//# sourceMappingURL=flip-icon-chevron-left.cjs.entry.js.map

package/dist/cjs/flip-icon-chevron-right.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconChevronRight = class {
 FlipIconChevronRight.style = flipIconCss;
 
 exports.flip_icon_chevron_right = FlipIconChevronRight;
-
-//# sourceMappingURL=flip-icon-chevron-right.cjs.entry.js.map

package/dist/cjs/flip-icon-close-small.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconCloseSmall = class {
 FlipIconCloseSmall.style = flipIconCss;
 
 exports.flip_icon_close_small = FlipIconCloseSmall;
-
-//# sourceMappingURL=flip-icon-close-small.cjs.entry.js.map

package/dist/cjs/flip-icon-close.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconClose = class {
 FlipIconClose.style = flipIconCss;
 
 exports.flip_icon_close = FlipIconClose;
-
-//# sourceMappingURL=flip-icon-close.cjs.entry.js.map

package/dist/cjs/flip-icon-cloud-upload.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconCloudUpload = class {
 FlipIconCloudUpload.style = flipIconCss;
 
 exports.flip_icon_cloud_upload = FlipIconCloudUpload;
-
-//# sourceMappingURL=flip-icon-cloud-upload.cjs.entry.js.map

package/dist/cjs/flip-icon-comment.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconComment = class {
 FlipIconComment.style = flipIconCss;
 
 exports.flip_icon_comment = FlipIconComment;
-
-//# sourceMappingURL=flip-icon-comment.cjs.entry.js.map

package/dist/cjs/flip-icon-copy.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconCopy = class {
 FlipIconCopy.style = flipIconCss;
 
 exports.flip_icon_copy = FlipIconCopy;
-
-//# sourceMappingURL=flip-icon-copy.cjs.entry.js.map

package/dist/cjs/flip-icon-date-range.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconDateRange = class {
 FlipIconDateRange.style = flipIconCss;
 
 exports.flip_icon_date_range = FlipIconDateRange;
-
-//# sourceMappingURL=flip-icon-date-range.cjs.entry.js.map

package/dist/cjs/flip-icon-delete.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconDelete = class {
 FlipIconDelete.style = flipIconCss;
 
 exports.flip_icon_delete = FlipIconDelete;
-
-//# sourceMappingURL=flip-icon-delete.cjs.entry.js.map

package/dist/cjs/flip-icon-description.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconDescription = class {
 FlipIconDescription.style = flipIconCss;
 
 exports.flip_icon_description = FlipIconDescription;
-
-//# sourceMappingURL=flip-icon-description.cjs.entry.js.map

package/dist/cjs/flip-icon-edit.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconEdit = class {
 FlipIconEdit.style = flipIconCss;
 
 exports.flip_icon_edit = FlipIconEdit;
-
-//# sourceMappingURL=flip-icon-edit.cjs.entry.js.map

package/dist/cjs/flip-icon-emoji-mood.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconEmojiMood = class {
 FlipIconEmojiMood.style = flipIconCss;
 
 exports.flip_icon_emoji_mood = FlipIconEmojiMood;
-
-//# sourceMappingURL=flip-icon-emoji-mood.cjs.entry.js.map

package/dist/cjs/flip-icon-emoji-satisfied.cjs.entry.js

@@ -18,5 +18,3 @@ const FlipIconEmojiSatisfied = class {
 FlipIconEmojiSatisfied.style = flipIconCss;
 
 exports.flip_icon_emoji_satisfied = FlipIconEmojiSatisfied;
-
-//# sourceMappingURL=flip-icon-emoji-satisfied.cjs.entry.js.map

package/dist/cjs/flip-icon-error_3.cjs.entry.js

@@ -51,5 +51,3 @@ FlipSpinner.style = flipSpinnerCss;
 exports.flip_icon_error = FlipIconError;
 exports.flip_inline_error = FlipInlineError;
 exports.flip_spinner = FlipSpinner;
-
-//# sourceMappingURL=flip-icon-error_3.cjs.entry.js.map