fds-vue-core 2.0.58 → 2.0.63

package/dist/apply.css

@@ -0,0 +1,60 @@
+@import './tokens.css';
+
+/** Create stencil components for this */
+@layer components {
+  h1,
+  .h1 {
+    @apply font-heading text-2xl sm:text-4xl lg:text-6xl/tight font-extrabold mb-3 mt-0;
+  }
+  h2,
+  .h2 {
+    @apply font-heading text-xl sm:text-3xl font-extrabold mt-4 mb-4;
+  }
+  .h2--small {
+    @apply font-heading text-xl font-extrabold mt-4 mb-4;
+  }
+
+  h3,
+  .h3 {
+    @apply font-heading text-xl font-extrabold mt-4 mb-4;
+  }
+
+  .h3--small {
+    @apply font-heading text-lg font-extrabold mt-4 mb-2;
+  }
+  h1:focus,
+  h2:focus,
+  h3:focus {
+    @apply focus:outline-0;
+  }
+
+  .label {
+    @apply font-bold mb-2! tracking-wide;
+  }
+  p {
+    @apply mb-4;
+  }
+  li:not(:last-child) {
+    @apply mb-2;
+  }
+  .link,
+  .html a {
+    @apply text-blue-600 hover:text-blue-700 active:text-blue-800 underline focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500;
+  }
+
+  .capitalize-first::first-letter {
+    text-transform: uppercase;
+  }
+}
+
+@layer utilities {
+  /** Override browser background color when autocomplete field */
+  input:not(input[type='checkbox'], input[type='radio']),
+  textarea {
+    box-shadow: 0 0 0 1000px #fff inset !important;
+  }
+  /** Style active router link in main nav */
+  .nav-items .router-link-active {
+    @apply bg-blue-100 text-blue-700 font-bold;
+  }
+}

package/dist/components/Blocks/FdsBlockExpander/FdsBlockExpander.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsBlockExpander.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockExpander/FdsBlockExpander.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAkKpD,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;AAuB/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":"FdsBlockExpander.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockExpander/FdsBlockExpander.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAoKpD,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;AAuB/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/Blocks/FdsBlockInfo/FdsBlockInfo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsBlockInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue"],"names":[],"mappings":"AAkFA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAyBhD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AAiLF,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":"FdsBlockInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue"],"names":[],"mappings":"AAkFA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAyBhD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AA6LF,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/Blocks/FdsBlockLink/FdsBlockLink.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_component: import("vue").DefineComponent<FdsInteractionBlock
     target: string;
     as: "button" | "a" | "router-link";
     href: string;
-    arrow: boolean;
     rel: string;
+    arrow: boolean;
     interactive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/Buttons/ButtonBaseProps.d.ts

@@ -11,6 +11,8 @@ export interface FdsButtonBaseProps {
     textSelection?: boolean;
     as?: 'button' | 'a' | 'router-link';
     href?: string | undefined;
+    target?: string;
+    rel?: string;
     type?: 'button' | 'submit' | 'reset';
 }
 //# sourceMappingURL=ButtonBaseProps.d.ts.map

package/dist/components/Buttons/ButtonBaseProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBaseProps.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/ButtonBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IAChD,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC"}
+{"version":3,"file":"ButtonBaseProps.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/ButtonBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IAChD,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC"}

package/dist/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue.d.ts

@@ -11,6 +11,7 @@ declare const _default: import("vue").DefineComponent<FdsButtonMinorProps, {}, {
     type: "button" | "submit" | "reset";
     icon: import("../../..").FdsIconName | undefined;
     loading: boolean;
+    target: string;
     invert: boolean;
     block: boolean;
     state: "hover" | "focus" | "active" | undefined;
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<FdsButtonMinorProps, {}, {
     textSelection: boolean;
     as: "button" | "a" | "router-link";
     href: string | undefined;
+    rel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=FdsButtonMinor.vue.d.ts.map

package/dist/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonMinor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAI5D,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;YADU,OAAO;;;;;;;;AA8LlB,wBAIG"}
+{"version":3,"file":"FdsButtonMinor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAI5D,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;;YADU,OAAO;;;;;;;;;AAsMlB,wBAIG"}

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

@@ -1 +1 @@
-{"version":3,"file":"FdsSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsSelect/FdsSelect.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAgFlC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAyIF,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;;;;;;;;;;;;;;;;;;;;;gBAhQrB,CArHqD;;;;;;4EAyXnD,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":"FdsSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsSelect/FdsSelect.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAgFlC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA4IF,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;;;;;;;;;;;;;;;;;;;;;gBAnQrB,CArHqD;;;;;;4EA4XnD,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/Form/FdsTextarea/FdsTextarea.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsTextarea/FdsTextarea.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAuEpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;AA+IF,wBAIG"}
+{"version":3,"file":"FdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsTextarea/FdsTextarea.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAuEpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;AAgJF,wBAIG"}

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

@@ -1229,7 +1229,7 @@ const _hoisted_6$3 = {
 };
 const _hoisted_7$3 = { class: "flex flex-col gap-2" };
 const _hoisted_8$2 = ["onClick"];
-const _hoisted_9$1 = { key: 0 };
+const _hoisted_9$2 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
@@ -1547,7 +1547,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ], 4),
-        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
+        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredNodes.value, (child) => {
             return vue.openBlock(), vue.createBlock(_component_TreeNode, {
               key: child.nodeId,
@@ -1688,6 +1688,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
     href: { default: void 0 },
+    target: { default: void 0 },
+    rel: { default: void 0 },
     type: { default: "button" }
   },
   emits: ["click"],
@@ -1733,6 +1735,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
           type: _ctx.as === "button" ? _ctx.type : void 0,
           disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
+          target: _ctx.as === "a" ? _ctx.target : void 0,
+          rel: _ctx.as === "a" ? _ctx.rel : void 0,
           class: buttonClasses.value,
           onClick
         }), {
@@ -1756,7 +1760,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
           ]),
           _: 1
