fds-vue-core 2.0.26 → 2.0.28

package/dist/FdsTable.css

@@ -12,11 +12,10 @@
   padding: 0.5rem;
 }
 
-
 /* Base styles - works in both Vue scoped and standalone CSS */
 .fds-table-wrapper {
-  overflow: hidden;
   border-radius: var(--radius-md);
+  overflow-x: scroll;
 }
 
 /* Table styling - vanilla CSS version (for consuming repos) */
@@ -51,8 +50,11 @@
 }
 
 .fds-table-wrapper td,
-.fds-table-wrapper th {
+.fds-table-wrapper th:not(.fds-table-head) {
   padding: 1rem;
+}
+.fds-table-wrapper td,
+.fds-table-wrapper th {
   text-align: left;
   vertical-align: top;
   white-space: normal;
@@ -89,9 +91,12 @@
   border-bottom: none;
 }
 
+.fds-table-wrapper td,
+.fds-table-wrapper th:not(.fds-table-head) {
+  padding: 1rem;
+}
 .fds-table-wrapper :deep(td),
 .fds-table-wrapper :deep(th) {
-  padding: 1rem;
   text-align: left;
   vertical-align: top;
   white-space: normal;

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts

@@ -8,14 +8,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
-} & {
-    change: (value: boolean) => any;
-    "update:checked": (value: boolean) => any;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onChange?: (value: boolean) => any;
-    "onUpdate:checked"?: (value: boolean) => any;
-    "onUpdate:modelValue"?: (value: string | number) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     required: boolean;
     label: string;

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAsEjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAmEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA0DjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAmEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;4EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Table/FdsTable/FdsTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTable/FdsTable.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAc5C,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AA8CF,QAAA,MAAM,eAAe;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTable/FdsTable.vue"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAc5C,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AA2CF,QAAA,MAAM,eAAe;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Table/FdsTableHead/FdsTableHead.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsTableHead.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTableHead/FdsTableHead.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAcnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA"}
+{"version":3,"file":"FdsTableHead.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTableHead/FdsTableHead.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAgBnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA"}

package/dist/components/Table/FdsTableHead/FdsTableHead.vue.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_component: import("vue").DefineComponent<FdsTableHeadProps,
 }>, {
     icon: import("./types").TableHeadIcon;
     align: import("./types").TableAlign;
+    heading: string;
     sortable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/Table/FdsTableHead/FdsTableHead.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsTableHead.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTableHead/FdsTableHead.vue"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAsFhD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsTableHead.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTableHead/FdsTableHead.vue"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAoHhD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Table/FdsTableHead/types.d.ts

@@ -1,6 +1,7 @@
 export type TableAlign = 'left' | 'center' | 'right';
 export type TableHeadIcon = 'sort' | 'ascending' | 'descending';
 export interface FdsTableHeadProps {
+    heading?: string;
     sortable?: boolean;
     align?: TableAlign;
     icon?: TableHeadIcon;

package/dist/components/Table/FdsTableHead/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTableHead/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AACpD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/FdsTableHead/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AACpD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB"}

package/dist/fds-vue-core.cjs.js

@@ -405,8 +405,8 @@ const useTreeState = (options = {}) => {
     isEmptySearchResult
   };
 };
-const _hoisted_1$p = ["for"];
-const _hoisted_2$f = ["id", "name", "value", "disabled", "required"];
+const _hoisted_1$q = ["for"];
+const _hoisted_2$g = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsCheckbox",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -519,7 +519,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             required: _ctx.required,
             type: "checkbox",
             class: vue.normalizeClass([checkboxClasses.value])
-          }, null, 10, _hoisted_2$f), [
+          }, null, 10, _hoisted_2$g), [
             [vue.vModelCheckbox, internalChecked.value]
           ]),
           hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -530,7 +530,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$p)
+        ], 16, _hoisted_1$q)
       ], 2);
     };
   }
@@ -1047,7 +1047,7 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$o = ["innerHTML"];
+const _hoisted_1$p = ["innerHTML"];
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
@@ -1074,11 +1074,11 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         class: "inline-flex items-center justify-center align-middle",
         style: vue.normalizeStyle({ width: pixelSize.value, height: pixelSize.value }),
         innerHTML: svgHtml.value
-      }, null, 12, _hoisted_1$o);
+      }, null, 12, _hoisted_1$p);
     };
   }
 });
-const _hoisted_1$n = ["id", "type", "disabled", "aria-label", "aria-disabled"];
+const _hoisted_1$o = ["id", "type", "disabled", "aria-label", "aria-disabled"];
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
@@ -1126,12 +1126,12 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           name: "spinner",
           class: "animate-spin"
         }, null, 8, ["size"]))
