@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/components/CuiFlex.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as _, watch as C, computed as G, withDirectives as I, openBlock as m, createElementBlock as v, normalizeStyle as w, renderSlot as k, unref as c, createElementVNode as B, toDisplayString as j, createCommentVNode as D, vShow as F } from "vue";
+import { useFlexContext as N } from "../composables/useLayoutContext.js";
+import { useBreakpoint as E } from "../composables/useBreakpoint.js";
+import { resolveResponsive as o, spacingToCss as d } from "../utils/responsive.js";
+const T = { class: "cui-flex__debug-label" }, J = /* @__PURE__ */ _({
+  __name: "CuiFlex",
+  props: {
+    direction: { default: "row" },
+    wrap: { default: "wrap" },
+    align: {},
+    justify: {},
+    gap: {},
+    rowGap: {},
+    colGap: {},
+    debug: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    const x = {
+      row: "row",
+      "row-reverse": "row-reverse",
+      col: "column",
+      "col-reverse": "column-reverse"
+    }, y = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      stretch: "stretch",
+      baseline: "baseline"
+    }, g = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      between: "space-between",
+      around: "space-around",
+      evenly: "space-evenly"
+    }, t = p, { context: r } = N(), { breakpoint: b } = E();
+    C(
+      () => t.debug,
+      (e) => {
+        r.value.debug = e;
+      },
+      { immediate: !0 }
+    );
+    const h = G(() => {
+      const e = b.value, u = o(t.direction, "row", e), S = o(t.wrap, "wrap", e), s = o(t.align, void 0, e), a = o(t.justify, void 0, e), f = o(t.gap, void 0, e), l = o(t.rowGap, void 0, e), i = o(t.colGap, void 0, e), n = {
+        display: "flex",
+        flexDirection: x[u] ?? "row",
+        flexWrap: S
+      };
+      return s && (n.alignItems = y[s] ?? s), a && (n.justifyContent = g[a] ?? a), l || i ? (l && (n.rowGap = d(l)), i && (n.columnGap = d(i))) : f && (n.gap = d(f)), n;
+    });
+    return (e, u) => I((m(), v("div", {
+      class: "cui-flex",
+      style: w(h.value)
+    }, [
+      k(e.$slots, "default", {}, void 0, !0),
+      c(r).debug ? (m(), v("div", {
+        key: 0,
+        class: "cui-flex__debug-overlay",
+        style: w({ zIndex: 9999 - c(r).depth })
+      }, [
+        B("div", T, " Flex (depth: " + j(c(r).depth) + ") ", 1)
+      ], 4)) : D("", !0)
+    ], 4)), [
+      [F, !p.hidden]
+    ]);
+  }
+});
+export {
+  J as default
+};

package/dist/components/CuiFlexItem.vue.d.ts

@@ -1,13 +1,12 @@
 import type { ResponsiveValue } from "../types/grid";
