ics-ui-kit 0.1.1 → 0.1.3

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 (12) hide show
  1. package/dist/{Field-CKl59qUB.js → Field-BiIWtq9o.js} +13 -13
  2. package/dist/{Field-CKl59qUB.js.map → Field-BiIWtq9o.js.map} +1 -1
  3. package/dist/{FormStack-B4QOuYgO.js → FormStack-DO15vBgd.js} +2 -2
  4. package/dist/{FormStack-B4QOuYgO.js.map → FormStack-DO15vBgd.js.map} +1 -1
  5. package/dist/blocks/auth/otp-form.js +1 -1
  6. package/dist/components/field.js +1 -1
  7. package/dist/components/form.js +2 -2
  8. package/dist/styles-scoped.css +426 -372
  9. package/dist/styles.css +426 -372
  10. package/dist/theme.css +27 -0
  11. package/package.json +2 -2
  12. package/tailwind.preset.js +3 -0
package/dist/styles.css CHANGED
@@ -172,6 +172,12 @@
172
172
  --lilac: 296 100% 89%;
173
173
  --plume: 305 100% 88%;
174
174
  --velvet: 320 100% 87%;
175
+
176
+ /** Glass **/
177
+ --glass-thin: blur(8px) brightness(108%) saturate(120%);
178
+ --glass-regular: blur(16px) brightness(100%) saturate(180%) contrast(100%);
179
+ --glass-thick: blur(24px) brightness(96%) saturate(200%) contrast(102%);
180
+ --glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
175
181
  }
176
182
  .dark {
177
183
  /**
@@ -326,6 +332,12 @@
326
332
  --lilac: 296 35% 45%;
327
333
  --plume: 305 35% 45%;
328
334
  --velvet: 320 35% 46%;
335
+
336
+ /** Glass **/
337
+ --glass-thin: blur(8px) brightness(68%) saturate(130%);
338
+ --glass-regular: blur(16px) brightness(62%) saturate(160%) contrast(110%);
339
+ --glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%);
340
+ --glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
329
341
  }