-      ], 10, _hoisted_1$n);
+      ], 10, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$m = ["for"];
-const _hoisted_2$e = ["id", "name", "value", "disabled", "required"];
+const _hoisted_1$n = ["for"];
+const _hoisted_2$f = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsRadio",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -1149,7 +1149,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["change", "update:checked"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
@@ -1158,6 +1158,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const inputId = vue.computed(() => props.id ?? autoId);
     const slots = vue.useSlots();
     const hasLabelSlot = vue.computed(() => !!slots.default);
+    const radioModel = vue.computed({
+      get() {
+        return modelValue.value;
+      },
+      set(newChecked) {
+        emit("update:modelValue", newChecked);
+      }
+    });
     const wrapperClasses = vue.computed(() => ["block relative flex items-center mb-2 last:mb-0"]);
     const innerWrapperClasses = vue.computed(() => [
       "flex p-0.5 items-start rounded-l-xl rounded-r-md",
@@ -1169,21 +1177,6 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       "peer z-40 bg-white min-w-[18px] min-h-[18px] focus-visible:outline-none rounded-full accent-blue-500",
       props.disabled && "cursor-not-allowed"
     ]);
-    const groupModel = vue.computed({
-      get: () => {
-        if (modelValue.value !== void 0 && props.value !== void 0) {
-          return modelValue.value === props.value ? props.value : void 0;
-        }
-        return props.checked ? props.value : void 0;
-      },
-      set: () => {
-        if (props.value !== void 0) {
-          modelValue.value = props.value;
-          emit("update:checked", true);
-          emit("change", true);
-        }
-      }
-    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
@@ -1196,13 +1189,13 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             id: inputId.value,
             name: _ctx.name,
             value: _ctx.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => groupModel.value = $event),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioModel.value = $event),
             disabled: _ctx.disabled,
             required: _ctx.required,
             type: "radio",
             class: vue.normalizeClass([inputClasses.value, "m-[3px]"])
-          }, null, 10, _hoisted_2$e), [
-            [vue.vModelRadio, groupModel.value]
+          }, null, 10, _hoisted_2$f), [
+            [vue.vModelRadio, radioModel.value]
           ]),
           hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
@@ -1212,16 +1205,16 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$m)
+        ], 16, _hoisted_1$n)
       ], 2);
     };
   }
 });
-const _hoisted_1$l = { class: "flex items-center" };
-const _hoisted_2$d = ["innerHTML"];
-const _hoisted_3$9 = { key: 1 };
-const _hoisted_4$8 = { key: 0 };
-const _hoisted_5$5 = {
+const _hoisted_1$m = { class: "flex items-center" };
+const _hoisted_2$e = ["innerHTML"];
+const _hoisted_3$a = { key: 1 };
+const _hoisted_4$9 = { key: 0 };
+const _hoisted_5$6 = {
   key: 2,
   class: "items-center max-h-[28px]"
 };
@@ -1421,7 +1414,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(indent.value),
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
-          vue.createElementVNode("div", _hoisted_1$l, [
+          vue.createElementVNode("div", _hoisted_1$m, [
             hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.toggleExpandNode(props.nodeId)),
@@ -1446,13 +1439,13 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   shouldHighlightSearch.value && _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: vue.unref(treeState)?.highlightText(_ctx.title, vue.unref(treeState)?.searchTerm?.value)
-                  }, null, 8, _hoisted_2$d)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.title), 1))
+                  }, null, 8, _hoisted_2$e)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.title), 1))
                 ]),
-                childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
+                childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["id", "checked", "indeterminate"]),
-            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
+            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
               vue.createVNode(_sfc_main$t, {
                 ref_key: "triggerRef",
                 ref: triggerRef,
@@ -1582,7 +1575,7 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
     onCleanup(() => clearTimeout(timeoutId));
   });
 }
-const _hoisted_1$k = ["aria-label"];
+const _hoisted_1$l = ["aria-label"];
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
@@ -1655,11 +1648,11 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(_ctx.labelPosition === "bottom" ? "font-bold" : "")
         }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$k);
+      ], 10, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$j = ["aria-disabled"];
+const _hoisted_1$k = ["aria-disabled"];
 const elBase$2 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer shadow-none p-1 text-base h-7 select-none m-0 rounded-md textcenter align-middle whitespace-nowrap no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonMinor",
@@ -1745,14 +1738,14 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const _hoisted_1$i = ["for"];
-const _hoisted_2$c = { class: "relative" };
-const _hoisted_3$8 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
-const _hoisted_4$7 = {
+const _hoisted_1$j = ["for"];
+const _hoisted_2$d = { class: "relative" };
+const _hoisted_3$9 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
+const _hoisted_4$8 = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
 };