-export interface CuiFlexItemProps {
+import type { HideableProps } from "../types/common";
+export interface CuiFlexItemProps extends HideableProps {
     /** Flex grow value (0-1) */
     grow?: ResponsiveValue<0 | 1>;
     /** Flex shrink value (0-1) */
     shrink?: ResponsiveValue<0 | 1>;
     /** Flex shorthand (e.g., "1", "auto", "initial", "none") */
     flex?: ResponsiveValue<"1" | "auto" | "initial" | "none">;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiFlexItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiFlexItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFlexItem.vue"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC,GAAG,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IAC1D,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA6CD,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;AAqB/C,QAAA,MAAM,eAAe;YArEV,OAAO;6EA4EhB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiFlexItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFlexItem.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC,GAAG,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;CAC3D;AA6CD,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;AAqB/C,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiFlexItem.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as d, computed as a, withDirectives as m, openBlock as p, createElementBlock as u, normalizeStyle as v, renderSlot as h, vShow as x } from "vue";
+import { useBreakpoint as k } from "../composables/useBreakpoint.js";
+import { resolveResponsive as i } from "../utils/responsive.js";
+const y = /* @__PURE__ */ d({
+  __name: "CuiFlexItem",
+  props: {
+    grow: {},
+    shrink: {},
+    flex: {},
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const t = n, { breakpoint: c } = k(), f = a(() => {
+      const e = c.value, o = {}, r = i(t.flex, void 0, e);
+      if (r !== void 0)
+        o.flex = r;
+      else {
+        const s = i(t.grow, void 0, e), l = i(t.shrink, void 0, e);
+        s !== void 0 && (o.flexGrow = String(s)), l !== void 0 && (o.flexShrink = String(l));
+      }
+      return o;
+    });
+    return (e, o) => m((p(), u("div", {
+      class: "cui-flex-item",
+      style: v(f.value)
+    }, [
+      h(e.$slots, "default")
+    ], 4)), [
+      [x, !n.hidden]
+    ]);
+  }
+});
+export {
+  y as default
+};

package/dist/components/CuiFlexItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiFlexItem.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiForm.vue.d.ts

@@ -0,0 +1,65 @@
+import type { HideableProps, DisableableProps } from "../types/common";
+import { type FormValues, type FormErrors, type FormResolver, type FormValidateOn } from "./form-context";
+export interface CuiFormProps extends HideableProps, DisableableProps {
+    /** Form values (v-model). Use to seed initial values and stay in sync. */
+    modelValue?: FormValues;
+    /** Library-agnostic validation: (values) => errors map (sync or async). */
+    resolver?: FormResolver;
+    /**
+     * When eager validation kicks in. `"submit"` (default) validates on submit,
+     * then revalidates a field whenever it changes. `"change"` validates from the
+     * very first keystroke.
+     */
+    validateOn?: FormValidateOn;
+    /** Make every field readonly. */
+    readonly?: boolean;
+}
+/** Validate the whole form; sets `errors` and returns the errors map. */
+declare function validate(): Promise<FormErrors>;
+declare function submit(): Promise<void>;
+declare function reset(next?: FormValues): void;
+/**
+ * Imperatively set the error map — typically to surface server-side validation
+ * (e.g. a 422 response) on the matching fields. Bumps the validation token so an
+ * in-flight resolver run can't overwrite what the server just told us.
+ */
+declare function setErrors(next: FormErrors): void;
+declare var __VLS_1: {
+    values: FormValues;
+    errors: FormErrors;
+    submitted: boolean;
+    submitting: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<CuiFormProps, {
+    validate: typeof validate;
+    reset: typeof reset;
+    submit: typeof submit;
+    setErrors: typeof setErrors;
+    values: import("vue").Ref<FormValues, FormValues>;
+    errors: import("vue").Ref<FormErrors, FormErrors>;
+    submitting: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (values: FormValues) => any;
+    "update:modelValue": (values: FormValues) => any;
+    "submit-invalid": (errors: FormErrors) => any;
+}, string, import("vue").PublicProps, Readonly<CuiFormProps> & Readonly<{
+    onSubmit?: ((values: FormValues) => any) | undefined;
+    "onUpdate:modelValue"?: ((values: FormValues) => any) | undefined;
+    "onSubmit-invalid"?: ((errors: FormErrors) => any) | undefined;
+}>, {
+    readonly: boolean;
+    hidden: boolean;
+    disabled: boolean;
+    validateOn: FormValidateOn;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CuiForm.vue.d.ts.map

package/dist/components/CuiForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CuiForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiForm.vue"],"names":[],"mappings":"AAqMA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,gBAAgB;IACnE,0EAA0E;IAC1E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2ED,yEAAyE;AACzE,iBAAe,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC,CAM7C;AAwCD,iBAAe,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAWrC;AAED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAKtC;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAGzC;AA6CD,QAAA,IAAI,OAAO;;;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;cAhOR,OAAO;;;gBAFL,cAAc;6EA2O3B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiForm.vue.js

@@ -0,0 +1,116 @@
+import { defineComponent as _, ref as c, watch as E, provide as P, computed as w, withDirectives as D, openBlock as K, createElementBlock as M, withModifiers as R, renderSlot as $, vShow as z } from "vue";
+import { FormContextKey as A } from "./form-context.js";
+const I = /* @__PURE__ */ _({
+  __name: "CuiForm",
+  props: {
+    modelValue: {},
+    resolver: {},
+    validateOn: { default: "submit" },
+    readonly: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "submit", "submit-invalid"],
+  setup(y, { expose: k, emit: B }) {
+    const n = y, f = B;
+    function m(e) {
+      if (!e) return {};
+      try {
+        return structuredClone(e);
+      } catch {
+        return { ...e };
+      }
+    }
+    const l = c(m(n.modelValue)), u = c({}), i = c(!1), s = c(!1);
+    let d = 0;
+    E(
+      () => n.modelValue,
+      (e) => {
+        e && e !== l.value && (l.value = m(e));
+      },
+      { deep: !0 }
+    );
+    function C(e, t) {
+      return t.split(".").reduce((o, a) => {
+        if (o && typeof o == "object") return o[a];
+      }, e);
+    }
+    function F(e, t, o) {
+      const a = t.split(".");
+      let r = e;
+      for (let p = 0; p < a.length - 1; p++) {
+        const v = a[p];
+        (typeof r[v] != "object" || r[v] === null) && (r[v] = {}), r = r[v];
+      }
+      r[a[a.length - 1]] = o;
+    }
+    async function b() {
+      return n.resolver ? await n.resolver(l.value) ?? {} : {};
+    }
+    async function h() {
+      const e = ++d, t = await b();
+      return e === d && (u.value = t), t;
+    }
+    async function g(e) {
+      const t = ++d, o = await b();
+      if (t !== d) return;
+      const a = { ...u.value };
+      o[e] ? a[e] = o[e] : delete a[e], u.value = a;
+    }
+    function S(e) {
+      return C(l.value, e);
+    }
+    function j(e, t) {
+      F(l.value, e, t), f("update:modelValue", { ...l.value }), (n.validateOn === "change" || i.value) && g(e);
+    }
+    function q(e) {
+      if (!(e in u.value)) return;
+      const t = { ...u.value };
+      delete t[e], u.value = t;
+    }
+    async function V() {
+      if (!s.value) {
+        s.value = !0, i.value = !0;
+        try {
+          const e = await h();
+          Object.keys(e).length === 0 ? f("submit", l.value) : f("submit-invalid", e);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    function x(e) {
+      l.value = m(e ?? n.modelValue), u.value = {}, i.value = !1, f("update:modelValue", { ...l.value });
+    }
+    function O(e) {
+      d++, u.value = { ...e };
+    }
+    return P(A, {
+      values: l,
+      errors: u,
+      submitted: i,
+      disabled: w(() => n.disabled),
+      readonly: w(() => n.readonly),
+      getValue: S,
+      setValue: j,
+      validateField: g,
+      unregisterField: q
+    }), k({ validate: h, reset: x, submit: V, setErrors: O, values: l, errors: u, submitting: s }), (e, t) => D((K(), M("form", {
+      class: "cui-form",
+      novalidate: "",
+      onSubmit: R(V, ["prevent"])
+    }, [
+      $(e.$slots, "default", {
+        values: l.value,
+        errors: u.value,
+        submitted: i.value,
+        submitting: s.value
+      })
+    ], 544)), [
+      [z, !y.hidden]
+    ]);
+  }
+});
+export {
+  I as default
+};

package/dist/components/CuiForm.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiForm.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiFormField.vue.d.ts

@@ -1,38 +1,39 @@
+import type { HideableProps, DisableableProps } from "../types/common";
 export type LabelPosition = "top" | "left";
-export interface CuiFormFieldProps {
+export interface CuiFormFieldProps extends HideableProps, DisableableProps {
     /** Label text */
     label?: string;
     /** Label position */
     labelPosition?: LabelPosition;
     /** HTML for attribute — ties label to a control by id */
     for?: string;
+    /**
+     * Field name. When set AND nested in a `CuiForm`, the field binds its value
+     * and error to the form automatically (see the scoped-slot bindings). Omit it
+     * to use the field standalone with manual `error` / `errorMessage` props.
+     */
+    name?: string;
     /** Mark field as required */
     required?: boolean;
     /** Custom required indicator text (replaces asterisk) */
     requiredText?: string;
     /** Help text below the control */
     helpText?: string;
-    /** Show error state (left accent bar) */
+    /** Show error state (standalone mode; ignored when form-bound) */
     error?: boolean;
-    /** Error message below the control (replaces help text when shown) */
+    /** Error message below the control (standalone mode; ignored when form-bound) */
     errorMessage?: string;
-    /** Disabled state — passed through slot props to the control */
-    disabled?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {
-    id: string;
-    error: boolean;
-    disabled: boolean;
+    [x: string]: unknown;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiFormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiFormFieldProps> & Readonly<{}>, {
-    hidden: boolean;
-    required: boolean;
     error: boolean;
+    required: boolean;
+    hidden: boolean;
     disabled: boolean;
     labelPosition: LabelPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/CuiFormField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiFormField.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFormField.vue"],"names":[],"mappings":"AAuKA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IAChC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4GD,QAAA,IAAI,OAAO;;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;YArIV,OAAO;cAZL,OAAO;WAMV,OAAO;cAIJ,OAAO;mBAdF,aAAa;6EA4J7B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiFormField.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFormField.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGvE,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,iBAAkB,SAAQ,aAAa,EAAE,gBAAgB;IACxE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4ID,QAAA,IAAI,OAAO;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;WA1KX,OAAO;cANJ,OAAO;;;mBAVF,aAAa;6EAiM7B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiFormField.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiFormField.vue2.js";
+/* empty css                  */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7a8440be"]]);
+export {
+  e as default
+};

package/dist/components/CuiFormField.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as _, inject as x, computed as a, onBeforeUnmount as g, withDirectives as q, openBlock as t, createElementBlock as i, normalizeClass as B, unref as k, createElementVNode as u, toDisplayString as d, createCommentVNode as c, renderSlot as T, normalizeProps as V, guardReactiveProps as p, vShow as C } from "vue";
+import { FormContextKey as E } from "./form-context.js";
+const F = ["for"], M = {
+  key: 0,
+  class: "cui-form-field__required",
+  "aria-hidden": "true"
+}, P = {
+  key: 1,
+  class: "cui-form-field__required-text"
+}, S = { class: "cui-form-field__body" }, w = { class: "cui-form-field__control" }, D = {
+  key: 0,
+  class: "cui-form-field__error"
+}, $ = {
+  key: 1,
+  class: "cui-form-field__help"
+}, U = /* @__PURE__ */ _({
+  __name: "CuiFormField",
+  props: {
+    label: {},
+    labelPosition: { default: "top" },
+    for: {},
+    name: {},
+    required: { type: Boolean, default: !1 },
+    requiredText: {},
+    helpText: {},
+    error: { type: Boolean, default: !1 },
+    errorMessage: {},
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, o = x(E, null), s = a(() => !!l.name && !!o), n = a(
+      () => s.value ? !!o.errors.value[l.name] : !!l.error
+    ), f = a(
+      () => s.value ? o.errors.value[l.name] : l.errorMessage
+    ), h = a(() => n.value && f.value), b = a(() => l.disabled || ((o == null ? void 0 : o.disabled.value) ?? !1)), m = l.for ?? `cui-field-${Math.random().toString(36).slice(2, 8)}`, y = a(() => {
+      const r = {
+        id: m,
+        error: n.value,
+        disabled: b.value
+      };
+      return s.value && (r.modelValue = o.getValue(l.name), r["onUpdate:modelValue"] = (v) => o.setValue(l.name, v), r.readonly = o.readonly.value), r;
+    });
+    return g(() => {
+      l.name && o && o.unregisterField(l.name);
+    }), (r, v) => q((t(), i("div", {
+      class: B(["cui-form-field", [
+        `cui-form-field--${e.labelPosition}`,
+        { "cui-form-field--error": n.value }
+      ]])
+    }, [
+      e.label ? (t(), i("label", {
+        key: 0,
+        for: k(m),
+        class: "cui-form-field__label"
+      }, [
+        u("span", null, d(e.label), 1),
+        e.required && !e.requiredText ? (t(), i("span", M, "*")) : e.required && e.requiredText ? (t(), i("span", P, d(e.requiredText), 1)) : c("", !0)
+      ], 8, F)) : c("", !0),
+      u("div", S, [
+        u("div", w, [
+          T(r.$slots, "default", V(p(y.value)), void 0, !0)
+        ]),
+        h.value ? (t(), i("div", D, d(f.value), 1)) : e.helpText ? (t(), i("div", $, d(e.helpText), 1)) : c("", !0)
+      ])
+    ], 2)), [
+      [C, !e.hidden]
+    ]);
+  }
+});
+export {
+  U as default
+};

package/dist/components/CuiGrid.vue.d.ts

@@ -1,5 +1,6 @@
 import type { GridColumns, GridRows, ResponsiveValue, TailwindSpacing } from "../types/grid";
-export interface CuiGridProps {
+import type { HideableProps } from "../types/common";
+export interface CuiGridProps extends HideableProps {
     /** Number of columns (1-12) or responsive object */
     cols?: ResponsiveValue<GridColumns>;
     /** Number of rows (optional) */
@@ -12,8 +13,6 @@ export interface CuiGridProps {
     colGap?: ResponsiveValue<TailwindSpacing>;
     /** Enable debug mode to visualize grid structure */
     debug?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiGrid.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiGrid.vue"],"names":[],"mappings":"AA4HA,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACpC,gCAAgC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,sDAAsD;IACtD,GAAG,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACvC,uCAAuC;IACvC,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA0FD,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;AAsB/C,QAAA,MAAM,eAAe;YAnHV,OAAO;WAFR,OAAO;UAVR,eAAe,CAAC,WAAW,CAAC;6EAsInC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiGrid.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,oDAAoD;IACpD,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACpC,gCAAgC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,sDAAsD;IACtD,GAAG,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACvC,uCAAuC;IACvC,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA0FD,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;AAsB/C,QAAA,MAAM,eAAe;;WAnHX,OAAO;UAVR,eAAe,CAAC,WAAW,CAAC;6EAoInC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiGrid.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiGrid.vue2.js";
+/* empty css             */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2846163e"]]);
+export {
+  p as default
+};

package/dist/components/CuiGrid.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent as G, watch as h, computed as w, withDirectives as b, openBlock as m, createElementBlock as f, normalizeStyle as g, renderSlot as _, unref as d, createElementVNode as x, toDisplayString as C, createCommentVNode as k, vShow as B } from "vue";
+import { useGridContext as S } from "../composables/useLayoutContext.js";
+import { useBreakpoint as T } from "../composables/useBreakpoint.js";
+import { resolveResponsive as r, spacingToCss as n } from "../utils/responsive.js";
+const $ = { class: "cui-grid__debug-label" }, R = /* @__PURE__ */ G({
+  __name: "CuiGrid",
+  props: {
+    cols: { default: 1 },
+    rows: {},
+    gap: {},
+    rowGap: {},
+    colGap: {},
+    debug: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const o = l, { context: i } = S(), { breakpoint: v } = T();
+    h(
+      () => o.debug,
+      (e) => {
+        i.value.debug = e;
+      },
+      { immediate: !0 }
+    );
+    const y = w(() => {
+      const e = v.value, c = r(o.cols, 1, e), p = r(o.gap, void 0, e), s = r(o.rowGap, void 0, e), a = r(o.colGap, void 0, e), u = r(o.rows, void 0, e), t = {
+        display: "grid",
+        gridTemplateColumns: `repeat(${c}, minmax(0, 1fr))`
+      };
+      return u && (t.gridTemplateRows = `repeat(${u}, minmax(0, 1fr))`), s || a ? (s && (t.rowGap = n(s)), a && (t.columnGap = n(a))) : p && (t.gap = n(p)), t;
+    });
+    return (e, c) => b((m(), f("div", {
+      class: "cui-grid",
+      style: g(y.value)
+    }, [
+      _(e.$slots, "default", {}, void 0, !0),
+      d(i).debug ? (m(), f("div", {
+        key: 0,
+        class: "cui-grid__debug-overlay",
+        style: g({ zIndex: 9999 - d(i).depth })
+      }, [
+        x("div", $, " Grid (depth: " + C(d(i).depth) + ") ", 1)
+      ], 4)) : k("", !0)
+    ], 4)), [
+      [B, !l.hidden]
+    ]);
+  }
+});
+export {
+  R as default
+};

package/dist/components/CuiGridItem.vue.d.ts

@@ -1,11 +1,10 @@
 import type { GridSpan, ResponsiveValue } from "../types/grid";
-export interface CuiGridItemProps {
+import type { HideableProps } from "../types/common";
+export interface CuiGridItemProps extends HideableProps {
     /** Number of columns to span */
     colSpan?: ResponsiveValue<GridSpan>;
     /** Number of rows to span */
     rowSpan?: ResponsiveValue<GridSpan>;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/components/CuiGridItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiGridItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiGridItem.vue"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACpC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACpC,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA6CD,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;AAqB/C,QAAA,MAAM,eAAe;YArEV,OAAO;6EA4EhB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiGridItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiGridItem.vue"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gCAAgC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACpC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;CACrC;AA6CD,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;AAqB/C,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiGridItem.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as p, computed as c, withDirectives as d, openBlock as m, createElementBlock as u, normalizeStyle as f, renderSlot as v, vShow as S } from "vue";
+import { useBreakpoint as w } from "../composables/useBreakpoint.js";
+import { resolveResponsive as s } from "../utils/responsive.js";
+const k = /* @__PURE__ */ p({
+  __name: "CuiGridItem",
+  props: {
+    colSpan: {},
+    rowSpan: {},
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const r = i, { breakpoint: l } = w(), a = c(() => {
+      const e = l.value, o = {}, t = s(r.colSpan, void 0, e);
+      t !== void 0 && (o.gridColumn = t === "full" ? "1 / -1" : `span ${t} / span ${t}`);
+      const n = s(r.rowSpan, void 0, e);
+      return n !== void 0 && (o.gridRow = n === "full" ? "1 / -1" : `span ${n} / span ${n}`), o;
+    });
+    return (e, o) => d((m(), u("div", {
+      class: "cui-grid-item",
+      style: f(a.value)
+    }, [
+      v(e.$slots, "default")
+    ], 4)), [
+      [S, !i.hidden]
+    ]);
+  }
+});
+export {
+  k as default
+};

package/dist/components/CuiGridItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiGridItem.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiIcon.vue.d.ts

@@ -1,27 +1,26 @@
+import type { CuiSize, CuiColorOrCss, HideableProps } from "../types/common";
 export type IconWeight = "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
-export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | string;
-export interface CuiIconProps {
+export type IconSize = CuiSize | (string & {});
+export interface CuiIconProps extends HideableProps {
     /** Phosphor icon name in kebab-case (e.g. "check", "warning-circle", "eye-slash") */
     name: string;
     /** Icon weight/style */
     weight?: IconWeight;
-    /** Icon size — named or custom CSS value */
+    /** Icon size — named scale (xs–xl) or custom CSS value */
     size?: IconSize;
-    /** Icon color (default: currentColor, inherits from parent) */
-    color?: string;
+    /** Icon color — a color role (mapped to its token) or any CSS color */
+    color?: CuiColorOrCss;
     /** Secondary color for duotone weight */
     duotoneColor?: string;
     /** Opacity for duotone secondary layer (0-1) */
     duotoneOpacity?: number;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare const _default: import("vue").DefineComponent<CuiIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiIconProps> & Readonly<{}>, {
+    hidden: boolean;
     weight: IconWeight;
     size: IconSize;
-    color: string;
+    color: CuiColorOrCss;
     duotoneOpacity: number;
-    hidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=CuiIcon.vue.d.ts.map