@datavac/ui-kit 1.4.0 → 1.5.0-tabs-component.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export { Card } from './components/Card';
12
12
  export type { CardProps } from './components/Card';
13
13
  export { Spinner, Skeleton } from './components/Spinner';
14
14
  export { EmptyState, ErrorState } from './components/States';
15
- export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/Tabs';
15
+ export { Tabs } from './components/Tabs';
16
16
  export { AdministrationIcon } from './components/AdministrationIcon';
17
17
  export type { AdministrationIconProps, AdministrationMethod } from './components/AdministrationIcon';
18
18
  export { ThemeToggle } from './components/ThemeToggle';
package/dist/index.js CHANGED
@@ -6645,38 +6645,28 @@ function hd(e, t) {
6645
6645
  var gd = sd, _d = ld, vd = dd, yd = pd;
6646
6646
  //#endregion
6647
6647
  //#region src/components/Tabs/Tabs.tsx
6648
- function bd({ defaultValue: e, value: t, onValueChange: n, children: r, className: i }) {
6649
- return /* @__PURE__ */ d(gd, {
6650
- defaultValue: e,
6648
+ function bd({ tabs: e, activeId: t, onChange: n, className: r, tabClassName: i, activeClassName: a, listClassName: o, contentClassName: s }) {
6649
+ return /* @__PURE__ */ f(gd, {
6651
6650
  value: t,
6652
6651
  onValueChange: n,
6653
- className: W("flex flex-col gap-4", i),
6654
- children: r
6655
- });
6656
- }
6657
- function xd({ children: e, className: t }) {
6658
- return /* @__PURE__ */ d(_d, {
6659
- className: W("flex flex-wrap gap-2 items-center", t),
6660
- children: e
6661
- });
6662
- }
6663
- function Sd({ value: e, children: t, className: n }) {
6664
- return /* @__PURE__ */ d(vd, {
6665
- value: e,
6666
- className: W("h-8 px-3 py-1 rounded-pill text-base font-sans font-medium transition-colors", "bg-interactive text-fg", "data-[state=active]:bg-neutral data-[state=active]:text-white", n),
6667
- children: t
6668
- });
6669
- }
6670
- function Cd({ value: e, children: t, className: n }) {
6671
- return /* @__PURE__ */ d(yd, {
6672
- value: e,
6673
- className: W("outline-none", n),
6674
- children: t
6652
+ className: W("flex flex-col", r),
6653
+ children: [/* @__PURE__ */ d(_d, {
6654
+ className: W("flex flex-wrap", o),
6655
+ children: e.map((e) => /* @__PURE__ */ d(vd, {
6656
+ value: e.id,
6657
+ className: W("transition-all", i, t === e.id && a),
6658
+ children: e.label
6659
+ }, e.id))
6660
+ }), e.map((e) => /* @__PURE__ */ d(yd, {
6661
+ value: e.id,
6662
+ className: W("outline-none", s),
6663
+ children: e.content
6664
+ }, e.id))]
6675
6665
  });
6676
6666
  }
6677
6667
  //#endregion
6678
6668
  //#region src/icons/index.tsx
6679
- function wd({ width: e = 24, height: t = 24, ...n }) {
6669
+ function xd({ width: e = 24, height: t = 24, ...n }) {
6680
6670
  return /* @__PURE__ */ d("svg", {
6681
6671
  viewBox: "0 0 24 24",
6682
6672
  width: e,
@@ -6692,7 +6682,7 @@ function wd({ width: e = 24, height: t = 24, ...n }) {
6692
6682
  })
6693
6683
  });
6694
6684
  }
6695
- function Td({ width: e = 24, height: t = 24, ...n }) {
6685
+ function Sd({ width: e = 24, height: t = 24, ...n }) {
6696
6686
  return /* @__PURE__ */ d("svg", {
6697
6687
  viewBox: "0 0 24 24",
6698
6688
  width: e,
@@ -6708,7 +6698,7 @@ function Td({ width: e = 24, height: t = 24, ...n }) {
6708
6698
  })
6709
6699
  });
6710
6700
  }
6711
- function Ed({ width: e = 24, height: t = 24, ...n }) {
6701
+ function Cd({ width: e = 24, height: t = 24, ...n }) {
6712
6702
  return /* @__PURE__ */ d("svg", {
6713
6703
  viewBox: "0 0 24 24",
6714
6704
  width: e,
@@ -6724,7 +6714,7 @@ function Ed({ width: e = 24, height: t = 24, ...n }) {
6724
6714
  })
6725
6715
  });
6726
6716
  }
6727
- function Dd({ width: e = 12, height: t = 12, ...n }) {
6717
+ function wd({ width: e = 12, height: t = 12, ...n }) {
6728
6718
  return /* @__PURE__ */ d("svg", {
6729
6719
  viewBox: "0 0 12 12",
6730
6720
  width: e,
@@ -6740,7 +6730,7 @@ function Dd({ width: e = 12, height: t = 12, ...n }) {
6740
6730
  })
6741
6731
  });
6742
6732
  }
6743
- function Od({ width: e = 24, height: t = 24, ...n }) {
6733
+ function Td({ width: e = 24, height: t = 24, ...n }) {
6744
6734
  return /* @__PURE__ */ d("svg", {
6745
6735
  viewBox: "0 0 24 24",
6746
6736
  width: e,
@@ -6756,7 +6746,7 @@ function Od({ width: e = 24, height: t = 24, ...n }) {
6756
6746
  })
6757
6747
  });
6758
6748
  }
6759
- function kd({ width: e = 24, height: t = 24, ...n }) {
6749
+ function Ed({ width: e = 24, height: t = 24, ...n }) {
6760
6750
  return /* @__PURE__ */ d("svg", {
6761
6751
  viewBox: "0 0 24 24",
6762
6752
  width: e,
@@ -6772,7 +6762,7 @@ function kd({ width: e = 24, height: t = 24, ...n }) {
6772
6762
  })
6773
6763
  });
6774
6764
  }
6775
- function Ad({ width: e = 24, height: t = 24, ...n }) {
6765
+ function Dd({ width: e = 24, height: t = 24, ...n }) {
6776
6766
  return /* @__PURE__ */ d("svg", {
6777
6767
  viewBox: "0 0 24 24",
6778
6768
  width: e,
@@ -6788,7 +6778,7 @@ function Ad({ width: e = 24, height: t = 24, ...n }) {
6788
6778
  })
6789
6779
  });
6790
6780
  }
6791
- function jd({ width: e = 24, height: t = 24, ...n }) {
6781
+ function Od({ width: e = 24, height: t = 24, ...n }) {
6792
6782
  return /* @__PURE__ */ d("svg", {
6793
6783
  viewBox: "0 0 24 24",
6794
6784
  width: e,
@@ -6804,7 +6794,7 @@ function jd({ width: e = 24, height: t = 24, ...n }) {
6804
6794
  })
6805
6795
  });
6806
6796
  }
6807
- function Md({ width: e = 24, height: t = 24, ...n }) {
6797
+ function kd({ width: e = 24, height: t = 24, ...n }) {
6808
6798
  return /* @__PURE__ */ d("svg", {
6809
6799
  viewBox: "0 0 24 24",
6810
6800
  width: e,
@@ -6820,7 +6810,7 @@ function Md({ width: e = 24, height: t = 24, ...n }) {
6820
6810
  })
6821
6811
  });
6822
6812
  }
6823
- function Nd({ width: e = 24, height: t = 24, ...n }) {
6813
+ function Ad({ width: e = 24, height: t = 24, ...n }) {
6824
6814
  return /* @__PURE__ */ d("svg", {
6825
6815
  viewBox: "0 0 24 24",
6826
6816
  width: e,
@@ -6836,7 +6826,7 @@ function Nd({ width: e = 24, height: t = 24, ...n }) {
6836
6826
  })
6837
6827
  });
6838
6828
  }
6839
- function Pd({ width: e = 24, height: t = 24, ...n }) {
6829
+ function jd({ width: e = 24, height: t = 24, ...n }) {
6840
6830
  return /* @__PURE__ */ d("svg", {
6841
6831
  viewBox: "0 0 24 24",
6842
6832
  width: e,
@@ -6852,7 +6842,7 @@ function Pd({ width: e = 24, height: t = 24, ...n }) {
6852
6842
  })
6853
6843
  });
6854
6844
  }
6855
- function Fd({ width: e = 24, height: t = 24, ...n }) {
6845
+ function Md({ width: e = 24, height: t = 24, ...n }) {
6856
6846
  return /* @__PURE__ */ d("svg", {
6857
6847
  viewBox: "0 0 24 24",
6858
6848
  width: e,
@@ -6868,7 +6858,7 @@ function Fd({ width: e = 24, height: t = 24, ...n }) {
6868
6858
  })
6869
6859
  });
6870
6860
  }
6871
- function Id({ width: e = 24, height: t = 24, ...n }) {
6861
+ function Nd({ width: e = 24, height: t = 24, ...n }) {
6872
6862
  return /* @__PURE__ */ d("svg", {
6873
6863
  viewBox: "0 0 24 24",
6874
6864
  width: e,
@@ -6884,7 +6874,7 @@ function Id({ width: e = 24, height: t = 24, ...n }) {
6884
6874
  })
6885
6875
  });
6886
6876
  }
6887
- function Ld({ width: e = 20, height: t = 20, ...n }) {
6877
+ function Pd({ width: e = 20, height: t = 20, ...n }) {
6888
6878
  return /* @__PURE__ */ d("svg", {
6889
6879
  viewBox: "0 0 20 20",
6890
6880
  width: e,
@@ -6900,7 +6890,7 @@ function Ld({ width: e = 20, height: t = 20, ...n }) {
6900
6890
  })
6901
6891
  });
6902
6892
  }
6903
- function Rd({ width: e = 14, height: t = 10, ...n }) {
6893
+ function Fd({ width: e = 14, height: t = 10, ...n }) {
6904
6894
  return /* @__PURE__ */ f("svg", {
6905
6895
  viewBox: "0 0 14 10",
6906
6896
  width: e,
@@ -6932,7 +6922,7 @@ function Rd({ width: e = 14, height: t = 10, ...n }) {
6932
6922
  ]
6933
6923
  });
6934
6924
  }
6935
- function zd({ width: e = 24, height: t = 24, ...n }) {
6925
+ function Id({ width: e = 24, height: t = 24, ...n }) {
6936
6926
  return /* @__PURE__ */ d("svg", {
6937
6927
  viewBox: "0 0 24 24",
6938
6928
  width: e,
@@ -6948,7 +6938,7 @@ function zd({ width: e = 24, height: t = 24, ...n }) {
6948
6938
  })
6949
6939
  });
6950
6940
  }
6951
- function Bd({ width: e = 24, height: t = 24, ...n }) {
6941
+ function Ld({ width: e = 24, height: t = 24, ...n }) {
6952
6942
  return /* @__PURE__ */ d("svg", {
6953
6943
  viewBox: "0 0 24 24",
6954
6944
  width: e,
@@ -6964,7 +6954,7 @@ function Bd({ width: e = 24, height: t = 24, ...n }) {
6964
6954
  })
6965
6955
  });
6966
6956
  }
6967
- function Vd({ width: e = 24, height: t = 24, ...n }) {
6957
+ function Rd({ width: e = 24, height: t = 24, ...n }) {
6968
6958
  return /* @__PURE__ */ d("svg", {
6969
6959
  viewBox: "0 0 24 24",
6970
6960
  width: e,
@@ -6980,7 +6970,7 @@ function Vd({ width: e = 24, height: t = 24, ...n }) {
6980
6970
  })
6981
6971
  });
6982
6972
  }
6983
- function Hd({ width: e = 24, height: t = 24, ...n }) {
6973
+ function zd({ width: e = 24, height: t = 24, ...n }) {
6984
6974
  return /* @__PURE__ */ d("svg", {
6985
6975
  viewBox: "0 0 24 24",
6986
6976
  width: e,
@@ -6996,7 +6986,7 @@ function Hd({ width: e = 24, height: t = 24, ...n }) {
6996
6986
  })
6997
6987
  });
6998
6988
  }
6999
- function Ud({ width: e = 24, height: t = 24, ...n }) {
6989
+ function Bd({ width: e = 24, height: t = 24, ...n }) {
7000
6990
  return /* @__PURE__ */ d("svg", {
7001
6991
  viewBox: "0 0 24 24",
7002
6992
  width: e,
@@ -7012,7 +7002,7 @@ function Ud({ width: e = 24, height: t = 24, ...n }) {
7012
7002
  })
7013
7003
  });
7014
7004
  }
7015
- function Wd({ width: e = 12, height: t = 12, ...n }) {
7005
+ function Vd({ width: e = 12, height: t = 12, ...n }) {
7016
7006
  return /* @__PURE__ */ f("svg", {
7017
7007
  viewBox: "0 0 12 12",
7018
7008
  width: e,
@@ -7038,7 +7028,7 @@ function Wd({ width: e = 12, height: t = 12, ...n }) {
7038
7028
  }) })]
7039
7029
  });
7040
7030
  }
7041
- function Gd({ width: e = 24, height: t = 24, ...n }) {
7031
+ function Hd({ width: e = 24, height: t = 24, ...n }) {
7042
7032
  return /* @__PURE__ */ d("svg", {
7043
7033
  viewBox: "0 0 24 24",
7044
7034
  width: e,
@@ -7054,7 +7044,7 @@ function Gd({ width: e = 24, height: t = 24, ...n }) {
7054
7044
  })
7055
7045
  });
7056
7046
  }
7057
- function Kd({ width: e = 24, height: t = 24, ...n }) {
7047
+ function Ud({ width: e = 24, height: t = 24, ...n }) {
7058
7048
  return /* @__PURE__ */ d("svg", {
7059
7049
  viewBox: "0 0 24 24",
7060
7050
  width: e,
@@ -7070,7 +7060,7 @@ function Kd({ width: e = 24, height: t = 24, ...n }) {
7070
7060
  })
7071
7061
  });
7072
7062
  }
7073
- function qd({ width: e = 24, height: t = 24, ...n }) {
7063
+ function Wd({ width: e = 24, height: t = 24, ...n }) {
7074
7064
  return /* @__PURE__ */ d("svg", {
7075
7065
  viewBox: "0 0 24 24",
7076
7066
  width: e,
@@ -7086,7 +7076,7 @@ function qd({ width: e = 24, height: t = 24, ...n }) {
7086
7076
  })
7087
7077
  });
7088
7078
  }
7089
- function Jd({ width: e = 24, height: t = 24, ...n }) {
7079
+ function Gd({ width: e = 24, height: t = 24, ...n }) {
7090
7080
  return /* @__PURE__ */ d("svg", {
7091
7081
  viewBox: "0 0 24 24",
7092
7082
  width: e,
@@ -7102,7 +7092,7 @@ function Jd({ width: e = 24, height: t = 24, ...n }) {
7102
7092
  })
7103
7093
  });
7104
7094
  }
7105
- function Yd({ width: e = 24, height: t = 24, ...n }) {
7095
+ function Kd({ width: e = 24, height: t = 24, ...n }) {
7106
7096
  return /* @__PURE__ */ d("svg", {
7107
7097
  viewBox: "0 0 24 24",
7108
7098
  width: e,
@@ -7118,7 +7108,7 @@ function Yd({ width: e = 24, height: t = 24, ...n }) {
7118
7108
  })
7119
7109
  });
7120
7110
  }
7121
- function Xd({ width: e = 24, height: t = 24, ...n }) {
7111
+ function qd({ width: e = 24, height: t = 24, ...n }) {
7122
7112
  return /* @__PURE__ */ d("svg", {
7123
7113
  viewBox: "0 0 24 24",
7124
7114
  width: e,
@@ -7136,7 +7126,7 @@ function Xd({ width: e = 24, height: t = 24, ...n }) {
7136
7126
  }
7137
7127
  //#endregion
7138
7128
  //#region src/components/AdministrationIcon/assets/cutaneously_method.svg?react
7139
- var Zd = (e) => /* @__PURE__ */ f("svg", {
7129
+ var Jd = (e) => /* @__PURE__ */ f("svg", {
7140
7130
  width: 40,
7141
7131
  height: 40,
7142
7132
  viewBox: "0 0 40 40",
@@ -7163,7 +7153,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7163
7153
  fill: "#E30C5C"
7164
7154
  })
7165
7155
  ]
7166
- }), Qd = (e) => /* @__PURE__ */ f("svg", {
7156
+ }), Yd = (e) => /* @__PURE__ */ f("svg", {
7167
7157
  width: 40,
7168
7158
  height: 40,
7169
7159
  viewBox: "0 0 40 40",
@@ -7190,7 +7180,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7190
7180
  fill: "#E30C5C"
7191
7181
  })
7192
7182
  ]
7193
- }), $d = (e) => /* @__PURE__ */ f("svg", {
7183
+ }), Xd = (e) => /* @__PURE__ */ f("svg", {
7194
7184
  width: 43,
7195
7185
  height: 43,
7196
7186
  viewBox: "0 0 43 43",
@@ -7213,7 +7203,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7213
7203
  fill: "#E30C5C"
7214
7204
  })
7215
7205
  ]
7216
- }), ef = (e) => /* @__PURE__ */ f("svg", {
7206
+ }), Zd = (e) => /* @__PURE__ */ f("svg", {
7217
7207
  width: 43,
7218
7208
  height: 43,
7219
7209
  viewBox: "0 0 43 43",
@@ -7236,7 +7226,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7236
7226
  fill: "#E30C5C"
7237
7227
  })
