@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.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-\[38px\] {
252
- min-height: 38px;
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-\[120px\] {
327
- min-width: 120px;
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\,\#f59e0b\,\#fbbf24\,\#f59e0b\)\] {
1121
- --tw-ring-color: conic-gradient(from 180deg,#f59e0b,#fbbf24,#f59e0b);
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, formatStr?: string): string;
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
- * - <Icons.arrowRight className="rtl:rotate-180" /> ← navigation/directional
153
- * - <Icons.chevronRight className="rtl:rotate-180" /> ← submenu indicators
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
- /** Strongly-typed list of all icon names in the Parto Design System */
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, type IconName, 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 };
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 };