@jonapin006/tiger 1.0.47 → 1.0.49

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/tiger.css +1 -1
  2. package/dist/tiger.es.js +33 -30
  3. package/dist/tiger.umd.js +1 -1
  4. package/package.json +1 -1
package/dist/tiger.es.js CHANGED
@@ -561,26 +561,26 @@ var v = /* @__PURE__ */ function(e) {
561
561
  small: {
562
562
  track: "w-10 h-5",
563
563
  thumb: "w-4 h-4",
564
- translateChecked: "translate-x-5",
565
- translateUnchecked: "translate-x-0.5"
564
+ translateChecked: "translate-x-[1.25rem]",
565
+ translateUnchecked: "translate-x-0"
566
566
  },
567
567
  medium: {
568
568
  track: "w-12 h-6",
569
569
  thumb: "w-5 h-5",
570
- translateChecked: "translate-x-6",
571
- translateUnchecked: "translate-x-0.5"
570
+ translateChecked: "translate-x-[1.5rem]",
571
+ translateUnchecked: "translate-x-0"
572
572
  },
573
573
  large: {
574
574
  track: "w-14 h-7",
575
575
  thumb: "w-6 h-6",
576
- translateChecked: "translate-x-7",
577
- translateUnchecked: "translate-x-0.5"
576
+ translateChecked: "translate-x-[1.75rem]",
577
+ translateUnchecked: "translate-x-0"
578
578
  },
579
579
  layout: {
580
580
  container: "flex items-start gap-3",
581
581
  contentWrapper: "flex flex-col gap-1",
582
582
  baseStyles: "relative rounded-full transition-all duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-950 disabled:opacity-50 disabled:cursor-not-allowed",
583
- thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md top-1/2 -translate-y-1/2 left-0.5",
583
+ thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md inset-y-0.5 aspect-square left-0.5",
584
584
  label: "text-sm font-bold cursor-pointer",
585
585
  description: "text-xs opacity-60"
586
586
  }
@@ -640,7 +640,7 @@ var v = /* @__PURE__ */ function(e) {
640
640
  card: "bg-white/90 backdrop-blur-3xl shadow-sm",
641
641
  secondaryCard: "bg-zinc-50/50 border-zinc-200",
642
642
  cardText: "text-emerald-950",
643
- input: "bg-white border border-zinc-300 text-zinc-950 focus:ring-4 focus:ring-emerald-500/20 outline-none rounded-xl",
643
+ input: "bg-white border text-zinc-950 focus:ring-4 focus:ring-emerald-500/20 outline-none rounded-xl",
644
644
  mutedText: "text-emerald-900/60 font-medium",
645
645
  dialog: "bg-white border-zinc-200 shadow-2xl",
646
646
  popover: "bg-white border-zinc-200 shadow-xl",
@@ -828,7 +828,7 @@ var v = /* @__PURE__ */ function(e) {
828
828
  card: "bg-zinc-900/50 backdrop-blur-3xl border border-white/5",
829
829
  secondaryCard: "bg-zinc-950 border-white/5",
830
830
  cardText: "text-white",
831
- input: "bg-zinc-950 border border-white/20 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
831
+ input: "bg-zinc-950 border text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
832
832
  mutedText: "text-zinc-400",
833
833
  dialog: "bg-zinc-950 border-white/10 shadow-2xl",
834
834
  popover: "bg-zinc-950 border-white/10 shadow-xl",
@@ -1544,26 +1544,26 @@ var v = /* @__PURE__ */ function(e) {
1544
1544
  small: {
1545
1545
  track: "w-10 h-5",
1546
1546
  thumb: "w-4 h-4",
1547
- translateChecked: "translate-x-5",
1548
- translateUnchecked: "translate-x-0.5"
1547
+ translateChecked: "translate-x-[1.25rem]",
1548
+ translateUnchecked: "translate-x-0"
1549
1549
  },
1550
1550
  medium: {
1551
1551
  track: "w-12 h-6",
1552
1552
  thumb: "w-5 h-5",
1553
- translateChecked: "translate-x-6",
1554
- translateUnchecked: "translate-x-0.5"
1553
+ translateChecked: "translate-x-[1.5rem]",
1554
+ translateUnchecked: "translate-x-0"
1555
1555
  },
1556
1556
  large: {
1557
1557
  track: "w-14 h-7",
1558
1558
  thumb: "w-6 h-6",
1559
- translateChecked: "translate-x-7",
1560
- translateUnchecked: "translate-x-0.5"
1559
+ translateChecked: "translate-x-[1.75rem]",
1560
+ translateUnchecked: "translate-x-0"
1561
1561
  },
1562
1562
  layout: {
1563
1563
  container: "flex items-start gap-3",
1564
1564
  contentWrapper: "flex flex-col gap-1",
1565
1565
  baseStyles: "relative rounded-full transition-all duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-950 disabled:opacity-50 disabled:cursor-not-allowed",
1566
- thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md top-1/2 -translate-y-1/2 left-0.5",
1566
+ thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md inset-y-0.5 aspect-square left-0.5",
1567
1567
  label: "text-sm font-bold cursor-pointer",
1568
1568
  description: "text-xs opacity-60"
1569
1569
  }
@@ -1623,7 +1623,7 @@ var v = /* @__PURE__ */ function(e) {
1623
1623
  card: "bg-white border border-zinc-100 shadow-sm",
1624
1624
  secondaryCard: "bg-zinc-50 border-zinc-200",
1625
1625
  cardText: "text-zinc-950",
1626
- input: "bg-white border border-zinc-300 text-zinc-950 focus:ring-4 focus:ring-zinc-500/10 outline-none rounded-xl",
1626
+ input: "bg-white border text-zinc-950 focus:ring-4 focus:ring-zinc-500/10 outline-none rounded-xl",
1627
1627
  mutedText: "text-zinc-500/60 font-medium",
1628
1628
  dialog: "bg-white border-zinc-200 shadow-2xl",
1629
1629
  popover: "bg-white/80 backdrop-blur-3xl border-zinc-100 shadow-lg",
@@ -1811,7 +1811,7 @@ var v = /* @__PURE__ */ function(e) {
1811
1811
  card: "bg-zinc-950 border border-white/5 shadow-2xl",
1812
1812
  secondaryCard: "bg-zinc-900/50 border-white/5",
1813
1813
  cardText: "text-white",
1814
- input: "bg-zinc-900 border border-white/20 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
1814
+ input: "bg-zinc-900 border text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
1815
1815
  mutedText: "text-white/60 font-medium",
1816
1816
  dialog: "bg-zinc-950 border-white/10 shadow-3xl",
1817
1817
  popover: "bg-zinc-950/90 backdrop-blur-3xl border-white/10 shadow-2xl",
@@ -2527,26 +2527,26 @@ var v = /* @__PURE__ */ function(e) {
2527
2527
  small: {
2528
2528
  track: "w-10 h-5",
2529
2529
  thumb: "w-4 h-4",
2530
- translateChecked: "translate-x-5",
2531
- translateUnchecked: "translate-x-0.5"
2530
+ translateChecked: "translate-x-[1.25rem]",
2531
+ translateUnchecked: "translate-x-0"
2532
2532
  },
2533
2533
  medium: {
2534
2534
  track: "w-12 h-6",
2535
2535
  thumb: "w-5 h-5",
2536
- translateChecked: "translate-x-6",
2537
- translateUnchecked: "translate-x-0.5"
2536
+ translateChecked: "translate-x-[1.5rem]",
2537
+ translateUnchecked: "translate-x-0"
2538
2538
  },
2539
2539
  large: {
2540
2540
  track: "w-14 h-7",
2541
2541
  thumb: "w-6 h-6",
2542
- translateChecked: "translate-x-7",
2543
- translateUnchecked: "translate-x-0.5"
2542
+ translateChecked: "translate-x-[1.75rem]",
2543
+ translateUnchecked: "translate-x-0"
2544
2544
  },
2545
2545
  layout: {
2546
2546
  container: "flex items-start gap-3",
2547
2547
  contentWrapper: "flex flex-col gap-1",
2548
2548
  baseStyles: "relative rounded-full transition-all duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-950 disabled:opacity-50 disabled:cursor-not-allowed",
2549
- thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md top-1/2 -translate-y-1/2 left-0.5",
2549
+ thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md inset-y-0.5 aspect-square left-0.5",
2550
2550
  label: "text-sm font-bold cursor-pointer",
2551
2551
  description: "text-xs opacity-60"
2552
2552
  }
@@ -2611,7 +2611,7 @@ var v = /* @__PURE__ */ function(e) {
2611
2611
  card: "bg-white/40 backdrop-blur-3xl border border-white/60 shadow-2xl shadow-indigo-500/5",
2612
2612
  secondaryCard: "bg-white/20 backdrop-blur-xl border border-white/40",
2613
2613
  cardText: "text-slate-900",
2614
- input: "bg-white/40 backdrop-blur-3xl border border-white/60 text-slate-900 focus:ring-8 focus:ring-indigo-500/5 outline-none rounded-2xl",
2614
+ input: "bg-white/40 backdrop-blur-3xl border text-slate-900 focus:ring-8 focus:ring-indigo-500/5 outline-none rounded-2xl",
2615
2615
  mutedText: "text-slate-500 font-semibold",
2616
2616
  dialog: "bg-white/60 backdrop-blur-3xl border border-white/60 shadow-3xl",
2617
2617
  popover: "bg-white/60 backdrop-blur-3xl border border-white/60 shadow-2xl",
@@ -2804,7 +2804,7 @@ var v = /* @__PURE__ */ function(e) {
2804
2804
  card: "bg-white/[0.04] backdrop-blur-[40px] border border-white/15 shadow-2xl shadow-black/80",
2805
2805
  secondaryCard: "bg-white/[0.01] backdrop-blur-xl border border-white/5",
2806
2806
  cardText: "text-white",
2807
- input: "bg-black/40 backdrop-blur-3xl border border-white/10 text-white focus:ring-8 focus:ring-white/5 outline-none rounded-2xl",
2807
+ input: "bg-black/40 backdrop-blur-3xl border text-white focus:ring-8 focus:ring-white/5 outline-none rounded-2xl",
2808
2808
  mutedText: "text-white/40 font-semibold",
2809
2809
  dialog: "bg-black/60 backdrop-blur-4xl border border-white/15 shadow-[0_50px_100px_-20px_rgba(0,0,0,1)]",
2810
2810
  popover: "bg-black/80 backdrop-blur-3xl border border-white/10 shadow-2xl",
@@ -2996,7 +2996,7 @@ var v = /* @__PURE__ */ function(e) {
2996
2996
  }), s = N[t] || N.mandala, l = s.modes[r];
2997
2997
  return i(() => {
2998
2998
  let e = window.document.documentElement;
2999
- e.classList.remove(v.Light, v.Dark), e.classList.add(r), localStorage.setItem("tiger-theme-mode", r), localStorage.setItem("tiger-theme-name", t), s.pageTitle && (document.title = s.pageTitle);
2999
+ e.classList.remove(v.Light, v.Dark, "mandala", "mispuntos", "glassmorphism"), e.classList.add(r, t), localStorage.setItem("tiger-theme-mode", r), localStorage.setItem("tiger-theme-name", t), s.pageTitle && (document.title = s.pageTitle);
3000
3000
  }, [
3001
3001
  r,
3002
3002
  s,
@@ -3096,7 +3096,10 @@ var L = ({ children: e, typographySize: t = b.Medium, variant: n = "p", weight:
3096
3096
  return /* @__PURE__ */ c("input", {
3097
3097
  ref: i,
3098
3098
  className: I(a.geometry.input.baseStyles, o.input, l.height, l.padding, l.fontSize, t),
3099
- style: n,
3099
+ style: {
3100
+ borderColor: "var(--input-border-color)",
3101
+ ...n
3102
+ },
3100
3103
  ...r
3101
3104
  });
3102
3105
  });
@@ -3140,7 +3143,7 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
3140
3143
  let e = i || D.Primary;
3141
3144
  return d.switch[e];
3142
3145
  }
3143
- return d.switch.disabled;
3146
+ return d.switch.secondary;
3144
3147
  };
3145
3148
  return /* @__PURE__ */ l("div", {
3146
3149
  className: I(u.geometry.switch.layout.container, s),