ics-ui-kit 0.1.0 → 0.1.2

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.
Files changed (30) hide show
  1. package/dist/{CheckboxField-B6ojieD7.js → CheckboxField-cX09-eBX.js} +2 -2
  2. package/dist/{CheckboxField-B6ojieD7.js.map → CheckboxField-cX09-eBX.js.map} +1 -1
  3. package/dist/{Field-CSvS9f_a.js → Field-CKl59qUB.js} +2 -2
  4. package/dist/{Field-CSvS9f_a.js.map → Field-CKl59qUB.js.map} +1 -1
  5. package/dist/{FieldLabel-BA0y5lhr.js → FieldLabel-QJ4rJFOi.js} +2 -2
  6. package/dist/{FieldLabel-BA0y5lhr.js.map → FieldLabel-QJ4rJFOi.js.map} +1 -1
  7. package/dist/{FormFooterTemplate-BPspyDbr.js → FormFooterTemplate-DPB6Dkxn.js} +2 -2
  8. package/dist/{FormFooterTemplate-BPspyDbr.js.map → FormFooterTemplate-DPB6Dkxn.js.map} +1 -1
  9. package/dist/{FormStack-DvlFQQiP.js → FormStack-B4QOuYgO.js} +3 -3
  10. package/dist/{FormStack-DvlFQQiP.js.map → FormStack-B4QOuYgO.js.map} +1 -1
  11. package/dist/IconTooltip-CKJKGHbk.js +11 -0
  12. package/dist/IconTooltip-CKJKGHbk.js.map +1 -0
  13. package/dist/blocks/auth/otp-form.js +1 -1
  14. package/dist/components/checkbox.js +1 -1
  15. package/dist/components/dialog.js +1 -1
  16. package/dist/components/drawer.js +1 -1
  17. package/dist/components/field.js +1 -1
  18. package/dist/components/form.js +3 -3
  19. package/dist/components/icon-tooltip.js +1 -1
  20. package/dist/components/label.js +1 -1
  21. package/dist/components/switch/Switch.d.ts +2 -1
  22. package/dist/components/switch.js +67 -52
  23. package/dist/components/switch.js.map +1 -1
  24. package/dist/lib/utils/variants.d.ts +1 -1
  25. package/dist/styles-scoped.css +413 -366
  26. package/dist/styles.css +413 -366
  27. package/package.json +183 -183
  28. package/tailwind.preset.js +4 -0
  29. package/dist/IconTooltip-DhkXc8Uy.js +0 -11
  30. package/dist/IconTooltip-DhkXc8Uy.js.map +0 -1
package/dist/styles.css CHANGED
@@ -4242,166 +4242,168 @@ body {
4242
4242
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4243
4243
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4244
4244
  }
