@kong/kongponents 9.61.7 → 9.61.8

package/dist/kongponents192.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),u=require("./kongponents263.cjs"),y=["aria-hidden"],c=`<style>@keyframes kong-icon-spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }</style>
-<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" style="transform-origin: 50% 50%; animation: kong-icon-spin 1.5s linear infinite;"/>`,b=i.defineComponent({__name:"ProgressIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=i.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return u.KUI_ICON_SIZE_50}),p=i.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const r={},v=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const d=`${v}-${s}`;return r[s]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,s)=>r[s]?`#${r[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=n=>n.replace(/[<>"'&]/g,r=>g[r]),m=`${e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,r)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon progress-icon","data-testid":"kui-icon-wrapper-progress-icon",style:i.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:i.withCtx(()=>[(i.openBlock(),i.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-progress-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents287.cjs"),y=["aria-hidden"],c='<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>',b=r.defineComponent({__name:"ChevronDownIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const d=`${m}-${s}`;return i[s]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,s)=>i[s]?`#${i[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),h=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon chevron-down-icon","data-testid":"kui-icon-wrapper-chevron-down-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-chevron-down-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents192.es.js

@@ -1,8 +1,7 @@
-import { defineComponent as h, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as k, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kongponents263.es.js";
-const z = ["aria-hidden"], f = `<style>@keyframes kong-icon-spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }</style>
-<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" style="transform-origin: 50% 50%; animation: kong-icon-spin 1.5s linear infinite;"/>`, I = /* @__PURE__ */ h({
-  __name: "ProgressIcon",
+import { defineComponent as w, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents287.es.js";
+const z = ["aria-hidden"], p = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>', q = /* @__PURE__ */ w({
+  __name: "ChevronDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -32,7 +31,7 @@ const z = ["aria-hidden"], f = `<style>@keyframes kong-icon-spin { from {transfo
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (t) => {
         if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
@@ -62,57 +61,57 @@ const z = ["aria-hidden"], f = `<style>@keyframes kong-icon-spin { from {transfo
     }
   },
   setup(t) {
-    const e = t, n = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), s = d(() => {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
       if (n(e.size))
         return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const i = String(e.size).replace(/px/gi, ""), r = Number(i);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return p;
-    }), c = d(() => ({
+      return c;
+    }), f = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: s.value,
+      height: a.value,
       lineHeight: "0",
-      width: s.value,
+      width: a.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (i) => {
-      const r = {}, v = Math.random().toString(36).substring(2, 12);
-      return i.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${v}-${o}`;
-        return r[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => r[o] ? `#${r[o]}` : a);
-    }, C = {
+    })), g = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const l = `${y}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (i) => i.replace(/[<>"'&]/g, (r) => C[r]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? f : g(f)}`;
-    return (i, r) => (u(), b(x(t.as), {
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), b(x(t.as), {
       "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon progress-icon",
-      "data-testid": "kui-icon-wrapper-progress-icon",
-      style: S(c.value),
+      class: "kui-icon chevron-down-icon",
+      "data-testid": "kui-icon-wrapper-chevron-down-icon",
+      style: S(f.value),
       tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: k(() => [
-        (u(), w("svg", {
+      default: N(() => [
+        (u(), $("svg", {
           "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-progress-icon",
+          "data-testid": "kui-icon-svg-chevron-down-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
+          innerHTML: h
         }, null, 8, z))
       ]),
       _: 1
@@ -120,5 +119,5 @@ const z = ["aria-hidden"], f = `<style>@keyframes kong-icon-spin { from {transfo
   }
 });
 export {
-  I as default
+  q as default
 };

package/dist/kongponents193.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{resizeObserver;callback;constructor(e){this.callback=e,this.resizeObserver=new ResizeObserver(s=>{window.requestAnimationFrame(()=>{!Array.isArray(s)||!s.length||e()})})}static create(e){return new r(e)}observe(e){!this.resizeObserver||!e||this.resizeObserver.observe(e)}unobserve(e){!this.resizeObserver||!e||this.resizeObserver.unobserve(e)}}exports.ResizeObserverHelper=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),u=require("./kongponents287.cjs"),b=["aria-hidden"],c='<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"/>',h=i.defineComponent({__name:"ForwardIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),n=Number(e);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,n=o=>typeof o=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(o),s=i.computed(()=>{if(n(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const o=String(e.size).replace(/px/gi,""),r=Number(o);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return u.KUI_ICON_SIZE_50}),p=i.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=o=>{const r={},m=Math.random().toString(36).substring(2,12);return o.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return r[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>r[a]?`#${r[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=o=>o.replace(/[<>"'&]/g,r=>g[r]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(o,r)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon forward-icon","data-testid":"kui-icon-wrapper-forward-icon",style:i.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:i.withCtx(()=>[(i.openBlock(),i.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-forward-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;

package/dist/kongponents193.es.js

@@ -1,23 +1,123 @@
-class s {
-  resizeObserver;
-  callback;
-  constructor(e) {
-    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
-      window.requestAnimationFrame(() => {
-        !Array.isArray(r) || !r.length || e();
-      });
-    });
+import { defineComponent as w, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as $, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents287.es.js";
+const N = ["aria-hidden"], f = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"/>', q = /* @__PURE__ */ w({
+  __name: "ForwardIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: p,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), a = Number(e);
+          if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, a = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), n = d(() => {
+      if (a(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const i = String(e.size).replace(/px/gi, ""), r = Number(i);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
+      }
+      return p;
+    }), c = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: n.value,
+      lineHeight: "0",
+      width: n.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (i) => {
+      const r = {}, h = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (s, o) => {
+        const l = `${h}-${o}`;
+        return r[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => r[o] ? `#${r[o]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (i) => i.replace(/[<>"'&]/g, (r) => m[r]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? f : g(f)}`;
+    return (i, r) => (u(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon forward-icon",
+      "data-testid": "kui-icon-wrapper-forward-icon",
+      style: S(c.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: $(() => [
+        (u(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-forward-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
-  static create(e) {
-    return new s(e);
-  }
-  observe(e) {
-    !this.resizeObserver || !e || this.resizeObserver.observe(e);
-  }
-  unobserve(e) {
-    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
-  }
-}
+});
 export {
-  s as ResizeObserverHelper
+  q as default
 };

package/dist/kongponents194.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./kongponents255.cjs"),r=require("vue"),R=a.isClient?window:void 0;function m(t){var n;const i=r.toValue(t);return(n=i?.$el)!==null&&n!==void 0?n:i}function C(...t){const n=(e,l,s,d)=>(e.addEventListener(l,s,d),()=>e.removeEventListener(l,s,d)),i=r.computed(()=>{const e=a.toArray(r.toValue(t[0])).filter(l=>l!=null);return e.every(l=>typeof l!="string")?e:void 0});return a.watchImmediate(()=>{var e,l;return[(e=(l=i.value)===null||l===void 0?void 0:l.map(s=>m(s)))!==null&&e!==void 0?e:[R].filter(s=>s!=null),a.toArray(r.toValue(i.value?t[1]:t[0])),a.toArray(r.unref(i.value?t[2]:t[1])),r.toValue(i.value?t[3]:t[2])]},([e,l,s,d],p,f)=>{if(!e?.length||!l?.length||!s?.length)return;const h=a.isObject(d)?{...d}:d,g=e.flatMap(o=>l.flatMap(y=>s.map(w=>n(o,y,w,h))));f(()=>{g.forEach(o=>o())})},{flush:"post"})}function T(t,n,i={}){const{window:e=R,ignore:l=[],capture:s=!0,detectIframe:d=!1,controls:p=!1}=i;if(!e)return p?{stop:a.noop,cancel:a.noop,trigger:a.noop}:a.noop;let f=!0;const h=u=>r.toValue(l).some(c=>{if(typeof c=="string")return Array.from(e.document.querySelectorAll(c)).some(v=>v===u.target||u.composedPath().includes(v));{const v=m(c);return v&&(u.target===v||u.composedPath().includes(v))}});function g(u){const c=r.toValue(u);return c&&c.$.subTree.shapeFlag===16}function o(u,c){const v=r.toValue(u),E=v.$.subTree&&v.$.subTree.children;return E==null||!Array.isArray(E)?!1:E.some(O=>O.el===c.target||c.composedPath().includes(O.el))}const y=u=>{const c=m(t);if(u.target!=null&&!(!(c instanceof Element)&&g(t)&&o(t,u))&&!(!c||c===u.target||u.composedPath().includes(c))){if("detail"in u&&u.detail===0&&(f=!h(u)),!f){f=!0;return}n(u)}};let w=!1;const b=[C(e,"click",u=>{w||(w=!0,setTimeout(()=>{w=!1},0),y(u))},{passive:!0,capture:s}),C(e,"pointerdown",u=>{const c=m(t);f=!h(u)&&!!(c&&!u.composedPath().includes(c))},{passive:!0}),d&&C(e,"blur",u=>{setTimeout(()=>{const c=m(t);let v=e.document.activeElement;for(;v?.shadowRoot;)v=v.shadowRoot.activeElement;v?.tagName==="IFRAME"&&!c?.contains(e.document.activeElement)&&n(u)},0)},{passive:!0})].filter(Boolean),S=()=>b.forEach(u=>u());return p?{stop:S,cancel:()=>{f=!1},trigger:u=>{f=!0,y(u),f=!1}}:S}function A(){const t=r.shallowRef(!1),n=r.getCurrentInstance();return n&&r.onMounted(()=>{t.value=!0},n),t}function x(t){const n=A();return r.computed(()=>(n.value,!!t()))}function M(t,n,i={}){const{window:e=R,...l}=i;let s;const d=x(()=>e&&"ResizeObserver"in e),p=()=>{s&&(s.disconnect(),s=void 0)},f=r.watch(r.computed(()=>{const g=r.toValue(t);return Array.isArray(g)?g.map(o=>m(o)):[m(g)]}),g=>{if(p(),d.value&&e){s=new ResizeObserver(n);for(const o of g)o&&s.observe(o,l)}},{immediate:!0,flush:"post"}),h=()=>{p(),f()};return a.tryOnScopeDispose(h),{isSupported:d,stop:h}}function $(t,n={width:0,height:0},i={}){const{window:e=R,box:l="content-box"}=i,s=r.computed(()=>{var o;return(o=m(t))===null||o===void 0||(o=o.namespaceURI)===null||o===void 0?void 0:o.includes("svg")}),d=r.shallowRef(n.width),p=r.shallowRef(n.height),{stop:f}=M(t,([o])=>{const y=l==="border-box"?o.borderBoxSize:l==="content-box"?o.contentBoxSize:o.devicePixelContentBoxSize;if(e&&s.value){const w=m(t);if(w){const b=w.getBoundingClientRect();d.value=b.width,p.value=b.height}}else if(y){const w=a.toArray(y);d.value=w.reduce((b,{inlineSize:S})=>b+S,0),p.value=w.reduce((b,{blockSize:S})=>b+S,0)}else d.value=o.contentRect.width,p.value=o.contentRect.height},i);a.tryOnMounted(()=>{const o=m(t);o&&(d.value="offsetWidth"in o?o.offsetWidth:n.width,p.value="offsetHeight"in o?o.offsetHeight:n.height)});const h=r.watch(()=>m(t),o=>{d.value=o?n.width:0,p.value=o?n.height:0});function g(){f(),h()}return{width:d,height:p,stop:g}}function P(t){var n;const i=(n=t.rangeCount)!==null&&n!==void 0?n:0;return Array.from({length:i},(e,l)=>t.getRangeAt(l))}function V(t={}){var n;const{window:i=R}=t,e=r.shallowRef((n=i?.getSelection())!==null&&n!==void 0?n:null),l=r.computed(()=>{var f,h;return(f=(h=e.value)===null||h===void 0?void 0:h.toString())!==null&&f!==void 0?f:""}),s=r.computed(()=>e.value?P(e.value):[]),d=r.computed(()=>s.value.map(f=>f.getBoundingClientRect()));function p(){e.value=null,i&&(e.value=i.getSelection())}return i&&C(i.document,"selectionchange",p,{passive:!0}),{text:l,rects:d,ranges:s,selection:e}}exports.getLifeCycleTarget=a.getLifeCycleTarget;exports.isClient=a.isClient;exports.isObject=a.isObject;exports.noop=a.noop;exports.toArray=a.toArray;exports.tryOnMounted=a.tryOnMounted;exports.tryOnScopeDispose=a.tryOnScopeDispose;exports.watchImmediate=a.watchImmediate;exports.defaultWindow=R;exports.onClickOutside=T;exports.unrefElement=m;exports.useElementSize=$;exports.useEventListener=C;exports.useMounted=A;exports.useResizeObserver=M;exports.useSupported=x;exports.useTextSelection=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{resizeObserver;callback;constructor(e){this.callback=e,this.resizeObserver=new ResizeObserver(s=>{window.requestAnimationFrame(()=>{!Array.isArray(s)||!s.length||e()})})}static create(e){return new r(e)}observe(e){!this.resizeObserver||!e||this.resizeObserver.observe(e)}unobserve(e){!this.resizeObserver||!e||this.resizeObserver.unobserve(e)}}exports.ResizeObserverHelper=r;

package/dist/kongponents194.es.js

@@ -1,210 +1,23 @@
-import { toArray as C, watchImmediate as T, noop as S, tryOnMounted as B, tryOnScopeDispose as O, isClient as I, isObject as L } from "./kongponents255.es.js";
-import { getLifeCycleTarget as K } from "./kongponents255.es.js";
-import { computed as R, toValue as b, shallowRef as y, watch as P, getCurrentInstance as k, onMounted as z, unref as W } from "vue";
-const E = I ? window : void 0;
-function p(t) {
-  var n;
-  const l = b(t);
-  return (n = l?.$el) !== null && n !== void 0 ? n : l;
-}
-function $(...t) {
-  const n = (e, u, s, c) => (e.addEventListener(u, s, c), () => e.removeEventListener(u, s, c)), l = R(() => {
-    const e = C(b(t[0])).filter((u) => u != null);
-    return e.every((u) => typeof u != "string") ? e : void 0;
-  });
-  return T(() => {
-    var e, u;
-    return [
-      (e = (u = l.value) === null || u === void 0 ? void 0 : u.map((s) => p(s))) !== null && e !== void 0 ? e : [E].filter((s) => s != null),
-      C(b(l.value ? t[1] : t[0])),
-      C(W(l.value ? t[2] : t[1])),
-      b(l.value ? t[3] : t[2])
-    ];
-  }, ([e, u, s, c], f, a) => {
-    if (!e?.length || !u?.length || !s?.length) return;
-    const v = L(c) ? { ...c } : c, h = e.flatMap((o) => u.flatMap((w) => s.map((m) => n(o, w, m, v))));
-    a(() => {
-      h.forEach((o) => o());
+class s {
+  resizeObserver;
+  callback;
+  constructor(e) {
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
+      });
     });
-  }, { flush: "post" });
-}
-function G(t, n, l = {}) {
-  const { window: e = E, ignore: u = [], capture: s = !0, detectIframe: c = !1, controls: f = !1 } = l;
-  if (!e) return f ? {
-    stop: S,
-    cancel: S,
-    trigger: S
-  } : S;
-  let a = !0;
-  const v = (i) => b(u).some((r) => {
-    if (typeof r == "string") return Array.from(e.document.querySelectorAll(r)).some((d) => d === i.target || i.composedPath().includes(d));
-    {
-      const d = p(r);
-      return d && (i.target === d || i.composedPath().includes(d));
-    }
-  });
-  function h(i) {
-    const r = b(i);
-    return r && r.$.subTree.shapeFlag === 16;
   }
-  function o(i, r) {
-    const d = b(i), A = d.$.subTree && d.$.subTree.children;
-    return A == null || !Array.isArray(A) ? !1 : A.some((M) => M.el === r.target || r.composedPath().includes(M.el));
+  static create(e) {
+    return new s(e);
   }
-  const w = (i) => {
-    const r = p(t);
-    if (i.target != null && !(!(r instanceof Element) && h(t) && o(t, i)) && !(!r || r === i.target || i.composedPath().includes(r))) {
-      if ("detail" in i && i.detail === 0 && (a = !v(i)), !a) {
-        a = !0;
-        return;
-      }
-      n(i);
-    }
-  };
-  let m = !1;
-  const g = [
-    $(e, "click", (i) => {
-      m || (m = !0, setTimeout(() => {
-        m = !1;
-      }, 0), w(i));
-    }, {
-      passive: !0,
-      capture: s
-    }),
-    $(e, "pointerdown", (i) => {
-      const r = p(t);
-      a = !v(i) && !!(r && !i.composedPath().includes(r));
-    }, { passive: !0 }),
-    c && $(e, "blur", (i) => {
-      setTimeout(() => {
-        const r = p(t);
-        let d = e.document.activeElement;
-        for (; d?.shadowRoot; ) d = d.shadowRoot.activeElement;
-        d?.tagName === "IFRAME" && !r?.contains(e.document.activeElement) && n(i);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), x = () => g.forEach((i) => i());
-  return f ? {
-    stop: x,
-    cancel: () => {
-      a = !1;
-    },
-    trigger: (i) => {
-      a = !0, w(i), a = !1;
-    }
-  } : x;
-}
-// @__NO_SIDE_EFFECTS__
-function F() {
-  const t = y(!1), n = k();
-  return n && z(() => {
-    t.value = !0;
-  }, n), t;
-}
-// @__NO_SIDE_EFFECTS__
-function H(t) {
-  const n = /* @__PURE__ */ F();
-  return R(() => (n.value, !!t()));
-}
-function V(t, n, l = {}) {
-  const { window: e = E, ...u } = l;
-  let s;
-  const c = /* @__PURE__ */ H(() => e && "ResizeObserver" in e), f = () => {
-    s && (s.disconnect(), s = void 0);
-  }, a = P(R(() => {
-    const h = b(t);
-    return Array.isArray(h) ? h.map((o) => p(o)) : [p(h)];
-  }), (h) => {
-    if (f(), c.value && e) {
-      s = new ResizeObserver(n);
-      for (const o of h) o && s.observe(o, u);
-    }
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), v = () => {
-    f(), a();
-  };
-  return O(v), {
-    isSupported: c,
-    stop: v
-  };
-}
-function N(t, n = {
-  width: 0,
-  height: 0
-}, l = {}) {
-  const { window: e = E, box: u = "content-box" } = l, s = R(() => {
-    var o;
-    return (o = p(t)) === null || o === void 0 || (o = o.namespaceURI) === null || o === void 0 ? void 0 : o.includes("svg");
-  }), c = y(n.width), f = y(n.height), { stop: a } = V(t, ([o]) => {
-    const w = u === "border-box" ? o.borderBoxSize : u === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
-    if (e && s.value) {
-      const m = p(t);
-      if (m) {
-        const g = m.getBoundingClientRect();
-        c.value = g.width, f.value = g.height;
-      }
-    } else if (w) {
-      const m = C(w);
-      c.value = m.reduce((g, { inlineSize: x }) => g + x, 0), f.value = m.reduce((g, { blockSize: x }) => g + x, 0);
-    } else
-      c.value = o.contentRect.width, f.value = o.contentRect.height;
-  }, l);
-  B(() => {
-    const o = p(t);
-    o && (c.value = "offsetWidth" in o ? o.offsetWidth : n.width, f.value = "offsetHeight" in o ? o.offsetHeight : n.height);
-  });
-  const v = P(() => p(t), (o) => {
-    c.value = o ? n.width : 0, f.value = o ? n.height : 0;
-  });
-  function h() {
-    a(), v();
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
   }
-  return {
-    width: c,
-    height: f,
-    stop: h
-  };
-}
-function j(t) {
-  var n;
-  const l = (n = t.rangeCount) !== null && n !== void 0 ? n : 0;
-  return Array.from({ length: l }, (e, u) => t.getRangeAt(u));
-}
-// @__NO_SIDE_EFFECTS__
-function U(t = {}) {
-  var n;
-  const { window: l = E } = t, e = y((n = l?.getSelection()) !== null && n !== void 0 ? n : null), u = R(() => {
-    var a, v;
-    return (a = (v = e.value) === null || v === void 0 ? void 0 : v.toString()) !== null && a !== void 0 ? a : "";
-  }), s = R(() => e.value ? j(e.value) : []), c = R(() => s.value.map((a) => a.getBoundingClientRect()));
-  function f() {
-    e.value = null, l && (e.value = l.getSelection());
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
   }
-  return l && $(l.document, "selectionchange", f, { passive: !0 }), {
-    text: u,
-    rects: c,
-    ranges: s,
-    selection: e
-  };
 }
 export {
-  E as defaultWindow,
-  K as getLifeCycleTarget,
-  I as isClient,
-  L as isObject,
-  S as noop,
-  G as onClickOutside,
-  C as toArray,
-  B as tryOnMounted,
-  O as tryOnScopeDispose,
-  p as unrefElement,
-  N as useElementSize,
-  $ as useEventListener,
-  F as useMounted,
-  V as useResizeObserver,
-  H as useSupported,
-  U as useTextSelection,
-  T as watchImmediate
+  s as ResizeObserverHelper
 };

package/dist/kongponents195.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents263.cjs"),y=["aria-hidden"],d='<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>',h=r.defineComponent({__name:"CheckCircleIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const c=`${m}-${a}`;return i[a]=c,`id="${c}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),C=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?d:f(d)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon check-circle-icon","data-testid":"kui-icon-wrapper-check-circle-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-check-circle-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:C},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents287.cjs"),y=["aria-hidden"],c='<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>',S=r.defineComponent({__name:"CheckSmallIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,a=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),l=r.computed(()=>{if(a(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},h=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(s,o)=>{const u=`${h}-${o}`;return i[o]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(s,o)=>i[o]?`#${i[o]}`:s)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),m=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon check-small-icon","data-testid":"kui-icon-wrapper-check-small-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-check-small-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=S;