@stachelock/ui 0.2.13 → 0.3.0

package/dist/CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js

@@ -0,0 +1,13 @@
+import { defineComponent as s, createElementBlock as r, openBlock as l, renderSlot as o } from "vue";
+const n = { class: "sl-overflow-hidden sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm sl-ring-1 sl-ring-gray-900/5 dark:sl-ring-slate-700 sm:sl-rounded-xl" }, i = /* @__PURE__ */ s({
+  __name: "CardWrapper",
+  setup(t) {
+    return (e, a) => (l(), r("div", n, [
+      o(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  i as _
+};
+//# sourceMappingURL=CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js.map

package/dist/CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js","sources":["../src/components/wrappers/CardWrapper.vue"],"sourcesContent":["<!--\n  @component CardWrapper\n  @description Simple card container with consistent styling.\n  \n  A wrapper component that provides a card-like container with\n  shadow, border, and rounded corners.\n  \n  @slots\n  - default: Card content\n  \n  @example\n  <CardWrapper>\n    <h2>Card Title</h2>\n    <p>Card content goes here</p>\n  </CardWrapper>\n-->\n<template>\n  <div class=\"sl-overflow-hidden sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm sl-ring-1 sl-ring-gray-900/5 dark:sl-ring-slate-700 sm:sl-rounded-xl\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Simple slot-only component - no props needed\n</script>\n\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx"],"mappings":";;;;sBAiBEA,EAAA,GAAAC,EAEM,OAFNC,GAEM;AAAA,MADJC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/CheckIcon-BGlsmVwT.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as r, createElementVNode as l } from "vue";
+function n(o, t) {
+  return r(), e("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    l("path", {
+      "fill-rule": "evenodd",
+      d: "M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+export {
+  n as r
+};
+//# sourceMappingURL=CheckIcon-BGlsmVwT.js.map

package/dist/CheckIcon-BGlsmVwT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon-BGlsmVwT.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/CheckIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,GAAG;AAAA,MACH,aAAa;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/{CheckboxInput.vue_vue_type_script_setup_true_lang-tYAo46wK.js → CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js}

@@ -1,8 +1,8 @@
-import { defineComponent as x, ref as p, watch as f, computed as S, createElementBlock as r, openBlock as d, createVNode as $, unref as t, withCtx as I, createElementVNode as a, withDirectives as R, normalizeClass as g, vModelCheckbox as T, createCommentVNode as k, toDisplayString as y } from "vue";
+import { defineComponent as N, ref as h, watch as m, computed as S, createElementBlock as i, openBlock as d, createVNode as $, unref as a, withCtx as I, createElementVNode as t, withDirectives as R, normalizeClass as g, vModelCheckbox as T, createCommentVNode as k, toDisplayString as y } from "vue";
 import { useField as z } from "vee-validate";
 import { g as A } from "./id-DafBB_QF.js";
 import U from "./forms/FormFieldWrapper.js";
-const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3" }, G = { class: "sl-flex sl-h-6 sl-shrink-0 sl-items-center" }, J = { class: "sl-group group sl-grid sl-w-4 sl-h-4 sl-grid-cols-1" }, K = ["id", "aria-describedby", "name", "disabled"], O = { class: "sl-flex-1 sl-text-sm sl-leading-6" }, P = ["for"], Q = ["id"], X = ["innerHTML"], Y = { key: 1 }, oe = /* @__PURE__ */ x({
+const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3" }, G = { class: "sl-flex sl-h-6 sl-shrink-0 sl-items-center" }, J = { class: "sl-group group sl-grid sl-w-4 sl-h-4 sl-grid-cols-1" }, K = ["id", "aria-describedby", "name", "disabled"], O = { class: "sl-flex-1 sl-text-sm sl-leading-6" }, P = ["for"], Q = ["id"], X = ["innerHTML"], Y = { key: 1 }, oe = /* @__PURE__ */ N({
   __name: "CheckboxInput",
   props: {
     name: {},
@@ -21,24 +21,24 @@ const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3"
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(v, { expose: w, emit: C }) {
-    const s = v, u = C, n = p(), B = p(null), i = A(`sl-${s.name}`), { value: V, errorMessage: m, handleChange: h, handleBlur: M, meta: c } = z(
+    const s = v, u = C, n = h(), B = h(null), r = A(`sl-${s.name}`), { value: V, errorMessage: f, handleChange: b, handleBlur: M, meta: c } = z(
       () => s.name,
       s.rules,
       {
         type: "checkbox",
         initialValue: s.modelValue || !1
       }
-    ), l = p(s.modelValue || !1);
-    f(
+    ), l = h(s.modelValue || !1);
+    m(
       () => s.modelValue,
       (e) => {
         e !== void 0 && e !== l.value && (l.value = e, V.value = e);
       },
       { immediate: !0 }
-    ), f(
+    ), m(
       l,
       (e) => {
-        u("update:modelValue", e), s.immediate && h(e);
+        u("update:modelValue", e), s.immediate && b(e);
       }
     );
     const H = S(() => {
@@ -61,7 +61,7 @@ const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3"
       ) : e.push(
         "sl-cursor-pointer",
         "hover:sl-border-gray-400"
-      ), m.value ? e.push(
+      ), f.value ? e.push(
         "sl-border-red-300",
         "focus:sl-ring-red-600"
       ) : c.valid && c.touched && e.push(
@@ -70,80 +70,81 @@ const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3"
       ), e.join(" ");
     }), L = (e) => {
       const o = e.target;
-      l.value = o.checked, s.immediate || h(o.checked);
-    }, b = () => {
+      l.value = o.checked, s.immediate || b(o.checked);
+    }, p = () => {
       s.disabled || (l.value = !l.value);
-    }, D = () => {
+    }, x = () => {
       n.value?.focus();
-    }, _ = () => {
+    }, D = () => {
       n.value?.blur();
+    }, _ = (e) => {
+      s.immediate || b(l.value), M(e), u("blur", e);
     }, j = (e) => {
-      s.immediate || h(l.value), M(e), u("blur", e);
-    }, E = (e) => {
       u("focus", e);
-    }, F = (e) => {
-      s.disabled || e.target.tagName === "A" || b();
+    }, E = (e) => {
+      s.disabled || e.target.tagName === "A" || p();
     };
     return w({
-      focus: D,
-      blur: _,
-      toggle: b,
+      focus: x,
+      blur: D,
+      toggle: p,
       checkboxRef: n
-    }), (e, o) => (d(), r("div", W, [
+    }), (e, o) => (d(), i("div", W, [
       $(U, {
-        id: t(i),
+        id: a(r),
         name: e.name,
         label: e.layout === "stacked" ? e.label : "",
         disabled: e.disabled,
         optional: !e.rules,
         "tertiary-label": e.tertiaryLabel,
         "box-shadow": e.boxShadow,
-        "error-message": t(m),
+        "error-message": a(f),
         "success-message": e.successMessage,
-        "is-valid": t(c).valid,
-        "is-touched": t(c).touched,
-        "show-errors": e.showErrors
+        "is-valid": a(c).valid,
+        "is-touched": a(c).touched,
+        "show-errors": e.showErrors,
+        "show-valid-check": !1
       }, {
         default: I(() => [
-          a("div", q, [
-            a("div", G, [
-              a("div", J, [
-                R(a("input", {
-                  id: t(i),
-                  "aria-describedby": e.description ? `${t(i)}-description` : void 0,
+          t("div", q, [
+            t("div", G, [
+              t("div", J, [
+                R(t("input", {
+                  id: a(r),
+                  "aria-describedby": e.description ? `${a(r)}-description` : void 0,
                   name: e.name,
                   ref_key: "checkboxRef",
                   ref: n,
-                  "onUpdate:modelValue": o[0] || (o[0] = (N) => l.value = N),
+                  "onUpdate:modelValue": o[0] || (o[0] = (F) => l.value = F),
                   type: "checkbox",
                   disabled: e.disabled,
                   class: g([
-                    "sl-col-start-1 sl-row-start-1 sl-w-full sl-h-full sl-appearance-none sl-rounded sl-border sl-border-gray-300 sl-bg-white",
+                    "sl-col-start-1 sl-row-start-1 sl-w-full sl-h-full sl-appearance-none sl-rounded sl-border sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900",
                     "checked:sl-border-stachelock-600 checked:sl-bg-stachelock-600",
                     "indeterminate:sl-border-stachelock-600 indeterminate:sl-bg-stachelock-600",
-                    "focus-visible:sl-outline focus-visible:sl-outline-2 focus-visible:sl-outline-offset-2 focus-visible:sl-outline-stachelock-600",
-                    "disabled:sl-border-gray-300 disabled:sl-bg-gray-100 disabled:checked:sl-bg-gray-100",
+                    "focus-visible:sl-outline focus-visible:sl-outline-2 focus-visible:sl-outline-offset-2 focus-visible:sl-outline-stachelock-600 dark:focus-visible:sl-outline-offset-slate-900",
+                    "disabled:sl-border-gray-300 dark:disabled:sl-border-slate-700 disabled:sl-bg-gray-100 dark:disabled:sl-bg-slate-800 disabled:checked:sl-bg-gray-100 dark:disabled:checked:sl-bg-slate-700",
                     H.value
                   ]),
                   onChange: L,
-                  onFocus: E,
-                  onBlur: j
+                  onFocus: j,
+                  onBlur: _
                 }, null, 42, K), [
                   [T, l.value]
                 ]),
-                o[1] || (o[1] = a("svg", {
+                o[1] || (o[1] = t("svg", {
                   class: "sl-pointer-events-none sl-col-start-1 sl-row-start-1 sl-w-3.5 sl-h-3.5 sl-self-center sl-justify-self-center sl-stroke-white",
                   viewBox: "0 0 14 14",
                   fill: "none"
                 }, [
-                  a("path", {
+                  t("path", {
                     class: "sl-opacity-0 group-has-[:checked]:sl-opacity-100",
                     d: "M3 8L6 11L11 3.5",
                     "stroke-width": "2",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   }),
-                  a("path", {
+                  t("path", {
                     class: "sl-opacity-0 group-has-[:indeterminate]:sl-opacity-100",
                     d: "M3 7H11",
                     "stroke-width": "2",
@@ -153,24 +154,24 @@ const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3"
                 ], -1))
               ])
             ]),
-            a("div", O, [
-              e.layout === "inline" && e.label ? (d(), r("label", {
+            t("div", O, [
+              e.layout === "inline" && e.label ? (d(), i("label", {
                 key: 0,
-                for: t(i),
-                class: "sl-font-medium sl-text-gray-900 sl-cursor-pointer"
+                for: a(r),
+                class: "sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer"
               }, y(e.label), 9, P)) : k("", !0),
-              e.description ? (d(), r("div", {
+              e.description ? (d(), i("div", {
                 key: 1,
-                id: `${t(i)}-description`,
-                class: g(["sl-text-gray-600", [e.layout === "inline" ? "" : "sl-mt-1", { "sl-cursor-pointer": !e.disabled }]]),
+                id: `${a(r)}-description`,
+                class: g(["sl-text-gray-600 dark:sl-text-slate-300", [e.layout === "inline" ? "" : "sl-mt-1", { "sl-cursor-pointer": !e.disabled }]]),
                 ref_key: "descriptionHtml",
                 ref: B,
-                onClick: F
+                onClick: E
               }, [
-                e.isDescriptionHtml ? (d(), r("div", {
+                e.isDescriptionHtml ? (d(), i("div", {
                   key: 0,
                   innerHTML: e.description
-                }, null, 8, X)) : (d(), r("span", Y, y(e.description), 1))
+                }, null, 8, X)) : (d(), i("span", Y, y(e.description), 1))
               ], 10, Q)) : k("", !0)
             ])
           ])
@@ -183,4 +184,4 @@ const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3"
 export {
   oe as _
 };
-//# sourceMappingURL=CheckboxInput.vue_vue_type_script_setup_true_lang-tYAo46wK.js.map
+//# sourceMappingURL=CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js.map

package/dist/CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js","sources":["../src/components/inputs/CheckboxInput.vue"],"sourcesContent":["<!--\n  @component CheckboxInput\n  @description Checkbox input with vee-validate integration.\n  \n  A styled checkbox component with label, description, and validation support.\n  Supports stacked and inline layouts.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - label (string, optional): Checkbox label text\n  - description (string, optional): Additional description text\n  - disabled (boolean, optional): Disabled state\n  - rules (Schema, optional): Validation rules\n  - modelValue (boolean, optional): Checked state via v-model\n  - layout (string, optional): 'stacked' or 'inline' layout\n  - checkboxClasses (string, optional): Additional checkbox classes\n  \n  @emits\n  - update:modelValue: Emitted when checked state changes\n  - update:validity: Emitted when validation state changes\n  \n  @example\n  <CheckboxInput\n    name=\"terms\"\n    label=\"I agree to the terms\"\n    v-model=\"form.terms\"\n    :rules=\"mustBeTrue\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <FormFieldWrapper\n      :id=\"id\"\n      :name=\"name\"\n      :label=\"layout === 'stacked' ? label : ''\"\n      :disabled=\"disabled\"\n      :optional=\"!rules\"\n      :tertiary-label=\"tertiaryLabel\"\n      :box-shadow=\"boxShadow\"\n      :error-message=\"errorMessage\"\n      :success-message=\"successMessage\"\n      :is-valid=\"meta.valid\"\n      :is-touched=\"meta.touched\"\n      :show-errors=\"showErrors\"\n      :show-valid-check=\"false\"\n    >\n      <div class=\"sl-flex sl-items-start sl-gap-3\">\n        <div class=\"sl-flex sl-h-6 sl-shrink-0 sl-items-center\">\n          <div class=\"sl-group group sl-grid sl-w-4 sl-h-4 sl-grid-cols-1\">\n            <input\n              :id=\"id\"\n              :aria-describedby=\"description ? `${id}-description` : undefined\"\n              :name=\"name\"\n              ref=\"checkboxRef\"\n              v-model=\"checkboxValue\"\n              type=\"checkbox\"\n              :disabled=\"disabled\"\n              :class=\"[\n                'sl-col-start-1 sl-row-start-1 sl-w-full sl-h-full sl-appearance-none sl-rounded sl-border sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900',\n                'checked:sl-border-stachelock-600 checked:sl-bg-stachelock-600',\n                'indeterminate:sl-border-stachelock-600 indeterminate:sl-bg-stachelock-600',\n                'focus-visible:sl-outline focus-visible:sl-outline-2 focus-visible:sl-outline-offset-2 focus-visible:sl-outline-stachelock-600 dark:focus-visible:sl-outline-offset-slate-900',\n                'disabled:sl-border-gray-300 dark:disabled:sl-border-slate-700 disabled:sl-bg-gray-100 dark:disabled:sl-bg-slate-800 disabled:checked:sl-bg-gray-100 dark:disabled:checked:sl-bg-slate-700',\n                checkboxClasses\n              ]\"\n              @change=\"handleChange\"\n              @focus=\"onFocus\"\n              @blur=\"onBlur\"\n            >\n            <svg\n              class=\"sl-pointer-events-none sl-col-start-1 sl-row-start-1 sl-w-3.5 sl-h-3.5 sl-self-center sl-justify-self-center sl-stroke-white\"\n              viewBox=\"0 0 14 14\"\n              fill=\"none\"\n            >\n              <path\n                class=\"sl-opacity-0 group-has-[:checked]:sl-opacity-100\"\n                d=\"M3 8L6 11L11 3.5\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n              <path\n                class=\"sl-opacity-0 group-has-[:indeterminate]:sl-opacity-100\"\n                d=\"M3 7H11\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </div>\n        <div class=\"sl-flex-1 sl-text-sm sl-leading-6\">\n          <!-- Inline label to the right of the checkbox -->\n          <label v-if=\"layout === 'inline' && label\" :for=\"id\" class=\"sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer\">{{ label }}</label>\n          <!-- Description (inline layout shows beneath label) -->\n          <div\n            v-if=\"description\"\n            :id=\"`${id}-description`\"\n            class=\"sl-text-gray-600 dark:sl-text-slate-300\"\n            :class=\"[ layout === 'inline' ? '' : 'sl-mt-1', { 'sl-cursor-pointer': !disabled } ]\"\n            ref=\"descriptionHtml\"\n            @click=\"onDescriptionClick\"\n          >\n            <div v-if=\"isDescriptionHtml\" v-html=\"description\" />\n            <span v-else>{{ description }}</span>\n          </div>\n        </div>\n      </div>\n    </FormFieldWrapper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { useField } from 'vee-validate'\nimport type { ValidationRule } from '../../types/form'\nimport { generateId } from '../../utils/id'\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue'\n\ninterface Props {\n  name: string\n  label?: string\n  description?: string\n  disabled?: boolean\n  rules?: ValidationRule\n  immediate?: boolean\n  isDescriptionHtml?: boolean\n  successMessage?: string\n  modelValue?: boolean\n  tertiaryLabel?: string\n  showErrors?: boolean\n  layout?: 'stacked' | 'inline'\n  boxShadow?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  immediate: true,\n  isDescriptionHtml: false,\n  showErrors: false,\n  layout: 'stacked',\n  boxShadow: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  blur: [event: FocusEvent]\n  focus: [event: FocusEvent]\n}>()\n\nconst checkboxRef = ref<HTMLInputElement>()\nconst descriptionHtml = ref<HTMLElement | null>(null)\nconst id = generateId(`sl-${props.name}`)\n\n// Use vee-validate for form validation\nconst { value, errorMessage, handleChange: handleValidation, handleBlur, meta } = useField(\n  () => props.name,\n  props.rules,\n  {\n    type: 'checkbox',\n    initialValue: props.modelValue || false\n  }\n)\n\nconst checkboxValue = ref(props.modelValue || false)\n\n// Watch for external changes\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue !== undefined && newValue !== checkboxValue.value) {\n      checkboxValue.value = newValue\n      value.value = newValue\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  checkboxValue,\n  (newValue) => {\n    emit('update:modelValue', newValue)\n    if (props.immediate) {\n      handleValidation(newValue)\n    }\n  }\n)\n\nconst checkboxClasses = computed(() => {\n  const baseClasses = [\n    'sl-h-4',\n    'sl-w-4',\n    'sl-rounded',\n    'sl-border-gray-300',\n    'sl-text-stachelock-600',\n    'focus:sl-ring-stachelock-600',\n    'focus:sl-ring-2',\n    'focus:sl-ring-offset-2',\n    'sl-transition-all',\n    'sl-duration-200'\n  ]\n\n  if (props.disabled) {\n    baseClasses.push(\n      'sl-cursor-not-allowed',\n      'sl-opacity-50',\n      'sl-bg-gray-50'\n    )\n  } else {\n    baseClasses.push(\n      'sl-cursor-pointer',\n      'hover:sl-border-gray-400'\n    )\n  }\n\n  if (errorMessage.value) {\n    baseClasses.push(\n      'sl-border-red-300',\n      'focus:sl-ring-red-600'\n    )\n  } else if (meta.valid && meta.touched) {\n    baseClasses.push(\n      'sl-border-green-300',\n      'focus:sl-ring-green-500'\n    )\n  }\n\n  return baseClasses.join(' ')\n})\n\nconst handleChange = (event: Event) => {\n  const target = event.target as HTMLInputElement\n  checkboxValue.value = target.checked\n  \n  if (!props.immediate) {\n    handleValidation(target.checked)\n  }\n}\n\nconst toggle = () => {\n  if (!props.disabled) {\n    checkboxValue.value = !checkboxValue.value\n  }\n}\n\nconst focus = () => {\n  checkboxRef.value?.focus()\n}\n\nconst blur = () => {\n  checkboxRef.value?.blur()\n}\n\nconst onBlur = (event: FocusEvent) => {\n  if (!props.immediate) {\n    handleValidation(checkboxValue.value)\n  }\n  handleBlur(event)\n  emit('blur', event)\n}\n\nconst onFocus = (event: FocusEvent) => {\n  emit('focus', event)\n}\n\nconst onDescriptionClick = (event: Event) => {\n  if (props.disabled) return\n  const target = event.target as HTMLElement\n  if (target.tagName === 'A') {\n    // Allow links to be clickable without toggling\n    return\n  }\n  toggle()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  toggle,\n  checkboxRef\n})\n</script>\n\n\n"],"names":["props","__props","emit","__emit","checkboxRef","ref","descriptionHtml","id","generateId","value","errorMessage","handleValidation","handleBlur","meta","useField","checkboxValue","watch","newValue","checkboxClasses","computed","baseClasses","handleChange","event","target","toggle","focus","blur","onBlur","onFocus","onDescriptionClick","__expose","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","name","layout","label","disabled","rules","tertiaryLabel","boxShadow","successMessage","showErrors","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","description","$event","_normalizeClass","_hoisted_6","_hoisted_7","isDescriptionHtml"],"mappings":"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"}

package/dist/ChevronRightIcon-DkUqw988.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as r, createElementVNode as l } from "vue";
+function n(o, t) {
+  return r(), e("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    l("path", {
+      "fill-rule": "evenodd",
+      d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+export {
+  n as r
+};
+//# sourceMappingURL=ChevronRightIcon-DkUqw988.js.map

package/dist/ChevronRightIcon-DkUqw988.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRightIcon-DkUqw988.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ChevronRightIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,GAAG;AAAA,MACH,aAAa;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/ChevronUpDownIcon-Bq_fsgrb.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as l, createElementVNode as r } from "vue";
+function n(o, t) {
+  return l(), e("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "fill-rule": "evenodd",
+      d: "M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+export {
+  n as r
+};
+//# sourceMappingURL=ChevronUpDownIcon-Bq_fsgrb.js.map

package/dist/ChevronUpDownIcon-Bq_fsgrb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUpDownIcon-Bq_fsgrb.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ChevronUpDownIcon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,GAAG;AAAA,MACH,aAAa;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}