330
342
  *, ::before, ::after {
331
343
  --tw-border-spacing-x: 0;
@@ -3980,6 +3992,10 @@ body {
3980
3992
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3981
3993
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3982
3994
  }
3995
+ .backdrop-filter {
3996
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3997
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3998
+ }
3983
3999
  .transition {
3984
4000
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3985
4001
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -4094,6 +4110,18 @@ body {
4094
4110
  .ease-out {
4095
4111
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
4096
4112
  }
4113
+ .backdrop-glass-clear {
4114
+ backdrop-filter: var(--glass-clear);
4115
+ }
4116
+ .backdrop-glass-thin {
4117
+ backdrop-filter: var(--glass-thin);
4118
+ }
4119
+ .backdrop-glass-regular {
4120
+ backdrop-filter: var(--glass-regular);
4121
+ }
4122
+ .backdrop-glass-thick {
4123
+ backdrop-filter: var(--glass-thick);
4124
+ }
4097
4125
  .underline {
4098
4126
  text-decoration: underline;
4099
4127
  text-underline-offset: 24%;
@@ -4242,166 +4270,168 @@ body {
4242
4270
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4243
4271
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4244
4272
  }
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));
4273
+ @media (hover: hover) and (pointer: fine) {
4274
+ .hover\:cursor-grab:hover {
4275
+ cursor: grab;
4276
+ }
4277
+ .hover\:cursor-pointer:hover {
4278
+ cursor: pointer;
4279
+ }
4280
+ .hover\:border-muted:hover {
4281
+ border-color: hsl(var(--muted));
4282
+ }
4283
+ .hover\:border-primary-accent:hover {
4284
+ border-color: hsl(var(--primary-accent));
4285
+ }
4286
+ .hover\:border-primary-border:hover {
4287
+ border-color: hsl(var(--primary-border));
4288
+ }
4289
+ .hover\:border-secondary-border:hover {
4290
+ border-color: hsl(var(--secondary-border));
4291
+ }
4292
+ .hover\:border-status-error-primary-border:hover {
4293
+ border-color: hsl(var(--status-error-primary-border));
4294
+ }
4295
+ .hover\:border-status-error-secondary-border:hover {
4296
+ border-color: hsl(var(--status-error-secondary-border));
4297
+ }
4298
+ .hover\:border-status-success-secondary-border:hover {
4299
+ border-color: hsl(var(--status-success-secondary-border));
4300
+ }
4301
+ .hover\:\!bg-inverse-hover:hover {
4302
+ background-color: hsl(var(--inverse-hover)) !important;
4303
+ }
4304
+ .hover\:bg-alpha-high-97:hover {
4305
+ background-color: hsl(var(--alpha-high-03));
4306
+ }
4307
+ .hover\:bg-amber-100:hover {
4308
+ --tw-bg-opacity: 1;
4309
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
4310
+ }
4311
+ .hover\:bg-gray-200:hover {
4312
+ --tw-bg-opacity: 1;
4313
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4314
+ }
4315
+ .hover\:bg-inverse-hover:hover {
4316
+ background-color: hsl(var(--inverse-hover));
4317
+ }
4318
+ .hover\:bg-orange-100:hover {
4319
+ --tw-bg-opacity: 1;
4320
+ background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
4321
+ }
4322
+ .hover\:bg-primary-border:hover {
4323
+ background-color: hsl(var(--primary-border));
4324
+ }
4325
+ .hover\:bg-secondary-bg-hover:hover {
4326
+ background-color: hsl(var(--secondary-bg-hover));
4327
+ }
4328
+ .hover\:bg-status-error-bg:hover {
4329
+ background-color: hsl(var(--status-error-bg));
4330
+ }
4331
+ .hover\:bg-status-error-bg-hover:hover {
4332
+ background-color: hsl(var(--status-error-bg-hover));
4333
+ }
4334
+ .hover\:bg-status-error-hover:hover {
4335
+ background-color: hsl(var(--status-error-hover));
4336
+ }
4337
+ .hover\:bg-status-info-bg-hover:hover {
4338
+ background-color: hsl(var(--status-info-bg-hover));
4339
+ }
4340
+ .hover\:bg-status-info-hover:hover {
4341
+ background-color: hsl(var(--status-info-hover));
4342
+ }
4343
+ .hover\:bg-status-neutral-bg-hover:hover {
4344
+ background-color: hsl(var(--status-default-bg-hover));
4345
+ }
4346
+ .hover\:bg-status-neutral-hover:hover {
4347
+ background-color: hsl(var(--status-default-hover));
4348
+ }
4349
+ .hover\:bg-status-success-bg-hover:hover {
4350
+ background-color: hsl(var(--status-success-bg-hover));
4351
+ }
4352
+ .hover\:bg-status-success-hover:hover {
4353
+ background-color: hsl(var(--status-success-hover));
4354
+ }
4355
+ .hover\:bg-status-warning-bg-hover:hover {
4356
+ background-color: hsl(var(--status-warning-bg-hover));
4357
+ }
4358
+ .hover\:bg-status-warning-hover:hover {
4359
+ background-color: hsl(var(--status-warning-hover));
4360
+ }
4361
+ .hover\:bg-white:hover {
4362
+ --tw-bg-opacity: 1;
4363
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4364
+ }
4365
+ .hover\:from-blue-100:hover {
4366
+ --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
4367
+ --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
4368
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4369
+ }
4370
+ .hover\:text-muted:hover {
4371
+ color: hsl(var(--muted));
4372
+ }
4373
+ .hover\:text-primary-bg:hover {
4374
+ color: hsl(var(--primary-bg));
4375
+ }
4376
+ .hover\:text-primary-fg:hover {
4377
+ color: hsl(var(--primary-fg));
4378
+ }
4379
+ .hover\:text-secondary-fg:hover {
4380
+ color: hsl(var(--secondary-fg));
4381
+ }
4382
+ .hover\:text-white:hover {
4383
+ --tw-text-opacity: 1;
4384
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4385
+ }
4386
+ .hover\:opacity-100:hover {
4387
+ opacity: 1;
4388
+ }
4389
+ .hover\:opacity-65:hover {
4390
+ opacity: 0.65;
4391
+ }
4392
+ .hover\:shadow-focus:hover {
4393
+ --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
4394
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4395
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4396
+ }
4397
+ .hover\:shadow-soft-base:hover {
4398
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4399
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4400
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4401
+ }
4402
+ .hover\:shadow-soft-sm:hover {
4403
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
4404
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4405
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4406
+ }
4407
+ .hover\:brightness-110:hover {
4408
+ --tw-brightness: brightness(1.1);
4409
+ 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);
4410
+ }
4411
+ .hover\:after\:-translate-x-1\/2:hover::after {
4412
+ content: var(--tw-content);
4413
+ --tw-translate-x: -50%;
4414
+ 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));
4415
+ }
4416
+ .hover\:after\:border-l:hover::after {
4417
+ content: var(--tw-content);
4418
+ border-left-width: 1px;
4419
+ }
4420
+ .hover\:after\:border-primary-border:hover::after {
4421
+ content: var(--tw-content);
4422
+ border-color: hsl(var(--primary-border));
4423
+ }
4424
+ .invalid\:hover\:border-status-error-primary-border:hover:invalid {
4425
+ border-color: hsl(var(--status-error-primary-border));
4426
+ }
4427
+ .invalid\:hover\:shadow-soft-base:hover:invalid {
4428
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4429
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4430
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4431
+ }
4432
+ .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
4433
+ background-color: hsl(var(--secondary-bg-hover));
4434
+ }
4405
4435
  }