@@ -1837,14 +1830,14 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               for: inputId.value,
               class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, vue.toDisplayString(_ctx.label), 11, _hoisted_1$i)) : vue.createCommentVNode("", true),
+            }, vue.toDisplayString(_ctx.label), 11, _hoisted_1$j)) : vue.createCommentVNode("", true),
             _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
             }, vue.toDisplayString(_ctx.meta), 3)) : vue.createCommentVNode("", true)
           ]),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("div", _hoisted_2$c, [
+            vue.createElementVNode("div", _hoisted_2$d, [
               vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
                 id: inputId.value,
                 name: _ctx.name || void 0,
@@ -1858,7 +1851,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                 class: inputClasses.value
               }, _ctx.$attrs, {
                 onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
-              }), null, 16, _hoisted_3$8), [
+              }), null, 16, _hoisted_3$9), [
                 [vue.vModelDynamic, internalValue.value]
               ]),
               vue.createElementVNode("div", {
@@ -1889,7 +1882,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ], 2),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ], 64);
     };
   }
@@ -1902,11 +1895,11 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const FdsInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-4e9b56d8"]]);
-const _hoisted_1$h = ["id"];
-const _hoisted_2$b = { class: "flex items-start justify-between gap-4" };
-const _hoisted_3$7 = { class: "flex items-center gap-3" };
-const _hoisted_4$6 = { class: "mt-0 mb-4 text-lg font-bold tracking-wide" };
-const _hoisted_5$4 = { class: "flex items-start gap-3" };
+const _hoisted_1$i = ["id"];
+const _hoisted_2$c = { class: "flex items-start justify-between gap-4" };
+const _hoisted_3$8 = { class: "flex items-center gap-3" };
+const _hoisted_4$7 = { class: "mt-0 mb-4 text-lg font-bold tracking-wide" };
+const _hoisted_5$5 = { class: "flex items-start gap-3" };
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
@@ -1940,16 +1933,16 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(contentClasses.value),
         style: vue.normalizeStyle(borderLeftStyle.value)
       }, [
-        vue.createElementVNode("header", _hoisted_2$b, [
-          vue.createElementVNode("div", _hoisted_3$7, [
-            vue.createElementVNode("h3", _hoisted_4$6, vue.toDisplayString(_ctx.heading), 1)
+        vue.createElementVNode("header", _hoisted_2$c, [
+          vue.createElementVNode("div", _hoisted_3$8, [
+            vue.createElementVNode("h3", _hoisted_4$7, vue.toDisplayString(_ctx.heading), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_5$4, [
+          vue.createElementVNode("div", _hoisted_5$5, [
             vue.renderSlot(_ctx.$slots, "headerInfo")
           ])
         ]),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 14, _hoisted_1$h);
+      ], 14, _hoisted_1$i);
     };
   }
 });
@@ -1979,12 +1972,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$g = { key: 0 };
-const _hoisted_2$a = {
+const _hoisted_1$h = { key: 0 };
+const _hoisted_2$b = {
   key: 0,
   class: "text-xl"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   key: 1,
   class: "text-xl"
 };
@@ -2082,8 +2075,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             ])]),
             _: 1
           }, 8, ["value", "label"]),
-          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$a, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$6, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
+          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$b, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$7, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : vue.createCommentVNode("", true)
         ], 512)) : vue.createCommentVNode("", true),
         vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
@@ -2137,7 +2130,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["aria-disabled"];
+const _hoisted_1$g = ["aria-disabled"];
 const elBase$1 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none min-h-0 min-w-12 h-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800";
 const iconFillClass$1 = "fill-white";
@@ -2226,11 +2219,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$g);
     };
   }
 });
-const _hoisted_1$e = ["aria-disabled"];
+const _hoisted_1$f = ["aria-disabled"];
 const elBase = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none min-h-0 min-w-12 h-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:border-blue-600 active:bg-blue-600 active:border-blue-600 active:text-white";
 const iconFillClass = "fill-blue-500";
@@ -2319,11 +2312,11 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 });
-const _hoisted_1$d = {
+const _hoisted_1$e = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
@@ -2389,7 +2382,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
         vue.createVNode(_sfc_main$u, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedLabel), 1)
       ])) : (vue.openBlock(), vue.createBlock(_sfc_main$p, {
@@ -2403,8 +2396,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["aria-disabled"];
-const _hoisted_2$9 = ["disabled"];
+const _hoisted_1$d = ["aria-disabled"];
+const _hoisted_2$a = ["disabled"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -2550,19 +2543,19 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ], 2),
           vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
-        ], 16, _hoisted_2$9)
-      ], 10, _hoisted_1$c);
+        ], 16, _hoisted_2$a)
+      ], 10, _hoisted_1$d);
     };
   }
 });
