@underverse-ui/underverse 1.0.7 → 1.0.8

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 (5) hide show
  1. package/dist/index.cjs +60 -108
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +60 -108
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -6772,10 +6772,10 @@ function Calendar2({
6772
6772
  };
6773
6773
  const sz = SIZE_STYLES3[size];
6774
6774
  const CELL_EVENT_STYLES = {
6775
- sm: { cell: dense ? "min-h-20 p-1.5" : "min-h-24 p-2", day: "text-[12px]" },
6776
- md: { cell: dense ? "min-h-28 p-2" : "min-h-32 p-2.5", day: "text-sm" },
6777
- lg: { cell: dense ? "min-h-36 p-2.5" : "min-h-40 p-3", day: "text-base" },
6778
- xl: { cell: dense ? "min-h-44 p-3" : "min-h-52 p-3.5", day: "text-lg" }
6775
+ sm: { cell: dense ? "min-h-24" : "min-h-28", day: "text-sm" },
6776
+ md: { cell: dense ? "min-h-32" : "min-h-36", day: "text-base" },
6777
+ lg: { cell: dense ? "min-h-40" : "min-h-44", day: "text-lg" },
6778
+ xl: { cell: dense ? "min-h-48" : "min-h-52", day: "text-xl" }
6779
6779
  };
6780
6780
  const cellSz = CELL_EVENT_STYLES[size];
6781
6781
  const VARIANT_STYLES2 = {
@@ -6812,82 +6812,58 @@ function Calendar2({
6812
6812
  "div",
6813
6813
  {
6814
6814
  className: cn(
6815
- "rounded-3xl border border-border/50 overflow-hidden",
6816
- "bg-linear-to-br from-background via-background to-background/90",
6817
- "transition-all duration-300",
6818
- "hover:shadow-lg hover:border-border/70",
6819
- animate && "will-change-transform",
6815
+ "rounded-2xl border border-border/40 overflow-hidden",
6816
+ "bg-card/50 backdrop-blur-sm",
6817
+ "transition-all duration-200",
6818
+ "hover:border-border/60 hover:shadow-sm",
6820
6819
  cellSz.cell,
6821
- !inMonth && "opacity-50",
6822
- disabled && "opacity-40 cursor-not-allowed",
6823
- highlightWeekends && isWeekend && "bg-linear-to-br from-destructive/5 via-destructive/3 to-background/90",
6824
- isToday2 && !selectedDay && "ring-2 ring-primary/50 border-primary/30 shadow-md",
6825
- selectedDay && "border-primary/60 bg-linear-to-br from-primary/10 via-primary/5 to-background/90 shadow-md",
6826
- !disabled && "backdrop-blur-sm"
6820
+ !inMonth && "opacity-40",
6821
+ disabled && "opacity-30 cursor-not-allowed",
6822
+ highlightWeekends && isWeekend && "bg-destructive/5",
6823
+ isToday2 && !selectedDay && "ring-2 ring-primary/40 border-primary/50",
6824
+ selectedDay && "border-primary/60 bg-primary/5"
6827
6825
  ),
6828
6826
  children: [
6829
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border/30 bg-muted/20", children: [
6827
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
6830
6828
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
6831
- "button",
6829
+ "span",
6832
6830
  {
6833
- type: "button",
6834
- onClick: () => !disabled && handleClickDay(d),
6835
- disabled,
6836
6831
  className: cn(
6837
- "inline-flex items-center justify-center rounded-xl px-2.5 py-1 font-semibold",
6838
- "transition-all duration-200",
6839
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
6832
+ "font-semibold tabular-nums",
6840
6833
  cellSz.day,
6841
- selectedDay ? "bg-linear-to-br from-primary to-primary/90 text-primary-foreground shadow-sm" : "hover:bg-accent hover:text-accent-foreground hover:scale-105 active:scale-95",
6842
- disabled && "cursor-not-allowed hover:bg-transparent hover:scale-100",
6843
- isToday2 && !selectedDay && "ring-1 ring-primary/40 bg-primary/5"
6834
+ isToday2 && "text-primary",
6835
+ selectedDay && "text-primary",
6836
+ !inMonth && "text-muted-foreground/50"
6844
6837
  ),
6845
- title: d.toDateString(),
6846
6838
  children: d.getDate()
6847
6839
  }
6848
6840
  ),
6849
- dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
6850
- "span",
6851
- {
6852
- className: cn(
6853
- "text-[11px] tabular-nums px-2 py-0.5 rounded-full font-medium",
6854
- "bg-primary/10 text-primary",
6855
- dayEvents.length > 5 && "bg-destructive/10 text-destructive"
6856
- ),
6857
- children: dayEvents.length
6858
- }
6859
- )
6841
+ dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-[10px] px-1.5 py-0.5 rounded-md bg-muted/60 text-muted-foreground font-medium", children: dayEvents.length })
6860
6842
  ] }),
6861
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("space-y-1.5 p-2", dense ? "p-1.5" : "p-2"), children: [
6843
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-1 px-2 pb-2", children: [
6862
6844
  visibleEvents.map((e, i) => {
6863
6845
  const key = e.id ?? `${k}-${i}`;
6864
6846
  const node = renderEvent?.({ event: e, date: d });
6865
6847
  if (node) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: node }, String(key));
6866
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
6848
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
6867
6849
  "button",
6868
6850
  {
6869
6851
  type: "button",
6870
6852
  onClick: () => handleEventActivate(e, d, k, i),
6871
6853
  className: cn(
6872
- "group w-full text-left rounded-xl px-2.5 py-2",
6873
- "transition-all duration-200",
6874
- "hover:bg-accent/80 hover:shadow-sm hover:scale-[1.02] active:scale-[0.98]",
6875
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
6876
- "text-xs flex items-center gap-2.5",
6877
- "border border-transparent hover:border-border/30"
6854
+ "group w-full text-left rounded-lg px-2.5 py-1.5",
6855
+ "transition-all duration-150",
6856
+ "hover:bg-accent/50 hover:shadow-sm hover:-translate-y-0.5",
6857
+ "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
6858
+ "text-sm font-medium",
6859
+ "border-l-[3px] bg-card/80"
6878
6860
  ),
6861
+ style: { borderLeftColor: e.color || "hsl(var(--primary))" },
6879
6862
  title: e.title,
6880
- children: [
6881
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
6882
- "span",
6883
- {
6884
- className: "h-2 w-2 rounded-full shrink-0 transition-transform duration-200 group-hover:scale-125",
6885
- style: { backgroundColor: e.color || "hsl(var(--primary))" }
6886
- }
6887
- ),
6888
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1 font-medium group-hover:text-foreground", children: e.title ?? "Event" }),
6889
- showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 rounded-full bg-muted/80 px-2 py-0.5 text-[10px] text-muted-foreground font-medium backdrop-blur-sm", children: e.badge })
6890
- ]
6863
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
6864
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1", children: e.title ?? "Event" }),
6865
+ showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 text-[10px] px-1.5 py-0.5 rounded bg-muted/60 text-muted-foreground", children: e.badge })
6866
+ ] })
6891
6867
  },
