@blaze-dev/ui 0.3.0 → 0.5.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 (113) hide show
  1. package/dist/action-button.d.ts +27 -0
  2. package/dist/action-button.d.ts.map +1 -0
  3. package/dist/action-button.js +18 -0
  4. package/dist/action-button.js.map +1 -0
  5. package/dist/breadcrumbs.d.ts +18 -0
  6. package/dist/breadcrumbs.d.ts.map +1 -0
  7. package/dist/breadcrumbs.js +12 -0
  8. package/dist/breadcrumbs.js.map +1 -0
  9. package/dist/context-menu.d.ts +14 -0
  10. package/dist/context-menu.d.ts.map +1 -0
  11. package/dist/context-menu.js +5 -0
  12. package/dist/context-menu.js.map +1 -0
  13. package/dist/copy-button.d.ts +8 -0
  14. package/dist/copy-button.d.ts.map +1 -0
  15. package/dist/copy-button.js +7 -0
  16. package/dist/copy-button.js.map +1 -0
  17. package/dist/danger-zone.d.ts +10 -0
  18. package/dist/danger-zone.d.ts.map +1 -0
  19. package/dist/danger-zone.js +5 -0
  20. package/dist/danger-zone.js.map +1 -0
  21. package/dist/data/index.d.ts +2 -0
  22. package/dist/data/index.d.ts.map +1 -1
  23. package/dist/data/index.js +2 -0
  24. package/dist/data/index.js.map +1 -1
  25. package/dist/data/info-row.d.ts +9 -0
  26. package/dist/data/info-row.d.ts.map +1 -0
  27. package/dist/data/info-row.js +5 -0
  28. package/dist/data/info-row.js.map +1 -0
  29. package/dist/data/stats-grid.d.ts +14 -0
  30. package/dist/data/stats-grid.d.ts.map +1 -0
  31. package/dist/data/stats-grid.js +10 -0
  32. package/dist/data/stats-grid.js.map +1 -0
  33. package/dist/feedback/app-error-boundary.d.ts +21 -0
  34. package/dist/feedback/app-error-boundary.d.ts.map +1 -0
  35. package/dist/feedback/app-error-boundary.js +80 -0
  36. package/dist/feedback/app-error-boundary.js.map +1 -0
  37. package/dist/feedback/async-state.d.ts +18 -0
  38. package/dist/feedback/async-state.d.ts.map +1 -0
  39. package/dist/feedback/async-state.js +24 -0
  40. package/dist/feedback/async-state.js.map +1 -0
  41. package/dist/feedback/confirm-modal.d.ts +14 -0
  42. package/dist/feedback/confirm-modal.d.ts.map +1 -0
  43. package/dist/feedback/confirm-modal.js +19 -0
  44. package/dist/feedback/confirm-modal.js.map +1 -0
  45. package/dist/feedback/index.d.ts +4 -0
  46. package/dist/feedback/index.d.ts.map +1 -1
  47. package/dist/feedback/index.js +4 -0
  48. package/dist/feedback/index.js.map +1 -1
  49. package/dist/feedback/info-alert.d.ts +16 -0
  50. package/dist/feedback/info-alert.d.ts.map +1 -0
  51. package/dist/feedback/info-alert.js +11 -0
  52. package/dist/feedback/info-alert.js.map +1 -0
  53. package/dist/hooks/index.d.ts +10 -0
  54. package/dist/hooks/index.d.ts.map +1 -0
  55. package/dist/hooks/index.js +10 -0
  56. package/dist/hooks/index.js.map +1 -0
  57. package/dist/hooks/use-confirm.d.ts +36 -0
  58. package/dist/hooks/use-confirm.d.ts.map +1 -0
  59. package/dist/hooks/use-confirm.js +49 -0
  60. package/dist/hooks/use-confirm.js.map +1 -0
  61. package/dist/hooks/use-copy-to-clipboard.d.ts +2 -0
  62. package/dist/hooks/use-copy-to-clipboard.d.ts.map +1 -0
  63. package/dist/hooks/use-copy-to-clipboard.js +16 -0
  64. package/dist/hooks/use-copy-to-clipboard.js.map +1 -0
  65. package/dist/hooks/use-debounced-search.d.ts +10 -0
  66. package/dist/hooks/use-debounced-search.d.ts.map +1 -0
  67. package/dist/hooks/use-debounced-search.js +18 -0
  68. package/dist/hooks/use-debounced-search.js.map +1 -0
  69. package/dist/hooks/use-infinite-scroll.d.ts +12 -0
  70. package/dist/hooks/use-infinite-scroll.d.ts.map +1 -0
  71. package/dist/hooks/use-infinite-scroll.js +22 -0
  72. package/dist/hooks/use-infinite-scroll.js.map +1 -0
  73. package/dist/hooks/use-modal-state.d.ts +20 -0
  74. package/dist/hooks/use-modal-state.d.ts.map +1 -0
  75. package/dist/hooks/use-modal-state.js +22 -0
  76. package/dist/hooks/use-modal-state.js.map +1 -0
  77. package/dist/hooks/use-mutation-toast.d.ts +25 -0
  78. package/dist/hooks/use-mutation-toast.d.ts.map +1 -0
  79. package/dist/hooks/use-mutation-toast.js +48 -0
  80. package/dist/hooks/use-mutation-toast.js.map +1 -0
  81. package/dist/hooks/use-page-title.d.ts +5 -0
  82. package/dist/hooks/use-page-title.d.ts.map +1 -0
  83. package/dist/hooks/use-page-title.js +10 -0
  84. package/dist/hooks/use-page-title.js.map +1 -0
  85. package/dist/hooks/use-persisted-state.d.ts +7 -0
  86. package/dist/hooks/use-persisted-state.d.ts.map +1 -0
  87. package/dist/hooks/use-persisted-state.js +34 -0
  88. package/dist/hooks/use-persisted-state.js.map +1 -0
  89. package/dist/hooks/use-theme.d.ts +8 -0
  90. package/dist/hooks/use-theme.d.ts.map +1 -0
  91. package/dist/hooks/use-theme.js +26 -0
  92. package/dist/hooks/use-theme.js.map +1 -0
  93. package/dist/index.d.ts +22 -0
  94. package/dist/index.d.ts.map +1 -1
  95. package/dist/index.js +24 -0
  96. package/dist/index.js.map +1 -1
  97. package/dist/status-badge.d.ts +12 -0
  98. package/dist/status-badge.d.ts.map +1 -0
  99. package/dist/status-badge.js +23 -0
  100. package/dist/status-badge.js.map +1 -0
  101. package/dist/tabs.d.ts +15 -0
  102. package/dist/tabs.d.ts.map +1 -0
  103. package/dist/tabs.js +8 -0
  104. package/dist/tabs.js.map +1 -0
  105. package/dist/utils/date-utils.d.ts +31 -0
  106. package/dist/utils/date-utils.d.ts.map +1 -0
  107. package/dist/utils/date-utils.js +78 -0
  108. package/dist/utils/date-utils.js.map +1 -0
  109. package/dist/utils/index.d.ts +2 -0
  110. package/dist/utils/index.d.ts.map +1 -0
  111. package/dist/utils/index.js +2 -0
  112. package/dist/utils/index.js.map +1 -0
  113. package/package.json +23 -2