-const _hoisted_1$b = { class: "w-full" };
-const _hoisted_2$8 = ["for"];
-const _hoisted_3$5 = {
+const _hoisted_1$c = { class: "w-full" };
+const _hoisted_2$9 = ["for"];
+const _hoisted_3$6 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_4$5 = { class: "relative" };
-const _hoisted_5$3 = ["id", "name", "disabled", "rows", "aria-invalid"];
+const _hoisted_4$6 = { class: "relative" };
+const _hoisted_5$4 = ["id", "name", "disabled", "rows", "aria-invalid"];
 const _hoisted_6$2 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
@@ -2620,14 +2613,14 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", _hoisted_1$b, [
+        vue.createElementVNode("div", _hoisted_1$c, [
           _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: textareaId.value,
             class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-          }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$8)) : vue.createCommentVNode("", true),
-          _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$5, [
+          }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$9)) : vue.createCommentVNode("", true),
+          _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_4$6, [
             vue.withDirectives(vue.createElementVNode("textarea", vue.mergeProps({
               id: textareaId.value,
               name: _ctx.name || void 0,
@@ -2638,7 +2631,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               class: inputClasses.value
             }, _ctx.$attrs, {
               onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
-            }), null, 16, _hoisted_5$3), [
+            }), null, 16, _hoisted_5$4), [
               [vue.vModelText, internalValue.value]
             ]),
             vue.createElementVNode("div", {
@@ -2662,14 +2655,14 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "w-full" };
-const _hoisted_2$7 = ["for"];
-const _hoisted_3$4 = {
+const _hoisted_1$b = { class: "w-full" };
+const _hoisted_2$8 = ["for"];
+const _hoisted_3$5 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_4$4 = { class: "relative" };
-const _hoisted_5$2 = ["id", "name", "disabled", "aria-invalid"];
+const _hoisted_4$5 = { class: "relative" };
+const _hoisted_5$3 = ["id", "name", "disabled", "aria-invalid"];
 const _hoisted_6$1 = {
   key: 0,
   value: "",
@@ -2731,14 +2724,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       emit("input", ev);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: selectId.value,
           class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$7)) : vue.createCommentVNode("", true),
-        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4$4, [
+        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$8)) : vue.createCommentVNode("", true),
+        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_4$5, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
             id: selectId.value,
             name: _ctx.name || void 0,
@@ -2758,7 +2751,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 disabled: option.disabled
               }, vue.toDisplayString(option.label), 9, _hoisted_7$1);
             }), 128))
-          ], 16, _hoisted_5$2), [
+          ], 16, _hoisted_5$3), [
             [vue.vModelSelect, internalValue.value]
           ]),
           vue.createElementVNode("div", _hoisted_8$1, [
@@ -2800,34 +2793,42 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FdsTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-062d1324"]]);
+const FdsTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2549d82e"]]);
+const _hoisted_1$a = { class: "fds-table-head" };
+const _hoisted_2$7 = { key: 0 };
+const _hoisted_3$4 = { key: 1 };
+const _hoisted_4$4 = { key: 0 };
+const _hoisted_5$2 = { key: 1 };
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTableHead",
   props: {
+    heading: { default: void 0 },
     sortable: { type: Boolean, default: false },
     align: { default: "left" },
     icon: { default: "sort" }
   },
   emits: ["sort"],
   setup(__props) {
+    const slots = vue.useSlots();
     const props = __props;
     const headerClasses = vue.computed(() => [
-      "appearance-none bg-transparent flex items-center border-none text-left w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
+      "appearance-none p-4 bg-transparent flex items-center border-none text-left w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
       props.align === "center" && "text-center justify-center",
       props.align === "right" && "text-right justify-end",
-      props.sortable && "text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300"
+      iconName.value && "text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300"
     ]);
+    const hasSlot = vue.computed(() => !!slots.default);
     const iconName = vue.computed(() => props.icon);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("th", null, [
-        _ctx.sortable ? (vue.openBlock(), vue.createElementBlock("button", {
+      return vue.openBlock(), vue.createElementBlock("th", _hoisted_1$a, [
+        iconName.value ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 0,
           class: vue.normalizeClass(headerClasses.value),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort"))
         }, [
-          vue.createElementVNode("span", null, [
+          hasSlot.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$7, [
             vue.renderSlot(_ctx.$slots, "default")
-          ]),
+          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, vue.toDisplayString(_ctx.heading), 1)),
           vue.createVNode(_sfc_main$u, {
             name: iconName.value,
             size: "24px",
@@ -2837,9 +2838,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           class: vue.normalizeClass(headerClasses.value)
         }, [
-          vue.createElementVNode("span", null, [
+          hasSlot.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])
+          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$2, vue.toDisplayString(_ctx.heading), 1))
         ], 2))
       ]);
     };