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-scoped.css CHANGED
@@ -4253,166 +4253,168 @@
4253
4253
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4254
4254
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4255
4255
  }
4256
- .ui-kit .hover\:cursor-grab:hover {
4257
- cursor: grab;
4258
- }
4259
- .ui-kit .hover\:cursor-pointer:hover {
4260
- cursor: pointer;
4261
- }
4262
- .ui-kit .hover\:border-muted:hover {
4263
- border-color: hsl(var(--muted));
4264
- }
4265
- .ui-kit .hover\:border-primary-accent:hover {
4266
- border-color: hsl(var(--primary-accent));
4267
- }
4268
- .ui-kit .hover\:border-primary-border:hover {
4269
- border-color: hsl(var(--primary-border));
4270
- }
4271
- .ui-kit .hover\:border-secondary-border:hover {
4272
- border-color: hsl(var(--secondary-border));
4273
- }
4274
- .ui-kit .hover\:border-status-error-primary-border:hover {
4275
- border-color: hsl(var(--status-error-primary-border));
4276
- }
4277
- .ui-kit .hover\:border-status-error-secondary-border:hover {
4278
- border-color: hsl(var(--status-error-secondary-border));
4279
- }
4280
- .ui-kit .hover\:border-status-success-secondary-border:hover {
4281
- border-color: hsl(var(--status-success-secondary-border));
4282
- }
4283
- .ui-kit .hover\:\!bg-inverse-hover:hover {
4284
- background-color: hsl(var(--inverse-hover)) !important;
4285
- }
4286
- .ui-kit .hover\:bg-alpha-high-97:hover {
4287
- background-color: hsl(var(--alpha-high-03));
4288
- }
4289
- .ui-kit .hover\:bg-amber-100:hover {
4290
- --tw-bg-opacity: 1;
4291
- background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
4292
- }
4293
- .ui-kit .hover\:bg-gray-200:hover {
4294
- --tw-bg-opacity: 1;
4295
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4296
- }
4297
- .ui-kit .hover\:bg-inverse-hover:hover {
4298
- background-color: hsl(var(--inverse-hover));
4299
- }
4300
- .ui-kit .hover\:bg-orange-100:hover {
4301
- --tw-bg-opacity: 1;
4302
- background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4303
- }
4304
- .ui-kit .hover\:bg-primary-border:hover {
4305
- background-color: hsl(var(--primary-border));
4306
- }
4307
- .ui-kit .hover\:bg-secondary-bg-hover:hover {
4308
- background-color: hsl(var(--secondary-bg-hover));
4309
- }
4310
- .ui-kit .hover\:bg-status-error-bg:hover {
4311
- background-color: hsl(var(--status-error-bg));
4312
- }
4313
- .ui-kit .hover\:bg-status-error-bg-hover:hover {
4314
- background-color: hsl(var(--status-error-bg-hover));
4315
- }
4316
- .ui-kit .hover\:bg-status-error-hover:hover {
4317
- background-color: hsl(var(--status-error-hover));
4318
- }
4319
- .ui-kit .hover\:bg-status-info-bg-hover:hover {
4320
- background-color: hsl(var(--status-info-bg-hover));
4321
- }
4322
- .ui-kit .hover\:bg-status-info-hover:hover {
4323
- background-color: hsl(var(--status-info-hover));
4324
- }
4325
- .ui-kit .hover\:bg-status-neutral-bg-hover:hover {
4326
- background-color: hsl(var(--status-default-bg-hover));
4327
- }
4328
- .ui-kit .hover\:bg-status-neutral-hover:hover {
4329
- background-color: hsl(var(--status-default-hover));
4330
- }
4331
- .ui-kit .hover\:bg-status-success-bg-hover:hover {
4332
- background-color: hsl(var(--status-success-bg-hover));
4333
- }
4334
- .ui-kit .hover\:bg-status-success-hover:hover {
4335
- background-color: hsl(var(--status-success-hover));
4336
- }
4337
- .ui-kit .hover\:bg-status-warning-bg-hover:hover {
4338
- background-color: hsl(var(--status-warning-bg-hover));
4339
- }
4340
- .ui-kit .hover\:bg-status-warning-hover:hover {
4341
- background-color: hsl(var(--status-warning-hover));
4342
- }
4343
- .ui-kit .hover\:bg-white:hover {
4344
- --tw-bg-opacity: 1;
4345
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4346
- }
4347
- .ui-kit .hover\:from-blue-100:hover {
4348
- --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
4349
- --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
4350
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4351
- }
4352
- .ui-kit .hover\:text-muted:hover {
4353
- color: hsl(var(--muted));
4354
- }
4355
- .ui-kit .hover\:text-primary-bg:hover {
4356
- color: hsl(var(--primary-bg));
4357
- }
4358
- .ui-kit .hover\:text-primary-fg:hover {
4359
- color: hsl(var(--primary-fg));
4360
- }
4361
- .ui-kit .hover\:text-secondary-fg:hover {
4362
- color: hsl(var(--secondary-fg));
4363
- }
4364
- .ui-kit .hover\:text-white:hover {
4365
- --tw-text-opacity: 1;
4366
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4367
- }
4368
- .ui-kit .hover\:opacity-100:hover {
4369
- opacity: 1;
4370
- }
4371
- .ui-kit .hover\:opacity-65:hover {
4372
- opacity: 0.65;
4373
- }
4374
- .ui-kit .hover\:shadow-focus:hover {
4375
- --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
4376
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px 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
- .ui-kit .hover\:shadow-soft-base:hover {
4380
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4381
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4382
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4383
- }
4384
- .ui-kit .hover\:shadow-soft-sm:hover {
4385
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4386
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4387
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4388
- }
4389
- .ui-kit .hover\:brightness-110:hover {
4390
- --tw-brightness: brightness(1.1);
4391
- 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);
4392
- }
4393
- .ui-kit .hover\:after\:-translate-x-1\/2:hover::after {
4394
- content: var(--tw-content);
4395
- --tw-translate-x: -50%;
4396
- 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));
4397
- }
4398
- .ui-kit .hover\:after\:border-l:hover::after {
4399
- content: var(--tw-content);
4400
- border-left-width: 1px;
4401
- }
4402
- .ui-kit .hover\:after\:border-primary-border:hover::after {
4403
- content: var(--tw-content);
4404
- border-color: hsl(var(--primary-border));
4405
- }
4406
- .ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4407
- border-color: hsl(var(--status-error-primary-border));
4408
- }
4409
- .ui-kit .invalid\:hover\:shadow-soft-base:hover:invalid {
4410
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4411
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4412
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4413
- }
4414
- .ui-kit .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4415
- background-color: hsl(var(--secondary-bg-hover));
4256
+ @media (hover: hover) and (pointer: fine) {
4257
+ .ui-kit .hover\:cursor-grab:hover {
4258
+ cursor: grab;
4259
+ }
4260
+ .ui-kit .hover\:cursor-pointer:hover {
4261
+ cursor: pointer;
4262
+ }
4263
+ .ui-kit .hover\:border-muted:hover {
4264
+ border-color: hsl(var(--muted));
4265
+ }
4266
+ .ui-kit .hover\:border-primary-accent:hover {
4267
+ border-color: hsl(var(--primary-accent));
4268
+ }
4269
+ .ui-kit .hover\:border-primary-border:hover {
4270
+ border-color: hsl(var(--primary-border));
4271
+ }
4272
+ .ui-kit .hover\:border-secondary-border:hover {
4273
+ border-color: hsl(var(--secondary-border));
4274
+ }
4275
+ .ui-kit .hover\:border-status-error-primary-border:hover {
4276
+ border-color: hsl(var(--status-error-primary-border));
4277
+ }
4278
+ .ui-kit .hover\:border-status-error-secondary-border:hover {
4279
+ border-color: hsl(var(--status-error-secondary-border));
4280
+ }
4281
+ .ui-kit .hover\:border-status-success-secondary-border:hover {
4282
+ border-color: hsl(var(--status-success-secondary-border));
4283
+ }
4284
+ .ui-kit .hover\:\!bg-inverse-hover:hover {
4285
+ background-color: hsl(var(--inverse-hover)) !important;
4286
+ }
4287
+ .ui-kit .hover\:bg-alpha-high-97:hover {
4288
+ background-color: hsl(var(--alpha-high-03));
4289
+ }
4290
+ .ui-kit .hover\:bg-amber-100:hover {
4291
+ --tw-bg-opacity: 1;
4292
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
4293
+ }
4294
+ .ui-kit .hover\:bg-gray-200:hover {
4295
+ --tw-bg-opacity: 1;
4296
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4297
+ }
4298
+ .ui-kit .hover\:bg-inverse-hover:hover {
4299
+ background-color: hsl(var(--inverse-hover));
4300
+ }
4301
+ .ui-kit .hover\:bg-orange-100:hover {
4302
+ --tw-bg-opacity: 1;
4303
+ background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4304
+ }
4305
+ .ui-kit .hover\:bg-primary-border:hover {
4306
+ background-color: hsl(var(--primary-border));
4307
+ }
4308
+ .ui-kit .hover\:bg-secondary-bg-hover:hover {
4309
+ background-color: hsl(var(--secondary-bg-hover));
4310
+ }
4311
+ .ui-kit .hover\:bg-status-error-bg:hover {
4312
+ background-color: hsl(var(--status-error-bg));
4313
+ }
4314
+ .ui-kit .hover\:bg-status-error-bg-hover:hover {
4315
+ background-color: hsl(var(--status-error-bg-hover));
4316
+ }
4317
+ .ui-kit .hover\:bg-status-error-hover:hover {
4318
+ background-color: hsl(var(--status-error-hover));
4319
+ }
4320
+ .ui-kit .hover\:bg-status-info-bg-hover:hover {
4321
+ background-color: hsl(var(--status-info-bg-hover));
4322
+ }
4323
+ .ui-kit .hover\:bg-status-info-hover:hover {
4324
+ background-color: hsl(var(--status-info-hover));
4325
+ }
4326
+ .ui-kit .hover\:bg-status-neutral-bg-hover:hover {
4327
+ background-color: hsl(var(--status-default-bg-hover));
4328
+ }
4329
+ .ui-kit .hover\:bg-status-neutral-hover:hover {
4330
+ background-color: hsl(var(--status-default-hover));
4331
+ }
4332
+ .ui-kit .hover\:bg-status-success-bg-hover:hover {
4333
+ background-color: hsl(var(--status-success-bg-hover));
4334
+ }
4335
+ .ui-kit .hover\:bg-status-success-hover:hover {
4336
+ background-color: hsl(var(--status-success-hover));
4337
+ }
4338
+ .ui-kit .hover\:bg-status-warning-bg-hover:hover {
4339
+ background-color: hsl(var(--status-warning-bg-hover));
4340
+ }
4341
+ .ui-kit .hover\:bg-status-warning-hover:hover {
4342
+ background-color: hsl(var(--status-warning-hover));
4343
+ }
4344
+ .ui-kit .hover\:bg-white:hover {
4345
+ --tw-bg-opacity: 1;
4346
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4347
+ }
4348
+ .ui-kit .hover\:from-blue-100:hover {
4349
+ --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
4350
+ --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
4351
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4352
+ }
4353
+ .ui-kit .hover\:text-muted:hover {
4354
+ color: hsl(var(--muted));
4355
+ }
4356
+ .ui-kit .hover\:text-primary-bg:hover {
4357
+ color: hsl(var(--primary-bg));
4358
+ }
4359
+ .ui-kit .hover\:text-primary-fg:hover {
4360
+ color: hsl(var(--primary-fg));
4361
+ }
4362
+ .ui-kit .hover\:text-secondary-fg:hover {
4363
+ color: hsl(var(--secondary-fg));
4364
+ }
4365
+ .ui-kit .hover\:text-white:hover {
4366
+ --tw-text-opacity: 1;
4367
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4368
+ }
4369
+ .ui-kit .hover\:opacity-100:hover {
4370
+ opacity: 1;
4371
+ }
4372
+ .ui-kit .hover\:opacity-65:hover {
4373
+ opacity: 0.65;
4374
+ }
4375
+ .ui-kit .hover\:shadow-focus:hover {
4376
+ --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
4377
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4378
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4379
+ }
4380
+ .ui-kit .hover\:shadow-soft-base:hover {
4381
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4382
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4383
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4384
+ }
4385
+ .ui-kit .hover\:shadow-soft-sm:hover {
4386
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4387
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4388
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4389
+ }
4390
+ .ui-kit .hover\:brightness-110:hover {
4391
+ --tw-brightness: brightness(1.1);
4392
+ 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);
4393
+ }
4394
+ .ui-kit .hover\:after\:-translate-x-1\/2:hover::after {
4395
+ content: var(--tw-content);
4396
+ --tw-translate-x: -50%;
4397
+ 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));
4398
+ }
4399
+ .ui-kit .hover\:after\:border-l:hover::after {
4400
+ content: var(--tw-content);
4401
+ border-left-width: 1px;
4402
+ }
4403
+ .ui-kit .hover\:after\:border-primary-border:hover::after {
4404
+ content: var(--tw-content);
4405
+ border-color: hsl(var(--primary-border));
4406
+ }
4407
+ .ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4408
+ border-color: hsl(var(--status-error-primary-border));
4409
+ }
4410
+ .ui-kit .invalid\:hover\:shadow-soft-base:hover:invalid {
4411
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4412
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4413
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4414
+ }
4415
+ .ui-kit .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4416
+ background-color: hsl(var(--secondary-bg-hover));
4417
+ }
4416
4418
  }
