@astrake/lumora-ui 0.2.1 → 0.7.2

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/composables/useShiki.d.ts

@@ -0,0 +1,2 @@
+import { type Highlighter } from 'shiki';
+export declare function getHighlighter(): Promise<Highlighter>;

package/dist/context-CGS7Ou_x.js

@@ -0,0 +1,36 @@
+import { inject as m, isRef as p } from "vue";
+import { clsx as a } from "clsx";
+import { twMerge as l } from "tailwind-merge";
+import { defaultSkin as k } from "./skins/index.js";
+function u(...o) {
+  return l(a(o));
+}
+function g(o, c) {
+  const s = { ...o };
+  for (const e in c) {
+    if (!s[e]) {
+      s[e] = { ...c[e] };
+      continue;
+    }
+    const t = s[e], r = c[e], i = { ...t };
+    for (const n in r)
+      t[n] ? i[n] = u(t[n], r[n]) : i[n] = r[n];
+    s[e] = i;
+  }
+  return s;
+}
+const d = Symbol("LumoraUIConfig");
+function L() {
+  const o = m(d, {});
+  return { config: o, resolveSkin: (e, t) => {
+    const r = p(o.skin) ? o.skin.value : o.skin || {}, n = g(k, r)[e];
+    if (!n) return "";
+    const f = [];
+    return n.default && f.push(n.default), t && n[t] && f.push(n[t]), u(f);
+  }, resolveIcon: (e, t) => o.icons ? o.icons(e, t) : null };
+}
+export {
+  d as L,
+  u as c,
+  L as u
+};

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";

package/dist/index.js

