@leavepulse/ui 0.29.4 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/assets/LpChart-CzgCGaAA.css +8 -0
  2. package/dist/chunks/LpActionBar-CxmBZpGu.js +173 -0
  3. package/dist/chunks/{LpAppShell-BJk3b-u4.js → LpAppShell-DnocEJAu.js} +1 -1
  4. package/dist/chunks/{LpCodeBlock-rS_6mO3D.js → LpCodeBlock-BWX1KZwk.js} +7 -13
  5. package/dist/chunks/LpColorPicker-CFC6iaNK.js +491 -0
  6. package/dist/chunks/{LpDisclosure-BnwP4Q-b.js → LpDisclosure-C1_YkMrd.js} +8 -2
  7. package/dist/chunks/{LpLogViewer-CVaGfTF_.js → LpLogViewer-TSRyt3t9.js} +3 -6
  8. package/dist/chunks/{LpSidebar-C_Mr-JPI.js → LpSidebar-CWSbczWi.js} +11 -2
  9. package/dist/component-names.d.ts +1 -1
  10. package/dist/components/LpActionBar.vue.d.ts +84 -0
  11. package/dist/components/LpActionBar.vue.js +4 -0
  12. package/dist/components/LpAppShell.vue.js +1 -1
  13. package/dist/components/LpChart.vue.js +814 -2
  14. package/dist/components/LpCodeBlock.vue.js +1 -1
  15. package/dist/components/LpColorPicker.vue.d.ts +124 -0
  16. package/dist/components/LpColorPicker.vue.js +4 -0
  17. package/dist/components/LpDisclosure.vue.js +1 -1
  18. package/dist/components/LpLogViewer.vue.js +1 -1
  19. package/dist/components/LpNotificationBell.vue.d.ts +2 -2
  20. package/dist/components/LpSidebar.vue.d.ts +21 -0
  21. package/dist/components/LpSidebar.vue.js +1 -1
  22. package/dist/components/actionBar.d.ts +19 -0
  23. package/dist/components/actionBar.js +31 -0
  24. package/dist/components/color.d.ts +65 -0
  25. package/dist/components/color.js +158 -0
  26. package/dist/composables/useClipboard.d.ts +46 -0
  27. package/dist/composables/useClipboard.js +28 -0
  28. package/dist/index.d.ts +8 -0
  29. package/dist/index.js +154 -135
  30. package/package.json +1 -1
  31. package/src/component-names.ts +2 -0
  32. package/src/components/LpActionBar.vue +268 -0
  33. package/src/components/LpChart.vue +337 -63
  34. package/src/components/LpCodeBlock.vue +5 -10
  35. package/src/components/LpColorPicker.vue +784 -0
  36. package/src/components/LpDisclosure.vue +17 -2
  37. package/src/components/LpLogViewer.vue +5 -8
  38. package/src/components/LpSidebar.vue +42 -6
  39. package/src/components/actionBar.ts +73 -0
  40. package/src/components/color.ts +257 -0
  41. package/src/composables/useClipboard.ts +107 -0
  42. package/src/index.ts +21 -0
  43. package/dist/chunks/LpChart-Bmw7y34Z.js +0 -672
@@ -0,0 +1,84 @@
1
+ export interface ActionBarAction {
2
+ label: string;
3
+ /** Leading icon (any name LpIcon takes). */
4
+ icon?: string;
5
+ /** Mirrors LpButton's variants; the default reads as the primary action. */
6
+ variant?: "solid" | "action" | "outline" | "soft" | "ghost" | "muted" | "light" | "danger";
7
+ disabled?: boolean;
8
+ /** Shows a spinner in place of the icon and blocks repeat clicks. */
9
+ loading?: boolean;
10
+ onClick?: () => void | Promise<void>;
11
+ }
12
+ type __VLS_Props = {
13
+ /** Shown or not (v-model:open, or a plain :open). */
14
+ open?: boolean;
15
+ /** Lead line — "You have unsaved changes". */
16
+ title?: string;
17
+ /** Second line, quieter. Long explanations belong here, not in the title. */
18
+ description?: string;
19
+ /** Leading icon. Omit for a bar that is purely text + buttons. */
20
+ icon?: string;
21
+ /**
22
+ * Buttons on the right, in reading order. The LAST one is the primary and
23
+ * gets the solid treatment unless it says otherwise — the confirming action
24
+ * sits closest to the edge the thumb and the eye finish on.
25
+ */
26
+ actions?: ActionBarAction[];
27
+ /** Adds a "✕" that emits `dismiss`. For notices, not for decisions. */
28
+ dismissible?: boolean;
29
+ /**
30
+ * Tone. `danger` for a destructive pending action; the default stays neutral
31
+ * because most of these bars are routine and a page edged in red for every
32
+ * unsaved field trains people to ignore red.
33
+ */
34
+ variant?: "default" | "danger";
35
+ /**
36
+ * How wide the bar runs.
37
+ *
38
+ * "contained" (the default) keeps it to the width of its own content, up to
39
+ * a cap, and centres it: a bar carrying six words and two buttons has no
40
+ * business spanning a 1920px display, and stretching it puts the buttons a
41
+ * screen away from the field you were editing.
42
+ *
43
+ * "full" spans the viewport edge to edge — for a cookie notice, which reads
44
+ * as part of the page frame rather than as a message about one thing on it.
45
+ * Its CONTENTS are still capped and centred, so the buttons stay beside the
46
+ * text instead of being flung to the far corner.
47
+ */
48
+ width?: "contained" | "full";
49
+ /**
50
+ * Cap for the bar (or, when `width="full"`, for the row inside it). Any CSS
51
+ * length. Defaults to a comfortable measure for a line of text and two or
52
+ * three buttons — wider for `full`, whose job is to span the page and whose
53
+ * contents therefore sit on the page's own measure, not a card's.
54
+ */
55
+ maxWidth?: string;
56
+ /** Accessible name for the landmark. Falls back to `title`. */
57
+ ariaLabel?: string;
58
+ };
59
+ declare var __VLS_18: {}, __VLS_20: {};
60
+ type __VLS_Slots = {} & {
61
+ default?: (props: typeof __VLS_18) => any;
62
+ } & {
63
+ actions?: (props: typeof __VLS_20) => any;
64
+ };
65
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
66
+ "update:open": (value: boolean) => any;
67
+ dismiss: () => any;
68
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
69
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
70
+ onDismiss?: (() => any) | undefined;
71
+ }>, {
72
+ width: "contained" | "full";
73
+ open: boolean;
74
+ variant: "default" | "danger";
75
+ actions: ActionBarAction[];
76
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
77
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
78
+ declare const _default: typeof __VLS_export;
79
+ export default _default;
80
+ type __VLS_WithSlots<T, S> = T & {
81
+ new (): {
82
+ $slots: S;
83
+ };
84
+ };
@@ -0,0 +1,4 @@
1
+ import { _ as _sfc_main } from "../chunks/LpActionBar-CxmBZpGu.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../chunks/LpAppShell-BJk3b-u4.js";
1
+ import { _ as _sfc_main } from "../chunks/LpAppShell-DnocEJAu.js";
2
2
  export {
3
3
  _sfc_main as default
4
4
  };