@knime/kds-components 0.28.1 → 0.28.3

package/dist/index.js

@@ -1033,7 +1033,7 @@ const _hoisted_2$y = ["height", "width", "viewBox"];
 const _hoisted_3$q = ["r", "stroke-width"];
 const _hoisted_4$l = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
 const _hoisted_5$b = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
-const _hoisted_6$9 = {
+const _hoisted_6$a = {
   key: 0,
   class: "donut-text"
 };
@@ -1044,7 +1044,6 @@ const _hoisted_8$3 = {
 };
 const radius = 22;
 const innerRadius = 10;
-const backgroundStrokeOffset = 0.5;
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "KdsDonutChart",
   props: {
@@ -1066,10 +1065,6 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       return __props.acceptValuesLargerThanMax ? clipValue : Math.min(clipValue, __props.maxValue);
     });
     const strokeWidth = computed(() => radius - innerRadius);
-    const backgroundStrokeWidth = computed(
-      // to account for rendering inaccuracies the background stroke is slightly smaller than the wedge stroke
-      () => strokeWidth.value - backgroundStrokeOffset
-    );
     const r = computed(() => radius - strokeWidth.value / 2);
     const diameter = computed(() => 2 * radius);
     const viewBox = computed(() => `0 0 ${diameter.value} ${diameter.value}`);
@@ -1105,7 +1100,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
             cx: radius,
             cy: radius,
             r: r.value,
-            "stroke-width": backgroundStrokeWidth.value,
+            "stroke-width": strokeWidth.value,
             fill: "transparent"
           }, null, 8, _hoisted_3$q),
           __props.secondaryValue && !disabled.value ? (openBlock(), createElementBlock("circle", {
@@ -1133,7 +1128,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
             transform: transformWedge.value
           }, null, 10, _hoisted_5$b)) : createCommentVNode("", true)
         ], 8, _hoisted_2$y)),
-        __props.title ? (openBlock(), createElementBlock("div", _hoisted_6$9, [
+        __props.title ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
           createElementVNode("div", _hoisted_7$3, toDisplayString(__props.title), 1),
           __props.subText ? (openBlock(), createElementBlock("div", _hoisted_8$3, toDisplayString(__props.subText), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
@@ -1142,7 +1137,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-c5a5b387"]]);
+const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-f5faf61c"]]);
 
 const _sfc_main$1n = {  };
 
@@ -2043,7 +2038,7 @@ const _hoisted_5$a = {
   key: 0,
   class: "prefix"
 };
-const _hoisted_6$8 = ["title"];
+const _hoisted_6$9 = ["title"];
 const _hoisted_7$2 = { class: "trailing-item" };
 const _hoisted_8$2 = {
   key: 0,
@@ -2136,7 +2131,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             ref: subtextEl,
             class: "subtext",
             title: unref(isSubtextTruncated) ? props.subText : void 0
-          }, toDisplayString(props.subText), 9, _hoisted_6$8)) : createCommentVNode("", true)
+          }, toDisplayString(props.subText), 9, _hoisted_6$9)) : createCommentVNode("", true)
         ]),
         createElementVNode("span", _hoisted_7$2, [
           props.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_8$2, toDisplayString(props.shortcut), 1)) : props.badge ? (openBlock(), createBlock(KdsBadge, {
@@ -2956,7 +2951,7 @@ const _hoisted_2$r = { class: "kds-preview-list-title-row" };
 const _hoisted_3$m = { class: "kds-preview-list-content" };
 const _hoisted_4$i = { class: "kds-preview-list-headline" };
 const _hoisted_5$9 = ["aria-label"];
-const _hoisted_6$7 = { class: "kds-preview-list-show-hide" };
+const _hoisted_6$8 = { class: "kds-preview-list-show-hide" };
 const DEFAULT_MAX_VISIBLE_ITEMS = 6;
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "KdsPreviewList",
@@ -3043,7 +3038,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
         ], 512), [
           [vShow, expanded.value]
         ]),