4245
- .hover\:cursor-grab:hover {
4246
- cursor: grab;
4247
- }
4248
- .hover\:cursor-pointer:hover {
4249
- cursor: pointer;
4250
- }
4251
- .hover\:border-muted:hover {
4252
- border-color: hsl(var(--muted));
4253
- }
4254
- .hover\:border-primary-accent:hover {
4255
- border-color: hsl(var(--primary-accent));
4256
- }
4257
- .hover\:border-primary-border:hover {
4258
- border-color: hsl(var(--primary-border));
4259
- }
4260
- .hover\:border-secondary-border:hover {
4261
- border-color: hsl(var(--secondary-border));
4262
- }
4263
- .hover\:border-status-error-primary-border:hover {
4264
- border-color: hsl(var(--status-error-primary-border));
4265
- }
4266
- .hover\:border-status-error-secondary-border:hover {
4267
- border-color: hsl(var(--status-error-secondary-border));
4268
- }
4269
- .hover\:border-status-success-secondary-border:hover {
4270
- border-color: hsl(var(--status-success-secondary-border));
4271
- }
4272
- .hover\:\!bg-inverse-hover:hover {
4273
- background-color: hsl(var(--inverse-hover)) !important;
4274
- }
4275
- .hover\:bg-alpha-high-97:hover {
4276
- background-color: hsl(var(--alpha-high-03));
4277
- }
4278
- .hover\:bg-amber-100:hover {
4279
- --tw-bg-opacity: 1;
4280
- background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
4281
- }
4282
- .hover\:bg-gray-200:hover {
4283
- --tw-bg-opacity: 1;
4284
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4285
- }
4286
- .hover\:bg-inverse-hover:hover {
4287
- background-color: hsl(var(--inverse-hover));
4288
- }
4289
- .hover\:bg-orange-100:hover {
4290
- --tw-bg-opacity: 1;
4291
- background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4292
- }
4293
- .hover\:bg-primary-border:hover {
4294
- background-color: hsl(var(--primary-border));
4295
- }
4296
- .hover\:bg-secondary-bg-hover:hover {
4297
- background-color: hsl(var(--secondary-bg-hover));
4298
- }
4299
- .hover\:bg-status-error-bg:hover {
4300
- background-color: hsl(var(--status-error-bg));
4301
- }
4302
- .hover\:bg-status-error-bg-hover:hover {
4303
- background-color: hsl(var(--status-error-bg-hover));
4304
- }
4305
- .hover\:bg-status-error-hover:hover {
4306
- background-color: hsl(var(--status-error-hover));
4307
- }
4308
- .hover\:bg-status-info-bg-hover:hover {
4309
- background-color: hsl(var(--status-info-bg-hover));
4310
- }
4311
- .hover\:bg-status-info-hover:hover {
4312
- background-color: hsl(var(--status-info-hover));
4313
- }
4314
- .hover\:bg-status-neutral-bg-hover:hover {
4315
- background-color: hsl(var(--status-default-bg-hover));
4316
- }
4317
- .hover\:bg-status-neutral-hover:hover {
4318
- background-color: hsl(var(--status-default-hover));
4319
- }
4320
- .hover\:bg-status-success-bg-hover:hover {
4321
- background-color: hsl(var(--status-success-bg-hover));
4322
- }
4323
- .hover\:bg-status-success-hover:hover {
4324
- background-color: hsl(var(--status-success-hover));
4325
- }
4326
- .hover\:bg-status-warning-bg-hover:hover {
4327
- background-color: hsl(var(--status-warning-bg-hover));
4328
- }
4329
- .hover\:bg-status-warning-hover:hover {
4330
- background-color: hsl(var(--status-warning-hover));
4331
- }
4332
- .hover\:bg-white:hover {
4333
- --tw-bg-opacity: 1;
4334
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4335
- }
4336
- .hover\:from-blue-100:hover {
4337
- --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
4338
- --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
4339
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4340
- }
4341
- .hover\:text-muted:hover {
4342
- color: hsl(var(--muted));
4343
- }
4344
- .hover\:text-primary-bg:hover {
4345
- color: hsl(var(--primary-bg));
4346
- }
4347
- .hover\:text-primary-fg:hover {
4348
- color: hsl(var(--primary-fg));
4349
- }
4350
- .hover\:text-secondary-fg:hover {
4351
- color: hsl(var(--secondary-fg));
4352
- }
4353
- .hover\:text-white:hover {
4354
- --tw-text-opacity: 1;
4355
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4356
- }
4357
- .hover\:opacity-100:hover {
4358
- opacity: 1;
4359
- }
4360
- .hover\:opacity-65:hover {
4361
- opacity: 0.65;
4362
- }
4363
- .hover\:shadow-focus:hover {
4364
- --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
4365
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4366
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4367
- }
4368
- .hover\:shadow-soft-base:hover {
4369
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4370
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4371
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4372
- }
4373
- .hover\:shadow-soft-sm:hover {
4374
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4375
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4376
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4377
- }
4378
- .hover\:brightness-110:hover {
4379
- --tw-brightness: brightness(1.1);
4380
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4381
- }
4382
- .hover\:after\:-translate-x-1\/2:hover::after {
4383
- content: var(--tw-content);
4384
- --tw-translate-x: -50%;
4385
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4386
- }
4387
- .hover\:after\:border-l:hover::after {
4388
- content: var(--tw-content);
4389
- border-left-width: 1px;
4390
- }
4391
- .hover\:after\:border-primary-border:hover::after {
4392
- content: var(--tw-content);
4393
- border-color: hsl(var(--primary-border));
4394
- }
4395
- .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4396
- border-color: hsl(var(--status-error-primary-border));
4397
- }
4398
- .invalid\:hover\:shadow-soft-base:hover:invalid {
4399
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4400
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4401
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4402
- }
4403
- .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4404
- background-color: hsl(var(--secondary-bg-hover));
4245
+ @media (hover: hover) and (pointer: fine) {
4246
+ .hover\:cursor-grab:hover {
4247
+ cursor: grab;
4248
+ }
4249
+ .hover\:cursor-pointer:hover {
4250
+ cursor: pointer;
4251
+ }
4252
+ .hover\:border-muted:hover {
4253
+ border-color: hsl(var(--muted));
4254
+ }
4255
+ .hover\:border-primary-accent:hover {
4256
+ border-color: hsl(var(--primary-accent));
4257
+ }
4258
+ .hover\:border-primary-border:hover {
4259
+ border-color: hsl(var(--primary-border));
4260
+ }
4261
+ .hover\:border-secondary-border:hover {
4262
+ border-color: hsl(var(--secondary-border));
4263
+ }
4264
+ .hover\:border-status-error-primary-border:hover {
4265
+ border-color: hsl(var(--status-error-primary-border));
4266
+ }
4267
+ .hover\:border-status-error-secondary-border:hover {
4268
+ border-color: hsl(var(--status-error-secondary-border));
4269
+ }
4270
+ .hover\:border-status-success-secondary-border:hover {
4271
+ border-color: hsl(var(--status-success-secondary-border));
4272
+ }
4273
+ .hover\:\!bg-inverse-hover:hover {
4274
+ background-color: hsl(var(--inverse-hover)) !important;
4275
+ }
4276
+ .hover\:bg-alpha-high-97:hover {
4277
+ background-color: hsl(var(--alpha-high-03));
4278
+ }
4279
+ .hover\:bg-amber-100:hover {
4280
+ --tw-bg-opacity: 1;
4281
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
4282
+ }
4283
+ .hover\:bg-gray-200:hover {
4284
+ --tw-bg-opacity: 1;
4285
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4286
+ }
4287
+ .hover\:bg-inverse-hover:hover {
4288
+ background-color: hsl(var(--inverse-hover));
4289
+ }
4290
+ .hover\:bg-orange-100:hover {
4291
+ --tw-bg-opacity: 1;
4292
+ background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4293
+ }
4294
+ .hover\:bg-primary-border:hover {
4295
+ background-color: hsl(var(--primary-border));
4296
+ }
4297
+ .hover\:bg-secondary-bg-hover:hover {
4298
+ background-color: hsl(var(--secondary-bg-hover));
4299
+ }
4300
+ .hover\:bg-status-error-bg:hover {
4301
+ background-color: hsl(var(--status-error-bg));
4302
+ }
4303
+ .hover\:bg-status-error-bg-hover:hover {
4304
+ background-color: hsl(var(--status-error-bg-hover));
4305
+ }
4306
+ .hover\:bg-status-error-hover:hover {
4307
+ background-color: hsl(var(--status-error-hover));
4308
+ }
4309
+ .hover\:bg-status-info-bg-hover:hover {
4310
+ background-color: hsl(var(--status-info-bg-hover));
4311
+ }
4312
+ .hover\:bg-status-info-hover:hover {
4313
+ background-color: hsl(var(--status-info-hover));
4314
+ }
4315
+ .hover\:bg-status-neutral-bg-hover:hover {
4316
+ background-color: hsl(var(--status-default-bg-hover));
4317
+ }
4318
+ .hover\:bg-status-neutral-hover:hover {
4319
+ background-color: hsl(var(--status-default-hover));
4320
+ }
4321
+ .hover\:bg-status-success-bg-hover:hover {
4322
+ background-color: hsl(var(--status-success-bg-hover));
4323
+ }
4324
+ .hover\:bg-status-success-hover:hover {
4325
+ background-color: hsl(var(--status-success-hover));
4326
+ }
4327
+ .hover\:bg-status-warning-bg-hover:hover {
4328
+ background-color: hsl(var(--status-warning-bg-hover));
4329
+ }
4330
+ .hover\:bg-status-warning-hover:hover {
4331
+ background-color: hsl(var(--status-warning-hover));
4332
+ }
4333
+ .hover\:bg-white:hover {
4334
+ --tw-bg-opacity: 1;
4335
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4336
+ }
4337
+ .hover\:from-blue-100:hover {
4338
+ --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
4339
+ --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
4340
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4341
+ }
4342
+ .hover\:text-muted:hover {
4343
+ color: hsl(var(--muted));
4344
+ }
4345
+ .hover\:text-primary-bg:hover {
4346
+ color: hsl(var(--primary-bg));
4347
+ }
4348
+ .hover\:text-primary-fg:hover {
4349
+ color: hsl(var(--primary-fg));
4350
+ }
4351
+ .hover\:text-secondary-fg:hover {
4352
+ color: hsl(var(--secondary-fg));
4353
+ }
4354
+ .hover\:text-white:hover {
4355
+ --tw-text-opacity: 1;
4356
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4357
+ }
4358
+ .hover\:opacity-100:hover {
4359
+ opacity: 1;
4360
+ }
4361
+ .hover\:opacity-65:hover {
4362
+ opacity: 0.65;
4363
+ }
4364
+ .hover\:shadow-focus:hover {
4365
+ --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
4366
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4367
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4368
+ }
4369
+ .hover\:shadow-soft-base:hover {
4370
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4371
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4372
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4373
+ }
4374
+ .hover\:shadow-soft-sm:hover {
4375
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4376
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4377
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4378
+ }
4379
+ .hover\:brightness-110:hover {
4380
+ --tw-brightness: brightness(1.1);
4381
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4382
+ }
4383
+ .hover\:after\:-translate-x-1\/2:hover::after {
4384
+ content: var(--tw-content);
4385
+ --tw-translate-x: -50%;
4386
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4387
+ }
4388
+ .hover\:after\:border-l:hover::after {
4389
+ content: var(--tw-content);
4390
+ border-left-width: 1px;
4391
+ }
4392
+ .hover\:after\:border-primary-border:hover::after {
4393
+ content: var(--tw-content);
4394
+ border-color: hsl(var(--primary-border));
4395
+ }
4396
+ .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4397
+ border-color: hsl(var(--status-error-primary-border));
4398
+ }
4399
+ .invalid\:hover\:shadow-soft-base:hover:invalid {
4400
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4401
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4402
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4403
+ }
4404
+ .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4405
+ background-color: hsl(var(--secondary-bg-hover));
4406
+ }
4405
4407
  }