@@ -1,94 +1,230 @@
-import { L as u } from "./context-0gENwESP.js";
-import { u as d } from "./context-0gENwESP.js";
-import { shallowReactive as L } from "vue";
-import { _ as c, a as n, b as m, c as p, d as T, e as k, f as S, g, h as f, i as B, j as h } from "./LuOverlay.vue_vue_type_script_setup_true_lang-DZch4Vrw.js";
-import { _ as D, a as C, b as I, c as v, d as M, e as R, f as y, g as P, h as w, i as H, j as E, k as F } from "./LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-CIksvebU.js";
-import { _ as j, a as A, b as U, c as _, d as z, e as K, f as N, g as O, h as q, i as J, j as Q, k as V, l as W, m as X, n as Y, o as Z, p as $, q as aa, r as ea, s as sa, t as ua, u as La, v as oa, w as la, x as ra, y as ta, z as ia, A as da, B as ba, C as ca, D as na, E as ma, F as pa, G as Ta, H as ka, I as Sa, J as ga, K as fa, L as Ba, M as ha, N as xa, O as Da, P as Ca, Q as Ia } from "./LuCodeBlock.vue_vue_type_script_setup_true_lang-BjwcjuXF.js";
-import { defaultSkin as Ma } from "./skins/index.js";
-function r(a = {}) {
+import { L as _ } from "./context-CGS7Ou_x.js";
+import { u as es } from "./context-CGS7Ou_x.js";
+import { shallowReactive as n } from "vue";
+import { _ as m, a as o, b as t, c, d as r, e as l, f, g as $, h as d, i as p, j as i, k as b, l as T, m as h, n as S, o as k, p as g, q as C, r as B, s as D, t as P, u as R, v as I, w as v, x, y as F, z as G, A as M, B as y, C as j, D as E, E as w, F as A, G as H, H as z, I as O, J as U, K as N, L as K, M as W, N as q, O as J, P as Q, Q as V, R as X, S as Y, T as Z, U as aa, V as sa, W as ua, X as ea, Y as ia, Z as La, $ as _a, a0 as na, a1 as ma, a2 as oa, a3 as ta, a4 as ca, a5 as ra, a6 as la, a7 as fa, a8 as $a, a9 as da, aa as pa, ab as ba, ac as Ta, ad as ha, ae as Sa, af as ka, ag as ga, ah as Ca } from "./LuAccordion.vue_vue_type_script_setup_true_lang-CwG5Ml8t.js";
+import { ai as Ls, aj as _s } from "./LuAccordion.vue_vue_type_script_setup_true_lang-CwG5Ml8t.js";
+import { _ as Ba, a as Da, b as Pa, c as Ra, d as Ia, e as va, f as xa, g as Fa, h as Ga, i as Ma, j as ya } from "./LuOverlay.vue_vue_type_script_setup_true_lang-C5jhqCgy.js";
+import { _ as ja, a as Ea, b as wa, c as Aa, d as Ha, e as za, f as Oa, g as Ua, h as Na, i as Ka, j as Wa, k as qa } from "./LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-D4rqklgo.js";
+import { defaultSkin as ms } from "./skins/index.js";
+import { u as ts, a as cs } from "./useLuToast-D5d7Wrcr.js";
+const Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LuAccordion: m,
+  LuAlert: o,
+  LuAvatar: t,
+  LuBadge: c,
+  LuBarChart: r,
+  LuBottomSheet: l,
+  LuBreadcrumb: f,
+  LuButton: $,
+  LuCalendar: d,
+  LuCard: p,
+  LuCheck: i,
+  LuCheckbox: i,
+  LuChip: b,
+  LuChipGroup: T,
+  LuCodeBlock: h,
+  LuCollapsible: S,
+  LuCommandPalette: k,
+  LuDataGrid: g,
+  LuDateRangePicker: C,
+  LuDesktopRailBar: ja,
+  LuDesktopRailItem: Ea,
+  LuDesktopShell: wa,
+  LuDesktopSidebar: Aa,
+  LuDesktopStatusBar: Ha,
+  LuDesktopTopBar: za,
+  LuDivider: B,
+  LuDock: Ba,
+  LuDockItem: Da,
+  LuDoughnutChart: D,
+  LuDrawer: P,
+  LuEmbeddedShell: Oa,
+  LuEmbeddedStatusBar: Ua,
+  LuEmbeddedTopBar: Na,
+  LuFileUpload: R,
+  LuFill: Pa,
+  LuFixed: Ra,
+  LuForm: I,
+  LuFormField: v,
+  LuFormWizard: x,
+  LuGaugeChart: F,
+  LuGrid: Ia,
+  LuIcon: G,
+  LuInput: M,
+  LuKanban: y,
+  LuLineChart: j,
+  LuLink: E,
+  LuList: w,
+  LuListDivider: A,
+  LuListItem: H,
+  LuListSubheader: z,
+  LuMediaGallery: O,
+  LuMenu: U,
+  LuMenuItem: N,
+  LuMobileHeader: Ka,
+  LuMobileNavBar: Wa,
+  LuMobileShell: qa,
+  LuModal: K,
+  LuOverlay: va,
+  LuPagination: W,
+  LuPlanner: q,
+  LuPopover: J,
+  LuProgressBar: Q,
+  LuRadio: V,
+  LuRadioGroup: X,
+  LuRichTextEditor: Y,
+  LuScroll: xa,
+  LuSelect: Z,
+  LuSkeleton: aa,
+  LuSparkline: sa,
+  LuSpinner: ua,
+  LuSplit: Fa,
+  LuSplitPane: Ga,
+  LuSplitResizer: Ma,
+  LuStack: ya,
+  LuSwitch: ea,
+  LuTab: ia,
+  LuTabList: La,
+  LuTabPanel: _a,
+  LuTable: na,
+  LuTableBody: ma,
+  LuTableCell: oa,
+  LuTableHead: ta,
+  LuTableHeadCell: ca,
+  LuTableRow: ra,
+  LuTabs: la,
+  LuTag: fa,
+  LuText: $a,
+  LuTextarea: da,
+  LuTimeline: pa,
+  LuTimelineItem: ba,
+  LuToast: Ta,
+  LuToggleButton: ha,
+  LuToggleGroup: Sa,
+  LuTooltip: ka,
+  LuTree: ga,
+  LuTreeNode: Ca
+}, Symbol.toStringTag, { value: "Module" }));
+function as(a = {}) {
   return {
-    install(e) {
-      const s = L({
+    install(s) {
+      const L = n({
         target: a.target ?? "desktop",
         skin: a.skin,
         locale: a.locale ?? "en-US",
         a11y: a.a11y ?? !0,
         icons: a.icons
       });
-      e.provide(u, s), a.global;
+      if (s.provide(_, L), a.global !== !1)
+        for (const [u, e] of Object.entries(Ja))
+          u.startsWith("Lu") && typeof e == "object" && s.component(u, e);
     }
   };
 }
 export {
-  j as LuAlert,
-  A as LuAvatar,
-  U as LuBadge,
-  _ as LuBreadcrumb,
-  z as LuButton,
-  K as LuCard,
-  N as LuCheckbox,
-  O as LuCodeBlock,
-  q as LuCollapsible,
-  D as LuDesktopRailBar,
-  C as LuDesktopRailItem,
-  I as LuDesktopShell,
-  v as LuDesktopSidebar,
-  M as LuDesktopStatusBar,
-  R as LuDesktopTopBar,
-  J as LuDivider,
-  c as LuDock,
-  n as LuDockItem,
-  y as LuEmbeddedShell,
-  P as LuEmbeddedStatusBar,
-  w as LuEmbeddedTopBar,
-  m as LuFill,
-  p as LuFixed,
-  Q as LuForm,
-  T as LuGrid,
-  V as LuIcon,
-  W as LuInput,
-  X as LuLink,
-  Y as LuMenu,
-  Z as LuMenuItem,
-  H as LuMobileHeader,
-  E as LuMobileNavBar,
-  F as LuMobileShell,
-  $ as LuModal,
-  k as LuOverlay,
-  aa as LuPageHeader,
-  ea as LuPagination,
-  sa as LuProgressBar,
-  ua as LuRadio,
-  La as LuRadioGroup,
-  S as LuScroll,
-  oa as LuSelect,
-  la as LuSkeleton,
-  ra as LuSpinner,
-  g as LuSplit,
-  f as LuSplitPane,
-  B as LuSplitResizer,
-  h as LuStack,
-  ta as LuSwitch,
+  m as LuAccordion,
+  o as LuAlert,
+  t as LuAvatar,
+  c as LuBadge,
+  r as LuBarChart,
+  l as LuBottomSheet,
+  f as LuBreadcrumb,
+  $ as LuButton,
+  d as LuCalendar,
+  p as LuCard,
+  i as LuCheck,
+  i as LuCheckbox,
+  b as LuChip,
+  T as LuChipGroup,
+  h as LuCodeBlock,
+  S as LuCollapsible,
+  k as LuCommandPalette,
+  g as LuDataGrid,
+  C as LuDateRangePicker,
+  ja as LuDesktopRailBar,
+  Ea as LuDesktopRailItem,
+  wa as LuDesktopShell,
+  Aa as LuDesktopSidebar,
+  Ha as LuDesktopStatusBar,
+  za as LuDesktopTopBar,
+  B as LuDivider,
+  Ba as LuDock,
+  Da as LuDockItem,
+  D as LuDoughnutChart,
+  P as LuDrawer,
+  Oa as LuEmbeddedShell,
+  Ua as LuEmbeddedStatusBar,
+  Na as LuEmbeddedTopBar,
+  R as LuFileUpload,
+  Pa as LuFill,
+  Ra as LuFixed,
+  I as LuForm,
+  v as LuFormField,
+  x as LuFormWizard,
+  F as LuGaugeChart,
+  Ia as LuGrid,
+  G as LuIcon,
+  M as LuInput,
+  y as LuKanban,
+  j as LuLineChart,
+  E as LuLink,
+  w as LuList,
+  A as LuListDivider,
+  H as LuListItem,
+  z as LuListSubheader,
+  O as LuMediaGallery,
+  U as LuMenu,
+  N as LuMenuItem,
+  Ka as LuMobileHeader,
+  Wa as LuMobileNavBar,
+  qa as LuMobileShell,
+  K as LuModal,
+  va as LuOverlay,
+  W as LuPagination,
+  q as LuPlanner,
+  J as LuPopover,
+  Q as LuProgressBar,
+  V as LuRadio,
+  X as LuRadioGroup,
+  Y as LuRichTextEditor,
+  xa as LuScroll,
+  Z as LuSelect,
+  aa as LuSkeleton,
+  sa as LuSparkline,
+  ua as LuSpinner,
+  Fa as LuSplit,
+  Ga as LuSplitPane,
+  Ma as LuSplitResizer,
+  ya as LuStack,
+  ea as LuSwitch,
   ia as LuTab,
-  da as LuTabList,
-  ba as LuTabPanel,
-  ca as LuTable,
-  na as LuTableBody,
-  ma as LuTableCell,
-  pa as LuTableHead,
-  Ta as LuTableHeadCell,
-  ka as LuTableRow,
-  Sa as LuTabs,
-  ga as LuTag,
-  fa as LuText,
-  Ba as LuTextarea,
-  ha as LuThemeSelect,
-  xa as LuThemeSwitch,
-  Da as LuToggleButton,
-  Ca as LuToggleGroup,
-  Ia as LuTooltip,
-  u as LumoraUIConfigKey,
-  r as createLumoraUI,
-  Ma as defaultSkin,
-  d as useLumoraConfig
+  La as LuTabList,
+  _a as LuTabPanel,
+  na as LuTable,
+  ma as LuTableBody,
+  oa as LuTableCell,
+  ta as LuTableHead,
+  ca as LuTableHeadCell,
+  ra as LuTableRow,
+  la as LuTabs,
+  fa as LuTag,
+  $a as LuText,
+  da as LuTextarea,
+  pa as LuTimeline,
+  ba as LuTimelineItem,
+  Ta as LuToast,
+  ha as LuToggleButton,
+  Sa as LuToggleGroup,
+  ka as LuTooltip,
+  ga as LuTree,
+  Ca as LuTreeNode,
+  _ as LumoraUIConfigKey,
+  as as createLumoraUI,
+  ms as defaultSkin,
+  Ls as useChartTheme,
+  _s as useDataGrid,
+  ts as useFloating,
+  cs as useLuToast,
+  es as useLumoraConfig
 };

package/dist/layout/LuFill.vue.d.ts

@@ -1,9 +1,6 @@
 type __VLS_Props = {
     variant?: string;
     as?: string;
-    width?: string;
-    height?: string;
-    padding?: string | number;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/layout/LuFixed.vue.d.ts

@@ -1,9 +1,6 @@
 type __VLS_Props = {
     variant?: string;
     as?: string;
-    width?: string;
-    height?: string;
-    padding?: string | number;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/layout/LuGrid.vue.d.ts

@@ -5,10 +5,6 @@ type __VLS_Props = {
     lgCols?: number;
     variant?: string;
     as?: string;
-    gap?: string | number;
-    padding?: string | number;
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/layout/LuStack.vue.d.ts

@@ -2,10 +2,12 @@ type __VLS_Props = {
     direction?: "vertical" | "horizontal";
     variant?: string;
     as?: string;
+    /** Tailwind gap step, e.g. gap="4" → gap-4 */
     gap?: string | number;
-    padding?: string | number;
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Tailwind items-* shorthand: center | start | end | stretch | baseline */
+    align?: "center" | "start" | "end" | "stretch" | "baseline";
+    /** Tailwind justify-* shorthand: center | start | end | between | around | evenly */
+    justify?: "center" | "start" | "end" | "between" | "around" | "evenly";
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/layout/index.js

@@ -1,4 +1,4 @@
-import { _ as u, a as L, b as e, c as i, d as l, e as r, f as t, g as c, h as o, i as S, j as p } from "../LuOverlay.vue_vue_type_script_setup_true_lang-DZch4Vrw.js";
+import { _ as u, a as L, b as e, c as i, d as l, e as r, f as t, g as c, h as o, i as S, j as p } from "../LuOverlay.vue_vue_type_script_setup_true_lang-C5jhqCgy.js";
 export {
   u as LuDock,
   L as LuDockItem,

package/dist/shell/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as u, b as o, c as d, d as t, e as L, f as l, g as r, h as p, i as b, j as i, k } from "../LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-CIksvebU.js";
+import { _ as s, a as u, b as o, c as d, d as t, e as L, f as l, g as r, h as p, i as b, j as i, k } from "../LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-D4rqklgo.js";
 export {
   s as LuDesktopRailBar,
   u as LuDesktopRailItem,

package/dist/skins/components.d.ts

@@ -0,0 +1,2 @@
+import type { SkinMap } from "../types";
+export declare const componentsSkin: SkinMap;