dgz-ui 1.3.13 → 1.3.14
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/README.md +99 -25
- package/dist/types/App.d.ts +6 -0
- package/dist/types/App.d.ts.map +1 -1
- package/dist/types/hooks/use-mobile.d.ts +6 -0
- package/dist/types/hooks/use-mobile.d.ts.map +1 -1
- package/dist/types/index.d.ts +4 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/lib/day.d.ts +4 -0
- package/dist/types/lib/day.d.ts.map +1 -1
- package/dist/types/lib/index.d.ts +3 -0
- package/dist/types/lib/index.d.ts.map +1 -1
- package/dist/types/lib/utils.d.ts +7 -0
- package/dist/types/lib/utils.d.ts.map +1 -1
- package/dist/types/ui/alert-dialog/alert-dialog.d.ts +6 -0
- package/dist/types/ui/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/types/ui/form/form.d.ts +29 -0
- package/dist/types/ui/form/form.d.ts.map +1 -1
- package/dist/types/ui/progress/progress.d.ts +10 -0
- package/dist/types/ui/progress/progress.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,25 +1,99 @@
|
|
|
1
|
-
#
|
|
2
|
-
|
|
3
|
-
-
|
|
4
|
-
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
# dgz-ui
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/dgz-ui)
|
|
4
|
+
[](https://opensource.org/licenses/MIT)
|
|
5
|
+
|
|
6
|
+
Custom UI library built with React, Radix UI, Tailwind CSS v4, and TypeScript.
|
|
7
|
+
|
|
8
|
+
## Features
|
|
9
|
+
|
|
10
|
+
- 🚀 **Modern Stack**: Built with React 19, TypeScript, and Tailwind CSS 4.
|
|
11
|
+
- 🎨 **Beautifully Styled**: Includes a comprehensive set of UI components.
|
|
12
|
+
- ♿ **Accessible**: Built on top of Radix UI primitives for accessibility.
|
|
13
|
+
- 🛠️ **Customizable**: Easy to extend and customize.
|
|
14
|
+
- 📦 **Tree-shakeable**: Import only what you need.
|
|
15
|
+
|
|
16
|
+
## Installation
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install dgz-ui
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Setup
|
|
23
|
+
|
|
24
|
+
To use the styles, import the CSS file in your root entry file (e.g., `main.tsx`, `App.tsx`, or `index.js`).
|
|
25
|
+
|
|
26
|
+
```tsx
|
|
27
|
+
import 'dgz-ui/dist/dgz-ui.css';
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Usage
|
|
31
|
+
|
|
32
|
+
Import components directly from the package:
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
import { Button } from 'dgz-ui';
|
|
36
|
+
|
|
37
|
+
function App() {
|
|
38
|
+
return (
|
|
39
|
+
<Button variant="default" onClick={() => console.log('Clicked!')}>
|
|
40
|
+
Click me
|
|
41
|
+
</Button>
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
You can also import specific components to optimize bundle size:
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
import { Alert, AlertTitle, AlertDescription } from 'dgz-ui/alert';
|
|
50
|
+
|
|
51
|
+
<Alert>
|
|
52
|
+
<AlertTitle>Heads up!</AlertTitle>
|
|
53
|
+
<AlertDescription>
|
|
54
|
+
This is a description inside an alert component.
|
|
55
|
+
</AlertDescription>
|
|
56
|
+
</Alert>;
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
## Components
|
|
60
|
+
|
|
61
|
+
The library includes the following components:
|
|
62
|
+
|
|
63
|
+
- **Accordion**: Vertically stacked set of interactive headings.
|
|
64
|
+
- **Alert**: Displays a callout for user attention.
|
|
65
|
+
- **Alert Dialog**: A modal dialog that interrupts the user with important content.
|
|
66
|
+
- **Avatar**: An image element with a fallback for representing the user.
|
|
67
|
+
- **Badge**: Displays a status or a count.
|
|
68
|
+
- **Breadcrumb**: Displays the path to the current resource.
|
|
69
|
+
- **Button**: Displays a button or a component that looks like a button.
|
|
70
|
+
- **Calendar**: Date and time pickers.
|
|
71
|
+
- **Card**: Displays a card with header, content, and footer.
|
|
72
|
+
- **Collapsible**: An interactive component which expands/collapses a panel.
|
|
73
|
+
- **Dialog**: A window overlaid on either the primary window or another dialog window.
|
|
74
|
+
- **Dropdown Menu**: Displays a menu to the user — such as a set of actions or functions — triggered by a button.
|
|
75
|
+
- **Form**: Building blocks for forms, including Inputs, Checkboxes, Selects, Switches, Radio Groups, and Textareas.
|
|
76
|
+
- **Pagination**: Pagination controls.
|
|
77
|
+
- **Popover**: Displays rich content in a portal, triggered by a button.
|
|
78
|
+
- **Progress**: Displays an indicator showing the completion progress of a task.
|
|
79
|
+
- **Scroll Area**: Augments native scroll functionality for custom, cross-browser styling.
|
|
80
|
+
- **Separator**: Visually or semantically separates content.
|
|
81
|
+
- **Sheet**: Extends the Dialog component to display content that complements the main screen.
|
|
82
|
+
- **Skeleton**: Used to show a placeholder while content is loading.
|
|
83
|
+
- **Tabs**: A set of layered sections of content—known as tab panels—that are displayed one at a time.
|
|
84
|
+
- **Table**: A responsive table component.
|
|
85
|
+
- **Tooltip**: A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
|
|
86
|
+
|
|
87
|
+
## Requirements
|
|
88
|
+
|
|
89
|
+
- React >= 19
|
|
90
|
+
- React DOM >= 19
|
|
91
|
+
- Tailwind CSS >= 4
|
|
92
|
+
|
|
93
|
+
## License
|
|
94
|
+
|
|
95
|
+
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
|
96
|
+
|
|
97
|
+
## Author
|
|
98
|
+
|
|
99
|
+
[Alisher Khayrillaev](https://github.com/Alisher1119)
|
package/dist/types/App.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Root component of the application.
|
|
3
|
+
* Currently renders the TimePicker component for demonstration or testing purposes.
|
|
4
|
+
*
|
|
5
|
+
* @returns {JSX.Element} The rendered App component.
|
|
6
|
+
*/
|
|
1
7
|
declare function App(): import("react/jsx-runtime").JSX.Element;
|
|
2
8
|
export default App;
|
|
3
9
|
//# sourceMappingURL=App.d.ts.map
|
package/dist/types/App.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,4CAMX;AAED,eAAe,GAAG,CAAC"}
|
|
1
|
+
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,iBAAS,GAAG,4CAMX;AAED,eAAe,GAAG,CAAC"}
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Custom hook to detect if the current viewport width is considered "mobile".
|
|
3
|
+
* Uses a breakpoint of 768px.
|
|
4
|
+
*
|
|
5
|
+
* @returns {boolean} `true` if the viewport width is less than 768px, `false` otherwise.
|
|
6
|
+
*/
|
|
1
7
|
export declare function useIsMobile(): boolean;
|
|
2
8
|
//# sourceMappingURL=use-mobile.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}
|
|
1
|
+
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,WAAW,YAc1B"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,aAAa,CAAC"}
|
package/dist/types/lib/day.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["../../../src/lib/day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["../../../src/lib/day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC;;;GAGG;AACH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,YAAY,CAAC"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
import { type ClassValue } from 'clsx';
|
|
2
|
+
/**
|
|
3
|
+
* Merges class names using `clsx` and `tailwind-merge`.
|
|
4
|
+
* This allows for conditional class names and resolves conflicting Tailwind CSS classes.
|
|
5
|
+
*
|
|
6
|
+
* @param {...ClassValue[]} inputs - Class names or conditional class objects.
|
|
7
|
+
* @returns {string} The merged class string.
|
|
8
|
+
*/
|
|
2
9
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
3
10
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
|
@@ -4,7 +4,13 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
|
4
4
|
* AlertDialog primitives for critical confirmation dialogs.
|
|
5
5
|
*/
|
|
6
6
|
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
7
|
+
/**
|
|
8
|
+
* Trigger that opens the dialog.
|
|
9
|
+
*/
|
|
7
10
|
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
/**
|
|
12
|
+
* Renders the dialog content in a portal to escape the parent container.
|
|
13
|
+
*/
|
|
8
14
|
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
9
15
|
/**
|
|
10
16
|
* AlertDialogOverlay - Background overlay for the alert dialog.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE;;GAEG;AACH,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD;;GAEG;AACH,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEtC,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAIH;;GAEG;AACH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE;;GAEG;AACH,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C;;GAEG;AACH,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD;;GAEG;AACH,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD;;GAEG;AACH,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEtC,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAIH;;GAEG;AACH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
|
|
@@ -18,7 +18,18 @@ export interface FormItemProps<TFieldValues extends FieldValues> {
|
|
|
18
18
|
* Form - Context provider from react-hook-form for nested fields.
|
|
19
19
|
*/
|
|
20
20
|
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
21
|
+
/**
|
|
22
|
+
* FormField - Wrapper component that provides context for a single form field.
|
|
23
|
+
* Connects the field to react-hook-form via the Controller component.
|
|
24
|
+
*/
|
|
21
25
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
/**
|
|
27
|
+
* Custom hook to access form field context.
|
|
28
|
+
* Used internally by form components to access field state (error, dirty, etc.) and IDs.
|
|
29
|
+
*
|
|
30
|
+
* @returns {object} Field state and ID properties.
|
|
31
|
+
* @throws {Error} If used outside of a <FormField>.
|
|
32
|
+
*/
|
|
22
33
|
declare const useFormField: () => {
|
|
23
34
|
invalid: boolean;
|
|
24
35
|
isDirty: boolean;
|
|
@@ -31,10 +42,28 @@ declare const useFormField: () => {
|
|
|
31
42
|
formDescriptionId: string;
|
|
32
43
|
formMessageId: string;
|
|
33
44
|
};
|
|
45
|
+
/**
|
|
46
|
+
* FormItem - Container for a form field, label, and error message.
|
|
47
|
+
* Provides a unique ID context for accessibility.
|
|
48
|
+
*/
|
|
34
49
|
declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
50
|
+
/**
|
|
51
|
+
* FormLabel - Label component that automatically associates with the form control.
|
|
52
|
+
* Styles change based on the field's error state.
|
|
53
|
+
*/
|
|
35
54
|
declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
55
|
+
/**
|
|
56
|
+
* FormControl - Wrapper for the input element.
|
|
57
|
+
* Handles ARIA attributes for accessibility (id, aria-describedby, aria-invalid).
|
|
58
|
+
*/
|
|
36
59
|
declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
60
|
+
/**
|
|
61
|
+
* FormDescription - Helper text displayed below the form control.
|
|
62
|
+
*/
|
|
37
63
|
declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
64
|
+
/**
|
|
65
|
+
* FormMessage - Displays validation error messages.
|
|
66
|
+
*/
|
|
38
67
|
declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
39
68
|
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
40
69
|
//# sourceMappingURL=form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAEhB,KAAK,eAAe,EAEpB,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW;IAC7D,QAAQ,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,QAAA,MAAM,QAAQ,6GAeZ,CAAC;AAGH,QAAA,MAAM,SAAS,yJAkBb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAoBf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAcnB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAqBf,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAEhB,KAAK,eAAe,EAEpB,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW;IAC7D,QAAQ,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B;;;GAGG;AACH,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF;;;GAGG;AACH,QAAA,MAAM,QAAQ,6GAeZ,CAAC;AAGH;;;GAGG;AACH,QAAA,MAAM,SAAS,yJAkBb,CAAC;AAGH;;;GAGG;AACH,QAAA,MAAM,WAAW,8JAoBf,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,eAAe,yHAcnB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,WAAW,yHAqBf,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
/**
|
|
4
|
+
* Progress component - Displays an indicator showing the completion progress of a task.
|
|
5
|
+
* Built on Radix UI Progress primitive.
|
|
6
|
+
*
|
|
7
|
+
* @param className - Additional CSS classes.
|
|
8
|
+
* @param value - The progress value (0-100).
|
|
9
|
+
* @param children - Optional content overlaid on the progress bar.
|
|
10
|
+
* @param props - Other props passed to the root element.
|
|
11
|
+
* @returns {JSX.Element} The rendered Progress component.
|
|
12
|
+
*/
|
|
3
13
|
declare function Progress({ className, value, children, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
14
|
export { Progress };
|
|
5
15
|
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/ui/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAwBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/ui/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D;;;;;;;;;GASG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAwBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|