6892
6868
  String(key)
6893
6869
  );
@@ -7015,80 +6991,56 @@ function Calendar2({
7015
6991
  "div",
7016
6992
  {
7017
6993
  className: cn(
7018
- "rounded-3xl border border-border/50 overflow-hidden",
7019
- "bg-linear-to-br from-background via-background to-background/90",
7020
- "transition-all duration-300",
7021
- "hover:shadow-lg hover:border-border/70",
6994
+ "rounded-2xl border border-border/40 overflow-hidden",
6995
+ "bg-card/50 backdrop-blur-sm",
6996
+ "transition-all duration-200",
6997
+ "hover:border-border/60 hover:shadow-sm",
7022
6998
  cellSz.cell,
7023
- disabled && "opacity-40 cursor-not-allowed",
7024
- highlightWeekends && isWeekend && "bg-linear-to-br from-destructive/5 via-destructive/3 to-background/90",
7025
- isToday2 && !selectedDay && "ring-2 ring-primary/50 border-primary/30 shadow-md",
7026
- selectedDay && "border-primary/60 bg-linear-to-br from-primary/10 via-primary/5 to-background/90 shadow-md",
7027
- !disabled && "backdrop-blur-sm"
6999
+ disabled && "opacity-30 cursor-not-allowed",
7000
+ highlightWeekends && isWeekend && "bg-destructive/5",
7001
+ isToday2 && !selectedDay && "ring-2 ring-primary/40 border-primary/50",
7002
+ selectedDay && "border-primary/60 bg-primary/5"
7028
7003
  ),
7029
7004
  children: [
7030
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border/30 bg-muted/20", children: [
7005
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
7031
7006
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
7032
- "button",
7007
+ "span",
7033
7008
  {
7034
- type: "button",
7035
- onClick: () => !disabled && handleClickDay(d),
7036
- disabled,
7037
7009
  className: cn(
7038
- "inline-flex items-center justify-center rounded-xl px-2.5 py-1 font-semibold",
7039
- "transition-all duration-200",
7040
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
7010
+ "font-semibold tabular-nums",
7041
7011
  cellSz.day,
7042
- selectedDay ? "bg-linear-to-br from-primary to-primary/90 text-primary-foreground shadow-sm" : "hover:bg-accent hover:text-accent-foreground hover:scale-105 active:scale-95",
7043
- disabled && "cursor-not-allowed hover:bg-transparent hover:scale-100",
7044
- isToday2 && !selectedDay && "ring-1 ring-primary/40 bg-primary/5"
7012
+ isToday2 && "text-primary",
7013
+ selectedDay && "text-primary"
7045
7014
  ),
7046
- title: d.toDateString(),
7047
7015
  children: d.getDate()
7048
7016
  }
7049
7017
  ),
7050
- dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
7051
- "span",
7052
- {
7053
- className: cn(
7054
- "text-[11px] tabular-nums px-2 py-0.5 rounded-full font-medium",
7055
- "bg-primary/10 text-primary",
7056
- dayEvents.length > 5 && "bg-destructive/10 text-destructive"
7057
- ),
7058
- children: dayEvents.length
7059
- }
7060
- )
7018
+ dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-[10px] px-1.5 py-0.5 rounded-md bg-muted/60 text-muted-foreground font-medium", children: dayEvents.length })
7061
7019
  ] }),
