@vellira-ui/react 2.103.1 → 2.103.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.
package/dist/index.js CHANGED
@@ -4467,55 +4467,56 @@ var Ii = Object.assign(Pi, {
4467
4467
  });
4468
4468
  Ii.displayName = "Tooltip";
4469
4469
  var Li = {
4470
- button: "_button_tqwey_1",
4471
- solid: "_solid_tqwey_26",
4472
- primary: "_primary_tqwey_26",
4473
- loading: "_loading_tqwey_26",
4474
- neutral: "_neutral_tqwey_52",
4475
- success: "_success_tqwey_78",
4476
- warning: "_warning_tqwey_104",
4477
- danger: "_danger_tqwey_130",
4478
- outline: "_outline_tqwey_156",
4479
- ghost: "_ghost_tqwey_286",
4480
- soft: "_soft_tqwey_416",
4481
- link: "_link_tqwey_546",
4482
- square: "_square_tqwey_714",
4483
- rounded: "_rounded_tqwey_718",
4484
- pill: "_pill_tqwey_722",
4485
- sm: "_sm_tqwey_726",
4486
- md: "_md_tqwey_730",
4487
- lg: "_lg_tqwey_734",
4488
- fullWidth: "_fullWidth_tqwey_738",
4489
- iconOnly: "_iconOnly_tqwey_742",
4490
- label: "_label_tqwey_748",
4491
- labelText: "_labelText_tqwey_758",
4492
- icon: "_icon_tqwey_742",
4493
- spinner: "_spinner_tqwey_777",
4494
- "button-spin": "_button-spin_tqwey_1",
4495
- badge: "_badge_tqwey_799",
4496
- shortcut: "_shortcut_tqwey_813"
4470
+ button: "_button_1jj4q_1",
4471
+ solid: "_solid_1jj4q_26",
4472
+ primary: "_primary_1jj4q_26",
4473
+ loading: "_loading_1jj4q_26",
4474
+ neutral: "_neutral_1jj4q_52",
4475
+ success: "_success_1jj4q_78",
4476
+ warning: "_warning_1jj4q_104",
4477
+ danger: "_danger_1jj4q_130",
4478
+ outline: "_outline_1jj4q_156",
4479
+ ghost: "_ghost_1jj4q_286",
4480
+ soft: "_soft_1jj4q_416",
4481
+ link: "_link_1jj4q_546",
4482
+ bare: "_bare_1jj4q_701",
4483
+ square: "_square_1jj4q_730",
4484
+ rounded: "_rounded_1jj4q_734",
4485
+ pill: "_pill_1jj4q_738",
4486
+ sm: "_sm_1jj4q_742",
4487
+ md: "_md_1jj4q_746",
4488
+ lg: "_lg_1jj4q_750",
4489
+ fullWidth: "_fullWidth_1jj4q_754",
4490
+ iconOnly: "_iconOnly_1jj4q_758",
4491
+ label: "_label_1jj4q_764",
4492
+ labelText: "_labelText_1jj4q_774",
4493
+ icon: "_icon_1jj4q_758",
4494
+ spinner: "_spinner_1jj4q_793",
4495
+ "button-spin": "_button-spin_1jj4q_1",
4496
+ badge: "_badge_1jj4q_815",
4497
+ shortcut: "_shortcut_1jj4q_829"
4497
4498
  }, Ri = i(({ children: e, color: t = "primary", appearance: r = "solid", size: i = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, badge: m, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, style: w, onClick: T, "aria-label": E, "aria-labelledby": D, href: O, target: k, rel: A, download: j, id: M, role: N, tabIndex: P, ...F }, I) => {
4498
- let L = S && a(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(d || f), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = c || l, H = ie[i], U = {
4499
- "--button-height": `${H.height}px`,
4500
- "--button-font-size": `${H.fontSize}px`,
4501
- "--button-line-height": `${H.lineHeight}px`,
4502
- "--icon-size": `${H.iconSize}px`
4503
- }, W = l && u ? u : R, ee = u && R && !z && (typeof R == "string" || typeof R == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? R : u) : void 0, te = k === "_blank" && !A ? "noreferrer noopener" : A, ne = J(Li.button, Li[t], Li[r], Li[i], Li[o], C, {
4499
+ let L = S && a(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(d || f), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = c || l, H = r === "bare", U = ie[i], W = {
4500
+ "--button-height": `${U.height}px`,
4501
+ "--button-font-size": `${U.fontSize}px`,
4502
+ "--button-line-height": `${U.lineHeight}px`,
4503
+ "--icon-size": `${U.iconSize}px`
4504
+ }, ee = l && u ? u : R, te = u && R && !z && (typeof R == "string" || typeof R == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? R : u) : void 0, ne = k === "_blank" && !A ? "noreferrer noopener" : A, re = J(H ? Li.bare : Li.button, H ? null : Li[t], H ? null : Li[r], H ? null : Li[i], H ? null : Li[o], C, {
4504
4505
  [Li.disabled]: V,
4505
4506
  [Li.loading]: l,
4506
4507
  [Li.fullWidth]: b,
4507
4508
  [Li.iconOnly]: z
4508
4509
  });
4509
4510
  Me(!S || !O, "Button: pass href to the child element when using asChild."), Me(!S || !!L, "Button: asChild requires a single valid React element child."), Me(!z || B, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
4510
- let re = (e) => {
4511
+ let G = (e) => {
4511
4512
  e.preventDefault(), e.stopPropagation();
4512
- }, G = (e) => {
4513
+ }, K = (e) => {
4513
4514
  if (V) {
4514
- re(e);
4515
+ G(e);
4515
4516
  return;
4516
4517
  }
4517
4518
  L?.props.onClick?.(e), e.defaultPrevented || T?.(e);
4518
- }, K = /* @__PURE__ */ _(h, { children: [
4519
+ }, ae = /* @__PURE__ */ _(h, { children: [
4519
4520
  l && (p ? /* @__PURE__ */ g("span", {
4520
4521
  className: Li.icon,
4521
4522
  "aria-hidden": "true",
@@ -4528,22 +4529,22 @@ var Li = {
4528
4529
  className: Li.icon,
4529
4530
  children: d
4530
4531
  }),
4531
- W && !z && /* @__PURE__ */ g("span", {
4532
+ ee && !z && (H ? ee : /* @__PURE__ */ g("span", {
4532
4533
  className: Li.label,
4533
- "data-measure": ee,
4534
+ "data-measure": te,
4534
4535
  children: /* @__PURE__ */ g("span", {
4535
4536
  className: Li.labelText,
4536
- children: W
4537
+ children: ee
4537
4538
  })
4538
- }),
4539
- m && !z && /* @__PURE__ */ g("span", {
4539
+ })),
4540
+ m && !z && (H ? m : /* @__PURE__ */ g("span", {
4540
4541
  className: Li.badge,
4541
4542
  children: m
4542
- }),
4543
- v && !z && /* @__PURE__ */ g("span", {
4543
+ })),
4544
+ v && !z && (H ? v : /* @__PURE__ */ g("span", {
4544
4545
  className: Li.shortcut,
4545
4546
  children: v
4546
- }),
4547
+ })),
4547
4548
  !l && f && /* @__PURE__ */ g("span", {
4548
4549
  className: Li.icon,
4549
4550
  children: f
@@ -4553,7 +4554,7 @@ var Li = {
4553
4554
  ...F,
4554
4555
  ref: I,
4555
4556
  style: {
4556
- ...U,
4557
+ ...W,
4557
4558
  ...L.props.style,
4558
4559
  ...w
4559
4560
  },
@@ -4561,12 +4562,12 @@ var Li = {
4561
4562
  "aria-disabled": V || void 0,
4562
4563
  "aria-label": E || L.props["aria-label"] || void 0,
4563
4564
  "aria-labelledby": D || L.props["aria-labelledby"] || void 0,
4564
- className: J(L.props.className, ne),
4565
+ className: J(L.props.className, re),
4565
4566
  href: V ? void 0 : L.props.href,
4566
- onClick: G,
4567
+ onClick: K,
4567
4568
  tabIndex: V ? -1 : L.props.tabIndex,
4568
4569
  title: y || L.props.title,
4569
- children: K
4570
+ children: ae
4570
4571
  }) : O ? /* @__PURE__ */ g("a", {
4571
4572
  ref: I,
4572
4573
  href: V ? void 0 : O,
@@ -4574,20 +4575,20 @@ var Li = {
4574
4575
  role: N,
4575
4576
  tabIndex: V ? -1 : P,
4576
4577
  target: k,
4577
- rel: te,
4578
+ rel: ne,
4578
4579
  download: j,
4579
- onClick: V ? re : T,
4580
+ onClick: V ? G : T,
4580
4581
  "aria-disabled": V || void 0,
4581
4582
  "aria-label": E || void 0,
4582
4583
  "aria-labelledby": D || void 0,
4583
4584
  "aria-busy": l || void 0,
4584
- className: ne,
4585
+ className: re,
4585
4586
  title: y,
4586
4587
  style: {
4587
- ...U,
4588
+ ...W,
4588
4589
  ...w
4589
4590
  },
4590
- children: K
4591
+ children: ae
4591
4592
  }) : /* @__PURE__ */ g("button", {
4592
4593
  ...F,
4593
4594
  ref: I,
@@ -4600,13 +4601,13 @@ var Li = {
4600
4601
  "aria-label": E || void 0,
4601
4602
  "aria-labelledby": D || void 0,
4602
4603
  "aria-busy": l || void 0,
4603
- className: ne,
4604
+ className: re,
4604
4605
  title: y,
4605
4606
  style: {
4606
- ...U,
4607
+ ...W,
4607
4608
  ...w
4608
4609
  },
4609
- children: K
4610
+ children: ae
4610
4611
  });
4611
4612
  });
4612
4613
  Ri.displayName = "Button";
@@ -4744,46 +4745,47 @@ var Q = {
4744
4745
  });
4745
4746
  Ui.displayName = "Checkbox";
4746
4747
  var $ = {
4747
- inputGroup: "_inputGroup_10dlc_1",
4748
- primary: "_primary_10dlc_29",
4749
- outline: "_outline_10dlc_29",
4750
- filled: "_filled_10dlc_62",
4751
- soft: "_soft_10dlc_95",
4752
- neutral: "_neutral_10dlc_128",
4753
- success: "_success_10dlc_227",
4754
- warning: "_warning_10dlc_326",
4755
- danger: "_danger_10dlc_425",
4756
- inputWrapper: "_inputWrapper_10dlc_524",
4757
- input: "_input_10dlc_1",
4758
- error: "_error_10dlc_578",
4759
- sm: "_sm_10dlc_586",
4760
- md: "_md_10dlc_589",
4761
- lg: "_lg_10dlc_592",
4762
- isInvalid: "_isInvalid_10dlc_607",
4763
- hasLeftAdornment: "_hasLeftAdornment_10dlc_637",
4764
- hasRightAdornment: "_hasRightAdornment_10dlc_641",
4765
- hasStartIconAndPrefix: "_hasStartIconAndPrefix_10dlc_645",
4766
- hasEndIconAndSuffix: "_hasEndIconAndSuffix_10dlc_649",
4767
- startAdornment: "_startAdornment_10dlc_653",
4768
- endAdornment: "_endAdornment_10dlc_654",
4769
- prefix: "_prefix_10dlc_672",
4770
- suffix: "_suffix_10dlc_673",
4771
- endSlot: "_endSlot_10dlc_700",
4772
- isLoading: "_isLoading_10dlc_711",
4773
- clearButton: "_clearButton_10dlc_748",
4774
- iconButton: "_iconButton_10dlc_763",
4775
- spinner: "_spinner_10dlc_789",
4776
- "input-spin": "_input-spin_10dlc_1",
4777
- addon: "_addon_10dlc_798",
4778
- hasAddons: "_hasAddons_10dlc_819",
4779
- counter: "_counter_10dlc_833",
4780
- toneDefault: "_toneDefault_10dlc_861",
4781
- tonePrimary: "_tonePrimary_10dlc_865",
4782
- toneSecondary: "_toneSecondary_10dlc_869",
4783
- toneSuccess: "_toneSuccess_10dlc_873",
4784
- toneDanger: "_toneDanger_10dlc_877",
4785
- toneMuted: "_toneMuted_10dlc_881",
4786
- toneInverse: "_toneInverse_10dlc_885"
4748
+ inputGroup: "_inputGroup_1nr0h_1",
4749
+ primary: "_primary_1nr0h_29",
4750
+ outline: "_outline_1nr0h_29",
4751
+ filled: "_filled_1nr0h_62",
4752
+ soft: "_soft_1nr0h_95",
4753
+ neutral: "_neutral_1nr0h_128",
4754
+ success: "_success_1nr0h_227",
4755
+ warning: "_warning_1nr0h_326",
4756
+ danger: "_danger_1nr0h_425",
4757
+ inputWrapper: "_inputWrapper_1nr0h_524",
4758
+ input: "_input_1nr0h_1",
4759
+ error: "_error_1nr0h_578",
4760
+ sm: "_sm_1nr0h_586",
4761
+ md: "_md_1nr0h_589",
4762
+ lg: "_lg_1nr0h_592",
4763
+ isInvalid: "_isInvalid_1nr0h_607",
4764
+ hasLeftAdornment: "_hasLeftAdornment_1nr0h_637",
4765
+ hasRightAdornment: "_hasRightAdornment_1nr0h_641",
4766
+ hasStartIconAndPrefix: "_hasStartIconAndPrefix_1nr0h_645",
4767
+ hasEndIconAndSuffix: "_hasEndIconAndSuffix_1nr0h_649",
4768
+ startAdornment: "_startAdornment_1nr0h_653",
4769
+ endAdornment: "_endAdornment_1nr0h_654",
4770
+ prefix: "_prefix_1nr0h_672",
4771
+ suffix: "_suffix_1nr0h_673",
4772
+ endSlot: "_endSlot_1nr0h_700",
4773
+ isLoading: "_isLoading_1nr0h_711",
4774
+ clearButton: "_clearButton_1nr0h_748",
4775
+ iconButton: "_iconButton_1nr0h_763",
4776
+ spinner: "_spinner_1nr0h_789",
4777
+ "input-spin": "_input-spin_1nr0h_1",
4778
+ addon: "_addon_1nr0h_798",
4779
+ hasAddons: "_hasAddons_1nr0h_819",
4780
+ counter: "_counter_1nr0h_833",
4781
+ toneDefault: "_toneDefault_1nr0h_861",
4782
+ tonePrimary: "_tonePrimary_1nr0h_865",
4783
+ toneSecondary: "_toneSecondary_1nr0h_869",
4784
+ toneSuccess: "_toneSuccess_1nr0h_873",
4785
+ toneDanger: "_toneDanger_1nr0h_877",
4786
+ toneMuted: "_toneMuted_1nr0h_881",
4787
+ toneInverse: "_toneInverse_1nr0h_885",
4788
+ bare: "_bare_1nr0h_889"
4787
4789
  }, Wi = {
4788
4790
  default: $.toneDefault,
4789
4791
  primary: $.tonePrimary,