@jameskabz/nextcraft-ui 0.6.4 → 0.6.6

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 (40) hide show
  1. package/dist/index.cjs +3448 -103
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +746 -10
  4. package/dist/index.d.ts +746 -10
  5. package/dist/index.js +3388 -50
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +31 -0
  8. package/package.json +1 -26
  9. package/dist/craft/components.cjs +0 -123
  10. package/dist/craft/components.cjs.map +0 -1
  11. package/dist/craft/components.d.cts +0 -369
  12. package/dist/craft/components.d.ts +0 -369
  13. package/dist/craft/components.js +0 -67
  14. package/dist/craft/components.js.map +0 -1
  15. package/dist/craft/forms.cjs +0 -35
  16. package/dist/craft/forms.cjs.map +0 -1
  17. package/dist/craft/forms.d.cts +0 -101
  18. package/dist/craft/forms.d.ts +0 -101
  19. package/dist/craft/forms.js +0 -9
  20. package/dist/craft/forms.js.map +0 -1
  21. package/dist/craft/layout.cjs +0 -56
  22. package/dist/craft/layout.cjs.map +0 -1
  23. package/dist/craft/layout.d.cts +0 -170
  24. package/dist/craft/layout.d.ts +0 -170
  25. package/dist/craft/layout.js +0 -23
  26. package/dist/craft/layout.js.map +0 -1
  27. package/dist/craft/table.cjs +0 -38
  28. package/dist/craft/table.cjs.map +0 -1
  29. package/dist/craft/table.d.cts +0 -99
  30. package/dist/craft/table.d.ts +0 -99
  31. package/dist/craft/table.js +0 -11
  32. package/dist/craft/table.js.map +0 -1
  33. package/dist/craft/theme.cjs +0 -34
  34. package/dist/craft/theme.cjs.map +0 -1
  35. package/dist/craft/theme.d.cts +0 -10
  36. package/dist/craft/theme.d.ts +0 -10
  37. package/dist/craft/theme.js +0 -8
  38. package/dist/craft/theme.js.map +0 -1
  39. package/dist/theme-context-EVI9PfKv.d.cts +0 -22
  40. package/dist/theme-context-EVI9PfKv.d.ts +0 -22