@@ -0,0 +1,36 @@
1
+ export interface ConfirmOptions {
2
+ title?: string;
3
+ message: string;
4
+ confirmLabel?: string;
5
+ variant?: 'danger' | 'warning' | 'default';
6
+ }
7
+ export interface ConfirmModalState {
8
+ isOpen: boolean;
9
+ title?: string;
10
+ message: string;
11
+ confirmLabel?: string;
12
+ variant?: 'danger' | 'warning' | 'default';
13
+ onClose: () => void;
14
+ onConfirm: () => void;
15
+ }
16
+ /**
17
+ * Promise-based confirmation dialog hook.
18
+ * Returns `confirm(options)` and `confirmProps` to spread onto `<ConfirmModal>`.
19
+ *
20
+ * @example
21
+ * ```tsx
22
+ * const { confirm, confirmProps } = useConfirm()
23
+ *
24
+ * const handleDelete = async () => {
25
+ * const ok = await confirm({ message: 'Delete this item?', variant: 'danger' })
26
+ * if (ok) deleteMutation.mutate(id)
27
+ * }
28
+ *
29
+ * return <ConfirmModal {...confirmProps} />
30
+ * ```
31
+ */
32
+ export declare function useConfirm(): {
33
+ readonly confirm: (options: ConfirmOptions) => Promise<boolean>;
34
+ readonly confirmProps: ConfirmModalState;
35
+ };
36
+ //# sourceMappingURL=use-confirm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-confirm.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirm.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU;gCASc,cAAc,KAAG,OAAO,CAAC,OAAO,CAAC;;EA8BxE"}
@@ -0,0 +1,49 @@
1
+ import { useCallback, useState } from 'react';
2
+ /**
3
+ * Promise-based confirmation dialog hook.
4
+ * Returns `confirm(options)` and `confirmProps` to spread onto `<ConfirmModal>`.
5
+ *
6
+ * @example
7
+ * ```tsx
8
+ * const { confirm, confirmProps } = useConfirm()
9
+ *
10
+ * const handleDelete = async () => {
11
+ * const ok = await confirm({ message: 'Delete this item?', variant: 'danger' })
12
+ * if (ok) deleteMutation.mutate(id)
13
+ * }
14
+ *
15
+ * return <ConfirmModal {...confirmProps} />
16
+ * ```
17
+ */
18
+ export function useConfirm() {
19
+ const [state, setState] = useState(null);
20
+ const confirm = useCallback((options) => {
21
+ return new Promise((resolve) => {
22
+ setState({ ...options, resolve });
23
+ });
24
+ }, []);
25
+ const confirmProps = state
26
+ ? {
27
+ isOpen: true,
28
+ message: state.message,
29
+ title: state.title,
30
+ confirmLabel: state.confirmLabel,
31
+ variant: state.variant,
32
+ onClose: () => {
33
+ state.resolve(false);
34
+ setState(null);
35
+ },
36
+ onConfirm: () => {
37
+ state.resolve(true);
38
+ setState(null);
39
+ },
40
+ }
41
+ : {
42
+ isOpen: false,
43
+ message: '',
44
+ onClose: () => { },
45
+ onConfirm: () => { },
46
+ };
47
+ return { confirm, confirmProps };
48
+ }
49
+ //# sourceMappingURL=use-confirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-confirm.js","sourceRoot":"","sources":["../../src/hooks/use-confirm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAmB7C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,UAAU;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAMxB,IAAI,CAAC,CAAA;IAEf,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,OAAuB,EAAoB,EAAE;QACxE,OAAO,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;YACtC,QAAQ,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAsB,KAAK;QAC3C,CAAC,CAAC;YACE,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;gBACpB,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;gBACnB,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC;SACF;QACH,CAAC,CAAC;YACE,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;SACpB,CAAA;IAEL,OAAO,EAAE,OAAO,EAAE,YAAY,EAAW,CAAA;AAC3C,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare function useCopyToClipboard(resetMs?: number): [boolean, (text: string) => Promise<void>];
2
+ //# sourceMappingURL=use-copy-to-clipboard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,OAAO,SAAO,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAc7F"}
@@ -0,0 +1,16 @@
1
+ import { useState } from 'react';
2
+ export function useCopyToClipboard(resetMs = 2000) {
3
+ const [copied, setCopied] = useState(false);
4
+ const copy = async (text) => {
5
+ try {
6
+ await navigator.clipboard.writeText(text);
7
+ setCopied(true);
8
+ setTimeout(() => setCopied(false), resetMs);
9
+ }
10
+ catch {
11
+ // Clipboard API may not be available
12
+ }
13
+ };
14
+ return [copied, copy];
15
+ }
16
+ //# sourceMappingURL=use-copy-to-clipboard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-copy-to-clipboard.js","sourceRoot":"","sources":["../../src/hooks/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,UAAU,kBAAkB,CAAC,OAAO,GAAG,IAAI;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,IAAI,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;QAClC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACzC,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAA;QAC7C,CAAC;QAAC,MAAM,CAAC;YACP,qCAAqC;QACvC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AACvB,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Returns a search input state and a debounced version.
3
+ * The `debouncedSearch` value updates after the delay elapses.
4
+ */
5
+ export declare function useDebouncedSearch(delay?: number): {
6
+ readonly searchInput: string;
7
+ readonly setSearchInput: import("react").Dispatch<import("react").SetStateAction<string>>;
8
+ readonly debouncedSearch: string;
9
+ };
10
+ //# sourceMappingURL=use-debounced-search.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-debounced-search.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounced-search.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,SAAsB;;;;EAY7D"}
@@ -0,0 +1,18 @@
1
+ import { useEffect, useState } from 'react';
2
+ const DEFAULT_DEBOUNCE_MS = 300;
3
+ /**
4
+ * Returns a search input state and a debounced version.
5
+ * The `debouncedSearch` value updates after the delay elapses.
6
+ */
7
+ export function useDebouncedSearch(delay = DEFAULT_DEBOUNCE_MS) {
8
+ const [searchInput, setSearchInput] = useState('');
9
+ const [debouncedSearch, setDebouncedSearch] = useState('');
10
+ useEffect(() => {
11
+ const handle = window.setTimeout(() => {
12
+ setDebouncedSearch(searchInput.trim());
13
+ }, delay);
14
+ return () => window.clearTimeout(handle);
15
+ }, [searchInput, delay]);
16
+ return { searchInput, setSearchInput, debouncedSearch };
17
+ }
18
+ //# sourceMappingURL=use-debounced-search.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-debounced-search.js","sourceRoot":"","sources":["../../src/hooks/use-debounced-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,mBAAmB,GAAG,GAAG,CAAA;AAE/B;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAK,GAAG,mBAAmB;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACpC,kBAAkB,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAA;QACxC,CAAC,EAAE,KAAK,CAAC,CAAA;QACT,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAExB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAW,CAAA;AAClE,CAAC"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Auto-trigger `fetchNextPage` when a sentinel element enters the viewport.
3
+ * Attach `loadMoreRef` to a div at the bottom of your list.
4
+ */
5
+ export declare function useInfiniteScroll(opts: {
6
+ hasNextPage: boolean | undefined;
7
+ isFetchingNextPage: boolean;
8
+ fetchNextPage: () => void;
9
+ }): {
10
+ loadMoreRef: import("react").RefObject<HTMLDivElement | null>;
11
+ };
12
+ //# sourceMappingURL=use-infinite-scroll.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-infinite-scroll.d.ts","sourceRoot":"","sources":["../../src/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE;IACtC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,kBAAkB,EAAE,OAAO,CAAA;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B;;EAkBA"}
@@ -0,0 +1,22 @@
1
+ import { useEffect, useRef } from 'react';
2
+ /**
3
+ * Auto-trigger `fetchNextPage` when a sentinel element enters the viewport.
4
+ * Attach `loadMoreRef` to a div at the bottom of your list.
5
+ */
6
+ export function useInfiniteScroll(opts) {
7
+ const loadMoreRef = useRef(null);
8
+ useEffect(() => {
9
+ const el = loadMoreRef.current;
10
+ if (!el)
11
+ return;
12
+ const observer = new IntersectionObserver(([entry]) => {
13
+ if (entry.isIntersecting && opts.hasNextPage && !opts.isFetchingNextPage) {
14
+ opts.fetchNextPage();
15
+ }
16
+ });
17
+ observer.observe(el);
18
+ return () => observer.disconnect();
19
+ }, [opts.hasNextPage, opts.isFetchingNextPage, opts.fetchNextPage]);
20
+ return { loadMoreRef };
21
+ }
22
+ //# sourceMappingURL=use-infinite-scroll.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-infinite-scroll.js","sourceRoot":"","sources":["../../src/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAIjC;IACC,MAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,EAAE;YAAE,OAAM;QAEf,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACpD,IAAI,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACzE,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnE,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Simple boolean modal state (open/close).
3
+ */
4
+ export declare function useModalState(): {
5
+ readonly isOpen: boolean;
6
+ readonly open: () => void;
7
+ readonly close: () => void;
8
+ readonly setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
9
+ };
10
+ /**
11
+ * Modal state with an associated item (e.g. editing an entity).
12
+ * Opening sets both isOpen=true and the item; closing clears both.
13
+ */
14
+ export declare function useItemModal<T>(): {
15
+ readonly isOpen: boolean;
16
+ readonly item: T | null;
17
+ readonly open: (value: T) => void;
18
+ readonly close: () => void;
19
+ };
20
+ //# sourceMappingURL=use-modal-state.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-modal-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-modal-state.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,aAAa;;;;;EAK5B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC;;;2BAGK,CAAC;;EAGnC"}
@@ -0,0 +1,22 @@
1
+ import { useCallback, useState } from 'react';
2
+ /**
3
+ * Simple boolean modal state (open/close).
4
+ */
5
+ export function useModalState() {
6
+ const [isOpen, setIsOpen] = useState(false);
7
+ const open = useCallback(() => setIsOpen(true), []);
8
+ const close = useCallback(() => setIsOpen(false), []);
9
+ return { isOpen, open, close, setIsOpen };
10
+ }
11
+ /**
12
+ * Modal state with an associated item (e.g. editing an entity).
13
+ * Opening sets both isOpen=true and the item; closing clears both.
14
+ */
15
+ export function useItemModal() {
16
+ const [item, setItem] = useState(null);
17
+ const isOpen = item !== null;
18
+ const open = useCallback((value) => setItem(value), []);
19
+ const close = useCallback(() => setItem(null), []);
20
+ return { isOpen, item, open, close };
21
+ }
22
+ //# sourceMappingURL=use-modal-state.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-modal-state.js","sourceRoot":"","sources":["../../src/hooks/use-modal-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;GAEG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IACrD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAW,CAAA;AACpD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5B,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,KAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAClD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAW,CAAA;AAC/C,CAAC"}
@@ -0,0 +1,25 @@
1
+ interface MutateOptions<TData, TError, TVariables> {
2
+ onSuccess?: (data: TData, variables: TVariables, context: unknown) => void | Promise<void>;
3
+ onError?: (error: TError, variables: TVariables, context: unknown) => void | Promise<void>;
4
+ }
5
+ interface MutationLike<TData, TError, TVariables> {
6
+ mutate: (variables: TVariables, options?: MutateOptions<TData, TError, TVariables>) => void;
7
+ mutateAsync: (variables: TVariables, options?: MutateOptions<TData, TError, TVariables>) => Promise<TData>;
8
+ }
9
+ export interface MutationToastOptions<TData = unknown, TError = Error, TVariables = unknown> {
10
+ successMessage?: string | ((data: TData, variables: TVariables) => string);
11
+ errorMessage?: string | ((error: TError) => string);
12
+ invalidateQueries?: () => void | Promise<void>;
13
+ onSuccess?: (data: TData, variables: TVariables) => void | Promise<void>;
14
+ onError?: (error: TError, variables: TVariables) => void | Promise<void>;
15
+ }
16
+ /**
17
+ * Wrap a tRPC (or any compatible) mutation to automatically show toast
18
+ * notifications on success/error and optionally invalidate queries.
19
+ */
20
+ export declare function useMutationToast<TData = unknown, TError = Error, TVariables = void, TMutation extends MutationLike<TData, TError, TVariables> = MutationLike<TData, TError, TVariables>>(mutation: TMutation, options?: MutationToastOptions<TData, TError, TVariables>): Omit<TMutation, 'mutate' | 'mutateAsync'> & {
21
+ mutate: (variables: TVariables) => void;
22
+ mutateAsync: (variables: TVariables) => Promise<TData>;
23
+ };
24
+ export {};
25
+ //# sourceMappingURL=use-mutation-toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-mutation-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mutation-toast.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3F;AAED,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU;IAC9C,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IAC3F,WAAW,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,CAAA;CAC3G;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,UAAU,GAAG,OAAO;IACzF,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,KAAK,MAAM,CAAC,CAAA;IAC1E,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IACnD,iBAAiB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACzE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,GAAG,OAAO,EACf,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,IAAI,EACjB,SAAS,SAAS,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAEnG,QAAQ,EAAE,SAAS,EACnB,OAAO,GAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAM,GAC5D,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,aAAa,CAAC,GAAG;IAC7C,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAA;CACvD,CAgDA"}
@@ -0,0 +1,48 @@
1
+ import { useToast } from '../feedback/toast-provider.js';
2
+ /**
3
+ * Wrap a tRPC (or any compatible) mutation to automatically show toast
4
+ * notifications on success/error and optionally invalidate queries.
5
+ */
6
+ export function useMutationToast(mutation, options = {}) {
7
+ const { addToast } = useToast();
8
+ const { successMessage, errorMessage, invalidateQueries, onSuccess, onError } = options;
9
+ const handleSuccess = async (data, variables) => {
10
+ if (invalidateQueries) {
11
+ try {
12
+ await invalidateQueries();
13
+ }
14
+ catch {
15
+ addToast('Operation succeeded, but display may be out of date. Please refresh.', 'warning');
16
+ }
17
+ }
18
+ if (successMessage) {
19
+ const message = typeof successMessage === 'function' ? successMessage(data, variables) : successMessage;
20
+ addToast(message, 'success');
21
+ }
22
+ await onSuccess?.(data, variables);
23
+ };
24
+ const handleError = async (error, variables) => {
25
+ const message = errorMessage
26
+ ? typeof errorMessage === 'function'
27
+ ? errorMessage(error)
28
+ : errorMessage
29
+ : `Error: ${error.message}`;
30
+ addToast(message, 'error');
31
+ await onError?.(error, variables);
32
+ };
33
+ const mutate = (variables) => {
34
+ mutation.mutate(variables, {
35
+ onSuccess: (data, vars) => { handleSuccess(data, vars); },
36
+ onError: (error, vars) => { handleError(error, vars); },
37
+ });
38
+ };
39
+ const mutateAsync = async (variables) => {
40
+ return mutation.mutateAsync(variables, {
41
+ onSuccess: (data, vars) => { handleSuccess(data, vars); },
42
+ onError: (error, vars) => { handleError(error, vars); },
43
+ });
44
+ };
45
+ const { mutate: _m, mutateAsync: _ma, ...rest } = mutation;
46
+ return { ...rest, mutate, mutateAsync };
47
+ }
48
+ //# sourceMappingURL=use-mutation-toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-mutation-toast.js","sourceRoot":"","sources":["../../src/hooks/use-mutation-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAoBxD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAM9B,QAAmB,EACnB,UAA2D,EAAE;IAK7D,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC/B,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAEvF,MAAM,aAAa,GAAG,KAAK,EAAE,IAAW,EAAE,SAAqB,EAAE,EAAE;QACjE,IAAI,iBAAiB,EAAE,CAAC;YACtB,IAAI,CAAC;gBACH,MAAM,iBAAiB,EAAE,CAAA;YAC3B,CAAC;YAAC,MAAM,CAAC;gBACP,QAAQ,CAAC,sEAAsE,EAAE,SAAS,CAAC,CAAA;YAC7F,CAAC;QACH,CAAC;QAED,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,OAAO,GAAG,OAAO,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAA;YACvG,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAC9B,CAAC;QAED,MAAM,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,KAAK,EAAE,KAAa,EAAE,SAAqB,EAAE,EAAE;QACjE,MAAM,OAAO,GAAG,YAAY;YAC1B,CAAC,CAAC,OAAO,YAAY,KAAK,UAAU;gBAClC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;gBACrB,CAAC,CAAC,YAAY;YAChB,CAAC,CAAC,UAAW,KAAe,CAAC,OAAO,EAAE,CAAA;QAExC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC1B,MAAM,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,SAAqB,EAAE,EAAE;QACvC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;YACzB,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA,CAAC,CAAC;YACxD,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,CAAC,CAAC;SACvD,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,KAAK,EAAE,SAAqB,EAAE,EAAE;QAClD,OAAO,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE;YACrC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA,CAAC,CAAC;YACxD,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,CAAC,CAAC;SACvD,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAA;IAC1D,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAA;AACzC,CAAC"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Set `document.title` to "{title} - {appName}" or just {appName} if title is empty.
3
+ */
4
+ export declare function usePageTitle(title: string, appName?: string): void;
5
+ //# sourceMappingURL=use-page-title.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-page-title.d.ts","sourceRoot":"","sources":["../../src/hooks/use-page-title.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,SAAQ,QAI1D"}
@@ -0,0 +1,10 @@
1
+ import { useEffect } from 'react';
2
+ /**
3
+ * Set `document.title` to "{title} - {appName}" or just {appName} if title is empty.
4
+ */
5
+ export function usePageTitle(title, appName = 'App') {
6
+ useEffect(() => {
7
+ document.title = title ? `${title} - ${appName}` : appName;
8
+ }, [title, appName]);
9
+ }
10
+ //# sourceMappingURL=use-page-title.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-page-title.js","sourceRoot":"","sources":["../../src/hooks/use-page-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAa,EAAE,OAAO,GAAG,KAAK;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAA;IAC5D,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;AACtB,CAAC"}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * A drop-in replacement for useState that persists the value in localStorage.
3
+ * Uses JSON serialization. Falls back to defaultValue if localStorage is
4
+ * unavailable or the stored value can't be parsed.
5
+ */
6
+ export declare function usePersistedState<T>(key: string, defaultValue: T): readonly [T, (next: T | ((prev: T) => T)) => void];
7
+ //# sourceMappingURL=use-persisted-state.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-persisted-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-persisted-state.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,uBActD,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,WAe9B"}
@@ -0,0 +1,34 @@
1
+ import { useCallback, useState } from 'react';
2
+ /**
3
+ * A drop-in replacement for useState that persists the value in localStorage.
4
+ * Uses JSON serialization. Falls back to defaultValue if localStorage is
5
+ * unavailable or the stored value can't be parsed.
6
+ */
7
+ export function usePersistedState(key, defaultValue) {
8
+ const [value, setValue] = useState(() => {
9
+ try {
10
+ const stored = localStorage.getItem(key);
11
+ if (stored !== null) {
12
+ return JSON.parse(stored);
13
+ }
14
+ }
15
+ catch {
16
+ // ignore parse errors, use default
17
+ }
18
+ return defaultValue;
19
+ });
20
+ const setPersisted = useCallback((next) => {
21
+ setValue((prev) => {
22
+ const resolved = typeof next === 'function' ? next(prev) : next;
23
+ try {
24
+ localStorage.setItem(key, JSON.stringify(resolved));
25
+ }
26
+ catch {
27
+ // ignore quota errors
28
+ }
29
+ return resolved;
30
+ });
31
+ }, [key]);
32
+ return [value, setPersisted];
33
+ }
34
+ //# sourceMappingURL=use-persisted-state.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-persisted-state.js","sourceRoot":"","sources":["../../src/hooks/use-persisted-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAI,GAAW,EAAE,YAAe;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACzC,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YACxC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;gBACpB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAM,CAAA;YAChC,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,mCAAmC;QACrC,CAAC;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAA0B,EAAE,EAAE;QAC7B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAE,IAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YACnF,IAAI,CAAC;gBACH,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;YACrD,CAAC;YAAC,MAAM,CAAC;gBACP,sBAAsB;YACxB,CAAC;YACD,OAAO,QAAQ,CAAA;QACjB,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,OAAO,CAAC,KAAK,EAAE,YAAY,CAAU,CAAA;AACvC,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Manage DaisyUI theme via localStorage and `data-theme` attribute.
3
+ */
4
+ export declare function useTheme(defaultTheme?: string): {
5
+ readonly theme: string;
6
+ readonly setTheme: (newTheme: string) => void;
7
+ };
8
+ //# sourceMappingURL=use-theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,QAAQ,CAAC,YAAY,SAAS;;kCAU/B,MAAM;EAapB"}
@@ -0,0 +1,26 @@
1
+ import { useCallback, useState } from 'react';
2
+ /**
3
+ * Manage DaisyUI theme via localStorage and `data-theme` attribute.
4
+ */
5
+ export function useTheme(defaultTheme = 'dark') {
6
+ const [theme, setThemeState] = useState(() => {
7
+ try {
8
+ return localStorage.getItem('theme') ?? defaultTheme;
9
+ }
10
+ catch {
11
+ return defaultTheme;
12
+ }
13
+ });
14
+ const setTheme = useCallback((newTheme) => {
15
+ setThemeState(newTheme);
16
+ try {
17
+ localStorage.setItem('theme', newTheme);
18
+ }
19
+ catch {
20
+ // ignore
21
+ }
22
+ document.documentElement.setAttribute('data-theme', newTheme);
23
+ }, []);
24
+ return { theme, setTheme };
25
+ }
26
+ //# sourceMappingURL=use-theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,YAAY,GAAG,MAAM;IAC5C,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC;YACH,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,YAAY,CAAA;QACtD,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,YAAY,CAAA;QACrB,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAgB,EAAE,EAAE;QACnB,aAAa,CAAC,QAAQ,CAAC,CAAA;QACvB,IAAI,CAAC;YACH,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QACzC,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;QACD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;IAC/D,CAAC,EACD,EAAE,CACH,CAAA;IAED,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAW,CAAA;AACrC,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,11 +1,33 @@
1
1
  export { Modal } from './modal.js';