4417
4419
  .ui-kit .focus\:rounded-lg:focus {
4418
4420
  border-radius: var(--radius);
@@ -4536,6 +4538,11 @@
4536
4538
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
4537
4539
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4538
4540
  }
4541
+ .ui-kit .focus-visible\:shadow-inverse-focus:focus-visible {
4542
+ --tw-shadow: 0 0 0 1px hsl(var(--inverse-primary-bg)), 0 0 0 2px hsl(var(--inverse-muted));
4543
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4544
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4545
+ }
4539
4546
  .ui-kit .focus-visible\:outline-none:focus-visible {
4540
4547
  outline: 2px solid transparent;
4541
4548
  outline-offset: 2px;
@@ -4694,8 +4701,10 @@
4694
4701
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4695
4702
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4696
4703
  }
4697
- .ui-kit .disabled\:hover\:border-primary-border:hover:disabled {
4698
- border-color: hsl(var(--primary-border));
4704
+ @media (hover: hover) and (pointer: fine) {
4705
+ .ui-kit .disabled\:hover\:border-primary-border:hover:disabled {
4706
+ border-color: hsl(var(--primary-border));
4707
+ }
4699
4708
  }
4700
4709
  .ui-kit :is(.group\/card:focus-within .group-focus-within\/card\:visible) {
4701
4710
  visibility: visible;
@@ -4714,35 +4723,37 @@
4714
4723
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4715
4724
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4716
4725
  }
4717
- .ui-kit :is(.group\/card:hover .group-hover\/card\:visible) {
4718
- visibility: visible;
4719
- }
4720
- .ui-kit :is(.group\/input-group:hover .group-hover\/input-group\:block) {
4721
- display: block;
4722
- }
4723
- .ui-kit :is(.group\/insertion:hover .group-hover\/insertion\:bg-muted) {
4724
- background-color: hsl(var(--muted));
4725
- }
4726
- .ui-kit :is(.group:hover .group-hover\:bg-slate-900\/20) {
4727
- background-color: rgb(15 23 42 / 0.2);
4728
- }
4729
- .ui-kit :is(.group:hover .group-hover\:text-muted) {
4730
- color: hsl(var(--muted));
4731
- }
4732
- .ui-kit :is(.group:hover .group-hover\:text-primary) {
4733
- color: hsl(var(--primary));
4734
- }
4735
- .ui-kit :is(.group\/insertion:hover .group-hover\/insertion\:opacity-100) {
4736
- opacity: 1;
4737
- }
4738
- .ui-kit :is(.group\/menu-item:hover .group-hover\/menu-item\:opacity-100) {
4739
- opacity: 1;
4740
- }
4741
- .ui-kit :is(.group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100) {
4742
- opacity: 1;
4743
- }
4744
- .ui-kit :is(.group:hover .group-hover\:opacity-100) {
4745
- opacity: 1;
4726
+ @media (hover: hover) and (pointer: fine) {
4727
+ .ui-kit :is(.group\/card:hover .group-hover\/card\:visible) {
4728
+ visibility: visible;
4729
+ }
4730
+ .ui-kit :is(.group\/input-group:hover .group-hover\/input-group\:block) {
4731
+ display: block;
4732
+ }
4733
+ .ui-kit :is(.group\/insertion:hover .group-hover\/insertion\:bg-muted) {
4734
+ background-color: hsl(var(--muted));
4735
+ }
4736
+ .ui-kit :is(.group:hover .group-hover\:bg-slate-900\/20) {
4737
+ background-color: rgb(15 23 42 / 0.2);
4738
+ }
4739
+ .ui-kit :is(.group:hover .group-hover\:text-muted) {
4740
+ color: hsl(var(--muted));
4741
+ }
4742
+ .ui-kit :is(.group:hover .group-hover\:text-primary) {
4743
+ color: hsl(var(--primary));
4744
+ }
4745
+ .ui-kit :is(.group\/insertion:hover .group-hover\/insertion\:opacity-100) {
4746
+ opacity: 1;
4747
+ }
4748
+ .ui-kit :is(.group\/menu-item:hover .group-hover\/menu-item\:opacity-100) {
4749
+ opacity: 1;
4750
+ }
4751
+ .ui-kit :is(.group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100) {
4752
+ opacity: 1;
4753
+ }
4754
+ .ui-kit :is(.group:hover .group-hover\:opacity-100) {
4755
+ opacity: 1;
4756
+ }
4746
4757
  }
4747
4758
  .ui-kit :is(.group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100) {
4748
4759
  opacity: 1;
@@ -4753,14 +4764,16 @@
4753
4764
  .ui-kit :is(.group:disabled .group-disabled\:hidden) {
4754
4765
  display: none;
4755
4766
  }
4756
- .ui-kit :is(.peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg) {
4757
- background-color: hsl(var(--primary-fg));
4758
- }
4759
- .ui-kit :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted) {
4760
- color: hsl(var(--muted));
4761
- }
4762
- .ui-kit :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg) {
4763
- color: hsl(var(--primary-fg));
4767
+ @media (hover: hover) and (pointer: fine) {
4768
+ .ui-kit :is(.peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg) {
4769
+ background-color: hsl(var(--primary-fg));
4770
+ }
4771
+ .ui-kit :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted) {
4772
+ color: hsl(var(--muted));
4773
+ }
4774
+ .ui-kit :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg) {
4775
+ color: hsl(var(--primary-fg));
4776
+ }
4764
4777
  }