-        }, 16, ["type", "disabled", "class"]))
+        }, 16, ["type", "disabled", "target", "rel", "class"]))
       ], 10, _hoisted_1$k);
     };
   }
@@ -2173,6 +2177,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
     href: { default: void 0 },
+    target: {},
+    rel: {},
     type: { default: "button" }
   },
   emits: ["click"],
@@ -2266,6 +2272,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
     href: { default: void 0 },
+    target: {},
+    rel: {},
     type: { default: "button" }
   },
   emits: ["click"],
@@ -2438,6 +2446,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     size: {},
     textSelection: { type: Boolean },
     href: { default: void 0 },
+    target: {},
+    rel: {},
     type: {},
     downloadOptions: { default: void 0 }
   },
@@ -2573,7 +2583,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "w-full" };
+const _hoisted_1$c = { class: "w-full mb-4" };
 const _hoisted_2$9 = ["for"];
 const _hoisted_3$6 = {
   key: 1,
@@ -2680,21 +2690,22 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["for"];
-const _hoisted_2$8 = {
+const _hoisted_1$b = { class: "w-full mb-4" };
+const _hoisted_2$8 = ["for"];
+const _hoisted_3$5 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_3$5 = { class: "relative" };
-const _hoisted_4$5 = ["id", "name", "disabled", "aria-invalid"];
-const _hoisted_5$3 = {
+const _hoisted_4$5 = { class: "relative" };
+const _hoisted_5$3 = ["id", "name", "disabled", "aria-invalid"];
+const _hoisted_6$1 = {
   key: 0,
   value: "",
   disabled: ""
 };
-const _hoisted_6$1 = ["value", "disabled"];
-const _hoisted_7$1 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
-const _hoisted_8$1 = {
+const _hoisted_7$1 = ["value", "disabled"];
+const _hoisted_8$1 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
+const _hoisted_9$1 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
@@ -2750,14 +2761,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       emit("input", ev);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
+      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_1$b)) : vue.createCommentVNode("", true),
-        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$5, [
+        }, 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,
@@ -2769,18 +2780,18 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             onChange: handleChange,
             onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
-            _ctx.placeholder && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_5$3, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
+            _ctx.placeholder && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$1, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
             !hasDefaultSlot.value && _ctx.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.options, (option) => {
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.value,
                 value: option.value,
                 disabled: option.disabled
-              }, vue.toDisplayString(option.label), 9, _hoisted_6$1);
+              }, vue.toDisplayString(option.label), 9, _hoisted_7$1);
             }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
-          ], 16, _hoisted_4$5), [
+          ], 16, _hoisted_5$3), [
             [vue.vModelSelect, internalValue.value]
           ]),
