@engrate/components 0.1.4 → 0.1.5

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 (4) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.es.js +315 -288
  3. package/dist/styles.css +1 -1
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -24399,140 +24399,149 @@ const i6 = ie("text-small font-sans tracking-[-0.05em]", {
24399
24399
  className: F(i6({ size: t, className: e })),
24400
24400
  role: "img",
24401
24401
  ...p,
24402
- children: /* @__PURE__ */ b(bp, { width: "100%", height: "100%", children: /* @__PURE__ */ ee(
24403
- Hq,
24402
+ children: /* @__PURE__ */ b(
24403
+ bp,
24404
24404
  {
24405
- data: r,
24406
- layout: f,
24407
- margin: {
24408
- top: 5,
24409
- right: 30,
24410
- left: l ? 20 : 0,
24411
- bottom: s ? 20 : 5
24412
- },
24413
- children: [
24414
- o && /* @__PURE__ */ b(
24415
- Jv,
24416
- {
24417
- strokeDasharray: "3 3",
24418
- stroke: "var(--color-border)",
24419
- vertical: !m,
24420
- horizontal: m
24421
- }
24422
- ),
24423
- m ? /* @__PURE__ */ ee(Dt, { children: [
24424
- /* @__PURE__ */ b(
24425
- Js,
24426
- {
24427
- type: "number",
24428
- stroke: "var(--color-secondary)",
24429
- fontSize: 12,
24430
- tickLine: !1,
24431
- axisLine: { stroke: "var(--color-primary)" },
24432
- label: s ? {
24433
- value: s,
24434
- position: "insideBottom",
24435
- offset: -10,
24436
- fill: "var(--color-secondary)",
24437
- fontSize: 12
24438
- } : void 0
24439
- }
24440
- ),
24441
- /* @__PURE__ */ b(
24442
- Qs,
24443
- {
24444
- type: "category",
24445
- dataKey: "label",
24446
- stroke: "var(--color-secondary)",
24447
- fontSize: 12,
24448
- tickLine: !1,
24449
- axisLine: { stroke: "var(--color-primary)" },
24450
- label: l ? {
24451
- value: l,
24452
- angle: -90,
24453
- position: "insideLeft",
24454
- fill: "var(--color-secondary)",
24455
- fontSize: 12
24456
- } : void 0
24457
- }
24458
- )
24459
- ] }) : /* @__PURE__ */ ee(Dt, { children: [
24460
- /* @__PURE__ */ b(
24461
- Js,
24462
- {
24463
- dataKey: "label",
24464
- stroke: "var(--color-secondary)",
24465
- fontSize: 12,
24466
- tickLine: !1,
24467
- axisLine: { stroke: "var(--color-primary)" },
24468
- label: s ? {
24469
- value: s,
24470
- position: "insideBottom",
24471
- offset: -10,
24472
- fill: "var(--color-secondary)",
24473
- fontSize: 12
24474
- } : void 0
24475
- }
24476
- ),
24477
- /* @__PURE__ */ b(
24478
- Qs,
24479
- {
24480
- stroke: "var(--color-secondary)",
24481
- fontSize: 12,
24482
- tickLine: !1,
24483
- axisLine: { stroke: "var(--color-primary)" },
24484
- label: l ? {
24485
- value: l,
24486
- angle: -90,
24487
- position: "insideLeft",
24488
- fill: "var(--color-secondary)",
24489
- fontSize: 12
24490
- } : void 0
24491
- }
24492
- )
24493
- ] }),
24494
- a && /* @__PURE__ */ b(
24495
- $v,
24496
- {
24497
- contentStyle: {
24498
- backgroundColor: "var(--color-white)",
24499
- border: "1px solid var(--color-border)",
24500
- borderRadius: "4px",
24501
- fontFamily: "var(--font-sans)",
24502
- fontSize: "14px",
24503
- color: "var(--color-primary)"
24504
- },
24505
- labelStyle: {
24506
- color: "var(--color-secondary)",
24507
- fontWeight: 400
24508
- },
24509
- cursor: { fill: "rgba(0, 0, 0, 0.05)" }
24510
- }
24511
- ),
24512
- i && /* @__PURE__ */ b(
24513
- Dl,
24514
- {
24515
- wrapperStyle: {
24516
- fontFamily: "var(--font-sans)",
24517
- fontSize: "14px",
24518
- color: "var(--color-secondary)"
24519
- }
24520
- }
24521
- ),
24522
- g.map((h, y) => /* @__PURE__ */ b(
24523
- RC,
24524
- {
24525
- dataKey: h.key,
24526
- name: h.name,
24527
- fill: h.color || Wa[y % Wa.length],
24528
- radius: c,
24529
- stackId: u ? "stack" : void 0
24405
+ width: "100%",
24406
+ height: "100%",
24407
+ minWidth: 100,
24408
+ minHeight: 100,
24409
+ children: /* @__PURE__ */ ee(
24410
+ Hq,
24411
+ {
24412
+ data: r,
24413
+ layout: f,
24414
+ margin: {
24415
+ top: 5,
24416
+ right: 30,
24417
+ left: l ? 20 : 0,
24418
+ bottom: s ? 20 : 5
24530
24419
  },
24531
- h.key
24532
- ))
24533
- ]
24420
+ children: [
24421
+ o && /* @__PURE__ */ b(
24422
+ Jv,
24423
+ {
24424
+ strokeDasharray: "3 3",
24425
+ stroke: "var(--color-border)",
24426
+ vertical: !m,
24427
+ horizontal: m
24428
+ }
24429
+ ),
24430
+ m ? /* @__PURE__ */ ee(Dt, { children: [
24431
+ /* @__PURE__ */ b(
24432
+ Js,
24433
+ {
24434
+ type: "number",
24435
+ stroke: "var(--color-secondary)",
24436
+ fontSize: 12,
24437
+ tickLine: !1,
24438
+ axisLine: { stroke: "var(--color-primary)" },
24439
+ label: s ? {
24440
+ value: s,
24441
+ position: "insideBottom",
24442
+ offset: -10,
24443
+ fill: "var(--color-secondary)",
24444
+ fontSize: 12
24445
+ } : void 0
24446
+ }
24447
+ ),
24448
+ /* @__PURE__ */ b(
24449
+ Qs,
24450
+ {
24451
+ type: "category",
24452
+ dataKey: "label",
24453
+ stroke: "var(--color-secondary)",
24454
+ fontSize: 12,
24455
+ tickLine: !1,
24456
+ axisLine: { stroke: "var(--color-primary)" },
24457
+ label: l ? {
24458
+ value: l,
24459
+ angle: -90,
24460
+ position: "insideLeft",
24461
+ fill: "var(--color-secondary)",
24462
+ fontSize: 12
24463
+ } : void 0
24464
+ }
24465
+ )
24466
+ ] }) : /* @__PURE__ */ ee(Dt, { children: [
24467
+ /* @__PURE__ */ b(
24468
+ Js,
24469
+ {
24470
+ dataKey: "label",
24471
+ stroke: "var(--color-secondary)",
24472
+ fontSize: 12,
24473
+ tickLine: !1,
24474
+ axisLine: { stroke: "var(--color-primary)" },
24475
+ label: s ? {
24476
+ value: s,
24477
+ position: "insideBottom",
24478
+ offset: -10,
24479
+ fill: "var(--color-secondary)",
24480
+ fontSize: 12
24481
+ } : void 0
24482
+ }
24483
+ ),
24484
+ /* @__PURE__ */ b(
24485
+ Qs,
24486
+ {
24487
+ stroke: "var(--color-secondary)",
24488
+ fontSize: 12,
24489
+ tickLine: !1,
24490
+ axisLine: { stroke: "var(--color-primary)" },
24491
+ label: l ? {
24492
+ value: l,
24493
+ angle: -90,
24494
+ position: "insideLeft",
24495
+ fill: "var(--color-secondary)",
24496
+ fontSize: 12
24497
+ } : void 0
24498
+ }
24499
+ )
24500
+ ] }),
24501
+ a && /* @__PURE__ */ b(
24502
+ $v,
24503
+ {
24504
+ contentStyle: {
24505
+ backgroundColor: "var(--color-white)",
24506
+ border: "1px solid var(--color-border)",
24507
+ borderRadius: "4px",
24508
+ fontFamily: "var(--font-sans)",
24509
+ fontSize: "14px",
24510
+ color: "var(--color-primary)"
24511
+ },
24512
+ labelStyle: {
24513
+ color: "var(--color-secondary)",
24514
+ fontWeight: 400
24515
+ },
24516
+ cursor: { fill: "rgba(0, 0, 0, 0.05)" }
24517
+ }
24518
+ ),
24519
+ i && /* @__PURE__ */ b(
24520
+ Dl,
24521
+ {
24522
+ wrapperStyle: {
24523
+ fontFamily: "var(--font-sans)",
24524
+ fontSize: "14px",
24525
+ color: "var(--color-secondary)"
24526
+ }
24527
+ }
24528
+ ),
24529
+ g.map((h, y) => /* @__PURE__ */ b(
24530
+ RC,
24531
+ {
24532
+ dataKey: h.key,
24533
+ name: h.name,
24534
+ fill: h.color || Wa[y % Wa.length],
24535
+ radius: c,
24536
+ stackId: u ? "stack" : void 0
24537
+ },
24538
+ h.key
24539
+ ))
24540
+ ]
24541
+ }
24542
+ )
24534
24543
  }
24535
- ) })
24544
+ )
24536
24545
  }
24537
24546
  );
24538
24547
  }
