@itguy614/clean-ui 0.3.1 → 1.0.0

package/dist/components/toast-context.js

@@ -0,0 +1,45 @@
+import { ref as o } from "vue";
+const v = Symbol("toast-context");
+let d = 0;
+function f(s, n, a) {
+  const t = o([]);
+  function r(e) {
+    const i = e.id ?? `cui-toast-${++d}`, u = {
+      id: i,
+      title: e.title,
+      description: e.description,
+      color: e.color ?? "primary",
+      variant: e.variant ?? "subtle",
+      dismissible: e.dismissible ?? !0,
+      autoDismiss: e.autoDismiss ?? 5e3,
+      showProgress: e.showProgress ?? !0,
+      animation: e.animation ?? "none",
+      icon: e.icon,
+      noIcon: e.noIcon ?? !1,
+      live: e.live,
+      createdAt: Date.now()
+    };
+    for (t.value.push(u); t.value.length > a.value; )
+      t.value.shift();
+    return i;
+  }
+  function l(e) {
+    t.value = t.value.filter((i) => i.id !== e);
+  }
+  function c() {
+    t.value = [];
+  }
+  return {
+    toasts: t,
+    position: s,
+    stackMode: n,
+    maxToasts: a,
+    add: r,
+    dismiss: l,
+    dismissAll: c
+  };
+}
+export {
+  v as ToastContextKey,
+  f as createToastState
+};

package/dist/components/toggle-context.d.ts

@@ -1,8 +1,8 @@
 import type { InjectionKey, Ref } from "vue";
