@mayor_grd/centry-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +100 -0
- package/dist/components/ui/accordion.cjs +2 -0
- package/dist/components/ui/accordion.cjs.map +1 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +47 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/alert-dialog.cjs +2 -0
- package/dist/components/ui/alert-dialog.cjs.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +21 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/components/ui/alert-dialog.js +108 -0
- package/dist/components/ui/alert-dialog.js.map +1 -0
- package/dist/components/ui/alert.cjs +2 -0
- package/dist/components/ui/alert.cjs.map +1 -0
- package/dist/components/ui/alert.d.ts +12 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/alert.js +55 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/aspect-ratio.cjs +2 -0
- package/dist/components/ui/aspect-ratio.cjs.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +4 -0
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/components/ui/aspect-ratio.js +6 -0
- package/dist/components/ui/aspect-ratio.js.map +1 -0
- package/dist/components/ui/avatar.cjs +2 -0
- package/dist/components/ui/avatar.cjs.map +1 -0
- package/dist/components/ui/avatar.d.ts +13 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +57 -0
- package/dist/components/ui/avatar.js.map +1 -0
- package/dist/components/ui/badge.cjs +2 -0
- package/dist/components/ui/badge.cjs.map +1 -0
- package/dist/components/ui/badge.d.ts +10 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +38 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.cjs +2 -0
- package/dist/components/ui/breadcrumb.cjs.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +23 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.js +97 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.cjs +2 -0
- package/dist/components/ui/button.cjs.map +1 -0
- package/dist/components/ui/button.d.ts +13 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.figma.d.ts +2 -0
- package/dist/components/ui/button.figma.d.ts.map +1 -0
- package/dist/components/ui/button.js +73 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/calendar.cjs +2 -0
- package/dist/components/ui/calendar.cjs.map +1 -0
- package/dist/components/ui/calendar.d.ts +9 -0
- package/dist/components/ui/calendar.d.ts.map +1 -0
- package/dist/components/ui/calendar.js +56 -0
- package/dist/components/ui/calendar.js.map +1 -0
- package/dist/components/ui/card.cjs +2 -0
- package/dist/components/ui/card.cjs.map +1 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +51 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/carousel.cjs +2 -0
- package/dist/components/ui/carousel.cjs.map +1 -0
- package/dist/components/ui/carousel.d.ts +19 -0
- package/dist/components/ui/carousel.d.ts.map +1 -0
- package/dist/components/ui/carousel.js +156 -0
- package/dist/components/ui/carousel.js.map +1 -0
- package/dist/components/ui/checkbox.cjs +2 -0
- package/dist/components/ui/checkbox.cjs.map +1 -0
- package/dist/components/ui/checkbox.d.ts +5 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/checkbox.js +53 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/collapsible.cjs +2 -0
- package/dist/components/ui/collapsible.cjs.map +1 -0
- package/dist/components/ui/collapsible.d.ts +6 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +8 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/combobox.cjs +2 -0
- package/dist/components/ui/combobox.cjs.map +1 -0
- package/dist/components/ui/combobox.d.ts +22 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/combobox.js +70 -0
- package/dist/components/ui/combobox.js.map +1 -0
- package/dist/components/ui/command.cjs +2 -0
- package/dist/components/ui/command.cjs.map +1 -0
- package/dist/components/ui/command.d.ts +82 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/command.js +107 -0
- package/dist/components/ui/command.js.map +1 -0
- package/dist/components/ui/data-table.cjs +2 -0
- package/dist/components/ui/data-table.cjs.map +1 -0
- package/dist/components/ui/data-table.d.ts +11 -0
- package/dist/components/ui/data-table.d.ts.map +1 -0
- package/dist/components/ui/data-table.js +26 -0
- package/dist/components/ui/data-table.js.map +1 -0
- package/dist/components/ui/date-picker.cjs +2 -0
- package/dist/components/ui/date-picker.cjs.map +1 -0
- package/dist/components/ui/date-picker.d.ts +15 -0
- package/dist/components/ui/date-picker.d.ts.map +1 -0
- package/dist/components/ui/date-picker.js +49 -0
- package/dist/components/ui/date-picker.js.map +1 -0
- package/dist/components/ui/dialog.cjs +2 -0
- package/dist/components/ui/dialog.cjs.map +1 -0
- package/dist/components/ui/dialog.d.ts +20 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +96 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/drawer.cjs +2 -0
- package/dist/components/ui/drawer.cjs.map +1 -0
- package/dist/components/ui/drawer.d.ts +23 -0
- package/dist/components/ui/drawer.d.ts.map +1 -0
- package/dist/components/ui/drawer.js +84 -0
- package/dist/components/ui/drawer.js.map +1 -0
- package/dist/components/ui/dropdown-menu.cjs +2 -0
- package/dist/components/ui/dropdown-menu.cjs.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +34 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.js +153 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/form.cjs +2 -0
- package/dist/components/ui/form.cjs.map +1 -0
- package/dist/components/ui/form.d.ts +23 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/form.js +93 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/hover-card.cjs +2 -0
- package/dist/components/ui/hover-card.cjs.map +1 -0
- package/dist/components/ui/hover-card.d.ts +7 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/hover-card.js +24 -0
- package/dist/components/ui/hover-card.js.map +1 -0
- package/dist/components/ui/index.d.ts +45 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/input-otp.cjs +2 -0
- package/dist/components/ui/input-otp.cjs.map +1 -0
- package/dist/components/ui/input-otp.d.ts +36 -0
- package/dist/components/ui/input-otp.d.ts.map +1 -0
- package/dist/components/ui/input-otp.js +55 -0
- package/dist/components/ui/input-otp.js.map +1 -0
- package/dist/components/ui/input.cjs +2 -0
- package/dist/components/ui/input.cjs.map +1 -0
- package/dist/components/ui/input.d.ts +10 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +32 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.cjs +2 -0
- package/dist/components/ui/label.cjs.map +1 -0
- package/dist/components/ui/label.d.ts +6 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/label.js +13 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/navigation-menu.cjs +2 -0
- package/dist/components/ui/navigation-menu.cjs.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +13 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.js +100 -0
- package/dist/components/ui/navigation-menu.js.map +1 -0
- package/dist/components/ui/pagination.cjs +2 -0
- package/dist/components/ui/pagination.cjs.map +1 -0
- package/dist/components/ui/pagination.d.ts +29 -0
- package/dist/components/ui/pagination.d.ts.map +1 -0
- package/dist/components/ui/pagination.js +100 -0
- package/dist/components/ui/pagination.js.map +1 -0
- package/dist/components/ui/popover.cjs +2 -0
- package/dist/components/ui/popover.cjs.map +1 -0
- package/dist/components/ui/popover.d.ts +8 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +25 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/progress.cjs +2 -0
- package/dist/components/ui/progress.cjs.map +1 -0
- package/dist/components/ui/progress.d.ts +5 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/progress.js +24 -0
- package/dist/components/ui/progress.js.map +1 -0
- package/dist/components/ui/radio-group.cjs +2 -0
- package/dist/components/ui/radio-group.cjs.map +1 -0
- package/dist/components/ui/radio-group.d.ts +6 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/radio-group.js +31 -0
- package/dist/components/ui/radio-group.js.map +1 -0
- package/dist/components/ui/select.cjs +2 -0
- package/dist/components/ui/select.cjs.map +1 -0
- package/dist/components/ui/select.d.ts +14 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/select.js +116 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.cjs +2 -0
- package/dist/components/ui/separator.cjs.map +1 -0
- package/dist/components/ui/separator.d.ts +5 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/separator.js +23 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.cjs +2 -0
- package/dist/components/ui/sheet.cjs.map +1 -0
- package/dist/components/ui/sheet.d.ts +26 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/components/ui/sheet.js +87 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/sidebar.cjs +2 -0
- package/dist/components/ui/sidebar.cjs.map +1 -0
- package/dist/components/ui/sidebar.d.ts +70 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/sidebar.js +541 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/skeleton.cjs +2 -0
- package/dist/components/ui/skeleton.cjs.map +1 -0
- package/dist/components/ui/skeleton.d.ts +4 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/skeleton.js +18 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/slider.cjs +2 -0
- package/dist/components/ui/slider.cjs.map +1 -0
- package/dist/components/ui/slider.d.ts +5 -0
- package/dist/components/ui/slider.d.ts.map +1 -0
- package/dist/components/ui/slider.js +21 -0
- package/dist/components/ui/slider.js.map +1 -0
- package/dist/components/ui/sonner.cjs +2 -0
- package/dist/components/ui/sonner.cjs.map +1 -0
- package/dist/components/ui/sonner.d.ts +6 -0
- package/dist/components/ui/sonner.d.ts.map +1 -0
- package/dist/components/ui/sonner.js +27 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/components/ui/switch.cjs +2 -0
- package/dist/components/ui/switch.cjs.map +1 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +28 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.cjs +2 -0
- package/dist/components/ui/table.cjs.map +1 -0
- package/dist/components/ui/table.d.ts +17 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/table.js +86 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tag.cjs +2 -0
- package/dist/components/ui/tag.cjs.map +1 -0
- package/dist/components/ui/tag.d.ts +11 -0
- package/dist/components/ui/tag.d.ts.map +1 -0
- package/dist/components/ui/tag.js +50 -0
- package/dist/components/ui/tag.js.map +1 -0
- package/dist/components/ui/textarea.cjs +2 -0
- package/dist/components/ui/textarea.cjs.map +1 -0
- package/dist/components/ui/textarea.d.ts +10 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.js +31 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/toggle-group.cjs +2 -0
- package/dist/components/ui/toggle-group.cjs.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +17 -0
- package/dist/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/components/ui/toggle-group.js +57 -0
- package/dist/components/ui/toggle-group.js.map +1 -0
- package/dist/components/ui/toggle.cjs +2 -0
- package/dist/components/ui/toggle.cjs.map +1 -0
- package/dist/components/ui/toggle.d.ts +13 -0
- package/dist/components/ui/toggle.d.ts.map +1 -0
- package/dist/components/ui/toggle.js +35 -0
- package/dist/components/ui/toggle.js.map +1 -0
- package/dist/components/ui/tooltip.cjs +2 -0
- package/dist/components/ui/tooltip.cjs.map +1 -0
- package/dist/components/ui/tooltip.d.ts +14 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +34 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +264 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.cjs +2 -0
- package/dist/lib/utils.cjs.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +9 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/styles/library.css +174 -0
- package/dist/tokens/generated/primitives.css +541 -0
- package/dist/tokens/generated/tailwind-theme.cjs +2 -0
- package/dist/tokens/generated/tailwind-theme.cjs.map +1 -0
- package/dist/tokens/generated/tailwind-theme.d.ts +870 -0
- package/dist/tokens/generated/tailwind-theme.d.ts.map +1 -0
- package/dist/tokens/generated/tailwind-theme.js +872 -0
- package/dist/tokens/generated/tailwind-theme.js.map +1 -0
- package/dist/tokens/generated/tokens.cjs +2 -0
- package/dist/tokens/generated/tokens.cjs.map +1 -0
- package/dist/tokens/generated/tokens.d.ts +891 -0
- package/dist/tokens/generated/tokens.d.ts.map +1 -0
- package/dist/tokens/generated/tokens.js +1596 -0
- package/dist/tokens/generated/tokens.js.map +1 -0
- package/dist/tokens/generated/variables.css +919 -0
- package/dist/tokens/index.cjs +2 -0
- package/dist/tokens/index.cjs.map +1 -0
- package/dist/tokens/index.d.ts +3 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +15 -0
- package/dist/tokens/index.js.map +1 -0
- package/package.json +140 -0
package/README.md
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
# @mayor_grd/centry-ui
|
|
2
|
+
|
|
3
|
+
A modern, highly customizable React UI component library based on the Basis Design System. Built with Radix UI and Tailwind CSS for accessibility, performance, and beautiful aesthetics.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
- **Accessible By Default:** Components built on top of Radix UI primitives.
|
|
7
|
+
- **Tailwind Native:** Styling is powered entirely by Tailwind CSS v4.
|
|
8
|
+
- **Design Tokens:** Includes dynamic light and dark theme design tokens, easily extendable.
|
|
9
|
+
- **Fully Typed:** Written in TypeScript for comprehensive autocompletion and type safety.
|
|
10
|
+
- **Micro-Animations:** Fluid, interactive hover states and enter/exit transitions built-in.
|
|
11
|
+
|
|
12
|
+
## Installation
|
|
13
|
+
|
|
14
|
+
Install the package via `pnpm`, `npm`, or `yarn`.
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
pnpm add @mayor_grd/centry-ui
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
### Peer Dependencies
|
|
21
|
+
Ensure you have `react`, `react-dom`, and `tailwindcss` installed in your project:
|
|
22
|
+
```bash
|
|
23
|
+
pnpm add react react-dom tailwindcss
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Setup
|
|
27
|
+
|
|
28
|
+
In your app's global CSS file (Next.js `app/globals.css`, Vite `src/index.css`, etc.):
|
|
29
|
+
|
|
30
|
+
```css
|
|
31
|
+
@import 'tailwindcss';
|
|
32
|
+
@import '@mayor_grd/centry-ui/styles.css';
|
|
33
|
+
|
|
34
|
+
/* Optional — raw Tailwind primitive scales (--tw-slate-500, --tw-blue-500, etc.) */
|
|
35
|
+
/* @import '@mayor_grd/centry-ui/primitives.css'; */
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
`styles.css` already pulls in the semantic tokens (`tokens.css`) and registers them as Tailwind utilities via Tailwind v4's `@theme` directive — you can use classes like `bg-bg-canvas`, `text-text-primary`, `bg-action-primary-bg`, and `shadow-card` directly.
|
|
39
|
+
|
|
40
|
+
Activate dark mode by adding `class="dark"` (or `data-theme="dark"`) to your `<html />` tag.
|
|
41
|
+
|
|
42
|
+
## Basic Usage
|
|
43
|
+
|
|
44
|
+
Import components directly from the package:
|
|
45
|
+
|
|
46
|
+
```tsx
|
|
47
|
+
import { Button, Card, CardHeader, CardTitle, CardContent } from '@mayor_grd/centry-ui';
|
|
48
|
+
|
|
49
|
+
export default function App() {
|
|
50
|
+
return (
|
|
51
|
+
<Card className="max-w-md mx-auto mt-10">
|
|
52
|
+
<CardHeader>
|
|
53
|
+
<CardTitle>Welcome to CentryOS</CardTitle>
|
|
54
|
+
</CardHeader>
|
|
55
|
+
<CardContent className="space-y-4">
|
|
56
|
+
<p className="text-text-secondary">
|
|
57
|
+
This is a card built using the newly installed UI library.
|
|
58
|
+
</p>
|
|
59
|
+
<Button variant="default" size="lg" className="w-full">
|
|
60
|
+
Get Started
|
|
61
|
+
</Button>
|
|
62
|
+
</CardContent>
|
|
63
|
+
</Card>
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Available Components
|
|
69
|
+
|
|
70
|
+
- **Layout:** `Card`, `Separator`, `Sidebar`, `Sheet`
|
|
71
|
+
- **Inputs:** `Input`, `Button`
|
|
72
|
+
- **Feedback:** `Alert`, `AlertDialog`, `Tooltip`
|
|
73
|
+
- **Data Display:** `Accordion`
|
|
74
|
+
|
|
75
|
+
## Development
|
|
76
|
+
|
|
77
|
+
To work on this library directly:
|
|
78
|
+
|
|
79
|
+
```bash
|
|
80
|
+
# Start Storybook component viewer
|
|
81
|
+
pnpm dev
|
|
82
|
+
|
|
83
|
+
# Build the library
|
|
84
|
+
pnpm build
|
|
85
|
+
|
|
86
|
+
# Fix linting issues
|
|
87
|
+
pnpm lint:fix
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
## Publishing to NPM
|
|
91
|
+
|
|
92
|
+
This workspace publishes via GitHub Actions, but you can publish manually.
|
|
93
|
+
|
|
94
|
+
Make sure you are logged into the matching organization (`@mayor_grd`) using either an OTP token or granular access bypass:
|
|
95
|
+
|
|
96
|
+
```bash
|
|
97
|
+
npm login
|
|
98
|
+
pnpm build
|
|
99
|
+
pnpm publish --access public --no-git-checks
|
|
100
|
+
```
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),f=require("@radix-ui/react-accordion"),p=require("iconsax-react"),a=require("../../lib/utils.cjs");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const c=s(u),r=s(f),x=r.Root,d=c.forwardRef(({className:e,...o},t)=>i.jsx(r.Item,{ref:t,className:a.cn("border-b border-border-default",e),...o}));d.displayName="AccordionItem";const l=c.forwardRef(({className:e,children:o,...t},n)=>i.jsx(r.Header,{className:"flex",children:i.jsxs(r.Trigger,{ref:n,className:a.cn("flex flex-1 items-center justify-between rounded-sm py-3 text-sm font-medium text-text-primary outline-none transition-all hover:text-text-secondary focus-visible:ring-2 focus-visible:ring-focus-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&[data-state=open]>svg]:rotate-180",e),...t,children:[o,i.jsx(p.ArrowDown2,{size:16,color:"currentColor",className:"shrink-0 text-icon-muted transition-transform duration-200"})]})}));l.displayName=r.Trigger.displayName;const m=c.forwardRef(({className:e,children:o,...t},n)=>i.jsx(r.Content,{ref:n,className:"overflow-hidden text-sm text-text-secondary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...t,children:i.jsx("div",{className:a.cn("pb-4 pt-0",e),children:o})}));m.displayName=r.Content.displayName;exports.Accordion=x;exports.AccordionContent=m;exports.AccordionItem=d;exports.AccordionTrigger=l;
|
|
2
|
+
//# sourceMappingURL=accordion.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.cjs","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ArrowDown2 } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn('border-b border-border-default', className)}\n {...props}\n />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex flex-1 items-center justify-between rounded-sm py-3 text-sm font-medium text-text-primary outline-none transition-all hover:text-text-secondary focus-visible:ring-2 focus-visible:ring-focus-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&[data-state=open]>svg]:rotate-180',\n className\n )}\n {...props}\n >\n {children}\n <ArrowDown2 size={16} color=\"currentColor\" className=\"shrink-0 text-icon-muted transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"overflow-hidden text-sm text-text-secondary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n {...props}\n >\n <div className={cn('pb-4 pt-0', className)}>{children}</div>\n </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ArrowDown2","AccordionContent"],"mappings":"4gBAKMA,EAAYC,EAAmB,KAE/BC,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACN,EAAmB,KAAnB,CACC,IAAAK,EACA,UAAWE,EAAAA,GAAG,iCAAkCJ,CAAS,EACxD,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAc,gBAE5B,MAAMO,EAAmBN,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,SAAAM,EAAU,GAAGL,CAAA,EAASC,IACpCC,EAAAA,IAACN,EAAmB,OAAnB,CAA0B,UAAU,OACnC,SAAAU,EAAAA,KAACV,EAAmB,QAAnB,CACC,IAAAK,EACA,UAAWE,EAAAA,GACT,6SACAJ,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAK,QACAE,EAAAA,WAAA,CAAW,KAAM,GAAI,MAAM,eAAe,UAAU,4DAAA,CAA6D,CAAA,CAAA,CACpH,EACF,CACD,EACDH,EAAiB,YAAcR,EAAmB,QAAQ,YAE1D,MAAMY,EAAmBV,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,SAAAM,EAAU,GAAGL,GAASC,IACpCC,EAAAA,IAACN,EAAmB,QAAnB,CACC,IAAAK,EACA,UAAU,+IACT,GAAGD,EAEJ,eAAC,MAAA,CAAI,UAAWG,EAAAA,GAAG,YAAaJ,CAAS,EAAI,SAAAM,CAAA,CAAS,CAAA,CACxD,CACD,EACDG,EAAiB,YAAcZ,EAAmB,QAAQ"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
8
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0KAiBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,oKAWpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as a, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
import * as e from "@radix-ui/react-accordion";
|
|
4
|
+
import { ArrowDown2 as c } from "iconsax-react";
|
|
5
|
+
import { cn as s } from "../../lib/utils.js";
|
|
6
|
+
const y = e.Root, m = n.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ a(
|
|
7
|
+
e.Item,
|
|
8
|
+
{
|
|
9
|
+
ref: r,
|
|
10
|
+
className: s("border-b border-border-default", t),
|
|
11
|
+
...o
|
|
12
|
+
}
|
|
13
|
+
));
|
|
14
|
+
m.displayName = "AccordionItem";
|
|
15
|
+
const l = n.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
|
|
16
|
+
e.Trigger,
|
|
17
|
+
{
|
|
18
|
+
ref: i,
|
|
19
|
+
className: s(
|
|
20
|
+
"flex flex-1 items-center justify-between rounded-sm py-3 text-sm font-medium text-text-primary outline-none transition-all hover:text-text-secondary focus-visible:ring-2 focus-visible:ring-focus-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&[data-state=open]>svg]:rotate-180",
|
|
21
|
+
t
|
|
22
|
+
),
|
|
23
|
+
...r,
|
|
24
|
+
children: [
|
|
25
|
+
o,
|
|
26
|
+
/* @__PURE__ */ a(c, { size: 16, color: "currentColor", className: "shrink-0 text-icon-muted transition-transform duration-200" })
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
) }));
|
|
30
|
+
l.displayName = e.Trigger.displayName;
|
|
31
|
+
const f = n.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(
|
|
32
|
+
e.Content,
|
|
33
|
+
{
|
|
34
|
+
ref: i,
|
|
35
|
+
className: "overflow-hidden text-sm text-text-secondary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
36
|
+
...r,
|
|
37
|
+
children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", t), children: o })
|
|
38
|
+
}
|
|
39
|
+
));
|
|
40
|
+
f.displayName = e.Content.displayName;
|
|
41
|
+
export {
|
|
42
|
+
y as Accordion,
|
|
43
|
+
f as AccordionContent,
|
|
44
|
+
m as AccordionItem,
|
|
45
|
+
l as AccordionTrigger
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ArrowDown2 } from 'iconsax-react';\nimport { cn } from '@/lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn('border-b border-border-default', className)}\n {...props}\n />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex flex-1 items-center justify-between rounded-sm py-3 text-sm font-medium text-text-primary outline-none transition-all hover:text-text-secondary focus-visible:ring-2 focus-visible:ring-focus-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&[data-state=open]>svg]:rotate-180',\n className\n )}\n {...props}\n >\n {children}\n <ArrowDown2 size={16} color=\"currentColor\" className=\"shrink-0 text-icon-muted transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"overflow-hidden text-sm text-text-secondary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n {...props}\n >\n <div className={cn('pb-4 pt-0', className)}>{children}</div>\n </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ArrowDown2","AccordionContent"],"mappings":";;;;;AAKA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,kCAAkCJ,CAAS;AAAA,IACxD,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC,MACpC,gBAAAC,EAACN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,wBACAE,GAAA,EAAW,MAAM,IAAI,OAAM,gBAAe,WAAU,6DAAA,CAA6D;AAAA,IAAA;AAAA,EAAA;AACpH,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAE1D,MAAMY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,EAAA;AACxD,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),N=require("@radix-ui/react-alert-dialog"),r=require("../../lib/utils.cjs"),c=require("./button.cjs");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const i=d(x),l=d(N),b=l.Root,j=l.Trigger,g=l.Portal,s=i.forwardRef(({className:e,...t},a)=>o.jsx(l.Overlay,{ref:a,className:r.cn("fixed inset-0 z-50 bg-bg-scrim transition-opacity duration-200","data-[state=open]:opacity-100 data-[state=closed]:opacity-0",e),...t}));s.displayName=l.Overlay.displayName;const m=i.forwardRef(({className:e,...t},a)=>o.jsxs(g,{children:[o.jsx(s,{}),o.jsx(l.Content,{ref:a,className:r.cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-border-default bg-bg-popover p-6 shadow-modal sm:rounded-lg","transition-all duration-200","data-[state=open]:opacity-100 data-[state=open]:scale-100","data-[state=closed]:opacity-0 data-[state=closed]:scale-95",e),...t})]}));m.displayName=l.Content.displayName;const p=({className:e,...t})=>o.jsx("div",{className:r.cn("flex flex-col space-y-2 text-center sm:text-left",e),...t});p.displayName="AlertDialogHeader";const f=({className:e,...t})=>o.jsx("div",{className:r.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="AlertDialogFooter";const y=i.forwardRef(({className:e,...t},a)=>o.jsx(l.Title,{ref:a,className:r.cn("text-lg font-semibold text-text-dialog",e),...t}));y.displayName=l.Title.displayName;const D=i.forwardRef(({className:e,...t},a)=>o.jsx(l.Description,{ref:a,className:r.cn("text-sm text-text-secondary",e),...t}));D.displayName=l.Description.displayName;const u=i.forwardRef(({className:e,...t},a)=>o.jsx(l.Action,{ref:a,className:r.cn(c.buttonVariants(),e),...t}));u.displayName=l.Action.displayName;const A=i.forwardRef(({className:e,...t},a)=>o.jsx(l.Cancel,{ref:a,className:r.cn(c.buttonVariants({variant:"outline"}),"mt-2 sm:mt-0",e),...t}));A.displayName=l.Cancel.displayName;exports.AlertDialog=b;exports.AlertDialogAction=u;exports.AlertDialogCancel=A;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=f;exports.AlertDialogHeader=p;exports.AlertDialogOverlay=s;exports.AlertDialogPortal=g;exports.AlertDialogTitle=y;exports.AlertDialogTrigger=j;
|
|
2
|
+
//# sourceMappingURL=alert-dialog.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.cjs","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants } from './button';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-bg-scrim transition-opacity duration-200',\n 'data-[state=open]:opacity-100 data-[state=closed]:opacity-0',\n className\n )}\n {...props}\n />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-border-default bg-bg-popover p-6 shadow-modal sm:rounded-lg',\n 'transition-all duration-200',\n 'data-[state=open]:opacity-100 data-[state=open]:scale-100',\n 'data-[state=closed]:opacity-0 data-[state=closed]:scale-95',\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col space-y-2 text-center sm:text-left', className)}\n {...props}\n />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n {...props}\n />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold text-text-dialog', className)}\n {...props}\n />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-text-secondary', className)}\n {...props}\n />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Action>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action\n ref={ref}\n className={cn(buttonVariants(), className)}\n {...props}\n />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Cancel>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n {...props}\n />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"8gBAKMA,EAAcC,EAAqB,KACnCC,EAAqBD,EAAqB,QAC1CE,EAAoBF,EAAqB,OAEzCG,EAAqBC,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACR,EAAqB,QAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GACT,iEACA,8DACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAmB,YAAcH,EAAqB,QAAQ,YAE9D,MAAMU,EAAqBN,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BI,EAAAA,KAACT,EAAA,CACC,SAAA,CAAAM,EAAAA,IAACL,EAAA,EAAmB,EACpBK,EAAAA,IAACR,EAAqB,QAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GACT,qKACA,8BACA,4DACA,6DACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CACN,EACF,CACD,EACDI,EAAmB,YAAcV,EAAqB,QAAQ,YAE9D,MAAMY,EAAoB,CAAC,CACzB,UAAAP,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,mDAAoDJ,CAAS,EAC1E,GAAGC,CAAA,CACN,EAEFM,EAAkB,YAAc,oBAEhC,MAAMC,EAAoB,CAAC,CACzB,UAAAR,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,gEAAiEJ,CAAS,EACvF,GAAGC,CAAA,CACN,EAEFO,EAAkB,YAAc,oBAEhC,MAAMC,EAAmBV,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACR,EAAqB,MAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,yCAA0CJ,CAAS,EAChE,GAAGC,CAAA,CACN,CACD,EACDQ,EAAiB,YAAcd,EAAqB,MAAM,YAE1D,MAAMe,EAAyBX,EAAM,WAGnC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACR,EAAqB,YAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,8BAA+BJ,CAAS,EACrD,GAAGC,CAAA,CACN,CACD,EACDS,EAAuB,YAAcf,EAAqB,YAAY,YAEtE,MAAMgB,EAAoBZ,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACR,EAAqB,OAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAGQ,iBAAA,EAAkBZ,CAAS,EACxC,GAAGC,CAAA,CACN,CACD,EACDU,EAAkB,YAAchB,EAAqB,OAAO,YAE5D,MAAMkB,EAAoBd,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACR,EAAqB,OAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAGQ,EAAAA,eAAe,CAAE,QAAS,UAAW,EAAG,eAAgBZ,CAAS,EAC9E,GAAGC,CAAA,CACN,CACD,EACDY,EAAkB,YAAclB,EAAqB,OAAO"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogHeader: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
declare const AlertDialogFooter: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
21
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAC9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AACxD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAatB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAkBtB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { jsx as l, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import * as t from "@radix-ui/react-alert-dialog";
|
|
4
|
+
import { cn as s } from "../../lib/utils.js";
|
|
5
|
+
import { buttonVariants as i } from "./button.js";
|
|
6
|
+
const b = t.Root, v = t.Trigger, c = t.Portal, d = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
7
|
+
t.Overlay,
|
|
8
|
+
{
|
|
9
|
+
ref: o,
|
|
10
|
+
className: s(
|
|
11
|
+
"fixed inset-0 z-50 bg-bg-scrim transition-opacity duration-200",
|
|
12
|
+
"data-[state=open]:opacity-100 data-[state=closed]:opacity-0",
|
|
13
|
+
a
|
|
14
|
+
),
|
|
15
|
+
...e
|
|
16
|
+
}
|
|
17
|
+
));
|
|
18
|
+
d.displayName = t.Overlay.displayName;
|
|
19
|
+
const m = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ n(c, { children: [
|
|
20
|
+
/* @__PURE__ */ l(d, {}),
|
|
21
|
+
/* @__PURE__ */ l(
|
|
22
|
+
t.Content,
|
|
23
|
+
{
|
|
24
|
+
ref: o,
|
|
25
|
+
className: s(
|
|
26
|
+
"fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-border-default bg-bg-popover p-6 shadow-modal sm:rounded-lg",
|
|
27
|
+
"transition-all duration-200",
|
|
28
|
+
"data-[state=open]:opacity-100 data-[state=open]:scale-100",
|
|
29
|
+
"data-[state=closed]:opacity-0 data-[state=closed]:scale-95",
|
|
30
|
+
a
|
|
31
|
+
),
|
|
32
|
+
...e
|
|
33
|
+
}
|
|
34
|
+
)
|
|
35
|
+
] }));
|
|
36
|
+
m.displayName = t.Content.displayName;
|
|
37
|
+
const p = ({
|
|
38
|
+
className: a,
|
|
39
|
+
...e
|
|
40
|
+
}) => /* @__PURE__ */ l(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
className: s("flex flex-col space-y-2 text-center sm:text-left", a),
|
|
44
|
+
...e
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
p.displayName = "AlertDialogHeader";
|
|
48
|
+
const f = ({
|
|
49
|
+
className: a,
|
|
50
|
+
...e
|
|
51
|
+
}) => /* @__PURE__ */ l(
|
|
52
|
+
"div",
|
|
53
|
+
{
|
|
54
|
+
className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", a),
|
|
55
|
+
...e
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
f.displayName = "AlertDialogFooter";
|
|
59
|
+
const g = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
60
|
+
t.Title,
|
|
61
|
+
{
|
|
62
|
+
ref: o,
|
|
63
|
+
className: s("text-lg font-semibold text-text-dialog", a),
|
|
64
|
+
...e
|
|
65
|
+
}
|
|
66
|
+
));
|
|
67
|
+
g.displayName = t.Title.displayName;
|
|
68
|
+
const y = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
69
|
+
t.Description,
|
|
70
|
+
{
|
|
71
|
+
ref: o,
|
|
72
|
+
className: s("text-sm text-text-secondary", a),
|
|
73
|
+
...e
|
|
74
|
+
}
|
|
75
|
+
));
|
|
76
|
+
y.displayName = t.Description.displayName;
|
|
77
|
+
const N = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
78
|
+
t.Action,
|
|
79
|
+
{
|
|
80
|
+
ref: o,
|
|
81
|
+
className: s(i(), a),
|
|
82
|
+
...e
|
|
83
|
+
}
|
|
84
|
+
));
|
|
85
|
+
N.displayName = t.Action.displayName;
|
|
86
|
+
const x = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
87
|
+
t.Cancel,
|
|
88
|
+
{
|
|
89
|
+
ref: o,
|
|
90
|
+
className: s(i({ variant: "outline" }), "mt-2 sm:mt-0", a),
|
|
91
|
+
...e
|
|
92
|
+
}
|
|
93
|
+
));
|
|
94
|
+
x.displayName = t.Cancel.displayName;
|
|
95
|
+
export {
|
|
96
|
+
b as AlertDialog,
|
|
97
|
+
N as AlertDialogAction,
|
|
98
|
+
x as AlertDialogCancel,
|
|
99
|
+
m as AlertDialogContent,
|
|
100
|
+
y as AlertDialogDescription,
|
|
101
|
+
f as AlertDialogFooter,
|
|
102
|
+
p as AlertDialogHeader,
|
|
103
|
+
d as AlertDialogOverlay,
|
|
104
|
+
c as AlertDialogPortal,
|
|
105
|
+
g as AlertDialogTitle,
|
|
106
|
+
v as AlertDialogTrigger
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants } from './button';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-bg-scrim transition-opacity duration-200',\n 'data-[state=open]:opacity-100 data-[state=closed]:opacity-0',\n className\n )}\n {...props}\n />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-border-default bg-bg-popover p-6 shadow-modal sm:rounded-lg',\n 'transition-all duration-200',\n 'data-[state=open]:opacity-100 data-[state=open]:scale-100',\n 'data-[state=closed]:opacity-0 data-[state=closed]:scale-95',\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col space-y-2 text-center sm:text-left', className)}\n {...props}\n />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n {...props}\n />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold text-text-dialog', className)}\n {...props}\n />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-text-secondary', className)}\n {...props}\n />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Action>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action\n ref={ref}\n className={cn(buttonVariants(), className)}\n {...props}\n />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n React.ComponentRef<typeof AlertDialogPrimitive.Cancel>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n {...props}\n />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;AAKA,MAAMA,IAAcC,EAAqB,MACnCC,IAAqBD,EAAqB,SAC1CE,IAAoBF,EAAqB,QAEzCG,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAmB,cAAcH,EAAqB,QAAQ;AAE9D,MAAMU,IAAqBN,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAM,EAACL,GAAA,EAAmB;AAAA,EACpB,gBAAAK;AAAA,IAACR,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AACN,GACF,CACD;AACDI,EAAmB,cAAcV,EAAqB,QAAQ;AAE9D,MAAMY,IAAoB,CAAC;AAAA,EACzB,WAAAP;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,oDAAoDJ,CAAS;AAAA,IAC1E,GAAGC;AAAA,EAAA;AACN;AAEFM,EAAkB,cAAc;AAEhC,MAAMC,IAAoB,CAAC;AAAA,EACzB,WAAAR;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,iEAAiEJ,CAAS;AAAA,IACvF,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAkB,cAAc;AAEhC,MAAMC,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,0CAA0CJ,CAAS;AAAA,IAChE,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAiB,cAAcd,EAAqB,MAAM;AAE1D,MAAMe,IAAyBX,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,+BAA+BJ,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAuB,cAAcf,EAAqB,YAAY;AAEtE,MAAMgB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAGQ,EAAA,GAAkBZ,CAAS;AAAA,IACxC,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAkB,cAAchB,EAAqB,OAAO;AAE5D,MAAMkB,IAAoBd,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAGQ,EAAe,EAAE,SAAS,WAAW,GAAG,gBAAgBZ,CAAS;AAAA,IAC9E,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAkB,cAAclB,EAAqB,OAAO;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),g=require("react"),d=require("class-variance-authority"),n=require("../../lib/utils.cjs");function b(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const i=b(g),o=d.cva("relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg~*]:pl-7",{variants:{variant:{default:"border-border-default bg-bg-surface text-text-primary [&>svg]:text-icon-primary",info:"border-status-info-border bg-status-info-bg text-status-info-text [&>svg]:text-status-info-icon",success:"border-status-success-border bg-status-success-bg text-status-success-text [&>svg]:text-status-success-icon",warning:"border-status-warning-border bg-status-warning-bg text-status-warning-text [&>svg]:text-status-warning-icon",error:"border-status-error-border bg-status-error-bg text-status-error-text [&>svg]:text-status-error-icon"}},defaultVariants:{variant:"default"}}),c=i.forwardRef(({className:t,variant:r,...e},s)=>a.jsx("div",{ref:s,role:"alert",className:n.cn(o({variant:r}),t),...e}));c.displayName="Alert";const l=i.forwardRef(({className:t,...r},e)=>a.jsx("h5",{ref:e,className:n.cn("mb-1 font-medium leading-none tracking-tight",t),...r}));l.displayName="AlertTitle";const u=i.forwardRef(({className:t,...r},e)=>a.jsx("div",{ref:e,className:n.cn("text-sm [&_p]:leading-relaxed",t),...r}));u.displayName="AlertDescription";exports.Alert=c;exports.AlertDescription=u;exports.AlertTitle=l;exports.alertVariants=o;
|
|
2
|
+
//# sourceMappingURL=alert.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.cjs","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst alertVariants = cva(\n 'relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg~*]:pl-7',\n {\n variants: {\n variant: {\n default:\n 'border-border-default bg-bg-surface text-text-primary [&>svg]:text-icon-primary',\n info: 'border-status-info-border bg-status-info-bg text-status-info-text [&>svg]:text-status-info-icon',\n success:\n 'border-status-success-border bg-status-success-bg text-status-success-text [&>svg]:text-status-success-icon',\n warning:\n 'border-status-warning-border bg-status-warning-bg text-status-warning-text [&>svg]:text-status-warning-icon',\n error:\n 'border-status-error-border bg-status-error-bg text-status-error-text [&>svg]:text-status-error-icon',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n {...props}\n />\n));\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('text-sm [&_p]:leading-relaxed', className)}\n {...props}\n />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","jsx","cn","AlertTitle","AlertDescription"],"mappings":"yeAIMA,EAAgBC,EAAAA,IACpB,mJACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kFACF,KAAM,kGACN,QACE,8GACF,QACE,8GACF,MACE,qGAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEMC,EAAQC,EAAM,WAGlB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,GAASC,IACnCC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,KAAK,QACL,UAAWE,EAAAA,GAAGT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CACN,CACD,EACDJ,EAAM,YAAc,QAEpB,MAAMQ,EAAaP,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,+CAAgDL,CAAS,EACtE,GAAGE,CAAA,CACN,CACD,EACDI,EAAW,YAAc,aAEzB,MAAMC,EAAmBR,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGE,CAAA,CACN,CACD,EACDK,EAAiB,YAAc"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
7
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
10
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
11
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants };
|
|
12
|
+
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAoBlB,CAAC;AAEF,QAAA,MAAM,KAAK;;sHAUT,CAAC;AAGH,QAAA,MAAM,UAAU,uHASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,yHASpB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as a from "react";
|
|
3
|
+
import { cva as n } from "class-variance-authority";
|
|
4
|
+
import { cn as o } from "../../lib/utils.js";
|
|
5
|
+
const l = n(
|
|
6
|
+
"relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg~*]:pl-7",
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: "border-border-default bg-bg-surface text-text-primary [&>svg]:text-icon-primary",
|
|
11
|
+
info: "border-status-info-border bg-status-info-bg text-status-info-text [&>svg]:text-status-info-icon",
|
|
12
|
+
success: "border-status-success-border bg-status-success-bg text-status-success-text [&>svg]:text-status-success-icon",
|
|
13
|
+
warning: "border-status-warning-border bg-status-warning-bg text-status-warning-text [&>svg]:text-status-warning-icon",
|
|
14
|
+
error: "border-status-error-border bg-status-error-bg text-status-error-text [&>svg]:text-status-error-icon"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: "default"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
), g = a.forwardRef(({ className: t, variant: r, ...s }, i) => /* @__PURE__ */ e(
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
ref: i,
|
|
25
|
+
role: "alert",
|
|
26
|
+
className: o(l({ variant: r }), t),
|
|
27
|
+
...s
|
|
28
|
+
}
|
|
29
|
+
));
|
|
30
|
+
g.displayName = "Alert";
|
|
31
|
+
const d = a.forwardRef(({ className: t, ...r }, s) => /* @__PURE__ */ e(
|
|
32
|
+
"h5",
|
|
33
|
+
{
|
|
34
|
+
ref: s,
|
|
35
|
+
className: o("mb-1 font-medium leading-none tracking-tight", t),
|
|
36
|
+
...r
|
|
37
|
+
}
|
|
38
|
+
));
|
|
39
|
+
d.displayName = "AlertTitle";
|
|
40
|
+
const u = a.forwardRef(({ className: t, ...r }, s) => /* @__PURE__ */ e(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
ref: s,
|
|
44
|
+
className: o("text-sm [&_p]:leading-relaxed", t),
|
|
45
|
+
...r
|
|
46
|
+
}
|
|
47
|
+
));
|
|
48
|
+
u.displayName = "AlertDescription";
|
|
49
|
+
export {
|
|
50
|
+
g as Alert,
|
|
51
|
+
u as AlertDescription,
|
|
52
|
+
d as AlertTitle,
|
|
53
|
+
l as alertVariants
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst alertVariants = cva(\n 'relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg~*]:pl-7',\n {\n variants: {\n variant: {\n default:\n 'border-border-default bg-bg-surface text-text-primary [&>svg]:text-icon-primary',\n info: 'border-status-info-border bg-status-info-bg text-status-info-text [&>svg]:text-status-info-icon',\n success:\n 'border-status-success-border bg-status-success-bg text-status-success-text [&>svg]:text-status-success-icon',\n warning:\n 'border-status-warning-border bg-status-warning-bg text-status-warning-text [&>svg]:text-status-warning-icon',\n error:\n 'border-status-error-border bg-status-error-bg text-status-error-text [&>svg]:text-status-error-icon',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n {...props}\n />\n));\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('text-sm [&_p]:leading-relaxed', className)}\n {...props}\n />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEpB,MAAMQ,IAAaP,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEzB,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAiB,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@radix-ui/react-aspect-ratio");function c(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=c(i),a=n.Root;exports.AspectRatio=a;
|
|
2
|
+
//# sourceMappingURL=aspect-ratio.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aspect-ratio.cjs","sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":"0ZAEMA,EAAcC,EAAqB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
2
|
+
declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export { AspectRatio };
|
|
4
|
+
//# sourceMappingURL=aspect-ratio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aspect-ratio.js","sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";AAEA,MAAMA,IAAcC,EAAqB;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),f=require("react"),x=require("@radix-ui/react-avatar"),v=require("class-variance-authority"),c=require("../../lib/utils.cjs");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const n=i(f),r=i(x),o=v.cva("relative flex shrink-0 overflow-hidden rounded-full bg-bg-muted",{variants:{size:{"2xs":"h-5 w-5 text-[9px]",xs:"h-6 w-6 text-[10px]",sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"}},defaultVariants:{size:"md"}}),u=n.forwardRef(({className:e,size:t,...a},s)=>l.jsx(r.Root,{ref:s,className:c.cn(o({size:t}),e),...a}));u.displayName=r.Root.displayName;const m=n.forwardRef(({className:e,...t},a)=>l.jsx(r.Image,{ref:a,className:c.cn("aspect-square h-full w-full object-cover",e),...t}));m.displayName=r.Image.displayName;const d=n.forwardRef(({className:e,...t},a)=>l.jsx(r.Fallback,{ref:a,className:c.cn("flex h-full w-full items-center justify-center rounded-full bg-bg-secondary font-medium text-text-secondary",e),...t}));d.displayName=r.Fallback.displayName;exports.Avatar=u;exports.AvatarFallback=d;exports.AvatarImage=m;exports.avatarVariants=o;
|
|
2
|
+
//# sourceMappingURL=avatar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.cjs","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst avatarVariants = cva(\n 'relative flex shrink-0 overflow-hidden rounded-full bg-bg-muted',\n {\n variants: {\n size: {\n '2xs': 'h-5 w-5 text-[9px]',\n xs: 'h-6 w-6 text-[10px]',\n sm: 'h-8 w-8 text-xs',\n md: 'h-10 w-10 text-sm',\n lg: 'h-12 w-12 text-base',\n xl: 'h-16 w-16 text-lg',\n },\n },\n defaultVariants: { size: 'md' },\n }\n);\n\ninterface AvatarProps\n extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatarVariants> {}\n\nconst Avatar = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(({ className, size, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(avatarVariants({ size }), className)}\n {...props}\n />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn('aspect-square h-full w-full object-cover', className)}\n {...props}\n />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n 'flex h-full w-full items-center justify-center rounded-full bg-bg-secondary font-medium text-text-secondary',\n className\n )}\n {...props}\n />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps };\n"],"names":["avatarVariants","cva","Avatar","React","className","size","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":"ohBAKMA,EAAiBC,EAAAA,IACrB,kEACA,CACE,SAAU,CACR,KAAM,CACJ,MAAO,qBACP,GAAI,sBACJ,GAAI,kBACJ,GAAI,oBACJ,GAAI,sBACJ,GAAI,mBAAA,CACN,EAEF,gBAAiB,CAAE,KAAM,IAAA,CAAK,CAElC,EAMMC,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,GAASC,IAChCC,EAAAA,IAACC,EAAgB,KAAhB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAGV,EAAe,CAAE,KAAAK,CAAA,CAAM,EAAGD,CAAS,EAChD,GAAGE,CAAA,CACN,CACD,EACDJ,EAAO,YAAcO,EAAgB,KAAK,YAE1C,MAAME,EAAcR,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAgB,MAAhB,CACC,IAAAF,EACA,UAAWG,EAAAA,GAAG,2CAA4CN,CAAS,EAClE,GAAGE,CAAA,CACN,CACD,EACDK,EAAY,YAAcF,EAAgB,MAAM,YAEhD,MAAMG,EAAiBT,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAgB,SAAhB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,8GACAN,CAAA,EAED,GAAGE,CAAA,CACN,CACD,EACDM,EAAe,YAAcH,EAAgB,SAAS"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
+
declare const avatarVariants: (props?: ({
|
|
5
|
+
size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
|
|
8
|
+
}
|
|
9
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
11
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps };
|
|
13
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;8EAenB,CAAC;AAEF,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACjE,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,QAAA,MAAM,MAAM,qFASV,CAAC;AAGH,QAAA,MAAM,WAAW,gKASf,CAAC;AAGH,QAAA,MAAM,cAAc,iKAYlB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import * as l from "react";
|
|
3
|
+
import * as a from "@radix-ui/react-avatar";
|
|
4
|
+
import { cva as i } from "class-variance-authority";
|
|
5
|
+
import { cn as m } from "../../lib/utils.js";
|
|
6
|
+
const f = i(
|
|
7
|
+
"relative flex shrink-0 overflow-hidden rounded-full bg-bg-muted",
|
|
8
|
+
{
|
|
9
|
+
variants: {
|
|
10
|
+
size: {
|
|
11
|
+
"2xs": "h-5 w-5 text-[9px]",
|
|
12
|
+
xs: "h-6 w-6 text-[10px]",
|
|
13
|
+
sm: "h-8 w-8 text-xs",
|
|
14
|
+
md: "h-10 w-10 text-sm",
|
|
15
|
+
lg: "h-12 w-12 text-base",
|
|
16
|
+
xl: "h-16 w-16 text-lg"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
defaultVariants: { size: "md" }
|
|
20
|
+
}
|
|
21
|
+
), d = l.forwardRef(({ className: e, size: t, ...r }, o) => /* @__PURE__ */ s(
|
|
22
|
+
a.Root,
|
|
23
|
+
{
|
|
24
|
+
ref: o,
|
|
25
|
+
className: m(f({ size: t }), e),
|
|
26
|
+
...r
|
|
27
|
+
}
|
|
28
|
+
));
|
|
29
|
+
d.displayName = a.Root.displayName;
|
|
30
|
+
const c = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
|
|
31
|
+
a.Image,
|
|
32
|
+
{
|
|
33
|
+
ref: r,
|
|
34
|
+
className: m("aspect-square h-full w-full object-cover", e),
|
|
35
|
+
...t
|
|
36
|
+
}
|
|
37
|
+
));
|
|
38
|
+
c.displayName = a.Image.displayName;
|
|
39
|
+
const x = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
|
|
40
|
+
a.Fallback,
|
|
41
|
+
{
|
|
42
|
+
ref: r,
|
|
43
|
+
className: m(
|
|
44
|
+
"flex h-full w-full items-center justify-center rounded-full bg-bg-secondary font-medium text-text-secondary",
|
|
45
|
+
e
|
|
46
|
+
),
|
|
47
|
+
...t
|
|
48
|
+
}
|
|
49
|
+
));
|
|
50
|
+
x.displayName = a.Fallback.displayName;
|
|
51
|
+
export {
|
|
52
|
+
d as Avatar,
|
|
53
|
+
x as AvatarFallback,
|
|
54
|
+
c as AvatarImage,
|
|
55
|
+
f as avatarVariants
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst avatarVariants = cva(\n 'relative flex shrink-0 overflow-hidden rounded-full bg-bg-muted',\n {\n variants: {\n size: {\n '2xs': 'h-5 w-5 text-[9px]',\n xs: 'h-6 w-6 text-[10px]',\n sm: 'h-8 w-8 text-xs',\n md: 'h-10 w-10 text-sm',\n lg: 'h-12 w-12 text-base',\n xl: 'h-16 w-16 text-lg',\n },\n },\n defaultVariants: { size: 'md' },\n }\n);\n\ninterface AvatarProps\n extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatarVariants> {}\n\nconst Avatar = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(({ className, size, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(avatarVariants({ size }), className)}\n {...props}\n />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn('aspect-square h-full w-full object-cover', className)}\n {...props}\n />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n 'flex h-full w-full items-center justify-center rounded-full bg-bg-secondary font-medium text-text-secondary',\n className\n )}\n {...props}\n />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps };\n"],"names":["avatarVariants","cva","Avatar","React","className","size","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAMMC,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAASC,MAChC,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGV,EAAe,EAAE,MAAAK,EAAA,CAAM,GAAGD,CAAS;AAAA,IAChD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAO,cAAcO,EAAgB,KAAK;AAE1C,MAAME,IAAcR,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,4CAA4CN,CAAS;AAAA,IAClE,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAEhD,MAAMG,IAAiBT,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),c=require("class-variance-authority"),u=require("../../lib/utils.cjs");function b(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const d=b(i),s=c.cva("inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring",{variants:{variant:{default:"border-transparent bg-action-primary-bg text-action-primary-text",secondary:"border-transparent bg-action-secondary-bg text-action-secondary-text",outline:"border-border-default bg-bg-transparent text-text-primary",destructive:"border-transparent bg-action-destructive-bg text-action-destructive-text",info:"border-status-info-border bg-status-info-bg text-status-info-text",success:"border-status-success-border bg-status-success-bg text-status-success-text",warning:"border-status-warning-border bg-status-warning-bg text-status-warning-text",error:"border-status-error-border bg-status-error-bg text-status-error-text",verified:"border-transparent bg-action-primary-bg text-action-primary-text"}},defaultVariants:{variant:"default"}}),n=d.forwardRef(({className:t,variant:r,...e},a)=>o.jsx("span",{ref:a,className:u.cn(s({variant:r}),t),...e}));n.displayName="Badge";exports.Badge=n;exports.badgeVariants=s;
|
|
2
|
+
//# sourceMappingURL=badge.cjs.map
|