4406
4408
  .focus\:rounded-lg:focus {
4407
4409
  border-radius: var(--radius);
@@ -4525,6 +4527,11 @@ body {
4525
4527
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
4526
4528
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4527
4529
  }
4530
+ .focus-visible\:shadow-inverse-focus:focus-visible {
4531
+ --tw-shadow: 0 0 0 1px hsl(var(--inverse-primary-bg)), 0 0 0 2px hsl(var(--inverse-muted));
4532
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4533
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4534
+ }
4528
4535
  .focus-visible\:outline-none:focus-visible {
4529
4536
  outline: 2px solid transparent;
4530
4537
  outline-offset: 2px;
@@ -4683,8 +4690,10 @@ body {
4683
4690
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4684
4691
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4685
4692
  }
4686
- .disabled\:hover\:border-primary-border:hover:disabled {
4687
- border-color: hsl(var(--primary-border));
4693
+ @media (hover: hover) and (pointer: fine) {
4694
+ .disabled\:hover\:border-primary-border:hover:disabled {
4695
+ border-color: hsl(var(--primary-border));
4696
+ }
4688
4697
  }
4689
4698
  .group\/card:focus-within .group-focus-within\/card\:visible {
4690
4699
  visibility: visible;
@@ -4703,35 +4712,37 @@ body {
4703
4712
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4704
4713
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4705
4714
  }
4706
- .group\/card:hover .group-hover\/card\:visible {
4707
- visibility: visible;
4708
- }
4709
- .group\/input-group:hover .group-hover\/input-group\:block {
4710
- display: block;
4711
- }
4712
- .group\/insertion:hover .group-hover\/insertion\:bg-muted {
4713
- background-color: hsl(var(--muted));
4714
- }
4715
- .group:hover .group-hover\:bg-slate-900\/20 {
4716
- background-color: rgb(15 23 42 / 0.2);
4717
- }
4718
- .group:hover .group-hover\:text-muted {
4719
- color: hsl(var(--muted));
4720
- }
4721
- .group:hover .group-hover\:text-primary {
4722
- color: hsl(var(--primary));
4723
- }
4724
- .group\/insertion:hover .group-hover\/insertion\:opacity-100 {
4725
- opacity: 1;
4726
- }
4727
- .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
4728
- opacity: 1;
4729
- }
4730
- .group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100 {
4731
- opacity: 1;
4732
- }
4733
- .group:hover .group-hover\:opacity-100 {
4734
- opacity: 1;
4715
+ @media (hover: hover) and (pointer: fine) {
4716
+ .group\/card:hover .group-hover\/card\:visible {
4717
+ visibility: visible;
4718
+ }
4719
+ .group\/input-group:hover .group-hover\/input-group\:block {
4720
+ display: block;
4721
+ }
4722
+ .group\/insertion:hover .group-hover\/insertion\:bg-muted {
4723
+ background-color: hsl(var(--muted));
4724
+ }
4725
+ .group:hover .group-hover\:bg-slate-900\/20 {
4726
+ background-color: rgb(15 23 42 / 0.2);
4727
+ }
4728
+ .group:hover .group-hover\:text-muted {
4729
+ color: hsl(var(--muted));
4730
+ }
4731
+ .group:hover .group-hover\:text-primary {
4732
+ color: hsl(var(--primary));
4733
+ }
4734
+ .group\/insertion:hover .group-hover\/insertion\:opacity-100 {
4735
+ opacity: 1;
4736
+ }
4737
+ .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
4738
+ opacity: 1;
4739
+ }
4740
+ .group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100 {
4741
+ opacity: 1;
4742
+ }
4743
+ .group:hover .group-hover\:opacity-100 {
4744
+ opacity: 1;
4745
+ }
4735
4746
  }
4736
4747
  .group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100 {
4737
4748
  opacity: 1;
@@ -4742,14 +4753,16 @@ body {
4742
4753
  .group:disabled .group-disabled\:hidden {
4743
4754
  display: none;
4744
4755
  }
4745
- .peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg {
4746
- background-color: hsl(var(--primary-fg));
4747
- }
4748
- .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted {
4749
- color: hsl(var(--muted));
4750
- }
4751
- .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg {
4752
- color: hsl(var(--primary-fg));
4756
+ @media (hover: hover) and (pointer: fine) {
4757
+ .peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg {
4758
+ background-color: hsl(var(--primary-fg));
4759
+ }
4760
+ .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted {
4761
+ color: hsl(var(--muted));
4762
+ }
4763
+ .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg {
4764
+ color: hsl(var(--primary-fg));
4765
+ }
4753
4766
  }
4754
4767
  .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
4755
4768
  cursor: not-allowed;
@@ -4859,24 +4872,26 @@ body {
4859
4872
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4860
4873
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4861
4874
  }
4862
- .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
4863
- border-color: hsl(var(--status-error-primary-border));
4864
- }
4865
- .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
4866
- border-color: hsl(var(--status-error-primary-border));
4867
- }
4868
- .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
4869
- background-color: hsl(var(--secondary-bg-hover));
4870
- }
4871
- .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
4872
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4873
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4874
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4875
- }
4876
- .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
4877
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4878
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4879
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4875
+ @media (hover: hover) and (pointer: fine) {
4876
+ .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
4877
+ border-color: hsl(var(--status-error-primary-border));
4878
+ }
4879
+ .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
4880
+ border-color: hsl(var(--status-error-primary-border));
4881
+ }
4882
+ .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
4883
+ background-color: hsl(var(--secondary-bg-hover));
4884
+ }
4885
+ .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
4886
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4887
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4888
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4889
+ }
4890
+ .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
4891
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4892
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4893
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4894
+ }
4880
4895
  }