4406
4436
  .focus\:rounded-lg:focus {
4407
4437
  border-radius: var(--radius);
@@ -4688,8 +4718,10 @@ body {
4688
4718
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
4689
4719
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4690
4720
  }
4691
- .disabled\:hover\:border-primary-border:hover:disabled {
4692
- border-color: hsl(var(--primary-border));
4721
+ @media (hover: hover) and (pointer: fine) {
4722
+ .disabled\:hover\:border-primary-border:hover:disabled {
4723
+ border-color: hsl(var(--primary-border));
4724
+ }
4693
4725
  }
4694
4726
  .group\/card:focus-within .group-focus-within\/card\:visible {
4695
4727
  visibility: visible;
@@ -4708,35 +4740,37 @@ body {
4708
4740
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
4709
4741
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4710
4742
  }
4711
- .group\/card:hover .group-hover\/card\:visible {
4712
- visibility: visible;
4713
- }
4714
- .group\/input-group:hover .group-hover\/input-group\:block {
4715
- display: block;
4716
- }
4717
- .group\/insertion:hover .group-hover\/insertion\:bg-muted {
4718
- background-color: hsl(var(--muted));
4719
- }
4720
- .group:hover .group-hover\:bg-slate-900\/20 {
4721
- background-color: rgb(15 23 42 / 0.2);
4722
- }
4723
- .group:hover .group-hover\:text-muted {
4724
- color: hsl(var(--muted));
4725
- }
4726
- .group:hover .group-hover\:text-primary {
4727
- color: hsl(var(--primary));
4728
- }
4729
- .group\/insertion:hover .group-hover\/insertion\:opacity-100 {
4730
- opacity: 1;
4731
- }
4732
- .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
4733
- opacity: 1;
4734
- }
4735
- .group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100 {
4736
- opacity: 1;
4737
- }
4738
- .group:hover .group-hover\:opacity-100 {
4739
- opacity: 1;
4743
+ @media (hover: hover) and (pointer: fine) {
4744
+ .group\/card:hover .group-hover\/card\:visible {
4745
+ visibility: visible;
4746
+ }
4747
+ .group\/input-group:hover .group-hover\/input-group\:block {
4748
+ display: block;
4749
+ }
4750
+ .group\/insertion:hover .group-hover\/insertion\:bg-muted {
4751
+ background-color: hsl(var(--muted));
4752
+ }
4753
+ .group:hover .group-hover\:bg-slate-900\/20 {
4754
+ background-color: rgb(15 23 42 / 0.2);
4755
+ }
4756
+ .group:hover .group-hover\:text-muted {
4757
+ color: hsl(var(--muted));
4758
+ }
4759
+ .group:hover .group-hover\:text-primary {
4760
+ color: hsl(var(--primary));
4761
+ }
4762
+ .group\/insertion:hover .group-hover\/insertion\:opacity-100 {
4763
+ opacity: 1;
4764
+ }
4765
+ .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
4766
+ opacity: 1;
4767
+ }
4768
+ .group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100 {
4769
+ opacity: 1;
4770
+ }
4771
+ .group:hover .group-hover\:opacity-100 {
4772
+ opacity: 1;
4773
+ }
4740
4774
  }
4741
4775
  .group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100 {
4742
4776
  opacity: 1;
@@ -4747,14 +4781,16 @@ body {
4747
4781
  .group:disabled .group-disabled\:hidden {
4748
4782
  display: none;
4749
4783
  }
4750
- .peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg {
4751
- background-color: hsl(var(--primary-fg));
4752
- }
4753
- .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted {
4754
- color: hsl(var(--muted));
4755
- }
4756
- .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg {
4757
- color: hsl(var(--primary-fg));
4784
+ @media (hover: hover) and (pointer: fine) {
4785
+ .peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg {
4786
+ background-color: hsl(var(--primary-fg));
4787
+ }
4788
+ .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted {
4789
+ color: hsl(var(--muted));
4790
+ }
4791
+ .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg {
4792
+ color: hsl(var(--primary-fg));
4793
+ }
4758
4794
  }
4759
4795
  .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
4760
4796
  cursor: not-allowed;
@@ -4864,24 +4900,26 @@ body {
4864
4900
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4865
4901
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4866
4902
  }
4867
- .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
4868
- border-color: hsl(var(--status-error-primary-border));
4869
- }
4870
- .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
4871
- border-color: hsl(var(--status-error-primary-border));
4872
- }
4873
- .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
4874
- background-color: hsl(var(--secondary-bg-hover));
4875
- }
4876
- .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
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);
4880
- }
4881
- .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
4882
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4883
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4884
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4903
+ @media (hover: hover) and (pointer: fine) {
4904
+ .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
4905
+ border-color: hsl(var(--status-error-primary-border));
4906
+ }
4907
+ .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
4908
+ border-color: hsl(var(--status-error-primary-border));
4909
+ }
4910
+ .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
4911
+ background-color: hsl(var(--secondary-bg-hover));
4912
+ }
4913
+ .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
4914
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4915
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4916
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4917
+ }
4918
+ .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
4919
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4920
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4921
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4922
+ }
4885
4923
  }
