ui-arreya-components 0.0.15 → 1.0.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/.github/workflows/npm-publish.yml +35 -0
- package/.github/workflows/release.yml +20 -0
- package/.releaserc +10 -0
- package/CHANGELOG.md +30 -0
- package/README.md +10 -0
- package/dist/styles.css +1 -1
- package/dist/ui.cjs.js +185 -62
- package/dist/ui.es.js +22593 -4815
- package/dist/ui.umd.js +186 -63
- package/package.json +9 -2
- package/scripts/build-index-ts.sh +16 -0
- package/scripts/template.sh +5 -5
- package/src/components/feature/graph-card.stories.tsx +138 -0
- package/src/components/feature/graph-card.tsx +113 -0
- package/src/components/feature/header.stories.tsx +1 -1
- package/src/components/feature/header.tsx +2 -2
- package/src/components/feature/search-bar.stories.tsx +35 -0
- package/src/components/feature/search-bar.tsx +141 -0
- package/src/components/feature/wizard.stories.tsx +199 -0
- package/src/components/feature/wizard.tsx +278 -0
- package/src/components/ui/sheet.tsx +0 -2
- package/src/components/ui/sonner.tsx +2 -2
- package/src/index.css +124 -0
- package/src/index.ts +51 -51
- package/tailwind.config.js +0 -2
- package/src/components/index.ts +0 -1
- package/src/components/ui/index.ts +0 -1
package/src/index.css
CHANGED
|
@@ -888,6 +888,18 @@ body{
|
|
|
888
888
|
margin-bottom: 0.5rem;
|
|
889
889
|
}
|
|
890
890
|
|
|
891
|
+
.mb-4{
|
|
892
|
+
margin-bottom: 1rem;
|
|
893
|
+
}
|
|
894
|
+
|
|
895
|
+
.mb-6{
|
|
896
|
+
margin-bottom: 1.5rem;
|
|
897
|
+
}
|
|
898
|
+
|
|
899
|
+
.mb-8{
|
|
900
|
+
margin-bottom: 2rem;
|
|
901
|
+
}
|
|
902
|
+
|
|
891
903
|
.ml-1{
|
|
892
904
|
margin-left: 0.25rem;
|
|
893
905
|
}
|
|
@@ -900,6 +912,14 @@ body{
|
|
|
900
912
|
margin-right: 0.25rem;
|
|
901
913
|
}
|
|
902
914
|
|
|
915
|
+
.mt-0\.5{
|
|
916
|
+
margin-top: 0.125rem;
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
.mt-1{
|
|
920
|
+
margin-top: 0.25rem;
|
|
921
|
+
}
|
|
922
|
+
|
|
903
923
|
.mt-1\.5{
|
|
904
924
|
margin-top: 0.375rem;
|
|
905
925
|
}
|
|
@@ -916,6 +936,10 @@ body{
|
|
|
916
936
|
margin-top: 1rem;
|
|
917
937
|
}
|
|
918
938
|
|
|
939
|
+
.mt-6{
|
|
940
|
+
margin-top: 1.5rem;
|
|
941
|
+
}
|
|
942
|
+
|
|
919
943
|
.mt-auto{
|
|
920
944
|
margin-top: auto;
|
|
921
945
|
}
|
|
@@ -957,6 +981,10 @@ body{
|
|
|
957
981
|
height: 1rem;
|
|
958
982
|
}
|
|
959
983
|
|
|
984
|
+
.h-0\.5{
|
|
985
|
+
height: 0.125rem;
|
|
986
|
+
}
|
|
987
|
+
|
|
960
988
|
.h-1\.5{
|
|
961
989
|
height: 0.375rem;
|
|
962
990
|
}
|
|
@@ -1009,10 +1037,18 @@ body{
|
|
|
1009
1037
|
height: 2.25rem;
|
|
1010
1038
|
}
|
|
1011
1039
|
|
|
1040
|
+
.h-\[180px\]{
|
|
1041
|
+
height: 180px;
|
|
1042
|
+
}
|
|
1043
|
+
|
|
1012
1044
|
.h-\[1px\]{
|
|
1013
1045
|
height: 1px;
|
|
1014
1046
|
}
|
|
1015
1047
|
|
|
1048
|
+
.h-\[240px\]{
|
|
1049
|
+
height: 240px;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1016
1052
|
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
|
|
1017
1053
|
height: var(--radix-navigation-menu-viewport-height);
|
|
1018
1054
|
}
|
|
@@ -1101,6 +1137,10 @@ body{
|
|
|
1101
1137
|
width: 1rem;
|
|
1102
1138
|
}
|
|
1103
1139
|
|
|
1140
|
+
.w-48{
|
|
1141
|
+
width: 12rem;
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1104
1144
|
.w-5{
|
|
1105
1145
|
width: 1.25rem;
|
|
1106
1146
|
}
|
|
@@ -1202,6 +1242,10 @@ body{
|
|
|
1202
1242
|
min-width: var(--radix-select-trigger-width);
|
|
1203
1243
|
}
|
|
1204
1244
|
|
|
1245
|
+
.max-w-2xl{
|
|
1246
|
+
max-width: 42rem;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1205
1249
|
.max-w-\[--skeleton-width\]{
|
|
1206
1250
|
max-width: var(--skeleton-width);
|
|
1207
1251
|
}
|
|
@@ -1219,6 +1263,10 @@ body{
|
|
|
1219
1263
|
max-width: 24rem;
|
|
1220
1264
|
}
|
|
1221
1265
|
|
|
1266
|
+
.max-w-xl{
|
|
1267
|
+
max-width: 36rem;
|
|
1268
|
+
}
|
|
1269
|
+
|
|
1222
1270
|
.max-w-xs{
|
|
1223
1271
|
max-width: 20rem;
|
|
1224
1272
|
}
|
|
@@ -1361,6 +1409,10 @@ body{
|
|
|
1361
1409
|
list-style-type: none;
|
|
1362
1410
|
}
|
|
1363
1411
|
|
|
1412
|
+
.grid-cols-2{
|
|
1413
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1364
1416
|
.flex-row{
|
|
1365
1417
|
flex-direction: row;
|
|
1366
1418
|
}
|
|
@@ -1457,6 +1509,12 @@ body{
|
|
|
1457
1509
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1458
1510
|
}
|
|
1459
1511
|
|
|
1512
|
+
.space-y-4 > :not([hidden]) ~ :not([hidden]){
|
|
1513
|
+
--tw-space-y-reverse: 0;
|
|
1514
|
+
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1515
|
+
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1516
|
+
}
|
|
1517
|
+
|
|
1460
1518
|
.self-center{
|
|
1461
1519
|
align-self: center;
|
|
1462
1520
|
}
|
|
@@ -1538,6 +1596,10 @@ body{
|
|
|
1538
1596
|
border-width: 2px;
|
|
1539
1597
|
}
|
|
1540
1598
|
|
|
1599
|
+
.border-4{
|
|
1600
|
+
border-width: 4px;
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1541
1603
|
.border-\[1\.5px\]{
|
|
1542
1604
|
border-width: 1.5px;
|
|
1543
1605
|
}
|
|
@@ -1571,6 +1633,11 @@ body{
|
|
|
1571
1633
|
border-color: var(--color-border);
|
|
1572
1634
|
}
|
|
1573
1635
|
|
|
1636
|
+
.border-blue-100{
|
|
1637
|
+
--tw-border-opacity: 1;
|
|
1638
|
+
border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1574
1641
|
.border-border\/50{
|
|
1575
1642
|
border-color: hsl(var(--border) / 0.5);
|
|
1576
1643
|
}
|
|
@@ -1583,10 +1650,19 @@ body{
|
|
|
1583
1650
|
border-color: hsl(var(--destructive) / 0.5);
|
|
1584
1651
|
}
|
|
1585
1652
|
|
|
1653
|
+
.border-gray-200{
|
|
1654
|
+
--tw-border-opacity: 1;
|
|
1655
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
|
|
1656
|
+
}
|
|
1657
|
+
|
|
1586
1658
|
.border-input{
|
|
1587
1659
|
border-color: hsl(var(--input));
|
|
1588
1660
|
}
|
|
1589
1661
|
|
|
1662
|
+
.border-muted{
|
|
1663
|
+
border-color: hsl(var(--muted));
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1590
1666
|
.border-primary{
|
|
1591
1667
|
border-color: var(--primary);
|
|
1592
1668
|
}
|
|
@@ -1663,10 +1739,20 @@ body{
|
|
|
1663
1739
|
background-color: hsl(var(--sidebar-border));
|
|
1664
1740
|
}
|
|
1665
1741
|
|
|
1742
|
+
.bg-slate-200{
|
|
1743
|
+
--tw-bg-opacity: 1;
|
|
1744
|
+
background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1666
1747
|
.bg-transparent{
|
|
1667
1748
|
background-color: transparent;
|
|
1668
1749
|
}
|
|
1669
1750
|
|
|
1751
|
+
.bg-white{
|
|
1752
|
+
--tw-bg-opacity: 1;
|
|
1753
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
1754
|
+
}
|
|
1755
|
+
|
|
1670
1756
|
.fill-current{
|
|
1671
1757
|
fill: currentColor;
|
|
1672
1758
|
}
|
|
@@ -1687,6 +1773,10 @@ body{
|
|
|
1687
1773
|
padding: 0.5rem;
|
|
1688
1774
|
}
|
|
1689
1775
|
|
|
1776
|
+
.p-3{
|
|
1777
|
+
padding: 0.75rem;
|
|
1778
|
+
}
|
|
1779
|
+
|
|
1690
1780
|
.p-4{
|
|
1691
1781
|
padding: 1rem;
|
|
1692
1782
|
}
|
|
@@ -1764,10 +1854,19 @@ body{
|
|
|
1764
1854
|
padding-bottom: 1rem;
|
|
1765
1855
|
}
|
|
1766
1856
|
|
|
1857
|
+
.py-8{
|
|
1858
|
+
padding-top: 2rem;
|
|
1859
|
+
padding-bottom: 2rem;
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1767
1862
|
.pb-0{
|
|
1768
1863
|
padding-bottom: 0px;
|
|
1769
1864
|
}
|
|
1770
1865
|
|
|
1866
|
+
.pb-2{
|
|
1867
|
+
padding-bottom: 0.5rem;
|
|
1868
|
+
}
|
|
1869
|
+
|
|
1771
1870
|
.pb-3{
|
|
1772
1871
|
padding-bottom: 0.75rem;
|
|
1773
1872
|
}
|
|
@@ -1924,10 +2023,25 @@ body{
|
|
|
1924
2023
|
color: hsl(var(--destructive-foreground));
|
|
1925
2024
|
}
|
|
1926
2025
|
|
|
2026
|
+
.text-emerald-500{
|
|
2027
|
+
--tw-text-opacity: 1;
|
|
2028
|
+
color: rgb(16 185 129 / var(--tw-text-opacity, 1));
|
|
2029
|
+
}
|
|
2030
|
+
|
|
1927
2031
|
.text-foreground{
|
|
1928
2032
|
color: var(--foreground);
|
|
1929
2033
|
}
|
|
1930
2034
|
|
|
2035
|
+
.text-gray-500{
|
|
2036
|
+
--tw-text-opacity: 1;
|
|
2037
|
+
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
2038
|
+
}
|
|
2039
|
+
|
|
2040
|
+
.text-gray-700{
|
|
2041
|
+
--tw-text-opacity: 1;
|
|
2042
|
+
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
2043
|
+
}
|
|
2044
|
+
|
|
1931
2045
|
.text-muted-foreground{
|
|
1932
2046
|
color: hsl(var(--muted-foreground));
|
|
1933
2047
|
}
|
|
@@ -1944,6 +2058,11 @@ body{
|
|
|
1944
2058
|
color: hsl(var(--primary-foreground));
|
|
1945
2059
|
}
|
|
1946
2060
|
|
|
2061
|
+
.text-red-500{
|
|
2062
|
+
--tw-text-opacity: 1;
|
|
2063
|
+
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
2064
|
+
}
|
|
2065
|
+
|
|
1947
2066
|
.text-secondary-foreground{
|
|
1948
2067
|
color: var(--secondary-foreground);
|
|
1949
2068
|
}
|
|
@@ -2326,6 +2445,11 @@ h1, h2, h3, h4 {
|
|
|
2326
2445
|
background-color: hsl(var(--destructive) / 0.9);
|
|
2327
2446
|
}
|
|
2328
2447
|
|
|
2448
|
+
.hover\:bg-gray-50:hover{
|
|
2449
|
+
--tw-bg-opacity: 1;
|
|
2450
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
2451
|
+
}
|
|
2452
|
+
|
|
2329
2453
|
.hover\:bg-muted:hover{
|
|
2330
2454
|
background-color: hsl(var(--muted));
|
|
2331
2455
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
export
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
export
|
|
50
|
-
|
|
51
|
-
|
|
1
|
+
export * from "./components/ui/accordion"
|
|
2
|
+
export * from "./components/ui/alert-dialog"
|
|
3
|
+
export * from "./components/ui/alert"
|
|
4
|
+
export * from "./components/ui/aspect-ratio"
|
|
5
|
+
export * from "./components/ui/avatar"
|
|
6
|
+
export * from "./components/ui/badge"
|
|
7
|
+
export * from "./components/ui/breadcrumb"
|
|
8
|
+
export * from "./components/ui/button"
|
|
9
|
+
export * from "./components/ui/card"
|
|
10
|
+
export * from "./components/ui/carousel"
|
|
11
|
+
export * from "./components/ui/chart"
|
|
12
|
+
export * from "./components/ui/checkbox"
|
|
13
|
+
export * from "./components/ui/collapsible"
|
|
14
|
+
export * from "./components/ui/context-menu"
|
|
15
|
+
export * from "./components/ui/dialog"
|
|
16
|
+
export * from "./components/ui/drawer"
|
|
17
|
+
export * from "./components/ui/dropdown-menu"
|
|
18
|
+
export * from "./components/ui/form"
|
|
19
|
+
export * from "./components/ui/hover-card"
|
|
20
|
+
export * from "./components/ui/input-otp"
|
|
21
|
+
export * from "./components/ui/input"
|
|
22
|
+
export * from "./components/ui/label"
|
|
23
|
+
export * from "./components/ui/menubar"
|
|
24
|
+
export * from "./components/ui/navigation-menu"
|
|
25
|
+
export * from "./components/ui/pagination"
|
|
26
|
+
export * from "./components/ui/popover"
|
|
27
|
+
export * from "./components/ui/progress"
|
|
28
|
+
export * from "./components/ui/radio-group"
|
|
29
|
+
export * from "./components/ui/resizable"
|
|
30
|
+
export * from "./components/ui/scroll-area"
|
|
31
|
+
export * from "./components/ui/select"
|
|
32
|
+
export * from "./components/ui/separator"
|
|
33
|
+
export * from "./components/ui/sheet"
|
|
34
|
+
export * from "./components/ui/sidebar"
|
|
35
|
+
export * from "./components/ui/skeleton"
|
|
36
|
+
export * from "./components/ui/slider"
|
|
37
|
+
export * from "./components/ui/sonner"
|
|
38
|
+
export * from "./components/ui/switch"
|
|
39
|
+
export * from "./components/ui/table"
|
|
40
|
+
export * from "./components/ui/tabs"
|
|
41
|
+
export * from "./components/ui/textarea"
|
|
42
|
+
export * from "./components/ui/toast"
|
|
43
|
+
export * from "./components/ui/toaster"
|
|
44
|
+
export * from "./components/ui/toggle-group"
|
|
45
|
+
export * from "./components/ui/toggle"
|
|
46
|
+
export * from "./components/ui/tooltip"
|
|
47
|
+
export * from "./components/feature/graph-card"
|
|
48
|
+
export * from "./components/feature/header"
|
|
49
|
+
export * from "./components/feature/login-form"
|
|
50
|
+
export * from "./components/feature/search-bar"
|
|
51
|
+
export * from "./components/feature/wizard"
|
package/tailwind.config.js
CHANGED
package/src/components/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ui/accordion'
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './accordion'
|