@stachelock/ui 0.2.14 → 0.3.0

package/dist/wrappers/BackgroundGradientWrapper.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/wrappers/BackgroundGradientWrapper'
+import StachelockUI from '../src/components/wrappers/BackgroundGradientWrapper'
+export default StachelockUI

package/dist/wrappers/BackgroundGradientWrapper.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BackgroundGradientWrapper.js.map

package/dist/wrappers/BackgroundGradientWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundGradientWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/wrappers/CardWrapper.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/wrappers/CardWrapper'
+import StachelockUI from '../src/components/wrappers/CardWrapper'
+export default StachelockUI

package/dist/wrappers/CardWrapper.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
+export {
+  f as default
+};
+//# sourceMappingURL=CardWrapper.js.map

package/dist/wrappers/CardWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/wrappers/DisclosureWrapper.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/wrappers/DisclosureWrapper'
+import StachelockUI from '../src/components/wrappers/DisclosureWrapper'
+export default StachelockUI

package/dist/wrappers/DisclosureWrapper.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js";
+export {
+  f as default
+};
+//# sourceMappingURL=DisclosureWrapper.js.map

package/dist/wrappers/DisclosureWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosureWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/wrappers/FormErrorWrapper.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/wrappers/FormErrorWrapper'
+import StachelockUI from '../src/components/wrappers/FormErrorWrapper'
+export default StachelockUI

package/dist/wrappers/FormErrorWrapper.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FormErrorWrapper.js.map

package/dist/wrappers/FormErrorWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/wrappers/index.d.ts

@@ -0,0 +1 @@
+export * from '../src/components/wrappers/index'

package/dist/wrappers/index.js

@@ -0,0 +1,11 @@
+import { _ as p } from "../BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js";
+import { _ as e } from "../CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
+import { _ as m } from "../DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js";
+import { _ as f } from "../FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
+export {
+  p as BackgroundGradientWrapper,
+  e as CardWrapper,
+  m as DisclosureWrapper,
+  f as FormErrorWrapper
+};
+//# sourceMappingURL=index.js.map

package/dist/wrappers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.2.14",
+  "version": "0.3.0",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,6 +33,14 @@
     "./forms/*": {
       "import": "./dist/forms/*.js",
       "types": "./dist/components/forms/*.d.ts"
+    },
+    "./composables": {
+      "import": "./dist/composables/index.js",
+      "types": "./dist/composables/index.d.ts"
+    },
+    "./composables/*": {
+      "import": "./dist/composables/*.js",
+      "types": "./dist/composables/*.d.ts"
     }
   },
   "files": [
@@ -52,15 +60,17 @@
     "build:css": "node scripts/build-css.cjs",
     "build:watch": "vite build --watch",
     "preview": "vite",
-    "test": "vitest",
+    "test": "vitest run",
+    "test:watch": "vitest --watch",
     "test:ui": "vitest --ui",
-    "test:coverage": "vitest --coverage",
+    "test:coverage": "vitest run --coverage",
+    "test:ci": "vitest run --coverage --reporter=junit --outputFile=./test-results.xml",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
     "lint:check": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
     "type-check": "vue-tsc --noEmit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run test:ci && npm run lint:check && npm run build",
     "prepack": "npm run build",
     "postpack": "rm -rf dist",
     "generate-indexes": "node scripts/generateRecursiveIndex.cjs",
@@ -95,16 +105,37 @@
     "vue": "^3.3.0"
   },
   "dependencies": {
+    "@cloudinary/url-gen": "^1.11.2",
+    "@cloudinary/vue": "^1.11.2",
+    "@googlemaps/js-api-loader": "^1.16.2",
     "@headlessui/vue": "^1.7.16",
     "@heroicons/vue": "^2.0.18",
     "@tanstack/table-core": "^8.20.5",
     "@tanstack/vue-table": "^8.20.5",
+    "@tiptap/extension-highlight": "^2.27.2",
+    "@tiptap/extension-link": "^2.1.16",
+    "@tiptap/extension-placeholder": "^2.27.2",
+    "@tiptap/extension-task-item": "^2.27.2",
+    "@tiptap/extension-task-list": "^2.27.2",
+    "@tiptap/extension-text-align": "^2.27.2",
+    "@tiptap/extension-underline": "^2.27.2",
+    "@tiptap/pm": "^2.1.16",
+    "@tiptap/starter-kit": "^2.1.16",
+    "@tiptap/vue-3": "^2.1.16",
+    "@vuepic/vue-datepicker": "^7.4.1",
     "@vueuse/core": "^10.11.0",
     "date-fns": "^3.6.0",
     "dayjs": "^1.11.11",
+    "echarts": "^5.6.0",
+    "libphonenumber-js": "^1.10.41",
     "lodash-es": "^4.17.21",
     "vee-validate": "^4.11.2",
+    "vue-advanced-cropper": "^2.8.9",
+    "vue-circle-flags": "^1.0.9",
+    "vue-echarts": "^6.7.3",
     "vue-router": "^4.5.1",
+    "vue3-google-map": "^0.26.0",
+    "vue3-lottie": "^3.3.1",
     "vue3-observe-visibility": "^1.0.0-alpha.1",
     "yup": "^1.2.0"
   },