4886
4924
  .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
4887
4925
  padding-right: 2rem;
@@ -4900,13 +4938,15 @@ body {
4900
4938
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4901
4939
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4902
4940
  }
4903
- .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
4904
- border-color: hsl(var(--status-error-primary-border));
4905
- }
4906
- .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
4907
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4908
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4909
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4941
+ @media (hover: hover) and (pointer: fine) {
4942
+ .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
4943
+ border-color: hsl(var(--status-error-primary-border));
4944
+ }
4945
+ .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
4946
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
4947
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
4948
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4949
+ }
4910
4950
  }
4911
4951
  .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
4912
4952
  border-color: hsl(var(--status-error-secondary-border));
@@ -5261,48 +5301,50 @@ body {
5261
5301
  --tw-translate-x: 0px;
5262
5302
  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));
5263
5303
  }
5264
- .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
5265
- border-color: hsl(var(--primary-accent-hover));
5266
- }
5267
- .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
5268
- border-color: hsl(var(--primary-accent-hover));
5269
- }
5270
- .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
5271
- background-color: hsl(var(--primary-bg-hover));
5272
- }
5273
- .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
5274
- background-color: hsl(var(--primary-bg-hover));
5275
- }
5276
- .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
5277
- background-color: hsl(var(--primary-accent-hover));
5278
- }
5279
- .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
5280
- background-color: hsl(var(--primary-accent-hover));
5281
- }
5282
- .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
5283
- background-color: hsl(var(--secondary-bg-hover));
5284
- }
5285
- .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
5286
- background-color: hsl(var(--alpha-high-08));
5287
- }
5288
- .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
5289
- color: hsl(var(--primary-accent));
5290
- }
5291
- .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
5292
- color: hsl(var(--primary-accent));
5293
- }
5294
- .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5295
- color: hsl(var(--primary-fg));
5296
- }
5297
- .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5298
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5299
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5300
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5301
- }
5302
- .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5303
- --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5304
- --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5305
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5304
+ @media (hover: hover) and (pointer: fine) {
5305
+ .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
5306
+ border-color: hsl(var(--primary-accent-hover));
5307
+ }
5308
+ .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
5309
+ border-color: hsl(var(--primary-accent-hover));
5310
+ }
5311
+ .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
5312
+ background-color: hsl(var(--primary-bg-hover));
5313
+ }
5314
+ .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
5315
+ background-color: hsl(var(--primary-bg-hover));
5316
+ }
5317
+ .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
5318
+ background-color: hsl(var(--primary-accent-hover));
5319
+ }
5320
+ .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
5321
+ background-color: hsl(var(--primary-accent-hover));
5322
+ }
5323
+ .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
5324
+ background-color: hsl(var(--secondary-bg-hover));
5325
+ }
5326
+ .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
5327
+ background-color: hsl(var(--alpha-high-08));
5328
+ }
5329
+ .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
5330
+ color: hsl(var(--primary-accent));
5331
+ }
5332
+ .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
5333
+ color: hsl(var(--primary-accent));
5334
+ }
5335
+ .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
5336
+ color: hsl(var(--primary-fg));
5337
+ }
5338
+ .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
5339
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5340
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5341
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5342
+ }
5343
+ .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
5344
+ --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
5345
+ --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
5346
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5347
+ }
5306
5348
  }