4881
4896
  .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
4882
4897
  padding-right: 2rem;
@@ -4895,13 +4910,15 @@ body {
4895
4910
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4896
4911
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4897
4912
  }
4898
- .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
4899
- border-color: hsl(var(--status-error-primary-border));
4900
- }
4901
- .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
4902
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4903
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4904
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4913
+ @media (hover: hover) and (pointer: fine) {
4914
+ .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
4915
+ border-color: hsl(var(--status-error-primary-border));
4916
+ }
4917
+ .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
4918
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4919
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4920
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4921
+ }
4905
4922
  }
4906
4923
  .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
4907
4924
  border-color: hsl(var(--status-error-secondary-border));
@@ -4966,6 +4983,10 @@ body {
4966
4983
  --tw-translate-y: -0.25rem;
4967
4984
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4968
4985
  }
4986
+ .data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"] {
4987
+ --tw-translate-x: 14px;
4988
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4989
+ }
4969
4990
  .data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"] {
4970
4991
  --tw-translate-x: 18px;
4971
4992
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -5017,6 +5038,9 @@ body {
5017
5038
  .data-\[state\=active\]\:bg-secondary-bg[data-state="active"] {
5018
5039
  background-color: hsl(var(--secondary-bg));
5019
5040
  }
5041
+ .data-\[state\=checked\]\:bg-inverse-primary-fg[data-state="checked"] {
5042
+ background-color: hsl(var(--inverse-primary-fg));
5043
+ }
5020
5044
  .data-\[state\=checked\]\:bg-primary-accent[data-state="checked"] {
5021
5045
  background-color: hsl(var(--primary-accent));
5022
5046
  }
@@ -5053,6 +5077,9 @@ body {
5053
5077
  .data-\[state\=selected\]\:bg-alpha-high-95[data-state="selected"] {
5054
5078
  background-color: hsl(var(--alpha-high-05));
5055
5079
  }
5080
+ .data-\[state\=unchecked\]\:bg-inverse-active[data-state="unchecked"] {
5081
+ background-color: hsl(var(--inverse-active));
5082
+ }
5056
5083
  .data-\[state\=unchecked\]\:bg-secondary-border[data-state="unchecked"] {
5057
5084
  background-color: hsl(var(--secondary-border));
5058
5085
  }
@@ -5246,48 +5273,50 @@ body {
5246
5273
  --tw-translate-x: 0px;
5247
5274
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5248
5275
  }
5249
- .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
5250
- border-color: hsl(var(--primary-accent-hover));
5251
- }
5252
- .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
5253
- border-color: hsl(var(--primary-accent-hover));
5254
- }
5255
- .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
5256
- background-color: hsl(var(--primary-bg-hover));
5257
- }
5258
- .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
5259
- background-color: hsl(var(--primary-bg-hover));
5260
- }
5261
- .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
5262
- background-color: hsl(var(--primary-accent-hover));
5263
- }
5264
- .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
5265
- background-color: hsl(var(--primary-accent-hover));
5266
- }
5267
- .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
5268
- background-color: hsl(var(--secondary-bg-hover));
5269
- }
5270
- .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
5271
- background-color: hsl(var(--alpha-high-08));
5272
- }
5273
- .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
5274
- color: hsl(var(--primary-accent));
5275
- }
5276
- .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
5277
- color: hsl(var(--primary-accent));
5278
- }
5279
- .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5280
- color: hsl(var(--primary-fg));
5281
- }
5282
- .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5283
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5284
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5285
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5286
- }
5287
- .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5288
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5289
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5290
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5276
+ @media (hover: hover) and (pointer: fine) {
5277
+ .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
5278
+ border-color: hsl(var(--primary-accent-hover));
5279
+ }
5280
+ .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
5281
+ border-color: hsl(var(--primary-accent-hover));
5282
+ }
5283
+ .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
5284
+ background-color: hsl(var(--primary-bg-hover));
5285
+ }
5286
+ .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
5287
+ background-color: hsl(var(--primary-bg-hover));
5288
+ }
5289
+ .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
5290
+ background-color: hsl(var(--primary-accent-hover));
5291
+ }
5292
+ .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
5293
+ background-color: hsl(var(--primary-accent-hover));
5294
+ }
5295
+ .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
5296
+ background-color: hsl(var(--secondary-bg-hover));
5297
+ }
5298
+ .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
5299
+ background-color: hsl(var(--alpha-high-08));
5300
+ }
5301
+ .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
5302
+ color: hsl(var(--primary-accent));
5303
+ }
5304
+ .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
5305
+ color: hsl(var(--primary-accent));
5306
+ }
5307
+ .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5308
+ color: hsl(var(--primary-fg));
5309
+ }
5310
+ .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5311
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5312
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5313
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5314
+ }
5315
+ .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5316
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5317
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5318
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5319
+ }
5291
5320
  }