7238
7228
  ]
7239
- }), tf = (e) => /* @__PURE__ */ f("svg", {
7229
+ }), Qd = (e) => /* @__PURE__ */ f("svg", {
7240
7230
  width: 40,
7241
7231
  height: 40,
7242
7232
  viewBox: "0 0 40 40",
@@ -7311,7 +7301,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7311
7301
  mask: "url(#path-2-outside-1_36_545)"
7312
7302
  })
7313
7303
  ]
7314
- }), nf = (e) => /* @__PURE__ */ f("svg", {
7304
+ }), $d = (e) => /* @__PURE__ */ f("svg", {
7315
7305
  width: 40,
7316
7306
  height: 40,
7317
7307
  viewBox: "0 0 40 40",
@@ -7327,7 +7317,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7327
7317
  stroke: "#E30C5C",
7328
7318
  strokeWidth: .2
7329
7319
  })]
7330
- }), rf = (e) => /* @__PURE__ */ f("svg", {
7320
+ }), ef = (e) => /* @__PURE__ */ f("svg", {
7331
7321
  width: 40,
7332
7322
  height: 40,
7333
7323
  viewBox: "0 0 40 40",
@@ -7365,7 +7355,7 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7365
7355
  mask: "url(#path-2-outside-1_36_550)"
7366
7356
  })
