@moontra/moonui 2.4.0 → 2.4.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.mjs CHANGED
@@ -3,7 +3,7 @@
3
3
  import * as t from 'react';
4
4
  import t__default, { useState, useCallback, useEffect } from 'react';
5
5
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
6
- import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, CreditCard, Minus, Search, ChevronRight, Circle, Upload, ChevronUp, Phone, Bold, Italic, Underline, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code, Link, Image, Palette, Undo, Redo, Edit, Eye, Copy, ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, Calendar as Calendar$1, Clock, CheckCircle, Star, GitFork, ExternalLink, Crown, Lock, Zap, Video, Music, FileText, File } from 'lucide-react';
6
+ import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, CreditCard, Minus, Search, ChevronRight, Circle, Upload, ChevronUp, Phone, Bold, Italic, Underline, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code, Link, Image, Palette, Undo, Redo, Edit, Eye, ChevronLeft, Copy, ArrowDown, ArrowUp, ArrowUpDown, Calendar as Calendar$1, Clock, CheckCircle, Star, GitFork, ExternalLink, Crown, Lock, Zap, Video, Music, FileText, File } from 'lucide-react';
7
7
  export { Palette, Pipette } from 'lucide-react';
8
8
  import { clsx } from 'clsx';
9
9
  import { twMerge } from 'tailwind-merge';
@@ -11,6 +11,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
11
11
  import { cva } from 'class-variance-authority';
12
12
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
13
13
  import { motion, AnimatePresence, useMotionValue, useTransform, useAnimation, useInView, animate } from 'framer-motion';
14
+ import { format, isSameMonth, isToday, isValid, subMonths, addMonths, isSameDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek } from 'date-fns';
15
+ export { format } from 'date-fns';
14
16
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
15
17
  import 'react-dom';
16
18
  import { createSlot } from '@radix-ui/react-slot';
@@ -18,8 +20,6 @@ import * as LabelPrimitive from '@radix-ui/react-label';
18
20
  import * as PopoverPrimitive from '@radix-ui/react-popover';
19
21
  import * as TabsPrimitive from '@radix-ui/react-tabs';
20
22
  import * as DialogPrimitive from '@radix-ui/react-dialog';
21
- import { isValid, format, isSameMonth, isToday, subMonths, addMonths, isSameDay, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek } from 'date-fns';
22
- export { format } from 'date-fns';
23
23
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
24
24
  import * as SelectPrimitive from '@radix-ui/react-select';
25
25
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -1096,6 +1096,202 @@ var CardFooter = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
1096
1096
  }
1097
1097
  ));
1098
1098
  CardFooter.displayName = "CardFooter";