-        createElementVNode("footer", _hoisted_6$7, [
+        createElementVNode("footer", _hoisted_6$8, [
           createVNode(_sfc_main$1l, {
             class: "kds-preview-list-toggle",
             label: expanded.value ? "Hide all" : "Show all",
@@ -3151,7 +3146,7 @@ const _hoisted_3$l = {
 };
 const _hoisted_4$h = { class: "label" };
 const _hoisted_5$8 = ["id"];
-const _hoisted_6$6 = {
+const _hoisted_6$7 = {
   key: 0,
   class: "subtext-wrapper"
 };
@@ -3245,7 +3240,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             }, toDisplayString(props.helperText), 9, _hoisted_5$8)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ], 10, _hoisted_1$F),
-        props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
+        props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
           createVNode(KdsSubText, {
             id: unref(descriptionId),
             "sub-text": props.subText,
@@ -3470,7 +3465,7 @@ const _hoisted_3$j = {
 };
 const _hoisted_4$f = { class: "content" };
 const _hoisted_5$7 = { class: "label" };
-const _hoisted_6$5 = ["id"];
+const _hoisted_6$6 = ["id"];
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButton",
   props: /* @__PURE__ */ mergeModels({
@@ -3526,7 +3521,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             key: 0,
             id: `${unref(id)}-helper`,
             class: "helper-text"
-          }, toDisplayString(props.helperText), 9, _hoisted_6$5)) : createCommentVNode("", true)
+          }, toDisplayString(props.helperText), 9, _hoisted_6$6)) : createCommentVNode("", true)
         ])
       ], 10, _hoisted_1$D);
     };
@@ -4694,7 +4689,7 @@ const _hoisted_5$6 = {
   key: 4,
   class: "trailing-slot"
 };
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 5,
   class: "icon-wrapper trailing"
 };
@@ -4923,7 +4918,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
           renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+        props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
           createVNode(KdsIcon, {
             name: props.trailingIcon
           }, null, 8, ["name"])
@@ -11016,7 +11011,7 @@ const _hoisted_4$c = {
   "aria-live": "polite"
 };
 const _hoisted_5$5 = { class: "kds-date-picker-nav-block" };
-const _hoisted_6$3 = { class: "kds-date-picker-body" };
+const _hoisted_6$4 = { class: "kds-date-picker-body" };
 const MONTHS_PER_YEAR = 12;
 const YEAR_PAGE_SIZE = 15;
 const REFERENCE_YEAR = 2024;
@@ -11265,7 +11260,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             }, null, 8, ["disabled"])) : createCommentVNode("", true)
           ])
         ]),
-        createElementVNode("div", _hoisted_6$3, [
+        createElementVNode("div", _hoisted_6$4, [
           view.value === "day" ? (openBlock(), createBlock(DatePickerDayGrid, {
             key: 0,
             ref_key: "dayGridRef",
@@ -12262,7 +12257,7 @@ const _hoisted_5$4 = {
   key: 1,
   class: "kds-time-picker-actions"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 2,
   class: "kds-time-picker-actions"
 };
@@ -12434,7 +12429,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               onClick: addMilliseconds
             })
           ])) : createCommentVNode("", true)
-        ], 64)) : __props.maxGranularity !== "minute" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+        ], 64)) : __props.maxGranularity !== "minute" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
           createVNode(_sfc_main$1l, {
             variant: "outlined",
             size: "small",
@@ -14829,7 +14824,7 @@ const _hoisted_4$7 = {
   class: "kds-list-count"
 };
 const _hoisted_5$3 = { class: "kds-button-column" };
-const _hoisted_6$1 = { class: "kds-list-column" };
+const _hoisted_6$2 = { class: "kds-list-column" };
 const _hoisted_7$1 = { class: "kds-list-header" };
 const _hoisted_8$1 = { class: "kds-list-label" };
 const _hoisted_9$1 = {
@@ -15077,7 +15072,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 ]))
               }, null, 8, ["disabled"])
             ]),