7367
7357
  ]
7368
- }), af = {
7358
+ }), tf = {
7369
7359
  cutaneously: "Накожно",
7370
7360
  intramuscularly: "Внутримышечно",
7371
7361
  subcutaneously: "Подкожно",
@@ -7373,17 +7363,17 @@ var Zd = (e) => /* @__PURE__ */ f("svg", {
7373
7363
  drops: "Перорально: капли",
7374
7364
  pills: "Перорально: таблетки",
7375
7365
  intranasally: "Интраназально"
7376
- }, of = {
7377
- cutaneously: Zd,
7378
- intramuscularly: ef,
7379
- subcutaneously: rf,
7380
- intradermally: $d,
7381
- drops: Qd,
7382
- pills: nf,
7383
- intranasally: tf
7366
+ }, nf = {
7367
+ cutaneously: Jd,
7368
+ intramuscularly: Zd,
7369
+ subcutaneously: ef,
7370
+ intradermally: Xd,
7371
+ drops: Yd,
7372
+ pills: $d,
7373
+ intranasally: Qd
7384
7374
  };
7385
- function sf({ method: e, className: t, disabled: n, ...r }) {
7386
- let i = of[e], a = af[e], o = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(tt, {
7375
+ function rf({ method: e, className: t, disabled: n, ...r }) {
7376
+ let i = nf[e], a = tf[e], o = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(tt, {
7387
7377
  className: "text-white font-semibold",
7388
7378
  children: [a, "."]
7389
7379
  }), /* @__PURE__ */ d(tt, {
@@ -7401,7 +7391,7 @@ function sf({ method: e, className: t, disabled: n, ...r }) {
7401
7391
  }), /* @__PURE__ */ d("span", {
7402
7392
  "aria-hidden": "true",
7403
7393
  className: "absolute -top-1 -right-1 text-fg-muted group-hover:text-accent transition-colors pointer-events-none",
7404
- children: /* @__PURE__ */ d(Ld, { className: "w-3 h-3" })
7394
+ children: /* @__PURE__ */ d(Pd, { className: "w-3 h-3" })
7405
7395
  })]
7406
7396
  });
7407
7397
  return n ? s : /* @__PURE__ */ d(za, {
@@ -7412,7 +7402,7 @@ function sf({ method: e, className: t, disabled: n, ...r }) {
7412
7402
  }
7413
7403
  //#endregion
7414
7404
  //#region src/components/Switch/Switch.tsx
7415
- var cf = {
7405
+ var af = {
7416
7406
  sm: {
7417
7407
  track: "w-8 h-5",
7418
7408
  thumb: "top-0.5 w-4 h-4",
@@ -7426,8 +7416,8 @@ var cf = {
7426
7416
  off: "left-[3px]"
7427
7417
  }
7428
7418
  };
7429
- function lf({ checked: e, onChange: t, size: n = "md", trackClassName: r, thumbClassName: i, id: a, disabled: o, className: s, "aria-label": c, "aria-labelledby": l }) {
7430
- let { track: u, thumb: p, on: m, off: h } = cf[n];
7419
+ function of({ checked: e, onChange: t, size: n = "md", trackClassName: r, thumbClassName: i, id: a, disabled: o, className: s, "aria-label": c, "aria-labelledby": l }) {
7420
+ let { track: u, thumb: p, on: m, off: h } = af[n];
7431
7421
  return /* @__PURE__ */ f("label", {
7432
7422
  className: W("inline-flex items-center cursor-pointer", o && "opacity-40 cursor-not-allowed", s),
7433
7423
  children: [/* @__PURE__ */ d("input", {
@@ -7446,7 +7436,7 @@ function lf({ checked: e, onChange: t, size: n = "md", trackClassName: r, thumbC
7446
7436
  })]
7447
7437
  });
7448
7438
  }
7449
- var uf = {
7439
+ var sf = {
7450
7440
  colors: {
7451
7441
  accent: "#E30C5C",
7452
7442
  accentHover: "#B40A49",
@@ -7472,7 +7462,7 @@ var uf = {
7472
7462
  button: "40px"
7473
7463
  },
7474
7464
  font: { sans: "'Inter Tight', sans-serif" }
7475
- }, df = {
7465
+ }, cf = {
7476
7466
  colors: {
7477
7467
  accent: "#F31667",
7478
7468
  accentHover: "#B40A49",
@@ -7498,7 +7488,7 @@ var uf = {
7498
7488
  button: "40px"
7499
7489
  },
7500
7490
  font: { sans: "'Inter Tight', sans-serif" }
7501
- }, ff = [
7491
+ }, lf = [
7502
7492
  {
7503
7493
  path: "colors.accent",
7504
7494
  cssVar: "--color-accent"
@@ -7583,24 +7573,24 @@ var uf = {
7583
7573
  path: "font.sans",
7584
7574
  cssVar: "--font-sans"
7585
7575
  }
7586
- ], pf = {
7587
- light: uf,
7588
- dark: df
7576
+ ], uf = {
7577
+ light: sf,
7578
+ dark: cf
7589
7579
  };
7590
- function mf(e, t) {
7580
+ function df(e, t) {
7591
7581
  return t.split(".").reduce((e, t) => e[t], e);
7592
7582
  }
7593
- function hf(e) {
7594
- return Object.fromEntries(ff.map(({ path: t, cssVar: n }) => [n, mf(e, t)]));
7583
+ function ff(e) {
7584
+ return Object.fromEntries(lf.map(({ path: t, cssVar: n }) => [n, df(e, t)]));
7595
7585
  }
7596
7586
  //#endregion
7597
7587
  //#region src/components/ThemeProvider/ThemeProvider.tsx
7598
- var gf = n(null);
7599
- function _f({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0 }) {
7588
+ var pf = n(null);
7589
+ function mf({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0 }) {
7600
7590
  let a = c(() => ({
7601
- ...pf,
7591
+ ...uf,
7602
7592
  ...n
7603
- }), [n]), [s, u] = l(t ?? "light"), f = a[s] ?? uf;
7593
+ }), [n]), [s, u] = l(t ?? "light"), f = a[s] ?? sf;
7604
7594
  o(() => {
7605
7595
  let e = localStorage.getItem("datavac-theme");
7606
7596
  !e || !a[e] || u(e);
@@ -7612,7 +7602,7 @@ function _f({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0
7612
7602
  }, [a]), m = i(() => {
7613
7603
  u((e) => e === "dark" ? "light" : "dark");
7614
7604
  }, []);
7615
- return /* @__PURE__ */ d(gf.Provider, {
7605
+ return /* @__PURE__ */ d(pf.Provider, {
7616
7606
  value: {
7617
7607
  themeName: s,
7618
7608
  tokens: f,
@@ -7622,15 +7612,15 @@ function _f({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0
7622
7612
  children: e
7623
7613
  });
7624
7614
  }
7625
- function vf() {
7626
- let e = a(gf);
7615
+ function hf() {
7616
+ let e = a(pf);
7627
7617
  if (!e) throw Error("useTheme must be used within <ThemeProvider>");
7628
7618
  return e;
7629
7619
  }
7630
7620
  //#endregion
7631
7621
  //#region src/components/ThemeToggle/ThemeToggle.tsx
7632
- function yf({ className: e }) {
7633
- let { themeName: t, toggleTheme: n } = vf(), r = t === "dark", [i, a] = l(!1);
7622
+ function gf({ className: e }) {
7623
+ let { themeName: t, toggleTheme: n } = hf(), r = t === "dark", [i, a] = l(!1);
7634
7624
  return o(() => {
7635
7625
  a(!0);
7636
7626
  }, []), i ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
@@ -7640,7 +7630,7 @@ function yf({ className: e }) {
7640
7630
  className: W("text-xs font-sans", r ? "text-fg-muted" : "text-fg"),
7641
7631
  children: "День"
7642
7632
  }),
7643
- /* @__PURE__ */ d(lf, {
7633
+ /* @__PURE__ */ d(of, {
7644
7634
  checked: r,
7645
7635
  onChange: () => n(),
7646
7636
  size: "sm",
@@ -7663,14 +7653,14 @@ function yf({ className: e }) {
7663
7653
  /* @__PURE__ */ d("span", { className: W("absolute top-[3px] w-[26px] h-[26px] bg-white rounded-full shadow transition-all duration-200", r ? "left-[29px]" : "left-[3px]") }),
7664
7654
  /* @__PURE__ */ d("span", {
7665
7655
  className: "absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none text-white",
7666
- children: /* @__PURE__ */ d(Gd, {})
7656
+ children: /* @__PURE__ */ d(Hd, {})
7667
7657
  }),
7668
7658
  /* @__PURE__ */ d("span", {
7669
7659
  className: "absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-fg",
7670
- children: /* @__PURE__ */ d(Bd, {})
7660
+ children: /* @__PURE__ */ d(Ld, {})
7671
7661
  })
7672
7662
  ]
7673
7663
  })] }) : null;
7674
7664
  }
7675
7665
  //#endregion
7676
- export { Tu as Accordion, Eu as AccordionItem, sf as AdministrationIcon, wd as ArrowDownArrowUpIcon, Td as ArrowDownToBracketIcon, Ed as ArrowUpRightFromSquareIcon, Dd as ArrowsIcon, bt as Badge, Od as BottleIcon, yt as Button, nt as Caption, Ou as Card, kd as ChevronDownIcon, xt as Chip, Ad as CircleAttentionIcon, jd as CircleMinusIcon, Md as CirclePlusIcon, Nd as CircleXmarkIcon, Pd as CopyIcon, St as Counter, Fd as DnaIcon, bl as Drawer, Mu as EmptyState, Nu as ErrorState, Id as FileArrowDownIcon, $e as Heading, Ld as InfoCircleIcon, Ct as Input, tt as Label, Rd as MenuIcon, zd as MinusIcon, Bd as MoonStarsIcon, Vd as PlusIcon, wt as SearchBar, Hd as SearchIcon, Ud as SearchListIcon, ju as Skeleton, Au as Spinner, Gd as SunIcon, Wd as SunMiniIcon, lf as Switch, bd as Tabs, Cd as TabsContent, xd as TabsList, Sd as TabsTrigger, Kd as TestTubeIcon, et as Text, _f as ThemeProvider, yf as ThemeToggle, qd as ThermometerIcon, za as Tooltip, Jd as VirusIcon, Xd as XmarkIcon, Yd as XmarkLargeIcon, W as cn, df as darkTheme, uf as defaultTheme, pf as themes, hf as tokensToCssVars, vf as useTheme };
7666
+ export { Tu as Accordion, Eu as AccordionItem, rf as AdministrationIcon, xd as ArrowDownArrowUpIcon, Sd as ArrowDownToBracketIcon, Cd as ArrowUpRightFromSquareIcon, wd as ArrowsIcon, bt as Badge, Td as BottleIcon, yt as Button, nt as Caption, Ou as Card, Ed as ChevronDownIcon, xt as Chip, Dd as CircleAttentionIcon, Od as CircleMinusIcon, kd as CirclePlusIcon, Ad as CircleXmarkIcon, jd as CopyIcon, St as Counter, Md as DnaIcon, bl as Drawer, Mu as EmptyState, Nu as ErrorState, Nd as FileArrowDownIcon, $e as Heading, Pd as InfoCircleIcon, Ct as Input, tt as Label, Fd as MenuIcon, Id as MinusIcon, Ld as MoonStarsIcon, Rd as PlusIcon, wt as SearchBar, zd as SearchIcon, Bd as SearchListIcon, ju as Skeleton, Au as Spinner, Hd as SunIcon, Vd as SunMiniIcon, of as Switch, bd as Tabs, Ud as TestTubeIcon, et as Text, mf as ThemeProvider, gf as ThemeToggle, Wd as ThermometerIcon, za as Tooltip, Gd as VirusIcon, qd as XmarkIcon, Kd as XmarkLargeIcon, W as cn, cf as darkTheme, sf as defaultTheme, uf as themes, ff as tokensToCssVars, hf as useTheme };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datavac/ui-kit",
3
- "version": "1.4.0",
3
+ "version": "1.5.0-tabs-component.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",