1099
+ function Calendar({
1100
+ mode = "single",
1101
+ selected,
1102
+ onSelect,
1103
+ disabled,
1104
+ showOutsideDays = false,
1105
+ className,
1106
+ classNames,
1107
+ numberOfMonths = 1,
1108
+ defaultMonth,
1109
+ ...props
1110
+ }) {
1111
+ const [currentMonth, setCurrentMonth] = t.useState(
1112
+ defaultMonth || selected && selected || /* @__PURE__ */ new Date()
1113
+ );
1114
+ const weekDays = [
1115
+ { short: "S", full: "Sunday" },
1116
+ { short: "M", full: "Monday" },
1117
+ { short: "T", full: "Tuesday" },
1118
+ { short: "W", full: "Wednesday" },
1119
+ { short: "T", full: "Thursday" },
1120
+ { short: "F", full: "Friday" },
1121
+ { short: "S", full: "Saturday" }
1122
+ ];
1123
+ const handlePreviousMonth = () => {
1124
+ setCurrentMonth(subMonths(currentMonth, 1));
1125
+ };
1126
+ const handleNextMonth = () => {
1127
+ setCurrentMonth(addMonths(currentMonth, 1));
1128
+ };
1129
+ const handleDateClick = (date) => {
1130
+ if (disabled?.(date))
1131
+ return;
1132
+ if (mode === "single") {
1133
+ onSelect?.(date);
1134
+ } else if (mode === "range") {
1135
+ const currentSelection = selected;
1136
+ if (!currentSelection?.from || currentSelection.from && currentSelection.to) {
1137
+ onSelect?.({ from: date, to: void 0 });
1138
+ } else {
1139
+ if (date < currentSelection.from) {
1140
+ onSelect?.({ from: date, to: currentSelection.from });
1141
+ } else {
1142
+ onSelect?.({ from: currentSelection.from, to: date });
1143
+ }
1144
+ }
1145
+ }
1146
+ };
1147
+ const isDateSelected = (date) => {
1148
+ if (!selected)
1149
+ return false;
1150
+ if (mode === "single") {
1151
+ return isSameDay(date, selected);
1152
+ } else if (mode === "range") {
1153
+ const range = selected;
1154
+ if (range.from && range.to) {
1155
+ return date >= range.from && date <= range.to;
1156
+ }
1157
+ return range.from ? isSameDay(date, range.from) : false;
1158
+ }
1159
+ return false;
1160
+ };
1161
+ const isRangeStart = (date) => {
1162
+ if (mode !== "range" || !selected)
1163
+ return false;
1164
+ const range = selected;
1165
+ return range.from ? isSameDay(date, range.from) : false;
1166
+ };
1167
+ const isRangeEnd = (date) => {
1168
+ if (mode !== "range" || !selected)
1169
+ return false;
1170
+ const range = selected;
1171
+ return range.to ? isSameDay(date, range.to) : false;
1172
+ };
1173
+ const isRangeMiddle = (date) => {
1174
+ if (mode !== "range" || !selected)
1175
+ return false;
1176
+ const range = selected;
1177
+ if (!range.from || !range.to)
1178
+ return false;
1179
+ return date > range.from && date < range.to;
1180
+ };
1181
+ const getDaysInMonth = () => {
1182
+ const start = startOfMonth(currentMonth);
1183
+ const end = endOfMonth(currentMonth);
1184
+ const days2 = eachDayOfInterval({ start, end });
1185
+ const firstDayOfWeek = getDay(start);
1186
+ const previousMonthDays = [];
1187
+ if (firstDayOfWeek > 0 && showOutsideDays) {
1188
+ const previousMonthStart = startOfWeek(start);
1189
+ const previousMonthEnd = new Date(start);
1190
+ previousMonthEnd.setDate(previousMonthEnd.getDate() - 1);
1191
+ previousMonthDays.push(...eachDayOfInterval({
1192
+ start: previousMonthStart,
1193
+ end: previousMonthEnd
1194
+ }));
1195
+ }
1196
+ const lastDayOfWeek = getDay(end);
1197
+ const nextMonthDays = [];
1198
+ if (lastDayOfWeek < 6 && showOutsideDays) {
1199
+ const nextMonthStart = new Date(end);
1200
+ nextMonthStart.setDate(nextMonthStart.getDate() + 1);
1201
+ const nextMonthEnd = endOfWeek(end);
1202
+ nextMonthDays.push(...eachDayOfInterval({
1203
+ start: nextMonthStart,
1204
+ end: nextMonthEnd
1205
+ }));
1206
+ }
1207
+ const emptyCells = [];
1208
+ if (!showOutsideDays && firstDayOfWeek > 0) {
1209
+ for (let i = 0; i < firstDayOfWeek; i++) {
1210
+ emptyCells.push(null);
1211
+ }
1212
+ }
1213
+ return [...previousMonthDays, ...emptyCells, ...days2, ...nextMonthDays];
1214
+ };
1215
+ const days = getDaysInMonth();
1216
+ return /* @__PURE__ */ jsxs("div", { className: cn("moonui-theme", "p-0", className), children: [
1217
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border/50 dark:border-gray-700/50", children: [
1218
+ /* @__PURE__ */ jsx(
1219
+ "button",
1220
+ {
1221
+ onClick: handlePreviousMonth,
1222
+ className: cn(
1223
+ "h-10 w-10 bg-transparent p-0 rounded-lg",
1224
+ "hover:bg-muted transition-colors",
1225
+ "inline-flex items-center justify-center"
1226
+ ),
1227
+ type: "button",
1228
+ children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
1229
+ }
1230
+ ),
1231
+ /* @__PURE__ */ jsx("h2", { className: "text-base font-medium", children: format(currentMonth, "MMMM yyyy") }),
1232
+ /* @__PURE__ */ jsx(
1233
+ "button",
1234
+ {
1235
+ onClick: handleNextMonth,
1236
+ className: cn(
1237
+ "h-10 w-10 bg-transparent p-0 rounded-lg",
1238
+ "hover:bg-muted transition-colors",
1239
+ "inline-flex items-center justify-center"
1240
+ ),
1241
+ type: "button",
1242
+ children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" })
1243
+ }
1244
+ )
1245
+ ] }),
1246
+ /* @__PURE__ */ jsxs("div", { className: "px-6 pb-4", children: [
1247
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-2", children: weekDays.map((day, index) => /* @__PURE__ */ jsx(
1248
+ "div",
1249
+ {
1250
+ className: "text-muted-foreground text-xs font-medium h-10 flex items-center justify-center",
1251
+ title: day.full,
1252
+ children: day.short
1253
+ },
1254
+ `weekday-${index}`
1255
+ )) }),
1256
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
1257
+ if (!date) {
1258
+ return /* @__PURE__ */ jsx("div", { className: "h-10 w-10" }, `empty-${index}`);
1259
+ }
1260
+ const isOutsideMonth = !isSameMonth(date, currentMonth);
1261
+ const isDisabled = disabled?.(date) || false;
1262
+ const isSelected = isDateSelected(date);
1263
+ const isTodayDate = isToday(date);
1264
+ const rangeStart = isRangeStart(date);
1265
+ const rangeEnd = isRangeEnd(date);
1266
+ const rangeMiddle = isRangeMiddle(date);
1267
+ return /* @__PURE__ */ jsx(
1268
+ "button",
1269
+ {
1270
+ onClick: () => handleDateClick(date),
1271
+ disabled: isDisabled,
1272
+ className: cn(
1273
+ "h-10 w-10 p-0 font-normal",
1274
+ "inline-flex items-center justify-center rounded-lg",
1275
+ "hover:bg-muted transition-colors text-sm",
1276
+ "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
1277
+ isOutsideMonth && "text-muted-foreground/50",
1278
+ isDisabled && "text-muted-foreground/30 cursor-not-allowed hover:bg-transparent",
1279
+ isSelected && !rangeMiddle && "bg-primary text-primary-foreground font-medium hover:bg-primary hover:text-primary-foreground",
1280
+ isTodayDate && "font-semibold relative after:absolute after:bottom-1 after:left-1/2 after:-translate-x-1/2 after:h-1 after:w-1 after:rounded-full after:bg-primary",
1281
+ rangeMiddle && "bg-accent/30 text-accent-foreground rounded-none",
1282
+ rangeStart && "rounded-r-none",
1283
+ rangeEnd && "rounded-l-none"
1284
+ ),
1285
+ type: "button",
1286
+ children: format(date, "d")
1287
+ },
1288
+ date.toISOString()
1289
+ );
1290
+ }) })
1291
+ ] })
1292
+ ] });
1293
+ }
1294
+ Calendar.displayName = "Calendar";
1099
1295
  var getCardType = (number) => {
1100
1296
  const patterns = {
1101
1297
  visa: /^4/,
@@ -7406,202 +7602,6 @@ function createSortableHeader(label) {
7406
7602
  }
7407
7603
  );
7408
7604
  }