4765
4778
  .ui-kit :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed) {
4766
4779
  cursor: not-allowed;
@@ -4870,24 +4883,26 @@
4870
4883
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4871
4884
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4872
4885
  }
4873
- .ui-kit .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
4874
- border-color: hsl(var(--status-error-primary-border));
4875
- }
4876
- .ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
4877
- border-color: hsl(var(--status-error-primary-border));
4878
- }
4879
- .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
4880
- background-color: hsl(var(--secondary-bg-hover));
4881
- }
4882
- .ui-kit .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
4883
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4884
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4885
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4886
- }
4887
- .ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
4888
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4889
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4890
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4886
+ @media (hover: hover) and (pointer: fine) {
4887
+ .ui-kit .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
4888
+ border-color: hsl(var(--status-error-primary-border));
4889
+ }
4890
+ .ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
4891
+ border-color: hsl(var(--status-error-primary-border));
4892
+ }
4893
+ .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
4894
+ background-color: hsl(var(--secondary-bg-hover));
4895
+ }
4896
+ .ui-kit .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
4897
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4898
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4899
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4900
+ }
4901
+ .ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[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);
4905
+ }
4891
4906
  }
4892
4907
  .ui-kit :is(.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8) {
4893
4908
  padding-right: 2rem;
@@ -4906,13 +4921,15 @@
4906
4921
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4907
4922
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4908
4923
  }