2
2
  export { PageHeader } from './page-header.js';
3
+ export { Breadcrumbs } from './breadcrumbs.js';
4
+ export { DangerZone } from './danger-zone.js';
5
+ export { ContextMenu } from './context-menu.js';
6
+ export { Tabs, type TabItem, type TabsProps } from './tabs.js';
3
7
  export { LoadingSpinner } from './feedback/loading-spinner.js';
4
8
  export { ErrorBox } from './feedback/error-box.js';
5
9
  export { EmptyState } from './feedback/empty-state.js';
10
+ export { InfoAlert } from './feedback/info-alert.js';
6
11
  export { ToastProvider, useToast, type Toast, type ToastType } from './feedback/toast-provider.js';
12
+ export { AsyncState, type AsyncStateProps } from './feedback/async-state.js';
13
+ export { ConfirmModal, type ConfirmModalProps } from './feedback/confirm-modal.js';
14
+ export { AppErrorBoundary } from './feedback/app-error-boundary.js';
7
15
  export { StatCard } from './data/stat-card.js';
8
16
  export { DataTable } from './data/data-table.js';
17
+ export { InfoRow } from './data/info-row.js';
18
+ export { StatsGrid } from './data/stats-grid.js';
19
+ export { ActionButton } from './action-button.js';
20
+ export { CopyButton } from './copy-button.js';
21
+ export { StatusBadge } from './status-badge.js';
22
+ export { useCopyToClipboard } from './hooks/use-copy-to-clipboard.js';
23
+ export { useMutationToast, type MutationToastOptions } from './hooks/use-mutation-toast.js';
24
+ export { useModalState, useItemModal } from './hooks/use-modal-state.js';
25
+ export { useDebouncedSearch } from './hooks/use-debounced-search.js';
26
+ export { usePersistedState } from './hooks/use-persisted-state.js';
27
+ export { usePageTitle } from './hooks/use-page-title.js';
28
+ export { useTheme } from './hooks/use-theme.js';
29
+ export { useConfirm, type ConfirmOptions, type ConfirmModalState } from './hooks/use-confirm.js';
30
+ export { useInfiniteScroll } from './hooks/use-infinite-scroll.js';
9
31
  export { FormField } from './forms/form-field.js';
