@mlw-packages/react-components 1.7.26 → 1.7.27
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.css +100 -40
- package/dist/index.js +192 -202
- package/dist/index.mjs +162 -172
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7297,8 +7297,8 @@ var import_date_fns = require("date-fns");
|
|
|
7297
7297
|
// src/components/ui/picker/calendar.tsx
|
|
7298
7298
|
var React37 = __toESM(require("react"));
|
|
7299
7299
|
var import_react_day_picker2 = require("react-day-picker");
|
|
7300
|
+
var import_locale = require("date-fns/locale");
|
|
7300
7301
|
var import_react39 = require("@phosphor-icons/react");
|
|
7301
|
-
var import_framer_motion11 = require("framer-motion");
|
|
7302
7302
|
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
7303
7303
|
function CalendarBase2({
|
|
7304
7304
|
className,
|
|
@@ -7306,16 +7306,6 @@ function CalendarBase2({
|
|
|
7306
7306
|
showOutsideDays = true,
|
|
7307
7307
|
...props
|
|
7308
7308
|
}) {
|
|
7309
|
-
const [month, setMonth] = React37.useState(
|
|
7310
|
-
props.month || props.defaultMonth || /* @__PURE__ */ new Date()
|
|
7311
|
-
);
|
|
7312
|
-
const [direction, setDirection] = React37.useState(1);
|
|
7313
|
-
const handleMonthChange = (newMonth) => {
|
|
7314
|
-
const isNext = newMonth > month ? 1 : -1;
|
|
7315
|
-
setDirection(isNext);
|
|
7316
|
-
setMonth(newMonth);
|
|
7317
|
-
props.onMonthChange?.(newMonth);
|
|
7318
|
-
};
|
|
7319
7309
|
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7320
7310
|
"div",
|
|
7321
7311
|
{
|
|
@@ -7323,78 +7313,71 @@ function CalendarBase2({
|
|
|
7323
7313
|
"rounded-md border bg-background p-3 overflow-hidden flex flex-col",
|
|
7324
7314
|
className
|
|
7325
7315
|
),
|
|
7326
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7327
|
-
|
|
7316
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
7317
|
+
import_react_day_picker2.DayPicker,
|
|
7328
7318
|
{
|
|
7319
|
+
showOutsideDays,
|
|
7320
|
+
fixedWeeks: true,
|
|
7321
|
+
weekStartsOn: 1,
|
|
7322
|
+
locale: import_locale.ptBR,
|
|
7323
|
+
navLayout: "around",
|
|
7329
7324
|
className: "w-full h-full flex flex-col",
|
|
7330
|
-
|
|
7331
|
-
|
|
7332
|
-
|
|
7333
|
-
|
|
7334
|
-
|
|
7335
|
-
|
|
7336
|
-
|
|
7337
|
-
|
|
7338
|
-
|
|
7339
|
-
|
|
7340
|
-
|
|
7341
|
-
|
|
7342
|
-
|
|
7343
|
-
|
|
7344
|
-
|
|
7345
|
-
|
|
7346
|
-
|
|
7347
|
-
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
|
|
7351
|
-
|
|
7352
|
-
|
|
7353
|
-
|
|
7354
|
-
|
|
7355
|
-
|
|
7356
|
-
|
|
7357
|
-
|
|
7358
|
-
|
|
7359
|
-
|
|
7360
|
-
|
|
7361
|
-
|
|
7362
|
-
|
|
7363
|
-
|
|
7364
|
-
|
|
7365
|
-
|
|
7366
|
-
|
|
7367
|
-
|
|
7368
|
-
|
|
7369
|
-
|
|
7370
|
-
|
|
7371
|
-
|
|
7372
|
-
day_hidden: "invisible",
|
|
7373
|
-
button: "p-0 m-0 border-0 outline-none focus:ring-0",
|
|
7374
|
-
...classNames
|
|
7375
|
-
},
|
|
7376
|
-
components: {
|
|
7377
|
-
Chevron: ({ orientation }) => {
|
|
7378
|
-
if (orientation === "left") {
|
|
7379
|
-
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretLeftIcon, { className: "h-4 w-4" });
|
|
7380
|
-
}
|
|
7381
|
-
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretRightIcon, { className: "h-4 w-4" });
|
|
7382
|
-
}
|
|
7383
|
-
},
|
|
7384
|
-
...props
|
|
7325
|
+
classNames: {
|
|
7326
|
+
months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
|
|
7327
|
+
month: "relative flex-1 min-w-0",
|
|
7328
|
+
month_caption: "flex items-center gap-2 min-h-[2.25rem] mb-4",
|
|
7329
|
+
caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize",
|
|
7330
|
+
nav: "hidden",
|
|
7331
|
+
button_previous: cn(
|
|
7332
|
+
buttonVariantsBase({ variant: "outline" }),
|
|
7333
|
+
"h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-11 top-0 z-10"
|
|
7334
|
+
),
|
|
7335
|
+
button_next: cn(
|
|
7336
|
+
buttonVariantsBase({ variant: "outline" }),
|
|
7337
|
+
"h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-0 top-0 z-10"
|
|
7338
|
+
),
|
|
7339
|
+
month_grid: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
|
|
7340
|
+
weekdays: "grid grid-cols-7 gap-1 mb-1",
|
|
7341
|
+
weekday: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
|
|
7342
|
+
week: "grid grid-cols-7 gap-1",
|
|
7343
|
+
day: cn(
|
|
7344
|
+
"min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
|
|
7345
|
+
"[&:has([aria-selected].day-range-end)]:rounded-r-lg",
|
|
7346
|
+
"[&:has([aria-selected].day-range-start)]:rounded-l-lg",
|
|
7347
|
+
"[&:has([aria-selected].day-outside)]:bg-muted/50",
|
|
7348
|
+
"[&:has([aria-selected])]:bg-muted"
|
|
7349
|
+
),
|
|
7350
|
+
day_button: cn(
|
|
7351
|
+
buttonVariantsBase({ variant: "ghost" }),
|
|
7352
|
+
"w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
|
|
7353
|
+
"aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
|
|
7354
|
+
),
|
|
7355
|
+
selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white rounded-md",
|
|
7356
|
+
today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset rounded-md",
|
|
7357
|
+
outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
|
|
7358
|
+
disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
|
|
7359
|
+
range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
|
|
7360
|
+
hidden: "invisible",
|
|
7361
|
+
...classNames
|
|
7362
|
+
},
|
|
7363
|
+
components: {
|
|
7364
|
+
Chevron: ({ orientation }) => {
|
|
7365
|
+
if (orientation === "left") {
|
|
7366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretLeftIcon, { className: "h-4 w-4" });
|
|
7385
7367
|
}
|
|
7386
|
-
|
|
7387
|
-
|
|
7388
|
-
|
|
7389
|
-
|
|
7390
|
-
|
|
7368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretRightIcon, { className: "h-4 w-4" });
|
|
7369
|
+
}
|
|
7370
|
+
},
|
|
7371
|
+
...props
|
|
7372
|
+
}
|
|
7373
|
+
) })
|
|
7391
7374
|
}
|
|
7392
7375
|
);
|
|
7393
7376
|
}
|
|
7394
7377
|
CalendarBase2.displayName = "CalendarBase";
|
|
7395
7378
|
|
|
7396
7379
|
// src/components/ui/picker/DateTimePicker.tsx
|
|
7397
|
-
var
|
|
7380
|
+
var import_locale2 = require("date-fns/locale");
|
|
7398
7381
|
var import_react41 = require("react");
|
|
7399
7382
|
var import_react42 = require("@phosphor-icons/react");
|
|
7400
7383
|
|
|
@@ -7676,7 +7659,7 @@ function DateTimePicker({
|
|
|
7676
7659
|
"truncate flex-1",
|
|
7677
7660
|
!date && "text-muted-foreground"
|
|
7678
7661
|
),
|
|
7679
|
-
children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale:
|
|
7662
|
+
children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale2.ptBR }) : "Selecione uma data"
|
|
7680
7663
|
}
|
|
7681
7664
|
),
|
|
7682
7665
|
date && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
@@ -7704,7 +7687,7 @@ function DateTimePicker({
|
|
|
7704
7687
|
CalendarBase2,
|
|
7705
7688
|
{
|
|
7706
7689
|
mode: "single",
|
|
7707
|
-
locale:
|
|
7690
|
+
locale: import_locale2.ptBR,
|
|
7708
7691
|
selected: internalDate ?? void 0,
|
|
7709
7692
|
onSelect: (d) => handleSelect(d ?? null),
|
|
7710
7693
|
initialFocus: true,
|
|
@@ -7761,7 +7744,7 @@ var import_react_day_picker3 = require("react-day-picker");
|
|
|
7761
7744
|
var import_pt_BR = __toESM(require("date-fns/locale/pt-BR"));
|
|
7762
7745
|
var import_date_fns2 = require("date-fns");
|
|
7763
7746
|
var import_react43 = require("@phosphor-icons/react");
|
|
7764
|
-
var
|
|
7747
|
+
var import_framer_motion11 = require("framer-motion");
|
|
7765
7748
|
var import_ssr3 = require("@phosphor-icons/react/dist/ssr");
|
|
7766
7749
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
7767
7750
|
var dateFnsLocale = import_pt_BR.default?.default ?? import_pt_BR.default;
|
|
@@ -7837,13 +7820,13 @@ function RangePicker({
|
|
|
7837
7820
|
}
|
|
7838
7821
|
),
|
|
7839
7822
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorMessage_default, { error }),
|
|
7840
|
-
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
7823
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_framer_motion11.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
7841
7824
|
PopoverContentBase,
|
|
7842
7825
|
{
|
|
7843
7826
|
asChild: true,
|
|
7844
7827
|
className: "w-auto min-w-[250px] p-0 shadow-xl overflow-y-hidden",
|
|
7845
7828
|
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
7846
|
-
|
|
7829
|
+
import_framer_motion11.motion.div,
|
|
7847
7830
|
{
|
|
7848
7831
|
initial: { opacity: 0, y: 16 },
|
|
7849
7832
|
animate: { opacity: 1, y: 0 },
|
|
@@ -7851,7 +7834,7 @@ function RangePicker({
|
|
|
7851
7834
|
transition: { duration: 0.18, ease: "easeOut" },
|
|
7852
7835
|
children: [
|
|
7853
7836
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
7854
|
-
|
|
7837
|
+
import_framer_motion11.motion.div,
|
|
7855
7838
|
{
|
|
7856
7839
|
initial: { opacity: 0, y: 8 },
|
|
7857
7840
|
animate: { opacity: 1, y: 0 },
|
|
@@ -7866,43 +7849,50 @@ function RangePicker({
|
|
|
7866
7849
|
onSelect: handleSelect,
|
|
7867
7850
|
locale: dateFnsLocale,
|
|
7868
7851
|
showOutsideDays: true,
|
|
7852
|
+
fixedWeeks: true,
|
|
7853
|
+
weekStartsOn: 1,
|
|
7854
|
+
navLayout: "around",
|
|
7869
7855
|
fromDate: minDate,
|
|
7870
7856
|
toDate: maxDate,
|
|
7871
7857
|
className: "min-w-0 flex flex-col",
|
|
7872
7858
|
classNames: {
|
|
7873
7859
|
months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
|
|
7874
|
-
month: "flex-1 min-w-0",
|
|
7875
|
-
|
|
7876
|
-
caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize
|
|
7877
|
-
nav: "
|
|
7878
|
-
|
|
7860
|
+
month: "relative flex-1 min-w-0",
|
|
7861
|
+
month_caption: "flex items-center gap-2 min-h-[2.25rem] mb-4",
|
|
7862
|
+
caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize",
|
|
7863
|
+
nav: "block",
|
|
7864
|
+
button_previous: cn(
|
|
7879
7865
|
buttonVariantsBase({ variant: "outline" }),
|
|
7880
|
-
"h-8 w-8
|
|
7866
|
+
"h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-11 top-0 z-10"
|
|
7881
7867
|
),
|
|
7882
|
-
|
|
7883
|
-
|
|
7884
|
-
|
|
7885
|
-
|
|
7886
|
-
|
|
7887
|
-
|
|
7888
|
-
|
|
7889
|
-
|
|
7890
|
-
|
|
7891
|
-
"
|
|
7868
|
+
button_next: cn(
|
|
7869
|
+
buttonVariantsBase({ variant: "outline" }),
|
|
7870
|
+
"h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-0 top-0 z-10"
|
|
7871
|
+
),
|
|
7872
|
+
month_grid: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
|
|
7873
|
+
weekdays: "grid grid-cols-7 gap-1 mb-1",
|
|
7874
|
+
weekday: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
|
|
7875
|
+
week: "grid grid-cols-7 gap-1",
|
|
7876
|
+
day: cn(
|
|
7877
|
+
"min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
|
|
7878
|
+
"[&:has([aria-selected].range-end)]:rounded-r-lg",
|
|
7879
|
+
"[&:has([aria-selected].range-start)]:rounded-l-lg",
|
|
7892
7880
|
"[&:has([aria-selected].day-outside)]:bg-muted/50",
|
|
7893
7881
|
"[&:has([aria-selected])]:bg-muted"
|
|
7894
7882
|
),
|
|
7895
|
-
|
|
7883
|
+
day_button: cn(
|
|
7896
7884
|
buttonVariantsBase({ variant: "ghost" }),
|
|
7897
7885
|
"w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
|
|
7898
|
-
"aria-selected:opacity-100
|
|
7886
|
+
"aria-selected:opacity-100 transition-all duration-150 ease-out active:scale-95 hover:bg-background/50 hover:text-primary rounded-none "
|
|
7899
7887
|
),
|
|
7900
|
-
|
|
7901
|
-
|
|
7902
|
-
|
|
7903
|
-
|
|
7904
|
-
|
|
7905
|
-
|
|
7888
|
+
selected: "bg-primary text-primary-foreground font-semibold hover:text-white",
|
|
7889
|
+
today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset rounded-md",
|
|
7890
|
+
outside: "day-outside text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
|
|
7891
|
+
disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
|
|
7892
|
+
range_start: "range-start rounded-l-lg aria-selected:bg-primary aria-selected:text-primary-foreground",
|
|
7893
|
+
range_end: "range-end rounded-r-lg aria-selected:bg-primary aria-selected:text-primary-foreground",
|
|
7894
|
+
range_middle: "range-middle rounded-none aria-selected:bg-muted aria-selected:text-foreground",
|
|
7895
|
+
hidden: "invisible"
|
|
7906
7896
|
},
|
|
7907
7897
|
components: {
|
|
7908
7898
|
Chevron: ({ orientation }) => {
|
|
@@ -7918,7 +7908,7 @@ function RangePicker({
|
|
|
7918
7908
|
) }),
|
|
7919
7909
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
|
|
7920
7910
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
7921
|
-
|
|
7911
|
+
import_framer_motion11.motion.div,
|
|
7922
7912
|
{
|
|
7923
7913
|
whileHover: { scale: 1.03 },
|
|
7924
7914
|
whileTap: { scale: 0.95 },
|
|
@@ -7938,7 +7928,7 @@ function RangePicker({
|
|
|
7938
7928
|
}
|
|
7939
7929
|
) }),
|
|
7940
7930
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
7941
|
-
|
|
7931
|
+
import_framer_motion11.motion.div,
|
|
7942
7932
|
{
|
|
7943
7933
|
whileHover: { scale: 1.03 },
|
|
7944
7934
|
whileTap: { scale: 0.95 },
|
|
@@ -7955,7 +7945,7 @@ function RangePicker({
|
|
|
7955
7945
|
}
|
|
7956
7946
|
) }),
|
|
7957
7947
|
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
7958
|
-
|
|
7948
|
+
import_framer_motion11.motion.div,
|
|
7959
7949
|
{
|
|
7960
7950
|
whileHover: { scale: 1.02 },
|
|
7961
7951
|
whileTap: { scale: 0.98 },
|
|
@@ -7985,7 +7975,7 @@ function RangePicker({
|
|
|
7985
7975
|
RangePicker.displayName = "RangePicker";
|
|
7986
7976
|
|
|
7987
7977
|
// src/components/ui/picker/TimePicker.tsx
|
|
7988
|
-
var
|
|
7978
|
+
var import_framer_motion12 = require("framer-motion");
|
|
7989
7979
|
var React40 = __toESM(require("react"));
|
|
7990
7980
|
|
|
7991
7981
|
// src/components/ui/picker/TimePickerInput.tsx
|
|
@@ -8364,7 +8354,7 @@ function TimePicker({
|
|
|
8364
8354
|
visible: { opacity: 1, y: 0 }
|
|
8365
8355
|
};
|
|
8366
8356
|
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
8367
|
-
|
|
8357
|
+
import_framer_motion12.motion.div,
|
|
8368
8358
|
{
|
|
8369
8359
|
variants: containerVariants,
|
|
8370
8360
|
initial: "hidden",
|
|
@@ -8372,7 +8362,7 @@ function TimePicker({
|
|
|
8372
8362
|
className: "flex items-end justify-center gap-2 sm:gap-3 p-2 sm:p-3 md:p-4 rounded-lg bg-muted/20 border border-border/50 w-full max-w-full overflow-hidden",
|
|
8373
8363
|
children: [
|
|
8374
8364
|
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
8375
|
-
|
|
8365
|
+
import_framer_motion12.motion.div,
|
|
8376
8366
|
{
|
|
8377
8367
|
variants: itemVariants2,
|
|
8378
8368
|
className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
|
|
@@ -8390,7 +8380,7 @@ function TimePicker({
|
|
|
8390
8380
|
}
|
|
8391
8381
|
),
|
|
8392
8382
|
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
8393
|
-
|
|
8383
|
+
import_framer_motion12.motion.div,
|
|
8394
8384
|
{
|
|
8395
8385
|
variants: itemVariants2,
|
|
8396
8386
|
className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
|
|
@@ -8408,8 +8398,8 @@ function TimePicker({
|
|
|
8408
8398
|
)
|
|
8409
8399
|
}
|
|
8410
8400
|
),
|
|
8411
|
-
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
8412
|
-
|
|
8401
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_framer_motion12.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
8402
|
+
import_framer_motion12.motion.div,
|
|
8413
8403
|
{
|
|
8414
8404
|
variants: itemVariants2,
|
|
8415
8405
|
initial: "hidden",
|
|
@@ -8436,7 +8426,7 @@ function TimePicker({
|
|
|
8436
8426
|
|
|
8437
8427
|
// src/components/ui/event-calendar-view/Agenda.tsx
|
|
8438
8428
|
var import_date_fns3 = require("date-fns");
|
|
8439
|
-
var
|
|
8429
|
+
var import_locale3 = require("date-fns/locale");
|
|
8440
8430
|
var import_react46 = require("react");
|
|
8441
8431
|
var import_react47 = require("@phosphor-icons/react");
|
|
8442
8432
|
var import_tailwind_merge2 = require("tailwind-merge");
|
|
@@ -8501,7 +8491,7 @@ function Agenda({
|
|
|
8501
8491
|
"data-today": (0, import_date_fns3.isToday)(day) || void 0,
|
|
8502
8492
|
children: [
|
|
8503
8493
|
(() => {
|
|
8504
|
-
const s = (0, import_date_fns3.format)(day, "d MMM, EEEE", { locale:
|
|
8494
|
+
const s = (0, import_date_fns3.format)(day, "d MMM, EEEE", { locale: import_locale3.ptBR });
|
|
8505
8495
|
return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
|
|
8506
8496
|
})(),
|
|
8507
8497
|
(0, import_date_fns3.isToday)(day) ? " - Hoje" : ""
|
|
@@ -8922,7 +8912,7 @@ function addHoursToDateAgenda(date, hours) {
|
|
|
8922
8912
|
|
|
8923
8913
|
// src/components/ui/event-calendar-view/hooks/use-current-time-indicator.ts
|
|
8924
8914
|
var import_date_fns6 = require("date-fns");
|
|
8925
|
-
var
|
|
8915
|
+
var import_locale4 = require("date-fns/locale");
|
|
8926
8916
|
var import_react50 = require("react");
|
|
8927
8917
|
function useCurrentTimeIndicatorAgenda(currentDate, view) {
|
|
8928
8918
|
const [currentTimePosition, setCurrentTimePosition] = (0, import_react50.useState)(0);
|
|
@@ -8940,8 +8930,8 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
|
|
|
8940
8930
|
if (view === "day") {
|
|
8941
8931
|
isCurrentTimeVisible = (0, import_date_fns6.isSameDay)(now, currentDate);
|
|
8942
8932
|
} else if (view === "week") {
|
|
8943
|
-
const startOfWeekDate = (0, import_date_fns6.startOfWeek)(currentDate, { locale:
|
|
8944
|
-
const endOfWeekDate = (0, import_date_fns6.endOfWeek)(currentDate, { locale:
|
|
8933
|
+
const startOfWeekDate = (0, import_date_fns6.startOfWeek)(currentDate, { locale: import_locale4.ptBR });
|
|
8934
|
+
const endOfWeekDate = (0, import_date_fns6.endOfWeek)(currentDate, { locale: import_locale4.ptBR });
|
|
8945
8935
|
isCurrentTimeVisible = (0, import_date_fns6.isWithinInterval)(now, {
|
|
8946
8936
|
end: endOfWeekDate,
|
|
8947
8937
|
start: startOfWeekDate
|
|
@@ -9531,7 +9521,7 @@ function DayViewAgenda({
|
|
|
9531
9521
|
|
|
9532
9522
|
// src/components/ui/event-calendar-view/EventAgenda.tsx
|
|
9533
9523
|
var import_date_fns9 = require("date-fns");
|
|
9534
|
-
var
|
|
9524
|
+
var import_locale5 = require("date-fns/locale");
|
|
9535
9525
|
var import_react55 = __toESM(require("react"));
|
|
9536
9526
|
var import_sonner2 = require("sonner");
|
|
9537
9527
|
var import_react56 = require("@phosphor-icons/react");
|
|
@@ -9796,7 +9786,7 @@ function EventAgenda({
|
|
|
9796
9786
|
onEventUpdate?.(updatedEvent);
|
|
9797
9787
|
const startDate = new Date(updatedEvent.start);
|
|
9798
9788
|
(0, import_sonner2.toast)(`Evento "${updatedEvent.title}" movido`, {
|
|
9799
|
-
description: (0, import_date_fns9.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale:
|
|
9789
|
+
description: (0, import_date_fns9.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale5.ptBR }),
|
|
9800
9790
|
position: "bottom-left"
|
|
9801
9791
|
});
|
|
9802
9792
|
};
|
|
@@ -9813,23 +9803,23 @@ function EventAgenda({
|
|
|
9813
9803
|
const viewTitle = (0, import_react55.useMemo)(() => {
|
|
9814
9804
|
const capitalize = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
|
|
9815
9805
|
if (view === "month")
|
|
9816
|
-
return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale:
|
|
9806
|
+
return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale: import_locale5.ptBR }));
|
|
9817
9807
|
if (view === "week") {
|
|
9818
9808
|
const start = (0, import_date_fns9.startOfWeek)(currentDate, { weekStartsOn: 1 });
|
|
9819
9809
|
const end = (0, import_date_fns9.endOfWeek)(currentDate, { weekStartsOn: 1 });
|
|
9820
9810
|
if ((0, import_date_fns9.isSameMonth)(start, end))
|
|
9821
|
-
return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale:
|
|
9822
|
-
const s1 = capitalize((0, import_date_fns9.format)(start, "MMM", { locale:
|
|
9823
|
-
const s2 = capitalize((0, import_date_fns9.format)(end, "MMM yyyy", { locale:
|
|
9811
|
+
return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale: import_locale5.ptBR }));
|
|
9812
|
+
const s1 = capitalize((0, import_date_fns9.format)(start, "MMM", { locale: import_locale5.ptBR }));
|
|
9813
|
+
const s2 = capitalize((0, import_date_fns9.format)(end, "MMM yyyy", { locale: import_locale5.ptBR }));
|
|
9824
9814
|
return `${s1} - ${s2}`;
|
|
9825
9815
|
}
|
|
9826
9816
|
if (view === "day")
|
|
9827
|
-
return (0, import_date_fns9.format)(currentDate, "d 'de' MMMM 'de' yyyy", { locale:
|
|
9817
|
+
return (0, import_date_fns9.format)(currentDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale5.ptBR });
|
|
9828
9818
|
if (view === "agenda") {
|
|
9829
9819
|
const start = currentDate;
|
|
9830
|
-
return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale:
|
|
9820
|
+
return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale: import_locale5.ptBR }));
|
|
9831
9821
|
}
|
|
9832
|
-
return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale:
|
|
9822
|
+
return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale: import_locale5.ptBR }));
|
|
9833
9823
|
}, [currentDate, view]);
|
|
9834
9824
|
const selectItems = ["month", "week", "day", "agenda"].map((v) => ({
|
|
9835
9825
|
label: viewLabel(v),
|
|
@@ -10026,7 +10016,7 @@ function useEventVisibilityAgenda({
|
|
|
10026
10016
|
|
|
10027
10017
|
// src/components/ui/event-calendar-view/MonthView.tsx
|
|
10028
10018
|
var import_date_fns10 = require("date-fns");
|
|
10029
|
-
var
|
|
10019
|
+
var import_locale6 = require("date-fns/locale");
|
|
10030
10020
|
var import_react59 = require("react");
|
|
10031
10021
|
var import_tailwind_merge3 = require("tailwind-merge");
|
|
10032
10022
|
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
@@ -10046,7 +10036,7 @@ function MonthViewAgenda({
|
|
|
10046
10036
|
const weekdays = (0, import_react59.useMemo)(() => {
|
|
10047
10037
|
return Array.from({ length: 7 }).map((_, i) => {
|
|
10048
10038
|
const date = (0, import_date_fns10.addDays)((0, import_date_fns10.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
|
|
10049
|
-
const short = (0, import_date_fns10.format)(date, "EEE", { locale:
|
|
10039
|
+
const short = (0, import_date_fns10.format)(date, "EEE", { locale: import_locale6.ptBR });
|
|
10050
10040
|
return short.charAt(0).toUpperCase() + short.slice(1);
|
|
10051
10041
|
});
|
|
10052
10042
|
}, []);
|
|
@@ -10210,7 +10200,7 @@ function MonthViewAgenda({
|
|
|
10210
10200
|
"aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns10.format)(
|
|
10211
10201
|
day,
|
|
10212
10202
|
"PPP",
|
|
10213
|
-
{ locale:
|
|
10203
|
+
{ locale: import_locale6.ptBR }
|
|
10214
10204
|
)}`,
|
|
10215
10205
|
children: [
|
|
10216
10206
|
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "font-medium", children: [
|
|
@@ -10230,7 +10220,7 @@ function MonthViewAgenda({
|
|
|
10230
10220
|
"--event-height": `${EventHeightAgenda}px`
|
|
10231
10221
|
},
|
|
10232
10222
|
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-2", children: [
|
|
10233
|
-
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns10.format)(day, "EEE d", { locale:
|
|
10223
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns10.format)(day, "EEE d", { locale: import_locale6.ptBR }) }),
|
|
10234
10224
|
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
|
|
10235
10225
|
const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
|
|
10236
10226
|
const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
|
|
@@ -10279,7 +10269,7 @@ function MonthViewAgenda({
|
|
|
10279
10269
|
|
|
10280
10270
|
// src/components/ui/event-calendar-view/WeekView.tsx
|
|
10281
10271
|
var import_date_fns12 = require("date-fns");
|
|
10282
|
-
var
|
|
10272
|
+
var import_locale7 = require("date-fns/locale");
|
|
10283
10273
|
var import_react61 = require("react");
|
|
10284
10274
|
|
|
10285
10275
|
// src/components/ui/event-calendar/constants.ts
|
|
@@ -10540,11 +10530,11 @@ function WeekViewAgenda({
|
|
|
10540
10530
|
"data-today": (0, import_date_fns12.isToday)(day) || void 0,
|
|
10541
10531
|
children: [
|
|
10542
10532
|
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
|
|
10543
|
-
(0, import_date_fns12.format)(day, "EEE", { locale:
|
|
10533
|
+
(0, import_date_fns12.format)(day, "EEE", { locale: import_locale7.ptBR })[0],
|
|
10544
10534
|
" ",
|
|
10545
|
-
(0, import_date_fns12.format)(day, "d", { locale:
|
|
10535
|
+
(0, import_date_fns12.format)(day, "d", { locale: import_locale7.ptBR })
|
|
10546
10536
|
] }),
|
|
10547
|
-
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns12.format)(day, "EEE dd", { locale:
|
|
10537
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns12.format)(day, "EEE dd", { locale: import_locale7.ptBR }) })
|
|
10548
10538
|
]
|
|
10549
10539
|
},
|
|
10550
10540
|
day.toString()
|
|
@@ -10705,7 +10695,7 @@ function WeekViewAgenda({
|
|
|
10705
10695
|
|
|
10706
10696
|
// src/components/ui/event-calendar/AgendaView.tsx
|
|
10707
10697
|
var import_date_fns13 = require("date-fns");
|
|
10708
|
-
var
|
|
10698
|
+
var import_locale8 = require("date-fns/locale");
|
|
10709
10699
|
var import_react62 = require("react");
|
|
10710
10700
|
var import_react63 = require("@phosphor-icons/react");
|
|
10711
10701
|
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
@@ -10763,7 +10753,7 @@ function AgendaView({
|
|
|
10763
10753
|
className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 text-[10px] uppercase data-today:font-medium sm:pe-4 sm:text-xs",
|
|
10764
10754
|
"data-today": (0, import_date_fns13.isToday)(day) || void 0,
|
|
10765
10755
|
children: (() => {
|
|
10766
|
-
const s = (0, import_date_fns13.format)(day, "d MMM, EEEE", { locale:
|
|
10756
|
+
const s = (0, import_date_fns13.format)(day, "d MMM, EEEE", { locale: import_locale8.ptBR });
|
|
10767
10757
|
return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
|
|
10768
10758
|
})()
|
|
10769
10759
|
}
|
|
@@ -11395,7 +11385,7 @@ function DroppableCell({
|
|
|
11395
11385
|
|
|
11396
11386
|
// src/components/ui/event-calendar/EventCalendar.tsx
|
|
11397
11387
|
var import_date_fns17 = require("date-fns");
|
|
11398
|
-
var
|
|
11388
|
+
var import_locale9 = require("date-fns/locale");
|
|
11399
11389
|
var import_react68 = require("react");
|
|
11400
11390
|
var import_sonner3 = require("sonner");
|
|
11401
11391
|
var import_react69 = require("@phosphor-icons/react");
|
|
@@ -11535,7 +11525,7 @@ function EventCalendar({
|
|
|
11535
11525
|
new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
|
|
11536
11526
|
"d 'de' MMMM 'de' yyyy",
|
|
11537
11527
|
{
|
|
11538
|
-
locale:
|
|
11528
|
+
locale: import_locale9.ptBR
|
|
11539
11529
|
}
|
|
11540
11530
|
),
|
|
11541
11531
|
position: "bottom-left"
|
|
@@ -11549,7 +11539,7 @@ function EventCalendar({
|
|
|
11549
11539
|
description: (0, import_date_fns17.format)(
|
|
11550
11540
|
new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
|
|
11551
11541
|
"d 'de' MMMM 'de' yyyy",
|
|
11552
|
-
{ locale:
|
|
11542
|
+
{ locale: import_locale9.ptBR }
|
|
11553
11543
|
),
|
|
11554
11544
|
position: "bottom-left"
|
|
11555
11545
|
});
|
|
@@ -11569,7 +11559,7 @@ function EventCalendar({
|
|
|
11569
11559
|
deletedEvent.start ?? deletedEvent.attend_date ?? deletedEvent.end ?? Date.now()
|
|
11570
11560
|
),
|
|
11571
11561
|
"d 'de' MMMM 'de' yyyy",
|
|
11572
|
-
{ locale:
|
|
11562
|
+
{ locale: import_locale9.ptBR }
|
|
11573
11563
|
),
|
|
11574
11564
|
position: "bottom-left"
|
|
11575
11565
|
});
|
|
@@ -11583,7 +11573,7 @@ function EventCalendar({
|
|
|
11583
11573
|
updatedEvent.start ?? updatedEvent.attend_date ?? updatedEvent.end ?? Date.now()
|
|
11584
11574
|
),
|
|
11585
11575
|
"d 'de' MMMM 'de' yyyy",
|
|
11586
|
-
{ locale:
|
|
11576
|
+
{ locale: import_locale9.ptBR }
|
|
11587
11577
|
),
|
|
11588
11578
|
position: "bottom-left"
|
|
11589
11579
|
});
|
|
@@ -11591,25 +11581,25 @@ function EventCalendar({
|
|
|
11591
11581
|
const viewTitle = (0, import_react68.useMemo)(() => {
|
|
11592
11582
|
const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
|
|
11593
11583
|
if (view === "month") {
|
|
11594
|
-
return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale:
|
|
11584
|
+
return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale: import_locale9.ptBR }));
|
|
11595
11585
|
}
|
|
11596
11586
|
if (view === "week") {
|
|
11597
11587
|
const start = (0, import_date_fns17.startOfWeek)(currentDate, { weekStartsOn: 1 });
|
|
11598
11588
|
const end = (0, import_date_fns17.endOfWeek)(currentDate, { weekStartsOn: 1 });
|
|
11599
11589
|
if ((0, import_date_fns17.isSameMonth)(start, end)) {
|
|
11600
|
-
return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale:
|
|
11590
|
+
return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale: import_locale9.ptBR }));
|
|
11601
11591
|
}
|
|
11602
|
-
const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale:
|
|
11603
|
-
const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale:
|
|
11592
|
+
const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale: import_locale9.ptBR }));
|
|
11593
|
+
const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale: import_locale9.ptBR }));
|
|
11604
11594
|
return `${s1} - ${s2}`;
|
|
11605
11595
|
}
|
|
11606
11596
|
if (view === "day") {
|
|
11607
|
-
const dayNum = (0, import_date_fns17.format)(currentDate, "d", { locale:
|
|
11608
|
-
const month = capitalize((0, import_date_fns17.format)(currentDate, "MMMM", { locale:
|
|
11609
|
-
const year = (0, import_date_fns17.format)(currentDate, "yyyy", { locale:
|
|
11597
|
+
const dayNum = (0, import_date_fns17.format)(currentDate, "d", { locale: import_locale9.ptBR });
|
|
11598
|
+
const month = capitalize((0, import_date_fns17.format)(currentDate, "MMMM", { locale: import_locale9.ptBR }));
|
|
11599
|
+
const year = (0, import_date_fns17.format)(currentDate, "yyyy", { locale: import_locale9.ptBR });
|
|
11610
11600
|
const short = `${dayNum} de ${month} de ${year}`;
|
|
11611
11601
|
const long = `${(0, import_date_fns17.format)(currentDate, "EEE", {
|
|
11612
|
-
locale:
|
|
11602
|
+
locale: import_locale9.ptBR
|
|
11613
11603
|
})}, ${dayNum} de ${month} de ${year}`;
|
|
11614
11604
|
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
11615
11605
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
|
|
@@ -11621,13 +11611,13 @@ function EventCalendar({
|
|
|
11621
11611
|
const start = currentDate;
|
|
11622
11612
|
const end = (0, import_date_fns17.addDays)(currentDate, AgendaDaysToShow - 1);
|
|
11623
11613
|
if ((0, import_date_fns17.isSameMonth)(start, end)) {
|
|
11624
|
-
return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale:
|
|
11614
|
+
return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale: import_locale9.ptBR }));
|
|
11625
11615
|
}
|
|
11626
|
-
const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale:
|
|
11627
|
-
const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale:
|
|
11616
|
+
const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale: import_locale9.ptBR }));
|
|
11617
|
+
const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale: import_locale9.ptBR }));
|
|
11628
11618
|
return `${s1} - ${s2}`;
|
|
11629
11619
|
}
|
|
11630
|
-
return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale:
|
|
11620
|
+
return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale: import_locale9.ptBR }));
|
|
11631
11621
|
}, [currentDate, view]);
|
|
11632
11622
|
const calendarContent = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
11633
11623
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
@@ -11845,8 +11835,8 @@ function EventCalendar({
|
|
|
11845
11835
|
var import_date_fns18 = require("date-fns");
|
|
11846
11836
|
var import_react70 = require("react");
|
|
11847
11837
|
var import_react_radio_group = require("@radix-ui/react-radio-group");
|
|
11848
|
-
var
|
|
11849
|
-
var
|
|
11838
|
+
var import_framer_motion13 = require("framer-motion");
|
|
11839
|
+
var import_locale10 = require("date-fns/locale");
|
|
11850
11840
|
var import_react71 = require("@phosphor-icons/react");
|
|
11851
11841
|
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
11852
11842
|
function EventDialog({
|
|
@@ -11913,7 +11903,7 @@ function EventDialog({
|
|
|
11913
11903
|
const formattedMinute = minute.toString().padStart(2, "0");
|
|
11914
11904
|
const value = `${formattedHour}:${formattedMinute}`;
|
|
11915
11905
|
const date = new Date(2e3, 0, 1, hour, minute);
|
|
11916
|
-
const label = (0, import_date_fns18.format)(date, "HH:mm", { locale:
|
|
11906
|
+
const label = (0, import_date_fns18.format)(date, "HH:mm", { locale: import_locale10.ptBR });
|
|
11917
11907
|
options.push({ label, value });
|
|
11918
11908
|
}
|
|
11919
11909
|
}
|
|
@@ -12007,7 +11997,7 @@ function EventDialog({
|
|
|
12007
11997
|
exit: { opacity: 0, y: 8, scale: 0.995, transition: { duration: 0.12 } }
|
|
12008
11998
|
};
|
|
12009
11999
|
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DialogBase, { onOpenChange: (open) => !open && onClose(), open: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DialogContentBase, { className: "sm:max-w-[425px]", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
12010
|
-
|
|
12000
|
+
import_framer_motion13.motion.div,
|
|
12011
12001
|
{
|
|
12012
12002
|
variants: dialogVariants2,
|
|
12013
12003
|
initial: "hidden",
|
|
@@ -12090,7 +12080,7 @@ function EventDialog({
|
|
|
12090
12080
|
"truncate",
|
|
12091
12081
|
!startDate && "text-muted-foreground"
|
|
12092
12082
|
),
|
|
12093
|
-
children: startDate ? (0, import_date_fns18.format)(startDate, "PPP", { locale:
|
|
12083
|
+
children: startDate ? (0, import_date_fns18.format)(startDate, "PPP", { locale: import_locale10.ptBR }) : "Escolher data"
|
|
12094
12084
|
}
|
|
12095
12085
|
),
|
|
12096
12086
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
@@ -12169,7 +12159,7 @@ function EventDialog({
|
|
|
12169
12159
|
"truncate",
|
|
12170
12160
|
!endDate && "text-muted-foreground"
|
|
12171
12161
|
),
|
|
12172
|
-
children: endDate ? (0, import_date_fns18.format)(endDate, "PPP", { locale:
|
|
12162
|
+
children: endDate ? (0, import_date_fns18.format)(endDate, "PPP", { locale: import_locale10.ptBR }) : "Escolher data"
|
|
12173
12163
|
}
|
|
12174
12164
|
),
|
|
12175
12165
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
@@ -12613,9 +12603,9 @@ function EventItem({
|
|
|
12613
12603
|
|
|
12614
12604
|
// src/components/ui/event-calendar/EventsPopUp.tsx
|
|
12615
12605
|
var import_date_fns20 = require("date-fns");
|
|
12616
|
-
var
|
|
12606
|
+
var import_locale11 = require("date-fns/locale");
|
|
12617
12607
|
var import_react74 = require("react");
|
|
12618
|
-
var
|
|
12608
|
+
var import_framer_motion14 = require("framer-motion");
|
|
12619
12609
|
var import_react75 = require("@phosphor-icons/react");
|
|
12620
12610
|
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
12621
12611
|
function EventsPopup({
|
|
@@ -12668,7 +12658,7 @@ function EventsPopup({
|
|
|
12668
12658
|
return positionCopy;
|
|
12669
12659
|
}, [position]);
|
|
12670
12660
|
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
12671
|
-
|
|
12661
|
+
import_framer_motion14.motion.div,
|
|
12672
12662
|
{
|
|
12673
12663
|
className: "absolute z-50 max-h-96 w-80 overflow-auto rounded-md border bg-background shadow-lg",
|
|
12674
12664
|
ref: popupRef,
|
|
@@ -12683,9 +12673,9 @@ function EventsPopup({
|
|
|
12683
12673
|
children: [
|
|
12684
12674
|
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "sticky top-0 flex items-center justify-between border-b bg-background p-3", children: [
|
|
12685
12675
|
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { className: "font-medium", children: (() => {
|
|
12686
|
-
const dayNum = (0, import_date_fns20.format)(date, "d", { locale:
|
|
12687
|
-
const month = (0, import_date_fns20.format)(date, "MMMM", { locale:
|
|
12688
|
-
const year = (0, import_date_fns20.format)(date, "yyyy", { locale:
|
|
12676
|
+
const dayNum = (0, import_date_fns20.format)(date, "d", { locale: import_locale11.ptBR });
|
|
12677
|
+
const month = (0, import_date_fns20.format)(date, "MMMM", { locale: import_locale11.ptBR });
|
|
12678
|
+
const year = (0, import_date_fns20.format)(date, "yyyy", { locale: import_locale11.ptBR });
|
|
12689
12679
|
const monthCap = month.charAt(0).toUpperCase() + month.slice(1);
|
|
12690
12680
|
return `${dayNum} de ${monthCap} de ${year}`;
|
|
12691
12681
|
})() }),
|
|
@@ -12732,7 +12722,7 @@ function EventsPopup({
|
|
|
12732
12722
|
|
|
12733
12723
|
// src/components/ui/event-calendar/hooks/use-current-time-indicator.ts
|
|
12734
12724
|
var import_date_fns21 = require("date-fns");
|
|
12735
|
-
var
|
|
12725
|
+
var import_locale12 = require("date-fns/locale");
|
|
12736
12726
|
var import_react76 = require("react");
|
|
12737
12727
|
function useCurrentTimeIndicator(currentDate, view) {
|
|
12738
12728
|
const [currentTimePosition, setCurrentTimePosition] = (0, import_react76.useState)(0);
|
|
@@ -12750,8 +12740,8 @@ function useCurrentTimeIndicator(currentDate, view) {
|
|
|
12750
12740
|
if (view === "day") {
|
|
12751
12741
|
isCurrentTimeVisible = (0, import_date_fns21.isSameDay)(now, currentDate);
|
|
12752
12742
|
} else if (view === "week") {
|
|
12753
|
-
const startOfWeekDate = (0, import_date_fns21.startOfWeek)(currentDate, { locale:
|
|
12754
|
-
const endOfWeekDate = (0, import_date_fns21.endOfWeek)(currentDate, { locale:
|
|
12743
|
+
const startOfWeekDate = (0, import_date_fns21.startOfWeek)(currentDate, { locale: import_locale12.ptBR });
|
|
12744
|
+
const endOfWeekDate = (0, import_date_fns21.endOfWeek)(currentDate, { locale: import_locale12.ptBR });
|
|
12755
12745
|
isCurrentTimeVisible = (0, import_date_fns21.isWithinInterval)(now, {
|
|
12756
12746
|
end: endOfWeekDate,
|
|
12757
12747
|
start: startOfWeekDate
|
|
@@ -12815,7 +12805,7 @@ function useEventVisibility({
|
|
|
12815
12805
|
|
|
12816
12806
|
// src/components/ui/event-calendar/MonthView.tsx
|
|
12817
12807
|
var import_date_fns22 = require("date-fns");
|
|
12818
|
-
var
|
|
12808
|
+
var import_locale13 = require("date-fns/locale");
|
|
12819
12809
|
var import_react78 = require("react");
|
|
12820
12810
|
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
12821
12811
|
function MonthView({
|
|
@@ -12834,7 +12824,7 @@ function MonthView({
|
|
|
12834
12824
|
const weekdays = (0, import_react78.useMemo)(() => {
|
|
12835
12825
|
return Array.from({ length: 7 }).map((_, i) => {
|
|
12836
12826
|
const date = (0, import_date_fns22.addDays)((0, import_date_fns22.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
|
|
12837
|
-
const short = (0, import_date_fns22.format)(date, "EEE", { locale:
|
|
12827
|
+
const short = (0, import_date_fns22.format)(date, "EEE", { locale: import_locale13.ptBR });
|
|
12838
12828
|
return short.charAt(0).toUpperCase() + short.slice(1);
|
|
12839
12829
|
});
|
|
12840
12830
|
}, []);
|
|
@@ -12974,7 +12964,7 @@ function MonthView({
|
|
|
12974
12964
|
"aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns22.format)(
|
|
12975
12965
|
day,
|
|
12976
12966
|
"PPP",
|
|
12977
|
-
{ locale:
|
|
12967
|
+
{ locale: import_locale13.ptBR }
|
|
12978
12968
|
)}`,
|
|
12979
12969
|
children: [
|
|
12980
12970
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "font-medium", children: [
|
|
@@ -12994,7 +12984,7 @@ function MonthView({
|
|
|
12994
12984
|
"--event-height": `${EventHeight}px`
|
|
12995
12985
|
},
|
|
12996
12986
|
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "space-y-2", children: [
|
|
12997
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns22.format)(day, "EEE d", { locale:
|
|
12987
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns22.format)(day, "EEE d", { locale: import_locale13.ptBR }) }),
|
|
12998
12988
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "space-y-1", children: sortEvents(allEvents).map((event) => {
|
|
12999
12989
|
const eventStart = new Date(event.start);
|
|
13000
12990
|
const eventEnd = new Date(event.end);
|
|
@@ -13134,7 +13124,7 @@ function addHoursToDate(date, hours) {
|
|
|
13134
13124
|
|
|
13135
13125
|
// src/components/ui/event-calendar/WeekView.tsx
|
|
13136
13126
|
var import_date_fns25 = require("date-fns");
|
|
13137
|
-
var
|
|
13127
|
+
var import_locale14 = require("date-fns/locale");
|
|
13138
13128
|
var import_react79 = require("react");
|
|
13139
13129
|
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
13140
13130
|
function WeekView({
|
|
@@ -13263,11 +13253,11 @@ function WeekView({
|
|
|
13263
13253
|
"data-today": (0, import_date_fns25.isToday)(day) || void 0,
|
|
13264
13254
|
children: [
|
|
13265
13255
|
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
|
|
13266
|
-
(0, import_date_fns25.format)(day, "EEE", { locale:
|
|
13256
|
+
(0, import_date_fns25.format)(day, "EEE", { locale: import_locale14.ptBR })[0],
|
|
13267
13257
|
" ",
|
|
13268
|
-
(0, import_date_fns25.format)(day, "d", { locale:
|
|
13258
|
+
(0, import_date_fns25.format)(day, "d", { locale: import_locale14.ptBR })
|
|
13269
13259
|
] }),
|
|
13270
|
-
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns25.format)(day, "EEE dd", { locale:
|
|
13260
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns25.format)(day, "EEE dd", { locale: import_locale14.ptBR }) })
|
|
13271
13261
|
]
|
|
13272
13262
|
},
|
|
13273
13263
|
day.toString()
|
|
@@ -13572,7 +13562,7 @@ function AvatarCombobox({
|
|
|
13572
13562
|
// src/components/ui/selects/MultiSelectBase.tsx
|
|
13573
13563
|
var import_react82 = require("@phosphor-icons/react");
|
|
13574
13564
|
var import_react83 = require("react");
|
|
13575
|
-
var
|
|
13565
|
+
var import_framer_motion15 = require("framer-motion");
|
|
13576
13566
|
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
13577
13567
|
var MultiSelectContext = (0, import_react83.createContext)(null);
|
|
13578
13568
|
function MultiSelectBase({
|
|
@@ -13799,7 +13789,7 @@ function MultiSelectContentBase({
|
|
|
13799
13789
|
const canSearch = typeof search === "object" ? true : search;
|
|
13800
13790
|
const { emptyMessage } = useMultiSelectContext();
|
|
13801
13791
|
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverContentBase, { className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
13802
|
-
|
|
13792
|
+
import_framer_motion15.motion.div,
|
|
13803
13793
|
{
|
|
13804
13794
|
initial: { opacity: 0, scale: 0.95 },
|
|
13805
13795
|
animate: { opacity: 1, scale: 1 },
|
|
@@ -13841,12 +13831,12 @@ function MultiSelectItemBase({
|
|
|
13841
13831
|
onSelect?.(value);
|
|
13842
13832
|
},
|
|
13843
13833
|
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
13844
|
-
|
|
13834
|
+
import_framer_motion15.motion.div,
|
|
13845
13835
|
{
|
|
13846
13836
|
transition: { duration: 0.1 },
|
|
13847
13837
|
children: [
|
|
13848
13838
|
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
13849
|
-
|
|
13839
|
+
import_framer_motion15.motion.div,
|
|
13850
13840
|
{
|
|
13851
13841
|
initial: { scale: 0 },
|
|
13852
13842
|
animate: { scale: isSelected ? 1 : 0 },
|
|
@@ -14033,7 +14023,7 @@ var import_sonner4 = require("sonner");
|
|
|
14033
14023
|
|
|
14034
14024
|
// src/components/ui/charts/components/controls/PeriodsDropdown.tsx
|
|
14035
14025
|
var import_react84 = require("react");
|
|
14036
|
-
var
|
|
14026
|
+
var import_framer_motion16 = require("framer-motion");
|
|
14037
14027
|
var import_ssr4 = require("@phosphor-icons/react/dist/ssr");
|
|
14038
14028
|
var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
|
|
14039
14029
|
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
@@ -14108,8 +14098,8 @@ function PeriodsDropdown({
|
|
|
14108
14098
|
]
|
|
14109
14099
|
}
|
|
14110
14100
|
),
|
|
14111
|
-
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
14112
|
-
|
|
14101
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_framer_motion16.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
14102
|
+
import_framer_motion16.motion.div,
|
|
14113
14103
|
{
|
|
14114
14104
|
initial: "hidden",
|
|
14115
14105
|
animate: "visible",
|
|
@@ -14138,7 +14128,7 @@ function PeriodsDropdown({
|
|
|
14138
14128
|
className: "flex flex-col p-2 gap-1",
|
|
14139
14129
|
style: { maxHeight: 200, overflowY: "auto" },
|
|
14140
14130
|
children: periods.map((p, idx) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
14141
|
-
|
|
14131
|
+
import_framer_motion16.motion.button,
|
|
14142
14132
|
{
|
|
14143
14133
|
className: "flex items-center justify-between w-full text-left px-3 py-2.5 rounded focus:outline-none transition-colors " + (activePeriods && activePeriods.includes(p) || p === activePeriod ? "bg-accent/10 font-medium" : "hover:bg-accent/15 focus-visible:ring-2 focus-visible:ring-accent/30"),
|
|
14144
14134
|
variants: itemVariants,
|
|
@@ -14166,7 +14156,7 @@ function PeriodsDropdown({
|
|
|
14166
14156
|
var PeriodsDropdown_default = PeriodsDropdown;
|
|
14167
14157
|
|
|
14168
14158
|
// src/components/ui/charts/components/controls/ShowOnly.tsx
|
|
14169
|
-
var
|
|
14159
|
+
var import_framer_motion17 = require("framer-motion");
|
|
14170
14160
|
var import_react85 = require("@phosphor-icons/react");
|
|
14171
14161
|
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
14172
14162
|
var ShowOnly = ({
|
|
@@ -14177,7 +14167,7 @@ var ShowOnly = ({
|
|
|
14177
14167
|
const hasHighlights = highlightedSeriesSize > 0;
|
|
14178
14168
|
if (!hasHighlights) return null;
|
|
14179
14169
|
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
14180
|
-
|
|
14170
|
+
import_framer_motion17.motion.div,
|
|
14181
14171
|
{
|
|
14182
14172
|
whileTap: { scale: hasHighlights ? 0.985 : 1 },
|
|
14183
14173
|
whileHover: { y: hasHighlights ? -2 : 0 },
|
|
@@ -14210,7 +14200,7 @@ var ShowOnly = ({
|
|
|
14210
14200
|
var ShowOnly_default = ShowOnly;
|
|
14211
14201
|
|
|
14212
14202
|
// src/components/ui/charts/components/controls/Highlights.tsx
|
|
14213
|
-
var
|
|
14203
|
+
var import_framer_motion18 = require("framer-motion");
|
|
14214
14204
|
var import_ssr6 = require("@phosphor-icons/react/dist/ssr");
|
|
14215
14205
|
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
14216
14206
|
var Highlights = ({
|
|
@@ -14231,13 +14221,13 @@ var Highlights = ({
|
|
|
14231
14221
|
visible: { opacity: 1, transition: { staggerChildren: 0.03 } }
|
|
14232
14222
|
};
|
|
14233
14223
|
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14234
|
-
|
|
14224
|
+
import_framer_motion18.motion.div,
|
|
14235
14225
|
{
|
|
14236
14226
|
className: "flex-1 flex items-center gap-2 flex-wrap",
|
|
14237
14227
|
initial: "hidden",
|
|
14238
14228
|
animate: "visible",
|
|
14239
14229
|
variants: containerVariants,
|
|
14240
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14230
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_framer_motion18.AnimatePresence, { initial: false, mode: "popLayout", children: allKeys.map((k) => {
|
|
14241
14231
|
const isHighlighted = highlightedSeries.has(k);
|
|
14242
14232
|
const label = mapperConfig[k]?.label ?? k;
|
|
14243
14233
|
const color = finalColors[k];
|
|
@@ -14247,14 +14237,14 @@ var Highlights = ({
|
|
|
14247
14237
|
isHighlighted ? "bg-card/95 border-2 text-foreground shadow-[0_6px_18px_rgba(0,0,0,0.12)]" : "bg-muted/10 border-border text-muted-foreground hover:bg-muted/5"
|
|
14248
14238
|
);
|
|
14249
14239
|
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14250
|
-
|
|
14240
|
+
import_framer_motion18.motion.div,
|
|
14251
14241
|
{
|
|
14252
14242
|
layout: true,
|
|
14253
14243
|
initial: "hidden",
|
|
14254
14244
|
animate: "visible",
|
|
14255
14245
|
exit: "exit",
|
|
14256
14246
|
children: (() => {
|
|
14257
|
-
const MotionButtonBase = (0,
|
|
14247
|
+
const MotionButtonBase = (0, import_framer_motion18.motion)(
|
|
14258
14248
|
ButtonBase
|
|
14259
14249
|
);
|
|
14260
14250
|
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
@@ -14271,7 +14261,7 @@ var Highlights = ({
|
|
|
14271
14261
|
animate: isHighlighted ? { scale: 1.02 } : { scale: 1 },
|
|
14272
14262
|
children: [
|
|
14273
14263
|
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14274
|
-
|
|
14264
|
+
import_framer_motion18.motion.span,
|
|
14275
14265
|
{
|
|
14276
14266
|
className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
|
|
14277
14267
|
style: {
|
|
@@ -14290,14 +14280,14 @@ var Highlights = ({
|
|
|
14290
14280
|
}
|
|
14291
14281
|
),
|
|
14292
14282
|
showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14293
|
-
|
|
14283
|
+
import_framer_motion18.motion.span,
|
|
14294
14284
|
{
|
|
14295
14285
|
className: "truncate max-w-[10rem] mt-0.5",
|
|
14296
14286
|
layout: true,
|
|
14297
14287
|
children: label
|
|
14298
14288
|
}
|
|
14299
14289
|
) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14300
|
-
|
|
14290
|
+
import_framer_motion18.motion.span,
|
|
14301
14291
|
{
|
|
14302
14292
|
className: "truncate max-w-[6rem] text-xs pr-2",
|
|
14303
14293
|
layout: true,
|
|
@@ -14305,7 +14295,7 @@ var Highlights = ({
|
|
|
14305
14295
|
}
|
|
14306
14296
|
) : null,
|
|
14307
14297
|
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
14308
|
-
|
|
14298
|
+
import_framer_motion18.motion.span,
|
|
14309
14299
|
{
|
|
14310
14300
|
"aria-hidden": true,
|
|
14311
14301
|
initial: { opacity: 0, scale: 0.6 },
|
|
@@ -14418,7 +14408,7 @@ var CloseAllButton_default = CloseAllButton;
|
|
|
14418
14408
|
|
|
14419
14409
|
// src/components/ui/charts/components/tooltips/DraggableTooltip.tsx
|
|
14420
14410
|
var import_react86 = __toESM(require("react"));
|
|
14421
|
-
var
|
|
14411
|
+
var import_framer_motion19 = require("framer-motion");
|
|
14422
14412
|
var import_react87 = require("@phosphor-icons/react");
|
|
14423
14413
|
var import_ssr8 = require("@phosphor-icons/react/dist/ssr");
|
|
14424
14414
|
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
@@ -14800,7 +14790,7 @@ var DraggableTooltipComponent = ({
|
|
|
14800
14790
|
);
|
|
14801
14791
|
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
|
|
14802
14792
|
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
14803
|
-
|
|
14793
|
+
import_framer_motion19.motion.div,
|
|
14804
14794
|
{
|
|
14805
14795
|
className: "fixed pointer-events-none z-30",
|
|
14806
14796
|
variants: guideVariants,
|
|
@@ -14822,7 +14812,7 @@ var DraggableTooltipComponent = ({
|
|
|
14822
14812
|
}
|
|
14823
14813
|
),
|
|
14824
14814
|
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
14825
|
-
|
|
14815
|
+
import_framer_motion19.motion.div,
|
|
14826
14816
|
{
|
|
14827
14817
|
className: "fixed pointer-events-none z-31",
|
|
14828
14818
|
variants: guideDotVariants,
|
|
@@ -14841,7 +14831,7 @@ var DraggableTooltipComponent = ({
|
|
|
14841
14831
|
}
|
|
14842
14832
|
),
|
|
14843
14833
|
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
14844
|
-
|
|
14834
|
+
import_framer_motion19.motion.div,
|
|
14845
14835
|
{
|
|
14846
14836
|
className: "fixed pointer-events-none z-31",
|
|
14847
14837
|
variants: guideDotVariants,
|
|
@@ -14861,8 +14851,8 @@ var DraggableTooltipComponent = ({
|
|
|
14861
14851
|
)
|
|
14862
14852
|
] }, index);
|
|
14863
14853
|
}),
|
|
14864
|
-
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
14865
|
-
|
|
14854
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_framer_motion19.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
14855
|
+
import_framer_motion19.motion.div,
|
|
14866
14856
|
{
|
|
14867
14857
|
className: "fixed bg-card border border-border rounded-lg shadow-lg z-50 min-w-80 select-none",
|
|
14868
14858
|
variants: tooltipVariants,
|