5307
5349
  .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
5308
5350
  --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
@@ -5317,17 +5359,19 @@ body {
5317
5359
  .active\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:active {
5318
5360
  background-color: hsl(var(--secondary-bg-hover));
5319
5361
  }
5320
- .data-\[state\=checked\]\:hover\:enabled\:bg-inverse-secondary-fg:enabled:hover[data-state="checked"] {
5321
- background-color: hsl(var(--inverse-secondary-fg));
5322
- }
5323
- .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
5324
- background-color: hsl(var(--primary-accent-hover));
5325
- }
5326
- .data-\[state\=unchecked\]\:hover\:enabled\:bg-inverse-muted:enabled:hover[data-state="unchecked"] {
5327
- background-color: hsl(var(--inverse-muted));
5328
- }
5329
- .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
5330
- background-color: hsl(var(--primary-border));
5362
+ @media (hover: hover) and (pointer: fine) {
5363
+ .data-\[state\=checked\]\:hover\:enabled\:bg-inverse-secondary-fg:enabled:hover[data-state="checked"] {
5364
+ background-color: hsl(var(--inverse-secondary-fg));
5365
+ }
5366
+ .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
5367
+ background-color: hsl(var(--primary-accent-hover));
5368
+ }
5369
+ .data-\[state\=unchecked\]\:hover\:enabled\:bg-inverse-muted:enabled:hover[data-state="unchecked"] {
5370
+ background-color: hsl(var(--inverse-muted));
5371
+ }
5372
+ .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
5373
+ background-color: hsl(var(--primary-border));
5374
+ }
5331
5375
  }