10
32
  export { FormSelect } from './forms/form-select.js';
11
33
  export { FormTextarea } from './forms/form-textarea.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAClG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
package/dist/index.js CHANGED
@@ -1,14 +1,38 @@
1
1
  // Layout
2
2
  export { Modal } from './modal.js';
3
3
  export { PageHeader } from './page-header.js';
4
+ export { Breadcrumbs } from './breadcrumbs.js';
5
+ export { DangerZone } from './danger-zone.js';
6
+ export { ContextMenu } from './context-menu.js';
7
+ export { Tabs } from './tabs.js';
4
8
  // Feedback
5
9
  export { LoadingSpinner } from './feedback/loading-spinner.js';
6
10
  export { ErrorBox } from './feedback/error-box.js';
7
11
  export { EmptyState } from './feedback/empty-state.js';
12
+ export { InfoAlert } from './feedback/info-alert.js';
8
13
  export { ToastProvider, useToast } from './feedback/toast-provider.js';
14
+ export { AsyncState } from './feedback/async-state.js';
15
+ export { ConfirmModal } from './feedback/confirm-modal.js';
16
+ export { AppErrorBoundary } from './feedback/app-error-boundary.js';
9
17
  // Data
10
18
  export { StatCard } from './data/stat-card.js';
11
19
  export { DataTable } from './data/data-table.js';
