@stachelock/ui 0.6.6 → 0.6.8

package/dist/inputs/ComboboxInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../ComboboxInput.vue_vue_type_script_setup_true_lang-D52gzkAa.js";
+import { _ as f } from "../ComboboxInput.vue_vue_type_script_setup_true_lang-DacJtKYo.js";
 export {
   f as default
 };

package/dist/inputs/SelectInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
+import { _ as f } from "../SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js";
 export {
   f as default
 };

package/dist/inputs/SelectTextInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js";
+import { _ as f } from "../SelectTextInput.vue_vue_type_script_setup_true_lang-C3BGLjY1.js";
 export {
   f as default
 };

package/dist/inputs/TextInput.js

@@ -1,110 +1,5 @@
-import { defineComponent as F, ref as f, toRef as m, watch as h, nextTick as z, createElementBlock as I, openBlock as E, createVNode as O, unref as t, withCtx as n, renderSlot as y, createElementVNode as S, mergeProps as T } from "vue";
-import { useField as N } from "vee-validate";
-import { debounce as $ } from "lodash-es";
-import L from "../forms/FormFieldWrapper.js";
-import { g as R } from "../id-DafBB_QF.js";
-import { _ as q } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const A = { class: "sl-form" }, P = ["name", "id", "type", "value", "placeholder", "spellcheck", "disabled"], U = /* @__PURE__ */ F({
-  inheritAttrs: !1,
-  __name: "TextInput",
-  props: {
-    boxShadow: { type: Boolean, default: !1 },
-    type: { default: "text" },
-    value: { default: "" },
-    rules: { default: () => ({}) },
-    validateOnMount: { type: Boolean, default: !0 },
-    inputClass: { default: "" },
-    inputStyle: { default: "" },
-    spellcheck: { type: Boolean, default: !0 },
-    capitalize: { type: Boolean, default: !1 },
-    lazy: { type: Boolean, default: !1 },
-    transformFunction: { type: Function, default: (e) => e },
-    showErrors: { type: Boolean, default: !1 },
-    name: {},
-    label: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    required: { type: Boolean },
-    className: {},
-    errorMessage: {},
-    successMessage: { default: "" },
-    isValid: { type: Boolean },
-    isTouched: { type: Boolean },
-    colorfulValidation: { type: Boolean, default: !0 },
-    showValidCheck: { type: Boolean, default: !0 },
-    tertiaryLabel: { default: "" },
-    disabledMessage: { default: "" }
-  },
-  emits: ["update:value", "focus", "blur", "error", "update:validity"],
-  setup(e, { emit: p }) {
-    const l = e, s = p, r = f(!1), c = R(l.name || "text-input"), v = f(l.validateOnMount), { value: o, errorMessage: b, handleChange: g, meta: i, validate: w, setTouched: x } = N(m(l, "name"), m(l, "rules"), {
-      initialValue: l.value,
-      validateOnValueUpdate: !l.lazy,
-      validateOnMount: v.value
-    }), u = (a) => s("update:value", a), k = $(u, 300);
-    function B(a) {
-      const d = a.target.value;
-      l.lazy ? k(d) : u(d), g(l.transformFunction(d));
-    }
-    async function V(a) {
-      r.value || (r.value = !0, x(!0)), l.lazy && u(o.value), await w(), s("blur", a);
-    }
-    function M(a) {
-      s("focus", a);
-    }
-    return h(() => i.valid, (a) => z(() => s("update:validity", a)), { immediate: !0 }), h(() => l.value, (a) => {
-      a !== o.value && (o.value = a);
-    }), (a, d) => (E(), I("div", A, [
-      O(L, {
-        id: t(c),
-        name: e.name,
-        label: e.label,
-        "tertiary-label": e.tertiaryLabel,
-        "error-message": t(b),
-        "success-message": e.successMessage,
-        "is-valid": t(i).valid,
-        "is-touched": t(i).touched,
-        "show-errors": e.showErrors,
-        "show-valid-check": e.showValidCheck,
-        "colorful-validation": e.colorfulValidation,
-        disabled: e.disabled,
-        "disabled-message": e.disabledMessage,
-        "box-shadow": e.boxShadow
-      }, {
-        prefix: n(() => [
-          y(a.$slots, "prefix", {}, void 0, !0)
-        ]),
-        default: n(({ inputClasses: C }) => [
-          S("input", T(a.$attrs, {
-            name: e.name,
-            id: t(c),
-            type: e.type,
-            value: t(o),
-            placeholder: e.placeholder,
-            spellcheck: e.spellcheck,
-            disabled: e.disabled,
-            class: ["sl-block sl-w-full sl-bg-transparent placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-400 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
-              C,
-              "sl-py-1.5 sl-pl-2 sl-pr-2",
-              { "sl-uppercase": e.capitalize },
-              e.disabled ? "sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-text-gray-900 dark:sl-text-white",
-              { "sl-pr-10": e.showValidCheck },
-              e.inputClass
-            ]],
-            style: e.inputStyle,
-            onInput: B,
-            onFocus: M,
-            onBlur: V
-          }), null, 16, P)
-        ]),
-        "input-right": n(() => [
-          y(a.$slots, "input-right", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "box-shadow"])
-    ]));
-  }
-}), K = /* @__PURE__ */ q(U, [["__scopeId", "data-v-95aa905a"]]);
+import { T as a } from "../TextInput-C5IzX7m_.js";
+import "../_plugin-vue_export-helper-CHgC5LLL.js";
 export {
-  K as default
+  a as default
 };

package/dist/src/components/inputs/AddressInput.d.ts

@@ -12,6 +12,11 @@ interface Props {
     successMessage?: string;
     tertiaryLabel?: string;
     validateOnMount?: boolean;
+    /**
+     * Whether the field is optional (hides required asterisk).
+     * When undefined, computed from rules.
+     */
+    optional?: boolean;
 }
 declare function resetInput(): void;
 declare const _default: import('vue').DefineComponent<Props, {
@@ -33,6 +38,7 @@ declare const _default: import('vue').DefineComponent<Props, {
     tertiaryLabel: string;
     disabled: boolean;
     successMessage: string;
+    optional: boolean;
     validateOnMount: boolean;
     showSuggestionCount: boolean;
     allowManualEntry: boolean;

package/dist/src/components/inputs/ComboboxInput.d.ts

@@ -17,17 +17,20 @@ interface Props {
     multiple?: boolean;
     showAll?: boolean;
     modelValue?: SelectItemValue | ComboboxItem | ComboboxItem[];
+    value?: SelectItemValue | ComboboxItem | ComboboxItem[];
     boxShadow?: boolean;
     clearable?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    "update:value": (value: SelectItemValue | ComboboxItem | ComboboxItem[]) => any;
     "update:modelValue": (value: SelectItemValue | ComboboxItem | ComboboxItem[]) => any;
     "update:query": (query: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: SelectItemValue | ComboboxItem | ComboboxItem[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: SelectItemValue | ComboboxItem | ComboboxItem[]) => any) | undefined;
     "onUpdate:query"?: ((query: string) => any) | undefined;
 }>, {

package/dist/src/components/inputs/TextInput.d.ts

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Te
     showValidCheck: boolean;
     colorfulValidation: boolean;
     disabledMessage: string;
+    optional: boolean;
     boxShadow: boolean;
     lazy: boolean;
     validateOnMount: boolean;

package/dist/src/types/ui.d.ts

@@ -168,6 +168,11 @@ export interface TextInputType extends InputBaseType {
      * Whether to force show errors
      */
     showErrors?: boolean;
+    /**
+     * Whether the field is optional (hides required asterisk).
+     * When undefined, computed from rules - if rules exist and have required validation, field is not optional.
+     */
+    optional?: boolean;
 }
 export interface SelectOption {
     value: string | number;

package/dist/src/utils/index.d.ts

@@ -5,3 +5,4 @@ export * from './id';
 export * from './mapThemes';
 export * from './phone';
 export * from './transitions';
+export * from './validation';

package/dist/src/utils/validation.d.ts

@@ -0,0 +1,11 @@
+import { ValidationRule } from '../types/form';
+/**
+ * Checks if a validation rule indicates the field is optional (not required).
+ *
+ * Inspects the rule to determine if it has a `required` validation.
+ * Works with Yup schemas and other common validation patterns.
+ *
+ * @param rules - The validation rules to check
+ * @returns true if the field is optional (no required validation), false if required
+ */
+export declare function isRuleOptional(rules: ValidationRule | undefined): boolean;