@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/components/CuiTextarea.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as k, useTemplateRef as H, computed as m, onMounted as F, nextTick as f, watch as $, withDirectives as A, openBlock as l, createElementBlock as i, createElementVNode as w, normalizeStyle as I, normalizeClass as z, toDisplayString as h, createCommentVNode as B, vShow as D } from "vue";
+import { TEXTAREA_SIZE_SCALE as N } from "../utils/sizing.js";
+const W = { class: "cui-textarea-wrapper" }, O = ["value", "placeholder", "disabled", "readonly", "rows", "aria-invalid"], X = {
+  key: 0,
+  class: "cui-textarea__footer"
+}, Y = {
+  key: 0,
+  class: "cui-textarea__error"
+}, Z = {
+  key: 1,
+  class: "cui-textarea__spacer"
+}, G = /* @__PURE__ */ k({
+  __name: "CuiTextarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: {},
+    rows: { default: 3 },
+    autoResize: { type: Boolean, default: !1 },
+    maxRows: {},
+    maxLength: {},
+    error: { type: Boolean, default: !1 },
+    errorMessage: {},
+    readonly: { type: Boolean, default: !1 },
+    rounded: { default: "md" },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: C, emit: L }) {
+    const R = {
+      none: "0",
+      sm: "0.25rem",
+      md: "var(--cui-button-radius, 0.375rem)",
+      lg: "0.5rem",
+      full: "9999px"
+    }, a = e, S = L, d = H("textareaEl"), v = m(() => a.modelValue.length), n = m(() => a.maxLength !== void 0 && v.value > a.maxLength);
+    function p(t) {
+      const o = t.target;
+      let r = o.value;
+      a.maxLength !== void 0 && r.length > a.maxLength && (r = r.slice(0, a.maxLength), o.value = r), S("update:modelValue", r), a.autoResize && f(u);
+    }
+    function u() {
+      const t = d.value;
+      if (!t) return;
+      t.style.height = "auto";
+      const o = parseFloat(getComputedStyle(t).lineHeight) || 20, r = parseFloat(getComputedStyle(t).paddingTop) || 0, g = parseFloat(getComputedStyle(t).paddingBottom) || 0, x = parseFloat(getComputedStyle(t).borderTopWidth) || 0, y = parseFloat(getComputedStyle(t).borderBottomWidth) || 0, M = o * a.rows + r + g + x + y;
+      let c = 1 / 0;
+      a.maxRows && (c = o * a.maxRows + r + g + x + y);
+      const b = t.scrollHeight, V = Math.min(Math.max(b, M), c);
+      t.style.height = `${V}px`, t.style.overflowY = b > c ? "auto" : "hidden";
+    }
+    F(() => {
+      a.autoResize && f(u);
+    }), $(() => a.modelValue, () => {
+      a.autoResize && f(u);
+    });
+    function T(t) {
+      var o;
+      (o = d.value) == null || o.focus(t);
+    }
+    function E() {
+      var t;
+      (t = d.value) == null || t.blur();
+    }
+    C({ el: d, focus: T, blur: E });
+    const s = m(() => N[a.size]);
+    return (t, o) => A((l(), i("div", W, [
+      w("div", {
+        class: z(["cui-textarea", {
+          "cui-textarea--error": e.error || n.value,
+          "cui-textarea--disabled": e.disabled
+        }]),
+        style: I({
+          borderRadius: R[e.rounded],
+          "--_ta-px": s.value.px,
+          "--_ta-py": s.value.py,
+          "--_ta-font-size": s.value.fontSize,
+          "--_ta-color": `var(--cui-${e.color})`,
+          "--_ta-focus-ring": `var(--cui-${e.color}-focus-ring)`,
+          "--_ta-border": e.error || n.value ? "var(--cui-error)" : "var(--cui-border-strong)",
+          "--_ta-focus-border": e.error || n.value ? "var(--cui-error)" : `var(--cui-${e.color})`
+        })
+      }, [
+        w("textarea", {
+          ref: "textareaEl",
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          rows: e.rows,
+          "aria-invalid": e.error || void 0,
+          class: "cui-textarea__native",
+          onInput: p
+        }, null, 40, O)
+      ], 6),
+      e.error && e.errorMessage || e.maxLength !== void 0 ? (l(), i("div", X, [
+        e.error && e.errorMessage ? (l(), i("div", Y, h(e.errorMessage), 1)) : (l(), i("div", Z)),
+        e.maxLength !== void 0 ? (l(), i("div", {
+          key: 2,
+          class: z(["cui-textarea__counter", { "cui-textarea__counter--over": n.value }])
+        }, h(v.value) + "/" + h(e.maxLength), 3)) : B("", !0)
+      ])) : B("", !0)
+    ], 512)), [
+      [D, !e.hidden]
+    ]);
+  }
+});
+export {
+  G as default
+};

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