@@ -27617,7 +27626,7 @@ const l9 = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ b(
27617
27626
  {
27618
27627
  ref: r,
27619
27628
  className: F(
27620
- "border-border bg-card text-primary z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 font-sans shadow-lg",
27629
+ "border-border bg-card text-primary z-50 min-w-32 overflow-hidden rounded-md border p-1 font-sans shadow-lg",
27621
27630
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
27622
27631
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
27623
27632
  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -27634,7 +27643,7 @@ const c9 = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ b(a9, { c
27634
27643
  {
27635
27644
  ref: r,
27636
27645
  className: F(
27637
- "border-border bg-card text-primary z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 font-sans shadow-md",
27646
+ "border-border bg-card text-primary z-50 min-w-32 overflow-hidden rounded-md border p-1 font-sans shadow-md",
27638
27647
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
27639
27648
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
27640
27649
  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -27653,7 +27662,7 @@ const u9 = d.forwardRef(({ className: e, inset: t, ...r }, n) => /* @__PURE__ */
27653
27662
  className: F(
27654
27663
  "text-body relative flex cursor-default items-center rounded-sm px-2 py-1.5 outline-none select-none",
27655
27664
  "focus:bg-vanilla focus:text-primary",
27656
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
27665
+ "data-disabled:pointer-events-none data-disabled:opacity-50",
27657
27666
  t && "pl-8",
27658
27667
  e
27659
27668
  ),
@@ -27668,7 +27677,7 @@ const f9 = d.forwardRef(({ className: e, children: t, checked: r, ...n }, o) =>
27668
27677
  className: F(
27669
27678
  "text-body relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 outline-none select-none",
27670
27679
  "focus:bg-vanilla focus:text-primary",
27671
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
27680
+ "data-disabled:pointer-events-none data-disabled:opacity-50",
27672
27681
  e
27673
27682
  ),
27674
27683
  checked: r,
@@ -27700,7 +27709,7 @@ const d9 = d.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
27700
27709
  className: F(
27701
27710
  "text-body relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 outline-none select-none",
27702
27711
  "focus:bg-vanilla focus:text-primary",
27703
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
27712
+ "data-disabled:pointer-events-none data-disabled:opacity-50",
27704
27713
  e
27705
27714
  ),
27706
27715
  ...r,
@@ -29514,101 +29523,110 @@ const v7 = ie("text-small font-sans tracking-[-0.05em]", {
29514
29523
  className: F(v7({ size: t, className: e })),
29515
29524
  role: "img",
29516
29525
  ...p,
29517
- children: /* @__PURE__ */ b(bp, { width: "100%", height: "100%", children: /* @__PURE__ */ ee(
29518
- Kq,
29526
+ children: /* @__PURE__ */ b(
29527
+ bp,
29519
29528
  {
29520
- data: r,
29521
- margin: {
29522
- top: 5,
29523
- right: 30,
29524
- left: l ? 20 : 0,
29525
- bottom: s ? 20 : 5
29526
- },
29527
- children: [
29528
- o && /* @__PURE__ */ b(
29529
- Jv,
29530
- {
29531
- strokeDasharray: "3 3",
29532
- stroke: "var(--color-border)",
29533
- vertical: !1
29534
- }
29535
- ),
29536
- /* @__PURE__ */ b(
29537
- Js,
29538
- {
29539
- dataKey: "label",
29540
- stroke: "var(--color-secondary)",
29541
- fontSize: 12,
29542
- tickLine: !1,
29543
- axisLine: { stroke: "var(--color-primary)" },
29544
- label: s ? {
29545
- value: s,
29546
- position: "insideBottom",
29547
- offset: -10,
29548
- fill: "var(--color-secondary)",
29549
- fontSize: 12
29550
- } : void 0
29551
- }
29552
- ),
29553
- /* @__PURE__ */ b(
29554
- Qs,
29555
- {
29556
- stroke: "var(--color-secondary)",
29557
- fontSize: 12,
29558
- tickLine: !1,
29559
- axisLine: { stroke: "var(--color-primary)" },
29560
- label: l ? {
29561
- value: l,
29562
- angle: -90,
29563
- position: "insideLeft",
29564
- fill: "var(--color-secondary)",
29565
- fontSize: 12
29566
- } : void 0
29567
- }
29568
- ),
29569
- a && /* @__PURE__ */ b(
29570
- $v,
29571
- {
29572
- contentStyle: {
29573
- backgroundColor: "var(--color-white)",
29574
- border: "1px solid var(--color-border)",
29575
- borderRadius: "4px",
29576
- fontFamily: "var(--font-sans)",
29577
- fontSize: "14px",
29578
- color: "var(--color-primary)"
29579
- },
29580
- labelStyle: {
29581
- color: "var(--color-secondary)",
29582
- fontWeight: 400
29583
- }
29584
- }
29585
- ),
29586
- i && /* @__PURE__ */ b(
29587
- Dl,
29588
- {
29589
- wrapperStyle: {
29590
- fontFamily: "var(--font-sans)",
29591
- fontSize: "14px",
29592
- color: "var(--color-secondary)"
29593
- }
29594
- }
29595
- ),
29596
- g.map((m, h) => /* @__PURE__ */ b(
29597
- NC,
29598
- {
29599
- type: u ? "monotone" : "linear",
29600
- dataKey: m.key,
29601
- name: m.name,
29602
- stroke: m.color || Ha[h % Ha.length],
29603
- strokeWidth: c,
29604
- dot: f,
29605
- activeDot: f ? { r: 6 } : !1
29529
+ width: "100%",
29530
+ height: "100%",
29531
+ minWidth: 100,
29532
+ minHeight: 100,
29533
+ children: /* @__PURE__ */ ee(
29534
+ Kq,
29535
+ {
29536
+ data: r,
29537
+ margin: {
29538
+ top: 5,
29539
+ right: 30,
29540
+ left: l ? 20 : 0,
29541
+ bottom: s ? 20 : 5
29606
29542
  },
29607
- m.key
29608
- ))
29609
- ]
29543
+ children: [
29544
+ o && /* @__PURE__ */ b(
29545
+ Jv,
29546
+ {
29547
+ strokeDasharray: "3 3",
29548
+ stroke: "var(--color-border)",
29549
+ vertical: !1
29550
+ }
29551
+ ),
29552
+ /* @__PURE__ */ b(
29553
+ Js,
29554
+ {
29555
+ dataKey: "label",
29556
+ stroke: "var(--color-secondary)",
29557
+ fontSize: 12,
29558
+ tickLine: !1,
29559
+ axisLine: { stroke: "var(--color-primary)" },
29560
+ label: s ? {
29561
+ value: s,
29562
+ position: "insideBottom",
29563
+ offset: -10,
29564
+ fill: "var(--color-secondary)",
29565
+ fontSize: 12
29566
+ } : void 0
29567
+ }
29568
+ ),
29569
+ /* @__PURE__ */ b(
29570
+ Qs,
29571
+ {
29572
+ stroke: "var(--color-secondary)",
29573
+ fontSize: 12,
29574
+ tickLine: !1,
29575
+ axisLine: { stroke: "var(--color-primary)" },
29576
+ label: l ? {
29577
+ value: l,
29578
+ angle: -90,
29579
+ position: "insideLeft",
29580
+ fill: "var(--color-secondary)",
29581
+ fontSize: 12
29582
+ } : void 0
29583
+ }
29584
+ ),
29585
+ a && /* @__PURE__ */ b(
29586
+ $v,
29587
+ {
29588
+ contentStyle: {
29589
+ backgroundColor: "var(--color-white)",
29590
+ border: "1px solid var(--color-border)",
29591
+ borderRadius: "4px",
29592
+ fontFamily: "var(--font-sans)",
29593
+ fontSize: "14px",
29594
+ color: "var(--color-primary)"
29595
+ },
29596
+ labelStyle: {
29597
+ color: "var(--color-secondary)",
29598
+ fontWeight: 400
29599
+ }
29600
+ }
29601
+ ),
29602
+ i && /* @__PURE__ */ b(
29603
+ Dl,
29604
+ {
29605
+ wrapperStyle: {
29606
+ fontFamily: "var(--font-sans)",
29607
+ fontSize: "14px",
29608
+ color: "var(--color-secondary)"
29609
+ }
29610
+ }
29611
+ ),
29612
+ g.map((m, h) => /* @__PURE__ */ b(
29613
+ NC,
29614
+ {
29615
+ type: u ? "monotone" : "linear",
29616
+ dataKey: m.key,
29617
+ name: m.name,
29618
+ stroke: m.color || Ha[h % Ha.length],
29619
+ strokeWidth: c,
29620
+ dot: f,
29621
+ activeDot: f ? { r: 6 } : !1
29622
+ },
29623
+ m.key
29624
+ ))
29625
+ ]
29626
+ }
29627
+ )
29610
29628
  }
29611
- ) })
29629
+ )
29612
29630
  }
29613
29631
  );
29614
29632
  }
@@ -29832,63 +29850,72 @@ const E7 = ie("text-small font-sans tracking-[-0.05em]", {
29832
29850
  className: F(E7({ size: t, className: e })),
29833
29851
  role: "img",
29834
29852
  ...f,
29835
- children: /* @__PURE__ */ b(bp, { width: "100%", height: "100%", children: /* @__PURE__ */ ee(o6, { children: [
29836
- o && /* @__PURE__ */ b(
29837
- $v,
29838
- {
29839
- contentStyle: {
29840
- backgroundColor: "var(--color-white)",
29841
- border: "1px solid var(--color-border)",
29842
- borderRadius: "4px",
29843
- fontFamily: "var(--font-sans)",
29844
- fontSize: "14px",
29845
- color: "var(--color-primary)"
29846
- },
29847
- labelStyle: {
29848
- color: "var(--color-secondary)",
29849
- fontWeight: 400
29850
- },
29851
- formatter: (m, h) => [
29852
- `${m} (${v > 0 ? (Number(m) / v * 100).toFixed(1) : 0}%)`,
29853
- h
29854
- ]
29855
- }
29856
- ),
29857
- n && /* @__PURE__ */ b(
29858
- Dl,
29859
- {
29860
- wrapperStyle: {
29861
- fontFamily: "var(--font-sans)",
29862
- fontSize: "14px",
29863
- color: "var(--color-secondary)"
29864
- }
29865
- }
29866
- ),
29867
- /* @__PURE__ */ b(
29868
- pC,
29869
- {
29870
- data: r,
29871
- cx: "50%",
29872
- cy: "50%",
29873
- innerRadius: i,
29874
- outerRadius: a,
29875
- paddingAngle: s,
29876
- dataKey: "value",
29877
- nameKey: "name",
29878
- startAngle: c,
29879
- endAngle: u,
29880
- label: l ? g : !1,
29881
- labelLine: !1,
29882
- children: r.map((m, h) => /* @__PURE__ */ b(
29883
- ea,
29853
+ children: /* @__PURE__ */ b(
29854
+ bp,
29855
+ {
29856
+ width: "100%",
29857
+ height: "100%",
29858
+ minWidth: 100,
29859
+ minHeight: 100,
29860
+ children: /* @__PURE__ */ ee(o6, { children: [
29861
+ o && /* @__PURE__ */ b(
29862
+ $v,
29884
29863
  {
29885
- fill: m.color || _0[h % _0.length]
29886
- },
29887
- `cell-${m.name}-${h}`
29888
- ))
29889
- }
29890
- )
29891
- ] }) })
29864
+ contentStyle: {
29865
+ backgroundColor: "var(--color-white)",
29866
+ border: "1px solid var(--color-border)",
29867
+ borderRadius: "4px",
29868
+ fontFamily: "var(--font-sans)",
29869
+ fontSize: "14px",
29870
+ color: "var(--color-primary)"
29871
+ },
29872
+ labelStyle: {
29873
+ color: "var(--color-secondary)",
29874
+ fontWeight: 400
29875
+ },
29876
+ formatter: (m, h) => [
29877
+ `${m} (${v > 0 ? (Number(m) / v * 100).toFixed(1) : 0}%)`,
29878
+ h
29879
+ ]
29880
+ }
29881
+ ),
29882
+ n && /* @__PURE__ */ b(
29883
+ Dl,
29884
+ {
29885
+ wrapperStyle: {
29886
+ fontFamily: "var(--font-sans)",
29887
+ fontSize: "14px",
29888
+ color: "var(--color-secondary)"
29889
+ }
29890
+ }
29891
+ ),
29892
+ /* @__PURE__ */ b(
29893
+ pC,
29894
+ {
29895
+ data: r,
29896
+ cx: "50%",
29897
+ cy: "50%",
29898
+ innerRadius: i,
29899
+ outerRadius: a,
29900
+ paddingAngle: s,
29901
+ dataKey: "value",
29902
+ nameKey: "name",
29903
+ startAngle: c,
29904
+ endAngle: u,
29905
+ label: l ? g : !1,
29906
+ labelLine: !1,
29907
+ children: r.map((m, h) => /* @__PURE__ */ b(
29908
+ ea,
29909
+ {
29910
+ fill: m.color || _0[h % _0.length]
29911
+ },
29912
+ `cell-${m.name}-${h}`
29913
+ ))
29914
+ }
29915
+ )
29916
+ ] })
29917
+ }
29918
+ )
29892
29919
  }
29893
29920
  );
29894
29921
  }
@@ -31159,7 +31186,7 @@ const DZ = d.forwardRef(({ className: e, children: t, position: r = "popper", ..
31159
31186
  {
31160
31187
  ref: o,
31161
31188
  className: F(
31162
- "border-border bg-card text-primary relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border font-sans shadow-md",
31189
+ "border-border bg-card text-primary relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border font-sans shadow-md",
31163
31190
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
31164
31191
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
31165
31192
  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -31177,7 +31204,7 @@ const DZ = d.forwardRef(({ className: e, children: t, position: r = "popper", ..
31177
31204
  {
31178
31205
  className: F(
31179
31206
  "p-1",
31180
- r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
31207
+ r === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
31181
31208
  ),
31182
31209
  children: t
31183
31210
  }
@@ -31206,7 +31233,7 @@ const jZ = d.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
31206
31233
  className: F(
31207
31234
  "text-body relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 outline-none select-none",
31208
31235
  "focus:bg-vanilla focus:text-primary",
31209
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
31236
+ "data-disabled:pointer-events-none data-disabled:opacity-50",
31210
31237
  e
31211
31238
  ),
31212
31239
  ...r,
@@ -31239,7 +31266,7 @@ const $Z = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ b(
31239
31266
  }
31240
31267
  ));
31241
31268
  $Z.displayName = "SelectSeparator";
31242
- const LZ = ie("bg-alt animate-pulse", {
31269
+ const LZ = ie("bg-contrast animate-pulse", {
31243
31270
  variants: {
31244
31271
  variant: {
31245
31272
  default: "rounded-md",