-import type { ButtonColor } from "./CuiButton.vue";
+import type { CuiColor } from "../types/common";
 export interface ToggleGroupContext {
     modelValue: Ref<Array<string | number>>;
-    color: Ref<ButtonColor>;
+    color: Ref<CuiColor>;
     disabled: Ref<boolean>;
     readonly: Ref<boolean>;
     toggle: (value: string | number) => void;

package/dist/components/toggle-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-context.d.ts","sourceRoot":"","sources":["../../src/components/toggle-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAA0B,CAAC"}
+{"version":3,"file":"toggle-context.d.ts","sourceRoot":"","sources":["../../src/components/toggle-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAA0B,CAAC"}

package/dist/composables/useBreakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/composables/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAMnD,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,kBAAkB,EAAoC,CAAC;AAE/E,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,MAAM,CAAC;AA8B3D,wBAAgB,aAAa;gBAEe,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;EAC1E;AAED,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/composables/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAMnD,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,kBAAkB,EAAoC,CAAC;AAE/E,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,MAAM,CAAC;AAiC3D,wBAAgB,aAAa;gBAEe,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;EAC1E;AAED,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/composables/useBreakpoint.js

@@ -0,0 +1,34 @@
+import { readonly as f, ref as l } from "vue";
+const r = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, e = ["sm", "md", "lg", "xl", "2xl"];
+function o() {
+  if (typeof window > "u") return "base";
+  const i = window.innerWidth;
+  for (let n = e.length - 1; n >= 0; n--)
+    if (i >= r[e[n]])
+      return e[n];
+  return "base";
+}
+let t = null;
+function a() {
+  if (t = l(o()), !(typeof window > "u"))
+    for (const i of e) {
+      const n = window.matchMedia(`(min-width: ${r[i]}px)`), d = () => {
+        t.value = o();
+      };
+      n.addEventListener("change", d);
+    }
+}
+function u() {
+  return t || a(), { breakpoint: f(t) };
+}
+export {
+  r as BREAKPOINTS,
+  e as BREAKPOINT_ORDER,
+  u as useBreakpoint
+};

package/dist/composables/useClickOutside.js

@@ -0,0 +1,14 @@
+import { onMounted as c, onUnmounted as d } from "vue";
+function f(e, t) {
+  function o(i) {
+    (typeof e == "function" ? e() : e.map((n) => n.value)).some((n) => n == null ? void 0 : n.contains(i.target)) || t();
+  }
+  c(() => {
+    document.addEventListener("mousedown", o);
+  }), d(() => {
+    document.removeEventListener("mousedown", o);
+  });
+}
+export {
+  f as useClickOutside
+};

package/dist/composables/useCopyToClipboard.js

@@ -0,0 +1,25 @@
+import { ref as c } from "vue";
+function l(r = 2e3) {
+  const o = c(!1);
+  let e = null;
+  async function u(a) {
+    try {
+      return await navigator.clipboard.writeText(a), o.value = !0, e && clearTimeout(e), e = setTimeout(() => {
+        o.value = !1;
+      }, r), !0;
+    } catch {
+      try {
+        const t = document.createElement("textarea");
+        return t.value = a, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), o.value = !0, e && clearTimeout(e), e = setTimeout(() => {
+          o.value = !1;
+        }, r), !0;
+      } catch {
+        return !1;
+      }
+    }
+  }
+  return { copied: o, copy: u };
+}
+export {
+  l as useCopyToClipboard
+};

package/dist/composables/useDataGrid.js

@@ -0,0 +1,269 @@
+import { ref as v, computed as y, provide as ye, inject as pe } from "vue";
+import { DataGridContextKey as I } from "../components/data-grid-context.js";
+function he(d) {
+  const {
+    columns: p,
+    serverSide: F = !1,
+    rowKey: $ = "id",
+    defaultPerPage: L = 15,
+    initialView: l,
+    hydrateFromUrl: z = !1
+  } = d, G = p.map((e) => ({
+    key: e.key,
+    visible: e.visible !== !1
+  })), m = v(
+    (l == null ? void 0 : l.columns) ?? G.map((e) => ({ ...e }))
+  ), H = y(
+    () => m.value.filter((e) => e.visible).map((e) => p.find((t) => t.key === e.key)).filter(Boolean)
+  ), W = y(
+    () => p.filter((e) => e.filterable)
+  );
+  function X(e) {
+    const t = m.value.find((a) => a.key === e);
+    t && (t.visible = !t.visible);
+  }
+  function Y(e, t) {
+    const a = [...m.value], [r] = a.splice(e, 1);
+    a.splice(t, 0, r), m.value = a;
+  }
+  const i = v((l == null ? void 0 : l.sort) ?? null);
+  function Z(e) {
+    var r;
+    const t = p.find((n) => n.key === e);
+    if (!(t != null && t.sortable)) return;
+    const a = t.sortKey ?? e;
+    ((r = i.value) == null ? void 0 : r.key) === a ? i.value.direction === "asc" ? i.value = { key: a, direction: "desc" } : i.value = null : i.value = { key: a, direction: "asc" }, o.value = 1;
+  }
+  const s = v(l != null && l.filters ? [...l.filters] : []);
+  function N(e) {
+    const t = s.value.findIndex((a) => a.key === e.key);
+    t >= 0 ? s.value[t] = e : s.value.push(e), s.value = [...s.value], o.value = 1;
+  }
+  function V(e) {
+    s.value = s.value.filter((t) => t.key !== e), o.value = 1;
+  }
+  function ee() {
+    s.value = [], o.value = 1;
+  }
+  const P = v(""), S = v(null);
+  function te(e, t) {
+    P.value = e, S.value = t ?? null, o.value = 1;
+  }
+  function O() {
+    P.value = "", S.value = null, o.value = 1;
+  }
+  const o = v(1), c = v((l == null ? void 0 : l.perPage) ?? L);
+  function ae(e) {
+    o.value = e;
+  }
+  function le(e) {
+    c.value = e, o.value = 1;
+  }
+  const k = v(/* @__PURE__ */ new Set());
+  function re(e) {
+    const t = new Set(k.value);
+    t.has(e) ? t.delete(e) : t.add(e), k.value = t;
+  }
+  function ne(e) {
+    const t = /* @__PURE__ */ new Set();
+    for (const a of e) {
+      const r = String(a[$] ?? "");
+      r && t.add(r);
+    }
+    k.value = t;
+  }
+  function J() {
+    k.value = /* @__PURE__ */ new Set();
+  }
+  const C = v((l == null ? void 0 : l.viewMode) ?? "grid");
+  function ue(e) {
+    C.value = e;
+  }
+  const D = v(!1), w = v((l == null ? void 0 : l.filterPanelPinned) ?? !1);
+  function oe() {
+    D.value = !D.value;
+  }
+  function se() {
+    w.value = !w.value;
+  }
+  const _ = y(() => {
+    const e = d.data.value;
+    return Array.isArray(e) ? e : e.data ?? [];
+  }), b = y(() => {
+    if (F) return !0;
+    const e = d.data.value;
+    return !Array.isArray(e) && "current_page" in e;
+  }), x = y(() => {
+    if (b.value) return _.value;
+    let e = [..._.value];
+    if (P.value) {
+      const t = P.value.toLowerCase();
+      e = e.filter((a) => S.value ? String(a[S.value] ?? "").toLowerCase().includes(t) : Object.values(a).some(
+        (r) => String(r ?? "").toLowerCase().includes(t)
+      ));
+    }
+    for (const t of s.value) {
+      const a = p.find((n) => (n.filterKey ?? n.key) === t.key), r = (a == null ? void 0 : a.key) ?? t.key;
+      e = e.filter((n) => {
+        const u = String(n[r] ?? "").toLowerCase();
+        return t.type === "text" ? u.includes(String(t.value).toLowerCase()) : t.type === "select" ? u === String(t.value).toLowerCase() : t.type === "multi-select" ? (Array.isArray(t.value) ? t.value : [t.value]).some((g) => u === g.toLowerCase()) : t.type === "date-range" && Array.isArray(t.value) && t.value.length === 2 ? u >= t.value[0] && u <= t.value[1] : !0;
+      });
+    }
+    return e;
+  }), j = y(() => {
+    if (b.value || !i.value) return x.value;
+    const { key: e, direction: t } = i.value, a = p.find((n) => (n.sortKey ?? n.key) === e), r = (a == null ? void 0 : a.key) ?? e;
+    return [...x.value].sort((n, u) => {
+      const f = n[r], g = u[r];
+      if (f == null && g == null) return 0;
+      if (f == null) return 1;
+      if (g == null) return -1;
+      let h;
+      return typeof f == "number" && typeof g == "number" ? h = f - g : h = String(f).localeCompare(String(g)), t === "desc" ? -h : h;
+    });
+  }), ie = y(() => {
+    if (b.value) return _.value;
+    const e = (o.value - 1) * c.value;
+    return j.value.slice(e, e + c.value);
+  }), ce = y(() => {
+    if (b.value) {
+      const n = d.data.value;
+      if (!Array.isArray(n) && "current_page" in n) {
+        const u = n;
+        return {
+          current_page: u.current_page,
+          last_page: u.last_page,
+          per_page: u.per_page,
+          total: u.total,
+          from: u.from,
+          to: u.to
+        };
+      }
+    }
+    const e = j.value.length, t = Math.max(1, Math.ceil(e / c.value)), a = e > 0 ? (o.value - 1) * c.value + 1 : null, r = e > 0 ? Math.min(o.value * c.value, e) : null;
+    return {
+      current_page: o.value,
+      last_page: t,
+      per_page: c.value,
+      total: e,
+      from: a,
+      to: r
+    };
+  });
+  function ve() {
+    return {
+      page: o.value,
+      perPage: c.value,
+      sort: i.value,
+      filters: s.value.length > 0 ? [...s.value] : void 0,
+      search: P.value || void 0,
+      searchField: S.value
+    };
+  }
+  let A = JSON.stringify(Q());
+  function Q() {
+    return {
+      columns: G.map((e) => ({ ...e })),
+      sort: null,
+      filters: [],
+      perPage: L,
+      viewMode: "grid",
+      filterPanelPinned: !1
+    };
+  }
+  function M() {
+    return {
+      columns: m.value.map((e) => ({ ...e })),
+      sort: i.value ? { ...i.value } : null,
+      filters: s.value.map((e) => ({ ...e })),
+      perPage: c.value,
+      viewMode: C.value,
+      filterPanelPinned: w.value
+    };
+  }
+  function R(e) {
+    m.value = e.columns.map((t) => ({ ...t })), i.value = e.sort ? { ...e.sort } : null, s.value = e.filters.map((t) => ({ ...t })), c.value = e.perPage, C.value = e.viewMode, w.value = e.filterPanelPinned, o.value = 1, T();
+  }
+  const fe = y(
+    () => JSON.stringify(M()) !== A
+  );
+  function T() {
+    A = JSON.stringify(M());
+  }
+  function de() {
+    R(Q()), O(), J();
+  }
+  if (l && (A = JSON.stringify(l)), z && typeof window < "u") {
+    const e = new URLSearchParams(window.location.search), t = e.get("sort"), a = e.get("direction");
+    t && (i.value = { key: t, direction: a === "desc" ? "desc" : "asc" });
+    const r = e.get("search");
+    r && (P.value = r, S.value = e.get("search_field") ?? null);
+    const n = e.get("per_page");
+    n && (c.value = Number(n));
+    const u = e.get("page");
+    u && (o.value = Number(u));
+    const f = e.get("view_mode");
+    (f === "card" || f === "grid") && (C.value = f);
+    for (const [g, h] of e.entries()) {
+      const U = g.match(/^filter\[(.+)\]$/);
+      if (U) {
+        const q = U[1], K = p.find((E) => (E.filterKey ?? E.key) === q), B = (K == null ? void 0 : K.filterType) ?? "text", ge = B === "multi-select" ? h.split(",") : h;
+        N({ key: q, value: ge, type: B });
+      }
+    }
+  }
+  return {
+    columns: p,
+    columnState: m,
+    visibleColumns: H,
+    filterableColumns: W,
+    sort: i,
+    applySort: Z,
+    filters: s,
+    applyFilter: N,
+    removeFilter: V,
+    clearFilters: ee,
+    searchQuery: P,
+    searchField: S,
+    search: te,
+    clearSearch: O,
+    page: o,
+    perPage: c,
+    setPage: ae,
+    setPerPage: le,
+    selectedRows: k,
+    toggleSelection: re,
+    selectAll: ne,
+    clearSelection: J,
+    toggleColumnVisibility: X,
+    reorderColumns: Y,
+    viewMode: C,
+    setViewMode: ue,
+    filterPanelOpen: D,
+    filterPanelPinned: w,
+    toggleFilterPanel: oe,
+    toggleFilterPanelPin: se,
+    displayData: ie,
+    paginationMeta: ce,
+    getConfig: M,
+    loadConfig: R,
+    isDirty: fe,
+    markClean: T,
+    resetToDefaults: de,
+    serverSide: F,
+    getQueryParams: ve
+  };
+}
+function ke(d) {
+  ye(I, d);
+}
+function Ce() {
+  const d = pe(I);
+  if (!d) throw new Error("useDataGridState must be used within a CuiDataGrid");
+  return d;
+}
+export {
+  ke as provideDataGrid,
+  he as useDataGrid,
+  Ce as useDataGridState
+};

package/dist/composables/useDataGridInertia.js

@@ -0,0 +1,35 @@
+import { watch as g } from "vue";
+function v(n) {
+  const { grid: t, url: c, router: l, extraParams: a = {} } = n;
+  function o(e) {
+    const r = { ...a };
+    if (e.page && e.page > 1 && (r.page = String(e.page)), e.perPage && (r.per_page = String(e.perPage)), e.sort && (r.sort = e.sort.key, r.direction = e.sort.direction), e.search && (r.search = e.search, e.searchField && (r.search_field = e.searchField)), e.filters)
+      for (const i of e.filters) {
+        const f = Array.isArray(i.value) ? i.value.join(",") : i.value;
+        r[`filter[${i.key}]`] = f;
+      }
+    return r;
+  }
+  function u() {
+    const e = t.getQueryParams(), r = o(e);
+    l.get(c, r, {
+      preserveState: !0,
+      preserveScroll: !0
+    });
+  }
+  return g(
+    [
+      () => t.sort.value,
+      () => t.filters.value,
+      () => t.searchQuery.value,
+      () => t.page.value,
+      () => t.perPage.value
+    ],
+    () => {
+      u();
+    }
+  ), { navigate: u, buildQueryData: o };
+}
+export {
+  v as useDataGridInertia
+};

package/dist/composables/useDataGridViews.js

@@ -0,0 +1,67 @@
+import { ref as u } from "vue";
+function g(s = "cui-datagrid") {
+  function r(a) {
+    return `${s}-views-${a}`;
+  }
+  return {
+    async load(a) {
+      try {
+        const e = localStorage.getItem(r(a));
+        return e ? JSON.parse(e) : [];
+      } catch {
+        return [];
+      }
+    },
+    async save(a, e) {
+      const t = await this.load(a), i = t.findIndex((l) => l.id === e.id);
+      i >= 0 ? t[i] = e : t.push(e), localStorage.setItem(r(a), JSON.stringify(t));
+    },
+    async remove(a, e) {
+      const i = (await this.load(a)).filter((l) => l.id !== e);
+      localStorage.setItem(r(a), JSON.stringify(i));
+    }
+  };
+}
+function I(s) {
+  const r = s.adapter ?? g(), a = u([]), e = u(null), t = u(!1);
+  async function i() {
+    t.value = !0;
+    try {
+      a.value = await r.load(s.gridId);
+    } finally {
+      t.value = !1;
+    }
+  }
+  async function l(n, d) {
+    const c = a.value.find((y) => y.name === n), o = {
+      id: (c == null ? void 0 : c.id) ?? crypto.randomUUID(),
+      name: n,
+      config: d
+    };
+    await r.save(s.gridId, o), await i(), e.value = o.id;
+  }
+  async function f(n, d) {
+    const c = a.value.find((o) => o.id === n);
+    c && (await r.save(s.gridId, { ...c, config: d }), await i());
+  }
+  async function w(n) {
+    await r.remove(s.gridId, n), e.value === n && (e.value = null), await i();
+  }
+  function v(n) {
+    e.value = n;
+  }
+  return {
+    views: a,
+    activeViewId: e,
+    loading: t,
+    fetchViews: i,
+    saveView: l,
+    updateView: f,
+    removeView: w,
+    selectView: v
+  };
+}
+export {
+  g as localStorageViewAdapter,
+  I as useDataGridViews
+};

package/dist/composables/useDensity.d.ts

@@ -0,0 +1,23 @@
+export type DensityId = "compact" | "default" | "comfortable";
+export interface DensityPreset {
+    id: DensityId;
+    label: string;
+    description: string;
+}
+export declare const DENSITY_PRESETS: DensityPreset[];
+/**
+ * Density management composable. Shared singleton, mirrors `useTheme`.
+ * Sets the active UI density once for the whole app (or a scoped subtree, if
+ * you apply a `cui-density-*` class to a container yourself).
+ */
+export declare function useDensity(): {
+    /** Current density id (reactive) */
+    density: import("vue").Ref<DensityId, DensityId>;
+    /** Available density presets */
+    presets: DensityPreset[];
+    /** Set the active density */
+    setDensity: (id: DensityId) => void;
+    /** Get the current density id */
+    getDensity: () => DensityId;
+};
+//# sourceMappingURL=useDensity.d.ts.map

package/dist/composables/useDensity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDensity.d.ts","sourceRoot":"","sources":["../../src/composables/useDensity.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,EAI1C,CAAC;AAmCF;;;;GAIG;AACH,wBAAgB,UAAU;IAUtB,oCAAoC;;IAEpC,gCAAgC;;IAEhC,6BAA6B;qBAbP,SAAS;IAe/B,iCAAiC;sBAXZ,SAAS;EAcjC"}

package/dist/composables/useDensity.js

@@ -0,0 +1,42 @@
+import { ref as l, watch as u } from "vue";
+const c = [
+  { id: "compact", label: "Compact", description: "Tighter spacing — more on screen" },
+  { id: "default", label: "Default", description: "Balanced default spacing" },
+  { id: "comfortable", label: "Comfortable", description: "Roomier spacing" }
+], a = "cui-density", s = "cui-density-", i = "default", d = new Set(c.map((t) => t.id)), n = l(f());
+function f() {
+  if (typeof window > "u") return i;
+  const t = localStorage.getItem(a);
+  return t && d.has(t) ? t : i;
+}
+function r(t) {
+  if (typeof document > "u") return;
+  const e = document.documentElement;
+  for (const o of Array.from(e.classList))
+    o.startsWith(s) && e.classList.remove(o);
+  t !== "default" && e.classList.add(`${s}${t}`), localStorage.setItem(a, t);
+}
+r(n.value);
+u(n, r);
+function p() {
+  function t(o) {
+    n.value = o;
+  }
+  function e() {
+    return n.value;
+  }
+  return {
+    /** Current density id (reactive) */
+    density: n,
+    /** Available density presets */
+    presets: c,
+    /** Set the active density */
+    setDensity: t,
+    /** Get the current density id */
+    getDensity: e
+  };
+}
+export {
+  c as DENSITY_PRESETS,
+  p as useDensity
+};

package/dist/composables/useLayoutContext.js

@@ -0,0 +1,21 @@
+import { inject as u, ref as x, provide as c } from "vue";
+const l = Symbol("grid-context"), i = Symbol("flex-context");
+function r(t) {
+  const n = t === "grid" ? l : i, e = u(n, null), o = x({
+    type: t,
+    isNested: e !== null,
+    depth: e ? e.value.depth + 1 : 0,
+    debug: (e == null ? void 0 : e.value.debug) ?? !1
+  });
+  return c(n, o), { context: o, parentContext: e };
+}
+function s() {
+  return r("grid");
+}
+function f() {
+  return r("flex");
+}
+export {
+  f as useFlexContext,
+  s as useGridContext
+};

package/dist/composables/useMessages.d.ts

@@ -0,0 +1,11 @@
+import { type ComputedRef } from "vue";
+import { type CuiMessages } from "../messages";
+/**
+ * Resolve the active message catalog. Returns the nearest CuiConfigProvider's
+ * merged messages, or the built-in English defaults when there is no provider.
+ *
+ * In templates the returned ref auto-unwraps (`messages.close`); in script use
+ * `messages.value.close`.
+ */
+export declare function useMessages(): ComputedRef<CuiMessages>;
+//# sourceMappingURL=useMessages.d.ts.map

package/dist/composables/useMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessages.d.ts","sourceRoot":"","sources":["../../src/composables/useMessages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAMhE;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,WAAW,CAAC,WAAW,CAAC,CAEtD"}

package/dist/composables/useMessages.js

@@ -0,0 +1,10 @@
+import { inject as e, computed as o } from "vue";
+import { CuiConfigKey as t } from "../components/config-context.js";
+import { defaultMessages as r } from "../messages.js";
+const s = o(() => r);
+function n() {
+  return e(t, s);
+}
+export {
+  n as useMessages
+};