4909
- .ui-kit .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
4910
- border-color: hsl(var(--status-error-primary-border));
4911
- }
4912
- .ui-kit .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
4913
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4914
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4915
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4924
+ @media (hover: hover) and (pointer: fine) {
4925
+ .ui-kit .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
4926
+ border-color: hsl(var(--status-error-primary-border));
4927
+ }
4928
+ .ui-kit .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
4929
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4930
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4931
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4932
+ }
4916
4933
  }
4917
4934
  .ui-kit .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
4918
4935
  border-color: hsl(var(--status-error-secondary-border));
@@ -4977,6 +4994,10 @@
4977
4994
  --tw-translate-y: -0.25rem;
4978
4995
  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));
4979
4996
  }
4997
+ .ui-kit .data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"] {
4998
+ --tw-translate-x: 14px;
4999
+ 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));
5000
+ }
4980
5001
  .ui-kit .data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"] {
4981
5002
  --tw-translate-x: 18px;
4982
5003
  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));
@@ -5028,6 +5049,9 @@
5028
5049
  .ui-kit .data-\[state\=active\]\:bg-secondary-bg[data-state="active"] {
5029
5050
  background-color: hsl(var(--secondary-bg));
5030
5051
  }
5052
+ .ui-kit .data-\[state\=checked\]\:bg-inverse-primary-fg[data-state="checked"] {
5053
+ background-color: hsl(var(--inverse-primary-fg));
5054
+ }
5031
5055
  .ui-kit .data-\[state\=checked\]\:bg-primary-accent[data-state="checked"] {
5032
5056
  background-color: hsl(var(--primary-accent));
5033
5057
  }