@@ -1,99 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
4
-
5
- type CraftFilterBarProps = {
6
- title?: React.ReactNode;
7
- description?: React.ReactNode;
8
- searchValue?: string;
9
- onSearchChange?: (value: string) => void;
10
- searchPlaceholder?: string;
11
- actions?: React.ReactNode;
12
- filters?: React.ReactNode;
13
- tone?: ThemeName;
14
- className?: string;
15
- };
16
- declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
17
-
18
- type CraftTableToolbarProps = {
19
- title?: React.ReactNode;
20
- description?: React.ReactNode;
21
- searchValue?: string;
22
- onSearchChange?: (value: string) => void;
23
- searchPlaceholder?: string;
24
- actions?: React.ReactNode;
25
- filters?: React.ReactNode;
26
- bulkActions?: React.ReactNode;
27
- tone?: ThemeName;
28
- className?: string;
29
- };
30
- declare function CraftTableToolbar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, bulkActions, tone, className, }: CraftTableToolbarProps): react_jsx_runtime.JSX.Element;
31
-
32
- type CraftDataTableColumn<T> = {
33
- id: string;
34
- header: React.ReactNode;
35
- accessor?: keyof T | ((row: T) => unknown);
36
- cell?: (row: T) => React.ReactNode;
37
- sortable?: boolean;
38
- filterable?: boolean;
39
- width?: string | number;
40
- align?: "left" | "center" | "right";
41
- hidden?: boolean;
42
- headerClassName?: string;
43
- cellClassName?: string;
44
- };
45
- type CraftDataTableSort = {
46
- id: string;
47
- desc?: boolean;
48
- };
49
- type CraftDataTableProps<T> = {
50
- data: T[];
51
- columns: CraftDataTableColumn<T>[];
52
- tone?: ThemeName;
53
- className?: string;
54
- loading?: boolean;
55
- emptyState?: React.ReactNode;
56
- toolbar?: React.ReactNode;
57
- enableSorting?: boolean;
58
- enableFiltering?: boolean;
59
- enableColumnVisibility?: boolean;
60
- enableRowSelection?: boolean;
61
- enablePagination?: boolean;
62
- showGlobalFilter?: boolean;
63
- manualSorting?: boolean;
64
- manualFiltering?: boolean;
65
- manualPagination?: boolean;
66
- sortBy?: CraftDataTableSort | null;
67
- onSortChange?: (sort: CraftDataTableSort | null) => void;
68
- filters?: Record<string, string>;
69
- onFiltersChange?: (filters: Record<string, string>) => void;
70
- globalFilter?: string;
71
- onGlobalFilterChange?: (value: string) => void;
72
- columnVisibility?: Record<string, boolean>;
73
- onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
74
- selectedRowIds?: Record<string, boolean>;
75
- onRowSelectionChange?: (selection: Record<string, boolean>) => void;
76
- getRowId?: (row: T, index: number) => string;
77
- pageIndex?: number;
78
- pageSize?: number;
79
- pageCount?: number;
80
- onPageChange?: (pageIndex: number) => void;
81
- onPageSizeChange?: (size: number) => void;
82
- };
83
- declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
84
-
85
- type CraftPaginationProps = {
86
- pageIndex: number;
87
- pageCount: number;
88
- onPageChange: (page: number) => void;
89
- canPrevious?: boolean;
90
- canNext?: boolean;
91
- pageSize?: number;
92
- pageSizeOptions?: number[];
93
- onPageSizeChange?: (size: number) => void;
94
- tone?: ThemeName;
95
- className?: string;
96
- };
97
- declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
98
-
99
- export { CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftFilterBar, type CraftFilterBarProps, CraftPagination, type CraftPaginationProps, CraftTableToolbar, type CraftTableToolbarProps };
@@ -1,99 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
4
-
5
- type CraftFilterBarProps = {
6
- title?: React.ReactNode;
7
- description?: React.ReactNode;
8
- searchValue?: string;
9
- onSearchChange?: (value: string) => void;
10
- searchPlaceholder?: string;
11
- actions?: React.ReactNode;
12
- filters?: React.ReactNode;
13
- tone?: ThemeName;
14
- className?: string;
15
- };
16
- declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
17
-
18
- type CraftTableToolbarProps = {
19
- title?: React.ReactNode;
20
- description?: React.ReactNode;
21
- searchValue?: string;
22
- onSearchChange?: (value: string) => void;
23
- searchPlaceholder?: string;
24
- actions?: React.ReactNode;
25
- filters?: React.ReactNode;
26
- bulkActions?: React.ReactNode;
27
- tone?: ThemeName;
28
- className?: string;
29
- };
30
- declare function CraftTableToolbar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, bulkActions, tone, className, }: CraftTableToolbarProps): react_jsx_runtime.JSX.Element;
31
-
32
- type CraftDataTableColumn<T> = {
33
- id: string;
34
- header: React.ReactNode;
35
- accessor?: keyof T | ((row: T) => unknown);
36
- cell?: (row: T) => React.ReactNode;
37
- sortable?: boolean;
38
- filterable?: boolean;
39
- width?: string | number;
40
- align?: "left" | "center" | "right";
41
- hidden?: boolean;
42
- headerClassName?: string;
43
- cellClassName?: string;
44
- };
45
- type CraftDataTableSort = {
46
- id: string;
47
- desc?: boolean;
48
- };
49
- type CraftDataTableProps<T> = {
50
- data: T[];
51
- columns: CraftDataTableColumn<T>[];
52
- tone?: ThemeName;
53
- className?: string;
54
- loading?: boolean;
55
- emptyState?: React.ReactNode;
56
- toolbar?: React.ReactNode;
57
- enableSorting?: boolean;
58
- enableFiltering?: boolean;
59
- enableColumnVisibility?: boolean;
60
- enableRowSelection?: boolean;
61
- enablePagination?: boolean;
62
- showGlobalFilter?: boolean;
63
- manualSorting?: boolean;
64
- manualFiltering?: boolean;
65
- manualPagination?: boolean;
66
- sortBy?: CraftDataTableSort | null;
67
- onSortChange?: (sort: CraftDataTableSort | null) => void;
68
- filters?: Record<string, string>;
69
- onFiltersChange?: (filters: Record<string, string>) => void;
70
- globalFilter?: string;
71
- onGlobalFilterChange?: (value: string) => void;
72
- columnVisibility?: Record<string, boolean>;
73
- onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
74
- selectedRowIds?: Record<string, boolean>;
75
- onRowSelectionChange?: (selection: Record<string, boolean>) => void;
76
- getRowId?: (row: T, index: number) => string;
77
- pageIndex?: number;
78
- pageSize?: number;
79
- pageCount?: number;
80
- onPageChange?: (pageIndex: number) => void;
81
- onPageSizeChange?: (size: number) => void;
82
- };
83
- declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
84
-
85
- type CraftPaginationProps = {
86
- pageIndex: number;
87
- pageCount: number;
88
- onPageChange: (page: number) => void;
89
- canPrevious?: boolean;
90
- canNext?: boolean;
91
- pageSize?: number;
92
- pageSizeOptions?: number[];
93
- onPageSizeChange?: (size: number) => void;
94
- tone?: ThemeName;
95
- className?: string;
96
- };
97
- declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
98
-
99
- export { CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftFilterBar, type CraftFilterBarProps, CraftPagination, type CraftPaginationProps, CraftTableToolbar, type CraftTableToolbarProps };
@@ -1,11 +0,0 @@
1
- import { CraftDataTable } from "@/components/craft-data-table";
2
- import { CraftPagination } from "@/components/craft-pagination";
3
- import { CraftFilterBar } from "@/components/craft-filter-bar";
4
- import { CraftTableToolbar } from "@/components/craft-table-toolbar";
5
- export {
6
- CraftDataTable,
7
- CraftFilterBar,
8
- CraftPagination,
9
- CraftTableToolbar
10
- };
11
- //# sourceMappingURL=table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/craft/table.ts"],"sourcesContent":["export { CraftDataTable } from \"@/components/craft-data-table\";\nexport type { CraftDataTableProps, CraftDataTableColumn, CraftDataTableSort } from \"@/components/craft-data-table\";\n\nexport { CraftPagination } from \"@/components/craft-pagination\";\nexport type { CraftPaginationProps } from \"@/components/craft-pagination\";\n\nexport { CraftFilterBar } from \"@/components/craft-filter-bar\";\nexport type { CraftFilterBarProps } from \"@/components/craft-filter-bar\";\n\nexport { CraftTableToolbar } from \"@/components/craft-table-toolbar\";\nexport type { CraftTableToolbarProps } from \"@/components/craft-table-toolbar\";\n"],"mappings":"AAAA,SAAS,sBAAsB;AAG/B,SAAS,uBAAuB;AAGhC,SAAS,sBAAsB;AAG/B,SAAS,yBAAyB;","names":[]}
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var theme_exports = {};
20
- __export(theme_exports, {
21
- ThemeProvider: () => import_theme_context.ThemeProvider,
22
- ThemeSwitcher: () => import_theme_switcher.ThemeSwitcher,
23
- useTheme: () => import_theme_context.useTheme
24
- });
25
- module.exports = __toCommonJS(theme_exports);
26
- var import_theme_switcher = require("@/components/theme-switcher");
27
- var import_theme_context = require("@/theme/theme-context");
28
- // Annotate the CommonJS export names for ESM import in node:
29
- 0 && (module.exports = {
30
- ThemeProvider,
31
- ThemeSwitcher,
32
- useTheme
33
- });
34
- //# sourceMappingURL=theme.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/craft/theme.ts"],"sourcesContent":["export { ThemeSwitcher } from \"@/components/theme-switcher\";\nexport type { ThemeSwitcherProps } from \"@/components/theme-switcher\";\n\nexport { ThemeProvider, useTheme } from \"@/theme/theme-context\";\nexport type { ThemeName, ThemeMode } from \"@/theme/theme-context\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA8B;AAG9B,2BAAwC;","names":[]}
@@ -1,10 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from '../theme-context-EVI9PfKv.cjs';
4
-
5
- type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
6
- showLabels?: boolean;
7
- };
8
- declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
9
-
10
- export { ThemeSwitcher, type ThemeSwitcherProps };
@@ -1,10 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from '../theme-context-EVI9PfKv.js';
4
-
5
- type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
6
- showLabels?: boolean;
7
- };
8
- declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
9
-
10
- export { ThemeSwitcher, type ThemeSwitcherProps };
@@ -1,8 +0,0 @@
1
- import { ThemeSwitcher } from "@/components/theme-switcher";
2
- import { ThemeProvider, useTheme } from "@/theme/theme-context";
3
- export {
4
- ThemeProvider,
5
- ThemeSwitcher,
6
- useTheme
7
- };
8
- //# sourceMappingURL=theme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/craft/theme.ts"],"sourcesContent":["export { ThemeSwitcher } from \"@/components/theme-switcher\";\nexport type { ThemeSwitcherProps } from \"@/components/theme-switcher\";\n\nexport { ThemeProvider, useTheme } from \"@/theme/theme-context\";\nexport type { ThemeName, ThemeMode } from \"@/theme/theme-context\";\n"],"mappings":"AAAA,SAAS,qBAAqB;AAG9B,SAAS,eAAe,gBAAgB;","names":[]}
@@ -1,22 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
-
4
- type ThemeName = "aurora" | "ember" | "ocean" | "midnight" | "cosmic";
5
- type ThemeMode = "light" | "dark" | "system";
6
- type ThemeContextValue = {
7
- theme: ThemeName;
8
- mode: ThemeMode;
9
- setTheme: (theme: ThemeName) => void;
10
- setMode: (mode: ThemeMode) => void;
11
- };
12
- type ThemeProviderProps = {
13
- children: React.ReactNode;
14
- defaultTheme?: ThemeName;
15
- defaultMode?: ThemeMode;
16
- storageKeyTheme?: string;
17
- storageKeyMode?: string;
18
- };
19
- declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
20
- declare function useTheme(): ThemeContextValue;
21
-
22
- export { type ThemeMode as T, type ThemeName as a, ThemeProvider as b, useTheme as u };
@@ -1,22 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
-
4
- type ThemeName = "aurora" | "ember" | "ocean" | "midnight" | "cosmic";
5
- type ThemeMode = "light" | "dark" | "system";
6
- type ThemeContextValue = {
7
- theme: ThemeName;
8
- mode: ThemeMode;
9
- setTheme: (theme: ThemeName) => void;
10
- setMode: (mode: ThemeMode) => void;
11
- };
12
- type ThemeProviderProps = {
13
- children: React.ReactNode;
14
- defaultTheme?: ThemeName;
15
- defaultMode?: ThemeMode;
16
- storageKeyTheme?: string;
17
- storageKeyMode?: string;
18
- };
19
- declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
20
- declare function useTheme(): ThemeContextValue;
21
-
22
- export { type ThemeMode as T, type ThemeName as a, ThemeProvider as b, useTheme as u };