20
+ export { InfoRow } from './data/info-row.js';
21
+ export { StatsGrid } from './data/stats-grid.js';
22
+ // Buttons
23
+ export { ActionButton } from './action-button.js';
24
+ export { CopyButton } from './copy-button.js';
25
+ export { StatusBadge } from './status-badge.js';
26
+ // Hooks
27
+ export { useCopyToClipboard } from './hooks/use-copy-to-clipboard.js';
28
+ export { useMutationToast } from './hooks/use-mutation-toast.js';
29
+ export { useModalState, useItemModal } from './hooks/use-modal-state.js';
30
+ export { useDebouncedSearch } from './hooks/use-debounced-search.js';
31
+ export { usePersistedState } from './hooks/use-persisted-state.js';
32
+ export { usePageTitle } from './hooks/use-page-title.js';
33
+ export { useTheme } from './hooks/use-theme.js';
34
+ export { useConfirm } from './hooks/use-confirm.js';
35
+ export { useInfiniteScroll } from './hooks/use-infinite-scroll.js';
12
36
  // Forms
13
37
  export { FormField } from './forms/form-field.js';
14
38
  export { FormSelect } from './forms/form-select.js';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,WAAW;AACX,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA8B,MAAM,8BAA8B,CAAA;AAElG,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAgC,MAAM,WAAW,CAAA;AAE9D,WAAW;AACX,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA8B,MAAM,8BAA8B,CAAA;AAClG,OAAO,EAAE,UAAU,EAAwB,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,YAAY,EAA0B,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,UAAU;AACV,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,QAAQ;AACR,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAA6B,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAA+C,MAAM,wBAAwB,CAAA;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAElE,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
