@astrake/lumora-ui 0.2.2 → 0.7.3

package/dist/components/index.js

@@ -1,47 +1,76 @@
-import { _ as s, a as L, b as e, c as o, d as l, e as t, f as r, g as T, h as b, i, j as n, k as d, l as g, m as c, n as p, o as B, p as m, q as C, r as h, s as S, t as k, u as x, v as P, w, x as H, y as I, z as M, A as v, B as A, C as G, D as R, E as f, F as y, G as D, H as F, I as j, J as q, K as z, L as E, M as J, N as K, O as N, P as O, Q } from "../LuCodeBlock.vue_vue_type_script_setup_true_lang-BdXflBkJ.js";
+import { _ as s, a as L, b as e, c as r, d as o, e as t, f as i, g as l, h as n, i as d, j as T, j as b, k as C, l as h, m, n as p, o as c, p as g, q as B, r as k, s as P, t as S, u as D, v as G, w as x, x as F, y as I, z as R, A as v, B as M, C as w, D as A, E as f, F as y, G as H, H as j, I as z, J as E, K, L as N, M as U, N as W, O as q, P as J, Q as O, R as Q, S as V, T as X, U as Y, V as Z, W as _, X as $, Y as aa, Z as ua, $ as sa, a0 as La, a1 as ea, a2 as ra, a3 as oa, a4 as ta, a5 as ia, a6 as la, a7 as na, a8 as da, a9 as Ta, aa as ba, ab as Ca, ac as ha, ad as ma, ae as pa, af as ca, ag as ga, ah as Ba } from "../LuAccordion.vue_vue_type_script_setup_true_lang-CwG5Ml8t.js";
 export {
-  s as LuAlert,
-  L as LuAvatar,
-  e as LuBadge,
-  o as LuBreadcrumb,
+  s as LuAccordion,
+  L as LuAlert,
+  e as LuAvatar,
+  r as LuBadge,
+  o as LuBarChart,
+  t as LuBottomSheet,
+  i as LuBreadcrumb,
   l as LuButton,
-  t as LuCard,
-  r as LuCheckbox,
-  T as LuCodeBlock,
-  b as LuCollapsible,
-  i as LuDivider,
-  n as LuForm,
-  d as LuIcon,
-  g as LuInput,
-  c as LuLink,
-  p as LuMenu,
-  B as LuMenuItem,
-  m as LuModal,
-  C as LuPageHeader,
-  h as LuPagination,
-  S as LuProgressBar,
-  k as LuRadio,
-  x as LuRadioGroup,
-  P as LuSelect,
-  w as LuSkeleton,
-  H as LuSpinner,
-  I as LuSwitch,
-  M as LuTab,
-  v as LuTabList,
-  A as LuTabPanel,
-  G as LuTable,
-  R as LuTableBody,
-  f as LuTableCell,
-  y as LuTableHead,
-  D as LuTableHeadCell,
-  F as LuTableRow,
-  j as LuTabs,
-  q as LuTag,
-  z as LuText,
-  E as LuTextarea,
-  J as LuThemeSelect,
-  K as LuThemeSwitch,
-  N as LuToggleButton,
-  O as LuToggleGroup,
-  Q as LuTooltip
+  n as LuCalendar,
+  d as LuCard,
+  T as LuCheck,
+  b as LuCheckbox,
+  C as LuChip,
+  h as LuChipGroup,
+  m as LuCodeBlock,
+  p as LuCollapsible,
+  c as LuCommandPalette,
+  g as LuDataGrid,
+  B as LuDateRangePicker,
+  k as LuDivider,
+  P as LuDoughnutChart,
+  S as LuDrawer,
+  D as LuFileUpload,
+  G as LuForm,
+  x as LuFormField,
+  F as LuFormWizard,
+  I as LuGaugeChart,
+  R as LuIcon,
+  v as LuInput,
+  M as LuKanban,
+  w as LuLineChart,
+  A as LuLink,
+  f as LuList,
+  y as LuListDivider,
+  H as LuListItem,
+  j as LuListSubheader,
+  z as LuMediaGallery,
+  E as LuMenu,
+  K as LuMenuItem,
+  N as LuModal,
+  U as LuPagination,
+  W as LuPlanner,
+  q as LuPopover,
+  J as LuProgressBar,
+  O as LuRadio,
+  Q as LuRadioGroup,
+  V as LuRichTextEditor,
+  X as LuSelect,
+  Y as LuSkeleton,
+  Z as LuSparkline,
+  _ as LuSpinner,
+  $ as LuSwitch,
+  aa as LuTab,
+  ua as LuTabList,
+  sa as LuTabPanel,
+  La as LuTable,
+  ea as LuTableBody,
+  ra as LuTableCell,
+  oa as LuTableHead,
+  ta as LuTableHeadCell,
+  ia as LuTableRow,
+  la as LuTabs,
+  na as LuTag,
+  da as LuText,
+  Ta as LuTextarea,
+  ba as LuTimeline,
+  Ca as LuTimelineItem,
+  ha as LuToast,
+  ma as LuToggleButton,
+  pa as LuToggleGroup,
+  ca as LuTooltip,
+  ga as LuTree,
+  Ba as LuTreeNode
 };