@@ -122,6 +153,7 @@
     "@tailwindcss/typography": "^0.5.10",
     "@testing-library/vue": "^8.0.1",
     "@tsconfig/node18": "^18.2.2",
+    "@types/google.maps": "^3.58.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.19.3",
     "@vitejs/plugin-vue": "^5.2.1",

package/scripts/build-css.cjs

@@ -1,6 +1,6 @@
+/* eslint-env node */
 const { execSync } = require('child_process');
 const fs = require('fs');
-const path = require('path');
 
 console.log('🔨 Building Tailwind CSS with sl- prefix...');
 

package/scripts/generate-config.cjs

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+/* eslint-env node */
 
 const fs = require('fs');
 const path = require('path');

package/scripts/generateRecursiveIndex.cjs

@@ -80,7 +80,7 @@ function generateIndexFile(directoryPath, baseDirectoryPath = directoryPath) {
       
       exportStatements.push(`export { default as ${exportName} } from './${fileName}.vue';`);
       hasExports = true;
-    } else if (file.name.endsWith('.ts') && file.name !== 'index.ts' && !file.name.endsWith('.d.ts')) {
+    } else if (file.name.endsWith('.ts') && file.name !== 'index.ts' && !file.name.endsWith('.d.ts') && !file.name.endsWith('.test.ts') && !file.name.endsWith('.spec.ts')) {
       const fileName = file.name.replace('.ts', '');
       // For types directory, export all type files
       if (path.basename(baseDirectoryPath) === 'types') {
@@ -124,6 +124,9 @@ function generateMainIndexFile(srcDirectoryPath) {
     "export * from './config/design-tokens';",
     "export * from './config/css-variables';",
     "",
+    "// Composables",
+    "export * from './composables';",
+    "",
     "// Base UI Components",
     "export * from './components';",
     "",

package/tailwind.config.js

@@ -9,7 +9,7 @@ export default {
     './stories/**/*.{vue,js,ts,jsx,tsx,mdx}',
     './index.html'
   ],
-  darkMode: 'class',
+  darkMode: ['selector', '[class~="dark"]'], // Use attribute selector to avoid prefix on dark mode class
   theme: {
           fontFamily: {
         sans: ["Inter", ..._fontFamily.sans],

package/dist/CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js

@@ -1,70 +0,0 @@
-import { defineComponent as g, ref as h, watch as d, createElementBlock as w, openBlock as x, createElementVNode as r, createVNode as a, withCtx as m, createTextVNode as c } from "vue";
-import u from "./components/Button.js";
-import { _ as V } from "./SelectInput.vue_vue_type_script_setup_true_lang-BPjHLHdM.js";
-const k = { class: "sl-flex sl-items-center sl-gap-4" }, B = { class: "sl-flex sl-items-center sl-gap-2" }, C = { class: "sl-w-32" }, y = /* @__PURE__ */ g({
-  __name: "CalendarHeader",
-  props: {
-    view: {},
-    selectedRange: {}
-  },
-  emits: ["changeRange", "changeView"],
-  setup(p, { emit: f }) {
-    const s = p, l = f, n = [
-      { id: "day", name: "Day" },
-      { id: "week", name: "Week" },
-      { id: "month", name: "Month" },
-      { id: "year", name: "Year" }
-    ], i = h(n.find((t) => t.id === s.view) || n[2]);
-    d(() => s.view, (t) => {
-      const e = n.find((o) => o.id === t);
-      e && (i.value = e);
-    }), d(i, (t) => {
-      t && l("changeView", t.id);
-    });
-    const _ = () => l("changeRange", "prev"), v = () => l("changeRange", "next");
-    return (t, e) => (x(), w("div", k, [
-      r("div", B, [
-        a(u, {
-          size: "sm",
-          theme: "light",
-          outlined: !0,
-          "center-label": "",
-          onButtonClick: _
-        }, {
-          default: m(() => e[1] || (e[1] = [
-            c("Prev", -1)
-          ])),
-          _: 1,
-          __: [1]
-        }),
-        a(u, {
-          size: "sm",
-          theme: "light",
-          outlined: !0,
-          "center-label": "",
-          onButtonClick: v
-        }, {
-          default: m(() => e[2] || (e[2] = [
-            c("Next", -1)
-          ])),
-          _: 1,
-          __: [2]
-        })
-      ]),
-      r("div", C, [
-        a(V, {
-          name: "calendarView",
-          items: n,
-          modelValue: i.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (o) => i.value = o),
-          placeholder: "Select view",
-          "box-shadow": !1
-        }, null, 8, ["modelValue"])
-      ])
-    ]));
-  }
-});
-export {
-  y as _
-};
-//# sourceMappingURL=CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js.map

package/dist/CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js","sources":["../src/components/calendars/CalendarHeader.vue"],"sourcesContent":["<template>\n  <div class=\"sl-flex sl-items-center sl-gap-4\">\n    <div class=\"sl-flex sl-items-center sl-gap-2\">\n      <UiButton size=\"sm\" theme=\"light\" :outlined=\"true\" center-label @button-click=\"prev\">Prev</UiButton>\n      <UiButton size=\"sm\" theme=\"light\" :outlined=\"true\" center-label @button-click=\"next\">Next</UiButton>\n    </div>\n    <div class=\"sl-w-32\">\n      <SelectInput\n        name=\"calendarView\"\n        :items=\"viewOptions\"\n        v-model=\"selectedView\"\n        placeholder=\"Select view\"\n        :box-shadow=\"false\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport UiButton from '@/components/UiButton.vue';\nimport SelectInput from '@/components/inputs/SelectInput.vue';\nimport type { CalendarDay, Month } from '@/utils/calendar';\n\nconst props = defineProps<{ view: 'day' | 'week' | 'month' | 'year'; selectedRange: CalendarDay[] | Month[] | null }>();\nconst emit = defineEmits(['changeRange', 'changeView']);\n\n// View options for SelectInput\nconst viewOptions = [\n  { id: 'day', name: 'Day' },\n  { id: 'week', name: 'Week' },\n  { id: 'month', name: 'Month' },\n  { id: 'year', name: 'Year' }\n];\n\n// Find the current view option object\nconst selectedView = ref(viewOptions.find(option => option.id === props.view) || viewOptions[2]);\n\n// Watch for prop changes\nwatch(() => props.view, (newView) => {\n  const viewOption = viewOptions.find(option => option.id === newView);\n  if (viewOption) {\n    selectedView.value = viewOption;\n  }\n});\n\n// Watch for SelectInput changes\nwatch(selectedView, (newViewOption) => {\n  if (newViewOption) {\n    emit('changeView', newViewOption.id);\n  }\n});\n\nconst prev = () => emit('changeRange', 'prev');\nconst next = () => emit('changeRange', 'next');\n</script>\n\n<style scoped>\n</style>\n\n\n"],"names":["props","__props","emit","__emit","viewOptions","selectedView","ref","option","watch","newView","viewOption","newViewOption","prev","next","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","UiButton","_cache","_hoisted_3","SelectInput","$event"],"mappings":";;;;;;;;;;;AAwBA,UAAMA,IAAQC,GACRC,IAAOC,GAGPC,IAAc;AAAA,MAClB,EAAE,IAAI,OAAO,MAAM,MAAA;AAAA,MACnB,EAAE,IAAI,QAAQ,MAAM,OAAA;AAAA,MACpB,EAAE,IAAI,SAAS,MAAM,QAAA;AAAA,MACrB,EAAE,IAAI,QAAQ,MAAM,OAAA;AAAA,IAAO,GAIvBC,IAAeC,EAAIF,EAAY,KAAK,CAAAG,MAAUA,EAAO,OAAOP,EAAM,IAAI,KAAKI,EAAY,CAAC,CAAC;AAG/F,IAAAI,EAAM,MAAMR,EAAM,MAAM,CAACS,MAAY;AACnC,YAAMC,IAAaN,EAAY,KAAK,CAAAG,MAAUA,EAAO,OAAOE,CAAO;AACnE,MAAIC,MACFL,EAAa,QAAQK;AAAA,IAEzB,CAAC,GAGDF,EAAMH,GAAc,CAACM,MAAkB;AACrC,MAAIA,KACFT,EAAK,cAAcS,EAAc,EAAE;AAAA,IAEvC,CAAC;AAED,UAAMC,IAAO,MAAMV,EAAK,eAAe,MAAM,GACvCW,IAAO,MAAMX,EAAK,eAAe,MAAM;sBArD3CY,EAAA,GAAAC,EAcM,OAdNC,GAcM;AAAA,MAbJC,EAGM,OAHNC,GAGM;AAAA,QAFJC,EAAoGC,GAAA;AAAA,UAA1F,MAAK;AAAA,UAAK,OAAM;AAAA,UAAS,UAAU;AAAA,UAAM,gBAAA;AAAA,UAAc,eAAcR;AAAA,QAAA;qBAAM,MAAIS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAAJ,QAAI,EAAA;AAAA,UAAA;;;;QACzFF,EAAoGC,GAAA;AAAA,UAA1F,MAAK;AAAA,UAAK,OAAM;AAAA,UAAS,UAAU;AAAA,UAAM,gBAAA;AAAA,UAAc,eAAcP;AAAA,QAAA;qBAAM,MAAIQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAAJ,QAAI,EAAA;AAAA,UAAA;;;;;MAE3FJ,EAQM,OARNK,GAQM;AAAA,QAPJH,EAMEI,GAAA;AAAA,UALA,MAAK;AAAA,UACJ,OAAOnB;AAAA,sBACCC,EAAA;AAAA,wDAAAA,EAAY,QAAAmB;AAAA,UACrB,aAAY;AAAA,UACX,cAAY;AAAA,QAAA;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxInput.vue_vue_type_script_setup_true_lang-tYAo46wK.js","sources":["../src/components/inputs/CheckboxInput.vue"],"sourcesContent":["<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    >\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 sl-bg-white',\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',\n                'disabled:sl-border-gray-300 disabled:sl-bg-gray-100 disabled:checked:sl-bg-gray-100',\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 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\"\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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"}