@@ -0,0 +1,12 @@
1
+ interface StatusConfig {
2
+ badge: string;
3
+ dot: string;
4
+ }
5
+ interface StatusBadgeProps {
6
+ status: string;
7
+ statusMap?: Record<string, StatusConfig>;
8
+ className?: string;
9
+ }
10
+ export declare function StatusBadge({ status, statusMap, className }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
12
+ //# sourceMappingURL=status-badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../src/status-badge.tsx"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAoBD,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAc,EAAE,EAAE,gBAAgB,2CAUlF"}
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const defaultStatusMap = {
3
+ running: { badge: 'badge-success', dot: 'bg-success' },
4
+ connected: { badge: 'badge-success', dot: 'bg-success' },
5
+ active: { badge: 'badge-success', dot: 'bg-success' },
6
+ success: { badge: 'badge-success', dot: 'bg-success' },
7
+ stopped: { badge: 'badge-ghost', dot: 'bg-base-content/30' },
8
+ queued: { badge: 'badge-ghost', dot: 'bg-base-content/30' },
9
+ disconnected: { badge: 'badge-ghost', dot: 'bg-base-content/30' },
10
+ deploying: { badge: 'badge-warning', dot: 'bg-warning animate-pulse' },
11
+ building: { badge: 'badge-warning', dot: 'bg-warning animate-pulse' },
12
+ provisioning: { badge: 'badge-warning', dot: 'bg-warning animate-pulse' },
13
+ deleting: { badge: 'badge-warning', dot: 'bg-warning animate-pulse' },
14
+ error: { badge: 'badge-error', dot: 'bg-error' },
15
+ failed: { badge: 'badge-error', dot: 'bg-error' },
16
+ };
17
+ const fallback = { badge: 'badge-ghost', dot: 'bg-base-content/30' };
18
+ export function StatusBadge({ status, statusMap, className = '' }) {
19
+ const map = statusMap ?? defaultStatusMap;
20
+ const config = map[status] ?? fallback;
21
+ return (_jsxs("span", { className: `badge badge-sm inline-flex items-center gap-1.5 ${config.badge} ${className}`, children: [_jsx("span", { className: `w-1.5 h-1.5 rounded-full ${config.dot}` }), status] }));
22
+ }
23
+ //# sourceMappingURL=status-badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status-badge.js","sourceRoot":"","sources":["../src/status-badge.tsx"],"names":[],"mappings":";AAKA,MAAM,gBAAgB,GAAiC;IACrD,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,YAAY,EAAE;IACtD,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,YAAY,EAAE;IACxD,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,YAAY,EAAE;IACrD,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,YAAY,EAAE;IACtD,OAAO,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,oBAAoB,EAAE;IAC5D,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,oBAAoB,EAAE;IAC3D,YAAY,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,oBAAoB,EAAE;IACjE,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,0BAA0B,EAAE;IACtE,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,0BAA0B,EAAE;IACrE,YAAY,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,0BAA0B,EAAE;IACzE,QAAQ,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,0BAA0B,EAAE;IACrE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,UAAU,EAAE;IAChD,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,UAAU,EAAE;CAClD,CAAA;AAED,MAAM,QAAQ,GAAiB,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,oBAAoB,EAAE,CAAA;AAQlF,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAoB;IACjF,MAAM,GAAG,GAAG,SAAS,IAAI,gBAAgB,CAAA;IACzC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAA;IAEtC,OAAO,CACL,gBAAM,SAAS,EAAE,mDAAmD,MAAM,CAAC,KAAK,IAAI,SAAS,EAAE,aAC7F,eAAM,SAAS,EAAE,4BAA4B,MAAM,CAAC,GAAG,EAAE,GAAI,EAC5D,MAAM,IACF,CACR,CAAA;AACH,CAAC"}