@magicpatterns/shadcn-demo-template 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +119 -0
- package/lib/cjs/components/Badge/Badge.d.ts +10 -0
- package/lib/cjs/components/Badge/Badge.d.ts.map +1 -0
- package/lib/cjs/components/Badge/Badge.js +25 -0
- package/lib/cjs/components/Badge/Badge.js.map +1 -0
- package/lib/cjs/components/Badge/index.d.ts +2 -0
- package/lib/cjs/components/Badge/index.d.ts.map +1 -0
- package/lib/cjs/components/Badge/index.js +7 -0
- package/lib/cjs/components/Badge/index.js.map +1 -0
- package/lib/cjs/components/Button/Button.d.ts +12 -0
- package/lib/cjs/components/Button/Button.d.ts.map +1 -0
- package/lib/cjs/components/Button/Button.js +71 -0
- package/lib/cjs/components/Button/Button.js.map +1 -0
- package/lib/cjs/components/Button/index.d.ts +2 -0
- package/lib/cjs/components/Button/index.d.ts.map +1 -0
- package/lib/cjs/components/Button/index.js +7 -0
- package/lib/cjs/components/Button/index.js.map +1 -0
- package/lib/cjs/components/Card/Card.d.ts +9 -0
- package/lib/cjs/components/Card/Card.d.ts.map +1 -0
- package/lib/cjs/components/Card/Card.js +58 -0
- package/lib/cjs/components/Card/Card.js.map +1 -0
- package/lib/cjs/components/Card/index.d.ts +2 -0
- package/lib/cjs/components/Card/index.d.ts.map +1 -0
- package/lib/cjs/components/Card/index.js +11 -0
- package/lib/cjs/components/Card/index.js.map +1 -0
- package/lib/cjs/components/Dialog/Dialog.d.ts +20 -0
- package/lib/cjs/components/Dialog/Dialog.d.ts.map +1 -0
- package/lib/cjs/components/Dialog/Dialog.js +67 -0
- package/lib/cjs/components/Dialog/Dialog.js.map +1 -0
- package/lib/cjs/components/Dialog/index.d.ts +2 -0
- package/lib/cjs/components/Dialog/index.d.ts.map +1 -0
- package/lib/cjs/components/Dialog/index.js +15 -0
- package/lib/cjs/components/Dialog/index.js.map +1 -0
- package/lib/cjs/components/Input/Input.d.ts +6 -0
- package/lib/cjs/components/Input/Input.d.ts.map +1 -0
- package/lib/cjs/components/Input/Input.js +45 -0
- package/lib/cjs/components/Input/Input.js.map +1 -0
- package/lib/cjs/components/Input/index.d.ts +2 -0
- package/lib/cjs/components/Input/index.d.ts.map +1 -0
- package/lib/cjs/components/Input/index.js +6 -0
- package/lib/cjs/components/Input/index.js.map +1 -0
- package/lib/cjs/index.d.ts +7 -0
- package/lib/cjs/index.d.ts.map +1 -0
- package/lib/cjs/index.js +32 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/lib/utils.d.ts +3 -0
- package/lib/cjs/lib/utils.d.ts.map +1 -0
- package/lib/cjs/lib/utils.js +9 -0
- package/lib/cjs/lib/utils.js.map +1 -0
- package/lib/esm/components/Badge/Badge.d.ts +10 -0
- package/lib/esm/components/Badge/Badge.d.ts.map +1 -0
- package/lib/esm/components/Badge/Badge.js +21 -0
- package/lib/esm/components/Badge/Badge.js.map +1 -0
- package/lib/esm/components/Badge/index.d.ts +2 -0
- package/lib/esm/components/Badge/index.d.ts.map +1 -0
- package/lib/esm/components/Badge/index.js +2 -0
- package/lib/esm/components/Badge/index.js.map +1 -0
- package/lib/esm/components/Button/Button.d.ts +12 -0
- package/lib/esm/components/Button/Button.d.ts.map +1 -0
- package/lib/esm/components/Button/Button.js +34 -0
- package/lib/esm/components/Button/Button.js.map +1 -0
- package/lib/esm/components/Button/index.d.ts +2 -0
- package/lib/esm/components/Button/index.d.ts.map +1 -0
- package/lib/esm/components/Button/index.js +2 -0
- package/lib/esm/components/Button/index.js.map +1 -0
- package/lib/esm/components/Card/Card.d.ts +9 -0
- package/lib/esm/components/Card/Card.d.ts.map +1 -0
- package/lib/esm/components/Card/Card.js +17 -0
- package/lib/esm/components/Card/Card.js.map +1 -0
- package/lib/esm/components/Card/index.d.ts +2 -0
- package/lib/esm/components/Card/index.d.ts.map +1 -0
- package/lib/esm/components/Card/index.js +2 -0
- package/lib/esm/components/Card/index.js.map +1 -0
- package/lib/esm/components/Dialog/Dialog.d.ts +20 -0
- package/lib/esm/components/Dialog/Dialog.d.ts.map +1 -0
- package/lib/esm/components/Dialog/Dialog.js +22 -0
- package/lib/esm/components/Dialog/Dialog.js.map +1 -0
- package/lib/esm/components/Dialog/index.d.ts +2 -0
- package/lib/esm/components/Dialog/index.d.ts.map +1 -0
- package/lib/esm/components/Dialog/index.js +2 -0
- package/lib/esm/components/Dialog/index.js.map +1 -0
- package/lib/esm/components/Input/Input.d.ts +6 -0
- package/lib/esm/components/Input/Input.d.ts.map +1 -0
- package/lib/esm/components/Input/Input.js +9 -0
- package/lib/esm/components/Input/Input.js.map +1 -0
- package/lib/esm/components/Input/index.d.ts +2 -0
- package/lib/esm/components/Input/index.d.ts.map +1 -0
- package/lib/esm/components/Input/index.js +2 -0
- package/lib/esm/components/Input/index.js.map +1 -0
- package/lib/esm/index.d.ts +7 -0
- package/lib/esm/index.d.ts.map +1 -0
- package/lib/esm/index.js +7 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/lib/utils.d.ts +3 -0
- package/lib/esm/lib/utils.d.ts.map +1 -0
- package/lib/esm/lib/utils.js +6 -0
- package/lib/esm/lib/utils.js.map +1 -0
- package/lib/styles.css +985 -0
- package/package.json +69 -0
- package/src/preset.css +94 -0
- package/tailwind-preset.js +67 -0
package/README.md
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
# Design System
|
|
2
|
+
|
|
3
|
+
A reusable, shadcn-based design system built on Tailwind CSS v3. Ships as an npm package with components, design tokens, Storybook documentation, and an MCP server for AI agent integration.
|
|
4
|
+
|
|
5
|
+
## Quick Start
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
yarn install
|
|
9
|
+
yarn build
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
## Project Structure
|
|
13
|
+
|
|
14
|
+
```
|
|
15
|
+
├── src/
|
|
16
|
+
│ ├── index.ts # Barrel exports for all components
|
|
17
|
+
│ ├── styles.css # Main stylesheet entry
|
|
18
|
+
│ ├── preset.css # CSS custom property token definitions
|
|
19
|
+
│ ├── SETUP.md # Consumer setup instructions (served by MCP)
|
|
20
|
+
│ ├── lib/
|
|
21
|
+
│ │ └── utils.ts # cn() helper (clsx + tailwind-merge)
|
|
22
|
+
│ └── components/
|
|
23
|
+
│ ├── Button/ # Each component has:
|
|
24
|
+
│ │ ├── Button.tsx # - Component source
|
|
25
|
+
│ │ ├── Button.stories.tsx # - Storybook stories
|
|
26
|
+
│ │ ├── context.md # - Usage guidelines / docs
|
|
27
|
+
│ │ └── index.ts # - Barrel export
|
|
28
|
+
│ ├── Input/
|
|
29
|
+
│ ├── Card/
|
|
30
|
+
│ ├── Badge/
|
|
31
|
+
│ └── Dialog/
|
|
32
|
+
├── guidelines/ # System-wide design guidelines
|
|
33
|
+
├── recipes/ # Curated composition examples
|
|
34
|
+
├── .storybook/ # Storybook configuration
|
|
35
|
+
├── scripts/
|
|
36
|
+
│ └── build-css.js # PostCSS + Tailwind CSS build
|
|
37
|
+
├── tailwind-preset.js # Tailwind preset (exported for consumers)
|
|
38
|
+
├── tailwind.config.js # Local Tailwind config (uses preset)
|
|
39
|
+
├── tsconfig.json # Base TypeScript config
|
|
40
|
+
├── tsconfig.esm.json # ESM build config → lib/esm/
|
|
41
|
+
├── tsconfig.cjs.json # CJS build config → lib/cjs/
|
|
42
|
+
└── mcp/ # MCP server (nested workspace)
|
|
43
|
+
├── src/
|
|
44
|
+
│ ├── index.ts # Express + MCP endpoint
|
|
45
|
+
│ ├── catalog.ts # Filesystem-backed component catalog
|
|
46
|
+
│ ├── tools.ts # MCP tool registrations
|
|
47
|
+
│ └── config.ts # Server config
|
|
48
|
+
└── MP_DS_MCP_SPEC.md # MCP specification
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Scripts
|
|
52
|
+
|
|
53
|
+
| Command | Description |
|
|
54
|
+
| -------------------- | -------------------------------------------- |
|
|
55
|
+
| `yarn build` | Build ESM + CJS + CSS artifacts |
|
|
56
|
+
| `yarn build:css` | Rebuild only the CSS stylesheet |
|
|
57
|
+
| `yarn dev` | Watch mode — rebuilds on source changes |
|
|
58
|
+
| `yarn storybook` | Start Storybook dev server on port 6009 |
|
|
59
|
+
| `yarn build-storybook` | Build static Storybook site |
|
|
60
|
+
| `yarn dev:mcp` | Start MCP server in watch mode |
|
|
61
|
+
| `yarn clean` | Remove build artifacts |
|
|
62
|
+
|
|
63
|
+
## Color Token System
|
|
64
|
+
|
|
65
|
+
All colors use HSL channel values as CSS custom properties, allowing composition with Tailwind's opacity modifier:
|
|
66
|
+
|
|
67
|
+
```css
|
|
68
|
+
bg-primary → hsl(var(--primary))
|
|
69
|
+
bg-primary/50 → hsl(var(--primary) / 0.5)
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
### Token Groups
|
|
73
|
+
|
|
74
|
+
| Group | Tokens | Purpose |
|
|
75
|
+
| ------------- | ------------------------------------- | ------------------------------ |
|
|
76
|
+
| **Global** | `background`, `foreground` | Page background, body text |
|
|
77
|
+
| **Card** | `card`, `card-foreground` | Elevated surfaces |
|
|
78
|
+
| **Popover** | `popover`, `popover-foreground` | Floating surfaces |
|
|
79
|
+
| **Primary** | `primary`, `primary-foreground` | Main CTA, brand color |
|
|
80
|
+
| **Secondary** | `secondary`, `secondary-foreground` | Supporting actions |
|
|
81
|
+
| **Muted** | `muted`, `muted-foreground` | Subdued backgrounds, hint text |
|
|
82
|
+
| **Accent** | `accent`, `accent-foreground` | Hover highlights, selections |
|
|
83
|
+
| **Destructive** | `destructive`, `destructive-foreground` | Danger actions, errors |
|
|
84
|
+
| **Borders** | `border`, `input`, `ring` | Borders, inputs, focus rings |
|
|
85
|
+
|
|
86
|
+
### Dark Mode
|
|
87
|
+
|
|
88
|
+
Add the `dark` class to a parent element to activate dark tokens:
|
|
89
|
+
|
|
90
|
+
```html
|
|
91
|
+
<html class="dark">
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
## Development
|
|
95
|
+
|
|
96
|
+
### Adding a Component
|
|
97
|
+
|
|
98
|
+
1. Create `src/components/<Name>/<Name>.tsx` with the component.
|
|
99
|
+
2. Create `src/components/<Name>/<Name>.stories.tsx` with Storybook stories.
|
|
100
|
+
3. Create `src/components/<Name>/context.md` with usage docs.
|
|
101
|
+
4. Create `src/components/<Name>/index.ts` barrel export.
|
|
102
|
+
5. Add the export to `src/index.ts`.
|
|
103
|
+
6. Run `yarn build` to verify.
|
|
104
|
+
|
|
105
|
+
### Publishing
|
|
106
|
+
|
|
107
|
+
```bash
|
|
108
|
+
yarn build
|
|
109
|
+
npm publish
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## MCP Server
|
|
113
|
+
|
|
114
|
+
The `mcp/` directory contains a read-only MCP server that exposes the design system's components, tokens, guidelines, and recipes to AI agents. See [`mcp/MP_DS_MCP_SPEC.md`](mcp/MP_DS_MCP_SPEC.md) for the full specification.
|
|
115
|
+
|
|
116
|
+
```bash
|
|
117
|
+
cd mcp && yarn dev
|
|
118
|
+
# Server starts at http://localhost:3009/mcp
|
|
119
|
+
```
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
10
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;mFAkBlB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeVariants = void 0;
|
|
4
|
+
exports.Badge = Badge;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
+
const utils_1 = require("../../lib/utils");
|
|
8
|
+
const badgeVariants = (0, class_variance_authority_1.cva)('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
|
|
12
|
+
secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
|
|
13
|
+
destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
|
|
14
|
+
outline: 'text-foreground',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: 'default',
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
exports.badgeVariants = badgeVariants;
|
|
22
|
+
function Badge({ className, variant, ...props }) {
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(badgeVariants({ variant }), className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;AAmCS,sBAAK;;AAlCd,uEAAiE;AAEjE,2CAAoC;AAEpC,MAAM,aAAa,GAAG,IAAA,8BAAG,EACvB,wKAAwK,EACxK;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,2EAA2E;YAC7E,SAAS,EACP,iFAAiF;YACnF,WAAW,EACT,uFAAuF;YACzF,OAAO,EAAE,iBAAiB;SAC3B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAYe,sCAAa;AAN7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IACzD,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeVariants = exports.Badge = void 0;
|
|
4
|
+
var Badge_1 = require("./Badge");
|
|
5
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
6
|
+
Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Badge/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+D;AAAtD,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export { Button, buttonVariants };
|
|
12
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;mFA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.buttonVariants = exports.Button = void 0;
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const React = __importStar(require("react"));
|
|
39
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
|
40
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
41
|
+
const utils_1 = require("../../lib/utils");
|
|
42
|
+
const buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
|
|
43
|
+
variants: {
|
|
44
|
+
variant: {
|
|
45
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
46
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
47
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
48
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
49
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
50
|
+
link: "text-primary underline-offset-4 hover:underline",
|
|
51
|
+
},
|
|
52
|
+
size: {
|
|
53
|
+
default: "h-10 px-4 py-2",
|
|
54
|
+
sm: "h-9 rounded-md px-3",
|
|
55
|
+
lg: "h-11 rounded-md px-8",
|
|
56
|
+
icon: "h-10 w-10",
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
defaultVariants: {
|
|
60
|
+
variant: "default",
|
|
61
|
+
size: "default",
|
|
62
|
+
},
|
|
63
|
+
});
|
|
64
|
+
exports.buttonVariants = buttonVariants;
|
|
65
|
+
const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
66
|
+
const Comp = asChild ? react_slot_1.Slot : "button";
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(Comp, { className: (0, utils_1.cn)(buttonVariants({ variant, size, className })), ref: ref, ...props }));
|
|
68
|
+
});
|
|
69
|
+
exports.Button = Button;
|
|
70
|
+
Button.displayName = "Button";
|
|
71
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,qDAA4C;AAC5C,uEAAkE;AAElE,2CAAqC;AAErC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB,wRAAwR,EACxR;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,WAAW,EACT,oEAAoE;YACtE,OAAO,EACL,gFAAgF;YAClF,SAAS,EACP,8DAA8D;YAChE,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAuBe,wCAAc;AAd/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,uBAAC,IAAI,IACH,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.buttonVariants = exports.Button = void 0;
|
|
4
|
+
var Button_1 = require("./Button");
|
|
5
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
6
|
+
Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return Button_1.buttonVariants; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAAmE;AAA1D,gGAAA,MAAM,OAAA;AAAE,wGAAA,cAAc,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
5
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
9
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,IAAI,6GAYR,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,uHAYb,CAAA;AAGF,QAAA,MAAM,eAAe,yHASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = void 0;
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const React = __importStar(require("react"));
|
|
39
|
+
const utils_1 = require("../../lib/utils");
|
|
40
|
+
const Card = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)('rounded-lg border bg-card text-card-foreground shadow-sm', className), ...props })));
|
|
41
|
+
exports.Card = Card;
|
|
42
|
+
Card.displayName = 'Card';
|
|
43
|
+
const CardHeader = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)('flex flex-col space-y-1.5 p-6', className), ...props })));
|
|
44
|
+
exports.CardHeader = CardHeader;
|
|
45
|
+
CardHeader.displayName = 'CardHeader';
|
|
46
|
+
const CardTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("h3", { ref: ref, className: (0, utils_1.cn)('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
|
|
47
|
+
exports.CardTitle = CardTitle;
|
|
48
|
+
CardTitle.displayName = 'CardTitle';
|
|
49
|
+
const CardDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("p", { ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className), ...props })));
|
|
50
|
+
exports.CardDescription = CardDescription;
|
|
51
|
+
CardDescription.displayName = 'CardDescription';
|
|
52
|
+
const CardContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)('p-6 pt-0', className), ...props })));
|
|
53
|
+
exports.CardContent = CardContent;
|
|
54
|
+
CardContent.displayName = 'CardContent';
|
|
55
|
+
const CardFooter = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)('flex items-center p-6 pt-0', className), ...props })));
|
|
56
|
+
exports.CardFooter = CardFooter;
|
|
57
|
+
CardFooter.displayName = 'CardFooter';
|
|
58
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAE9B,2CAAoC;AAEpC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AA8DO,oBAAI;AA7Db,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAA;AAkDa,gCAAU;AAjDzB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AAmCqC,8BAAS;AAlChD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAA;AAuBgD,0CAAe;AAtBjE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACnE,CAAC,CAAA;AAeiE,kCAAW;AAd9E,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC,CAAA;AAGyB,gCAAU;AAFrC,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACZ,MAAM,QAAQ,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = void 0;
|
|
4
|
+
var Card_1 = require("./Card");
|
|
5
|
+
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
|
|
6
|
+
Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return Card_1.CardHeader; } });
|
|
7
|
+
Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return Card_1.CardFooter; } });
|
|
8
|
+
Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return Card_1.CardTitle; } });
|
|
9
|
+
Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return Card_1.CardDescription; } });
|
|
10
|
+
Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return Card_1.CardContent; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":";;;AAAA,+BAOe;AANb,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,uGAAA,eAAe,OAAA;AACf,mGAAA,WAAW,OAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
4
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
6
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DialogHeader: {
|
|
10
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const DialogFooter: {
|
|
14
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
19
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
20
|
+
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AACnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,QAAA,MAAM,aAAa,8JAiBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.DialogDescription = exports.DialogTitle = exports.DialogFooter = exports.DialogHeader = exports.DialogContent = exports.DialogTrigger = exports.DialogClose = exports.DialogOverlay = exports.DialogPortal = exports.Dialog = void 0;
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const React = __importStar(require("react"));
|
|
39
|
+
const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
|
|
40
|
+
const utils_1 = require("../../lib/utils");
|
|
41
|
+
const Dialog = DialogPrimitive.Root;
|
|
42
|
+
exports.Dialog = Dialog;
|
|
43
|
+
const DialogTrigger = DialogPrimitive.Trigger;
|
|
44
|
+
exports.DialogTrigger = DialogTrigger;
|
|
45
|
+
const DialogPortal = DialogPrimitive.Portal;
|
|
46
|
+
exports.DialogPortal = DialogPortal;
|
|
47
|
+
const DialogClose = DialogPrimitive.Close;
|
|
48
|
+
exports.DialogClose = DialogClose;
|
|
49
|
+
const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { ref: ref, className: (0, utils_1.cn)('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
|
|
50
|
+
exports.DialogOverlay = DialogOverlay;
|
|
51
|
+
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
52
|
+
const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DialogPortal, { children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsx)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), ...props, children: children })] })));
|
|
53
|
+
exports.DialogContent = DialogContent;
|
|
54
|
+
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
55
|
+
const DialogHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));
|
|
56
|
+
exports.DialogHeader = DialogHeader;
|
|
57
|
+
DialogHeader.displayName = 'DialogHeader';
|
|
58
|
+
const DialogFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
|
|
59
|
+
exports.DialogFooter = DialogFooter;
|
|
60
|
+
DialogFooter.displayName = 'DialogFooter';
|
|
61
|
+
const DialogTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Title, { ref: ref, className: (0, utils_1.cn)('text-lg font-semibold leading-none tracking-tight', className), ...props })));
|
|
62
|
+
exports.DialogTitle = DialogTitle;
|
|
63
|
+
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
64
|
+
const DialogDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Description, { ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className), ...props })));
|
|
65
|
+
exports.DialogDescription = DialogDescription;
|
|
66
|
+
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
67
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,wEAAyD;AAEzD,2CAAoC;AAEpC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAA;AAgGjC,wBAAM;AA/FR,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAA;AAmG3C,sCAAa;AAlGf,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAA;AA+FzC,oCAAY;AA9Fd,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAA;AAgGvC,kCAAW;AA9Fb,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,wJAAwJ,EACxJ,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AAiFA,sCAAa;AAhFf,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAE/D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,wBAAC,YAAY,eACX,uBAAC,aAAa,KAAG,EACjB,uBAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,6fAA6f,EAC7f,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACe,IACb,CAChB,CAAC,CAAA;AAgEA,sCAAa;AA/Df,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;AAE/D,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,gCACE,SAAS,EAAE,IAAA,UAAE,EACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AAmDC,oCAAY;AAlDd,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE,CAAC,CAC1C,gCACE,SAAS,EAAE,IAAA,UAAE,EACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AAsCC,oCAAY;AArCd,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,mDAAmD,EACnD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AAwBA,kCAAW;AAvBb,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,eAAe,CAAC,WAAW,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAA;AAaA,8CAAiB;AAZnB,iBAAiB,CAAC,WAAW,GAAG,eAAe,CAAC,WAAW,CAAC,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DialogDescription = exports.DialogTitle = exports.DialogFooter = exports.DialogHeader = exports.DialogContent = exports.DialogTrigger = exports.DialogClose = exports.DialogOverlay = exports.DialogPortal = exports.Dialog = void 0;
|
|
4
|
+
var Dialog_1 = require("./Dialog");
|
|
5
|
+
Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
|
|
6
|
+
Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return Dialog_1.DialogPortal; } });
|
|
7
|
+
Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return Dialog_1.DialogOverlay; } });
|
|
8
|
+
Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return Dialog_1.DialogClose; } });
|
|
9
|
+
Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return Dialog_1.DialogTrigger; } });
|
|
10
|
+
Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return Dialog_1.DialogContent; } });
|
|
11
|
+
Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return Dialog_1.DialogHeader; } });
|
|
12
|
+
Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return Dialog_1.DialogFooter; } });
|
|
13
|
+
Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return Dialog_1.DialogTitle; } });
|
|
14
|
+
Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return Dialog_1.DialogDescription; } });
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/index.ts"],"names":[],"mappings":";;;AAAA,mCAWiB;AAVf,gGAAA,MAAM,OAAA;AACN,sGAAA,YAAY,OAAA;AACZ,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,uGAAA,aAAa,OAAA;AACb,sGAAA,YAAY,OAAA;AACZ,sGAAA,YAAY,OAAA;AACZ,qGAAA,WAAW,OAAA;AACX,2GAAA,iBAAiB,OAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
}
|
|
4
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
export { Input };
|
|
6
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAExD,QAAA,MAAM,KAAK,qFAcV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.Input = void 0;
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const React = __importStar(require("react"));
|
|
39
|
+
const utils_1 = require("../../lib/utils");
|
|
40
|
+
const Input = React.forwardRef(({ className, type, ...props }, ref) => {
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)("input", { type: type, className: (0, utils_1.cn)('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props }));
|
|
42
|
+
});
|
|
43
|
+
exports.Input = Input;
|
|
44
|
+
Input.displayName = 'Input';
|
|
45
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAE9B,2CAAoC;AAKpC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,kCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACX,8VAA8V,EAC9V,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Input = void 0;
|
|
4
|
+
var Input_1 = require("./Input");
|
|
5
|
+
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAAvC,8FAAA,KAAK,OAAA"}
|