package/dist/composables/index.d.ts

@@ -2,3 +2,5 @@ export { useRail } from "./useRail";
 export { useSplit } from "./useSplit";
 export { useTheme, type ThemeMode, type ResolvedTheme } from "./useTheme";
 export { getHighlighter } from "./useShiki";
+export { useFloating } from "./useFloating";
+export { useLuToast, type ToastItem } from "./useLuToast";

package/dist/composables/index.js

@@ -1,31 +1,50 @@
-import { ref as t, readonly as r } from "vue";
-import { g as c, u as p } from "../useShiki-DPOJfneq.js";
-function u(n = !1) {
-  const e = t(n);
-  function i() {
+import { ref as s, readonly as u, computed as l } from "vue";
+import { g as h, u as y, a as x } from "../useLuToast-D5d7Wrcr.js";
+function f(t = !1) {
+  const e = s(t);
+  function o() {
     e.value = !e.value;
   }
-  function o() {
+  function r() {
     e.value = !0;
   }
-  function a() {
+  function i() {
     e.value = !1;
   }
   return {
-    isExpanded: r(e),
-    toggle: i,
-    expand: o,
-    collapse: a
+    isExpanded: u(e),
+    toggle: o,
+    expand: r,
+    collapse: i
   };
 }
-function l(n, e = "horizontal", i) {
+function g(t, e = "horizontal", o) {
+  return {
+    isDragging: s(!1)
+  };
+}
+const n = s("system"), a = s(!1);
+if (typeof window < "u") {
+  const t = window.matchMedia("(prefers-color-scheme: dark)");
+  a.value = t.matches, t.addEventListener("change", (e) => {
+    a.value = e.matches;
+  });
+}
+const c = l(() => n.value === "system" ? a.value ? "dark" : "light" : n.value);
+function m() {
   return {
-    isDragging: t(!1)
+    mode: n,
+    resolved: c,
+    setMode: (e) => {
+      n.value = e;
+    }
   };
 }
 export {
-  c as getHighlighter,
-  u as useRail,
-  l as useSplit,
-  p as useTheme
+  h as getHighlighter,
+  y as useFloating,
+  x as useLuToast,
+  f as useRail,
+  g as useSplit,
+  m as useTheme
 };

package/dist/composables/lazyVChart.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Lazily loads the VChart component from vue-echarts (peer dep).
+ * Prints a helpful install message if the peer dep is absent.
+ *
+ * We cast through `unknown` to avoid vue-tsc failing when vue-echarts
+ * is not installed as a direct dependency of this library.
+ */
+export declare function lazyVChart(componentName: string): object | {
+    template: string;
+};

package/dist/composables/useChartTheme.d.ts

@@ -0,0 +1,65 @@
+import { type Ref } from "vue";
+/**
+ * Maps semantic colour tokens to resolved CSS colour values.
+ * Reads `--lu-pipeline-*` custom properties from the document root so the
+ * theme is always skin-aware and dark-mode-reactive.
+ */
+export declare function useChartTheme(isDark?: Ref<boolean>): {
+    resolveColor: (token: string) => string;
+    echartsTheme: import("vue").ComputedRef<{
+        backgroundColor: string;
+        textStyle: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+        };
+        title: {
+            textStyle: {
+                color: string;
+            };
+        };
+        legend: {
+            textStyle: {
+                color: string;
+            };
+        };
+        tooltip: {
+            backgroundColor: string;
+            borderColor: string;
+            textStyle: {
+                color: string;
+            };
+            extraCssText: string;
+        };
+        categoryAxis: {
+            axisLine: {
+                lineStyle: {
+                    color: string;
+                };
+            };
+            axisLabel: {
+                color: string;
+            };
+            splitLine: {
+                lineStyle: {
+                    color: string;
+                };
+            };
+        };
+        valueAxis: {
+            axisLine: {
+                lineStyle: {
+                    color: string;
+                };
+            };
+            axisLabel: {
+                color: string;
+            };
+            splitLine: {
+                lineStyle: {
+                    color: string;
+                };
+            };
+        };
+    }>;
+};

package/dist/composables/useDataGrid.d.ts

@@ -0,0 +1,52 @@
+import { type Ref } from "vue";
+import type { ColumnDef, Row, DataGridSortState, DataGridFilterState } from "../components/LuDataGrid.types";
+export interface UseDataGridOptions {
+    columns: Ref<ColumnDef[]>;
+    data: Ref<Row[]>;
+    groupBy?: Ref<string | undefined>;
+    selectable?: Ref<boolean>;
+    idKey?: Ref<string>;
+    localSort?: Ref<boolean>;
+    localSearch?: Ref<boolean>;
+}
+export declare function useDataGrid(opts: UseDataGridOptions): {
+    visibleColumns: import("vue").ComputedRef<ColumnDef[]>;
+    hiddenColumns: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    columnOrder: Ref<string[], string[]>;
+    toggleColumn: (key: string) => void;
+    resetColumnOrder: () => void;
+    sortState: Ref<{
+        key: string;
+        direction: "asc" | "desc";
+    } | null, DataGridSortState | {
+        key: string;
+        direction: "asc" | "desc";
+    } | null>;
+    toggleSort: (key: string) => {
+        key: string;
+        direction: "asc" | "desc";
+    } | null;
+    searchQuery: Ref<string, string>;
+    columnFilters: Ref<DataGridFilterState, DataGridFilterState>;
+    setColumnFilter: (key: string, value: string | number | [number, number] | undefined) => void;
+    clearFilters: () => void;
+    filteredData: import("vue").ComputedRef<Row[]>;
+    selectedIds: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    isSelected: (row: Row) => boolean;
+    toggleRow: (row: Row) => string[];
+    selectAll: () => string[];
+    selectAllData: () => string[];
+    clearSelection: () => string[];
+    allSelected: import("vue").ComputedRef<boolean>;
+    someSelected: import("vue").ComputedRef<boolean>;
+    selectionCount: import("vue").ComputedRef<number>;
+    groupedRows: import("vue").ComputedRef<({
+        type: "group";
+        key: string;
+        label: string;
+    } | {
+        type: "row";
+        row: Row;
+    })[]>;
+    hasColumnFilters: import("vue").ComputedRef<boolean>;
+};

package/dist/composables/useFloating.d.ts

@@ -0,0 +1,12 @@
+import { type Ref } from 'vue';
+import { type Placement } from '@floating-ui/dom';
+export interface UseFloatingOptions {
+    placement?: Placement;
+    offset?: number;
+}
+export declare function useFloating(reference: Ref<HTMLElement | null | undefined>, floating: Ref<HTMLElement | null | undefined>, options?: UseFloatingOptions): {
+    x: Ref<number, number>;
+    y: Ref<number, number>;
+    placement: Ref<Placement, Placement>;
+    update: () => void;
+};

package/dist/composables/useLuToast.d.ts

@@ -0,0 +1,14 @@
+export interface ToastItem {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: 'success' | 'error' | 'warning' | 'info' | string;
+    duration?: number;
+}
+export declare const activeToasts: import("vue").ShallowReactive<ToastItem[]>;
+export declare function useLuToast(): {
+    toasts: import("vue").ShallowReactive<ToastItem[]>;
+    toast: (options: Omit<ToastItem, "id">) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};

package/dist/index.d.ts

@@ -5,3 +5,8 @@ export * from "./layout/index";
 export * from "./shell/index";
 export * from "./components/index";
 export * from "./skins/index";
+export { useDataGrid } from "./composables/useDataGrid";
+export { useChartTheme } from "./composables/useChartTheme";
+export type { UseDataGridOptions } from "./composables/useDataGrid";
+export { useFloating } from "./composables/useFloating";
+export { useLuToast, type ToastItem } from "./composables/useLuToast";