-          vue.createElementVNode("div", _hoisted_7$1, [
+          vue.createElementVNode("div", _hoisted_8$1, [
             vue.createVNode(_sfc_main$u, {
               name: "arrowDown",
               size: 24,
@@ -2792,7 +2803,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ])
         ]),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -2875,16 +2886,23 @@ const _hoisted_2$6 = {
   class: "flex items-start gap-4"
 };
 const _hoisted_3$3 = { class: "flex-1" };
-const _hoisted_4$3 = { class: "mb-1" };
+const _hoisted_4$3 = {
+  key: 0,
+  class: "mb-1"
+};
 const _hoisted_5$1 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_6 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7 = { class: "flex items-start gap-3" };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { class: "flex items-start justify-between gap-4" };
-const _hoisted_10 = { class: "flex items-center gap-3" };
-const _hoisted_11 = { class: "m-0 text-base font-main font-bold tracking-wide" };
-const _hoisted_12 = { class: "flex items-start gap-3" };
-const _hoisted_13 = { class: "mb-0-last-child" };
+const _hoisted_8 = {
+  key: 1,
+  class: "mb-0-last-child"
+};
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = { class: "flex items-start justify-between gap-4" };
+const _hoisted_11 = { class: "flex items-center gap-3" };
+const _hoisted_12 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_13 = { class: "flex items-start gap-3" };
+const _hoisted_14 = { class: "mb-0-last-child" };
 const smallIconSize = 24;
 const largeIconSize = 48;
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
@@ -2919,36 +2937,39 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             class: "fill-blue-500"
           }, null, 8, ["name"]),
           vue.createElementVNode("div", _hoisted_3$3, [
-            vue.createElementVNode("div", _hoisted_4$3, [
+            _ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
               vue.createElementVNode("header", _hoisted_5$1, [
                 vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(_ctx.heading), 1),
                 vue.createElementVNode("div", _hoisted_7, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
               ])
-            ]),
-            vue.unref(hasSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ])) : vue.createCommentVNode("", true)
           ])
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-          vue.createElementVNode("div", {
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+          _ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
             class: vue.normalizeClass({ "mb-4": vue.unref(hasSlot) })
           }, [
-            vue.createElementVNode("header", _hoisted_9, [
-              vue.createElementVNode("div", _hoisted_10, [
+            vue.createElementVNode("header", _hoisted_10, [
+              vue.createElementVNode("div", _hoisted_11, [
                 _ctx.icon && _ctx.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
                   key: 0,
                   name: _ctx.icon,
                   size: smallIconSize,
                   class: "fill-blue-500"
                 }, null, 8, ["name"])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(_ctx.heading), 1)
+                vue.createElementVNode("h3", _hoisted_12, vue.toDisplayString(_ctx.heading), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_12, [
+              vue.createElementVNode("div", _hoisted_13, [
                 vue.renderSlot(_ctx.$slots, "headerInfo")
               ])
             ])
-          ], 2),
-          vue.createElementVNode("div", _hoisted_13, [
+          ], 2)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_14, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ]))
@@ -3089,7 +3110,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       props.disabled && "shadow-none border-2 border-gray-200 border-dashed"
     ]);
     const headerClasses = vue.computed(() => [
-      "flex w-full flex-wrap items-start justify-between bg-white text-blue-600 rounded-2xl p-4 border-2 border-white transition-colors border-2 border-white hover:border-blue-500 active:bg-blue_t-100 active:border-white focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0",
+      "flex w-full items-start text-left justify-between bg-white text-blue-600 rounded-2xl p-4 border-2 border-white transition-colors border-2 border-white hover:border-blue-500 active:bg-blue_t-100 active:border-white focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0",
       props.disabled ? "cursor-not-allowed hover:border-2 hover:border-transparent  active:bg-white" : "cursor-pointer",
       isOpen.value ? "rounded-b-none" : "rounded-b-2xl"
     ]);
@@ -3124,7 +3145,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(_sfc_main$u, {
             name: "arrowDown",
             size: 24,
-            class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500", { "rotate-180": isOpen.value, "fill-gray-500": _ctx.disabled }])
+            class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": _ctx.disabled }])
           }, null, 8, ["class"])
         ], 2),
         vue.withDirectives(vue.createElementVNode("div", {
@@ -3368,7 +3389,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           el.classList.remove("cursor-not-allowed", "pointer-events-none", "opacity-35", "select-none");
         }
         const blockClasses = block ? "flex flex-1 w-full" : "w-full";
-        const baseClass = currentVariant === "primary" ? `${blockClasses} block cursor-pointer bg-transparent py-2 px-4 rounded-lg inline-block font-bold text-base leading-6 m-0 border-2 border-transparent select-none no-underline whitespace-nowrap text-inherit` : `${blockClasses} w-full block cursor-pointer text-blue-700 py-1 px-2 rounded inline-block font-bold text-base leading-6 m-0 select-none no-underline whitespace-nowrap tracking-[0.002em] rounded-md border-none text-blue-700`;
+        const baseClass = currentVariant === "primary" ? `${blockClasses} flex justify-center w-full cursor-pointer bg-transparent py-2 px-4 rounded-lg font-bold text-base leading-6 m-0 border-2 border-transparent select-none no-underline whitespace-nowrap text-inherit` : `${blockClasses} flex justify-center w-full cursor-pointer text-blue-700 py-1 px-2 rounded font-bold text-base leading-6 m-0 select-none no-underline whitespace-nowrap tracking-[0.002em] rounded-md border-none text-blue-700`;
         const hoverClass = currentVariant === "primary" ? "hover:bg-white/59 hover:outline-none" : "hover:bg-blue_t-100";
         const focusClass = currentVariant === "primary" ? "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-[-2px]" : "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500";
         const activeClass = currentVariant === "primary" ? "active:border-transparent active:bg-white/80" : "active:bg-blue_t-200";