-            createElementVNode("div", _hoisted_6$1, [
+            createElementVNode("div", _hoisted_6$2, [
               createElementVNode("div", _hoisted_7$1, [
                 createElementVNode("span", _hoisted_8$1, toDisplayString(__props.includeLabel), 1),
                 !__props.loading && __props.searchTerm ? (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(rightOptions.value.length) + " of " + toDisplayString(includedItems.value.length), 1)) : createCommentVNode("", true)
@@ -15845,10 +15840,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-b6d29842"]]);
 
 const _hoisted_1$c = { class: "kds-accordion" };
-const _hoisted_2$7 = ["id", "aria-expanded", "aria-controls", "disabled", "onClick", "onKeydown"];
-const _hoisted_3$7 = { class: "kds-accordion-headline-container" };
-const _hoisted_4$5 = { class: "kds-accordion-headline" };
-const _hoisted_5$2 = ["id", "aria-labelledby", "hidden"];
+const _hoisted_2$7 = ["name", "open", "onToggle"];
+const _hoisted_3$7 = ["aria-disabled", "tabindex", "onClick", "onKeydown"];
+const _hoisted_4$5 = { class: "kds-accordion-headline-container" };
+const _hoisted_5$2 = { class: "kds-accordion-headline" };
+const _hoisted_6$1 = { class: "kds-accordion-content" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "KdsAccordion",
   props: /* @__PURE__ */ mergeModels({
@@ -15893,19 +15889,35 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     );
     const expandedItems = computed(() => normalizedModelExpandedItems.value);
     const isItemExpanded = (itemId) => expandedItems.value.includes(itemId);
-    const toggleItem = (item) => {
+    const onSummaryClick = (event, item) => {
+      if (item.disabled) {
+        event.preventDefault();
+      }
+    };
+    const onDetailsToggle = (event, item) => {
+      const detailsEl = event.currentTarget;
+      if (!(detailsEl instanceof HTMLDetailsElement)) {
+        return;
+      }
+      const isOpen = detailsEl.open;
       if (item.disabled) {
+        if (isOpen !== isItemExpanded(item.id)) {
+          detailsEl.open = isItemExpanded(item.id);
+        }
         return;
       }
-      if (isItemExpanded(item.id)) {
-        setExpandedItems(expandedItems.value.filter((id) => id !== item.id));
+      if (isOpen === isItemExpanded(item.id)) {
         return;
       }
-      if (__props.singleExpand) {
-        setExpandedItems([item.id]);
+      if (isOpen) {
+        if (__props.singleExpand) {
+          setExpandedItems([item.id]);
+          return;
+        }
+        setExpandedItems([...expandedItems.value, item.id]);
         return;
       }
-      setExpandedItems([...expandedItems.value, item.id]);
+      setExpandedItems(expandedItems.value.filter((id) => id !== item.id));
     };
     const triggerRefs = ref({});
     const setTriggerRef = (itemId, triggerEl) => {
@@ -15915,7 +15927,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       } else if (triggerEl) {
         element = triggerEl.$el;
       }
-      if (element instanceof HTMLButtonElement) {
+      if (element instanceof HTMLElement) {
         triggerRefs.value[itemId] = element;
         return;
       }
@@ -15954,58 +15966,53 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }
     };
     const accordionId = useId();
-    const getItemTriggerId = (itemId) => `${accordionId}-trigger-${itemId}`;
-    const getItemContentId = (itemId) => `${accordionId}-content-${itemId}`;
+    const exclusiveGroupName = computed(
+      () => __props.singleExpand ? `kds-accordion-${accordionId}` : void 0
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-          return openBlock(), createElementBlock("div", {
+          return openBlock(), createElementBlock("details", {
             key: item.id,
-            class: "kds-accordion-item"
+            class: "kds-accordion-item",
+            name: exclusiveGroupName.value,
+            open: isItemExpanded(item.id),
+            onToggle: ($event) => onDetailsToggle($event, item)
           }, [
-            createElementVNode("button", {
-              id: getItemTriggerId(item.id),
+            createElementVNode("summary", {
               ref_for: true,
               ref: (triggerEl) => setTriggerRef(item.id, triggerEl),
               class: "kds-accordion-header",
-              type: "button",
-              "aria-expanded": isItemExpanded(item.id),
-              "aria-controls": getItemContentId(item.id),
-              disabled: item.disabled,
-              onClick: ($event) => toggleItem(item),
+              "aria-disabled": item.disabled || void 0,
+              tabindex: item.disabled ? -1 : void 0,
+              onClick: ($event) => onSummaryClick($event, item),
               onKeydown: ($event) => handleTriggerKeydown($event, item)
             }, [
-              createElementVNode("span", _hoisted_3$7, [
+              createElementVNode("span", _hoisted_4$5, [
                 item.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
                   key: 0,
                   name: item.leadingIcon,
                   size: "small",
                   disabled: item.disabled
                 }, null, 8, ["name", "disabled"])) : createCommentVNode("", true),
-                createElementVNode("span", _hoisted_4$5, toDisplayString(item.headline), 1)
+                createElementVNode("span", _hoisted_5$2, toDisplayString(item.headline), 1)
               ]),
               createVNode(KdsIcon, {
                 name: isItemExpanded(item.id) ? "chevron-up" : "chevron-down",
                 size: "small"
               }, null, 8, ["name"])
-            ], 40, _hoisted_2$7),
-            createElementVNode("div", {
-              id: getItemContentId(item.id),
-              class: "kds-accordion-content",
-              role: "group",
-              "aria-labelledby": getItemTriggerId(item.id),
-              hidden: !isItemExpanded(item.id)
-            }, [
+            ], 40, _hoisted_3$7),
+            createElementVNode("div", _hoisted_6$1, [
               renderSlot(_ctx.$slots, item.id, { item }, void 0, true)
-            ], 8, _hoisted_5$2)
-          ]);
+            ])
+          ], 40, _hoisted_2$7);
         }), 128))
       ]);
     };
   }
 });
 