5292
5321
  .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
5293
5322
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
@@ -5302,11 +5331,19 @@ body {
5302
5331
  .active\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:active {
5303
5332
  background-color: hsl(var(--secondary-bg-hover));
5304
5333
  }
5305
- .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
5306
- background-color: hsl(var(--primary-accent-hover));
5307
- }
5308
- .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
5309
- background-color: hsl(var(--primary-border));
5334
+ @media (hover: hover) and (pointer: fine) {
5335
+ .data-\[state\=checked\]\:hover\:enabled\:bg-inverse-secondary-fg:enabled:hover[data-state="checked"] {
5336
+ background-color: hsl(var(--inverse-secondary-fg));
5337
+ }
5338
+ .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
5339
+ background-color: hsl(var(--primary-accent-hover));
5340
+ }
5341
+ .data-\[state\=unchecked\]\:hover\:enabled\:bg-inverse-muted:enabled:hover[data-state="unchecked"] {
5342
+ background-color: hsl(var(--inverse-muted));
5343
+ }
5344
+ .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
5345
+ background-color: hsl(var(--primary-border));
5346
+ }
5310
5347
  }
5311
5348
  .data-\[state\=checked\]\:disabled\:border-primary-accent:disabled[data-state="checked"] {
5312
5349
  border-color: hsl(var(--primary-accent));
@@ -5481,8 +5518,10 @@ body {
5481
5518
  content: var(--tw-content);
5482
5519
  left: 100%;
5483
5520
  }
5484
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover {
5485
- background-color: hsl(var(--secondary-border));
5521
+ @media (hover: hover) and (pointer: fine) {
5522
+ .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover {
5523
+ background-color: hsl(var(--secondary-border));
5524
+ }
5486
5525
  }
5487
5526
  .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
5488
5527
  top: 0.375rem;
@@ -5559,8 +5598,10 @@ body {
5559
5598
  .dark\:\[filter\:url\(\#shadow-folder-dark\)\]:is(.dark *) {
5560
5599
  filter: url(#shadow-folder-dark);
5561
5600
  }
5562
- .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
5563
- background-color: hsl(var(--secondary-bg-hover));
5601
+ @media (hover: hover) and (pointer: fine) {
5602
+ .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
5603
+ background-color: hsl(var(--secondary-bg-hover));
5604
+ }
5564
5605
  }
5565
5606
  @media (min-width: 640px) {
5566
5607
  .sm\:mt-0 {
@@ -5869,93 +5910,95 @@ body {
5869
5910
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5870
5911
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5871
5912
  }
5872
- .lg\:hover\:border-inverse-border:hover {
5873
- border-color: hsl(var(--inverse-border));
5874
- }
5875
- .lg\:hover\:border-primary-border:hover {
5876
- border-color: hsl(var(--primary-border));
5877
- }
5878
- .lg\:hover\:border-status-error-primary-border:hover {
5879
- border-color: hsl(var(--status-error-primary-border));
5880
- }
5881
- .lg\:hover\:border-status-info-primary-border:hover {
5882
- border-color: hsl(var(--status-info-primary-border));
5883
- }
5884
- .lg\:hover\:border-status-success-primary-border:hover {
5885
- border-color: hsl(var(--status-success-primary-border));
5886
- }
5887
- .lg\:hover\:border-status-warning-primary-border:hover {
5888
- border-color: hsl(var(--status-warning-primary-border));
5889
- }
5890
- .lg\:hover\:bg-inverse-hover:hover {
5891
- background-color: hsl(var(--inverse-hover));
5892
- }
5893
- .lg\:hover\:bg-primary-accent-hover:hover {
5894
- background-color: hsl(var(--primary-accent-hover));
5895
- }
5896
- .lg\:hover\:bg-primary-bg-hover:hover {
5897
- background-color: hsl(var(--primary-bg-hover));
5898
- }
5899
- .lg\:hover\:bg-secondary-bg-hover:hover {
5900
- background-color: hsl(var(--secondary-bg-hover));
5901
- }
5902
- .lg\:hover\:bg-status-error-bg:hover {
5903
- background-color: hsl(var(--status-error-bg));
5904
- }
5905
- .lg\:hover\:bg-status-error-bg-hover:hover {
5906
- background-color: hsl(var(--status-error-bg-hover));
5907
- }
5908
- .lg\:hover\:bg-status-error-hover:hover {
5909
- background-color: hsl(var(--status-error-hover));
5910
- }
5911
- .lg\:hover\:bg-status-info-bg:hover {
5912
- background-color: hsl(var(--status-info-bg));
5913
- }
5914
- .lg\:hover\:bg-status-info-bg-hover:hover {
5915
- background-color: hsl(var(--status-info-bg-hover));
5916
- }
5917
- .lg\:hover\:bg-status-info-hover:hover {
5918
- background-color: hsl(var(--status-info-hover));
5919
- }
5920
- .lg\:hover\:bg-status-success-bg:hover {
5921
- background-color: hsl(var(--status-success-bg));
5922
- }
5923
- .lg\:hover\:bg-status-success-bg-hover:hover {
5924
- background-color: hsl(var(--status-success-bg-hover));
5925
- }
5926
- .lg\:hover\:bg-status-success-hover:hover {
5927
- background-color: hsl(var(--status-success-hover));
5928
- }
5929
- .lg\:hover\:bg-status-warning-bg:hover {
5930
- background-color: hsl(var(--status-warning-bg));
5931
- }
5932
- .lg\:hover\:bg-status-warning-bg-hover:hover {
5933
- background-color: hsl(var(--status-warning-bg-hover));
5934
- }
5935
- .lg\:hover\:bg-status-warning-hover:hover {
5936
- background-color: hsl(var(--status-warning-hover));
5937
- }
5938
- .lg\:hover\:text-inverse-primary-fg:hover {
5939
- color: hsl(var(--inverse-primary-fg));
5940
- }
5941
- .lg\:hover\:text-primary-fg:hover {
5942
- color: hsl(var(--primary-fg));
5943
- }
5944
- .lg\:hover\:text-status-error-fg:hover {
5945
- color: hsl(var(--status-error-fg));
5946
- }
5947
- .lg\:hover\:text-status-info-fg:hover {
5948
- color: hsl(var(--status-info-fg));
5949
- }
5950
- .lg\:hover\:text-status-success-fg:hover {
5951
- color: hsl(var(--status-success-fg));
5952
- }
5953
- .lg\:hover\:text-status-warning-fg:hover {
5954
- color: hsl(var(--status-warning-fg));
5955
- }
5956
- .lg\:hover\:text-white:hover {
5957
- --tw-text-opacity: 1;
5958
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5913
+ @media (hover: hover) and (pointer: fine) {
5914
+ .lg\:hover\:border-inverse-border:hover {
5915
+ border-color: hsl(var(--inverse-border));
5916
+ }
5917
+ .lg\:hover\:border-primary-border:hover {
5918
+ border-color: hsl(var(--primary-border));
5919
+ }
5920
+ .lg\:hover\:border-status-error-primary-border:hover {
5921
+ border-color: hsl(var(--status-error-primary-border));
5922
+ }
5923
+ .lg\:hover\:border-status-info-primary-border:hover {
5924
+ border-color: hsl(var(--status-info-primary-border));
5925
+ }
5926
+ .lg\:hover\:border-status-success-primary-border:hover {
5927
+ border-color: hsl(var(--status-success-primary-border));
5928
+ }
5929
+ .lg\:hover\:border-status-warning-primary-border:hover {
5930
+ border-color: hsl(var(--status-warning-primary-border));
5931
+ }
5932
+ .lg\:hover\:bg-inverse-hover:hover {
5933
+ background-color: hsl(var(--inverse-hover));
5934
+ }
5935
+ .lg\:hover\:bg-primary-accent-hover:hover {
5936
+ background-color: hsl(var(--primary-accent-hover));
5937
+ }
5938
+ .lg\:hover\:bg-primary-bg-hover:hover {
5939
+ background-color: hsl(var(--primary-bg-hover));
5940
+ }
5941
+ .lg\:hover\:bg-secondary-bg-hover:hover {
5942
+ background-color: hsl(var(--secondary-bg-hover));
5943
+ }
5944
+ .lg\:hover\:bg-status-error-bg:hover {
5945
+ background-color: hsl(var(--status-error-bg));
5946
+ }
5947
+ .lg\:hover\:bg-status-error-bg-hover:hover {
5948
+ background-color: hsl(var(--status-error-bg-hover));
5949
+ }
5950
+ .lg\:hover\:bg-status-error-hover:hover {
5951
+ background-color: hsl(var(--status-error-hover));
5952
+ }
5953
+ .lg\:hover\:bg-status-info-bg:hover {
5954
+ background-color: hsl(var(--status-info-bg));
5955
+ }
5956
+ .lg\:hover\:bg-status-info-bg-hover:hover {
5957
+ background-color: hsl(var(--status-info-bg-hover));
5958
+ }
5959
+ .lg\:hover\:bg-status-info-hover:hover {
5960
+ background-color: hsl(var(--status-info-hover));
5961
+ }
5962
+ .lg\:hover\:bg-status-success-bg:hover {
5963
+ background-color: hsl(var(--status-success-bg));
5964
+ }
5965
+ .lg\:hover\:bg-status-success-bg-hover:hover {
5966
+ background-color: hsl(var(--status-success-bg-hover));
5967
+ }
5968
+ .lg\:hover\:bg-status-success-hover:hover {
5969
+ background-color: hsl(var(--status-success-hover));
5970
+ }
5971
+ .lg\:hover\:bg-status-warning-bg:hover {
5972
+ background-color: hsl(var(--status-warning-bg));
5973
+ }
5974
+ .lg\:hover\:bg-status-warning-bg-hover:hover {
5975
+ background-color: hsl(var(--status-warning-bg-hover));
5976
+ }
5977
+ .lg\:hover\:bg-status-warning-hover:hover {
5978
+ background-color: hsl(var(--status-warning-hover));
5979
+ }
5980
+ .lg\:hover\:text-inverse-primary-fg:hover {
5981
+ color: hsl(var(--inverse-primary-fg));
5982
+ }
5983
+ .lg\:hover\:text-primary-fg:hover {
5984
+ color: hsl(var(--primary-fg));
5985
+ }
5986
+ .lg\:hover\:text-status-error-fg:hover {
5987
+ color: hsl(var(--status-error-fg));
5988
+ }
5989
+ .lg\:hover\:text-status-info-fg:hover {
5990
+ color: hsl(var(--status-info-fg));
5991
+ }
5992
+ .lg\:hover\:text-status-success-fg:hover {
5993
+ color: hsl(var(--status-success-fg));
5994
+ }
5995
+ .lg\:hover\:text-status-warning-fg:hover {
5996
+ color: hsl(var(--status-warning-fg));
5997
+ }
5998
+ .lg\:hover\:text-white:hover {
5999
+ --tw-text-opacity: 1;
6000
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6001
+ }
5959
6002
  }
5960
6003
  .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
5961
6004
  grid-template-columns: 1.5rem 1fr;
@@ -5963,8 +6006,10 @@ body {
5963
6006
  .lg\:has-\[\>svg\]\:gap-x-4:has(>svg) {
5964
6007
  column-gap: 1rem;
5965
6008
  }
5966
- .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
5967
- background-color: hsl(var(--secondary-bg-hover));
6009
+ @media (hover: hover) and (pointer: fine) {
6010
+ .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
6011
+ background-color: hsl(var(--secondary-bg-hover));
6012
+ }
5968
6013
  }
5969
6014
  }
5970
6015
  @media (pointer: coarse) {
@@ -6051,8 +6096,10 @@ body {
6051
6096
  .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:text-secondary-fg>svg {
6052
6097
  color: hsl(var(--secondary-fg));
6053
6098
  }
6054
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg {
6055
- color: hsl(var(--primary-fg));
6099
+ @media (hover: hover) and (pointer: fine) {
6100
+ .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg {
6101
+ color: hsl(var(--primary-fg));
6102
+ }
6056
6103
  }
6057
6104
  .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
6058
6105
  border-bottom-width: 0px;