@motiadev/ui 0.2.2-build.20250618141055
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 +126 -0
- package/dist/components/ui/button.d.ts +12 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.stories.d.ts +50 -0
- package/dist/components/ui/button.stories.d.ts.map +1 -0
- package/dist/globals.css +158 -0
- package/dist/index.cjs +22 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3153 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/ui.css +1 -0
- package/package.json +60 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Motia
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
# @motiadev/ui
|
|
2
|
+
|
|
3
|
+
A modern React UI components library built with shadcn/ui, designed for the Motia ecosystem.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- 🎨 **Modern Design System** - Built with shadcn/ui components
|
|
8
|
+
- 🚀 **TypeScript First** - Full TypeScript support with comprehensive types
|
|
9
|
+
- 📦 **Tree Shakeable** - Import only what you need
|
|
10
|
+
- 🎠**Storybook Integration** - Interactive component documentation
|
|
11
|
+
- 🌗 **Dark Mode Ready** - Built-in support for light and dark themes
|
|
12
|
+
- âš¡ **Vite Powered** - Fast builds and development experience
|
|
13
|
+
- 🎯 **Accessible** - ARIA compliant components built on Radix UI
|
|
14
|
+
|
|
15
|
+
## Installation
|
|
16
|
+
Since this is a workspace package, you can add it as a dependency using the workspace protocol:
|
|
17
|
+
|
|
18
|
+
```json
|
|
19
|
+
{
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@motiadev/ui": "workspace:*"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
Or
|
|
27
|
+
```bash
|
|
28
|
+
npm install @motiadev/ui
|
|
29
|
+
# or
|
|
30
|
+
yarn add @motiadev/ui
|
|
31
|
+
# or
|
|
32
|
+
pnpm add @motiadev/ui
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### Peer Dependencies
|
|
36
|
+
|
|
37
|
+
Make sure you have the required peer dependencies installed:
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npm install react react-dom
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Usage
|
|
44
|
+
|
|
45
|
+
Import the components and styles you need:
|
|
46
|
+
|
|
47
|
+
```tsx
|
|
48
|
+
import { Button, Card, CardHeader, CardTitle, CardContent } from '@motiadev/ui'
|
|
49
|
+
import '@motiadev/ui/styles.css'
|
|
50
|
+
|
|
51
|
+
function App() {
|
|
52
|
+
return (
|
|
53
|
+
<Card className="w-[350px]">
|
|
54
|
+
<CardHeader>
|
|
55
|
+
<CardTitle>Welcome to Motia UI</CardTitle>
|
|
56
|
+
</CardHeader>
|
|
57
|
+
<CardContent>
|
|
58
|
+
<Button>Get Started</Button>
|
|
59
|
+
</CardContent>
|
|
60
|
+
</Card>
|
|
61
|
+
)
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## CSS Variables
|
|
66
|
+
|
|
67
|
+
The components use CSS variables for theming. Add these to your CSS:
|
|
68
|
+
|
|
69
|
+
```css
|
|
70
|
+
@import '@motiadev/ui/globals.css';
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
Or set up your own theme variables:
|
|
74
|
+
|
|
75
|
+
```css
|
|
76
|
+
:root {
|
|
77
|
+
--background: 0 0% 100%;
|
|
78
|
+
--foreground: 240 10% 3.9%;
|
|
79
|
+
--primary: 240 9% 15%;
|
|
80
|
+
--primary-foreground: 0 0% 98%;
|
|
81
|
+
/* ... other variables */
|
|
82
|
+
}
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
## Utilities
|
|
86
|
+
|
|
87
|
+
### cn Function
|
|
88
|
+
|
|
89
|
+
A utility function for merging class names with Tailwind CSS classes.
|
|
90
|
+
|
|
91
|
+
```tsx
|
|
92
|
+
import { cn } from '@motiadev/ui'
|
|
93
|
+
|
|
94
|
+
const className = cn(
|
|
95
|
+
"base-classes",
|
|
96
|
+
condition && "conditional-classes",
|
|
97
|
+
"more-classes"
|
|
98
|
+
)
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
## Development
|
|
102
|
+
|
|
103
|
+
To run Storybook for component development:
|
|
104
|
+
|
|
105
|
+
```bash
|
|
106
|
+
cd packages/ui
|
|
107
|
+
npm run storybook
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
To build the library:
|
|
111
|
+
|
|
112
|
+
```bash
|
|
113
|
+
npm run build
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
## Customization
|
|
117
|
+
|
|
118
|
+
The library is built on top of Tailwind CSS and uses CSS variables for theming. You can customize the appearance by:
|
|
119
|
+
|
|
120
|
+
1. **Overriding CSS variables** in your global styles
|
|
121
|
+
2. **Extending Tailwind configuration** to add custom colors, spacing, etc.
|
|
122
|
+
3. **Using className props** to apply custom styles to individual components
|
|
123
|
+
|
|
124
|
+
## License
|
|
125
|
+
|
|
126
|
+
MIT
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "none" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAyBnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,MAAM,uFAKlB,CAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('./button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
actions: {
|
|
8
|
+
argTypesRegex: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
tags: string[];
|
|
12
|
+
argTypes: {
|
|
13
|
+
variant: {
|
|
14
|
+
control: {
|
|
15
|
+
type: "select";
|
|
16
|
+
};
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
control: {
|
|
21
|
+
type: "select";
|
|
22
|
+
};
|
|
23
|
+
options: string[];
|
|
24
|
+
};
|
|
25
|
+
asChild: {
|
|
26
|
+
control: {
|
|
27
|
+
type: "boolean";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
disabled: {
|
|
31
|
+
control: {
|
|
32
|
+
type: "boolean";
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
export declare const Default: Story;
|
|
40
|
+
export declare const Secondary: Story;
|
|
41
|
+
export declare const Destructive: Story;
|
|
42
|
+
export declare const Outline: Story;
|
|
43
|
+
export declare const Ghost: Story;
|
|
44
|
+
export declare const Link: Story;
|
|
45
|
+
export declare const None: Story;
|
|
46
|
+
export declare const Small: Story;
|
|
47
|
+
export declare const Large: Story;
|
|
48
|
+
export declare const Icon: Story;
|
|
49
|
+
export declare const Disabled: Story;
|
|
50
|
+
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA"}
|
package/dist/globals.css
ADDED
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
@import 'tailwindcss';
|
|
2
|
+
|
|
3
|
+
@custom-variant dark (&:is(.dark *));
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
line-height: 1.5;
|
|
7
|
+
font-size: 16px;
|
|
8
|
+
|
|
9
|
+
color-scheme: light dark;
|
|
10
|
+
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"), serif;
|
|
11
|
+
font-synthesis: none;
|
|
12
|
+
text-rendering: optimizeLegibility;
|
|
13
|
+
-webkit-font-smoothing: antialiased;
|
|
14
|
+
-moz-osx-font-smoothing: grayscale;
|
|
15
|
+
width: 100%;
|
|
16
|
+
font-optical-sizing: auto;
|
|
17
|
+
|
|
18
|
+
--radius: 0.625rem;
|
|
19
|
+
--background: oklch(1 0 0);
|
|
20
|
+
--foreground: oklch(0.145 0 0);
|
|
21
|
+
--card: oklch(0.98 0 0);
|
|
22
|
+
--card-foreground: oklch(0.145 0 0);
|
|
23
|
+
--popover: oklch(1 0 0);
|
|
24
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
25
|
+
--primary: oklch(0.205 0 0);
|
|
26
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
27
|
+
--secondary: oklch(0.97 0 0);
|
|
28
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
29
|
+
--muted: oklch(0.97 0 0);
|
|
30
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
31
|
+
--accent: oklch(0.97 0 0);
|
|
32
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
33
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
34
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
35
|
+
--border: oklch(0.922 0 0);
|
|
36
|
+
--input: oklch(0.922 0 0);
|
|
37
|
+
--ring: oklch(0.708 0 0);
|
|
38
|
+
--chart-1: oklch(0.646 0.222 41.116);
|
|
39
|
+
--chart-2: oklch(0.6 0.118 184.704);
|
|
40
|
+
--chart-3: oklch(0.398 0.07 227.392);
|
|
41
|
+
--chart-4: oklch(0.828 0.189 84.429);
|
|
42
|
+
--chart-5: oklch(0.769 0.188 70.08);
|
|
43
|
+
--header: oklch(0.985 0 0);
|
|
44
|
+
--header-foreground: oklch(0.145 0 0);
|
|
45
|
+
--header-primary: oklch(0.205 0 0);
|
|
46
|
+
--header-primary-foreground: oklch(0.985 0 0);
|
|
47
|
+
--header-accent: oklch(0.97 0 0);
|
|
48
|
+
--header-accent-foreground: oklch(0.205 0 0);
|
|
49
|
+
--header-border: oklch(0.922 0 0);
|
|
50
|
+
--header-ring: oklch(0.708 0 0);
|
|
51
|
+
--sidebar: oklch(0.985 0 0);
|
|
52
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
53
|
+
--sidebar-primary: oklch(0.205 0 0);
|
|
54
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
55
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
56
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
57
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
58
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.dark {
|
|
62
|
+
--background: oklch(0.145 0 0);
|
|
63
|
+
--foreground: oklch(0.985 0 0);
|
|
64
|
+
--card: oklch(0.205 0 0);
|
|
65
|
+
--card-foreground: oklch(0.985 0 0);
|
|
66
|
+
--popover: oklch(0.205 0 0);
|
|
67
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
68
|
+
--primary: oklch(0.922 0 0);
|
|
69
|
+
--primary-foreground: oklch(0.205 0 0);
|
|
70
|
+
--secondary: oklch(0.269 0 0);
|
|
71
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
72
|
+
--muted: oklch(0.269 0 0);
|
|
73
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
74
|
+
--accent: oklch(0.269 0 0);
|
|
75
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
76
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
77
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
78
|
+
--border: oklch(1 0 0 / 10%);
|
|
79
|
+
--input: oklch(1 0 0 / 15%);
|
|
80
|
+
--ring: oklch(0.556 0 0);
|
|
81
|
+
--chart-1: oklch(0.488 0.243 264.376);
|
|
82
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
83
|
+
--chart-3: oklch(0.769 0.188 70.08);
|
|
84
|
+
--chart-4: oklch(0.627 0.265 303.9);
|
|
85
|
+
--chart-5: oklch(0.645 0.246 16.439);
|
|
86
|
+
--header: oklch(0.205 0 0);
|
|
87
|
+
--header-foreground: oklch(0.985 0 0);
|
|
88
|
+
--header-primary: oklch(0.488 0.243 264.376);
|
|
89
|
+
--header-primary-foreground: oklch(0.985 0 0);
|
|
90
|
+
--header-accent: oklch(0.269 0 0);
|
|
91
|
+
--header-accent-foreground: oklch(0.985 0 0);
|
|
92
|
+
--header-border: oklch(1 0 0 / 10%);
|
|
93
|
+
--header-ring: oklch(0.556 0 0);
|
|
94
|
+
--sidebar: oklch(0.205 0 0);
|
|
95
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
96
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
97
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
98
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
99
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
100
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
101
|
+
--sidebar-ring: oklch(0.556 0 0);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@theme inline {
|
|
105
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
106
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
107
|
+
--radius-lg: var(--radius);
|
|
108
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
109
|
+
--color-background: var(--background);
|
|
110
|
+
--color-foreground: var(--foreground);
|
|
111
|
+
--color-card: var(--card);
|
|
112
|
+
--color-card-foreground: var(--card-foreground);
|
|
113
|
+
--color-popover: var(--popover);
|
|
114
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
115
|
+
--color-primary: var(--primary);
|
|
116
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
117
|
+
--color-secondary: var(--secondary);
|
|
118
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
119
|
+
--color-muted: var(--muted);
|
|
120
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
121
|
+
--color-accent: var(--accent);
|
|
122
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
123
|
+
--color-destructive: var(--destructive);
|
|
124
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
125
|
+
--color-border: var(--border);
|
|
126
|
+
--color-input: var(--input);
|
|
127
|
+
--color-ring: var(--ring);
|
|
128
|
+
--color-chart-1: var(--chart-1);
|
|
129
|
+
--color-chart-2: var(--chart-2);
|
|
130
|
+
--color-chart-3: var(--chart-3);
|
|
131
|
+
--color-chart-4: var(--chart-4);
|
|
132
|
+
--color-chart-5: var(--chart-5);
|
|
133
|
+
--color-header: var(--header);
|
|
134
|
+
--color-header-foreground: var(--header-foreground);
|
|
135
|
+
--color-header-primary: var(--header-primary);
|
|
136
|
+
--color-header-primary-foreground: var(--header-primary-foreground);
|
|
137
|
+
--color-header-accent: var(--header-accent);
|
|
138
|
+
--color-header-accent-foreground: var(--header-accent-foreground);
|
|
139
|
+
--color-header-border: var(--header-border);
|
|
140
|
+
--color-header-ring: var(--header-ring);
|
|
141
|
+
--color-sidebar: var(--sidebar);
|
|
142
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
143
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
144
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
145
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
146
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
147
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
148
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
@layer base {
|
|
152
|
+
* {
|
|
153
|
+
@apply border-border;
|
|
154
|
+
}
|
|
155
|
+
body {
|
|
156
|
+
@apply bg-background text-foreground;
|
|
157
|
+
}
|
|
158
|
+
}
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
(function(F,H){typeof exports=="object"&&typeof module<"u"?H(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],H):(F=typeof globalThis<"u"?globalThis:F||self,H(F.MotiaUI={},F.React))})(this,function(F,H){"use strict";function Ue(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const _=Ue(H);var le={exports:{}},oe={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var we;function Be(){if(we)return oe;we=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function r(t,s,a){var c=null;if(a!==void 0&&(c=""+a),s.key!==void 0&&(c=""+s.key),"key"in s){a={};for(var f in s)f!=="key"&&(a[f]=s[f])}else a=s;return s=a.ref,{$$typeof:e,type:t,key:c,ref:s!==void 0?s:null,props:a}}return oe.Fragment=o,oe.jsx=r,oe.jsxs=r,oe}var ne={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var ke;function qe(){return ke||(ke=1,process.env.NODE_ENV!=="production"&&function(){function e(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===ue?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case S:return"Fragment";case V:return"Profiler";case P:return"StrictMode";case Y:return"Suspense";case G:return"SuspenseList";case O:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case A:return"Portal";case B:return(n.displayName||"Context")+".Provider";case ee:return(n._context.displayName||"Context")+".Consumer";case $:var p=n.render;return n=n.displayName,n||(n=p.displayName||p.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case q:return p=n.displayName||null,p!==null?p:e(n.type)||"Memo";case m:p=n._payload,n=n._init;try{return e(n(p))}catch{}}return null}function o(n){return""+n}function r(n){try{o(n);var p=!1}catch{p=!0}if(p){p=console;var v=p.error,h=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return v.call(p,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",h),o(n)}}function t(n){if(n===S)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===m)return"<...>";try{var p=e(n);return p?"<"+p+">":"<...>"}catch{return"<...>"}}function s(){var n=re.A;return n===null?null:n.getOwner()}function a(){return Error("react-stack-top-frame")}function c(n){if(J.call(n,"key")){var p=Object.getOwnPropertyDescriptor(n,"key").get;if(p&&p.isReactWarning)return!1}return n.key!==void 0}function f(n,p){function v(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",p))}v.isReactWarning=!0,Object.defineProperty(n,"key",{get:v,configurable:!0})}function u(){var n=e(this.type);return z[n]||(z[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function g(n,p,v,h,x,C,te,w){return v=C.ref,n={$$typeof:N,type:n,key:p,props:C,_owner:x},(v!==void 0?v:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:u}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function y(n,p,v,h,x,C,te,w){var E=p.children;if(E!==void 0)if(h)if(me(E)){for(h=0;h<E.length;h++)k(E[h]);Object.freeze&&Object.freeze(E)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else k(E);if(J.call(p,"key")){E=e(n);var j=Object.keys(p).filter(function(ie){return ie!=="key"});h=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",ae[E+h]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
|
+
let props = %s;
|
|
19
|
+
<%s {...props} />
|
|
20
|
+
React keys must be passed directly to JSX without using spread:
|
|
21
|
+
let props = %s;
|
|
22
|
+
<%s key={someKey} {...props} />`,h,E,j,E),ae[E+h]=!0)}if(E=null,v!==void 0&&(r(v),E=""+v),c(p)&&(r(p.key),E=""+p.key),"key"in p){v={};for(var D in p)D!=="key"&&(v[D]=p[D])}else v=p;return E&&f(v,typeof n=="function"?n.displayName||n.name||"Unknown":n),g(n,E,C,x,s(),v,te,w)}function k(n){typeof n=="object"&&n!==null&&n.$$typeof===N&&n._store&&(n._store.validated=1)}var T=H,N=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),ee=Symbol.for("react.consumer"),B=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),O=Symbol.for("react.activity"),ue=Symbol.for("react.client.reference"),re=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,J=Object.prototype.hasOwnProperty,me=Array.isArray,X=console.createTask?console.createTask:function(){return null};T={"react-stack-bottom-frame":function(n){return n()}};var L,z={},M=T["react-stack-bottom-frame"].bind(T,a)(),d=X(t(a)),ae={};ne.Fragment=S,ne.jsx=function(n,p,v,h,x){var C=1e4>re.recentlyCreatedOwnerStacks++;return y(n,p,v,!1,h,x,C?Error("react-stack-top-frame"):M,C?X(t(n)):d)},ne.jsxs=function(n,p,v,h,x){var C=1e4>re.recentlyCreatedOwnerStacks++;return y(n,p,v,!0,h,x,C?Error("react-stack-top-frame"):M,C?X(t(n)):d)}}()),ne}var Re;function Je(){return Re||(Re=1,process.env.NODE_ENV==="production"?le.exports=Be():le.exports=qe()),le.exports}var pe=Je();function Ee(e,o){if(typeof e=="function")return e(o);e!=null&&(e.current=o)}function Xe(...e){return o=>{let r=!1;const t=e.map(s=>{const a=Ee(s,o);return!r&&typeof a=="function"&&(r=!0),a});if(r)return()=>{for(let s=0;s<t.length;s++){const a=t[s];typeof a=="function"?a():Ee(e[s],null)}}}}function He(e){const o=Qe(e),r=_.forwardRef((t,s)=>{const{children:a,...c}=t,f=_.Children.toArray(a),u=f.find(er);if(u){const g=u.props.children,y=f.map(k=>k===u?_.Children.count(g)>1?_.Children.only(null):_.isValidElement(g)?g.props.children:null:k);return pe.jsx(o,{...c,ref:s,children:_.isValidElement(g)?_.cloneElement(g,void 0,y):null})}return pe.jsx(o,{...c,ref:s,children:a})});return r.displayName=`${e}.Slot`,r}var Ze=He("Slot");function Qe(e){const o=_.forwardRef((r,t)=>{const{children:s,...a}=r;if(_.isValidElement(s)){const c=tr(s),f=rr(a,s.props);return s.type!==_.Fragment&&(f.ref=t?Xe(t,c):c),_.cloneElement(s,f)}return _.Children.count(s)>1?_.Children.only(null):null});return o.displayName=`${e}.SlotClone`,o}var Ke=Symbol("radix.slottable");function er(e){return _.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ke}function rr(e,o){const r={...o};for(const t in o){const s=e[t],a=o[t];/^on[A-Z]/.test(t)?s&&a?r[t]=(...f)=>{const u=a(...f);return s(...f),u}:s&&(r[t]=s):t==="style"?r[t]={...s,...a}:t==="className"&&(r[t]=[s,a].filter(Boolean).join(" "))}return{...e,...r}}function tr(e){var t,s;let o=(t=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:t.get,r=o&&"isReactWarning"in o&&o.isReactWarning;return r?e.ref:(o=(s=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:s.get,r=o&&"isReactWarning"in o&&o.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function Se(e){var o,r,t="";if(typeof e=="string"||typeof e=="number")t+=e;else if(typeof e=="object")if(Array.isArray(e)){var s=e.length;for(o=0;o<s;o++)e[o]&&(r=Se(e[o]))&&(t&&(t+=" "),t+=r)}else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function Te(){for(var e,o,r=0,t="",s=arguments.length;r<s;r++)(e=arguments[r])&&(o=Se(e))&&(t&&(t+=" "),t+=o);return t}const Ae=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,_e=Te,or=(e,o)=>r=>{var t;if((o==null?void 0:o.variants)==null)return _e(e,r==null?void 0:r.class,r==null?void 0:r.className);const{variants:s,defaultVariants:a}=o,c=Object.keys(s).map(g=>{const y=r==null?void 0:r[g],k=a==null?void 0:a[g];if(y===null)return null;const T=Ae(y)||Ae(k);return s[g][T]}),f=r&&Object.entries(r).reduce((g,y)=>{let[k,T]=y;return T===void 0||(g[k]=T),g},{}),u=o==null||(t=o.compoundVariants)===null||t===void 0?void 0:t.reduce((g,y)=>{let{class:k,className:T,...N}=y;return Object.entries(N).every(A=>{let[S,P]=A;return Array.isArray(P)?P.includes({...a,...f}[S]):{...a,...f}[S]===P})?[...g,k,T]:g},[]);return _e(e,c,u,r==null?void 0:r.class,r==null?void 0:r.className)},be="-",nr=e=>{const o=ar(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:t}=e;return{getClassGroupId:c=>{const f=c.split(be);return f[0]===""&&f.length!==1&&f.shift(),Ce(f,o)||sr(c)},getConflictingClassGroupIds:(c,f)=>{const u=r[c]||[];return f&&t[c]?[...u,...t[c]]:u}}},Ce=(e,o)=>{var c;if(e.length===0)return o.classGroupId;const r=e[0],t=o.nextPart.get(r),s=t?Ce(e.slice(1),t):void 0;if(s)return s;if(o.validators.length===0)return;const a=e.join(be);return(c=o.validators.find(({validator:f})=>f(a)))==null?void 0:c.classGroupId},Pe=/^\[(.+)\]$/,sr=e=>{if(Pe.test(e)){const o=Pe.exec(e)[1],r=o==null?void 0:o.substring(0,o.indexOf(":"));if(r)return"arbitrary.."+r}},ar=e=>{const{theme:o,classGroups:r}=e,t={nextPart:new Map,validators:[]};for(const s in r)ge(r[s],t,s,o);return t},ge=(e,o,r,t)=>{e.forEach(s=>{if(typeof s=="string"){const a=s===""?o:ze(o,s);a.classGroupId=r;return}if(typeof s=="function"){if(ir(s)){ge(s(t),o,r,t);return}o.validators.push({validator:s,classGroupId:r});return}Object.entries(s).forEach(([a,c])=>{ge(c,ze(o,a),r,t)})})},ze=(e,o)=>{let r=e;return o.split(be).forEach(t=>{r.nextPart.has(t)||r.nextPart.set(t,{nextPart:new Map,validators:[]}),r=r.nextPart.get(t)}),r},ir=e=>e.isThemeGetter,lr=e=>{if(e<1)return{get:()=>{},set:()=>{}};let o=0,r=new Map,t=new Map;const s=(a,c)=>{r.set(a,c),o++,o>e&&(o=0,t=r,r=new Map)};return{get(a){let c=r.get(a);if(c!==void 0)return c;if((c=t.get(a))!==void 0)return s(a,c),c},set(a,c){r.has(a)?r.set(a,c):s(a,c)}}},he="!",ye=":",cr=ye.length,dr=e=>{const{prefix:o,experimentalParseClassName:r}=e;let t=s=>{const a=[];let c=0,f=0,u=0,g;for(let A=0;A<s.length;A++){let S=s[A];if(c===0&&f===0){if(S===ye){a.push(s.slice(u,A)),u=A+cr;continue}if(S==="/"){g=A;continue}}S==="["?c++:S==="]"?c--:S==="("?f++:S===")"&&f--}const y=a.length===0?s:s.substring(u),k=ur(y),T=k!==y,N=g&&g>u?g-u:void 0;return{modifiers:a,hasImportantModifier:T,baseClassName:k,maybePostfixModifierPosition:N}};if(o){const s=o+ye,a=t;t=c=>c.startsWith(s)?a(c.substring(s.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:c,maybePostfixModifierPosition:void 0}}if(r){const s=t;t=a=>r({className:a,parseClassName:s})}return t},ur=e=>e.endsWith(he)?e.substring(0,e.length-1):e.startsWith(he)?e.substring(1):e,mr=e=>{const o=Object.fromEntries(e.orderSensitiveModifiers.map(t=>[t,!0]));return t=>{if(t.length<=1)return t;const s=[];let a=[];return t.forEach(c=>{c[0]==="["||o[c]?(s.push(...a.sort(),c),a=[]):a.push(c)}),s.push(...a.sort()),s}},fr=e=>({cache:lr(e.cacheSize),parseClassName:dr(e),sortModifiers:mr(e),...nr(e)}),pr=/\s+/,br=(e,o)=>{const{parseClassName:r,getClassGroupId:t,getConflictingClassGroupIds:s,sortModifiers:a}=o,c=[],f=e.trim().split(pr);let u="";for(let g=f.length-1;g>=0;g-=1){const y=f[g],{isExternal:k,modifiers:T,hasImportantModifier:N,baseClassName:A,maybePostfixModifierPosition:S}=r(y);if(k){u=y+(u.length>0?" "+u:u);continue}let P=!!S,V=t(P?A.substring(0,S):A);if(!V){if(!P){u=y+(u.length>0?" "+u:u);continue}if(V=t(A),!V){u=y+(u.length>0?" "+u:u);continue}P=!1}const ee=a(T).join(":"),B=N?ee+he:ee,$=B+V;if(c.includes($))continue;c.push($);const Y=s(V,P);for(let G=0;G<Y.length;++G){const q=Y[G];c.push(B+q)}u=y+(u.length>0?" "+u:u)}return u};function gr(){let e=0,o,r,t="";for(;e<arguments.length;)(o=arguments[e++])&&(r=Oe(o))&&(t&&(t+=" "),t+=r);return t}const Oe=e=>{if(typeof e=="string")return e;let o,r="";for(let t=0;t<e.length;t++)e[t]&&(o=Oe(e[t]))&&(r&&(r+=" "),r+=o);return r};function hr(e,...o){let r,t,s,a=c;function c(u){const g=o.reduce((y,k)=>k(y),e());return r=fr(g),t=r.cache.get,s=r.cache.set,a=f,f(u)}function f(u){const g=t(u);if(g)return g;const y=br(u,r);return s(u,y),y}return function(){return a(gr.apply(null,arguments))}}const R=e=>{const o=r=>r[e]||[];return o.isThemeGetter=!0,o},je=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Ne=/^\((?:(\w[\w-]*):)?(.+)\)$/i,yr=/^\d+\/\d+$/,vr=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,xr=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,wr=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,kr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Rr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Z=e=>yr.test(e),b=e=>!!e&&!Number.isNaN(Number(e)),W=e=>!!e&&Number.isInteger(Number(e)),ve=e=>e.endsWith("%")&&b(e.slice(0,-1)),I=e=>vr.test(e),Er=()=>!0,Sr=e=>xr.test(e)&&!wr.test(e),Me=()=>!1,Tr=e=>kr.test(e),Ar=e=>Rr.test(e),_r=e=>!i(e)&&!l(e),Cr=e=>Q(e,Fe,Me),i=e=>je.test(e),U=e=>Q(e,We,Sr),xe=e=>Q(e,Nr,b),Ie=e=>Q(e,Ge,Me),Pr=e=>Q(e,Le,Ar),ce=e=>Q(e,$e,Tr),l=e=>Ne.test(e),se=e=>K(e,We),zr=e=>K(e,Mr),Ve=e=>K(e,Ge),Or=e=>K(e,Fe),jr=e=>K(e,Le),de=e=>K(e,$e,!0),Q=(e,o,r)=>{const t=je.exec(e);return t?t[1]?o(t[1]):r(t[2]):!1},K=(e,o,r=!1)=>{const t=Ne.exec(e);return t?t[1]?o(t[1]):r:!1},Ge=e=>e==="position"||e==="percentage",Le=e=>e==="image"||e==="url",Fe=e=>e==="length"||e==="size"||e==="bg-size",We=e=>e==="length",Nr=e=>e==="number",Mr=e=>e==="family-name",$e=e=>e==="shadow",Ir=hr(()=>{const e=R("color"),o=R("font"),r=R("text"),t=R("font-weight"),s=R("tracking"),a=R("leading"),c=R("breakpoint"),f=R("container"),u=R("spacing"),g=R("radius"),y=R("shadow"),k=R("inset-shadow"),T=R("text-shadow"),N=R("drop-shadow"),A=R("blur"),S=R("perspective"),P=R("aspect"),V=R("ease"),ee=R("animate"),B=()=>["auto","avoid","all","avoid-page","page","left","right","column"],$=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],Y=()=>[...$(),l,i],G=()=>["auto","hidden","clip","visible","scroll"],q=()=>["auto","contain","none"],m=()=>[l,i,u],O=()=>[Z,"full","auto",...m()],ue=()=>[W,"none","subgrid",l,i],re=()=>["auto",{span:["full",W,l,i]},W,l,i],J=()=>[W,"auto",l,i],me=()=>["auto","min","max","fr",l,i],X=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],L=()=>["start","end","center","stretch","center-safe","end-safe"],z=()=>["auto",...m()],M=()=>[Z,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...m()],d=()=>[e,l,i],ae=()=>[...$(),Ve,Ie,{position:[l,i]}],n=()=>["no-repeat",{repeat:["","x","y","space","round"]}],p=()=>["auto","cover","contain",Or,Cr,{size:[l,i]}],v=()=>[ve,se,U],h=()=>["","none","full",g,l,i],x=()=>["",b,se,U],C=()=>["solid","dashed","dotted","double"],te=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],w=()=>[b,ve,Ve,Ie],E=()=>["","none",A,l,i],j=()=>["none",b,l,i],D=()=>["none",b,l,i],ie=()=>[b,l,i],fe=()=>[Z,"full",...m()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[I],breakpoint:[I],color:[Er],container:[I],"drop-shadow":[I],ease:["in","out","in-out"],font:[_r],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[I],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[I],shadow:[I],spacing:["px",b],text:[I],"text-shadow":[I],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Z,i,l,P]}],container:["container"],columns:[{columns:[b,i,l,f]}],"break-after":[{"break-after":B()}],"break-before":[{"break-before":B()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:Y()}],overflow:[{overflow:G()}],"overflow-x":[{"overflow-x":G()}],"overflow-y":[{"overflow-y":G()}],overscroll:[{overscroll:q()}],"overscroll-x":[{"overscroll-x":q()}],"overscroll-y":[{"overscroll-y":q()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:O()}],"inset-x":[{"inset-x":O()}],"inset-y":[{"inset-y":O()}],start:[{start:O()}],end:[{end:O()}],top:[{top:O()}],right:[{right:O()}],bottom:[{bottom:O()}],left:[{left:O()}],visibility:["visible","invisible","collapse"],z:[{z:[W,"auto",l,i]}],basis:[{basis:[Z,"full","auto",f,...m()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[b,Z,"auto","initial","none",i]}],grow:[{grow:["",b,l,i]}],shrink:[{shrink:["",b,l,i]}],order:[{order:[W,"first","last","none",l,i]}],"grid-cols":[{"grid-cols":ue()}],"col-start-end":[{col:re()}],"col-start":[{"col-start":J()}],"col-end":[{"col-end":J()}],"grid-rows":[{"grid-rows":ue()}],"row-start-end":[{row:re()}],"row-start":[{"row-start":J()}],"row-end":[{"row-end":J()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":me()}],"auto-rows":[{"auto-rows":me()}],gap:[{gap:m()}],"gap-x":[{"gap-x":m()}],"gap-y":[{"gap-y":m()}],"justify-content":[{justify:[...X(),"normal"]}],"justify-items":[{"justify-items":[...L(),"normal"]}],"justify-self":[{"justify-self":["auto",...L()]}],"align-content":[{content:["normal",...X()]}],"align-items":[{items:[...L(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...L(),{baseline:["","last"]}]}],"place-content":[{"place-content":X()}],"place-items":[{"place-items":[...L(),"baseline"]}],"place-self":[{"place-self":["auto",...L()]}],p:[{p:m()}],px:[{px:m()}],py:[{py:m()}],ps:[{ps:m()}],pe:[{pe:m()}],pt:[{pt:m()}],pr:[{pr:m()}],pb:[{pb:m()}],pl:[{pl:m()}],m:[{m:z()}],mx:[{mx:z()}],my:[{my:z()}],ms:[{ms:z()}],me:[{me:z()}],mt:[{mt:z()}],mr:[{mr:z()}],mb:[{mb:z()}],ml:[{ml:z()}],"space-x":[{"space-x":m()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":m()}],"space-y-reverse":["space-y-reverse"],size:[{size:M()}],w:[{w:[f,"screen",...M()]}],"min-w":[{"min-w":[f,"screen","none",...M()]}],"max-w":[{"max-w":[f,"screen","none","prose",{screen:[c]},...M()]}],h:[{h:["screen","lh",...M()]}],"min-h":[{"min-h":["screen","lh","none",...M()]}],"max-h":[{"max-h":["screen","lh",...M()]}],"font-size":[{text:["base",r,se,U]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[t,l,xe]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",ve,i]}],"font-family":[{font:[zr,i,o]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[s,l,i]}],"line-clamp":[{"line-clamp":[b,"none",l,xe]}],leading:[{leading:[a,...m()]}],"list-image":[{"list-image":["none",l,i]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",l,i]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:d()}],"text-color":[{text:d()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...C(),"wavy"]}],"text-decoration-thickness":[{decoration:[b,"from-font","auto",l,U]}],"text-decoration-color":[{decoration:d()}],"underline-offset":[{"underline-offset":[b,"auto",l,i]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:m()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",l,i]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",l,i]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:ae()}],"bg-repeat":[{bg:n()}],"bg-size":[{bg:p()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},W,l,i],radial:["",l,i],conic:[W,l,i]},jr,Pr]}],"bg-color":[{bg:d()}],"gradient-from-pos":[{from:v()}],"gradient-via-pos":[{via:v()}],"gradient-to-pos":[{to:v()}],"gradient-from":[{from:d()}],"gradient-via":[{via:d()}],"gradient-to":[{to:d()}],rounded:[{rounded:h()}],"rounded-s":[{"rounded-s":h()}],"rounded-e":[{"rounded-e":h()}],"rounded-t":[{"rounded-t":h()}],"rounded-r":[{"rounded-r":h()}],"rounded-b":[{"rounded-b":h()}],"rounded-l":[{"rounded-l":h()}],"rounded-ss":[{"rounded-ss":h()}],"rounded-se":[{"rounded-se":h()}],"rounded-ee":[{"rounded-ee":h()}],"rounded-es":[{"rounded-es":h()}],"rounded-tl":[{"rounded-tl":h()}],"rounded-tr":[{"rounded-tr":h()}],"rounded-br":[{"rounded-br":h()}],"rounded-bl":[{"rounded-bl":h()}],"border-w":[{border:x()}],"border-w-x":[{"border-x":x()}],"border-w-y":[{"border-y":x()}],"border-w-s":[{"border-s":x()}],"border-w-e":[{"border-e":x()}],"border-w-t":[{"border-t":x()}],"border-w-r":[{"border-r":x()}],"border-w-b":[{"border-b":x()}],"border-w-l":[{"border-l":x()}],"divide-x":[{"divide-x":x()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":x()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...C(),"hidden","none"]}],"divide-style":[{divide:[...C(),"hidden","none"]}],"border-color":[{border:d()}],"border-color-x":[{"border-x":d()}],"border-color-y":[{"border-y":d()}],"border-color-s":[{"border-s":d()}],"border-color-e":[{"border-e":d()}],"border-color-t":[{"border-t":d()}],"border-color-r":[{"border-r":d()}],"border-color-b":[{"border-b":d()}],"border-color-l":[{"border-l":d()}],"divide-color":[{divide:d()}],"outline-style":[{outline:[...C(),"none","hidden"]}],"outline-offset":[{"outline-offset":[b,l,i]}],"outline-w":[{outline:["",b,se,U]}],"outline-color":[{outline:d()}],shadow:[{shadow:["","none",y,de,ce]}],"shadow-color":[{shadow:d()}],"inset-shadow":[{"inset-shadow":["none",k,de,ce]}],"inset-shadow-color":[{"inset-shadow":d()}],"ring-w":[{ring:x()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:d()}],"ring-offset-w":[{"ring-offset":[b,U]}],"ring-offset-color":[{"ring-offset":d()}],"inset-ring-w":[{"inset-ring":x()}],"inset-ring-color":[{"inset-ring":d()}],"text-shadow":[{"text-shadow":["none",T,de,ce]}],"text-shadow-color":[{"text-shadow":d()}],opacity:[{opacity:[b,l,i]}],"mix-blend":[{"mix-blend":[...te(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":te()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[b]}],"mask-image-linear-from-pos":[{"mask-linear-from":w()}],"mask-image-linear-to-pos":[{"mask-linear-to":w()}],"mask-image-linear-from-color":[{"mask-linear-from":d()}],"mask-image-linear-to-color":[{"mask-linear-to":d()}],"mask-image-t-from-pos":[{"mask-t-from":w()}],"mask-image-t-to-pos":[{"mask-t-to":w()}],"mask-image-t-from-color":[{"mask-t-from":d()}],"mask-image-t-to-color":[{"mask-t-to":d()}],"mask-image-r-from-pos":[{"mask-r-from":w()}],"mask-image-r-to-pos":[{"mask-r-to":w()}],"mask-image-r-from-color":[{"mask-r-from":d()}],"mask-image-r-to-color":[{"mask-r-to":d()}],"mask-image-b-from-pos":[{"mask-b-from":w()}],"mask-image-b-to-pos":[{"mask-b-to":w()}],"mask-image-b-from-color":[{"mask-b-from":d()}],"mask-image-b-to-color":[{"mask-b-to":d()}],"mask-image-l-from-pos":[{"mask-l-from":w()}],"mask-image-l-to-pos":[{"mask-l-to":w()}],"mask-image-l-from-color":[{"mask-l-from":d()}],"mask-image-l-to-color":[{"mask-l-to":d()}],"mask-image-x-from-pos":[{"mask-x-from":w()}],"mask-image-x-to-pos":[{"mask-x-to":w()}],"mask-image-x-from-color":[{"mask-x-from":d()}],"mask-image-x-to-color":[{"mask-x-to":d()}],"mask-image-y-from-pos":[{"mask-y-from":w()}],"mask-image-y-to-pos":[{"mask-y-to":w()}],"mask-image-y-from-color":[{"mask-y-from":d()}],"mask-image-y-to-color":[{"mask-y-to":d()}],"mask-image-radial":[{"mask-radial":[l,i]}],"mask-image-radial-from-pos":[{"mask-radial-from":w()}],"mask-image-radial-to-pos":[{"mask-radial-to":w()}],"mask-image-radial-from-color":[{"mask-radial-from":d()}],"mask-image-radial-to-color":[{"mask-radial-to":d()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":$()}],"mask-image-conic-pos":[{"mask-conic":[b]}],"mask-image-conic-from-pos":[{"mask-conic-from":w()}],"mask-image-conic-to-pos":[{"mask-conic-to":w()}],"mask-image-conic-from-color":[{"mask-conic-from":d()}],"mask-image-conic-to-color":[{"mask-conic-to":d()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:ae()}],"mask-repeat":[{mask:n()}],"mask-size":[{mask:p()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",l,i]}],filter:[{filter:["","none",l,i]}],blur:[{blur:E()}],brightness:[{brightness:[b,l,i]}],contrast:[{contrast:[b,l,i]}],"drop-shadow":[{"drop-shadow":["","none",N,de,ce]}],"drop-shadow-color":[{"drop-shadow":d()}],grayscale:[{grayscale:["",b,l,i]}],"hue-rotate":[{"hue-rotate":[b,l,i]}],invert:[{invert:["",b,l,i]}],saturate:[{saturate:[b,l,i]}],sepia:[{sepia:["",b,l,i]}],"backdrop-filter":[{"backdrop-filter":["","none",l,i]}],"backdrop-blur":[{"backdrop-blur":E()}],"backdrop-brightness":[{"backdrop-brightness":[b,l,i]}],"backdrop-contrast":[{"backdrop-contrast":[b,l,i]}],"backdrop-grayscale":[{"backdrop-grayscale":["",b,l,i]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[b,l,i]}],"backdrop-invert":[{"backdrop-invert":["",b,l,i]}],"backdrop-opacity":[{"backdrop-opacity":[b,l,i]}],"backdrop-saturate":[{"backdrop-saturate":[b,l,i]}],"backdrop-sepia":[{"backdrop-sepia":["",b,l,i]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":m()}],"border-spacing-x":[{"border-spacing-x":m()}],"border-spacing-y":[{"border-spacing-y":m()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",l,i]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[b,"initial",l,i]}],ease:[{ease:["linear","initial",V,l,i]}],delay:[{delay:[b,l,i]}],animate:[{animate:["none",ee,l,i]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[S,l,i]}],"perspective-origin":[{"perspective-origin":Y()}],rotate:[{rotate:j()}],"rotate-x":[{"rotate-x":j()}],"rotate-y":[{"rotate-y":j()}],"rotate-z":[{"rotate-z":j()}],scale:[{scale:D()}],"scale-x":[{"scale-x":D()}],"scale-y":[{"scale-y":D()}],"scale-z":[{"scale-z":D()}],"scale-3d":["scale-3d"],skew:[{skew:ie()}],"skew-x":[{"skew-x":ie()}],"skew-y":[{"skew-y":ie()}],transform:[{transform:[l,i,"","none","gpu","cpu"]}],"transform-origin":[{origin:Y()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:fe()}],"translate-x":[{"translate-x":fe()}],"translate-y":[{"translate-y":fe()}],"translate-z":[{"translate-z":fe()}],"translate-none":["translate-none"],accent:[{accent:d()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:d()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",l,i]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":m()}],"scroll-mx":[{"scroll-mx":m()}],"scroll-my":[{"scroll-my":m()}],"scroll-ms":[{"scroll-ms":m()}],"scroll-me":[{"scroll-me":m()}],"scroll-mt":[{"scroll-mt":m()}],"scroll-mr":[{"scroll-mr":m()}],"scroll-mb":[{"scroll-mb":m()}],"scroll-ml":[{"scroll-ml":m()}],"scroll-p":[{"scroll-p":m()}],"scroll-px":[{"scroll-px":m()}],"scroll-py":[{"scroll-py":m()}],"scroll-ps":[{"scroll-ps":m()}],"scroll-pe":[{"scroll-pe":m()}],"scroll-pt":[{"scroll-pt":m()}],"scroll-pr":[{"scroll-pr":m()}],"scroll-pb":[{"scroll-pb":m()}],"scroll-pl":[{"scroll-pl":m()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",l,i]}],fill:[{fill:["none",...d()]}],"stroke-w":[{stroke:[b,se,U,xe]}],stroke:[{stroke:["none",...d()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}});function Ye(...e){return Ir(Te(e))}const Vr=or("inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",none:""},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),De=_.forwardRef(({className:e,variant:o,size:r,asChild:t=!1,...s},a)=>{const c=t?Ze:"button";return pe.jsx(c,{className:Ye(Vr({variant:o,size:r,className:e})),ref:a,...s})});De.displayName="Button",F.Button=De,F.cn=Ye,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
|