-const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-66485734"]]);
+const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0beea165"]]);
 
 const _hoisted_1$b = { class: "kds-card-header" };
 const _hoisted_2$6 = {
@@ -16038,7 +16045,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-9be14436"]]);
+const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-09093cc0"]]);
 
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "BaseCard",
@@ -16320,20 +16327,35 @@ const kdsCardVariant = {
 };
 const kdsCardVariants = Object.values(kdsCardVariant);
 
+const kdsPanelBodyOverflow = {
+  AUTO: "auto",
+  HIDDEN: "hidden",
+  VISIBLE: "visible"
+};
+const kdsPanelBodyOverflows = Object.values(kdsPanelBodyOverflow);
+const kdsPanelBodyVariant = {
+  PADDED: "padded",
+  PLAIN: "plain"
+};
+const kdsPanelBodyVariants = Object.values(kdsPanelBodyVariant);
+
 const _hoisted_1$8 = { class: "kds-panel" };
-const _hoisted_2$5 = { class: "kds-panel-header" };
+const _hoisted_2$5 = {
+  key: 0,
+  class: "kds-panel-header"
+};
 const _hoisted_3$5 = ["id"];
 const _hoisted_4$3 = {
   key: 0,
   class: "kds-panel-headline-text"
 };
 const _hoisted_5$1 = {
-  key: 0,
+  key: 1,
   class: "kds-panel-header-trailing"
 };
-const _hoisted_6 = ["aria-labelledby"];
+const _hoisted_6 = ["data-variant", "tabindex", "aria-labelledby", "aria-label"];
 const _hoisted_7 = {
-  key: 0,
+  key: 1,
   class: "kds-panel-footer"
 };
 const _hoisted_8 = { class: "kds-panel-footer-leading" };
@@ -16344,14 +16366,36 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     headline: {},
     headlineTrailingActions: {},
     footerLeadingActions: {},
-    footerTrailingActions: {}
+    footerTrailingActions: {},
+    ariaLabel: {},
+    bodyOverflow: { default: () => kdsPanelBodyOverflow.AUTO },
+    bodyVariant: { default: () => kdsPanelBodyVariant.PADDED }
   },
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "cd61c39a": _ctx.bodyOverflow
+    }));
     const headlineId = useId();