@@ -1,5 +1,6 @@
+import type { HideableProps, DisableableProps } from "../types/common";
 export type TimePickerFormat = "12" | "24";
-export interface CuiTimePickerProps {
+export interface CuiTimePickerProps extends HideableProps, DisableableProps {
     /** Time value as "HH:mm" (24h) or "hh:mm AM/PM" (12h) */
     modelValue?: string;
     /** Clock format */
@@ -14,20 +15,22 @@ export interface CuiTimePickerProps {
     placeholder?: string;
     /** Size */
     size?: "sm" | "md" | "lg";
-    /** Disabled */
-    disabled?: boolean;
     /** Label */
     label?: string;
-    /** Hidden */
-    hidden?: boolean;
 }
-declare const _default: import("vue").DefineComponent<CuiTimePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function focus(opts?: FocusOptions): void;
+declare function blur(): void;
+declare const _default: import("vue").DefineComponent<CuiTimePickerProps, {
+    el: Readonly<import("vue").ShallowRef<HTMLElement | null>>;
+    focus: typeof focus;
+    blur: typeof blur;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<CuiTimePickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
     hidden: boolean;
+    size: "sm" | "md" | "lg";
     disabled: boolean;
     modelValue: string;
     format: TimePickerFormat;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTimePicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTimePicker.vue"],"names":[],"mappings":"AAwQA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;;;;;UAPQ,IAAI,GAAG,IAAI,GAAG,IAAI;YAMhB,OAAO;cAJL,OAAO;gBAdL,MAAM;YAEV,gBAAgB;gBAEZ,MAAM;;AA8YrB,wBAQG"}
+{"version":3,"file":"CuiTimePicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTimePicker.vue"],"names":[],"mappings":"AAiRA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,gBAAgB;IACzE,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0HD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;;UAnIQ,IAAI,GAAG,IAAI,GAAG,IAAI;;gBAZZ,MAAM;YAEV,gBAAgB;gBAEZ,MAAM;;AA4ZrB,wBASG"}

package/dist/components/CuiTimePicker.vue.js

@@ -0,0 +1,193 @@
+import { defineComponent as H, ref as v, watch as V, onMounted as L, computed as d, useTemplateRef as O, withDirectives as j, openBlock as g, createElementBlock as h, toDisplayString as $, createCommentVNode as k, createVNode as s, withCtx as f, createElementVNode as p, normalizeStyle as x, createTextVNode as A, vShow as q } from "vue";
+import F from "./CuiPopover.vue.js";
+import C from "./CuiInputStepper.vue.js";
+import z from "./CuiButton.vue.js";
+import G from "./CuiIcon.vue.js";
+const J = {
+  key: 0,
+  style: {
+    display: "block",
+    marginBottom: "calc(0.25rem * var(--cui-density-scale, 1))",
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "var(--cui-text-secondary)"
+  }
+}, K = { style: { display: "flex", alignItems: "center", gap: "calc(0.5rem * var(--cui-density-scale, 1))", padding: "calc(0.5rem * var(--cui-density-scale, 1))" } }, Q = {
+  key: 0,
+  style: { display: "flex", flexDirection: "column", gap: "calc(0.125rem * var(--cui-density-scale, 1))", marginLeft: "calc(0.25rem * var(--cui-density-scale, 1))" }
+}, te = /* @__PURE__ */ H({
+  __name: "CuiTimePicker",
+  props: {
+    modelValue: { default: "" },
+    format: { default: "12" },
+    minuteStep: { default: 1 },
+    minTime: {},
+    maxTime: {},
+    placeholder: {},
+    size: { default: "md" },
+    label: {},
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { expose: w, emit: P }) {
+    const a = l, I = P, i = v(12), o = v(0), r = v("AM"), y = v(!1);
+    function b(t) {
+      if (!t) return;
+      const e = t.match(/^(\d{1,2}):(\d{2})$/);
+      if (e) {
+        const u = parseInt(e[1]), D = parseInt(e[2]);
+        a.format === "12" ? (r.value = u >= 12 ? "PM" : "AM", i.value = u === 0 ? 12 : u > 12 ? u - 12 : u) : i.value = u, o.value = D;
+        return;
+      }
+      const n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
+      n && (i.value = parseInt(n[1]), o.value = parseInt(n[2]), r.value = n[3].toUpperCase());
+    }
+    V(() => a.modelValue, b), L(() => b(a.modelValue));
+    function S() {
+      return a.format === "24" ? `${String(i.value).padStart(2, "0")}:${String(o.value).padStart(2, "0")}` : `${String(i.value).padStart(2, "0")}:${String(o.value).padStart(2, "0")} ${r.value}`;
+    }
+    function m() {
+      I("update:modelValue", S());
+    }
+    const M = d(() => a.modelValue ? S() : "");
+    d(() => a.format === "24" ? "##:##" : "##:## AA");
+    const T = d(
+      () => a.placeholder ?? (a.format === "24" ? "hh:mm" : "hh:mm AM")
+    );
+    d(() => a.modelValue ? a.format === "24" ? `${String(i.value).padStart(2, "0")}${String(o.value).padStart(2, "0")}` : `${String(i.value).padStart(2, "0")}${String(o.value).padStart(2, "0")}${r.value}` : "");
+    const W = d(() => a.format === "12" ? 1 : 0), B = d(() => a.format === "12" ? 12 : 23);
+    function E(t) {
+      i.value = t, m();
+    }
+    function N(t) {
+      o.value = t, m();
+    }
+    V(y, (t) => {
+      t && b(a.modelValue);
+    });
+    const c = O("rootEl");
+    function R(t) {
+      var e;
+      (e = c.value) == null || e.focus(t);
+    }
+    function U() {
+      var t;
+      (t = c.value) == null || t.blur();
+    }
+    return w({ el: c, focus: R, blur: U }), (t, e) => j((g(), h("div", {
+      ref_key: "rootEl",
+      ref: c
+    }, [
+      l.label ? (g(), h("label", J, $(l.label), 1)) : k("", !0),
+      s(F, {
+        visible: y.value,
+        "onUpdate:visible": e[2] || (e[2] = (n) => y.value = n),
+        placement: "bottom",
+        closable: !1,
+        "no-arrow": "",
+        width: "auto",
+        disabled: l.disabled
+      }, {
+        content: f(() => [
+          p("div", K, [
+            s(C, {
+              "model-value": i.value,
+              min: W.value,
+              max: B.value,
+              step: 1,
+              orientation: "vertical",
+              size: "sm",
+              pad: 2,
+              wrap: "",
+              "onUpdate:modelValue": E
+            }, null, 8, ["model-value", "min", "max"]),
+            e[5] || (e[5] = p("span", { style: { fontSize: "1.25rem", fontWeight: "700", color: "var(--cui-text-body)", lineHeight: "1" } }, ":", -1)),
+            s(C, {
+              "model-value": o.value,
+              min: 0,
+              max: 59,
+              step: l.minuteStep,
+              orientation: "vertical",
+              size: "sm",
+              pad: 2,
+              wrap: "",
+              "onUpdate:modelValue": N
+            }, null, 8, ["model-value", "step"]),
+            l.format === "12" ? (g(), h("div", Q, [
+              s(z, {
+                variant: "ghost",
+                size: "xs",
+                style: x({
+                  fontWeight: r.value === "AM" ? "700" : "400",
+                  color: r.value === "AM" ? "var(--cui-primary)" : "var(--cui-text-tertiary)",
+                  background: r.value === "AM" ? "var(--cui-primary-bg)" : "transparent",
+                  borderRadius: "0.25rem",
+                  minWidth: "2.5rem"
+                }),
+                onClick: e[0] || (e[0] = (n) => {
+                  r.value = "AM", m();
+                })
+              }, {
+                default: f(() => [...e[3] || (e[3] = [
+                  A("AM", -1)
+                ])]),
+                _: 1
+              }, 8, ["style"]),
+              s(z, {
+                variant: "ghost",
+                size: "xs",
+                style: x({
+                  fontWeight: r.value === "PM" ? "700" : "400",
+                  color: r.value === "PM" ? "var(--cui-primary)" : "var(--cui-text-tertiary)",
+                  background: r.value === "PM" ? "var(--cui-primary-bg)" : "transparent",
+                  borderRadius: "0.25rem",
+                  minWidth: "2.5rem"
+                }),
+                onClick: e[1] || (e[1] = (n) => {
+                  r.value = "PM", m();
+                })
+              }, {
+                default: f(() => [...e[4] || (e[4] = [
+                  A("PM", -1)
+                ])]),
+                _: 1
+              }, 8, ["style"])
+            ])) : k("", !0)
+          ])
+        ]),
+        default: f(() => [
+          p("div", {
+            style: x({
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "calc(0.5rem * var(--cui-density-scale, 1))",
+              padding: "calc(0.4375rem * var(--cui-density-scale, 1)) calc(0.625rem * var(--cui-density-scale, 1))",
+              border: "1px solid var(--cui-border-strong, var(--cui-border))",
+              borderRadius: "var(--cui-button-radius, 0.375rem)",
+              background: "var(--cui-surface-base, white)",
+              cursor: l.disabled ? "default" : "pointer",
+              opacity: l.disabled ? "0.5" : "1",
+              fontSize: "0.875rem",
+              color: M.value ? "var(--cui-text-body)" : "var(--cui-text-tertiary)",
+              minWidth: l.format === "24" ? "6rem" : "8rem"
+            })
+          }, [
+            s(G, {
+              name: "clock",
+              size: "0.875rem",
+              style: { color: "var(--cui-text-tertiary)", flexShrink: "0" }
+            }),
+            p("span", null, $(M.value || T.value), 1)
+          ], 4)
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"])
+    ], 512)), [
+      [q, !l.hidden]
+    ]);
+  }
+});
+export {
+  te as default
+};

package/dist/components/CuiTimePicker.vue2.js

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

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

@@ -1,8 +1,7 @@
-export interface CuiTimelineProps {
+import type { HideableProps } from "../types/common";
+export interface CuiTimelineProps extends HideableProps {
     /** Compact mode — less spacing */
     compact?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTimeline.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTimeline.vue"],"names":[],"mappings":"AA6BA,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAgCD,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;AAoB/C,QAAA,MAAM,eAAe;YAvDV,OAAO;aAFN,OAAO;6EAgEjB,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":"CuiTimeline.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTimeline.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgCD,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;AAoB/C,QAAA,MAAM,eAAe;;aAvDT,OAAO;6EA8DjB,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/CuiTimeline.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as o, withDirectives as l, openBlock as i, createElementBlock as n, renderSlot as a, vShow as s } from "vue";
+const r = {
+  style: {
+    display: "flex",
+    flexDirection: "column",
+    position: "relative"
+  },
+  role: "list"
+}, p = /* @__PURE__ */ o({
+  __name: "CuiTimeline",
+  props: {
+    compact: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, c) => l((i(), n("div", r, [
+      a(t.$slots, "default")
+    ], 512)), [
+      [s, !e.hidden]
+    ]);
+  }
+});
+export {
+  p as default
+};

package/dist/components/CuiTimeline.vue2.js

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

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

@@ -1,7 +1,5 @@
-import type { ButtonColor } from "./CuiButton.vue";
-export interface CuiTimelineItemProps {
-    /** Color role for the dot/icon */
-    color?: ButtonColor;
+import type { HideableProps, ColorableProps } from "../types/common";
+export interface CuiTimelineItemProps extends HideableProps, ColorableProps {
     /** Icon name (replaces the dot) */
     icon?: string;
     /** Title text */
@@ -10,8 +8,6 @@ export interface CuiTimelineItemProps {
     timestamp?: string;
     /** Hide the connector line (use on last item) */
     last?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {}, __VLS_6: {};
 type __VLS_Slots = {} & {
@@ -20,8 +16,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiTimelineItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTimelineItemProps> & Readonly<{}>, {
-    color: ButtonColor;
     hidden: boolean;
+    color: import("..").CuiColor;
     last: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTimelineItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTimelineItem.vue"],"names":[],"mappings":"AAiIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+HD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;WAnKX,WAAW;YAUV,OAAO;UAFT,OAAO;6EAkKd,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":"CuiTimelineItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTimelineItem.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrE,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,cAAc;IACzE,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA+HD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;UAzJZ,OAAO;6EAgKd,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/CuiTimelineItem.vue.js

@@ -0,0 +1,113 @@
+import { defineComponent as m, computed as u, withDirectives as y, openBlock as i, createElementBlock as a, normalizeStyle as o, createElementVNode as c, renderSlot as n, createBlock as f, createCommentVNode as l, toDisplayString as s, vShow as v } from "vue";
+import h from "./CuiIcon.vue.js";
+const x = {
+  key: 0,
+  style: {
+    width: "2px",
+    flex: "1",
+    background: "var(--cui-border)",
+    marginTop: "calc(0.375rem * var(--cui-density-scale, 1))",
+    borderRadius: "1px"
+  }
+}, g = {
+  key: 0,
+  style: { display: "flex", alignItems: "baseline", gap: "calc(0.5rem * var(--cui-density-scale, 1))", flexWrap: "wrap" }
+}, p = {
+  key: 0,
+  style: {
+    fontSize: "0.875rem",
+    fontWeight: "600",
+    color: "var(--cui-text-body)",
+    lineHeight: "1.4"
+  }
+}, b = {
+  key: 1,
+  style: {
+    fontSize: "0.75rem",
+    color: "var(--cui-text-tertiary)",
+    whiteSpace: "nowrap"
+  }
+}, $ = /* @__PURE__ */ m({
+  __name: "CuiTimelineItem",
+  props: {
+    icon: {},
+    title: {},
+    timestamp: {},
+    last: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" }
+  },
+  setup(e) {
+    const t = e, d = u(() => ({
+      width: t.icon ? "1.75rem" : "0.75rem",
+      height: t.icon ? "1.75rem" : "0.75rem",
+      borderRadius: "50%",
+      background: t.icon ? `var(--cui-${t.color}-bg)` : `var(--cui-${t.color})`,
+      color: `var(--cui-${t.color})`,
+      border: t.icon ? `1px solid var(--cui-${t.color}-border)` : "3px solid var(--cui-surface-base, white)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: "0",
+      position: "relative",
+      zIndex: "1",
+      boxShadow: t.icon ? "none" : "0 0 0 3px var(--cui-surface-base, white)"
+    }));
+    return (r, k) => y((i(), a("div", {
+      style: o({
+        display: "flex",
+        gap: "calc(0.875rem * var(--cui-density-scale, 1))",
+        position: "relative",
+        paddingBottom: e.last ? "0" : "calc(1.5rem * var(--cui-density-scale, 1))"
+      }),
+      role: "listitem"
+    }, [
+      c("div", {
+        style: o({
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          flexShrink: "0",
+          width: e.icon ? "1.75rem" : "0.75rem"
+        })
+      }, [
+        c("div", {
+          style: o(d.value)
+        }, [
+          n(r.$slots, "icon", {}, () => [
+            e.icon ? (i(), f(h, {
+              key: 0,
+              name: e.icon,
+              size: "0.875rem"
+            }, null, 8, ["name"])) : l("", !0)
+          ])
+        ], 4),
+        e.last ? l("", !0) : (i(), a("div", x))
+      ], 4),
+      c("div", {
+        style: o({ flex: "1", minWidth: "0", paddingTop: e.icon ? "calc(0.125rem * var(--cui-density-scale, 1))" : "0" })
+      }, [
+        e.title || e.timestamp ? (i(), a("div", g, [
+          e.title ? (i(), a("span", p, s(e.title), 1)) : l("", !0),
+          e.timestamp ? (i(), a("span", b, s(e.timestamp), 1)) : l("", !0)
+        ])) : l("", !0),
+        r.$slots.default ? (i(), a("div", {
+          key: 1,
+          style: o({
+            fontSize: "0.8125rem",
+            color: "var(--cui-text-secondary)",
+            lineHeight: "1.55",
+            marginTop: e.title ? "calc(0.25rem * var(--cui-density-scale, 1))" : "0"
+          })
+        }, [
+          n(r.$slots, "default")
+        ], 4)) : l("", !0)
+      ], 4)
+    ], 4)), [
+      [v, !e.hidden]
+    ]);
+  }
+});
+export {
+  $ as default
+};

package/dist/components/CuiTimelineItem.vue2.js

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

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

@@ -1,14 +1,12 @@
-import type { ButtonColor } from "./CuiButton.vue";
+import type { CuiColor, HideableProps, ColorableProps, LiveRegionProps } from "../types/common";
 import type { AlertAnimation, AlertVariant } from "./CuiAlert.vue";
-export interface CuiToastProps {
+export interface CuiToastProps extends HideableProps, ColorableProps, LiveRegionProps {
     /** Internal toast id */
     toastId?: string;
     /** Title text */
     title?: string;
     /** Description text */
     description?: string;
-    /** Color role */
-    color?: ButtonColor;
     /** Visual variant */
     variant?: AlertVariant;
     /** Show dismiss button */
@@ -25,8 +23,6 @@ export interface CuiToastProps {
     noIcon?: boolean;
     /** Whether this toast is the topmost (active) — timer only runs when true */
     active?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_4: {}, __VLS_6: {};
 type __VLS_Slots = {} & {
@@ -39,15 +35,15 @@ declare const __VLS_component: import("vue").DefineComponent<CuiToastProps, {},
 }, string, import("vue").PublicProps, Readonly<CuiToastProps> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
-    color: ButtonColor;
+    active: boolean;
     hidden: boolean;
+    color: CuiColor;
     variant: AlertVariant;
     animation: AlertAnimation;
     noIcon: boolean;
     dismissible: boolean;
     autoDismiss: number;
     showProgress: boolean;
-    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiToast.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiToast.vue"],"names":[],"mappings":"AAsTA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnE,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoPD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;WAtSX,WAAW;YAkBV,OAAO;aAhBN,YAAY;eAQV,cAAc;YAIjB,OAAO;iBAVF,OAAO;iBAEP,MAAM;kBAEL,OAAO;YAQb,OAAO;6EA8RhB,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":"CuiToast.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiToast.vue"],"names":[],"mappings":"AAuTA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEhG,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,eAAe;IACnF,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuPD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B/C,QAAA,MAAM,eAAe;;;;;YAzRV,OAAO;;;aAdN,YAAY;eAQV,cAAc;YAIjB,OAAO;iBAVF,OAAO;iBAEP,MAAM;kBAEL,OAAO;6EAyStB,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/CuiToast.vue.js

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