@@ -5064,6 +5088,9 @@
5064
5088
  .ui-kit .data-\[state\=selected\]\:bg-alpha-high-95[data-state="selected"] {
5065
5089
  background-color: hsl(var(--alpha-high-05));
5066
5090
  }
5091
+ .ui-kit .data-\[state\=unchecked\]\:bg-inverse-active[data-state="unchecked"] {
5092
+ background-color: hsl(var(--inverse-active));
5093
+ }
5067
5094
  .ui-kit .data-\[state\=unchecked\]\:bg-secondary-border[data-state="unchecked"] {
5068
5095
  background-color: hsl(var(--secondary-border));
5069
5096
  }
@@ -5257,48 +5284,50 @@
5257
5284
  --tw-translate-x: 0px;
5258
5285
  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));
5259
5286
  }
5260
- .ui-kit .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
5261
- border-color: hsl(var(--primary-accent-hover));
5262
- }
5263
- .ui-kit .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
5264
- border-color: hsl(var(--primary-accent-hover));
5265
- }
5266
- .ui-kit .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
5267
- background-color: hsl(var(--primary-bg-hover));
5268
- }
5269
- .ui-kit .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
5270
- background-color: hsl(var(--primary-bg-hover));
5271
- }
5272
- .ui-kit .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
5273
- background-color: hsl(var(--primary-accent-hover));
5274
- }
5275
- .ui-kit .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
5276
- background-color: hsl(var(--primary-accent-hover));
5277
- }
5278
- .ui-kit .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
5279
- background-color: hsl(var(--secondary-bg-hover));
5280
- }
5281
- .ui-kit .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
5282
- background-color: hsl(var(--alpha-high-08));
5283
- }
5284
- .ui-kit .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
5285
- color: hsl(var(--primary-accent));
5286
- }
5287
- .ui-kit .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
5288
- color: hsl(var(--primary-accent));
5289
- }
5290
- .ui-kit .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5291
- color: hsl(var(--primary-fg));
5292
- }
5293
- .ui-kit .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5294
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5295
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5296
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5297
- }
5298
- .ui-kit .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5299
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5300
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5301
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5287
+ @media (hover: hover) and (pointer: fine) {
5288
+ .ui-kit .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
5289
+ border-color: hsl(var(--primary-accent-hover));
5290
+ }
5291
+ .ui-kit .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
5292
+ border-color: hsl(var(--primary-accent-hover));
5293
+ }
5294
+ .ui-kit .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
5295
+ background-color: hsl(var(--primary-bg-hover));
5296
+ }
5297
+ .ui-kit .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
5298
+ background-color: hsl(var(--primary-bg-hover));
5299
+ }
5300
+ .ui-kit .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
5301
+ background-color: hsl(var(--primary-accent-hover));
5302
+ }
5303
+ .ui-kit .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
5304
+ background-color: hsl(var(--primary-accent-hover));
5305
+ }
5306
+ .ui-kit .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
5307
+ background-color: hsl(var(--secondary-bg-hover));
5308
+ }
5309
+ .ui-kit .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
5310
+ background-color: hsl(var(--alpha-high-08));
5311
+ }
5312
+ .ui-kit .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
5313
+ color: hsl(var(--primary-accent));
5314
+ }
5315
+ .ui-kit .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
5316
+ color: hsl(var(--primary-accent));
5317
+ }
5318
+ .ui-kit .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5319
+ color: hsl(var(--primary-fg));
5320
+ }
5321
+ .ui-kit .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5322
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5323
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5324
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5325
+ }
5326
+ .ui-kit .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5327
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5328
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5329
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5330
+ }
5302
5331
  }
