@classytic/fluid 0.2.4 → 0.3.2
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.
- package/LICENSE +21 -0
- package/README.md +149 -62
- package/dist/api-pagination-CJ0vR_w6.d.mts +34 -0
- package/dist/api-pagination-DBTE0yk4.mjs +190 -0
- package/dist/chunk-DQk6qfdC.mjs +18 -0
- package/dist/client/calendar.d.mts +105 -0
- package/dist/client/calendar.mjs +202 -0
- package/dist/client/core.d.mts +1614 -0
- package/dist/client/core.mjs +2779 -0
- package/dist/client/error.d.mts +125 -0
- package/dist/client/error.mjs +166 -0
- package/dist/client/hooks.d.mts +162 -0
- package/dist/client/hooks.mjs +447 -0
- package/dist/client/table.d.mts +84 -0
- package/dist/client/table.mjs +373 -0
- package/dist/client/theme.d.mts +6 -0
- package/dist/client/theme.mjs +65 -0
- package/dist/command.d.mts +134 -0
- package/dist/command.mjs +132 -0
- package/dist/compact.d.mts +359 -0
- package/dist/compact.mjs +892 -0
- package/dist/dashboard.d.mts +778 -0
- package/dist/dashboard.mjs +1617 -0
- package/dist/filter-utils-DqMmy_v-.mjs +72 -0
- package/dist/filter-utils-IZ0GtuPo.d.mts +40 -0
- package/dist/forms.d.mts +1549 -0
- package/dist/forms.mjs +3740 -0
- package/dist/index.d.mts +296 -0
- package/dist/index.mjs +432 -0
- package/dist/layouts.d.mts +215 -0
- package/dist/layouts.mjs +460 -0
- package/dist/search-context-DR7DBs7S.mjs +19 -0
- package/dist/search.d.mts +254 -0
- package/dist/search.mjs +523 -0
- package/dist/sheet-wrapper-CWNCvYMD.mjs +211 -0
- package/dist/use-base-search-BGgWnWaF.d.mts +35 -0
- package/dist/use-debounce-xmZucz5e.mjs +53 -0
- package/dist/use-keyboard-shortcut-Bl6YM5Q7.mjs +82 -0
- package/dist/use-keyboard-shortcut-_mRCh3QO.d.mts +24 -0
- package/dist/use-media-query-BnVNIKT4.mjs +17 -0
- package/dist/use-mobile-BX3SQVo2.mjs +20 -0
- package/dist/use-scroll-detection-CsgsQYvy.mjs +43 -0
- package/dist/utils-CDue7cEt.d.mts +6 -0
- package/dist/utils-DQ5SCVoW.mjs +10 -0
- package/package.json +85 -45
- package/styles.css +2 -2
- package/dist/chunk-GUHK2DTW.js +0 -15
- package/dist/chunk-GUHK2DTW.js.map +0 -1
- package/dist/chunk-H3NFL3GJ.js +0 -57
- package/dist/chunk-H3NFL3GJ.js.map +0 -1
- package/dist/chunk-J2YRTQE4.js +0 -293
- package/dist/chunk-J2YRTQE4.js.map +0 -1
- package/dist/compact.d.ts +0 -217
- package/dist/compact.js +0 -986
- package/dist/compact.js.map +0 -1
- package/dist/dashboard.d.ts +0 -387
- package/dist/dashboard.js +0 -1032
- package/dist/dashboard.js.map +0 -1
- package/dist/index.d.ts +0 -2140
- package/dist/index.js +0 -6422
- package/dist/index.js.map +0 -1
- package/dist/layout.d.ts +0 -25
- package/dist/layout.js +0 -4
- package/dist/layout.js.map +0 -1
- package/dist/search.d.ts +0 -172
- package/dist/search.js +0 -341
- package/dist/search.js.map +0 -1
- package/dist/use-base-search-AS5Z3SAy.d.ts +0 -64
- package/dist/utils-Cbsgs0XP.d.ts +0 -5
package/dist/compact.d.ts
DELETED
|
@@ -1,217 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { InputHTMLAttributes, ReactNode, ChangeEvent, Ref, TextareaHTMLAttributes } from 'react';
|
|
3
|
-
import { FieldValues, Control, Path } from 'react-hook-form';
|
|
4
|
-
|
|
5
|
-
interface CompactInputProps<T extends FieldValues = FieldValues> extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
|
|
6
|
-
control?: Control<T>;
|
|
7
|
-
name?: Path<T>;
|
|
8
|
-
description?: string;
|
|
9
|
-
required?: boolean;
|
|
10
|
-
label?: string;
|
|
11
|
-
placeholder?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
type?: string;
|
|
14
|
-
addonLeft?: ReactNode;
|
|
15
|
-
addonRight?: ReactNode;
|
|
16
|
-
inputClassName?: string;
|
|
17
|
-
onValueChange?: (value: string) => void;
|
|
18
|
-
value?: string;
|
|
19
|
-
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
20
|
-
error?: string;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* CompactInput - Enhanced form input with InputGroup support
|
|
24
|
-
*
|
|
25
|
-
* Features:
|
|
26
|
-
* - Floating label design
|
|
27
|
-
* - InputGroup support with icons, buttons, and text addons
|
|
28
|
-
* - Controller integration for react-hook-form
|
|
29
|
-
* - Direct usage without form
|
|
30
|
-
*/
|
|
31
|
-
declare function CompactInput<T extends FieldValues = FieldValues>({ control, name, description, required, label, placeholder, disabled, type, addonLeft, addonRight, className, inputClassName, onValueChange, value, onChange, error, autoComplete, autoFocus, maxLength, minLength, max, min, pattern, readOnly, step, inputMode, enterKeyHint, ref, ...props }: CompactInputProps<T> & {
|
|
32
|
-
ref?: Ref<HTMLInputElement>;
|
|
33
|
-
}): react_jsx_runtime.JSX.Element;
|
|
34
|
-
|
|
35
|
-
interface CompactTextareaProps<T extends FieldValues = FieldValues> extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
|
|
36
|
-
control?: Control<T>;
|
|
37
|
-
name?: Path<T>;
|
|
38
|
-
description?: string;
|
|
39
|
-
required?: boolean;
|
|
40
|
-
label?: string;
|
|
41
|
-
placeholder?: string;
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
rows?: number;
|
|
44
|
-
addonLeft?: ReactNode;
|
|
45
|
-
addonRight?: ReactNode;
|
|
46
|
-
inputClassName?: string;
|
|
47
|
-
onValueChange?: (value: string) => void;
|
|
48
|
-
value?: string;
|
|
49
|
-
onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
50
|
-
error?: string;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* CompactTextarea - Enhanced textarea with InputGroup support
|
|
54
|
-
*
|
|
55
|
-
* Features:
|
|
56
|
-
* - Floating label design
|
|
57
|
-
* - InputGroup support with addons
|
|
58
|
-
* - Character counter with maxLength
|
|
59
|
-
* - Controller integration for react-hook-form
|
|
60
|
-
* - Direct usage without form
|
|
61
|
-
*/
|
|
62
|
-
declare function CompactTextarea<T extends FieldValues = FieldValues>({ control, name, description, required, label, placeholder, disabled, rows, addonLeft, addonRight, className, inputClassName, onValueChange, value, onChange, error, cols, wrap, autoComplete, autoFocus, maxLength, minLength, readOnly, spellCheck, ref, ...props }: CompactTextareaProps<T> & {
|
|
63
|
-
ref?: Ref<HTMLTextAreaElement>;
|
|
64
|
-
}): react_jsx_runtime.JSX.Element;
|
|
65
|
-
|
|
66
|
-
interface SelectOption {
|
|
67
|
-
value: string;
|
|
68
|
-
label: string;
|
|
69
|
-
}
|
|
70
|
-
interface CompactSelectProps<T extends FieldValues = FieldValues> {
|
|
71
|
-
control?: Control<T>;
|
|
72
|
-
name?: Path<T>;
|
|
73
|
-
description?: string;
|
|
74
|
-
required?: boolean;
|
|
75
|
-
label?: string;
|
|
76
|
-
placeholder?: string;
|
|
77
|
-
disabled?: boolean;
|
|
78
|
-
items?: SelectOption[];
|
|
79
|
-
className?: string;
|
|
80
|
-
onValueChange?: (value: string) => void;
|
|
81
|
-
value?: string;
|
|
82
|
-
error?: string;
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* CompactSelect - Simple, clean select dropdown
|
|
86
|
-
*
|
|
87
|
-
* @example
|
|
88
|
-
* <CompactSelect
|
|
89
|
-
* label="Status"
|
|
90
|
-
* items={[
|
|
91
|
-
* { value: "active", label: "Active" },
|
|
92
|
-
* { value: "inactive", label: "Inactive" }
|
|
93
|
-
* ]}
|
|
94
|
-
* />
|
|
95
|
-
*/
|
|
96
|
-
declare function CompactSelect<T extends FieldValues = FieldValues>({ control, name, description, required, label, placeholder, disabled, items, className, onValueChange, value, error, ref, ...props }: CompactSelectProps<T> & {
|
|
97
|
-
ref?: Ref<HTMLButtonElement>;
|
|
98
|
-
}): react_jsx_runtime.JSX.Element;
|
|
99
|
-
|
|
100
|
-
interface CompactNumberInputProps<T extends FieldValues = FieldValues> {
|
|
101
|
-
control?: Control<T>;
|
|
102
|
-
name?: Path<T>;
|
|
103
|
-
description?: string;
|
|
104
|
-
required?: boolean;
|
|
105
|
-
label?: string;
|
|
106
|
-
placeholder?: string;
|
|
107
|
-
disabled?: boolean;
|
|
108
|
-
min?: number;
|
|
109
|
-
max?: number;
|
|
110
|
-
step?: number;
|
|
111
|
-
prefix?: ReactNode;
|
|
112
|
-
suffix?: ReactNode;
|
|
113
|
-
showButtons?: boolean;
|
|
114
|
-
buttonVariant?: "ghost" | "outline" | "default";
|
|
115
|
-
className?: string;
|
|
116
|
-
inputClassName?: string;
|
|
117
|
-
labelClassName?: string;
|
|
118
|
-
containerClassName?: string;
|
|
119
|
-
onValueChange?: (value: number | string) => void;
|
|
120
|
-
value?: number | string;
|
|
121
|
-
defaultValue?: number | string;
|
|
122
|
-
onChange?: (value: number | string) => void;
|
|
123
|
-
error?: string;
|
|
124
|
-
}
|
|
125
|
-
/**
|
|
126
|
-
* CompactNumberInput - A space-efficient number input with optional increment/decrement buttons
|
|
127
|
-
*
|
|
128
|
-
* Features:
|
|
129
|
-
* - Floating label design
|
|
130
|
-
* - Optional increment/decrement buttons
|
|
131
|
-
* - Support for min/max/step values
|
|
132
|
-
* - Prefix/suffix support
|
|
133
|
-
* - Form integration via control prop
|
|
134
|
-
* - Direct usage without form
|
|
135
|
-
*/
|
|
136
|
-
declare function CompactNumberInput<T extends FieldValues = FieldValues>({ control, name, description, required, label, placeholder, disabled, min, max, step, prefix, suffix, showButtons, buttonVariant, className, inputClassName, labelClassName, containerClassName, onValueChange, value, defaultValue, onChange, error, ref, ...props }: CompactNumberInputProps<T> & {
|
|
137
|
-
ref?: Ref<HTMLInputElement>;
|
|
138
|
-
}): react_jsx_runtime.JSX.Element;
|
|
139
|
-
|
|
140
|
-
interface Choice {
|
|
141
|
-
value: string;
|
|
142
|
-
label: string;
|
|
143
|
-
}
|
|
144
|
-
interface CompactTagChoiceProps<T extends FieldValues = FieldValues> {
|
|
145
|
-
control?: Control<T>;
|
|
146
|
-
name?: Path<T>;
|
|
147
|
-
label?: string;
|
|
148
|
-
description?: string;
|
|
149
|
-
placeholder?: string;
|
|
150
|
-
required?: boolean;
|
|
151
|
-
disabled?: boolean;
|
|
152
|
-
choices?: Choice[];
|
|
153
|
-
maxSelections?: number;
|
|
154
|
-
className?: string;
|
|
155
|
-
containerClassName?: string;
|
|
156
|
-
labelClassName?: string;
|
|
157
|
-
inputClassName?: string;
|
|
158
|
-
value?: string[];
|
|
159
|
-
onChange?: (value: string[]) => void;
|
|
160
|
-
onValueChange?: (value: string[]) => void;
|
|
161
|
-
error?: string;
|
|
162
|
-
}
|
|
163
|
-
/**
|
|
164
|
-
* CompactTagChoice - A compact tag selection input
|
|
165
|
-
*
|
|
166
|
-
* Features:
|
|
167
|
-
* - Multi-select tag interface
|
|
168
|
-
* - Maximum selection limit
|
|
169
|
-
* - Popover for selecting options
|
|
170
|
-
* - Form integration via control prop
|
|
171
|
-
* - Direct usage without form
|
|
172
|
-
*/
|
|
173
|
-
declare function CompactTagChoice<T extends FieldValues = FieldValues>({ control, name, label, description, placeholder, required, disabled, choices, maxSelections, className, containerClassName, labelClassName, inputClassName, value: propValue, onChange: propOnChange, onValueChange, error, ref, }: CompactTagChoiceProps<T> & {
|
|
174
|
-
ref?: Ref<HTMLDivElement>;
|
|
175
|
-
}): react_jsx_runtime.JSX.Element;
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* Generates a URL-friendly slug from a string
|
|
179
|
-
*/
|
|
180
|
-
declare function generateSlug(text: string): string;
|
|
181
|
-
interface CompactSlugFieldProps<T extends FieldValues = FieldValues> {
|
|
182
|
-
control?: Control<T>;
|
|
183
|
-
name?: Path<T>;
|
|
184
|
-
description?: string;
|
|
185
|
-
required?: boolean;
|
|
186
|
-
label?: string;
|
|
187
|
-
placeholder?: string;
|
|
188
|
-
disabled?: boolean;
|
|
189
|
-
icon?: ReactNode;
|
|
190
|
-
sourceValue?: string;
|
|
191
|
-
onGenerate?: (source: string) => string;
|
|
192
|
-
className?: string;
|
|
193
|
-
inputClassName?: string;
|
|
194
|
-
onValueChange?: (value: string) => void;
|
|
195
|
-
value?: string;
|
|
196
|
-
onChange?: (e: ChangeEvent<HTMLInputElement> | {
|
|
197
|
-
target: {
|
|
198
|
-
value: string;
|
|
199
|
-
};
|
|
200
|
-
}) => void;
|
|
201
|
-
error?: string;
|
|
202
|
-
}
|
|
203
|
-
/**
|
|
204
|
-
* CompactSlugField - Compact slug input with auto-generation
|
|
205
|
-
*
|
|
206
|
-
* Features:
|
|
207
|
-
* - Compact design with floating label
|
|
208
|
-
* - Auto-generate slug from source field
|
|
209
|
-
* - Manual editing support
|
|
210
|
-
* - InputGroup with generate button
|
|
211
|
-
* - Form integration via control prop
|
|
212
|
-
*/
|
|
213
|
-
declare function CompactSlugField<T extends FieldValues = FieldValues>({ control, name, description, required, label, placeholder, disabled, icon, sourceValue, onGenerate, className, inputClassName, onValueChange, value, onChange, error, ref, ...props }: CompactSlugFieldProps<T> & {
|
|
214
|
-
ref?: Ref<HTMLInputElement>;
|
|
215
|
-
}): react_jsx_runtime.JSX.Element;
|
|
216
|
-
|
|
217
|
-
export { CompactInput, type CompactInputProps, CompactNumberInput, type CompactNumberInputProps, CompactSelect, type CompactSelectProps, CompactSlugField, type CompactSlugFieldProps, CompactTagChoice, type CompactTagChoiceProps, CompactTextarea, type CompactTextareaProps, generateSlug };
|