7062
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("space-y-1.5 p-2", dense ? "p-1.5" : "p-2"), children: [
7020
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-1 px-2 pb-2", children: [
7063
7021
  visibleEvents.map((e, i) => {
7064
7022
  const key = e.id ?? `${k}-${i}`;
7065
7023
  const node = renderEvent?.({ event: e, date: d });
7066
7024
  if (node) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: node }, String(key));
7067
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
7025
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
7068
7026
  "button",
7069
7027
  {
7070
7028
  type: "button",
7071
7029
  onClick: () => handleEventActivate(e, d, k, i),
7072
7030
  className: cn(
7073
- "group w-full text-left rounded-xl px-2.5 py-2",
7074
- "transition-all duration-200",
7075
- "hover:bg-accent/80 hover:shadow-sm hover:scale-[1.02] active:scale-[0.98]",
7076
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
7077
- "text-xs flex items-center gap-2.5",
7078
- "border border-transparent hover:border-border/30"
7031
+ "group w-full text-left rounded-lg px-2.5 py-1.5",
7032
+ "transition-all duration-150",
7033
+ "hover:bg-accent/50 hover:shadow-sm hover:-translate-y-0.5",
7034
+ "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
7035
+ "text-sm font-medium",
7036
+ "border-l-[3px] bg-card/80"
7079
7037
  ),
7038
+ style: { borderLeftColor: e.color || "hsl(var(--primary))" },
7080
7039
  title: e.title,
7081
- children: [
7082
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
7083
- "span",
7084
- {
7085
- className: "h-2 w-2 rounded-full shrink-0 transition-transform duration-200 group-hover:scale-125",
7086
- style: { backgroundColor: e.color || "hsl(var(--primary))" }
7087
- }
7088
- ),
7089
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1 font-medium group-hover:text-foreground", children: e.title ?? "Event" }),
7090
- showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 rounded-full bg-muted/80 px-2 py-0.5 text-[10px] text-muted-foreground font-medium backdrop-blur-sm", children: e.badge })
7091
- ]
7040
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
7041
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1", children: e.title ?? "Event" }),
7042
+ showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 text-[10px] px-1.5 py-0.5 rounded bg-muted/60 text-muted-foreground", children: e.badge })
7043
+ ] })
7092
7044
  },
7093
7045
  String(key)
7094
7046
  );