5303
5332
  .ui-kit .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
5304
5333
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
@@ -5313,11 +5342,19 @@
5313
5342
  .ui-kit .active\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:active {
5314
5343
  background-color: hsl(var(--secondary-bg-hover));
5315
5344
  }
5316
- .ui-kit .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
5317
- background-color: hsl(var(--primary-accent-hover));
5318
- }
5319
- .ui-kit .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
5320
- background-color: hsl(var(--primary-border));
5345
+ @media (hover: hover) and (pointer: fine) {
5346
+ .ui-kit .data-\[state\=checked\]\:hover\:enabled\:bg-inverse-secondary-fg:enabled:hover[data-state="checked"] {
5347
+ background-color: hsl(var(--inverse-secondary-fg));
5348
+ }
5349
+ .ui-kit .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
5350
+ background-color: hsl(var(--primary-accent-hover));
5351
+ }
5352
+ .ui-kit .data-\[state\=unchecked\]\:hover\:enabled\:bg-inverse-muted:enabled:hover[data-state="unchecked"] {
5353
+ background-color: hsl(var(--inverse-muted));
5354
+ }
5355
+ .ui-kit .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
5356
+ background-color: hsl(var(--primary-border));
5357
+ }
5321
5358
  }
5322
5359
  .ui-kit .data-\[state\=checked\]\:disabled\:border-primary-accent:disabled[data-state="checked"] {
5323
5360
  border-color: hsl(var(--primary-accent));
@@ -5492,8 +5529,10 @@
5492
5529
  content: var(--tw-content);
5493
5530
  left: 100%;
5494
5531
  }
5495
- .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover) {
5496
- background-color: hsl(var(--secondary-border));
5532
+ @media (hover: hover) and (pointer: fine) {
5533
+ .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover) {
5534
+ background-color: hsl(var(--secondary-border));
5535
+ }
5497
5536
  }