5332
5376
  .data-\[state\=checked\]\:disabled\:border-primary-accent:disabled[data-state="checked"] {
5333
5377
  border-color: hsl(var(--primary-accent));
@@ -5502,8 +5546,10 @@ body {
5502
5546
  content: var(--tw-content);
5503
5547
  left: 100%;
5504
5548
  }
5505
- .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover {
5506
- background-color: hsl(var(--secondary-border));
5549
+ @media (hover: hover) and (pointer: fine) {
5550
+ .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover {
5551
+ background-color: hsl(var(--secondary-border));
5552
+ }
5507
5553
  }
5508
5554
  .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
5509
5555
  top: 0.375rem;
@@ -5580,8 +5626,10 @@ body {
5580
5626
  .dark\:\[filter\:url\(\#shadow-folder-dark\)\]:is(.dark *) {
5581
5627
  filter: url(#shadow-folder-dark);
5582
5628
  }
5583
- .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
5584
- background-color: hsl(var(--secondary-bg-hover));
5629
+ @media (hover: hover) and (pointer: fine) {
5630
+ .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
5631
+ background-color: hsl(var(--secondary-bg-hover));
5632
+ }
5585
5633
  }
5586
5634
  @media (min-width: 640px) {
5587
5635
  .sm\:mt-0 {
@@ -5890,93 +5938,95 @@ body {
5890
5938
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
5891
5939
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5892
5940
  }
5893
- .lg\:hover\:border-inverse-border:hover {
5894
- border-color: hsl(var(--inverse-border));
5895
- }
5896
- .lg\:hover\:border-primary-border:hover {
5897
- border-color: hsl(var(--primary-border));
5898
- }
5899
- .lg\:hover\:border-status-error-primary-border:hover {
5900
- border-color: hsl(var(--status-error-primary-border));
5901
- }
5902
- .lg\:hover\:border-status-info-primary-border:hover {
5903
- border-color: hsl(var(--status-info-primary-border));
5904
- }
5905
- .lg\:hover\:border-status-success-primary-border:hover {
5906
- border-color: hsl(var(--status-success-primary-border));
5907
- }
5908
- .lg\:hover\:border-status-warning-primary-border:hover {
5909
- border-color: hsl(var(--status-warning-primary-border));
5910
- }
5911
- .lg\:hover\:bg-inverse-hover:hover {
5912
- background-color: hsl(var(--inverse-hover));
5913
- }
5914
- .lg\:hover\:bg-primary-accent-hover:hover {
5915
- background-color: hsl(var(--primary-accent-hover));
5916
- }
5917
- .lg\:hover\:bg-primary-bg-hover:hover {
5918
- background-color: hsl(var(--primary-bg-hover));
5919
- }
5920
- .lg\:hover\:bg-secondary-bg-hover:hover {
5921
- background-color: hsl(var(--secondary-bg-hover));
5922
- }
5923
- .lg\:hover\:bg-status-error-bg:hover {
5924
- background-color: hsl(var(--status-error-bg));
5925
- }
5926
- .lg\:hover\:bg-status-error-bg-hover:hover {
5927
- background-color: hsl(var(--status-error-bg-hover));
5928
- }
5929
- .lg\:hover\:bg-status-error-hover:hover {
5930
- background-color: hsl(var(--status-error-hover));
5931
- }
5932
- .lg\:hover\:bg-status-info-bg:hover {
5933
- background-color: hsl(var(--status-info-bg));
5934
- }
5935
- .lg\:hover\:bg-status-info-bg-hover:hover {
5936
- background-color: hsl(var(--status-info-bg-hover));
5937
- }
5938
- .lg\:hover\:bg-status-info-hover:hover {
5939
- background-color: hsl(var(--status-info-hover));
5940
- }
5941
- .lg\:hover\:bg-status-success-bg:hover {
5942
- background-color: hsl(var(--status-success-bg));
5943
- }
5944
- .lg\:hover\:bg-status-success-bg-hover:hover {
5945
- background-color: hsl(var(--status-success-bg-hover));
5946
- }
5947
- .lg\:hover\:bg-status-success-hover:hover {
5948
- background-color: hsl(var(--status-success-hover));
5949
- }
5950
- .lg\:hover\:bg-status-warning-bg:hover {
5951
- background-color: hsl(var(--status-warning-bg));
5952
- }
5953
- .lg\:hover\:bg-status-warning-bg-hover:hover {
5954
- background-color: hsl(var(--status-warning-bg-hover));
5955
- }
5956
- .lg\:hover\:bg-status-warning-hover:hover {
5957
- background-color: hsl(var(--status-warning-hover));
5958
- }
5959
- .lg\:hover\:text-inverse-primary-fg:hover {
5960
- color: hsl(var(--inverse-primary-fg));
5961
- }
5962
- .lg\:hover\:text-primary-fg:hover {
5963
- color: hsl(var(--primary-fg));
5964
- }
5965
- .lg\:hover\:text-status-error-fg:hover {
5966
- color: hsl(var(--status-error-fg));
5967
- }
5968
- .lg\:hover\:text-status-info-fg:hover {
5969
- color: hsl(var(--status-info-fg));
5970
- }
5971
- .lg\:hover\:text-status-success-fg:hover {
5972
- color: hsl(var(--status-success-fg));
5973
- }
5974
- .lg\:hover\:text-status-warning-fg:hover {
5975
- color: hsl(var(--status-warning-fg));
5976
- }
5977
- .lg\:hover\:text-white:hover {
5978
- --tw-text-opacity: 1;
5979
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5941
+ @media (hover: hover) and (pointer: fine) {
5942
+ .lg\:hover\:border-inverse-border:hover {
5943
+ border-color: hsl(var(--inverse-border));
5944
+ }
5945
+ .lg\:hover\:border-primary-border:hover {
5946
+ border-color: hsl(var(--primary-border));
5947
+ }
5948
+ .lg\:hover\:border-status-error-primary-border:hover {
5949
+ border-color: hsl(var(--status-error-primary-border));
5950
+ }
5951
+ .lg\:hover\:border-status-info-primary-border:hover {
5952
+ border-color: hsl(var(--status-info-primary-border));
5953
+ }
5954
+ .lg\:hover\:border-status-success-primary-border:hover {
5955
+ border-color: hsl(var(--status-success-primary-border));
5956
+ }
5957
+ .lg\:hover\:border-status-warning-primary-border:hover {
5958
+ border-color: hsl(var(--status-warning-primary-border));
5959
+ }
5960
+ .lg\:hover\:bg-inverse-hover:hover {
5961
+ background-color: hsl(var(--inverse-hover));
5962
+ }
5963
+ .lg\:hover\:bg-primary-accent-hover:hover {
5964
+ background-color: hsl(var(--primary-accent-hover));
5965
+ }
5966
+ .lg\:hover\:bg-primary-bg-hover:hover {
5967
+ background-color: hsl(var(--primary-bg-hover));
5968
+ }
5969
+ .lg\:hover\:bg-secondary-bg-hover:hover {
5970
+ background-color: hsl(var(--secondary-bg-hover));
5971
+ }
5972
+ .lg\:hover\:bg-status-error-bg:hover {
5973
+ background-color: hsl(var(--status-error-bg));
5974
+ }
5975
+ .lg\:hover\:bg-status-error-bg-hover:hover {
5976
+ background-color: hsl(var(--status-error-bg-hover));
5977
+ }
5978
+ .lg\:hover\:bg-status-error-hover:hover {
5979
+ background-color: hsl(var(--status-error-hover));
5980
+ }
5981
+ .lg\:hover\:bg-status-info-bg:hover {
5982
+ background-color: hsl(var(--status-info-bg));
5983
+ }
5984
+ .lg\:hover\:bg-status-info-bg-hover:hover {
5985
+ background-color: hsl(var(--status-info-bg-hover));
5986
+ }
5987
+ .lg\:hover\:bg-status-info-hover:hover {
5988
+ background-color: hsl(var(--status-info-hover));
5989
+ }
5990
+ .lg\:hover\:bg-status-success-bg:hover {
5991
+ background-color: hsl(var(--status-success-bg));
5992
+ }
5993
+ .lg\:hover\:bg-status-success-bg-hover:hover {
5994
+ background-color: hsl(var(--status-success-bg-hover));
5995
+ }
5996
+ .lg\:hover\:bg-status-success-hover:hover {
5997
+ background-color: hsl(var(--status-success-hover));
5998
+ }
5999
+ .lg\:hover\:bg-status-warning-bg:hover {
6000
+ background-color: hsl(var(--status-warning-bg));
6001
+ }
6002
+ .lg\:hover\:bg-status-warning-bg-hover:hover {
6003
+ background-color: hsl(var(--status-warning-bg-hover));
6004
+ }
6005
+ .lg\:hover\:bg-status-warning-hover:hover {
6006
+ background-color: hsl(var(--status-warning-hover));
6007
+ }
6008
+ .lg\:hover\:text-inverse-primary-fg:hover {
6009
+ color: hsl(var(--inverse-primary-fg));
6010
+ }
6011
+ .lg\:hover\:text-primary-fg:hover {
6012
+ color: hsl(var(--primary-fg));
6013
+ }
6014
+ .lg\:hover\:text-status-error-fg:hover {
6015
+ color: hsl(var(--status-error-fg));
6016
+ }
6017
+ .lg\:hover\:text-status-info-fg:hover {
6018
+ color: hsl(var(--status-info-fg));
6019
+ }
6020
+ .lg\:hover\:text-status-success-fg:hover {
6021
+ color: hsl(var(--status-success-fg));
6022
+ }
6023
+ .lg\:hover\:text-status-warning-fg:hover {
6024
+ color: hsl(var(--status-warning-fg));
6025
+ }
6026
+ .lg\:hover\:text-white:hover {
6027
+ --tw-text-opacity: 1;
6028
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
6029
+ }
5980
6030
  }
5981
6031
  .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
5982
6032
  grid-template-columns: 1.5rem 1fr;
@@ -5984,8 +6034,10 @@ body {
5984
6034
  .lg\:has-\[\>svg\]\:gap-x-4:has(>svg) {
5985
6035
  column-gap: 1rem;
5986
6036
  }
5987
- .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
5988
- background-color: hsl(var(--secondary-bg-hover));
6037
+ @media (hover: hover) and (pointer: fine) {
6038
+ .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
6039
+ background-color: hsl(var(--secondary-bg-hover));
6040
+ }
5989
6041
  }
5990
6042
  }
5991
6043
  @media (pointer: coarse) {
@@ -6072,8 +6124,10 @@ body {
6072
6124
  .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:text-secondary-fg>svg {
6073
6125
  color: hsl(var(--secondary-fg));
6074
6126
  }
6075
- .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg {
6076
- color: hsl(var(--primary-fg));
6127
+ @media (hover: hover) and (pointer: fine) {
6128
+ .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg {
6129
+ color: hsl(var(--primary-fg));
6130
+ }
6077
6131
  }
6078
6132
  .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
6079
6133
  border-bottom-width: 0px;