+    const hasHeader = computed(
+      () => Boolean(__props.headline) || Boolean(__props.headlineTrailingActions?.length)
+    );
+    const isBodyKeyboardFocusable = computed(
+      () => __props.bodyOverflow !== kdsPanelBodyOverflow.HIDDEN
+    );
+    const bodyAriaLabel = computed(
+      () => isBodyKeyboardFocusable.value && __props.ariaLabel ? __props.ariaLabel : void 0
+    );
+    const slotHeadlineId = computed(
+      () => typeof __props.headline === "string" ? headlineId : void 0
+    );
+    const bodyAriaLabelledBy = computed(
+      () => isBodyKeyboardFocusable.value && !bodyAriaLabel.value ? slotHeadlineId.value : void 0
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("div", _hoisted_2$5, [
-          createElementVNode("div", {
+        hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          __props.headline ? (openBlock(), createElementBlock("div", {
+            key: 0,
             id: unref(headlineId),
             class: "kds-panel-headline"
           }, [
@@ -16362,7 +16406,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               size: "small",
               onItemClick: __props.headline.onItemClick
             }), null, 16, ["onItemClick"])) : createCommentVNode("", true)
-          ], 8, _hoisted_3$5),
+          ], 8, _hoisted_3$5)) : createCommentVNode("", true),
           __props.headlineTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headlineTrailingActions, (action, index) => {
               return openBlock(), createElementBlock(Fragment, { key: index }, [
@@ -16394,13 +16438,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ], 64);
             }), 128))
           ])) : createCommentVNode("", true)
-        ]),
+        ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "kds-panel-body",
-          tabindex: "0",
-          "aria-labelledby": unref(headlineId)
+          "data-variant": __props.bodyVariant,
+          tabindex: isBodyKeyboardFocusable.value ? 0 : void 0,
+          "aria-labelledby": bodyAriaLabelledBy.value,
+          "aria-label": bodyAriaLabel.value
         }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          renderSlot(_ctx.$slots, "default", { headlineId: slotHeadlineId.value }, void 0, true)
         ], 8, _hoisted_6),
         __props.footerLeadingActions?.length || __props.footerTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
           createElementVNode("div", _hoisted_8, [
@@ -16429,7 +16475,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c55a379c"]]);
+const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b56ad38d"]]);
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TabBarItemAccessory",
@@ -17584,5 +17630,5 @@ const kdsResponsiveButtonGroupAlignments = Object.values(
   kdsResponsiveButtonGroupAlignment
 );
 
-export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, _sfc_main$1l as KdsButton, _sfc_main$e as KdsCard, _sfc_main$10 as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$P as KdsColorInput, KdsColorSwatch, _sfc_main$15 as KdsContextMenu, KdsDataType, _sfc_main$I as KdsDateInput, _sfc_main$G as KdsDateTimeFormatInput, KdsDivider, KdsDonutChart, _sfc_main$w as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$z as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1k as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$16 as KdsMenu, _sfc_main$1a as KdsMenuButton, KdsModal, KdsModalLayout, _sfc_main$t as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$T as KdsNumberInput, KdsPanel, _sfc_main$O as KdsPasswordInput, _sfc_main$F as KdsPatternInput, KdsPreviewList, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$B as KdsTimeInput, _sfc_main$1i as KdsToggleButton, KdsTwinList, _sfc_main$N as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsDateFormatCategories, kdsDateFormatCategory, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
+export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, _sfc_main$1l as KdsButton, _sfc_main$e as KdsCard, _sfc_main$10 as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$P as KdsColorInput, KdsColorSwatch, _sfc_main$15 as KdsContextMenu, KdsDataType, _sfc_main$I as KdsDateInput, _sfc_main$G as KdsDateTimeFormatInput, KdsDivider, KdsDonutChart, _sfc_main$w as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$z as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1k as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$16 as KdsMenu, _sfc_main$1a as KdsMenuButton, KdsModal, KdsModalLayout, _sfc_main$t as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$T as KdsNumberInput, KdsPanel, _sfc_main$O as KdsPasswordInput, _sfc_main$F as KdsPatternInput, KdsPreviewList, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$B as KdsTimeInput, _sfc_main$1i as KdsToggleButton, KdsTwinList, _sfc_main$N as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsDateFormatCategories, kdsDateFormatCategory, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPanelBodyOverflow, kdsPanelBodyOverflows, kdsPanelBodyVariant, kdsPanelBodyVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
 //# sourceMappingURL=index.js.map