@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/components/CuiModalFooter.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, withDirectives as i, openBlock as l, createElementBlock as c, normalizeStyle as r, renderSlot as s, vShow as o } from "vue";
+const f = /* @__PURE__ */ n({
+  __name: "CuiModalFooter",
+  props: {
+    align: { default: "right" },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = {
+      left: "flex-start",
+      right: "flex-end",
+      center: "center",
+      between: "space-between"
+    };
+    return (a, d) => i((l(), c("div", {
+      style: r({
+        display: "flex",
+        alignItems: "center",
+        gap: "calc(0.5rem * var(--cui-density-scale, 1))",
+        padding: "calc(0.75rem * var(--cui-density-scale, 1)) calc(1.5rem * var(--cui-density-scale, 1)) calc(1.25rem * var(--cui-density-scale, 1))",
+        flexShrink: "0",
+        justifyContent: t[e.align],
+        background: "var(--cui-surface-base)",
+        position: "relative",
+        zIndex: "1"
+      })
+    }, [
+      s(a.$slots, "default")
+    ], 4)), [
+      [o, !e.hidden]
+    ]);
+  }
+});
+export {
+  f as default
+};

package/dist/components/CuiModalFooter.vue2.js

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

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

@@ -1,10 +1,9 @@
-export interface CuiModalHeaderProps {
+import type { HideableProps } from "../types/common";
+export interface CuiModalHeaderProps extends HideableProps {
     /** Convenience: title text */
     title?: string;
     /** Hide the close button */
     noCloseButton?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"CuiModalHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModalHeader.vue"],"names":[],"mappings":"AAwFA,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4GD,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;AAuB/C,QAAA,MAAM,eAAe;;;;;YAvIV,OAAO;mBAFA,OAAO;6EAiJvB,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":"CuiModalHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiModalHeader.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA6GD,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;AAwB/C,QAAA,MAAM,eAAe;;;;;;mBAzIH,OAAO;6EAiJvB,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/CuiModalHeader.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as u, withDirectives as m, openBlock as r, createElementBlock as o, createElementVNode as y, renderSlot as n, toDisplayString as g, createCommentVNode as s, unref as f, createVNode as p, vShow as v } from "vue";
+import h from "./CuiIcon.vue.js";
+import { useMessages as b } from "../composables/useMessages.js";
+const k = { style: {
+  display: "flex",
+  alignItems: "flex-start",
+  gap: "calc(0.75rem * var(--cui-density-scale, 1))",
+  padding: "calc(1.25rem * var(--cui-density-scale, 1)) calc(1.5rem * var(--cui-density-scale, 1)) calc(0.25rem * var(--cui-density-scale, 1))",
+  flexShrink: "0",
+  background: "var(--cui-surface-base)",
+  position: "relative",
+  zIndex: "1"
+} }, x = { style: { flex: "1", "min-width": "0" } }, C = {
+  key: 0,
+  style: {
+    fontSize: "1.125rem",
+    fontWeight: "600",
+    lineHeight: "1.4",
+    color: "var(--cui-text-emphasis)",
+    margin: "0"
+  }
+}, B = {
+  key: 0,
+  style: { display: "flex", "align-items": "center", gap: "calc(0.5rem * var(--cui-density-scale, 1))", "flex-shrink": "0" }
+}, S = ["aria-label"], z = /* @__PURE__ */ u({
+  __name: "CuiModalHeader",
+  props: {
+    title: {},
+    noCloseButton: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(i, { emit: l }) {
+    const c = l, d = b();
+    return (a, e) => m((r(), o("div", k, [
+      y("div", x, [
+        n(a.$slots, "default", {}, () => [
+          i.title ? (r(), o("h2", C, g(i.title), 1)) : s("", !0)
+        ])
+      ]),
+      a.$slots.actions ? (r(), o("div", B, [
+        n(a.$slots, "actions")
+      ])) : s("", !0),
+      i.noCloseButton ? s("", !0) : (r(), o("button", {
+        key: 1,
+        type: "button",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "1.75rem",
+          height: "1.75rem",
+          border: "none",
+          background: "none",
+          cursor: "pointer",
+          color: "var(--cui-text-tertiary)",
+          padding: "0",
+          borderRadius: "0.375rem",
+          flexShrink: "0",
+          marginTop: "calc(-0.125rem * var(--cui-density-scale, 1))",
+          marginRight: "calc(-0.25rem * var(--cui-density-scale, 1))",
+          transition: "color 0.15s ease, background 0.15s ease"
+        },
+        "aria-label": f(d).close,
+        onClick: e[0] || (e[0] = (t) => c("close")),
+        onMouseenter: e[1] || (e[1] = (t) => {
+          t.target.style.color = "var(--cui-text-body)", t.target.style.background = "var(--cui-primary-bg)";
+        }),
+        onMouseleave: e[2] || (e[2] = (t) => {
+          t.target.style.color = "var(--cui-text-tertiary)", t.target.style.background = "none";
+        })
+      }, [
+        p(h, {
+          name: "x",
+          size: "1rem"
+        })
+      ], 40, S))
+    ], 512)), [
+      [v, !i.hidden]
+    ]);
+  }
+});
+export {
+  z as default
+};

package/dist/components/CuiModalHeader.vue2.js

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

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

@@ -1,4 +1,4 @@
-import type { ButtonColor } from "./CuiButton.vue";
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps } from "../types/common";
 export interface LaravelPaginatorMeta {
     current_page: number;
     last_page: number;
@@ -7,8 +7,7 @@ export interface LaravelPaginatorMeta {
     from: number | null;
     to: number | null;
 }
-export type PaginationSize = "sm" | "md";
-export interface CuiPaginationProps {
+export interface CuiPaginationProps extends HideableProps, ColorableProps, SizeableProps {
     /** Laravel paginator meta object */
     meta?: LaravelPaginatorMeta;
     /** Current page (override or standalone) */
@@ -25,14 +24,8 @@ export interface CuiPaginationProps {
     hidePerPage?: boolean;
     /** Hide the "Showing X to Y of Z" info text */
     hideInfo?: boolean;
-    /** Color role for active page */
-    color?: ButtonColor;
-    /** Size */
-    size?: PaginationSize;
     /** Max page buttons to show before truncating */
     maxButtons?: number;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare const _default: import("vue").DefineComponent<CuiPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:currentPage": (value: number) => any;
@@ -41,9 +34,9 @@ declare const _default: import("vue").DefineComponent<CuiPaginationProps, {}, {}
     "onUpdate:currentPage"?: ((value: number) => any) | undefined;
     "onUpdate:perPage"?: ((value: number) => any) | undefined;
 }>, {
-    size: PaginationSize;
-    color: ButtonColor;
     hidden: boolean;
+    size: CuiSize;
+    color: CuiColor;
     perPageOptions: number[];
     hidePerPage: boolean;
     hideInfo: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiPagination.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPagination.vue"],"names":[],"mappings":"AA6VA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;;;;;;;UALQ,cAAc;WAFb,WAAW;YAMV,OAAO;oBAZC,MAAM,EAAE;iBAEX,OAAO;cAEV,OAAO;gBAML,MAAM;;AA6TrB,wBAQG"}
+{"version":3,"file":"CuiPagination.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPagination.vue"],"names":[],"mappings":"AA4VA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvG,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACtF,oCAAoC;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;;;;;;;;;;oBAPkB,MAAM,EAAE;iBAEX,OAAO;cAEV,OAAO;gBAEL,MAAM;;AAgUrB,wBAQG"}

package/dist/components/CuiPagination.vue.js

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

package/dist/components/CuiPagination.vue2.js

@@ -0,0 +1,136 @@
+import { defineComponent as F, computed as n, withDirectives as L, openBlock as r, createElementBlock as u, normalizeClass as p, toDisplayString as x, unref as T, createCommentVNode as $, createElementVNode as v, createVNode as k, Fragment as B, renderList as U, normalizeStyle as R, vShow as W } from "vue";
+import N from "./CuiIcon.vue.js";
+import Z from "./CuiSelect.vue.js";
+import { clampSize as j } from "../utils/sizing.js";
+import { useMessages as q } from "../composables/useMessages.js";
+const G = {
+  key: 0,
+  class: "cui-pagination__info"
+}, H = { class: "cui-pagination__controls" }, J = {
+  key: 0,
+  class: "cui-pagination__per-page"
+}, K = {
+  class: "cui-pagination__nav",
+  "aria-label": "Pagination"
+}, Q = ["disabled"], X = {
+  key: 0,
+  class: "cui-pagination__ellipsis"
+}, Y = ["aria-label", "aria-current", "onClick"], ee = ["disabled"], le = /* @__PURE__ */ F({
+  __name: "CuiPagination",
+  props: {
+    meta: {},
+    currentPage: {},
+    totalPages: {},
+    perPage: {},
+    total: {},
+    perPageOptions: { default: () => [10, 15, 25, 50, 100] },
+    hidePerPage: { type: Boolean, default: !1 },
+    hideInfo: { type: Boolean, default: !1 },
+    maxButtons: { default: 5 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" }
+  },
+  emits: ["update:currentPage", "update:perPage"],
+  setup(s, { emit: I }) {
+    const a = s, f = I, M = ["sm", "md"], m = n(() => j(a.size, M)), i = n(() => {
+      var e;
+      return a.currentPage ?? ((e = a.meta) == null ? void 0 : e.current_page) ?? 1;
+    }), _ = n(() => {
+      var e;
+      return a.totalPages ?? ((e = a.meta) == null ? void 0 : e.last_page) ?? 1;
+    }), b = n(() => {
+      var e;
+      return a.perPage ?? ((e = a.meta) == null ? void 0 : e.per_page) ?? 15;
+    }), d = n(() => {
+      var e;
+      return a.total ?? ((e = a.meta) == null ? void 0 : e.total) ?? 0;
+    }), E = n(() => {
+      var e;
+      return ((e = a.meta) == null ? void 0 : e.from) != null ? a.meta.from : d.value === 0 ? 0 : (i.value - 1) * b.value + 1;
+    }), O = n(() => {
+      var e;
+      return ((e = a.meta) == null ? void 0 : e.to) != null ? a.meta.to : Math.min(i.value * b.value, d.value);
+    }), z = n(() => i.value <= 1), C = n(() => i.value >= _.value), V = n(() => {
+      const e = _.value, o = i.value, t = a.maxButtons;
+      if (e <= t + 2)
+        return Array.from({ length: e }, (g, w) => w + 1);
+      const l = [], c = Math.floor(t / 2);
+      let h = Math.max(2, o - c), y = Math.min(e - 1, o + c);
+      o <= c + 1 && (y = t), o >= e - c && (h = e - t + 1), l.push(1), h > 2 && l.push("ellipsis");
+      for (let g = h; g <= y; g++)
+        l.push(g);
+      return y < e - 1 && l.push("ellipsis"), e > 1 && l.push(e), l;
+    });
+    function P(e) {
+      e < 1 || e > _.value || e === i.value || f("update:currentPage", e);
+    }
+    function A(e) {
+      e != null && !Array.isArray(e) && (f("update:perPage", Number(e)), f("update:currentPage", 1));
+    }
+    const S = q(), D = n(
+      () => a.perPageOptions.map((e) => ({ value: e, label: S.value.pagination.perPage(e) }))
+    );
+    return (e, o) => L((r(), u("div", {
+      class: p(["cui-pagination", `cui-pagination--${m.value}`])
+    }, [
+      !s.hideInfo && d.value > 0 ? (r(), u("div", G, x(T(S).pagination.summary({ from: E.value, to: O.value, total: d.value })), 1)) : $("", !0),
+      v("div", H, [
+        s.hidePerPage ? $("", !0) : (r(), u("div", J, [
+          k(Z, {
+            "model-value": b.value,
+            options: D.value,
+            size: m.value === "sm" ? "xs" : "sm",
+            "onUpdate:modelValue": A
+          }, null, 8, ["model-value", "options", "size"])
+        ])),
+        v("nav", K, [
+          v("button", {
+            class: p(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": z.value }]),
+            disabled: z.value,
+            "aria-label": "Previous page",
+            onClick: o[0] || (o[0] = (t) => P(i.value - 1))
+          }, [
+            k(N, {
+              name: "caret-left",
+              size: m.value === "sm" ? "0.75rem" : "1rem"
+            }, null, 8, ["size"])
+          ], 10, Q),
+          (r(!0), u(B, null, U(V.value, (t, l) => (r(), u(B, { key: l }, [
+            t === "ellipsis" ? (r(), u("span", X, "...")) : (r(), u("button", {
+              key: 1,
+              class: p(["cui-pagination__btn", {
+                "cui-pagination__btn--active": t === i.value
+              }]),
+              style: R(t === i.value ? {
+                background: `var(--cui-${s.color}-bg)`,
+                color: `var(--cui-${s.color})`,
+                borderColor: `var(--cui-${s.color}-border)`,
+                fontWeight: "600"
+              } : {}),
+              "aria-label": `Page ${t}`,
+              "aria-current": t === i.value ? "page" : void 0,
+              onClick: (c) => P(t)
+            }, x(t), 15, Y))
+          ], 64))), 128)),
+          v("button", {
+            class: p(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": C.value }]),
+            disabled: C.value,
+            "aria-label": "Next page",
+            onClick: o[1] || (o[1] = (t) => P(i.value + 1))
+          }, [
+            k(N, {
+              name: "caret-right",
+              size: m.value === "sm" ? "0.75rem" : "1rem"
+            }, null, 8, ["size"])
+          ], 10, ee)
+        ])
+      ])
+    ], 2)), [
+      [W, !s.hidden]
+    ]);
+  }
+});
+export {
+  le as default
+};

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

@@ -1,6 +1,7 @@
 import { type PopoverPlacement } from "../composables/usePopover";
+import type { HideableProps, DisableableProps, CuiRounded } from "../types/common";
 export type PopoverTrigger = "click" | "hover" | "focus" | "hover-focus";
-export interface CuiPopoverProps {
+export interface CuiPopoverProps extends HideableProps, DisableableProps {
     /** Optional header title — renders header bar with close button */
     title?: string;
     /** Preferred placement */
@@ -19,12 +20,10 @@ export interface CuiPopoverProps {
     width?: string;
     /** Manual visibility control */
     visible?: boolean;
-    /** Prevents showing */
-    disabled?: boolean;
     /** Show close button in header */
     closable?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
+    /** Border radius */
+    rounded?: CuiRounded;
 }
 declare var __VLS_1: {}, __VLS_7: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
@@ -42,6 +41,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiPopoverProps, {}
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     hidden: boolean;
+    rounded: CuiRounded;
     disabled: boolean;
     placement: PopoverPlacement;
     trigger: PopoverTrigger;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiPopover.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPopover.vue"],"names":[],"mappings":"AAoQA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAI9E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mCAAmC;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmQD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgD/C,QAAA,MAAM,eAAe;;;;;YAzTV,OAAO;cAJL,OAAO;eAhBN,gBAAgB;aAElB,cAAc;eAEZ,MAAM;eAEN,MAAM;aAER,OAAO;cAUN,OAAO;6EAmUlB,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":"CuiPopover.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPopover.vue"],"names":[],"mappings":"AAsRA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,gBAAgB;IACtE,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mCAAmC;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAsRD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgD/C,QAAA,MAAM,eAAe;;;;;;aA5UT,UAAU;;eAlBR,gBAAgB;aAElB,cAAc;eAEZ,MAAM;eAEN,MAAM;aAER,OAAO;cAQN,OAAO;6EAsVlB,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/CuiPopover.vue.js

@@ -0,0 +1,227 @@
+import { defineComponent as K, useSlots as U, ref as S, watch as M, computed as l, onUnmounted as q, withDirectives as G, openBlock as a, createElementBlock as s, createElementVNode as y, renderSlot as f, createBlock as J, Teleport as Q, normalizeStyle as p, unref as g, toDisplayString as X, withModifiers as Y, createVNode as Z, createCommentVNode as u, vShow as ee } from "vue";
+import { usePopover as te } from "../composables/usePopover.js";
+import { useClickOutside as oe } from "../composables/useClickOutside.js";
+import re from "./CuiIcon.vue.js";
+import { useMessages as ie } from "../composables/useMessages.js";
+const le = ["aria-labelledby"], ae = {
+  key: 0,
+  style: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: "calc(0.5rem * var(--cui-density-scale, 1))",
+    padding: "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.25rem * var(--cui-density-scale, 1))"
+  }
+}, ne = ["id"], se = ["aria-label"], ce = {
+  key: 1,
+  style: {
+    padding: "0 calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))"
+  }
+}, pe = /* @__PURE__ */ K({
+  __name: "CuiPopover",
+  props: {
+    title: {},
+    placement: { default: "bottom" },
+    trigger: { default: "click" },
+    showDelay: { default: 0 },
+    hideDelay: { default: 100 },
+    noArrow: { type: Boolean, default: !1 },
+    offset: {},
+    width: {},
+    visible: { type: Boolean },
+    closable: { type: Boolean, default: !0 },
+    rounded: { default: "lg" },
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible"],
+  setup(c, { emit: R }) {
+    const e = c, T = {
+      none: "0",
+      sm: "0.25rem",
+      md: "var(--cui-button-radius, 0.375rem)",
+      lg: "0.5rem",
+      full: "9999px"
+    }, d = R, h = U(), o = S(!1);
+    let n = null, r = null;
+    M(
+      () => e.visible,
+      (t) => {
+        t !== void 0 && (o.value = t);
+      }
+    );
+    const { referenceRef: C, floatingRef: b, arrowRef: E, floatingStyles: D, arrowStyle: B, currentSide: _ } = te({
+      placement: l(() => e.placement),
+      offsetDistance: l(() => e.offset ?? 10),
+      arrow: !e.noArrow
+    }), w = S(null);
+    oe(
+      () => [w.value, b.value],
+      () => {
+        o.value && e.trigger === "click" && i();
+      }
+    ), M(o, (t) => {
+      typeof document > "u" || (t ? document.addEventListener("keydown", m) : document.removeEventListener("keydown", m));
+    });
+    function v() {
+      e.disabled || (r && (clearTimeout(r), r = null), e.showDelay > 0 ? n = setTimeout(() => {
+        o.value = !0, d("update:visible", !0);
+      }, e.showDelay) : (o.value = !0, d("update:visible", !0)));
+    }
+    function i() {
+      n && (clearTimeout(n), n = null), e.hideDelay > 0 ? r = setTimeout(() => {
+        o.value = !1, d("update:visible", !1);
+      }, e.hideDelay) : (o.value = !1, d("update:visible", !1));
+    }
+    function I() {
+      o.value ? i() : v();
+    }
+    function P() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && v();
+    }
+    function z() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && i();
+    }
+    function F() {
+      (e.trigger === "focus" || e.trigger === "hover-focus") && v();
+    }
+    function L() {
+      (e.trigger === "focus" || e.trigger === "hover-focus") && i();
+    }
+    function V() {
+      e.trigger === "click" && I();
+    }
+    function m(t) {
+      t.key === "Escape" && o.value && i();
+    }
+    function $() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && r && (clearTimeout(r), r = null);
+    }
+    function A() {
+      (e.trigger === "hover" || e.trigger === "hover-focus") && i();
+    }
+    q(() => {
+      n && clearTimeout(n), r && clearTimeout(r), typeof document < "u" && document.removeEventListener("keydown", m);
+    });
+    const k = l(() => e.title || h.header), H = l(() => !!h.footer), x = l(() => e.title ? "cui-popover-title" : void 0), N = l(() => {
+      const t = {
+        zIndex: "9998",
+        background: "var(--cui-surface-base)",
+        border: "1px solid var(--cui-border)",
+        borderRadius: T[e.rounded],
+        boxShadow: "0 8px 24px -4px rgba(0, 0, 0, 0.12), 0 2px 8px -2px rgba(0, 0, 0, 0.08)",
+        minWidth: "12rem",
+        maxWidth: "24rem",
+        pointerEvents: "auto",
+        animation: "cui-scale-in 0.15s ease",
+        overflow: "hidden"
+      };
+      return e.width && (t.width = e.width), t;
+    }), W = l(() => ({
+      width: "8px",
+      height: "8px",
+      background: "var(--cui-surface-base)",
+      border: "1px solid var(--cui-border)",
+      transform: "rotate(45deg)",
+      position: "absolute",
+      ...B.value
+    })), j = {
+      top: "polygon(0% 0%, 100% 0%, 100% 100%)",
+      bottom: "polygon(0% 0%, 0% 100%, 100% 100%)",
+      left: "polygon(0% 0%, 100% 0%, 100% 100%)",
+      right: "polygon(0% 0%, 0% 100%, 100% 100%)"
+    }, O = ie();
+    return (t, ue) => G((a(), s("div", {
+      ref_key: "wrapperRef",
+      ref: w,
+      style: { display: "inline-flex" },
+      onMouseenter: P,
+      onMouseleave: z,
+      onFocusin: F,
+      onFocusout: L,
+      onClick: V
+    }, [
+      y("div", {
+        ref_key: "referenceRef",
+        ref: C,
+        style: { display: "inline-flex" }
+      }, [
+        f(t.$slots, "default")
+      ], 512),
+      (a(), J(Q, { to: "body" }, [
+        o.value ? (a(), s("div", {
+          key: 0,
+          ref_key: "floatingRef",
+          ref: b,
+          style: p({ ...g(D), ...N.value }),
+          role: "dialog",
+          "aria-labelledby": x.value,
+          onMouseenter: $,
+          onMouseleave: A
+        }, [
+          k.value ? (a(), s("div", ae, [
+            f(t.$slots, "header", {}, () => [
+              y("span", {
+                id: x.value,
+                style: { fontSize: "0.875rem", fontWeight: "600", color: "var(--cui-text-body)" }
+              }, X(c.title), 9, ne)
+            ]),
+            c.closable ? (a(), s("button", {
+              key: 0,
+              type: "button",
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "1.375rem",
+                height: "1.375rem",
+                border: "none",
+                background: "none",
+                borderRadius: "0.25rem",
+                color: "var(--cui-text-tertiary)",
+                cursor: "pointer",
+                flexShrink: "0",
+                marginTop: "calc(-0.0625rem * var(--cui-density-scale, 1))",
+                marginRight: "calc(-0.125rem * var(--cui-density-scale, 1))"
+              },
+              "aria-label": g(O).close,
+              onClick: Y(i, ["stop"])
+            }, [
+              Z(re, {
+                name: "x",
+                size: "0.8125rem"
+              })
+            ], 8, se)) : u("", !0)
+          ])) : u("", !0),
+          y("div", {
+            style: p({
+              padding: k.value ? "calc(0.25rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))" : "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1))",
+              fontSize: "0.875rem",
+              lineHeight: "1.55",
+              color: "var(--cui-text-secondary)"
+            })
+          }, [
+            f(t.$slots, "content")
+          ], 4),
+          H.value ? (a(), s("div", ce, [
+            f(t.$slots, "footer")
+          ])) : u("", !0),
+          c.noArrow ? u("", !0) : (a(), s("div", {
+            key: 2,
+            ref_key: "arrowRef",
+            ref: E,
+            style: p({
+              ...W.value,
+              clipPath: j[g(_)] || void 0
+            })
+          }, null, 4))
+        ], 44, le)) : u("", !0)
+      ]))
+    ], 544)), [
+      [ee, !c.hidden]
+    ]);
+  }
+});
+export {
+  pe as default
+};

package/dist/components/CuiPopover.vue2.js

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

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

@@ -1,26 +1,19 @@
-import type { ButtonColor } from "./CuiButton.vue";
+import type { HideableProps, ColorableProps, SizeableProps } from "../types/common";
 export type ProgressVariant = "bar" | "circle";
-export type ProgressSize = "sm" | "md" | "lg";
 export type ProgressAnimation = "none" | "stripe" | "shimmer";
-export interface CuiProgressProps {
+export interface CuiProgressProps extends HideableProps, ColorableProps, SizeableProps {
     /** Current value (0 to max) */
     value?: number;
     /** Maximum value */
     max?: number;
     /** Visual variant */
     variant?: ProgressVariant;
-    /** Color role */
-    color?: ButtonColor;
-    /** Size */
-    size?: ProgressSize;
     /** Show percentage label */
     showLabel?: boolean;
     /** Unknown progress — animated indicator */
     indeterminate?: boolean;
     /** Fill animation (bar variant only) */
     animation?: ProgressAnimation;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare var __VLS_1: {
     value: number;
@@ -37,9 +30,9 @@ type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<CuiProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiProgressProps> & Readonly<{}>, {
-    size: ProgressSize;
-    color: ButtonColor;
     hidden: boolean;
+    size: import("..").CuiSize;
+    color: import("..").CuiColor;
     variant: ProgressVariant;
     value: number;
     indeterminate: boolean;