@parto-system-design/ui 1.1.0 → 1.1.1
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/index.cjs +579 -388
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +372 -19
- package/dist/index.d.cts +29 -28
- package/dist/index.d.ts +29 -28
- package/dist/index.js +595 -405
- package/dist/index.js.map +1 -1
- package/package.json +4 -21
- package/tailwind.config.ts +297 -13
package/dist/index.css
CHANGED
|
@@ -4,9 +4,6 @@
|
|
|
4
4
|
container-type: inline-size;
|
|
5
5
|
container-name: field-group;
|
|
6
6
|
}
|
|
7
|
-
.\@container {
|
|
8
|
-
container-type: inline-size;
|
|
9
|
-
}
|
|
10
7
|
.pointer-events-auto {
|
|
11
8
|
pointer-events: auto;
|
|
12
9
|
}
|
|
@@ -248,8 +245,8 @@
|
|
|
248
245
|
.max-h-\[300px\] {
|
|
249
246
|
max-height: 300px;
|
|
250
247
|
}
|
|
251
|
-
.min-h-\[
|
|
252
|
-
min-height:
|
|
248
|
+
.min-h-\[34px\] {
|
|
249
|
+
min-height: 34px;
|
|
253
250
|
}
|
|
254
251
|
.min-h-\[200px\] {
|
|
255
252
|
min-height: 200px;
|
|
@@ -323,8 +320,8 @@
|
|
|
323
320
|
.min-w-\[12rem\] {
|
|
324
321
|
min-width: 12rem;
|
|
325
322
|
}
|
|
326
|
-
.min-w-\[
|
|
327
|
-
min-width:
|
|
323
|
+
.min-w-\[80px\] {
|
|
324
|
+
min-width: 80px;
|
|
328
325
|
}
|
|
329
326
|
.min-w-\[140px\] {
|
|
330
327
|
min-width: 140px;
|
|
@@ -823,6 +820,9 @@
|
|
|
823
820
|
background-color: color-mix(in oklab, hsl(var(--foreground-default)) 2.6%, transparent);
|
|
824
821
|
}
|
|
825
822
|
}
|
|
823
|
+
.bg-green-500 {
|
|
824
|
+
background-color: #22c55e;
|
|
825
|
+
}
|
|
826
826
|
.bg-input {
|
|
827
827
|
background-color: hsl(var(--background-control));
|
|
828
828
|
}
|
|
@@ -886,6 +886,9 @@
|
|
|
886
886
|
.bg-warning-300 {
|
|
887
887
|
background-color: hsl(var(--warning-300));
|
|
888
888
|
}
|
|
889
|
+
.bg-warning-500 {
|
|
890
|
+
background-color: hsl(var(--warning-500));
|
|
891
|
+
}
|
|
889
892
|
.bg-warning-600 {
|
|
890
893
|
background-color: hsl(var(--warning-600));
|
|
891
894
|
}
|
|
@@ -893,12 +896,28 @@
|
|
|
893
896
|
--tw-gradient-position: to bottom right in oklab;
|
|
894
897
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
895
898
|
}
|
|
899
|
+
.from-brand-400 {
|
|
900
|
+
--tw-gradient-from: hsl(var(--brand-400));
|
|
901
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
902
|
+
}
|
|
903
|
+
.via-brand {
|
|
904
|
+
--tw-gradient-via: hsl(var(--brand-default));
|
|
905
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
906
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
907
|
+
}
|
|
908
|
+
.to-brand-400 {
|
|
909
|
+
--tw-gradient-to: hsl(var(--brand-400));
|
|
910
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
911
|
+
}
|
|
896
912
|
.fill-brand {
|
|
897
913
|
fill: hsl(var(--brand-default));
|
|
898
914
|
}
|
|
899
915
|
.fill-current {
|
|
900
916
|
fill: currentcolor;
|
|
901
917
|
}
|
|
918
|
+
.object-contain {
|
|
919
|
+
object-fit: contain;
|
|
920
|
+
}
|
|
902
921
|
.object-cover {
|
|
903
922
|
object-fit: cover;
|
|
904
923
|
}
|
|
@@ -1091,6 +1110,9 @@
|
|
|
1091
1110
|
.opacity-0 {
|
|
1092
1111
|
opacity: 0%;
|
|
1093
1112
|
}
|
|
1113
|
+
.opacity-40 {
|
|
1114
|
+
opacity: 40%;
|
|
1115
|
+
}
|
|
1094
1116
|
.opacity-50 {
|
|
1095
1117
|
opacity: 50%;
|
|
1096
1118
|
}
|
|
@@ -1117,8 +1139,8 @@
|
|
|
1117
1139
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1118
1140
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1119
1141
|
}
|
|
1120
|
-
.\[--tw-ring-color\:conic-gradient\(from_180deg\,\#
|
|
1121
|
-
--tw-ring-color: conic-gradient(from 180deg,#
|
|
1142
|
+
.\[--tw-ring-color\:conic-gradient\(from_180deg\,\#22c55e\,\#4ade80\,\#22c55e\)\] {
|
|
1143
|
+
--tw-ring-color: conic-gradient(from 180deg,#22c55e,#4ade80,#22c55e);
|
|
1122
1144
|
}
|
|
1123
1145
|
.ring-background {
|
|
1124
1146
|
--tw-ring-color: hsl(var(--background-default));
|
|
@@ -1297,6 +1319,13 @@
|
|
|
1297
1319
|
}
|
|
1298
1320
|
}
|
|
1299
1321
|
}
|
|
1322
|
+
.group-hover\:scale-\[1\.02\] {
|
|
1323
|
+
&:is(:where(.group):hover *) {
|
|
1324
|
+
@media (hover: hover) {
|
|
1325
|
+
scale: 1.02;
|
|
1326
|
+
}
|
|
1327
|
+
}
|
|
1328
|
+
}
|
|
1300
1329
|
.group-hover\:opacity-100 {
|
|
1301
1330
|
&:is(:where(.group):hover *) {
|
|
1302
1331
|
@media (hover: hover) {
|
|
@@ -1651,6 +1680,17 @@
|
|
|
1651
1680
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1652
1681
|
}
|
|
1653
1682
|
}
|
|
1683
|
+
.focus-within\:ring-offset-foreground-muted {
|
|
1684
|
+
&:focus-within {
|
|
1685
|
+
--tw-ring-offset-color: hsl(var(--foreground-muted));
|
|
1686
|
+
}
|
|
1687
|
+
}
|
|
1688
|
+
.focus-within\:outline-none {
|
|
1689
|
+
&:focus-within {
|
|
1690
|
+
--tw-outline-style: none;
|
|
1691
|
+
outline-style: none;
|
|
1692
|
+
}
|
|
1693
|
+
}
|
|
1654
1694
|
.hover\:border-brand-600 {
|
|
1655
1695
|
&:hover {
|
|
1656
1696
|
@media (hover: hover) {
|
|
@@ -3682,6 +3722,11 @@
|
|
|
3682
3722
|
flex-shrink: 0;
|
|
3683
3723
|
}
|
|
3684
3724
|
}
|
|
3725
|
+
.\[\&\>svg\]\:text-blue-600 {
|
|
3726
|
+
&>svg {
|
|
3727
|
+
color: #2563eb;
|
|
3728
|
+
}
|
|
3729
|
+
}
|
|
3685
3730
|
.\[\&\>svg\]\:text-brand-600 {
|
|
3686
3731
|
&>svg {
|
|
3687
3732
|
color: hsl(var(--brand-600));
|
|
@@ -3707,6 +3752,13 @@
|
|
|
3707
3752
|
color: hsl(var(--warning-600));
|
|
3708
3753
|
}
|
|
3709
3754
|
}
|
|
3755
|
+
.dark\:\[\&\>svg\]\:text-blue-400 {
|
|
3756
|
+
&:is([data-theme*="dark"] *) {
|
|
3757
|
+
&>svg {
|
|
3758
|
+
color: #60a5fa;
|
|
3759
|
+
}
|
|
3760
|
+
}
|
|
3761
|
+
}
|
|
3710
3762
|
.\[\&\>tr\]\:last\:border-b-0 {
|
|
3711
3763
|
&>tr {
|
|
3712
3764
|
&:last-child {
|
|
@@ -3759,16 +3811,6 @@
|
|
|
3759
3811
|
}
|
|
3760
3812
|
}
|
|
3761
3813
|
:root {
|
|
3762
|
-
--duration-instant: 50ms;
|
|
3763
|
-
--duration-fast: 100ms;
|
|
3764
|
-
--duration-normal: 200ms;
|
|
3765
|
-
--duration-slow: 350ms;
|
|
3766
|
-
--duration-slower: 500ms;
|
|
3767
|
-
--ease-default: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3768
|
-
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
3769
|
-
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
3770
|
-
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
3771
|
-
--ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
3772
3814
|
--colors-black: 0deg 0% 0%;
|
|
3773
3815
|
--colors-white: 0deg 0% 100%;
|
|
3774
3816
|
--colors-gray-dark-100: 0deg 0% 8.6%;
|
|
@@ -4166,6 +4208,258 @@
|
|
|
4166
4208
|
--chart-5: var(--chart-5);
|
|
4167
4209
|
}
|
|
4168
4210
|
}
|
|
4211
|
+
@layer utilities {
|
|
4212
|
+
.ms-0 {
|
|
4213
|
+
margin-inline-start: 0;
|
|
4214
|
+
}
|
|
4215
|
+
.ms-1 {
|
|
4216
|
+
margin-inline-start: 0.25rem;
|
|
4217
|
+
}
|
|
4218
|
+
.ms-2 {
|
|
4219
|
+
margin-inline-start: 0.5rem;
|
|
4220
|
+
}
|
|
4221
|
+
.ms-3 {
|
|
4222
|
+
margin-inline-start: 0.75rem;
|
|
4223
|
+
}
|
|
4224
|
+
.ms-4 {
|
|
4225
|
+
margin-inline-start: 1rem;
|
|
4226
|
+
}
|
|
4227
|
+
.ms-5 {
|
|
4228
|
+
margin-inline-start: 1.25rem;
|
|
4229
|
+
}
|
|
4230
|
+
.ms-6 {
|
|
4231
|
+
margin-inline-start: 1.5rem;
|
|
4232
|
+
}
|
|
4233
|
+
.ms-8 {
|
|
4234
|
+
margin-inline-start: 2rem;
|
|
4235
|
+
}
|
|
4236
|
+
.ms-10 {
|
|
4237
|
+
margin-inline-start: 2.5rem;
|
|
4238
|
+
}
|
|
4239
|
+
.ms-12 {
|
|
4240
|
+
margin-inline-start: 3rem;
|
|
4241
|
+
}
|
|
4242
|
+
.ms-16 {
|
|
4243
|
+
margin-inline-start: 4rem;
|
|
4244
|
+
}
|
|
4245
|
+
.ms-auto {
|
|
4246
|
+
margin-inline-start: auto;
|
|
4247
|
+
}
|
|
4248
|
+
.me-0 {
|
|
4249
|
+
margin-inline-end: 0;
|
|
4250
|
+
}
|
|
4251
|
+
.me-1 {
|
|
4252
|
+
margin-inline-end: 0.25rem;
|
|
4253
|
+
}
|
|
4254
|
+
.me-2 {
|
|
4255
|
+
margin-inline-end: 0.5rem;
|
|
4256
|
+
}
|
|
4257
|
+
.me-3 {
|
|
4258
|
+
margin-inline-end: 0.75rem;
|
|
4259
|
+
}
|
|
4260
|
+
.me-4 {
|
|
4261
|
+
margin-inline-end: 1rem;
|
|
4262
|
+
}
|
|
4263
|
+
.me-5 {
|
|
4264
|
+
margin-inline-end: 1.25rem;
|
|
4265
|
+
}
|
|
4266
|
+
.me-6 {
|
|
4267
|
+
margin-inline-end: 1.5rem;
|
|
4268
|
+
}
|
|
4269
|
+
.me-8 {
|
|
4270
|
+
margin-inline-end: 2rem;
|
|
4271
|
+
}
|
|
4272
|
+
.me-10 {
|
|
4273
|
+
margin-inline-end: 2.5rem;
|
|
4274
|
+
}
|
|
4275
|
+
.me-12 {
|
|
4276
|
+
margin-inline-end: 3rem;
|
|
4277
|
+
}
|
|
4278
|
+
.me-16 {
|
|
4279
|
+
margin-inline-end: 4rem;
|
|
4280
|
+
}
|
|
4281
|
+
.me-auto {
|
|
4282
|
+
margin-inline-end: auto;
|
|
4283
|
+
}
|
|
4284
|
+
.ps-0 {
|
|
4285
|
+
padding-inline-start: 0;
|
|
4286
|
+
}
|
|
4287
|
+
.ps-1 {
|
|
4288
|
+
padding-inline-start: 0.25rem;
|
|
4289
|
+
}
|
|
4290
|
+
.ps-2 {
|
|
4291
|
+
padding-inline-start: 0.5rem;
|
|
4292
|
+
}
|
|
4293
|
+
.ps-3 {
|
|
4294
|
+
padding-inline-start: 0.75rem;
|
|
4295
|
+
}
|
|
4296
|
+
.ps-4 {
|
|
4297
|
+
padding-inline-start: 1rem;
|
|
4298
|
+
}
|
|
4299
|
+
.ps-5 {
|
|
4300
|
+
padding-inline-start: 1.25rem;
|
|
4301
|
+
}
|
|
4302
|
+
.ps-6 {
|
|
4303
|
+
padding-inline-start: 1.5rem;
|
|
4304
|
+
}
|
|
4305
|
+
.ps-7 {
|
|
4306
|
+
padding-inline-start: 1.75rem;
|
|
4307
|
+
}
|
|
4308
|
+
.ps-8 {
|
|
4309
|
+
padding-inline-start: 2rem;
|
|
4310
|
+
}
|
|
4311
|
+
.ps-10 {
|
|
4312
|
+
padding-inline-start: 2.5rem;
|
|
4313
|
+
}
|
|
4314
|
+
.ps-12 {
|
|
4315
|
+
padding-inline-start: 3rem;
|
|
4316
|
+
}
|
|
4317
|
+
.pe-0 {
|
|
4318
|
+
padding-inline-end: 0;
|
|
4319
|
+
}
|
|
4320
|
+
.pe-1 {
|
|
4321
|
+
padding-inline-end: 0.25rem;
|
|
4322
|
+
}
|
|
4323
|
+
.pe-2 {
|
|
4324
|
+
padding-inline-end: 0.5rem;
|
|
4325
|
+
}
|
|
4326
|
+
.pe-3 {
|
|
4327
|
+
padding-inline-end: 0.75rem;
|
|
4328
|
+
}
|
|
4329
|
+
.pe-4 {
|
|
4330
|
+
padding-inline-end: 1rem;
|
|
4331
|
+
}
|
|
4332
|
+
.pe-5 {
|
|
4333
|
+
padding-inline-end: 1.25rem;
|
|
4334
|
+
}
|
|
4335
|
+
.pe-6 {
|
|
4336
|
+
padding-inline-end: 1.5rem;
|
|
4337
|
+
}
|
|
4338
|
+
.pe-7 {
|
|
4339
|
+
padding-inline-end: 1.75rem;
|
|
4340
|
+
}
|
|
4341
|
+
.pe-8 {
|
|
4342
|
+
padding-inline-end: 2rem;
|
|
4343
|
+
}
|
|
4344
|
+
.pe-10 {
|
|
4345
|
+
padding-inline-end: 2.5rem;
|
|
4346
|
+
}
|
|
4347
|
+
.pe-12 {
|
|
4348
|
+
padding-inline-end: 3rem;
|
|
4349
|
+
}
|
|
4350
|
+
.start-0 {
|
|
4351
|
+
inset-inline-start: 0;
|
|
4352
|
+
}
|
|
4353
|
+
.start-1 {
|
|
4354
|
+
inset-inline-start: 0.25rem;
|
|
4355
|
+
}
|
|
4356
|
+
.start-2 {
|
|
4357
|
+
inset-inline-start: 0.5rem;
|
|
4358
|
+
}
|
|
4359
|
+
.start-4 {
|
|
4360
|
+
inset-inline-start: 1rem;
|
|
4361
|
+
}
|
|
4362
|
+
.start-6 {
|
|
4363
|
+
inset-inline-start: 1.5rem;
|
|
4364
|
+
}
|
|
4365
|
+
.start-8 {
|
|
4366
|
+
inset-inline-start: 2rem;
|
|
4367
|
+
}
|
|
4368
|
+
.end-0 {
|
|
4369
|
+
inset-inline-end: 0;
|
|
4370
|
+
}
|
|
4371
|
+
.end-1 {
|
|
4372
|
+
inset-inline-end: 0.25rem;
|
|
4373
|
+
}
|
|
4374
|
+
.end-2 {
|
|
4375
|
+
inset-inline-end: 0.5rem;
|
|
4376
|
+
}
|
|
4377
|
+
.end-4 {
|
|
4378
|
+
inset-inline-end: 1rem;
|
|
4379
|
+
}
|
|
4380
|
+
.end-6 {
|
|
4381
|
+
inset-inline-end: 1.5rem;
|
|
4382
|
+
}
|
|
4383
|
+
.end-8 {
|
|
4384
|
+
inset-inline-end: 2rem;
|
|
4385
|
+
}
|
|
4386
|
+
.border-s {
|
|
4387
|
+
border-inline-start-width: 1px;
|
|
4388
|
+
}
|
|
4389
|
+
.border-s-0 {
|
|
4390
|
+
border-inline-start-width: 0;
|
|
4391
|
+
}
|
|
4392
|
+
.border-s-2 {
|
|
4393
|
+
border-inline-start-width: 2px;
|
|
4394
|
+
}
|
|
4395
|
+
.border-s-4 {
|
|
4396
|
+
border-inline-start-width: 4px;
|
|
4397
|
+
}
|
|
4398
|
+
.border-e {
|
|
4399
|
+
border-inline-end-width: 1px;
|
|
4400
|
+
}
|
|
4401
|
+
.border-e-0 {
|
|
4402
|
+
border-inline-end-width: 0;
|
|
4403
|
+
}
|
|
4404
|
+
.border-e-2 {
|
|
4405
|
+
border-inline-end-width: 2px;
|
|
4406
|
+
}
|
|
4407
|
+
.border-e-4 {
|
|
4408
|
+
border-inline-end-width: 4px;
|
|
4409
|
+
}
|
|
4410
|
+
.rounded-s {
|
|
4411
|
+
border-start-start-radius: 0.25rem;
|
|
4412
|
+
border-end-start-radius: 0.25rem;
|
|
4413
|
+
}
|
|
4414
|
+
.rounded-s-none {
|
|
4415
|
+
border-start-start-radius: 0;
|
|
4416
|
+
border-end-start-radius: 0;
|
|
4417
|
+
}
|
|
4418
|
+
.rounded-s-sm {
|
|
4419
|
+
border-start-start-radius: 0.125rem;
|
|
4420
|
+
border-end-start-radius: 0.125rem;
|
|
4421
|
+
}
|
|
4422
|
+
.rounded-s-md {
|
|
4423
|
+
border-start-start-radius: 0.375rem;
|
|
4424
|
+
border-end-start-radius: 0.375rem;
|
|
4425
|
+
}
|
|
4426
|
+
.rounded-s-lg {
|
|
4427
|
+
border-start-start-radius: 0.5rem;
|
|
4428
|
+
border-end-start-radius: 0.5rem;
|
|
4429
|
+
}
|
|
4430
|
+
.rounded-e {
|
|
4431
|
+
border-start-end-radius: 0.25rem;
|
|
4432
|
+
border-end-end-radius: 0.25rem;
|
|
4433
|
+
}
|
|
4434
|
+
.rounded-e-none {
|
|
4435
|
+
border-start-end-radius: 0;
|
|
4436
|
+
border-end-end-radius: 0;
|
|
4437
|
+
}
|
|
4438
|
+
.rounded-e-sm {
|
|
4439
|
+
border-start-end-radius: 0.125rem;
|
|
4440
|
+
border-end-end-radius: 0.125rem;
|
|
4441
|
+
}
|
|
4442
|
+
.rounded-e-md {
|
|
4443
|
+
border-start-end-radius: 0.375rem;
|
|
4444
|
+
border-end-end-radius: 0.375rem;
|
|
4445
|
+
}
|
|
4446
|
+
.rounded-e-lg {
|
|
4447
|
+
border-start-end-radius: 0.5rem;
|
|
4448
|
+
border-end-end-radius: 0.5rem;
|
|
4449
|
+
}
|
|
4450
|
+
.text-start {
|
|
4451
|
+
text-align: start;
|
|
4452
|
+
}
|
|
4453
|
+
.text-end {
|
|
4454
|
+
text-align: end;
|
|
4455
|
+
}
|
|
4456
|
+
[dir='rtl'] .rtl\:rotate-180 {
|
|
4457
|
+
transform: rotate(180deg);
|
|
4458
|
+
}
|
|
4459
|
+
[dir='rtl'] .rtl\:scale-x-flip {
|
|
4460
|
+
transform: scaleX(-1);
|
|
4461
|
+
}
|
|
4462
|
+
}
|
|
4169
4463
|
[data-slot='progress-indicator'] {
|
|
4170
4464
|
transform-origin: left center;
|
|
4171
4465
|
}
|
|
@@ -4702,6 +4996,14 @@
|
|
|
4702
4996
|
font-feature-settings: "lnum";
|
|
4703
4997
|
}
|
|
4704
4998
|
}
|
|
4999
|
+
h1, h2, h3, h4, h5, h6 {
|
|
5000
|
+
margin: 0 !important;
|
|
5001
|
+
padding: 0 !important;
|
|
5002
|
+
}
|
|
5003
|
+
p {
|
|
5004
|
+
margin: 0 !important;
|
|
5005
|
+
padding: 0 !important;
|
|
5006
|
+
}
|
|
4705
5007
|
@keyframes enter {
|
|
4706
5008
|
from {
|
|
4707
5009
|
opacity: var(--tw-enter-opacity, 1);
|
|
@@ -4754,6 +5056,48 @@
|
|
|
4754
5056
|
inherits: false;
|
|
4755
5057
|
initial-value: solid;
|
|
4756
5058
|
}
|
|
5059
|
+
@property --tw-gradient-position {
|
|
5060
|
+
syntax: "*";
|
|
5061
|
+
inherits: false;
|
|
5062
|
+
}
|
|
5063
|
+
@property --tw-gradient-from {
|
|
5064
|
+
syntax: "<color>";
|
|
5065
|
+
inherits: false;
|
|
5066
|
+
initial-value: #0000;
|
|
5067
|
+
}
|
|
5068
|
+
@property --tw-gradient-via {
|
|
5069
|
+
syntax: "<color>";
|
|
5070
|
+
inherits: false;
|
|
5071
|
+
initial-value: #0000;
|
|
5072
|
+
}
|
|
5073
|
+
@property --tw-gradient-to {
|
|
5074
|
+
syntax: "<color>";
|
|
5075
|
+
inherits: false;
|
|
5076
|
+
initial-value: #0000;
|
|
5077
|
+
}
|
|
5078
|
+
@property --tw-gradient-stops {
|
|
5079
|
+
syntax: "*";
|
|
5080
|
+
inherits: false;
|
|
5081
|
+
}
|
|
5082
|
+
@property --tw-gradient-via-stops {
|
|
5083
|
+
syntax: "*";
|
|
5084
|
+
inherits: false;
|
|
5085
|
+
}
|
|
5086
|
+
@property --tw-gradient-from-position {
|
|
5087
|
+
syntax: "<length-percentage>";
|
|
5088
|
+
inherits: false;
|
|
5089
|
+
initial-value: 0%;
|
|
5090
|
+
}
|
|
5091
|
+
@property --tw-gradient-via-position {
|
|
5092
|
+
syntax: "<length-percentage>";
|
|
5093
|
+
inherits: false;
|
|
5094
|
+
initial-value: 50%;
|
|
5095
|
+
}
|
|
5096
|
+
@property --tw-gradient-to-position {
|
|
5097
|
+
syntax: "<length-percentage>";
|
|
5098
|
+
inherits: false;
|
|
5099
|
+
initial-value: 100%;
|
|
5100
|
+
}
|
|
4757
5101
|
@property --tw-leading {
|
|
4758
5102
|
syntax: "*";
|
|
4759
5103
|
inherits: false;
|
|
@@ -4892,6 +5236,15 @@
|
|
|
4892
5236
|
--tw-skew-x: initial;
|
|
4893
5237
|
--tw-skew-y: initial;
|
|
4894
5238
|
--tw-border-style: solid;
|
|
5239
|
+
--tw-gradient-position: initial;
|
|
5240
|
+
--tw-gradient-from: #0000;
|
|
5241
|
+
--tw-gradient-via: #0000;
|
|
5242
|
+
--tw-gradient-to: #0000;
|
|
5243
|
+
--tw-gradient-stops: initial;
|
|
5244
|
+
--tw-gradient-via-stops: initial;
|
|
5245
|
+
--tw-gradient-from-position: 0%;
|
|
5246
|
+
--tw-gradient-via-position: 50%;
|
|
5247
|
+
--tw-gradient-to-position: 100%;
|
|
4895
5248
|
--tw-leading: initial;
|
|
4896
5249
|
--tw-font-weight: initial;
|
|
4897
5250
|
--tw-ordinal: initial;
|
package/dist/index.d.cts
CHANGED
|
@@ -46,6 +46,24 @@ import { BarSvgProps } from '@nivo/bar';
|
|
|
46
46
|
import { PieSvgProps } from '@nivo/pie';
|
|
47
47
|
import { HeatMapSvgProps } from '@nivo/heatmap';
|
|
48
48
|
|
|
49
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
50
|
+
/**
|
|
51
|
+
* Format number to Instagram-style short format
|
|
52
|
+
* @example formatNumber(123456, 'short') => '123K'
|
|
53
|
+
* @example formatNumber(123456, 'exact') => '123,456'
|
|
54
|
+
*/
|
|
55
|
+
declare function formatNumber(num: number | undefined, format?: 'exact' | 'short'): string;
|
|
56
|
+
/**
|
|
57
|
+
* Format date to relative time with absolute on hover (Persian)
|
|
58
|
+
* @example formatRelativeTime(new Date()) => '۲ ساعت پیش'
|
|
59
|
+
*/
|
|
60
|
+
declare function formatRelativeTime(date: Date | string | number): string;
|
|
61
|
+
/**
|
|
62
|
+
* Format date to absolute format (Persian)
|
|
63
|
+
* @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'
|
|
64
|
+
*/
|
|
65
|
+
declare function formatAbsoluteTime(date: Date | string | number): string;
|
|
66
|
+
|
|
49
67
|
/**
|
|
50
68
|
* Persian/Farsi month names
|
|
51
69
|
*/
|
|
@@ -73,7 +91,7 @@ declare function toEnglishDigits(str: string): string;
|
|
|
73
91
|
/**
|
|
74
92
|
* Format a Date object to Persian/Jalali date string
|
|
75
93
|
*/
|
|
76
|
-
declare function formatJalaliDate(date: Date,
|
|
94
|
+
declare function formatJalaliDate(date: Date, format?: string): string;
|
|
77
95
|
/**
|
|
78
96
|
* Get Persian month name from a Date object
|
|
79
97
|
*/
|
|
@@ -121,44 +139,23 @@ declare function getPersianYearsForDropdown(fromYear: number, toYear: number): A
|
|
|
121
139
|
label: string;
|
|
122
140
|
}>;
|
|
123
141
|
|
|
124
|
-
declare function cn(...inputs: ClassValue[]): string;
|
|
125
|
-
/**
|
|
126
|
-
* Format number to Instagram-style short format
|
|
127
|
-
* @example formatNumber(123456, 'short') => '123K'
|
|
128
|
-
* @example formatNumber(123456, 'exact') => '123,456'
|
|
129
|
-
*/
|
|
130
|
-
declare function formatNumber(num: number | undefined, format?: 'exact' | 'short'): string;
|
|
131
|
-
/**
|
|
132
|
-
* Format date to relative time with absolute on hover (Persian)
|
|
133
|
-
* @example formatRelativeTime(new Date()) => '۲ ساعت پیش'
|
|
134
|
-
*/
|
|
135
|
-
declare function formatRelativeTime(date: Date | string | number): string;
|
|
136
|
-
/**
|
|
137
|
-
* Format date to absolute Jalali (Persian calendar) date string.
|
|
138
|
-
* Uses moment-jalaali for accurate Gregorian → Jalali conversion.
|
|
139
|
-
* @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'
|
|
140
|
-
*/
|
|
141
|
-
declare function formatAbsoluteTime(date: Date | string | number): string;
|
|
142
|
-
|
|
143
142
|
type Icon = LucideIcon;
|
|
144
143
|
/**
|
|
145
144
|
* Icon Collection for Parto Design System
|
|
146
145
|
*
|
|
147
146
|
* RTL Support Guidelines:
|
|
148
147
|
* ----------------------
|
|
149
|
-
* Directional icons (arrows, chevrons) should be flipped in RTL contexts when they
|
|
150
|
-
* indicate navigation direction. Use Tailwind's built-in `rtl:` variant:
|
|
148
|
+
* Directional icons (arrows, chevrons) should be flipped in RTL contexts when they indicate navigation direction.
|
|
151
149
|
*
|
|
152
|
-
*
|
|
153
|
-
* - <Icons.
|
|
150
|
+
* Usage Examples:
|
|
151
|
+
* - For navigation: <Icons.arrowRight className="rtl:rotate-180" />
|
|
152
|
+
* - For UI direction: <Icons.chevronRight className="rtl:rotate-180" />
|
|
154
153
|
*
|
|
155
154
|
* Icons that should NOT be flipped:
|
|
156
155
|
* - Non-directional icons (check, close, settings, etc.)
|
|
157
156
|
* - Icons representing real-world objects
|
|
158
157
|
*/
|
|
159
|
-
|
|
160
|
-
type IconName = 'logo' | 'parto' | 'alertCircle' | 'alertTriangle' | 'arrowRight' | 'arrowLeft' | 'bold' | 'building' | 'calendar' | 'check' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circle' | 'clock' | 'close' | 'copy' | 'download' | 'eye' | 'eyeOff' | 'file' | 'fileText' | 'gitHub' | 'heart' | 'home' | 'image' | 'images' | 'inbox' | 'info' | 'instagram' | 'italic' | 'loader' | 'menu' | 'messageCircle' | 'moon' | 'moreHorizontal' | 'moreVertical' | 'plus' | 'rocket' | 'search' | 'settings' | 'share' | 'sparkles' | 'sun' | 'trash' | 'twitter' | 'underline' | 'user' | 'users' | 'video' | 'userCheck' | 'trendingUp' | 'award' | 'crown' | 'minus' | 'imageOff' | 'externalLink' | 'gripVertical' | 'panelLeft' | 'xCircle';
|
|
161
|
-
declare const Icons: Record<IconName, React$1.FC<React$1.SVGProps<SVGSVGElement>> | LucideIcon>;
|
|
158
|
+
declare const Icons: Record<string, React$1.FC<React$1.SVGProps<SVGSVGElement>> | LucideIcon>;
|
|
162
159
|
|
|
163
160
|
declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
164
161
|
declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
@@ -872,6 +869,10 @@ interface InstagramPostProps extends React$1.HTMLAttributes<HTMLDivElement>, Var
|
|
|
872
869
|
onAIAnalysis?: () => void;
|
|
873
870
|
onOpenInstagram?: () => void;
|
|
874
871
|
instagramUrl?: string;
|
|
872
|
+
disableCommentAnalyzer?: boolean;
|
|
873
|
+
disableBooster?: boolean;
|
|
874
|
+
disableAIAnalysis?: boolean;
|
|
875
|
+
disableOpenInstagram?: boolean;
|
|
875
876
|
placeholderText?: string;
|
|
876
877
|
}
|
|
877
878
|
declare const instagramPostVariants: (props?: ({
|
|
@@ -1416,4 +1417,4 @@ declare function PartoWordCloud({ words, width, height, className, minFontSize,
|
|
|
1416
1417
|
|
|
1417
1418
|
declare function useIsMobile(): boolean;
|
|
1418
1419
|
|
|
1419
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AspectRatioType, Autocomplete, type AutocompleteItem, type AutocompleteProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentCard, type CommentCardProps, type CommentTag, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerProps, DateRangePicker, DateRangePickerInline, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyDescription, EmptyIcon, EmptyTitle, EngagementRate, EngagementRateBar, type EngagementRateBarProps, type EngagementRateProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HashtagInput, type HashtagInputProps, HoverCard, HoverCardContent, HoverCardTrigger, type Icon,
|
|
1420
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AspectRatioType, Autocomplete, type AutocompleteItem, type AutocompleteProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentCard, type CommentCardProps, type CommentTag, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerProps, DateRangePicker, DateRangePickerInline, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyDescription, EmptyIcon, EmptyTitle, EngagementRate, EngagementRateBar, type EngagementRateBarProps, type EngagementRateProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HashtagInput, type HashtagInputProps, HoverCard, HoverCardContent, HoverCardTrigger, type Icon, Icons, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, InputVariants, InstagramPost, type InstagramPostProps, type InstagramProfileInfo, Kbd, KbdGroup, Label, type LoadingVariantProps, type MediaItem, type MediaType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricCard, MetricCardContent, MetricCardDifferential, MetricCardHeader, MetricCardLabel, MetricCardSparkline, MetricCardValue, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NumberFormat, PERSIAN_MONTHS, PERSIAN_MONTHS_SHORT, PERSIAN_WEEKDAYS, PERSIAN_WEEKDAYS_SHORT, Pagination, PaginationContent, PaginationControlled, type PaginationControlledProps, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PartoBarChart, type PartoBarChartProps, PartoHeatMap, type PartoHeatMapProps, PartoLineChart, type PartoLineChartProps, PartoPieChart, type PartoPieChartProps, PartoWordCloud, type PartoWordCloudProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PostStats, ProfileCard, type ProfileCardProps, ProfileInfo, type ProfileInfoProps, Progress, type ProgressProps, RadioCardDescription, RadioCardItem, RadioCardTitle, RadioCards, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SONNER_DEFAULT_DURATION, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, type TagInputProps, Textarea, type TimeFormat, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAutocomplete, type UserAutocompleteProps, type UserItem, type WordData, badgeVariants, buttonGroupVariants, buttonVariants, cn, formatAbsoluteTime, formatJalaliDate, formatNumber, formatPersianDateRange, formatRelativeTime, getPersianDay, getPersianMonth, getPersianMonthName, getPersianMonthNameShort, getPersianMonthsForDropdown, getPersianWeekdayName, getPersianYear, getPersianYearsForDropdown, hashtagInputVariants, instagramPostVariants, jalaliToGregorian, navigationMenuTriggerStyle, tagInputVariants, toEnglishDigits, toPersianDigits, toggleVariants, useFormField, useIsMobile, useSidebar };
|