@emara/ui 1.1.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.
- package/components/ui/.gitkeep +0 -0
- package/components/ui/accordion.stories.tsx +231 -0
- package/components/ui/accordion.tsx +250 -0
- package/components/ui/app-shell.stories.tsx +270 -0
- package/components/ui/app-shell.tsx +491 -0
- package/components/ui/avatar.stories.tsx +174 -0
- package/components/ui/avatar.tsx +257 -0
- package/components/ui/badge.stories.tsx +127 -0
- package/components/ui/badge.tsx +146 -0
- package/components/ui/breadcrumb.stories.tsx +92 -0
- package/components/ui/breadcrumb.tsx +302 -0
- package/components/ui/button.stories.tsx +186 -0
- package/components/ui/button.tsx +128 -0
- package/components/ui/card.stories.tsx +279 -0
- package/components/ui/card.tsx +250 -0
- package/components/ui/checkbox.stories.tsx +93 -0
- package/components/ui/checkbox.tsx +131 -0
- package/components/ui/combobox.stories.tsx +489 -0
- package/components/ui/combobox.tsx +874 -0
- package/components/ui/context-menu.stories.tsx +202 -0
- package/components/ui/context-menu.tsx +309 -0
- package/components/ui/data-table.stories.tsx +227 -0
- package/components/ui/data-table.tsx +539 -0
- package/components/ui/date-picker.stories.tsx +225 -0
- package/components/ui/date-picker.tsx +597 -0
- package/components/ui/dialog.stories.tsx +193 -0
- package/components/ui/dialog.tsx +262 -0
- package/components/ui/divider.stories.tsx +84 -0
- package/components/ui/divider.tsx +135 -0
- package/components/ui/drawer.stories.tsx +218 -0
- package/components/ui/drawer.tsx +329 -0
- package/components/ui/dropdown-menu.stories.tsx +270 -0
- package/components/ui/dropdown-menu.tsx +353 -0
- package/components/ui/empty-state.stories.tsx +121 -0
- package/components/ui/empty-state.tsx +289 -0
- package/components/ui/field-group.stories.tsx +201 -0
- package/components/ui/field-group.tsx +276 -0
- package/components/ui/form.stories.tsx +219 -0
- package/components/ui/form.tsx +542 -0
- package/components/ui/input.stories.tsx +154 -0
- package/components/ui/input.tsx +208 -0
- package/components/ui/label.stories.tsx +84 -0
- package/components/ui/label.tsx +98 -0
- package/components/ui/page-header.stories.tsx +136 -0
- package/components/ui/page-header.tsx +315 -0
- package/components/ui/pagination.stories.tsx +136 -0
- package/components/ui/pagination.tsx +427 -0
- package/components/ui/popover.stories.tsx +212 -0
- package/components/ui/popover.tsx +167 -0
- package/components/ui/radio-group.stories.tsx +96 -0
- package/components/ui/radio-group.tsx +250 -0
- package/components/ui/select.stories.tsx +203 -0
- package/components/ui/select.tsx +318 -0
- package/components/ui/sidebar.stories.tsx +186 -0
- package/components/ui/sidebar.tsx +623 -0
- package/components/ui/skeleton.stories.tsx +131 -0
- package/components/ui/skeleton.tsx +311 -0
- package/components/ui/switch.stories.tsx +74 -0
- package/components/ui/switch.tsx +186 -0
- package/components/ui/table.stories.tsx +107 -0
- package/components/ui/table.tsx +285 -0
- package/components/ui/tabs.stories.tsx +222 -0
- package/components/ui/tabs.tsx +287 -0
- package/components/ui/textarea.stories.tsx +96 -0
- package/components/ui/textarea.tsx +182 -0
- package/components/ui/toast.stories.tsx +169 -0
- package/components/ui/toast.tsx +250 -0
- package/components/ui/tooltip.stories.tsx +146 -0
- package/components/ui/tooltip.tsx +156 -0
- package/components/ui/top-bar.stories.tsx +182 -0
- package/components/ui/top-bar.tsx +155 -0
- package/dist/components/ui/accordion.d.ts +45 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +99 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/app-shell.d.ts +70 -0
- package/dist/components/ui/app-shell.d.ts.map +1 -0
- package/dist/components/ui/app-shell.js +199 -0
- package/dist/components/ui/app-shell.js.map +1 -0
- package/dist/components/ui/avatar.d.ts +41 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +104 -0
- package/dist/components/ui/avatar.js.map +1 -0
- package/dist/components/ui/badge.d.ts +27 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +65 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +35 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.js +88 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.d.ts +26 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +73 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/card.d.ts +52 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +96 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts +18 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/checkbox.js +59 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/combobox.d.ts +194 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/combobox.js +361 -0
- package/dist/components/ui/combobox.js.map +1 -0
- package/dist/components/ui/context-menu.d.ts +46 -0
- package/dist/components/ui/context-menu.d.ts.map +1 -0
- package/dist/components/ui/context-menu.js +95 -0
- package/dist/components/ui/context-menu.js.map +1 -0
- package/dist/components/ui/data-table.d.ts +53 -0
- package/dist/components/ui/data-table.d.ts.map +1 -0
- package/dist/components/ui/data-table.js +163 -0
- package/dist/components/ui/data-table.js.map +1 -0
- package/dist/components/ui/date-picker.d.ts +103 -0
- package/dist/components/ui/date-picker.d.ts.map +1 -0
- package/dist/components/ui/date-picker.js +306 -0
- package/dist/components/ui/date-picker.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +40 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +110 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/divider.d.ts +30 -0
- package/dist/components/ui/divider.d.ts.map +1 -0
- package/dist/components/ui/divider.js +62 -0
- package/dist/components/ui/divider.js.map +1 -0
- package/dist/components/ui/drawer.d.ts +56 -0
- package/dist/components/ui/drawer.d.ts.map +1 -0
- package/dist/components/ui/drawer.js +147 -0
- package/dist/components/ui/drawer.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +63 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.js +116 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/empty-state.d.ts +43 -0
- package/dist/components/ui/empty-state.d.ts.map +1 -0
- package/dist/components/ui/empty-state.js +128 -0
- package/dist/components/ui/empty-state.js.map +1 -0
- package/dist/components/ui/field-group.d.ts +38 -0
- package/dist/components/ui/field-group.d.ts.map +1 -0
- package/dist/components/ui/field-group.js +107 -0
- package/dist/components/ui/field-group.js.map +1 -0
- package/dist/components/ui/form.d.ts +67 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/form.js +286 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/input.d.ts +36 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +99 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +37 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/label.js +34 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/page-header.d.ts +65 -0
- package/dist/components/ui/page-header.d.ts.map +1 -0
- package/dist/components/ui/page-header.js +140 -0
- package/dist/components/ui/page-header.js.map +1 -0
- package/dist/components/ui/pagination.d.ts +67 -0
- package/dist/components/ui/pagination.d.ts.map +1 -0
- package/dist/components/ui/pagination.js +109 -0
- package/dist/components/ui/pagination.js.map +1 -0
- package/dist/components/ui/popover.d.ts +28 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +85 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/radio-group.d.ts +35 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/radio-group.js +103 -0
- package/dist/components/ui/radio-group.js.map +1 -0
- package/dist/components/ui/select.d.ts +42 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/select.js +86 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/sidebar.d.ts +59 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/sidebar.js +189 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/skeleton.d.ts +77 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/skeleton.js +115 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/switch.d.ts +26 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +84 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.d.ts +52 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/table.js +109 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +42 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/components/ui/tabs.js +163 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +26 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.js +96 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/toast.d.ts +77 -0
- package/dist/components/ui/toast.d.ts.map +1 -0
- package/dist/components/ui/toast.js +141 -0
- package/dist/components/ui/toast.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +31 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +71 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/components/ui/top-bar.d.ts +30 -0
- package/dist/components/ui/top-bar.d.ts.map +1 -0
- package/dist/components/ui/top-bar.js +64 -0
- package/dist/components/ui/top-bar.js.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/lib/utils.ts +6 -0
- package/package.json +112 -0
- package/styles/globals.css +685 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../components/ui/empty-state.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { type ReactElement } from "react";
|
|
2
|
+
interface FieldGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "id"> {
|
|
3
|
+
id?: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
optional?: boolean;
|
|
6
|
+
invalid?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
orientation?: "vertical" | "horizontal";
|
|
9
|
+
/** When `orientation="horizontal"`, override the label column width.
|
|
10
|
+
* Accepts any CSS length (e.g. `"10rem"`, `"180px"`, `"min(20%, 12rem)"`).
|
|
11
|
+
* Default: `--field-label-min-w` token (7rem). */
|
|
12
|
+
labelWidth?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const FieldGroupRoot: import("react").ForwardRefExoticComponent<FieldGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref">, "asChild"> & {
|
|
16
|
+
size?: "sm" | "md" | null | undefined;
|
|
17
|
+
} & {
|
|
18
|
+
required?: boolean;
|
|
19
|
+
optional?: boolean;
|
|
20
|
+
optionalText?: string;
|
|
21
|
+
hint?: React.ReactNode;
|
|
22
|
+
} & import("react").RefAttributes<HTMLLabelElement>, "required" | "htmlFor" | "optional">, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
23
|
+
interface FieldControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
24
|
+
children: ReactElement;
|
|
25
|
+
}
|
|
26
|
+
declare const FieldControl: import("react").ForwardRefExoticComponent<FieldControlProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
declare const FieldHelpText: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
28
|
+
declare const FieldErrorText: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
29
|
+
type FieldGroupNamespace = typeof FieldGroupRoot & {
|
|
30
|
+
Label: typeof FieldLabel;
|
|
31
|
+
Control: typeof FieldControl;
|
|
32
|
+
HelpText: typeof FieldHelpText;
|
|
33
|
+
ErrorText: typeof FieldErrorText;
|
|
34
|
+
};
|
|
35
|
+
declare const FieldGroup: FieldGroupNamespace;
|
|
36
|
+
export { FieldGroup, FieldLabel, FieldControl, FieldHelpText, FieldErrorText };
|
|
37
|
+
export type { FieldGroupProps, FieldControlProps };
|
|
38
|
+
//# sourceMappingURL=field-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-group.d.ts","sourceRoot":"","sources":["../../../components/ui/field-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AA0Cf,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAChF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;uDAEmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,4GA8DlB,CAAC;AAQH,QAAA,MAAM,UAAU;;;;;;;oJA0Bd,CAAC;AAkBH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,8GA6BhB,CAAC;AAOH,QAAA,MAAM,aAAa,uJAYlB,CAAC;AAOF,QAAA,MAAM,cAAc,uJAcnB,CAAC;AAQF,KAAK,mBAAmB,GAAG,OAAO,cAAc,GAAG;IACjD,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,OAAO,EAAE,OAAO,YAAY,CAAC;IAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;IAC/B,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,UAAU,EAAqB,mBAAmB,CAAC;AAMzD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, forwardRef, isValidElement, cloneElement, useContext, useId, Children, } from "react";
|
|
4
|
+
import { cn } from "@/lib/utils";
|
|
5
|
+
import { Label } from "./label";
|
|
6
|
+
const FieldGroupContext = createContext(null);
|
|
7
|
+
function useFieldGroup() {
|
|
8
|
+
const ctx = useContext(FieldGroupContext);
|
|
9
|
+
if (!ctx) {
|
|
10
|
+
throw new Error("FieldGroup sub-component must be rendered inside a <FieldGroup>.");
|
|
11
|
+
}
|
|
12
|
+
return ctx;
|
|
13
|
+
}
|
|
14
|
+
const FieldGroupRoot = forwardRef(function FieldGroup({ className, id, required = false, optional = false, invalid = false, disabled = false, orientation = "vertical", labelWidth, children, ...props }, ref) {
|
|
15
|
+
if (required && optional) {
|
|
16
|
+
throw new Error("FieldGroup: `required` and `optional` are mutually exclusive.");
|
|
17
|
+
}
|
|
18
|
+
const reactId = useId();
|
|
19
|
+
const fieldId = id ?? reactId;
|
|
20
|
+
const helpId = `${fieldId}-help`;
|
|
21
|
+
const errorId = `${fieldId}-error`;
|
|
22
|
+
// First pass: detect whether HelpText/ErrorText are actually rendered. This
|
|
23
|
+
// is what lets us decide whether to wire `aria-describedby`/`aria-errormessage`.
|
|
24
|
+
let hasHelp = false;
|
|
25
|
+
let hasError = false;
|
|
26
|
+
Children.forEach(children, (child) => {
|
|
27
|
+
if (!isValidElement(child))
|
|
28
|
+
return;
|
|
29
|
+
if (child.type === FieldHelpText)
|
|
30
|
+
hasHelp = true;
|
|
31
|
+
if (child.type === FieldErrorText && invalid)
|
|
32
|
+
hasError = true;
|
|
33
|
+
});
|
|
34
|
+
const value = {
|
|
35
|
+
id: fieldId,
|
|
36
|
+
required,
|
|
37
|
+
optional,
|
|
38
|
+
invalid,
|
|
39
|
+
disabled,
|
|
40
|
+
orientation,
|
|
41
|
+
helpId: hasHelp ? helpId : undefined,
|
|
42
|
+
errorId: hasError ? errorId : undefined,
|
|
43
|
+
labelWidth,
|
|
44
|
+
};
|
|
45
|
+
return (_jsx(FieldGroupContext.Provider, { value: value, children: _jsx("div", { ref: ref, "data-disabled": disabled || undefined, className: cn("group/field", orientation === "vertical" ? "space-y-1.5" : "flex items-start gap-4", className), ...props, children: children }) }));
|
|
46
|
+
});
|
|
47
|
+
FieldGroupRoot.displayName = "FieldGroup";
|
|
48
|
+
// ----------------------------------------------------------------------------
|
|
49
|
+
// FieldGroup.Label — wraps the Emara Label, forwards required/optional from the
|
|
50
|
+
// parent FieldGroup so the consumer doesn't have to set them twice.
|
|
51
|
+
// ----------------------------------------------------------------------------
|
|
52
|
+
const FieldLabel = forwardRef(function FieldGroupLabel({ className, style, ...props }, ref) {
|
|
53
|
+
const ctx = useFieldGroup();
|
|
54
|
+
const horizontal = ctx.orientation === "horizontal";
|
|
55
|
+
// When a labelWidth override is set, drive min-width via inline style so it
|
|
56
|
+
// wins over the token default. Otherwise the `min-w-field-label` class
|
|
57
|
+
// applies the token.
|
|
58
|
+
const horizontalStyle = horizontal && ctx.labelWidth !== undefined ? { minWidth: ctx.labelWidth } : undefined;
|
|
59
|
+
return (_jsx(Label, { ref: ref, htmlFor: ctx.id, required: ctx.required, optional: ctx.optional, style: horizontalStyle ? { ...horizontalStyle, ...style } : style, className: cn(horizontal && "pt-1.5", horizontal && ctx.labelWidth === undefined && "min-w-field-label", className), ...props }));
|
|
60
|
+
});
|
|
61
|
+
FieldLabel.displayName = "FieldGroup.Label";
|
|
62
|
+
const FieldControl = forwardRef(function FieldGroupControl({ className, children, ...props }, ref) {
|
|
63
|
+
const ctx = useFieldGroup();
|
|
64
|
+
const describedBy = [ctx.helpId, ctx.errorId].filter(Boolean).join(" ") || undefined;
|
|
65
|
+
const childProps = (children.props ?? {});
|
|
66
|
+
const injected = {
|
|
67
|
+
id: childProps.id ?? ctx.id,
|
|
68
|
+
"aria-invalid": ctx.invalid || undefined,
|
|
69
|
+
"aria-describedby": [childProps["aria-describedby"], describedBy].filter(Boolean).join(" ").trim() || undefined,
|
|
70
|
+
"aria-errormessage": ctx.errorId,
|
|
71
|
+
disabled: childProps.disabled ?? ctx.disabled,
|
|
72
|
+
};
|
|
73
|
+
// Some Emara controls have their own `invalid` / `required` props that drive
|
|
74
|
+
// styling; pass them through so the FieldGroup is the source of truth.
|
|
75
|
+
if (ctx.invalid && childProps.invalid === undefined)
|
|
76
|
+
injected.invalid = true;
|
|
77
|
+
if (ctx.required && childProps.required === undefined)
|
|
78
|
+
injected.required = true;
|
|
79
|
+
const cloned = cloneElement(children, injected);
|
|
80
|
+
return (_jsx("div", { ref: ref, className: cn("flex-1", className), ...props, children: cloned }));
|
|
81
|
+
});
|
|
82
|
+
FieldControl.displayName = "FieldGroup.Control";
|
|
83
|
+
// ----------------------------------------------------------------------------
|
|
84
|
+
// FieldGroup.HelpText
|
|
85
|
+
// ----------------------------------------------------------------------------
|
|
86
|
+
const FieldHelpText = forwardRef(function FieldGroupHelpText({ className, ...props }, ref) {
|
|
87
|
+
const ctx = useFieldGroup();
|
|
88
|
+
return (_jsx("p", { ref: ref, id: ctx.helpId, className: cn("text-muted-foreground text-xs", className), ...props }));
|
|
89
|
+
});
|
|
90
|
+
FieldHelpText.displayName = "FieldGroup.HelpText";
|
|
91
|
+
// ----------------------------------------------------------------------------
|
|
92
|
+
// FieldGroup.ErrorText — renders only when the FieldGroup is invalid.
|
|
93
|
+
// ----------------------------------------------------------------------------
|
|
94
|
+
const FieldErrorText = forwardRef(function FieldGroupErrorText({ className, ...props }, ref) {
|
|
95
|
+
const ctx = useFieldGroup();
|
|
96
|
+
if (!ctx.invalid)
|
|
97
|
+
return null;
|
|
98
|
+
return (_jsx("p", { ref: ref, id: ctx.errorId, role: "alert", className: cn("text-destructive text-xs", className), ...props }));
|
|
99
|
+
});
|
|
100
|
+
FieldErrorText.displayName = "FieldGroup.ErrorText";
|
|
101
|
+
const FieldGroup = FieldGroupRoot;
|
|
102
|
+
FieldGroup.Label = FieldLabel;
|
|
103
|
+
FieldGroup.Control = FieldControl;
|
|
104
|
+
FieldGroup.HelpText = FieldHelpText;
|
|
105
|
+
FieldGroup.ErrorText = FieldErrorText;
|
|
106
|
+
export { FieldGroup, FieldLabel, FieldControl, FieldHelpText, FieldErrorText };
|
|
107
|
+
//# sourceMappingURL=field-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-group.js","sourceRoot":"","sources":["../../../components/ui/field-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { type FormHTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
import { type FieldValues, type RegisterOptions, type UseFormReturn } from "react-hook-form";
|
|
3
|
+
export interface FormRenderField {
|
|
4
|
+
name: string;
|
|
5
|
+
value: unknown;
|
|
6
|
+
onChange: (value: unknown) => void;
|
|
7
|
+
onBlur: () => void;
|
|
8
|
+
/**
|
|
9
|
+
* Convenience prop bundle that can be spread directly onto Emara controls
|
|
10
|
+
* (Input, Textarea, Select, etc.). Maps `onChange` to the native event
|
|
11
|
+
* shape consumed by `<input>` / `<textarea>` / `<select>`.
|
|
12
|
+
*/
|
|
13
|
+
inputProps: {
|
|
14
|
+
name: string;
|
|
15
|
+
value: string;
|
|
16
|
+
onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
|
|
17
|
+
onBlur: () => void;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export interface FormRenderFieldState {
|
|
21
|
+
invalid: boolean;
|
|
22
|
+
isDirty: boolean;
|
|
23
|
+
isTouched: boolean;
|
|
24
|
+
error: {
|
|
25
|
+
message?: string;
|
|
26
|
+
} | undefined;
|
|
27
|
+
}
|
|
28
|
+
type FormFieldRender = (args: {
|
|
29
|
+
field: FormRenderField;
|
|
30
|
+
fieldState: FormRenderFieldState;
|
|
31
|
+
}) => ReactNode;
|
|
32
|
+
type AutoSaveStatus = "idle" | "saving" | "saved" | "error";
|
|
33
|
+
type AutoSaveOptions<T extends FieldValues = FieldValues> = {
|
|
34
|
+
delay: number;
|
|
35
|
+
onSave: (values: T) => Promise<void> | void;
|
|
36
|
+
};
|
|
37
|
+
type FormPlainProps = Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & {
|
|
38
|
+
mode?: "plain";
|
|
39
|
+
onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;
|
|
40
|
+
loading?: boolean;
|
|
41
|
+
confirmBeforeLeave?: boolean;
|
|
42
|
+
autoSave?: AutoSaveOptions;
|
|
43
|
+
};
|
|
44
|
+
type FormRhfProps<T extends FieldValues> = Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & {
|
|
45
|
+
mode: "rhf";
|
|
46
|
+
form: UseFormReturn<T>;
|
|
47
|
+
onSubmit?: (values: T) => void | Promise<void>;
|
|
48
|
+
loading?: boolean;
|
|
49
|
+
confirmBeforeLeave?: boolean;
|
|
50
|
+
autoSave?: AutoSaveOptions<T>;
|
|
51
|
+
};
|
|
52
|
+
type FormProps<T extends FieldValues = FieldValues> = FormPlainProps | FormRhfProps<T>;
|
|
53
|
+
declare function Form<T extends FieldValues = FieldValues>(props: FormProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
interface FormFieldProps {
|
|
55
|
+
name: string;
|
|
56
|
+
defaultValue?: unknown;
|
|
57
|
+
rules?: RegisterOptions;
|
|
58
|
+
/** Plain-mode only. Synchronous validator returning an error message. */
|
|
59
|
+
validate?: (value: unknown) => string | undefined;
|
|
60
|
+
render: FormFieldRender;
|
|
61
|
+
}
|
|
62
|
+
declare function FormField({ name, defaultValue, rules, validate, render }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
declare const FormError: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare function useAutoSaveStatus(): AutoSaveStatus;
|
|
65
|
+
export { Form, FormField, FormError, useAutoSaveStatus };
|
|
66
|
+
export type { FormProps, FormFieldProps, AutoSaveStatus };
|
|
67
|
+
//# sourceMappingURL=form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../components/ui/form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,286 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, } from "react";
|
|
4
|
+
import { Controller, FormProvider, useFormContext, } from "react-hook-form";
|
|
5
|
+
import { cn } from "@/lib/utils";
|
|
6
|
+
const FormCtx = createContext(null);
|
|
7
|
+
function useFormCtx() {
|
|
8
|
+
const ctx = useContext(FormCtx);
|
|
9
|
+
if (!ctx)
|
|
10
|
+
throw new Error("FormField must be used inside a <Form>.");
|
|
11
|
+
return ctx;
|
|
12
|
+
}
|
|
13
|
+
// ----------------------------------------------------------------------------
|
|
14
|
+
// Plain-mode store — tiny pub/sub keyed by field name.
|
|
15
|
+
// ----------------------------------------------------------------------------
|
|
16
|
+
function createPlainStore() {
|
|
17
|
+
const values = new Map();
|
|
18
|
+
const initials = new Map();
|
|
19
|
+
const errors = new Map();
|
|
20
|
+
const touched = new Set();
|
|
21
|
+
const listeners = new Set();
|
|
22
|
+
const emit = () => {
|
|
23
|
+
for (const fn of listeners)
|
|
24
|
+
fn();
|
|
25
|
+
};
|
|
26
|
+
return {
|
|
27
|
+
getValues: () => Object.fromEntries(values),
|
|
28
|
+
getValue: (name) => values.get(name),
|
|
29
|
+
setValue: (name, value) => {
|
|
30
|
+
values.set(name, value);
|
|
31
|
+
emit();
|
|
32
|
+
},
|
|
33
|
+
registerField: (name, defaultValue) => {
|
|
34
|
+
if (!values.has(name)) {
|
|
35
|
+
values.set(name, defaultValue);
|
|
36
|
+
initials.set(name, defaultValue);
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
subscribe: (listener) => {
|
|
40
|
+
listeners.add(listener);
|
|
41
|
+
return () => {
|
|
42
|
+
listeners.delete(listener);
|
|
43
|
+
};
|
|
44
|
+
},
|
|
45
|
+
setError: (name, message) => {
|
|
46
|
+
if (message)
|
|
47
|
+
errors.set(name, message);
|
|
48
|
+
else
|
|
49
|
+
errors.delete(name);
|
|
50
|
+
emit();
|
|
51
|
+
},
|
|
52
|
+
getError: (name) => errors.get(name),
|
|
53
|
+
setTouched: (name) => {
|
|
54
|
+
touched.add(name);
|
|
55
|
+
emit();
|
|
56
|
+
},
|
|
57
|
+
isTouched: (name) => touched.has(name),
|
|
58
|
+
isDirty: (name) => values.get(name) !== initials.get(name),
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function Form(props) {
|
|
62
|
+
const { mode = "plain" } = props;
|
|
63
|
+
if (mode === "rhf") {
|
|
64
|
+
return _jsx(FormRhf, { ...props });
|
|
65
|
+
}
|
|
66
|
+
return _jsx(FormPlain, { ...props });
|
|
67
|
+
}
|
|
68
|
+
// ----- Plain implementation --------------------------------------------------
|
|
69
|
+
function FormPlain({ onSubmit, loading = false, confirmBeforeLeave = false, autoSave, className, children, ...formProps }) {
|
|
70
|
+
const store = useMemo(() => createPlainStore(), []);
|
|
71
|
+
const [autoSaveStatus, setAutoSaveStatus] = useState("idle");
|
|
72
|
+
// confirmBeforeLeave — warn if any field is dirty.
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
if (!confirmBeforeLeave)
|
|
75
|
+
return;
|
|
76
|
+
const handler = (e) => {
|
|
77
|
+
const anyDirty = Object.keys(store.getValues()).some((n) => store.isDirty(n));
|
|
78
|
+
if (anyDirty) {
|
|
79
|
+
e.preventDefault();
|
|
80
|
+
e.returnValue = "";
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
window.addEventListener("beforeunload", handler);
|
|
84
|
+
return () => {
|
|
85
|
+
window.removeEventListener("beforeunload", handler);
|
|
86
|
+
};
|
|
87
|
+
}, [confirmBeforeLeave, store]);
|
|
88
|
+
// autoSave — debounce changes, call onSave.
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
if (!autoSave)
|
|
91
|
+
return;
|
|
92
|
+
let timer = null;
|
|
93
|
+
const unsubscribe = store.subscribe(() => {
|
|
94
|
+
if (timer)
|
|
95
|
+
clearTimeout(timer);
|
|
96
|
+
timer = setTimeout(async () => {
|
|
97
|
+
setAutoSaveStatus("saving");
|
|
98
|
+
try {
|
|
99
|
+
await autoSave.onSave(store.getValues());
|
|
100
|
+
setAutoSaveStatus("saved");
|
|
101
|
+
}
|
|
102
|
+
catch {
|
|
103
|
+
setAutoSaveStatus("error");
|
|
104
|
+
}
|
|
105
|
+
}, autoSave.delay);
|
|
106
|
+
});
|
|
107
|
+
return () => {
|
|
108
|
+
if (timer)
|
|
109
|
+
clearTimeout(timer);
|
|
110
|
+
unsubscribe();
|
|
111
|
+
};
|
|
112
|
+
}, [autoSave, store]);
|
|
113
|
+
const ctxValue = useMemo(() => ({ mode: "plain", loading, autoSaveStatus, plainStore: store }), [loading, autoSaveStatus, store]);
|
|
114
|
+
return (_jsx(FormCtx.Provider, { value: ctxValue, children: _jsx("form", { noValidate: true, onSubmit: (e) => {
|
|
115
|
+
e.preventDefault();
|
|
116
|
+
onSubmit?.(store.getValues());
|
|
117
|
+
}, ...formProps, children: _jsx("fieldset", { disabled: loading, className: cn("min-w-0 m-0 p-0 border-0", className), children: children }) }) }));
|
|
118
|
+
}
|
|
119
|
+
// ----- RHF implementation ----------------------------------------------------
|
|
120
|
+
function FormRhf({ form, onSubmit, loading = false, confirmBeforeLeave = false, autoSave, className, children, ...formProps }) {
|
|
121
|
+
const [autoSaveStatus, setAutoSaveStatus] = useState("idle");
|
|
122
|
+
useEffect(() => {
|
|
123
|
+
if (!confirmBeforeLeave)
|
|
124
|
+
return;
|
|
125
|
+
const handler = (e) => {
|
|
126
|
+
if (form.formState.isDirty) {
|
|
127
|
+
e.preventDefault();
|
|
128
|
+
e.returnValue = "";
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
window.addEventListener("beforeunload", handler);
|
|
132
|
+
return () => {
|
|
133
|
+
window.removeEventListener("beforeunload", handler);
|
|
134
|
+
};
|
|
135
|
+
}, [confirmBeforeLeave, form]);
|
|
136
|
+
useEffect(() => {
|
|
137
|
+
if (!autoSave)
|
|
138
|
+
return;
|
|
139
|
+
let timer = null;
|
|
140
|
+
const subscription = form.watch((values) => {
|
|
141
|
+
if (timer)
|
|
142
|
+
clearTimeout(timer);
|
|
143
|
+
timer = setTimeout(async () => {
|
|
144
|
+
setAutoSaveStatus("saving");
|
|
145
|
+
try {
|
|
146
|
+
await autoSave.onSave(values);
|
|
147
|
+
setAutoSaveStatus("saved");
|
|
148
|
+
}
|
|
149
|
+
catch {
|
|
150
|
+
setAutoSaveStatus("error");
|
|
151
|
+
}
|
|
152
|
+
}, autoSave.delay);
|
|
153
|
+
});
|
|
154
|
+
return () => {
|
|
155
|
+
if (timer)
|
|
156
|
+
clearTimeout(timer);
|
|
157
|
+
subscription.unsubscribe();
|
|
158
|
+
};
|
|
159
|
+
}, [autoSave, form]);
|
|
160
|
+
const ctxValue = useMemo(() => ({ mode: "rhf", loading, autoSaveStatus, plainStore: null }), [loading, autoSaveStatus]);
|
|
161
|
+
return (_jsx(FormCtx.Provider, { value: ctxValue, children: _jsx(FormProvider, { ...form, children: _jsx("form", { noValidate: true, onSubmit: form.handleSubmit(async (values) => {
|
|
162
|
+
await onSubmit?.(values);
|
|
163
|
+
}), ...formProps, children: _jsx("fieldset", { disabled: loading, className: cn("min-w-0 m-0 p-0 border-0", className), children: children }) }) }) }));
|
|
164
|
+
}
|
|
165
|
+
function FormField({ name, defaultValue, rules, validate, render }) {
|
|
166
|
+
const ctx = useFormCtx();
|
|
167
|
+
if (ctx.mode === "rhf") {
|
|
168
|
+
return rules !== undefined ? (_jsx(FormFieldRhf, { name: name, defaultValue: defaultValue, rules: rules, render: render })) : (_jsx(FormFieldRhf, { name: name, defaultValue: defaultValue, render: render }));
|
|
169
|
+
}
|
|
170
|
+
return validate !== undefined ? (_jsx(FormFieldPlain, { name: name, defaultValue: defaultValue, validate: validate, render: render })) : (_jsx(FormFieldPlain, { name: name, defaultValue: defaultValue, render: render }));
|
|
171
|
+
}
|
|
172
|
+
// ----- Plain field -----------------------------------------------------------
|
|
173
|
+
function FormFieldPlain({ name, defaultValue, validate, render, }) {
|
|
174
|
+
const ctx = useFormCtx();
|
|
175
|
+
const store = ctx.plainStore;
|
|
176
|
+
const [, forceRender] = useState(0);
|
|
177
|
+
const registeredRef = useRef(false);
|
|
178
|
+
if (!registeredRef.current) {
|
|
179
|
+
store.registerField(name, defaultValue);
|
|
180
|
+
registeredRef.current = true;
|
|
181
|
+
}
|
|
182
|
+
useEffect(() => {
|
|
183
|
+
return store.subscribe(() => forceRender((n) => n + 1));
|
|
184
|
+
}, [store]);
|
|
185
|
+
const value = store.getValue(name);
|
|
186
|
+
const errorMsg = store.getError(name);
|
|
187
|
+
const isTouched = store.isTouched(name);
|
|
188
|
+
const isDirty = store.isDirty(name);
|
|
189
|
+
const field = {
|
|
190
|
+
name,
|
|
191
|
+
value,
|
|
192
|
+
onChange: (next) => {
|
|
193
|
+
store.setValue(name, next);
|
|
194
|
+
const err = validate?.(next);
|
|
195
|
+
store.setError(name, err);
|
|
196
|
+
},
|
|
197
|
+
onBlur: () => {
|
|
198
|
+
store.setTouched(name);
|
|
199
|
+
const err = validate?.(store.getValue(name));
|
|
200
|
+
store.setError(name, err);
|
|
201
|
+
},
|
|
202
|
+
inputProps: {
|
|
203
|
+
name,
|
|
204
|
+
value: value == null ? "" : String(value),
|
|
205
|
+
onChange: (e) => {
|
|
206
|
+
const next = e.target.value;
|
|
207
|
+
store.setValue(name, next);
|
|
208
|
+
const err = validate?.(next);
|
|
209
|
+
store.setError(name, err);
|
|
210
|
+
},
|
|
211
|
+
onBlur: () => {
|
|
212
|
+
store.setTouched(name);
|
|
213
|
+
const err = validate?.(store.getValue(name));
|
|
214
|
+
store.setError(name, err);
|
|
215
|
+
},
|
|
216
|
+
},
|
|
217
|
+
};
|
|
218
|
+
const fieldState = {
|
|
219
|
+
invalid: Boolean(errorMsg),
|
|
220
|
+
isTouched,
|
|
221
|
+
isDirty,
|
|
222
|
+
error: errorMsg ? { message: errorMsg } : undefined,
|
|
223
|
+
};
|
|
224
|
+
return _jsx(_Fragment, { children: render({ field, fieldState }) });
|
|
225
|
+
}
|
|
226
|
+
// ----- RHF field -------------------------------------------------------------
|
|
227
|
+
function FormFieldRhf({ name, defaultValue, rules, render, }) {
|
|
228
|
+
const methods = useFormContext();
|
|
229
|
+
const controllerProps = {
|
|
230
|
+
name: name,
|
|
231
|
+
control: methods.control,
|
|
232
|
+
defaultValue: defaultValue,
|
|
233
|
+
render: ({ field, fieldState }) => {
|
|
234
|
+
const f = {
|
|
235
|
+
name: field.name,
|
|
236
|
+
value: field.value,
|
|
237
|
+
onChange: field.onChange,
|
|
238
|
+
onBlur: field.onBlur,
|
|
239
|
+
inputProps: {
|
|
240
|
+
name: field.name,
|
|
241
|
+
value: field.value == null
|
|
242
|
+
? ""
|
|
243
|
+
: typeof field.value === "string"
|
|
244
|
+
? field.value
|
|
245
|
+
: String(field.value),
|
|
246
|
+
onChange: (e) => field.onChange(e.target.value),
|
|
247
|
+
onBlur: field.onBlur,
|
|
248
|
+
},
|
|
249
|
+
};
|
|
250
|
+
const s = {
|
|
251
|
+
invalid: fieldState.invalid,
|
|
252
|
+
isDirty: fieldState.isDirty,
|
|
253
|
+
isTouched: fieldState.isTouched,
|
|
254
|
+
error: fieldState.error?.message !== undefined
|
|
255
|
+
? { message: fieldState.error.message }
|
|
256
|
+
: fieldState.error
|
|
257
|
+
? {}
|
|
258
|
+
: undefined,
|
|
259
|
+
};
|
|
260
|
+
return _jsx(_Fragment, { children: render({ field: f, fieldState: s }) });
|
|
261
|
+
},
|
|
262
|
+
};
|
|
263
|
+
if (rules !== undefined)
|
|
264
|
+
controllerProps.rules = rules;
|
|
265
|
+
return _jsx(Controller, { ...controllerProps });
|
|
266
|
+
}
|
|
267
|
+
// ----------------------------------------------------------------------------
|
|
268
|
+
// FormError — top-level error slot with role="alert".
|
|
269
|
+
// ----------------------------------------------------------------------------
|
|
270
|
+
const FormError = forwardRef(function FormError({ className, ...props }, ref) {
|
|
271
|
+
return (_jsx("div", { ref: ref, role: "alert", className: cn("text-sm text-destructive", className), ...props }));
|
|
272
|
+
});
|
|
273
|
+
FormError.displayName = "FormError";
|
|
274
|
+
// ----------------------------------------------------------------------------
|
|
275
|
+
// useAutoSaveStatus — hook for consumers to react to autoSave state.
|
|
276
|
+
// ----------------------------------------------------------------------------
|
|
277
|
+
function useAutoSaveStatus() {
|
|
278
|
+
const ctx = useContext(FormCtx);
|
|
279
|
+
return ctx?.autoSaveStatus ?? "idle";
|
|
280
|
+
}
|
|
281
|
+
// Unused-import shim to keep useCallback / useId / useState in scope when
|
|
282
|
+
// future passes wire them in. Removed when actually needed.
|
|
283
|
+
void useCallback;
|
|
284
|
+
void useId;
|
|
285
|
+
export { Form, FormField, FormError, useAutoSaveStatus };
|
|
286
|
+
//# sourceMappingURL=form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../components/ui/form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
declare const inputWrapperVariants: (props?: ({
|
|
3
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
4
|
+
invalid?: boolean | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare const inputFieldVariants: (props?: ({
|
|
7
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
type InputWrapperVariants = VariantProps<typeof inputWrapperVariants>;
|
|
10
|
+
type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
11
|
+
size?: InputWrapperVariants["size"];
|
|
12
|
+
type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
13
|
+
invalid?: boolean;
|
|
14
|
+
startAdornment?: React.ReactNode;
|
|
15
|
+
endAdornment?: React.ReactNode;
|
|
16
|
+
clearable?: boolean;
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
onClear?: () => void;
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
wrapperClassName?: string;
|
|
21
|
+
};
|
|
22
|
+
declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
23
|
+
size?: InputWrapperVariants["size"];
|
|
24
|
+
type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
25
|
+
invalid?: boolean;
|
|
26
|
+
startAdornment?: React.ReactNode;
|
|
27
|
+
endAdornment?: React.ReactNode;
|
|
28
|
+
clearable?: boolean;
|
|
29
|
+
loading?: boolean;
|
|
30
|
+
onClear?: () => void;
|
|
31
|
+
asChild?: boolean;
|
|
32
|
+
wrapperClassName?: string;
|
|
33
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
34
|
+
export { Input, inputWrapperVariants, inputFieldVariants };
|
|
35
|
+
export type { InputProps };
|
|
36
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../components/ui/input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,oBAAoB;;;8EA2BzB,CAAC;AAEF,QAAA,MAAM,kBAAkB;;8EA0BvB,CAAC;AAEF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEtE,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5E,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,KAAK;WAZF,oBAAoB,CAAC,MAAM,CAAC;WAC5B,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ;cAChE,OAAO;qBACA,KAAK,CAAC,SAAS;mBACjB,KAAK,CAAC,SAAS;gBAClB,OAAO;cACT,OAAO;cACP,MAAM,IAAI;cACV,OAAO;uBACE,MAAM;oDA2HzB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,CAAC"}
|