@adamosuiteservices/ui 1.7.12 → 1.8.13
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/dist/accordion-rounded.cjs +24 -2
- package/dist/accordion-rounded.js +46 -8
- package/dist/accordion.cjs +20 -1
- package/dist/accordion.js +29 -5
- package/dist/alert.cjs +26 -1
- package/dist/alert.js +33 -8
- package/dist/avatar.cjs +7 -1
- package/dist/avatar.js +8 -2
- package/dist/badge.cjs +83 -1
- package/dist/badge.js +106 -24
- package/dist/breadcrumb.cjs +8 -1
- package/dist/breadcrumb.js +11 -4
- package/dist/button-B7ZP4LZN.js +127 -0
- package/dist/button-D-qFRXiM.cjs +70 -0
- package/dist/button-group.cjs +25 -1
- package/dist/button-group.js +33 -9
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/calendar.cjs +74 -1
- package/dist/calendar.js +114 -35
- package/dist/card.cjs +35 -1
- package/dist/card.js +45 -11
- package/dist/{checkbox-YWAnswaW.cjs → checkbox-CdnZ8VFJ.cjs} +21 -1
- package/dist/{checkbox-Dr487kAg.js → checkbox-DhBcmKze.js} +34 -4
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/combobox.cjs +36 -2
- package/dist/combobox.js +302 -253
- package/dist/components/icons/account-balance-icon.d.ts +3 -0
- package/dist/components/icons/account-icon.d.ts +3 -0
- package/dist/components/icons/add-circle-icon.d.ts +3 -0
- package/dist/components/icons/alarm-icon.d.ts +3 -0
- package/dist/components/icons/archive-icon.d.ts +3 -0
- package/dist/components/icons/arrow-back-icon.d.ts +3 -0
- package/dist/components/icons/arrow-circle-up-icon.d.ts +3 -0
- package/dist/components/icons/arrow-forward-icon.d.ts +3 -0
- package/dist/components/icons/arrow-outward-icon.d.ts +3 -0
- package/dist/components/icons/article-icon.d.ts +3 -0
- package/dist/components/icons/attach-file-icon.d.ts +3 -0
- package/dist/components/icons/autorenew-icon.d.ts +3 -0
- package/dist/components/icons/bookmark-icon.d.ts +3 -0
- package/dist/components/icons/calculate-icon.d.ts +3 -0
- package/dist/components/icons/calendar-today-icon.d.ts +3 -0
- package/dist/components/icons/call-split-icon.d.ts +3 -0
- package/dist/components/icons/cancel-filled-icon.d.ts +3 -0
- package/dist/components/icons/cancel-icon.d.ts +3 -0
- package/dist/components/icons/check-circle-icon.d.ts +3 -0
- package/dist/components/icons/check-icon.d.ts +3 -0
- package/dist/components/icons/chevron-back-icon.d.ts +3 -0
- package/dist/components/icons/chevron-down-icon.d.ts +3 -0
- package/dist/components/icons/chevron-forward-icon.d.ts +3 -0
- package/dist/components/icons/chevron-up-icon.d.ts +3 -0
- package/dist/components/icons/clarify-icon.d.ts +3 -0
- package/dist/components/icons/clock-icon.d.ts +3 -0
- package/dist/components/icons/close-icon.d.ts +3 -0
- package/dist/components/icons/confirmation-number-icon.d.ts +3 -0
- package/dist/components/icons/contacts-icon.d.ts +3 -0
- package/dist/components/icons/contract-delete-icon.d.ts +3 -0
- package/dist/components/icons/copy-icon.d.ts +3 -0
- package/dist/components/icons/do-not-touch-icon.d.ts +3 -0
- package/dist/components/icons/download-icon.d.ts +3 -0
- package/dist/components/icons/dragger-icon.d.ts +3 -0
- package/dist/components/icons/edit-icon.d.ts +3 -0
- package/dist/components/icons/edit-square-icon.d.ts +3 -0
- package/dist/components/icons/exclamation-icon.d.ts +3 -0
- package/dist/components/icons/expand-circle-right-icon.d.ts +3 -0
- package/dist/components/icons/feature-search-icon.d.ts +3 -0
- package/dist/components/icons/filter-icon.d.ts +3 -0
- package/dist/components/icons/folder-icon.d.ts +3 -0
- package/dist/components/icons/folder-open-icon.d.ts +3 -0
- package/dist/components/icons/format-list-bulleted-icon.d.ts +3 -0
- package/dist/components/icons/hamburger-menu-icon.d.ts +3 -0
- package/dist/components/icons/help-icon.d.ts +3 -0
- package/dist/components/icons/hide-pass-icon.d.ts +3 -0
- package/dist/components/icons/home-icon.d.ts +3 -0
- package/dist/components/icons/id-card-icon.d.ts +3 -0
- package/dist/components/icons/index.d.ts +88 -0
- package/dist/components/icons/info-icon.d.ts +3 -0
- package/dist/components/icons/kid-star-icon.d.ts +3 -0
- package/dist/components/icons/language-icon.d.ts +3 -0
- package/dist/components/icons/last-page-icon.d.ts +3 -0
- package/dist/components/icons/layers-icon.d.ts +3 -0
- package/dist/components/icons/location-icon.d.ts +3 -0
- package/dist/components/icons/mail-icon.d.ts +3 -0
- package/dist/components/icons/manage-search-icon.d.ts +3 -0
- package/dist/components/icons/menu-icon.d.ts +3 -0
- package/dist/components/icons/message-icon.d.ts +3 -0
- package/dist/components/icons/metrics-icon.d.ts +3 -0
- package/dist/components/icons/mic-icon.d.ts +3 -0
- package/dist/components/icons/minus-icon.d.ts +3 -0
- package/dist/components/icons/mode-comment-icon.d.ts +3 -0
- package/dist/components/icons/money-icon.d.ts +3 -0
- package/dist/components/icons/monitoring-icon.d.ts +3 -0
- package/dist/components/icons/more-icon.d.ts +3 -0
- package/dist/components/icons/notifications-icon.d.ts +3 -0
- package/dist/components/icons/open-in-new-icon.d.ts +3 -0
- package/dist/components/icons/palette-icon.d.ts +3 -0
- package/dist/components/icons/password-icon.d.ts +3 -0
- package/dist/components/icons/pending-icon.d.ts +3 -0
- package/dist/components/icons/person-add-icon.d.ts +3 -0
- package/dist/components/icons/person-search-icon.d.ts +3 -0
- package/dist/components/icons/photo-icon.d.ts +3 -0
- package/dist/components/icons/plus-icon.d.ts +3 -0
- package/dist/components/icons/policy-icon.d.ts +3 -0
- package/dist/components/icons/publish-icon.d.ts +3 -0
- package/dist/components/icons/ready-icon.d.ts +3 -0
- package/dist/components/icons/receipt-icon.d.ts +3 -0
- package/dist/components/icons/receive-icon.d.ts +3 -0
- package/dist/components/icons/refresh-icon.d.ts +3 -0
- package/dist/components/icons/search-icon.d.ts +3 -0
- package/dist/components/icons/see-icon.d.ts +3 -0
- package/dist/components/icons/send-icon.d.ts +3 -0
- package/dist/components/icons/settings-icon.d.ts +3 -0
- package/dist/components/icons/shield-icon.d.ts +3 -0
- package/dist/components/icons/swap-horiz-icon.d.ts +3 -0
- package/dist/components/icons/tag-icon.d.ts +3 -0
- package/dist/components/icons/trash-icon.d.ts +3 -0
- package/dist/components/layout/toaster/toaster.d.ts +1 -1
- package/dist/components/layout/toaster/toaster.stories.d.ts +1 -1
- package/dist/components/ui/accordion/accordion.d.ts +1 -1
- package/dist/components/ui/accordion/accordion.stories.d.ts +1 -1
- package/dist/components/ui/accordion-rounded/accordion-rounded.d.ts +1 -1
- package/dist/components/ui/accordion-rounded/accordion-rounded.stories.d.ts +1 -1
- package/dist/components/ui/alert/alert.stories.d.ts +1 -1
- package/dist/components/ui/avatar/avatar.d.ts +1 -1
- package/dist/components/ui/avatar/avatar.stories.d.ts +1 -1
- package/dist/components/ui/badge/badge.stories.d.ts +1 -1
- package/dist/components/ui/breadcrumb/breadcrumb.stories.d.ts +1 -1
- package/dist/components/ui/button/button.stories.d.ts +1 -1
- package/dist/components/ui/button-group/button-group.d.ts +1 -1
- package/dist/components/ui/button-group/button-group.stories.d.ts +1 -1
- package/dist/components/ui/calendar/calendar.d.ts +1 -1
- package/dist/components/ui/calendar/calendar.stories.d.ts +1 -1
- package/dist/components/ui/card/card.stories.d.ts +1 -1
- package/dist/components/ui/checkbox/checkbox.d.ts +1 -1
- package/dist/components/ui/checkbox/checkbox.stories.d.ts +1 -1
- package/dist/components/ui/collapsible/collapsible.stories.d.ts +1 -1
- package/dist/components/ui/combobox/combobox.stories.d.ts +1 -1
- package/dist/components/ui/command/command.d.ts +1 -1
- package/dist/components/ui/context-menu/context-menu.d.ts +1 -1
- package/dist/components/ui/context-menu/context-menu.stories.d.ts +1 -1
- package/dist/components/ui/dialog/dialog.d.ts +1 -1
- package/dist/components/ui/dialog/dialog.stories.d.ts +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.stories.d.ts +1 -1
- package/dist/components/ui/field/field.d.ts +1 -1
- package/dist/components/ui/field/field.stories.d.ts +1 -1
- package/dist/components/ui/hover-card/hover-card.d.ts +1 -1
- package/dist/components/ui/hover-card/hover-card.stories.d.ts +1 -1
- package/dist/components/ui/input/input.stories.d.ts +1 -1
- package/dist/components/ui/input-group/Input-group.stories.d.ts +1 -1
- package/dist/components/ui/input-group/input-group.d.ts +1 -1
- package/dist/components/ui/kbd/kbd.stories.d.ts +1 -1
- package/dist/components/ui/label/label.d.ts +1 -1
- package/dist/components/ui/label/label.stories.d.ts +1 -1
- package/dist/components/ui/pagination/pagination.stories.d.ts +1 -1
- package/dist/components/ui/popover/popover.d.ts +1 -1
- package/dist/components/ui/popover/popover.stories.d.ts +1 -1
- package/dist/components/ui/progress/progress.d.ts +1 -1
- package/dist/components/ui/progress/progress.stories.d.ts +1 -1
- package/dist/components/ui/radio-group/radio-group.d.ts +1 -1
- package/dist/components/ui/radio-group/radio-group.stories.d.ts +1 -1
- package/dist/components/ui/scroll-area/scroll-area.d.ts +1 -1
- package/dist/components/ui/scroll-area/scroll-area.stories.d.ts +1 -1
- package/dist/components/ui/select/select.d.ts +1 -1
- package/dist/components/ui/select/select.stories.d.ts +1 -1
- package/dist/components/ui/separator/separator.d.ts +1 -1
- package/dist/components/ui/separator/separator.stories.d.ts +1 -1
- package/dist/components/ui/sheet/sheet.d.ts +1 -1
- package/dist/components/ui/sheet/sheet.stories.d.ts +1 -1
- package/dist/components/ui/skeleton/skeleton.stories.d.ts +1 -1
- package/dist/components/ui/slider/slider.d.ts +1 -1
- package/dist/components/ui/slider/slider.stories.d.ts +1 -1
- package/dist/components/ui/spinner/spinner.stories.d.ts +1 -1
- package/dist/components/ui/switch/switch.d.ts +1 -1
- package/dist/components/ui/switch/switch.stories.d.ts +1 -1
- package/dist/components/ui/tabs/tabs.d.ts +1 -1
- package/dist/components/ui/tabs/tabs.stories.d.ts +1 -1
- package/dist/components/ui/tabs-underline/tabs-underline.d.ts +1 -1
- package/dist/components/ui/tabs-underline/tabs-underline.stories.d.ts +1 -1
- package/dist/components/ui/textarea/textarea.stories.d.ts +1 -1
- package/dist/components/ui/toggle/toggle.d.ts +1 -1
- package/dist/components/ui/toggle/toggle.stories.d.ts +1 -1
- package/dist/components/ui/tooltip/tooltip.d.ts +1 -1
- package/dist/components/ui/tooltip/tooltip.stories.d.ts +1 -1
- package/dist/context-menu.cjs +79 -1
- package/dist/context-menu.js +101 -11
- package/dist/custom-layered-styles.css +1 -1
- package/dist/dialog.cjs +30 -1
- package/dist/dialog.js +35 -6
- package/dist/dropdown-menu.cjs +79 -1
- package/dist/dropdown-menu.js +101 -11
- package/dist/field.cjs +66 -1
- package/dist/field.js +91 -26
- package/dist/hover-card.cjs +15 -1
- package/dist/hover-card.js +15 -1
- package/dist/icons.cjs +1 -0
- package/dist/icons.js +1507 -0
- package/dist/input-BQZUpTEY.js +42 -0
- package/dist/input-DSmxdfq5.cjs +21 -0
- package/dist/input-group.cjs +76 -1
- package/dist/input-group.js +99 -24
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/kbd.cjs +10 -1
- package/dist/kbd.js +11 -2
- package/dist/{label-CmwGvhy1.js → label-BJ8Yf6Ft.js} +7 -1
- package/dist/{label-BjXORCBM.cjs → label-CNGQhi5L.cjs} +7 -1
- package/dist/label.cjs +1 -1
- package/dist/label.js +1 -1
- package/dist/pagination.cjs +13 -1
- package/dist/pagination.js +30 -6
- package/dist/{popover-FCKBtFo-.cjs → popover-CYbik-H4.cjs} +15 -1
- package/dist/{popover-3rIoNCXs.js → popover-DAwH8jUh.js} +15 -1
- package/dist/popover.cjs +1 -1
- package/dist/popover.js +1 -1
- package/dist/radio-group.cjs +14 -1
- package/dist/radio-group.js +20 -2
- package/dist/select.cjs +68 -1
- package/dist/select.js +83 -10
- package/dist/{separator-BaZqZZ9R.cjs → separator-Brpax0EI.cjs} +7 -1
- package/dist/{separator-DR7lQjv9.js → separator-DVypR3Qf.js} +7 -1
- package/dist/separator.cjs +1 -1
- package/dist/separator.js +1 -1
- package/dist/sheet-CGahUP7F.cjs +41 -0
- package/dist/sheet-Q3dBOQG-.js +174 -0
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sidebar.cjs +20 -2
- package/dist/sidebar.js +58 -26
- package/dist/skeleton.cjs +1 -1
- package/dist/skeleton.js +1 -1
- package/dist/slider.cjs +27 -1
- package/dist/slider.js +30 -4
- package/dist/space.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/switch.cjs +18 -1
- package/dist/switch.js +19 -2
- package/dist/table.cjs +20 -1
- package/dist/table.js +26 -7
- package/dist/tabs-underline.cjs +21 -1
- package/dist/tabs-underline.js +23 -3
- package/dist/tabs.cjs +22 -1
- package/dist/tabs.js +24 -3
- package/dist/textarea-CG7iQcb3.cjs +14 -0
- package/dist/textarea-CUPWKl-S.js +32 -0
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/toaster.cjs +4 -1
- package/dist/toaster.js +9 -6
- package/dist/toggle.cjs +17 -1
- package/dist/toggle.js +25 -9
- package/dist/tooltip.cjs +16 -1
- package/dist/tooltip.js +22 -2
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +6 -6
- package/docs/AI-GUIDE.md +321 -321
- package/docs/components/layout/sidebar.md +404 -404
- package/docs/components/layout/toaster.md +436 -436
- package/docs/components/ui/accordion-rounded.md +583 -583
- package/docs/components/ui/accordion.md +267 -267
- package/docs/components/ui/alert.md +671 -671
- package/docs/components/ui/avatar.md +588 -588
- package/docs/components/ui/badge.md +1024 -1024
- package/docs/components/ui/button-group.md +1002 -1002
- package/docs/components/ui/button.md +1078 -1078
- package/docs/components/ui/calendar.md +1159 -1159
- package/docs/components/ui/card.md +1265 -1265
- package/docs/components/ui/checkbox.md +292 -292
- package/docs/components/ui/collapsible.md +320 -320
- package/docs/components/ui/command.md +454 -454
- package/docs/components/ui/context-menu.md +540 -540
- package/docs/components/ui/dialog.md +628 -628
- package/docs/components/ui/dropdown-menu.md +731 -731
- package/docs/components/ui/field.md +706 -706
- package/docs/components/ui/hover-card.md +446 -446
- package/docs/components/ui/input-group.md +509 -509
- package/docs/components/ui/input.md +362 -362
- package/docs/components/ui/kbd.md +434 -434
- package/docs/components/ui/label.md +359 -359
- package/docs/components/ui/pagination.md +650 -650
- package/docs/components/ui/popover.md +536 -536
- package/docs/components/ui/progress.md +182 -182
- package/docs/components/ui/radio-group.md +311 -311
- package/docs/components/ui/select.md +352 -352
- package/docs/components/ui/separator.md +214 -214
- package/docs/components/ui/sheet.md +142 -142
- package/docs/components/ui/skeleton.md +140 -140
- package/docs/components/ui/slider.md +341 -341
- package/docs/components/ui/spinner.md +170 -170
- package/docs/components/ui/switch.md +402 -402
- package/docs/components/ui/table.md +183 -183
- package/docs/components/ui/tabs-underline.md +106 -106
- package/docs/components/ui/tabs.md +122 -122
- package/docs/components/ui/textarea.md +243 -243
- package/docs/components/ui/toggle.md +243 -243
- package/docs/components/ui/tooltip.md +320 -320
- package/docs/components/ui/typography.md +191 -191
- package/package.json +7 -1
- package/dist/button-2GdKenQI.js +0 -58
- package/dist/button-DEQVHMrX.cjs +0 -1
- package/dist/input-BF73maXg.cjs +0 -1
- package/dist/input-C04hsVXE.js +0 -22
- package/dist/sheet-B-9YHdR5.js +0 -128
- package/dist/sheet-CU-sFSaJ.cjs +0 -1
- package/dist/textarea-3ZdbFRDN.cjs +0 -1
- package/dist/textarea-BZbcAAAu.js +0 -19
|
@@ -1,191 +1,191 @@
|
|
|
1
|
-
# Typography
|
|
2
|
-
|
|
3
|
-
Sistema de estilos de texto con variantes de tamaño. Wrapper flexible con soporte `asChild`.
|
|
4
|
-
|
|
5
|
-
## Importación
|
|
6
|
-
|
|
7
|
-
```tsx
|
|
8
|
-
import { Typography } from "@adamosuiteservices/ui/typography";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Anatomía
|
|
12
|
-
|
|
13
|
-
```tsx
|
|
14
|
-
<Typography variant="md">Default paragraph text.</Typography>
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
**Componentes**: 1 (Typography)
|
|
18
|
-
|
|
19
|
-
## Props
|
|
20
|
-
|
|
21
|
-
| Prop | Tipo | Descripción |
|
|
22
|
-
| ----------- | ------------------------------------------- | --------------------------------------- |
|
|
23
|
-
| `variant` | `"lg" \| "md" \| "sm" \| "xs" \| "caption"` | Tamaño del texto |
|
|
24
|
-
| `asChild` | `boolean` | Renderiza como child element (usa Slot) |
|
|
25
|
-
| `className` | `string` | Clases CSS adicionales |
|
|
26
|
-
|
|
27
|
-
**Nota**: Acepta todas las props de `<p>` cuando `asChild=false`
|
|
28
|
-
|
|
29
|
-
## Variantes
|
|
30
|
-
|
|
31
|
-
| Variante | Font Size | Line Height | Uso |
|
|
32
|
-
| --------- | ------------- | ---------------- | -------------------------- |
|
|
33
|
-
| `lg` | `text-lg` | `leading-1` | Headings, texto enfatizado |
|
|
34
|
-
| `md` | `text-base` | `leading-0.5` | Body text default |
|
|
35
|
-
| `sm` | `text-sm` | `leading` | Secondary text, labels |
|
|
36
|
-
| `xs` | `text-xs` | `leading-[20px]` | Fine print, detalles |
|
|
37
|
-
| `caption` | `text-[11px]` | `leading-[18px]` | Captions, metadata |
|
|
38
|
-
|
|
39
|
-
## Patrones de Uso
|
|
40
|
-
|
|
41
|
-
### Básico
|
|
42
|
-
|
|
43
|
-
```tsx
|
|
44
|
-
import { Typography } from "@adamosuiteservices/ui/typography";
|
|
45
|
-
|
|
46
|
-
<Typography>Default paragraph with no variant.</Typography>
|
|
47
|
-
<Typography variant="lg">Large text for emphasis.</Typography>
|
|
48
|
-
<Typography variant="sm">Small secondary text.</Typography>
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
### Como Headings
|
|
52
|
-
|
|
53
|
-
```tsx
|
|
54
|
-
// H1
|
|
55
|
-
<Typography asChild variant="lg">
|
|
56
|
-
<h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight">
|
|
57
|
-
Main Page Heading
|
|
58
|
-
</h1>
|
|
59
|
-
</Typography>
|
|
60
|
-
|
|
61
|
-
// H2
|
|
62
|
-
<Typography asChild variant="lg">
|
|
63
|
-
<h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight">
|
|
64
|
-
Section Heading
|
|
65
|
-
</h2>
|
|
66
|
-
</Typography>
|
|
67
|
-
|
|
68
|
-
// H3
|
|
69
|
-
<Typography asChild variant="md">
|
|
70
|
-
<h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
|
|
71
|
-
Subsection
|
|
72
|
-
</h3>
|
|
73
|
-
</Typography>
|
|
74
|
-
|
|
75
|
-
// H4
|
|
76
|
-
<Typography asChild variant="md">
|
|
77
|
-
<h4 className="scroll-m-20 text-xl font-semibold tracking-tight">
|
|
78
|
-
Small Heading
|
|
79
|
-
</h4>
|
|
80
|
-
</Typography>
|
|
81
|
-
```
|
|
82
|
-
|
|
83
|
-
### Paragraph
|
|
84
|
-
|
|
85
|
-
```tsx
|
|
86
|
-
<Typography asChild variant="md">
|
|
87
|
-
<p className="leading-7 [&:not(:first-child)]:mt-6">
|
|
88
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
89
|
-
</p>
|
|
90
|
-
</Typography>
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
### Blockquote
|
|
94
|
-
|
|
95
|
-
```tsx
|
|
96
|
-
<Typography asChild variant="md">
|
|
97
|
-
<blockquote className="mt-6 border-l-2 pl-6 italic">
|
|
98
|
-
"This is a quote with proper styling and emphasis."
|
|
99
|
-
</blockquote>
|
|
100
|
-
</Typography>
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
### Inline Code
|
|
104
|
-
|
|
105
|
-
```tsx
|
|
106
|
-
<Typography asChild variant="sm">
|
|
107
|
-
<code className="bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
|
|
108
|
-
@radix-ui/react-alert-dialog
|
|
109
|
-
</code>
|
|
110
|
-
</Typography>
|
|
111
|
-
```
|
|
112
|
-
|
|
113
|
-
### Lead Text
|
|
114
|
-
|
|
115
|
-
```tsx
|
|
116
|
-
<Typography asChild variant="lg">
|
|
117
|
-
<p className="text-xl text-muted-foreground">
|
|
118
|
-
An introductory paragraph that stands out from regular body text.
|
|
119
|
-
</p>
|
|
120
|
-
</Typography>
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
### Small / Fine Print
|
|
124
|
-
|
|
125
|
-
```tsx
|
|
126
|
-
<Typography asChild variant="sm">
|
|
127
|
-
<small className="text-sm font-medium leading-none">Email address</small>
|
|
128
|
-
</Typography>
|
|
129
|
-
```
|
|
130
|
-
|
|
131
|
-
### Muted Text
|
|
132
|
-
|
|
133
|
-
```tsx
|
|
134
|
-
<Typography asChild variant="sm">
|
|
135
|
-
<p className="text-sm text-muted-foreground">
|
|
136
|
-
Secondary information with reduced emphasis.
|
|
137
|
-
</p>
|
|
138
|
-
</Typography>
|
|
139
|
-
```
|
|
140
|
-
|
|
141
|
-
### Caption
|
|
142
|
-
|
|
143
|
-
```tsx
|
|
144
|
-
<Typography variant="caption">
|
|
145
|
-
Image caption or metadata · Published 2 hours ago
|
|
146
|
-
</Typography>
|
|
147
|
-
```
|
|
148
|
-
|
|
149
|
-
## Casos de Uso
|
|
150
|
-
|
|
151
|
-
**Headings**: H1-H6 con tamaños consistentes
|
|
152
|
-
**Body text**: Párrafos y contenido principal
|
|
153
|
-
**Labels**: Etiquetas de formularios
|
|
154
|
-
**Captions**: Descripciones de imágenes, metadata
|
|
155
|
-
**Fine print**: Términos, condiciones, notas
|
|
156
|
-
**Quotes**: Citas y testimonios
|
|
157
|
-
|
|
158
|
-
## Estilos Base
|
|
159
|
-
|
|
160
|
-
- **lg**: 18px, line-height: leading-1
|
|
161
|
-
- **md**: 16px, line-height: leading-0.5 (default)
|
|
162
|
-
- **sm**: 14px, line-height: leading
|
|
163
|
-
- **xs**: 12px, line-height: 20px
|
|
164
|
-
- **caption**: 11px, line-height: 18px
|
|
165
|
-
|
|
166
|
-
## Accesibilidad
|
|
167
|
-
|
|
168
|
-
- ✅ **Semantic HTML**: Usa `asChild` con elementos semánticos apropiados
|
|
169
|
-
- ✅ **Heading hierarchy**: Mantén orden lógico de headings (H1 → H2 → H3)
|
|
170
|
-
- ✅ **Contrast**: Asegura contraste suficiente con backgrounds
|
|
171
|
-
- ⚠️ **No usar solo para estilo**: Usa elementos semánticos apropiados
|
|
172
|
-
|
|
173
|
-
## Notas de Implementación
|
|
174
|
-
|
|
175
|
-
- **CVA**: Variantes con class-variance-authority
|
|
176
|
-
- **Slot**: Usa `@radix-ui/react-slot` para `asChild`
|
|
177
|
-
- **Default element**: `<p>` cuando `asChild=false`
|
|
178
|
-
- **Data attribute**: `data-slot="typography"` para identificación
|
|
179
|
-
- **No estilos de color**: Typography solo define tamaño/line-height, combina con utility classes para color/weight
|
|
180
|
-
|
|
181
|
-
## Troubleshooting
|
|
182
|
-
|
|
183
|
-
**Variant no aplica**: Verifica que variant esté entre las opciones válidas
|
|
184
|
-
**asChild no funciona**: Asegura que child sea un elemento válido, no texto plano
|
|
185
|
-
**Line height incorrecto**: Typography define line-heights base, pueden ser sobrescritos con className
|
|
186
|
-
**No semantic HTML**: Usa `asChild` con elementos apropiados (h1, h2, p, etc.)
|
|
187
|
-
|
|
188
|
-
## Referencias
|
|
189
|
-
|
|
190
|
-
- **shadcn/ui Typography**: <https://ui.shadcn.com/docs/components/typography>
|
|
191
|
-
- **Tailwind Typography**: <https://tailwindcss.com/docs/typography-plugin>
|
|
1
|
+
# Typography
|
|
2
|
+
|
|
3
|
+
Sistema de estilos de texto con variantes de tamaño. Wrapper flexible con soporte `asChild`.
|
|
4
|
+
|
|
5
|
+
## Importación
|
|
6
|
+
|
|
7
|
+
```tsx
|
|
8
|
+
import { Typography } from "@adamosuiteservices/ui/typography";
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Anatomía
|
|
12
|
+
|
|
13
|
+
```tsx
|
|
14
|
+
<Typography variant="md">Default paragraph text.</Typography>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
**Componentes**: 1 (Typography)
|
|
18
|
+
|
|
19
|
+
## Props
|
|
20
|
+
|
|
21
|
+
| Prop | Tipo | Descripción |
|
|
22
|
+
| ----------- | ------------------------------------------- | --------------------------------------- |
|
|
23
|
+
| `variant` | `"lg" \| "md" \| "sm" \| "xs" \| "caption"` | Tamaño del texto |
|
|
24
|
+
| `asChild` | `boolean` | Renderiza como child element (usa Slot) |
|
|
25
|
+
| `className` | `string` | Clases CSS adicionales |
|
|
26
|
+
|
|
27
|
+
**Nota**: Acepta todas las props de `<p>` cuando `asChild=false`
|
|
28
|
+
|
|
29
|
+
## Variantes
|
|
30
|
+
|
|
31
|
+
| Variante | Font Size | Line Height | Uso |
|
|
32
|
+
| --------- | ------------- | ---------------- | -------------------------- |
|
|
33
|
+
| `lg` | `text-lg` | `leading-1` | Headings, texto enfatizado |
|
|
34
|
+
| `md` | `text-base` | `leading-0.5` | Body text default |
|
|
35
|
+
| `sm` | `text-sm` | `leading` | Secondary text, labels |
|
|
36
|
+
| `xs` | `text-xs` | `leading-[20px]` | Fine print, detalles |
|
|
37
|
+
| `caption` | `text-[11px]` | `leading-[18px]` | Captions, metadata |
|
|
38
|
+
|
|
39
|
+
## Patrones de Uso
|
|
40
|
+
|
|
41
|
+
### Básico
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
import { Typography } from "@adamosuiteservices/ui/typography";
|
|
45
|
+
|
|
46
|
+
<Typography>Default paragraph with no variant.</Typography>
|
|
47
|
+
<Typography variant="lg">Large text for emphasis.</Typography>
|
|
48
|
+
<Typography variant="sm">Small secondary text.</Typography>
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### Como Headings
|
|
52
|
+
|
|
53
|
+
```tsx
|
|
54
|
+
// H1
|
|
55
|
+
<Typography asChild variant="lg">
|
|
56
|
+
<h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight">
|
|
57
|
+
Main Page Heading
|
|
58
|
+
</h1>
|
|
59
|
+
</Typography>
|
|
60
|
+
|
|
61
|
+
// H2
|
|
62
|
+
<Typography asChild variant="lg">
|
|
63
|
+
<h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight">
|
|
64
|
+
Section Heading
|
|
65
|
+
</h2>
|
|
66
|
+
</Typography>
|
|
67
|
+
|
|
68
|
+
// H3
|
|
69
|
+
<Typography asChild variant="md">
|
|
70
|
+
<h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
|
|
71
|
+
Subsection
|
|
72
|
+
</h3>
|
|
73
|
+
</Typography>
|
|
74
|
+
|
|
75
|
+
// H4
|
|
76
|
+
<Typography asChild variant="md">
|
|
77
|
+
<h4 className="scroll-m-20 text-xl font-semibold tracking-tight">
|
|
78
|
+
Small Heading
|
|
79
|
+
</h4>
|
|
80
|
+
</Typography>
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
### Paragraph
|
|
84
|
+
|
|
85
|
+
```tsx
|
|
86
|
+
<Typography asChild variant="md">
|
|
87
|
+
<p className="leading-7 [&:not(:first-child)]:mt-6">
|
|
88
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
89
|
+
</p>
|
|
90
|
+
</Typography>
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
### Blockquote
|
|
94
|
+
|
|
95
|
+
```tsx
|
|
96
|
+
<Typography asChild variant="md">
|
|
97
|
+
<blockquote className="mt-6 border-l-2 pl-6 italic">
|
|
98
|
+
"This is a quote with proper styling and emphasis."
|
|
99
|
+
</blockquote>
|
|
100
|
+
</Typography>
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
### Inline Code
|
|
104
|
+
|
|
105
|
+
```tsx
|
|
106
|
+
<Typography asChild variant="sm">
|
|
107
|
+
<code className="bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
|
|
108
|
+
@radix-ui/react-alert-dialog
|
|
109
|
+
</code>
|
|
110
|
+
</Typography>
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
### Lead Text
|
|
114
|
+
|
|
115
|
+
```tsx
|
|
116
|
+
<Typography asChild variant="lg">
|
|
117
|
+
<p className="text-xl text-muted-foreground">
|
|
118
|
+
An introductory paragraph that stands out from regular body text.
|
|
119
|
+
</p>
|
|
120
|
+
</Typography>
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
### Small / Fine Print
|
|
124
|
+
|
|
125
|
+
```tsx
|
|
126
|
+
<Typography asChild variant="sm">
|
|
127
|
+
<small className="text-sm font-medium leading-none">Email address</small>
|
|
128
|
+
</Typography>
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
### Muted Text
|
|
132
|
+
|
|
133
|
+
```tsx
|
|
134
|
+
<Typography asChild variant="sm">
|
|
135
|
+
<p className="text-sm text-muted-foreground">
|
|
136
|
+
Secondary information with reduced emphasis.
|
|
137
|
+
</p>
|
|
138
|
+
</Typography>
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
### Caption
|
|
142
|
+
|
|
143
|
+
```tsx
|
|
144
|
+
<Typography variant="caption">
|
|
145
|
+
Image caption or metadata · Published 2 hours ago
|
|
146
|
+
</Typography>
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
## Casos de Uso
|
|
150
|
+
|
|
151
|
+
**Headings**: H1-H6 con tamaños consistentes
|
|
152
|
+
**Body text**: Párrafos y contenido principal
|
|
153
|
+
**Labels**: Etiquetas de formularios
|
|
154
|
+
**Captions**: Descripciones de imágenes, metadata
|
|
155
|
+
**Fine print**: Términos, condiciones, notas
|
|
156
|
+
**Quotes**: Citas y testimonios
|
|
157
|
+
|
|
158
|
+
## Estilos Base
|
|
159
|
+
|
|
160
|
+
- **lg**: 18px, line-height: leading-1
|
|
161
|
+
- **md**: 16px, line-height: leading-0.5 (default)
|
|
162
|
+
- **sm**: 14px, line-height: leading
|
|
163
|
+
- **xs**: 12px, line-height: 20px
|
|
164
|
+
- **caption**: 11px, line-height: 18px
|
|
165
|
+
|
|
166
|
+
## Accesibilidad
|
|
167
|
+
|
|
168
|
+
- ✅ **Semantic HTML**: Usa `asChild` con elementos semánticos apropiados
|
|
169
|
+
- ✅ **Heading hierarchy**: Mantén orden lógico de headings (H1 → H2 → H3)
|
|
170
|
+
- ✅ **Contrast**: Asegura contraste suficiente con backgrounds
|
|
171
|
+
- ⚠️ **No usar solo para estilo**: Usa elementos semánticos apropiados
|
|
172
|
+
|
|
173
|
+
## Notas de Implementación
|
|
174
|
+
|
|
175
|
+
- **CVA**: Variantes con class-variance-authority
|
|
176
|
+
- **Slot**: Usa `@radix-ui/react-slot` para `asChild`
|
|
177
|
+
- **Default element**: `<p>` cuando `asChild=false`
|
|
178
|
+
- **Data attribute**: `data-slot="typography"` para identificación
|
|
179
|
+
- **No estilos de color**: Typography solo define tamaño/line-height, combina con utility classes para color/weight
|
|
180
|
+
|
|
181
|
+
## Troubleshooting
|
|
182
|
+
|
|
183
|
+
**Variant no aplica**: Verifica que variant esté entre las opciones válidas
|
|
184
|
+
**asChild no funciona**: Asegura que child sea un elemento válido, no texto plano
|
|
185
|
+
**Line height incorrecto**: Typography define line-heights base, pueden ser sobrescritos con className
|
|
186
|
+
**No semantic HTML**: Usa `asChild` con elementos apropiados (h1, h2, p, etc.)
|
|
187
|
+
|
|
188
|
+
## Referencias
|
|
189
|
+
|
|
190
|
+
- **shadcn/ui Typography**: <https://ui.shadcn.com/docs/components/typography>
|
|
191
|
+
- **Tailwind Typography**: <https://tailwindcss.com/docs/typography-plugin>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adamosuiteservices/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.13",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -30,6 +30,10 @@
|
|
|
30
30
|
"types": "./dist/lib/index.d.ts",
|
|
31
31
|
"import": "./dist/lib.js"
|
|
32
32
|
},
|
|
33
|
+
"./icons": {
|
|
34
|
+
"types": "./dist/components/icons/icons.d.ts",
|
|
35
|
+
"import": "./dist/icons.js"
|
|
36
|
+
},
|
|
33
37
|
"./sidebar": {
|
|
34
38
|
"types": "./dist/components/layout/sidebar/sidebar.d.ts",
|
|
35
39
|
"import": "./dist/sidebar.js"
|
|
@@ -271,6 +275,8 @@
|
|
|
271
275
|
"babel-plugin-react-compiler": "^19.1.0-rc.3",
|
|
272
276
|
"cross-env": "^10.1.0",
|
|
273
277
|
"eslint": "^9.36.0",
|
|
278
|
+
"eslint-plugin-better-tailwindcss": "^3.7.10",
|
|
279
|
+
"eslint-plugin-import": "^2.32.0",
|
|
274
280
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
275
281
|
"eslint-plugin-react-refresh": "^0.4.22",
|
|
276
282
|
"eslint-plugin-storybook": "^10.0.0",
|
package/dist/button-2GdKenQI.js
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { j as m } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import { S as t } from "./index-BvLQnI56.js";
|
|
4
|
-
import { c as n } from "./index-BqtVL8d-.js";
|
|
5
|
-
import { c as o } from "./index-CRiPKpXj.js";
|
|
6
|
-
const c = n(
|
|
7
|
-
"adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:whitespace-nowrap adm:rounded-md adm:text-sm adm:font-semibold adm:transition-all adm:disabled:pointer-events-none adm:disabled:opacity-50 adm:[&_svg]:pointer-events-none adm:[&_svg:not([class*=size-])]:size-4 adm:shrink-0 adm:[&_svg]:shrink-0 adm:outline-none adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px] adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",
|
|
8
|
-
{
|
|
9
|
-
variants: {
|
|
10
|
-
variant: {
|
|
11
|
-
default: "adm:bg-primary adm:text-primary-foreground adm:hover:bg-primary-700",
|
|
12
|
-
success: "adm:bg-success adm:text-white adm:hover:bg-success-700 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success/60",
|
|
13
|
-
"success-medium": "adm:bg-success-50 adm:text-success adm:hover:bg-success/20 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success-50/60",
|
|
14
|
-
warning: "adm:bg-warning adm:text-white adm:hover:bg-warning-700 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning/60",
|
|
15
|
-
"warning-medium": "adm:bg-warning-50 adm:text-warning adm:hover:bg-warning/20 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning-50/60",
|
|
16
|
-
destructive: "adm:bg-destructive adm:text-white adm:hover:bg-destructive-700 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive/60",
|
|
17
|
-
"destructive-medium": "adm:bg-destructive-50 adm:text-destructive adm:hover:bg-destructive/20 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive-50/60",
|
|
18
|
-
outline: "adm:border adm:bg-background adm:shadow-xs adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:bg-input/30 adm:dark:border-input adm:dark:hover:bg-input/50",
|
|
19
|
-
secondary: "adm:bg-secondary adm:text-secondary-foreground adm:hover:bg-primary-200",
|
|
20
|
-
ghost: "adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:hover:bg-accent/50",
|
|
21
|
-
link: "adm:text-primary adm:underline-offset-4 adm:hover:underline"
|
|
22
|
-
},
|
|
23
|
-
size: {
|
|
24
|
-
default: "adm:h-9 adm:px-4 adm:py-2 adm:has-[>svg]:px-3",
|
|
25
|
-
sm: "adm:h-8 adm:rounded-md adm:gap-1.5 adm:px-3 adm:has-[>svg]:px-2.5",
|
|
26
|
-
lg: "adm:h-10 adm:rounded-md adm:px-6 adm:has-[>svg]:px-4",
|
|
27
|
-
icon: "adm:size-9",
|
|
28
|
-
"icon-sm": "adm:size-8",
|
|
29
|
-
"icon-lg": "adm:size-10"
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
defaultVariants: {
|
|
33
|
-
variant: "default",
|
|
34
|
-
size: "default"
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
);
|
|
38
|
-
function f({
|
|
39
|
-
className: a,
|
|
40
|
-
variant: d,
|
|
41
|
-
size: e,
|
|
42
|
-
asChild: r = !1,
|
|
43
|
-
...i
|
|
44
|
-
}) {
|
|
45
|
-
const s = r ? t : "button";
|
|
46
|
-
return /* @__PURE__ */ m.jsx(
|
|
47
|
-
s,
|
|
48
|
-
{
|
|
49
|
-
"data-slot": "button",
|
|
50
|
-
className: o(c({ variant: d, size: e, className: a })),
|
|
51
|
-
...i
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
export {
|
|
56
|
-
f as B,
|
|
57
|
-
c as b
|
|
58
|
-
};
|
package/dist/button-DEQVHMrX.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const m=require("./index-CjyiloO7.cjs"),c=require("./index-BTzZJcis.cjs"),o=require("./index-DoxiiusW.cjs"),a=c.cva("adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:whitespace-nowrap adm:rounded-md adm:text-sm adm:font-semibold adm:transition-all adm:disabled:pointer-events-none adm:disabled:opacity-50 adm:[&_svg]:pointer-events-none adm:[&_svg:not([class*=size-])]:size-4 adm:shrink-0 adm:[&_svg]:shrink-0 adm:outline-none adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px] adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",{variants:{variant:{default:"adm:bg-primary adm:text-primary-foreground adm:hover:bg-primary-700",success:"adm:bg-success adm:text-white adm:hover:bg-success-700 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success/60","success-medium":"adm:bg-success-50 adm:text-success adm:hover:bg-success/20 adm:focus-visible:ring-success/20 adm:dark:focus-visible:ring-success/40 adm:dark:bg-success-50/60",warning:"adm:bg-warning adm:text-white adm:hover:bg-warning-700 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning/60","warning-medium":"adm:bg-warning-50 adm:text-warning adm:hover:bg-warning/20 adm:focus-visible:ring-warning/20 adm:dark:focus-visible:ring-warning/40 adm:dark:bg-warning-50/60",destructive:"adm:bg-destructive adm:text-white adm:hover:bg-destructive-700 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive/60","destructive-medium":"adm:bg-destructive-50 adm:text-destructive adm:hover:bg-destructive/20 adm:focus-visible:ring-destructive/20 adm:dark:focus-visible:ring-destructive/40 adm:dark:bg-destructive-50/60",outline:"adm:border adm:bg-background adm:shadow-xs adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:bg-input/30 adm:dark:border-input adm:dark:hover:bg-input/50",secondary:"adm:bg-secondary adm:text-secondary-foreground adm:hover:bg-primary-200",ghost:"adm:hover:bg-accent adm:hover:text-accent-foreground adm:dark:hover:bg-accent/50",link:"adm:text-primary adm:underline-offset-4 adm:hover:underline"},size:{default:"adm:h-9 adm:px-4 adm:py-2 adm:has-[>svg]:px-3",sm:"adm:h-8 adm:rounded-md adm:gap-1.5 adm:px-3 adm:has-[>svg]:px-2.5",lg:"adm:h-10 adm:rounded-md adm:px-6 adm:has-[>svg]:px-4",icon:"adm:size-9","icon-sm":"adm:size-8","icon-lg":"adm:size-10"}},defaultVariants:{variant:"default",size:"default"}});function u({className:d,variant:e,size:i,asChild:r=!1,...s}){const t=r?m.Slot:"button";return n.jsxRuntimeExports.jsx(t,{"data-slot":"button",className:o.cn(a({variant:e,size:i,className:d})),...s})}exports.Button=u;exports.buttonVariants=a;
|
package/dist/input-BF73maXg.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const r=require("./index-DoxiiusW.cjs");function t({className:d,type:a,...e}){return i.jsxRuntimeExports.jsx("input",{type:a,"data-slot":"input",className:r.cn("adm:file:text-foreground adm:placeholder:text-muted-foreground adm:selection:bg-primary adm:selection:text-primary-foreground adm:dark:bg-input/30 adm:border-input adm:h-9 adm:w-full adm:min-w-0 adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-1 adm:text-base adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:file:inline-flex adm:file:h-7 adm:file:border-0 adm:file:bg-transparent adm:file:text-sm adm:file:font-medium adm:disabled:pointer-events-none adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:md:text-sm","adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px]","adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",d),...e})}exports.Input=t;
|
package/dist/input-C04hsVXE.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { j as i } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import { c as r } from "./index-CRiPKpXj.js";
|
|
4
|
-
function o({ className: a, type: d, ...e }) {
|
|
5
|
-
return /* @__PURE__ */ i.jsx(
|
|
6
|
-
"input",
|
|
7
|
-
{
|
|
8
|
-
type: d,
|
|
9
|
-
"data-slot": "input",
|
|
10
|
-
className: r(
|
|
11
|
-
"adm:file:text-foreground adm:placeholder:text-muted-foreground adm:selection:bg-primary adm:selection:text-primary-foreground adm:dark:bg-input/30 adm:border-input adm:h-9 adm:w-full adm:min-w-0 adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-1 adm:text-base adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:file:inline-flex adm:file:h-7 adm:file:border-0 adm:file:bg-transparent adm:file:text-sm adm:file:font-medium adm:disabled:pointer-events-none adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:md:text-sm",
|
|
12
|
-
"adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:focus-visible:ring-[3px]",
|
|
13
|
-
"adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive",
|
|
14
|
-
a
|
|
15
|
-
),
|
|
16
|
-
...e
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
}
|
|
20
|
-
export {
|
|
21
|
-
o as I
|
|
22
|
-
};
|
package/dist/sheet-B-9YHdR5.js
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import { j as t } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import { R as n, T as l, C as s, a as i, b as u, D as c, P as f, O as h } from "./index-DniCthJA.js";
|
|
4
|
-
import { c as d } from "./index-CRiPKpXj.js";
|
|
5
|
-
import { X as g } from "./x-Dl66o_vF.js";
|
|
6
|
-
function v({ ...a }) {
|
|
7
|
-
return /* @__PURE__ */ t.jsx(n, { "data-slot": "sheet", ...a });
|
|
8
|
-
}
|
|
9
|
-
function C({
|
|
10
|
-
...a
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ t.jsx(l, { "data-slot": "sheet-trigger", ...a });
|
|
13
|
-
}
|
|
14
|
-
function w({
|
|
15
|
-
...a
|
|
16
|
-
}) {
|
|
17
|
-
return /* @__PURE__ */ t.jsx(s, { "data-slot": "sheet-close", ...a });
|
|
18
|
-
}
|
|
19
|
-
function p({
|
|
20
|
-
...a
|
|
21
|
-
}) {
|
|
22
|
-
return /* @__PURE__ */ t.jsx(f, { "data-slot": "sheet-portal", ...a });
|
|
23
|
-
}
|
|
24
|
-
function x({
|
|
25
|
-
className: a,
|
|
26
|
-
...e
|
|
27
|
-
}) {
|
|
28
|
-
return /* @__PURE__ */ t.jsx(
|
|
29
|
-
h,
|
|
30
|
-
{
|
|
31
|
-
"data-slot": "sheet-overlay",
|
|
32
|
-
className: d(
|
|
33
|
-
"adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:data-[state=closed]:fade-out-0 adm:data-[state=open]:fade-in-0 adm:fixed adm:inset-0 adm:z-50 adm:bg-black/50",
|
|
34
|
-
a
|
|
35
|
-
),
|
|
36
|
-
...e
|
|
37
|
-
}
|
|
38
|
-
);
|
|
39
|
-
}
|
|
40
|
-
function T({
|
|
41
|
-
className: a,
|
|
42
|
-
children: e,
|
|
43
|
-
side: o = "right",
|
|
44
|
-
showCloseButton: m = !0,
|
|
45
|
-
...r
|
|
46
|
-
}) {
|
|
47
|
-
return /* @__PURE__ */ t.jsxs(p, { children: [
|
|
48
|
-
/* @__PURE__ */ t.jsx(x, {}),
|
|
49
|
-
/* @__PURE__ */ t.jsxs(
|
|
50
|
-
i,
|
|
51
|
-
{
|
|
52
|
-
"data-slot": "sheet-content",
|
|
53
|
-
className: d(
|
|
54
|
-
"adm:bg-background adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:fixed adm:z-50 adm:flex adm:flex-col adm:gap-4 adm:shadow-xs adm:transition adm:ease-in-out adm:data-[state=closed]:duration-300 adm:data-[state=open]:duration-500",
|
|
55
|
-
o === "right" && "adm:rounded-tl-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-right adm:data-[state=open]:slide-in-from-right adm:inset-y-0 adm:right-0 adm:h-full adm:w-3/4 adm:border-l adm:sm:max-w-sm",
|
|
56
|
-
o === "left" && "adm:rounded-tr-lg adm:rounded-br-lg adm:data-[state=closed]:slide-out-to-left adm:data-[state=open]:slide-in-from-left adm:inset-y-0 adm:left-0 adm:h-full adm:w-3/4 adm:border-r adm:sm:max-w-sm",
|
|
57
|
-
o === "top" && "adm:rounded-br-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-top adm:data-[state=open]:slide-in-from-top adm:inset-x-0 adm:top-0 adm:h-auto adm:border-b",
|
|
58
|
-
o === "bottom" && "adm:rounded-tr-lg adm:rounded-tl-lg adm:data-[state=closed]:slide-out-to-bottom adm:data-[state=open]:slide-in-from-bottom adm:inset-x-0 adm:bottom-0 adm:h-auto adm:border-t",
|
|
59
|
-
a
|
|
60
|
-
),
|
|
61
|
-
...r,
|
|
62
|
-
children: [
|
|
63
|
-
e,
|
|
64
|
-
m && /* @__PURE__ */ t.jsxs(s, { className: "adm:ring-offset-background adm:focus:ring-ring adm:data-[state=open]:bg-secondary adm:absolute adm:top-4 adm:right-4 adm:rounded-xs adm:opacity-70 adm:transition-opacity adm:hover:opacity-100 adm:focus:ring-2 adm:focus:ring-offset-2 adm:focus:outline-hidden adm:disabled:pointer-events-none", children: [
|
|
65
|
-
/* @__PURE__ */ t.jsx(g, { className: "adm:size-4" }),
|
|
66
|
-
/* @__PURE__ */ t.jsx("span", { className: "adm:sr-only", children: "Close" })
|
|
67
|
-
] })
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
] });
|
|
72
|
-
}
|
|
73
|
-
function k({ className: a, ...e }) {
|
|
74
|
-
return /* @__PURE__ */ t.jsx(
|
|
75
|
-
"div",
|
|
76
|
-
{
|
|
77
|
-
"data-slot": "sheet-header",
|
|
78
|
-
className: d("adm:flex adm:flex-col adm:gap-1.5 adm:p-4", a),
|
|
79
|
-
...e
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
}
|
|
83
|
-
function z({ className: a, ...e }) {
|
|
84
|
-
return /* @__PURE__ */ t.jsx(
|
|
85
|
-
"div",
|
|
86
|
-
{
|
|
87
|
-
"data-slot": "sheet-footer",
|
|
88
|
-
className: d("adm:mt-auto adm:flex adm:flex-col adm:gap-2 adm:p-4", a),
|
|
89
|
-
...e
|
|
90
|
-
}
|
|
91
|
-
);
|
|
92
|
-
}
|
|
93
|
-
function D({
|
|
94
|
-
className: a,
|
|
95
|
-
...e
|
|
96
|
-
}) {
|
|
97
|
-
return /* @__PURE__ */ t.jsx(
|
|
98
|
-
u,
|
|
99
|
-
{
|
|
100
|
-
"data-slot": "sheet-title",
|
|
101
|
-
className: d("adm:text-foreground adm:font-semibold", a),
|
|
102
|
-
...e
|
|
103
|
-
}
|
|
104
|
-
);
|
|
105
|
-
}
|
|
106
|
-
function O({
|
|
107
|
-
className: a,
|
|
108
|
-
...e
|
|
109
|
-
}) {
|
|
110
|
-
return /* @__PURE__ */ t.jsx(
|
|
111
|
-
c,
|
|
112
|
-
{
|
|
113
|
-
"data-slot": "sheet-description",
|
|
114
|
-
className: d("adm:text-muted-foreground adm:text-sm", a),
|
|
115
|
-
...e
|
|
116
|
-
}
|
|
117
|
-
);
|
|
118
|
-
}
|
|
119
|
-
export {
|
|
120
|
-
v as S,
|
|
121
|
-
C as a,
|
|
122
|
-
w as b,
|
|
123
|
-
T as c,
|
|
124
|
-
k as d,
|
|
125
|
-
z as e,
|
|
126
|
-
D as f,
|
|
127
|
-
O as g
|
|
128
|
-
};
|
package/dist/sheet-CU-sFSaJ.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const d=require("./index-BFyr34mw.cjs"),s=require("./index-DoxiiusW.cjs"),r=require("./x-CBKgg4YL.cjs");function i({...t}){return e.jsxRuntimeExports.jsx(d.Root,{"data-slot":"sheet",...t})}function l({...t}){return e.jsxRuntimeExports.jsx(d.Trigger,{"data-slot":"sheet-trigger",...t})}function u({...t}){return e.jsxRuntimeExports.jsx(d.Close,{"data-slot":"sheet-close",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(d.Portal,{"data-slot":"sheet-portal",...t})}function c({className:t,...a}){return e.jsxRuntimeExports.jsx(d.Overlay,{"data-slot":"sheet-overlay",className:s.cn("adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:data-[state=closed]:fade-out-0 adm:data-[state=open]:fade-in-0 adm:fixed adm:inset-0 adm:z-50 adm:bg-black/50",t),...a})}function h({className:t,children:a,side:o="right",showCloseButton:m=!0,...n}){return e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsx(c,{}),e.jsxRuntimeExports.jsxs(d.Content,{"data-slot":"sheet-content",className:s.cn("adm:bg-background adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:fixed adm:z-50 adm:flex adm:flex-col adm:gap-4 adm:shadow-xs adm:transition adm:ease-in-out adm:data-[state=closed]:duration-300 adm:data-[state=open]:duration-500",o==="right"&&"adm:rounded-tl-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-right adm:data-[state=open]:slide-in-from-right adm:inset-y-0 adm:right-0 adm:h-full adm:w-3/4 adm:border-l adm:sm:max-w-sm",o==="left"&&"adm:rounded-tr-lg adm:rounded-br-lg adm:data-[state=closed]:slide-out-to-left adm:data-[state=open]:slide-in-from-left adm:inset-y-0 adm:left-0 adm:h-full adm:w-3/4 adm:border-r adm:sm:max-w-sm",o==="top"&&"adm:rounded-br-lg adm:rounded-bl-lg adm:data-[state=closed]:slide-out-to-top adm:data-[state=open]:slide-in-from-top adm:inset-x-0 adm:top-0 adm:h-auto adm:border-b",o==="bottom"&&"adm:rounded-tr-lg adm:rounded-tl-lg adm:data-[state=closed]:slide-out-to-bottom adm:data-[state=open]:slide-in-from-bottom adm:inset-x-0 adm:bottom-0 adm:h-auto adm:border-t",t),...n,children:[a,m&&e.jsxRuntimeExports.jsxs(d.Close,{className:"adm:ring-offset-background adm:focus:ring-ring adm:data-[state=open]:bg-secondary adm:absolute adm:top-4 adm:right-4 adm:rounded-xs adm:opacity-70 adm:transition-opacity adm:hover:opacity-100 adm:focus:ring-2 adm:focus:ring-offset-2 adm:focus:outline-hidden adm:disabled:pointer-events-none",children:[e.jsxRuntimeExports.jsx(r.X,{className:"adm:size-4"}),e.jsxRuntimeExports.jsx("span",{className:"adm:sr-only",children:"Close"})]})]})]})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:s.cn("adm:flex adm:flex-col adm:gap-1.5 adm:p-4",t),...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:s.cn("adm:mt-auto adm:flex adm:flex-col adm:gap-2 adm:p-4",t),...a})}function g({className:t,...a}){return e.jsxRuntimeExports.jsx(d.Title,{"data-slot":"sheet-title",className:s.cn("adm:text-foreground adm:font-semibold",t),...a})}function j({className:t,...a}){return e.jsxRuntimeExports.jsx(d.Description,{"data-slot":"sheet-description",className:s.cn("adm:text-muted-foreground adm:text-sm",t),...a})}exports.Sheet=i;exports.SheetClose=u;exports.SheetContent=h;exports.SheetDescription=j;exports.SheetFooter=f;exports.SheetHeader=p;exports.SheetTitle=g;exports.SheetTrigger=l;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BB_1_6y_.cjs");require("react");const r=require("./index-DoxiiusW.cjs");function i({className:a,...d}){return e.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",className:r.cn("adm:border-input adm:placeholder:text-muted-foreground adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive adm:dark:bg-input/30 adm:flex adm:field-sizing-content adm:min-h-16 adm:w-full adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-2 adm:text-base adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:focus-visible:ring-[3px] adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:md:text-sm",a),...d})}exports.Textarea=i;
|