7409
- function Calendar({
7410
- mode = "single",
7411
- selected,
7412
- onSelect,
7413
- disabled,
7414
- showOutsideDays = false,
7415
- className,
7416
- classNames,
7417
- numberOfMonths = 1,
7418
- defaultMonth,
7419
- ...props
7420
- }) {
7421
- const [currentMonth, setCurrentMonth] = t.useState(
7422
- defaultMonth || selected && selected || /* @__PURE__ */ new Date()
7423
- );
7424
- const weekDays = [
7425
- { short: "S", full: "Sunday" },
7426
- { short: "M", full: "Monday" },
7427
- { short: "T", full: "Tuesday" },
7428
- { short: "W", full: "Wednesday" },
7429
- { short: "T", full: "Thursday" },
7430
- { short: "F", full: "Friday" },
7431
- { short: "S", full: "Saturday" }
7432
- ];
7433
- const handlePreviousMonth = () => {
7434
- setCurrentMonth(subMonths(currentMonth, 1));
7435
- };
7436
- const handleNextMonth = () => {
7437
- setCurrentMonth(addMonths(currentMonth, 1));
7438
- };
7439
- const handleDateClick = (date) => {
7440
- if (disabled?.(date))
7441
- return;
7442
- if (mode === "single") {
7443
- onSelect?.(date);
7444
- } else if (mode === "range") {
7445
- const currentSelection = selected;
7446
- if (!currentSelection?.from || currentSelection.from && currentSelection.to) {
7447
- onSelect?.({ from: date, to: void 0 });
7448
- } else {
7449
- if (date < currentSelection.from) {
7450
- onSelect?.({ from: date, to: currentSelection.from });
7451
- } else {
7452
- onSelect?.({ from: currentSelection.from, to: date });
7453
- }
7454
- }
7455
- }
7456
- };
7457
- const isDateSelected = (date) => {
7458
- if (!selected)
7459
- return false;
7460
- if (mode === "single") {
7461
- return isSameDay(date, selected);
7462
- } else if (mode === "range") {
7463
- const range = selected;
7464
- if (range.from && range.to) {
7465
- return date >= range.from && date <= range.to;
7466
- }
7467
- return range.from ? isSameDay(date, range.from) : false;
7468
- }
7469
- return false;
7470
- };
7471
- const isRangeStart = (date) => {
7472
- if (mode !== "range" || !selected)
7473
- return false;
7474
- const range = selected;
7475
- return range.from ? isSameDay(date, range.from) : false;
7476
- };
7477
- const isRangeEnd = (date) => {
7478
- if (mode !== "range" || !selected)
7479
- return false;
7480
- const range = selected;
7481
- return range.to ? isSameDay(date, range.to) : false;
7482
- };
7483
- const isRangeMiddle = (date) => {
7484
- if (mode !== "range" || !selected)
7485
- return false;
7486
- const range = selected;
7487
- if (!range.from || !range.to)
7488
- return false;
7489
- return date > range.from && date < range.to;
7490
- };
7491
- const getDaysInMonth = () => {
7492
- const start = startOfMonth(currentMonth);
7493
- const end = endOfMonth(currentMonth);
7494
- const days2 = eachDayOfInterval({ start, end });
7495
- const firstDayOfWeek = getDay(start);
7496
- const previousMonthDays = [];
7497
- if (firstDayOfWeek > 0 && showOutsideDays) {
7498
- const previousMonthStart = startOfWeek(start);
7499
- const previousMonthEnd = new Date(start);
7500
- previousMonthEnd.setDate(previousMonthEnd.getDate() - 1);
7501
- previousMonthDays.push(...eachDayOfInterval({
7502
- start: previousMonthStart,
7503
- end: previousMonthEnd
7504
- }));
7505
- }
7506
- const lastDayOfWeek = getDay(end);
7507
- const nextMonthDays = [];
7508
- if (lastDayOfWeek < 6 && showOutsideDays) {
7509
- const nextMonthStart = new Date(end);
7510
- nextMonthStart.setDate(nextMonthStart.getDate() + 1);
7511
- const nextMonthEnd = endOfWeek(end);
7512
- nextMonthDays.push(...eachDayOfInterval({
7513
- start: nextMonthStart,
7514
- end: nextMonthEnd
7515
- }));
7516
- }
7517
- const emptyCells = [];
7518
- if (!showOutsideDays && firstDayOfWeek > 0) {
7519
- for (let i = 0; i < firstDayOfWeek; i++) {
7520
- emptyCells.push(null);
7521
- }
7522
- }
7523
- return [...previousMonthDays, ...emptyCells, ...days2, ...nextMonthDays];
7524
- };
7525
- const days = getDaysInMonth();
7526
- return /* @__PURE__ */ jsxs("div", { className: cn("moonui-theme", "p-0", className), children: [
7527
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border/50 dark:border-gray-700/50", children: [
7528
- /* @__PURE__ */ jsx(
7529
- "button",
7530
- {
7531
- onClick: handlePreviousMonth,
7532
- className: cn(
7533
- "h-10 w-10 bg-transparent p-0 rounded-lg",
7534
- "hover:bg-muted transition-colors",
7535
- "inline-flex items-center justify-center"
7536
- ),
7537
- type: "button",
7538
- children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
7539
- }
7540
- ),
7541
- /* @__PURE__ */ jsx("h2", { className: "text-base font-medium", children: format(currentMonth, "MMMM yyyy") }),
7542
- /* @__PURE__ */ jsx(
7543
- "button",
7544
- {
7545
- onClick: handleNextMonth,
7546
- className: cn(
7547
- "h-10 w-10 bg-transparent p-0 rounded-lg",
7548
- "hover:bg-muted transition-colors",
7549
- "inline-flex items-center justify-center"
7550
- ),
7551
- type: "button",
7552
- children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" })
7553
- }
7554
- )
7555
- ] }),
7556
- /* @__PURE__ */ jsxs("div", { className: "px-6 pb-4", children: [
7557
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-2", children: weekDays.map((day, index) => /* @__PURE__ */ jsx(
7558
- "div",
7559
- {
7560
- className: "text-muted-foreground text-xs font-medium h-10 flex items-center justify-center",
7561
- title: day.full,
7562
- children: day.short
7563
- },
7564
- `weekday-${index}`
7565
- )) }),
7566
- /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
7567
- if (!date) {
7568
- return /* @__PURE__ */ jsx("div", { className: "h-10 w-10" }, `empty-${index}`);
7569
- }
7570
- const isOutsideMonth = !isSameMonth(date, currentMonth);
7571
- const isDisabled = disabled?.(date) || false;
7572
- const isSelected = isDateSelected(date);
7573
- const isTodayDate = isToday(date);
7574
- const rangeStart = isRangeStart(date);
7575
- const rangeEnd = isRangeEnd(date);
7576
- const rangeMiddle = isRangeMiddle(date);
7577
- return /* @__PURE__ */ jsx(
7578
- "button",
7579
- {
7580
- onClick: () => handleDateClick(date),
7581
- disabled: isDisabled,
7582
- className: cn(
7583
- "h-10 w-10 p-0 font-normal",
7584
- "inline-flex items-center justify-center rounded-lg",
7585
- "hover:bg-muted transition-colors text-sm",
7586
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
7587
- isOutsideMonth && "text-muted-foreground/50",
7588
- isDisabled && "text-muted-foreground/30 cursor-not-allowed hover:bg-transparent",
7589
- isSelected && !rangeMiddle && "bg-primary text-primary-foreground font-medium hover:bg-primary hover:text-primary-foreground",
7590
- isTodayDate && "font-semibold relative after:absolute after:bottom-1 after:left-1/2 after:-translate-x-1/2 after:h-1 after:w-1 after:rounded-full after:bg-primary",
7591
- rangeMiddle && "bg-accent/30 text-accent-foreground rounded-none",
7592
- rangeStart && "rounded-r-none",
7593
- rangeEnd && "rounded-l-none"
7594
- ),
7595
- type: "button",
7596
- children: format(date, "d")
7597
- },
7598
- date.toISOString()
7599
- );
7600
- }) })
7601
- ] })
7602
- ] });
7603
- }
7604
- Calendar.displayName = "Calendar";
7605
7605
  var pageTransitions2 = {
7606
7606
  initial: { opacity: 0, x: 20 },
7607
7607
  animate: { opacity: 1, x: 0 },
@@ -9217,7 +9217,8 @@ function MoonLogo({
9217
9217
  }) {
9218
9218
  const logoId = t.useId();
9219
9219
  const gradientId = `moon-gradient-${logoId}`;
9220
- return /* @__PURE__ */ jsxs("div", { className: cn("moonui-theme", "flex items-center gap-2", className), children: [
9220
+ const maskId = `moon-mask-${logoId}`;
9221
+ return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
9221
9222
  /* @__PURE__ */ jsxs(
9222
9223
  "svg",
9223
9224
  {
@@ -9229,11 +9230,17 @@ function MoonLogo({
9229
9230
  className: "flex-shrink-0",
9230
9231
  ...props,
9231
9232
  children: [
9232
- variant === "gradient" && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
9233
- /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#3B82F6" }),
9234
- /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#8B5CF6" }),
9235
- /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#EC4899" })
9236
- ] }) }),
9233
+ /* @__PURE__ */ jsxs("defs", { children: [
9234
+ variant === "gradient" && /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
9235
+ /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#3B82F6" }),
9236
+ /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#8B5CF6" }),
9237
+ /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#EC4899" })
9238
+ ] }),
9239
+ /* @__PURE__ */ jsxs("mask", { id: maskId, children: [
9240
+ /* @__PURE__ */ jsx("rect", { width: "32", height: "32", fill: "white" }),
9241
+ /* @__PURE__ */ jsx("circle", { cx: "22", cy: "10", r: "10", fill: "black" })
9242
+ ] })
9243
+ ] }),
9237
9244
  /* @__PURE__ */ jsx(
9238
9245
  "circle",
9239
9246
  {
@@ -9241,17 +9248,8 @@ function MoonLogo({
9241
9248
  cy: "16",
9242
9249
  r: "14",
9243
9250
  fill: variant === "gradient" ? `url(#${gradientId})` : "currentColor",
9244
- className: variant === "default" ? "fill-primary" : ""
9245
- }
9246
- ),
9247
- /* @__PURE__ */ jsx(
9248
- "circle",
9249
- {
9250
- cx: "22",
9251
- cy: "10",
9252
- r: "10",
9253
- fill: "white",
9254
- className: "dark:fill-background"
9251
+ className: variant === "default" ? "fill-primary" : "",
9252
+ mask: `url(#${maskId})`
9255
9253
  }
9256
9254
  )
9257
9255
  ]
@@ -12748,6 +12746,6 @@ function Toaster() {
12748
12746
  *)
12749
12747
  */
12750
12748
 
12751
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardCVCInput, CardContent, CardDescription, CardExpiryInput, CardFooter, CardHeader, CardNumberInput, CardTitle, CardZipInput, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel, Collapsible2 as Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FreeBadge, GestureDrawer, GitHubStarButton, GitHubStars, GradientPicker, Input, Label, LockedComponent, MonthPicker, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible2 as MoonUICollapsible, CollapsibleContent2 as MoonUICollapsibleContent, CollapsibleTrigger2 as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup2 as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, RichTextEditor as MoonUIRichTextEditor, ScrollArea2 as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, ScrollReveal as MoonUIScrollReveal, ScrollRevealContainer as MoonUIScrollRevealContainer, ScrollRevealItem as MoonUIScrollRevealItem, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator3 as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle2 as MoonUIToggle, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, RadioItemWithLabel, RadioLabel, RichTextEditor, ScrollArea2 as ScrollArea, ScrollBar, ScrollReveal, ScrollRevealContainer, ScrollRevealItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, SimpleColorPicker, SimpleEditor, SimpleTooltip, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, SwipeableCard, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle2 as Toggle, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, badgeVariants as moonUIBadgeVariants, buttonVariants as moonUIButtonVariants, createSortableHeader as moonUICreateSortableHeader, skeletonVariants as moonUISkeletonVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, separatorVariants, skeletonVariants, toast, toggleVariants, tooltipVariants, useToast };
12749
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardCVCInput, CardContent, CardDescription, CardExpiryInput, CardFooter, CardHeader, CardNumberInput, CardTitle, CardZipInput, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel, Collapsible2 as Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FreeBadge, GestureDrawer, GitHubStarButton, GitHubStars, GradientPicker, Input, Label, LockedComponent, MonthPicker, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, Badge as MoonUIBadge, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, Calendar as MoonUICalendar, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible2 as MoonUICollapsible, CollapsibleContent2 as MoonUICollapsibleContent, CollapsibleTrigger2 as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, RadioGroup2 as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, RichTextEditor as MoonUIRichTextEditor, ScrollArea2 as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, ScrollReveal as MoonUIScrollReveal, ScrollRevealContainer as MoonUIScrollRevealContainer, ScrollRevealItem as MoonUIScrollRevealItem, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator3 as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle2 as MoonUIToggle, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, RadioItemWithLabel, RadioLabel, RichTextEditor, ScrollArea2 as ScrollArea, ScrollBar, ScrollReveal, ScrollRevealContainer, ScrollRevealItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, SimpleColorPicker, SimpleEditor, SimpleTooltip, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, SwipeableCard, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle2 as Toggle, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, badgeVariants as moonUIBadgeVariants, buttonVariants as moonUIButtonVariants, createSortableHeader as moonUICreateSortableHeader, skeletonVariants as moonUISkeletonVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, separatorVariants, skeletonVariants, toast, toggleVariants, tooltipVariants, useToast };
12752
12750
  //# sourceMappingURL=out.js.map
12753
12751
  //# sourceMappingURL=index.mjs.map