5498
5537
  .ui-kit :is(.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5) {
5499
5538
  top: 0.375rem;
@@ -5570,8 +5609,10 @@
5570
5609
  .ui-kit .dark\:\[filter\:url\(\#shadow-folder-dark\)\]:is(.dark *) {
5571
5610
  filter: url(#shadow-folder-dark);
5572
5611
  }
5573
- .ui-kit .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
5574
- background-color: hsl(var(--secondary-bg-hover));
5612
+ @media (hover: hover) and (pointer: fine) {
5613
+ .ui-kit .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
5614
+ background-color: hsl(var(--secondary-bg-hover));
5615
+ }
5575
5616
  }
5576
5617
  @media (min-width: 640px) {
5577
5618
  .ui-kit .sm\:mt-0 {
@@ -5880,93 +5921,95 @@
5880
5921
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5881
5922
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5882
5923
  }
5883
- .ui-kit .lg\:hover\:border-inverse-border:hover {
5884
- border-color: hsl(var(--inverse-border));
5885
- }
5886
- .ui-kit .lg\:hover\:border-primary-border:hover {
5887
- border-color: hsl(var(--primary-border));
5888
- }
5889
- .ui-kit .lg\:hover\:border-status-error-primary-border:hover {
5890
- border-color: hsl(var(--status-error-primary-border));
5891
- }
5892
- .ui-kit .lg\:hover\:border-status-info-primary-border:hover {
5893
- border-color: hsl(var(--status-info-primary-border));
5894
- }
5895
- .ui-kit .lg\:hover\:border-status-success-primary-border:hover {
5896
- border-color: hsl(var(--status-success-primary-border));
5897
- }
5898
- .ui-kit .lg\:hover\:border-status-warning-primary-border:hover {
5899
- border-color: hsl(var(--status-warning-primary-border));
5900
- }
5901
- .ui-kit .lg\:hover\:bg-inverse-hover:hover {
5902
- background-color: hsl(var(--inverse-hover));
5903
- }
5904
- .ui-kit .lg\:hover\:bg-primary-accent-hover:hover {
5905
- background-color: hsl(var(--primary-accent-hover));
5906
- }
5907
- .ui-kit .lg\:hover\:bg-primary-bg-hover:hover {
5908
- background-color: hsl(var(--primary-bg-hover));
5909
- }
5910
- .ui-kit .lg\:hover\:bg-secondary-bg-hover:hover {
5911
- background-color: hsl(var(--secondary-bg-hover));
5912
- }
5913
- .ui-kit .lg\:hover\:bg-status-error-bg:hover {
5914
- background-color: hsl(var(--status-error-bg));
5915
- }
5916
- .ui-kit .lg\:hover\:bg-status-error-bg-hover:hover {
5917
- background-color: hsl(var(--status-error-bg-hover));
5918
- }
5919
- .ui-kit .lg\:hover\:bg-status-error-hover:hover {
5920
- background-color: hsl(var(--status-error-hover));
5921
- }
5922
- .ui-kit .lg\:hover\:bg-status-info-bg:hover {
5923
- background-color: hsl(var(--status-info-bg));
5924
- }
5925
- .ui-kit .lg\:hover\:bg-status-info-bg-hover:hover {
5926
- background-color: hsl(var(--status-info-bg-hover));
5927
- }
5928
- .ui-kit .lg\:hover\:bg-status-info-hover:hover {
5929
- background-color: hsl(var(--status-info-hover));
5930
- }
5931
- .ui-kit .lg\:hover\:bg-status-success-bg:hover {
5932
- background-color: hsl(var(--status-success-bg));
5933
- }
5934
- .ui-kit .lg\:hover\:bg-status-success-bg-hover:hover {
5935
- background-color: hsl(var(--status-success-bg-hover));
5936
- }
5937
- .ui-kit .lg\:hover\:bg-status-success-hover:hover {
5938
- background-color: hsl(var(--status-success-hover));
5939
- }
5940
- .ui-kit .lg\:hover\:bg-status-warning-bg:hover {
5941
- background-color: hsl(var(--status-warning-bg));
5942
- }
5943
- .ui-kit .lg\:hover\:bg-status-warning-bg-hover:hover {
5944
- background-color: hsl(var(--status-warning-bg-hover));
5945
- }
5946
- .ui-kit .lg\:hover\:bg-status-warning-hover:hover {
5947
- background-color: hsl(var(--status-warning-hover));
5948
- }
5949
- .ui-kit .lg\:hover\:text-inverse-primary-fg:hover {
5950
- color: hsl(var(--inverse-primary-fg));
5951
- }
5952
- .ui-kit .lg\:hover\:text-primary-fg:hover {
5953
- color: hsl(var(--primary-fg));
5954
- }
5955
- .ui-kit .lg\:hover\:text-status-error-fg:hover {
5956
- color: hsl(var(--status-error-fg));
5957
- }
5958
- .ui-kit .lg\:hover\:text-status-info-fg:hover {
5959
- color: hsl(var(--status-info-fg));
5960
- }
5961
- .ui-kit .lg\:hover\:text-status-success-fg:hover {
5962
- color: hsl(var(--status-success-fg));
5963
- }
5964
- .ui-kit .lg\:hover\:text-status-warning-fg:hover {
5965
- color: hsl(var(--status-warning-fg));
5966
- }
5967
- .ui-kit .lg\:hover\:text-white:hover {
5968
- --tw-text-opacity: 1;
5969
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5924
+ @media (hover: hover) and (pointer: fine) {
5925
+ .ui-kit .lg\:hover\:border-inverse-border:hover {
5926
+ border-color: hsl(var(--inverse-border));
5927
+ }
5928
+ .ui-kit .lg\:hover\:border-primary-border:hover {
5929
+ border-color: hsl(var(--primary-border));
5930
+ }
5931
+ .ui-kit .lg\:hover\:border-status-error-primary-border:hover {
5932
+ border-color: hsl(var(--status-error-primary-border));
5933
+ }
5934
+ .ui-kit .lg\:hover\:border-status-info-primary-border:hover {
5935
+ border-color: hsl(var(--status-info-primary-border));
5936
+ }
5937
+ .ui-kit .lg\:hover\:border-status-success-primary-border:hover {
5938
+ border-color: hsl(var(--status-success-primary-border));
5939
+ }
5940
+ .ui-kit .lg\:hover\:border-status-warning-primary-border:hover {
5941
+ border-color: hsl(var(--status-warning-primary-border));
5942
+ }
5943
+ .ui-kit .lg\:hover\:bg-inverse-hover:hover {
5944
+ background-color: hsl(var(--inverse-hover));
5945
+ }
5946
+ .ui-kit .lg\:hover\:bg-primary-accent-hover:hover {
5947
+ background-color: hsl(var(--primary-accent-hover));
5948
+ }
5949
+ .ui-kit .lg\:hover\:bg-primary-bg-hover:hover {
5950
+ background-color: hsl(var(--primary-bg-hover));
5951
+ }
5952
+ .ui-kit .lg\:hover\:bg-secondary-bg-hover:hover {
5953
+ background-color: hsl(var(--secondary-bg-hover));
5954
+ }
5955
+ .ui-kit .lg\:hover\:bg-status-error-bg:hover {
5956
+ background-color: hsl(var(--status-error-bg));
5957
+ }
5958
+ .ui-kit .lg\:hover\:bg-status-error-bg-hover:hover {
5959
+ background-color: hsl(var(--status-error-bg-hover));
5960
+ }
5961
+ .ui-kit .lg\:hover\:bg-status-error-hover:hover {
5962
+ background-color: hsl(var(--status-error-hover));
5963
+ }
5964
+ .ui-kit .lg\:hover\:bg-status-info-bg:hover {
5965
+ background-color: hsl(var(--status-info-bg));
5966
+ }
5967
+ .ui-kit .lg\:hover\:bg-status-info-bg-hover:hover {
5968
+ background-color: hsl(var(--status-info-bg-hover));
5969
+ }
5970
+ .ui-kit .lg\:hover\:bg-status-info-hover:hover {
5971
+ background-color: hsl(var(--status-info-hover));
5972
+ }
5973
+ .ui-kit .lg\:hover\:bg-status-success-bg:hover {
5974
+ background-color: hsl(var(--status-success-bg));
5975
+ }
5976
+ .ui-kit .lg\:hover\:bg-status-success-bg-hover:hover {
5977
+ background-color: hsl(var(--status-success-bg-hover));
5978
+ }
5979
+ .ui-kit .lg\:hover\:bg-status-success-hover:hover {
5980
+ background-color: hsl(var(--status-success-hover));
5981
+ }
5982
+ .ui-kit .lg\:hover\:bg-status-warning-bg:hover {
5983
+ background-color: hsl(var(--status-warning-bg));
5984
+ }
5985
+ .ui-kit .lg\:hover\:bg-status-warning-bg-hover:hover {
5986
+ background-color: hsl(var(--status-warning-bg-hover));
5987
+ }
5988
+ .ui-kit .lg\:hover\:bg-status-warning-hover:hover {
5989
+ background-color: hsl(var(--status-warning-hover));
5990
+ }
5991
+ .ui-kit .lg\:hover\:text-inverse-primary-fg:hover {
5992
+ color: hsl(var(--inverse-primary-fg));
5993
+ }
5994
+ .ui-kit .lg\:hover\:text-primary-fg:hover {
5995
+ color: hsl(var(--primary-fg));
5996
+ }
5997
+ .ui-kit .lg\:hover\:text-status-error-fg:hover {
5998
+ color: hsl(var(--status-error-fg));
5999
+ }
6000
+ .ui-kit .lg\:hover\:text-status-info-fg:hover {
6001
+ color: hsl(var(--status-info-fg));
6002
+ }
6003
+ .ui-kit .lg\:hover\:text-status-success-fg:hover {
6004
+ color: hsl(var(--status-success-fg));
6005
+ }
6006
+ .ui-kit .lg\:hover\:text-status-warning-fg:hover {
6007
+ color: hsl(var(--status-warning-fg));
6008
+ }
6009
+ .ui-kit .lg\:hover\:text-white:hover {
6010
+ --tw-text-opacity: 1;
6011
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6012
+ }
5970
6013
  }
5971
6014
  .ui-kit .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
5972
6015
  grid-template-columns: 1.5rem 1fr;
@@ -5974,8 +6017,10 @@
5974
6017
  .ui-kit .lg\:has-\[\>svg\]\:gap-x-4:has(>svg) {
5975
6018
  column-gap: 1rem;
5976
6019
  }
5977
- .ui-kit .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
5978
- background-color: hsl(var(--secondary-bg-hover));
6020
+ @media (hover: hover) and (pointer: fine) {
6021
+ .ui-kit .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
6022
+ background-color: hsl(var(--secondary-bg-hover));
6023
+ }
5979
6024
  }
5980
6025
  }
5981
6026
  @media (pointer: coarse) {
@@ -6062,8 +6107,10 @@
6062
6107
  .ui-kit :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:text-secondary-fg>svg) {
6063
6108
  color: hsl(var(--secondary-fg));
6064
6109
  }
6065
- .ui-kit :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg) {
6066
- color: hsl(var(--primary-fg));
6110
+ @media (hover: hover) and (pointer: fine) {
6111
+ .ui-kit :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg) {
6112
+ color: hsl(var(--primary-fg));
6113
+ }
6067
6114
  }
6068
6115
  .ui-kit :is(.\[\&\>tr\]\:last\:border-b-0:last-child>tr) {
6069
6116
  border-bottom-width: 0px;