routie dev init since i didn't adhere to any proper guidance up until now

2026-04-29 22:27:29 -06:00
commit e1dabb71e2
15301 changed files with 3562618 additions and 0 deletions
@@ -0,0 +1,75 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Styles
+import "./VCheckbox.css";
+
+// Components
+import { makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.js";
+import { makeVInputProps, VInput } from "../VInput/VInput.js"; // Composables
+import { useFocus } from "../../composables/focus.js";
+import { forwardRefs } from "../../composables/forwardRefs.js";
+import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities
+import { ref, useId } from 'vue';
+import { filterInputAttrs, genericComponent, omit, propsFactory, useRender } from "../../util/index.js"; // Types
+export const makeVCheckboxProps = propsFactory({
+  ...omit(makeVInputProps(), ['direction']),
+  ...omit(makeVCheckboxBtnProps(), ['inline'])
+}, 'VCheckbox');
+export const VCheckbox = genericComponent()({
+  name: 'VCheckbox',
+  inheritAttrs: false,
+  props: makeVCheckboxProps(),
+  emits: {
+    'update:modelValue': value => true,
+    'update:focused': focused => true
+  },
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const model = useProxiedModel(props, 'modelValue');
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
+    const inputRef = ref();
+    const uid = useId();
+    useRender(() => {
+      const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
+      const inputProps = VInput.filterProps(props);
+      const checkboxProps = VCheckboxBtn.filterProps(props);
+      return _createVNode(VInput, _mergeProps({
+        "ref": inputRef,
+        "class": ['v-checkbox', props.class]
+      }, rootAttrs, inputProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "id": props.id || `checkbox-${uid}`,
+        "focused": isFocused.value,
+        "style": props.style
+      }), {
+        ...slots,
+        default: ({
+          id,
+          messagesId,
+          isDisabled,
+          isReadonly,
+          isValid
+        }) => _createVNode(VCheckboxBtn, _mergeProps(checkboxProps, {
+          "id": id.value,
+          "aria-describedby": messagesId.value,
+          "disabled": isDisabled.value,
+          "readonly": isReadonly.value
+        }, controlAttrs, {
+          "error": isValid.value === false,
+          "modelValue": model.value,
+          "onUpdate:modelValue": $event => model.value = $event,
+          "onFocus": focus,
+          "onBlur": blur
+        }), slots)
+      });
+    });
+    return forwardRefs({}, inputRef);
+  }
+});
+//# sourceMappingURL=VCheckbox.js.map