@umodeapporg/ui 0.1.0

package/dist/assets/images/common-pngs/sparkles.png.js

@@ -0,0 +1,5 @@
+const Sparkles = "data:image/png;base64,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";
+export {
+  Sparkles as default
+};
+//# sourceMappingURL=sparkles.png.js.map

package/dist/assets/images/common-pngs/sparkles.png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkles.png.js","sources":["../../../../src/assets/images/common-pngs/sparkles.png"],"sourcesContent":["export default \"data:image/png;base64,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\""],"names":[],"mappings":"AAAA,MAAA,WAAe;"}

package/dist/assets/umode-ui.css

@@ -0,0 +1,182 @@
+.virtualized-select-list {
+  scrollbar-width: thin;
+  scrollbar-color: rgb(var(--color-border-strong) / 0.55) transparent;
+}
+
+.virtualized-select-list::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+}
+
+.virtualized-select-list::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-border-strong) / 0.55);
+  border-radius: 10px;
+}
+
+.virtualized-select-list::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.menu-list-search {
+  padding: 0 12px;
+  margin-bottom: 8px;
+}
+
+/* Correção para borda preta que aparece no select */
+[role='menu'],
+[role='menu'] *,
+[data-menu-list='true'],
+[data-menu-list='true'] * {
+  outline: none !important;
+}
+
+/* Estilos específicos para Material Tailwind Menu */
+[data-menu='true'] {
+  outline: none !important;
+}
+
+/* Remove outline de inputs dentro do menu, mas mantém border normal */
+[role='menu'] input,
+[role='menu'] input:focus,
+[role='menu'] input:hover {
+  outline: none !important;
+}
+
+/* Estilos específicos para o Input do ControlledSelect - remove apenas outline */
+.controlled-select-input {
+  outline: none !important;
+}
+
+.controlled-select-input:focus,
+.controlled-select-input:hover,
+.controlled-select-input:active {
+  outline: none !important;
+}
+
+.controlled-select-container {
+  outline: none !important;
+}
+
+.controlled-select-container:focus,
+.controlled-select-container:hover,
+.controlled-select-container:active {
+  outline: none !important;
+}
+
+/* Remove outline do Material Tailwind Input especificamente, mas mantém borders */
+.controlled-select-input input,
+.controlled-select-input input:focus,
+.controlled-select-input input:hover,
+.controlled-select-container input,
+.controlled-select-container input:focus,
+.controlled-select-container input:hover {
+  outline: none !important;
+}
+/* Custom Toast Styles - Material Design style */
+
+.Toastify__toast {
+  border-radius: 12px !important;
+  padding: 12px 16px !important;
+  min-height: 64px !important;
+  font-family: 'Inter', sans-serif !important;
+  /* Floats over the whole page and is transient: the tier where glass reads best.
+     The per-type tinted backgrounds below override the base fill, so the material
+     here is the blur + the edge + the inner highlight. */
+  backdrop-filter: blur(20px) saturate(var(--glass-saturate-strong));
+  -webkit-backdrop-filter: blur(20px) saturate(var(--glass-saturate-strong));
+  box-shadow:
+    var(--shadow-lg),
+    inset 0 1px 0 0 rgb(var(--glass-highlight) / var(--glass-highlight-alpha)) !important;
+}
+
+@media (prefers-reduced-transparency: reduce) {
+  .Toastify__toast {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+}
+
+.Toastify__toast--success {
+  background-color: rgb(var(--color-success-soft) / 0.92) !important;
+  color: rgb(var(--color-success-emphasis)) !important;
+  border: 1px solid rgb(var(--color-success-border)) !important;
+}
+
+.Toastify__toast--error {
+  background-color: rgb(var(--color-danger-soft) / 0.92) !important;
+  color: rgb(var(--color-danger-emphasis)) !important;
+  border: 1px solid rgb(var(--color-danger-border)) !important;
+}
+
+.Toastify__toast--warning {
+  background-color: rgb(var(--color-warning-soft) / 0.92) !important;
+  color: rgb(var(--color-warning-emphasis)) !important;
+  border: 1px solid rgb(var(--color-warning-border)) !important;
+}
+
+.Toastify__toast--info {
+  background-color: rgb(var(--color-info-soft) / 0.92) !important;
+  color: rgb(var(--color-info-emphasis)) !important;
+  border: 1px solid rgb(var(--color-info-border)) !important;
+}
+
+.Toastify__toast--default {
+  background-color: rgb(var(--color-primary-soft) / 0.92) !important;
+  color: rgb(var(--color-primary-emphasis)) !important;
+  border: 1px solid rgb(var(--color-primary-border)) !important;
+}
+
+.Toastify__toast-icon {
+  width: 24px !important;
+  margin-right: 12px !important;
+}
+
+.Toastify__close-button {
+  opacity: 0.7 !important;
+  align-self: center !important;
+}
+
+.Toastify__close-button:hover {
+  opacity: 1 !important;
+}
+
+.Toastify__progress-bar {
+  height: 3px !important;
+}
+
+.Toastify__progress-bar--success {
+  background: rgb(var(--color-success)) !important;
+}
+
+.Toastify__progress-bar--error {
+  background: rgb(var(--color-danger)) !important;
+}
+
+.Toastify__progress-bar--warning {
+  background: rgb(var(--color-warning)) !important;
+}
+
+.Toastify__progress-bar--info {
+  background: rgb(var(--color-info)) !important;
+}
+
+.Toastify__progress-bar--default {
+  background: rgb(var(--color-primary)) !important;
+}
+
+.toast-custom-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.toast-custom-icon svg,
+.toast-custom-icon .material-symbols {
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: 1.25rem;
+}

package/dist/components/DateTime/DatePicker.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface IDatePickerProps {
+    label?: string;
+    /** Text shown inside the empty input. Falls back to the label for the historical behavior. */
+    placeholder?: string;
+    onUpdate: (value: string | undefined) => void;
+    disabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    useIcon?: boolean;
+    valueRender?: () => React.ReactNode;
+    startValue?: Date;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** Extra classes for the inner input. The default keeps the historical compact height (!py-0). */
+    inputClassName?: string;
+}
+declare const DatePicker: React.FC<IDatePickerProps>;
+export default DatePicker;

package/dist/components/DateTime/DatePicker.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { ptBR } from "date-fns/locale";
+import { DayPicker } from "react-day-picker";
+import { useTranslation } from "react-i18next";
+import { twMerge } from "tailwind-merge";
+import { ControlledPopoverRoot, ControlledPopoverHandler, ControlledPopoverContent } from "../UI/ControlledPopover.js";
+import ControlledTooltip from "../UI/ControlledTooltip.js";
+import { formatDate } from "../../helpers/dateHelpers.js";
+import ControlledInput from "../Form/ControlledInput.js";
+import { MaterialSymbol } from "../UI/MaterialSymbol/index.js";
+import "react-day-picker/style.css";
+const DATE_PICKER_TIMEZONE = "UTC";
+function formatDateToYYYYMMDD(date) {
+  const month = String(date.getUTCMonth() + 1).padStart(2, "0");
+  const day = String(date.getUTCDate()).padStart(2, "0");
+  const year = date.getUTCFullYear();
+  return `${year}-${month}-${day}`;
+}
+function parseDate(dateString) {
+  const dateParts = dateString.split("T")[0].split("-");
+  const year = parseInt(dateParts[0], 10);
+  const month = parseInt(dateParts[1], 10) - 1;
+  const day = parseInt(dateParts[2], 10);
+  const formattedDate = new Date(year, month, day);
+  return formattedDate;
+}
+const DatePicker = ({
+  label,
+  placeholder,
+  disabled,
+  onUpdate,
+  minDate,
+  maxDate,
+  useIcon,
+  valueRender,
+  startValue,
+  onFocus,
+  inputClassName
+}) => {
+  const { t } = useTranslation("ui");
+  const [date, setDate] = useState(startValue || void 0);
+  const [popoverOpen, setPopoverOpen] = useState(false);
+  const startTime = startValue ? startValue.getTime() : null;
+  const syncedStartTimeRef = useRef(startTime);
+  useEffect(() => {
+    if (syncedStartTimeRef.current === startTime) return;
+    syncedStartTimeRef.current = startTime;
+    setDate(startTime === null ? void 0 : new Date(startTime));
+  }, [startTime]);
+  const handleSelectedDate = (date2) => {
+    setDate(date2);
+    if (date2) {
+      const formattedDate = formatDateToYYYYMMDD(date2);
+      onUpdate(formattedDate);
+    } else {
+      onUpdate(void 0);
+    }
+    setPopoverOpen(false);
+  };
+  const togglePopover = () => {
+    setPopoverOpen(!popoverOpen);
+  };
+  const clear = () => {
+    handleSelectedDate(void 0);
+  };
+  const beforeMatcher = {
+    before: minDate ? parseDate(String(minDate)) : new Date(2024, 1, 1)
+  };
+  const afterMatcher = {
+    after: maxDate ? parseDate(String(maxDate)) : new Date(2030, 1, 1)
+  };
+  return /* @__PURE__ */ jsxs(ControlledPopoverRoot, { placement: "bottom", open: popoverOpen, handler: setPopoverOpen, children: [
+    /* @__PURE__ */ jsx(ControlledPopoverHandler, { children: /* @__PURE__ */ jsxs("div", { className: "zIndexMax flex w-full flex-row items-center gap-x-1", onFocus, children: [
+      useIcon && /* @__PURE__ */ jsx(MaterialSymbol, { icon: "calendar_month", size: 20 }),
+      valueRender ? valueRender() : /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ jsx(
+          ControlledInput,
+          {
+            readOnly: true,
+            placeholder: placeholder ?? label,
+            className: twMerge("rounded-md !py-0 focus:border-border-strong", inputClassName),
+            disabled,
+            value: date ? formatDate(date) : "",
+            onClick: togglePopover
+          }
+        ),
+        date && /* @__PURE__ */ jsx(ControlledTooltip, { content: t("dates.clearSelection"), children: /* @__PURE__ */ jsx("div", { onClick: clear, className: "absolute inset-y-0 right-4 top-0.5 flex cursor-pointer items-center", children: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "close_small", size: 20, color: "rgb(var(--color-foreground-subtle))" }) }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(ControlledPopoverContent, { className: "zIndexMax m-0 p-0", children: /* @__PURE__ */ jsx(
+      DayPicker,
+      {
+        ISOWeek: true,
+        showOutsideDays: true,
+        captionLayout: "label",
+        dir: "ltr",
+        firstWeekContainsDate: 1,
+        mode: "single",
+        numberOfMonths: 1,
+        timeZone: DATE_PICKER_TIMEZONE,
+        weekStartsOn: 1,
+        locale: ptBR,
+        selected: date,
+        defaultMonth: date,
+        disabled: [beforeMatcher, afterMatcher],
+        onSelect: handleSelectedDate,
+        className: "p-3",
+        classNames: {
+          today: `rounded-md bg-muted-active text-foreground`,
+          selected: `rounded-md bg-ink text-white hover:bg-ink hover:text-white focus:bg-ink focus:text-white`,
+          chevron: `fill-foreground`
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  DatePicker as default
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DateTime/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DateTime/DatePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\nimport { ptBR } from 'date-fns/locale';\nimport { DateAfter, DateBefore, DayPicker } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\nimport { twMerge } from 'tailwind-merge';\n\nimport {\n  ControlledPopoverContent,\n  ControlledPopoverHandler,\n  ControlledPopoverRoot,\n} from '@/components/UI/ControlledPopover';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { formatDate } from '@/helpers/dateHelpers';\n\nimport ControlledInput from '../Form/ControlledInput';\nimport { MaterialSymbol } from '../UI/MaterialSymbol';\n\nimport 'react-day-picker/style.css';\n\nconst DATE_PICKER_TIMEZONE = 'UTC';\n\nexport interface IDatePickerProps {\n  label?: string;\n  /** Text shown inside the empty input. Falls back to the label for the historical behavior. */\n  placeholder?: string;\n  onUpdate: (value: string | undefined) => void;\n  disabled?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  useIcon?: boolean;\n  valueRender?: () => React.ReactNode;\n  startValue?: Date;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  /** Extra classes for the inner input. The default keeps the historical compact height (!py-0). */\n  inputClassName?: string;\n}\n\nfunction formatDateToYYYYMMDD(date: Date) {\n  const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n  const day = String(date.getUTCDate()).padStart(2, '0');\n  const year = date.getUTCFullYear();\n  return `${year}-${month}-${day}`;\n}\n\nfunction parseDate(dateString: string): Date {\n  const dateParts = dateString.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1;\n  const day = parseInt(dateParts[2], 10);\n\n  const formattedDate = new Date(year, month, day);\n  return formattedDate;\n}\n\nconst DatePicker: React.FC<IDatePickerProps> = ({\n  label,\n  placeholder,\n  disabled,\n  onUpdate,\n  minDate,\n  maxDate,\n  useIcon,\n  valueRender,\n  startValue,\n  onFocus,\n  inputClassName,\n}) => {\n  const { t } = useTranslation('ui');\n  const [date, setDate] = useState<Date | undefined>(startValue || undefined);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n\n  // Hosts pass a freshly parsed Date on every render, so the sync compares\n  // timestamps. Without this the picker ignored external changes (clearing\n  // filters, applying a preset) and callers had to force a remount via `key`.\n  const startTime = startValue ? startValue.getTime() : null;\n  const syncedStartTimeRef = useRef(startTime);\n\n  useEffect(() => {\n    if (syncedStartTimeRef.current === startTime) return;\n    syncedStartTimeRef.current = startTime;\n    setDate(startTime === null ? undefined : new Date(startTime));\n  }, [startTime]);\n\n  const handleSelectedDate = (date: Date | undefined) => {\n    setDate(date);\n    if (date) {\n      const formattedDate = formatDateToYYYYMMDD(date);\n      onUpdate(formattedDate);\n    } else {\n      onUpdate(undefined);\n    }\n    setPopoverOpen(false);\n  };\n\n  const togglePopover = () => {\n    setPopoverOpen(!popoverOpen);\n  };\n\n  const clear = () => {\n    handleSelectedDate(undefined);\n  };\n\n  const beforeMatcher: DateBefore = {\n    before: minDate ? parseDate(String(minDate)) : new Date(2024, 1, 1),\n  };\n  const afterMatcher: DateAfter = {\n    after: maxDate ? parseDate(String(maxDate)) : new Date(2030, 1, 1),\n  };\n\n  return (\n    <ControlledPopoverRoot placement=\"bottom\" open={popoverOpen} handler={setPopoverOpen}>\n      <ControlledPopoverHandler>\n        <div className=\"zIndexMax flex w-full flex-row items-center gap-x-1\" onFocus={onFocus}>\n          {useIcon && <MaterialSymbol icon=\"calendar_month\" size={20} />}\n          {valueRender ? (\n            valueRender()\n          ) : (\n            <div className=\"relative w-full\">\n              <ControlledInput\n                readOnly\n                placeholder={placeholder ?? label}\n                className={twMerge('rounded-md !py-0 focus:border-border-strong', inputClassName)}\n                disabled={disabled}\n                value={date ? formatDate(date) : ''}\n                onClick={togglePopover}\n              />\n\n              {date && (\n                <ControlledTooltip content={t('dates.clearSelection')}>\n                  <div onClick={clear} className=\"absolute inset-y-0 right-4 top-0.5 flex cursor-pointer items-center\">\n                    <MaterialSymbol icon=\"close_small\" size={20} color=\"rgb(var(--color-foreground-subtle))\" />\n                  </div>\n                </ControlledTooltip>\n              )}\n            </div>\n          )}\n        </div>\n      </ControlledPopoverHandler>\n      <ControlledPopoverContent className=\"zIndexMax m-0 p-0\">\n        <DayPicker\n          ISOWeek\n          showOutsideDays\n          captionLayout=\"label\"\n          dir=\"ltr\"\n          firstWeekContainsDate={1}\n          mode=\"single\"\n          numberOfMonths={1}\n          timeZone={DATE_PICKER_TIMEZONE}\n          weekStartsOn={1}\n          locale={ptBR}\n          selected={date}\n          defaultMonth={date}\n          disabled={[beforeMatcher, afterMatcher]}\n          onSelect={handleSelectedDate}\n          className=\"p-3\"\n          classNames={{\n            today: `rounded-md bg-muted-active text-foreground`,\n            selected: `rounded-md bg-ink text-white hover:bg-ink hover:text-white focus:bg-ink focus:text-white`,\n            chevron: `fill-foreground`,\n          }}\n        />\n      </ControlledPopoverContent>\n    </ControlledPopoverRoot>\n  );\n};\n\nexport default DatePicker;\n"],"names":["date"],"mappings":"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"}

package/dist/components/DateTime/DateRangePicker.d.ts

@@ -0,0 +1,19 @@
+import { DateRange } from 'react-day-picker';
+import * as React from 'react';
+interface IDateRangePickerProps {
+    label?: string;
+    onUpdate: (value: {
+        from: string | undefined;
+        to: string | undefined;
+    }) => void;
+    disabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    useIcon?: boolean;
+    valueRender?: () => React.ReactNode;
+    startValue?: DateRange;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const DateRangePicker: React.FC<IDateRangePickerProps>;
+export default DateRangePicker;

package/dist/components/DateTime/DateRangePicker.js

@@ -0,0 +1,205 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import classNames from "classnames";
+import { ptBR } from "date-fns/locale";
+import { getDefaultClassNames, DayPicker } from "react-day-picker";
+import { useTranslation } from "react-i18next";
+import { ControlledPopoverRoot, ControlledPopoverHandler, ControlledPopoverContent } from "../UI/ControlledPopover.js";
+import ControlledTooltip from "../UI/ControlledTooltip.js";
+import { formatDate } from "../../helpers/dateHelpers.js";
+import ControlledInput from "../Form/ControlledInput.js";
+import { MaterialSymbol } from "../UI/MaterialSymbol/index.js";
+import "react-day-picker/style.css";
+const DATE_RANGE_PICKER_TIMEZONE = "UTC";
+const CALENDAR_THEME_VARIABLES = [
+  "![--rdp-accent-background-color:theme(colors.purple.50)]",
+  "![--rdp-accent-color:theme(colors.purple.500)]",
+  "![--rdp-day-height:2.5rem]",
+  "![--rdp-day-width:2.5rem]",
+  "![--rdp-day_button-height:2.25rem]",
+  "![--rdp-day_button-width:2.25rem]",
+  "![--rdp-range_middle-color:theme(colors.purple.700)]"
+].join(" ");
+const calendarClassNames = getDefaultClassNames();
+function formatDateToYYYYMMDD(date) {
+  const month = String(date.getUTCMonth() + 1).padStart(2, "0");
+  const day = String(date.getUTCDate()).padStart(2, "0");
+  const year = date.getUTCFullYear();
+  return `${year}-${month}-${day}`;
+}
+function parseDate(dateString) {
+  const dateParts = dateString.split("T")[0].split("-");
+  const year = parseInt(dateParts[0], 10);
+  const month = parseInt(dateParts[1], 10) - 1;
+  const day = parseInt(dateParts[2], 10);
+  const formattedDate = new Date(year, month, day);
+  return formattedDate;
+}
+const DateRangePicker = ({
+  label,
+  disabled,
+  onUpdate,
+  minDate,
+  maxDate,
+  useIcon,
+  valueRender,
+  startValue,
+  onFocus
+}) => {
+  const { t } = useTranslation("ui");
+  const [range, setRange] = useState(startValue);
+  const [popoverOpen, setPopoverOpen] = useState(false);
+  useEffect(() => {
+    setRange(startValue);
+  }, [startValue]);
+  const handleSelectedRange = (newRange) => {
+    if (!newRange) {
+      setRange(void 0);
+      onUpdate({ from: void 0, to: void 0 });
+      return;
+    }
+    if (!range?.from) {
+      setRange({ from: newRange.from, to: void 0 });
+      if (newRange.from) {
+        onUpdate({
+          from: formatDateToYYYYMMDD(newRange.from),
+          to: void 0
+        });
+      }
+      return;
+    }
+    if (range.from && !range.to && newRange.to) {
+      const finalRange = {
+        from: range.from,
+        to: newRange.to
+      };
+      setRange(finalRange);
+      onUpdate({
+        from: formatDateToYYYYMMDD(finalRange.from),
+        to: formatDateToYYYYMMDD(finalRange.to)
+      });
+      setPopoverOpen(false);
+      return;
+    }
+    setRange({ from: newRange.from, to: void 0 });
+    if (newRange.from) {
+      onUpdate({
+        from: formatDateToYYYYMMDD(newRange.from),
+        to: void 0
+      });
+    }
+  };
+  const togglePopover = () => {
+    setPopoverOpen(!popoverOpen);
+  };
+  const clear = (e) => {
+    if (e) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    const emptyRange = void 0;
+    setRange(emptyRange);
+    onUpdate({ from: void 0, to: void 0 });
+    setPopoverOpen(false);
+  };
+  const beforeMatcher = {
+    before: minDate ? parseDate(String(minDate)) : new Date(2024, 1, 1)
+  };
+  const afterMatcher = {
+    after: maxDate ? parseDate(String(maxDate)) : new Date(2030, 1, 1)
+  };
+  const displayValue = () => {
+    if (!range?.from) return "";
+    if (!range.to) return `${formatDate(range.from)} - ${t("dates.selectEndDate")}`;
+    return `${formatDate(range.from)} - ${formatDate(range.to)}`;
+  };
+  const getFooter = () => {
+    if (!range?.from) {
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-foreground-muted", children: [
+        /* @__PURE__ */ jsx(MaterialSymbol, { icon: "info", size: 16, color: "rgb(var(--color-foreground-subtle))" }),
+        /* @__PURE__ */ jsx("span", { children: t("dates.selectStartDate") })
+      ] }) });
+    }
+    if (!range.to) {
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-brand-emphasis", children: [
+        /* @__PURE__ */ jsx(MaterialSymbol, { icon: "schedule", size: 16, color: "rgb(var(--color-primary))" }),
+        /* @__PURE__ */ jsx("span", { children: t("dateRangePicker.nowSelectEndDate") })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-success-emphasis", children: [
+      /* @__PURE__ */ jsx(MaterialSymbol, { icon: "check_circle", size: 16, color: "rgb(var(--color-success))" }),
+      /* @__PURE__ */ jsx("span", { children: t("dates.periodSelectedSuccess") })
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxs(ControlledPopoverRoot, { placement: "bottom", open: popoverOpen, handler: setPopoverOpen, children: [
+    /* @__PURE__ */ jsx(ControlledPopoverHandler, { children: /* @__PURE__ */ jsxs("div", { className: "zIndexMax flex w-full flex-row items-center gap-x-2", onFocus, children: [
+      useIcon && /* @__PURE__ */ jsx(MaterialSymbol, { icon: "calendar_month", size: 20 }),
+      valueRender ? valueRender() : /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ jsx(
+          ControlledInput,
+          {
+            readOnly: true,
+            error: Boolean(range?.from && !range.to),
+            placeholder: label || t("dateRangePicker.selectPeriod"),
+            className: classNames("w-full cursor-pointer truncate text-left", range?.from && "!pr-9"),
+            disabled,
+            value: displayValue(),
+            onClick: togglePopover
+          }
+        ),
+        range?.from && /* @__PURE__ */ jsx(ControlledTooltip, { content: t("dates.clearPeriod"), children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              clear(e);
+            },
+            onMouseDown: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+            },
+            className: "absolute inset-y-0 right-2 z-10 flex cursor-pointer items-center",
+            children: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "close_small", size: 20, color: "rgb(var(--color-foreground-subtle))" })
+          }
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(ControlledPopoverContent, { className: "zIndexMax overflow-hidden rounded-xl border-0 p-0 shadow-2xl", children: /* @__PURE__ */ jsx("div", { className: "bg-surface", children: /* @__PURE__ */ jsx(
+      DayPicker,
+      {
+        ISOWeek: true,
+        showOutsideDays: true,
+        captionLayout: "label",
+        dir: "ltr",
+        firstWeekContainsDate: 1,
+        mode: "range",
+        numberOfMonths: 2,
+        timeZone: DATE_RANGE_PICKER_TIMEZONE,
+        weekStartsOn: 1,
+        locale: ptBR,
+        selected: range,
+        defaultMonth: range?.from || /* @__PURE__ */ new Date(),
+        disabled: [beforeMatcher, afterMatcher],
+        onSelect: handleSelectedRange,
+        className: classNames("p-4", CALENDAR_THEME_VARIABLES),
+        classNames: {
+          month_caption: `${calendarClassNames.month_caption} items-center text-brand-emphasis`,
+          caption_label: `${calendarClassNames.caption_label} text-base font-semibold`,
+          weekday: `${calendarClassNames.weekday} text-foreground-subtle`,
+          day: `${calendarClassNames.day} text-sm text-foreground transition-colors hover:bg-brand-soft hover:text-brand-emphasis`,
+          day_button: `${calendarClassNames.day_button} focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-border`,
+          selected: "text-sm font-semibold",
+          today: `${calendarClassNames.today} font-semibold`,
+          outside: `${calendarClassNames.outside} text-foreground-faint`,
+          disabled: `${calendarClassNames.disabled} text-foreground-faint`
+        },
+        footer: /* @__PURE__ */ jsx("div", { className: "rounded-b-xl border-t border-border-subtle bg-muted", children: getFooter() })
+      }
+    ) }) })
+  ] });
+};
+export {
+  DateRangePicker as default
+};
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/components/DateTime/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateTime/DateRangePicker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ptBR } from 'date-fns/locale';\nimport { DateAfter, DateBefore, DateRange, DayPicker, getDefaultClassNames } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  ControlledPopoverContent,\n  ControlledPopoverHandler,\n  ControlledPopoverRoot,\n} from '@/components/UI/ControlledPopover';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { formatDate } from '@/helpers/dateHelpers';\n\nimport ControlledInput from '../Form/ControlledInput';\nimport { MaterialSymbol } from '../UI/MaterialSymbol';\n\nimport 'react-day-picker/style.css';\n\nconst DATE_RANGE_PICKER_TIMEZONE = 'UTC';\n\n/**\n * react-day-picker paints the selection through its own CSS variables, so the brand\n * color has to be injected there: a Tailwind background class on the day cell loses\n * to the library's compound selectors. The important modifier is required because the\n * library stylesheet ships in a lazily injected chunk, so it wins any specificity tie\n * against these utilities.\n */\nconst CALENDAR_THEME_VARIABLES = [\n  '![--rdp-accent-background-color:theme(colors.purple.50)]',\n  '![--rdp-accent-color:theme(colors.purple.500)]',\n  '![--rdp-day-height:2.5rem]',\n  '![--rdp-day-width:2.5rem]',\n  '![--rdp-day_button-height:2.25rem]',\n  '![--rdp-day_button-width:2.25rem]',\n  '![--rdp-range_middle-color:theme(colors.purple.700)]',\n].join(' ');\n\nconst calendarClassNames = getDefaultClassNames();\n\ninterface IDateRangePickerProps {\n  label?: string;\n  onUpdate: (value: { from: string | undefined; to: string | undefined }) => void;\n  disabled?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  useIcon?: boolean;\n  valueRender?: () => React.ReactNode;\n  startValue?: DateRange;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nfunction formatDateToYYYYMMDD(date: Date) {\n  const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n  const day = String(date.getUTCDate()).padStart(2, '0');\n  const year = date.getUTCFullYear();\n  return `${year}-${month}-${day}`;\n}\n\nfunction parseDate(dateString: string): Date {\n  const dateParts = dateString.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1;\n  const day = parseInt(dateParts[2], 10);\n\n  const formattedDate = new Date(year, month, day);\n  return formattedDate;\n}\n\nconst DateRangePicker: React.FC<IDateRangePickerProps> = ({\n  label,\n  disabled,\n  onUpdate,\n  minDate,\n  maxDate,\n  useIcon,\n  valueRender,\n  startValue,\n  onFocus,\n}) => {\n  const { t } = useTranslation('ui');\n  const [range, setRange] = useState<DateRange | undefined>(startValue);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n\n  useEffect(() => {\n    setRange(startValue);\n  }, [startValue]);\n\n  const handleSelectedRange = (newRange: DateRange | undefined) => {\n    if (!newRange) {\n      setRange(undefined);\n      onUpdate({ from: undefined, to: undefined });\n      return;\n    }\n\n    if (!range?.from) {\n      setRange({ from: newRange.from, to: undefined });\n      if (newRange.from) {\n        onUpdate({\n          from: formatDateToYYYYMMDD(newRange.from),\n          to: undefined,\n        });\n      }\n      return;\n    }\n\n    if (range.from && !range.to && newRange.to) {\n      const finalRange = {\n        from: range.from,\n        to: newRange.to,\n      };\n      setRange(finalRange);\n      onUpdate({\n        from: formatDateToYYYYMMDD(finalRange.from),\n        to: formatDateToYYYYMMDD(finalRange.to),\n      });\n      setPopoverOpen(false);\n      return;\n    }\n\n    setRange({ from: newRange.from, to: undefined });\n    if (newRange.from) {\n      onUpdate({\n        from: formatDateToYYYYMMDD(newRange.from),\n        to: undefined,\n      });\n    }\n  };\n\n  const togglePopover = () => {\n    setPopoverOpen(!popoverOpen);\n  };\n\n  const clear = (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n    const emptyRange = undefined;\n    setRange(emptyRange);\n    onUpdate({ from: undefined, to: undefined });\n    setPopoverOpen(false);\n  };\n\n  const beforeMatcher: DateBefore = {\n    before: minDate ? parseDate(String(minDate)) : new Date(2024, 1, 1),\n  };\n  const afterMatcher: DateAfter = {\n    after: maxDate ? parseDate(String(maxDate)) : new Date(2030, 1, 1),\n  };\n\n  const displayValue = () => {\n    if (!range?.from) return '';\n    if (!range.to) return `${formatDate(range.from)} - ${t('dates.selectEndDate')}`;\n    return `${formatDate(range.from)} - ${formatDate(range.to)}`;\n  };\n\n  const getFooter = () => {\n    if (!range?.from) {\n      return (\n        <div className=\"flex items-center justify-center py-2\">\n          <div className=\"flex items-center gap-2 text-sm text-foreground-muted\">\n            <MaterialSymbol icon=\"info\" size={16} color=\"rgb(var(--color-foreground-subtle))\" />\n            <span>{t('dates.selectStartDate')}</span>\n          </div>\n        </div>\n      );\n    }\n    if (!range.to) {\n      return (\n        <div className=\"flex items-center justify-center py-2\">\n          <div className=\"flex items-center gap-2 text-sm text-brand-emphasis\">\n            <MaterialSymbol icon=\"schedule\" size={16} color=\"rgb(var(--color-primary))\" />\n            <span>{t('dateRangePicker.nowSelectEndDate')}</span>\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-center justify-center py-2\">\n        <div className=\"flex items-center gap-2 text-sm text-success-emphasis\">\n          <MaterialSymbol icon=\"check_circle\" size={16} color=\"rgb(var(--color-success))\" />\n          <span>{t('dates.periodSelectedSuccess')}</span>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <ControlledPopoverRoot placement=\"bottom\" open={popoverOpen} handler={setPopoverOpen}>\n      <ControlledPopoverHandler>\n        <div className=\"zIndexMax flex w-full flex-row items-center gap-x-2\" onFocus={onFocus}>\n          {useIcon && <MaterialSymbol icon=\"calendar_month\" size={20} />}\n\n          {valueRender ? (\n            valueRender()\n          ) : (\n            <div className=\"relative w-full\">\n              <ControlledInput\n                readOnly\n                error={Boolean(range?.from && !range.to)}\n                placeholder={label || t('dateRangePicker.selectPeriod')}\n                className={classNames('w-full cursor-pointer truncate text-left', range?.from && '!pr-9')}\n                disabled={disabled}\n                value={displayValue()}\n                onClick={togglePopover}\n              />\n\n              {range?.from && (\n                <ControlledTooltip content={t('dates.clearPeriod')}>\n                  <div\n                    onClick={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      clear(e);\n                    }}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                    }}\n                    className=\"absolute inset-y-0 right-2 z-10 flex cursor-pointer items-center\"\n                  >\n                    <MaterialSymbol icon=\"close_small\" size={20} color=\"rgb(var(--color-foreground-subtle))\" />\n                  </div>\n                </ControlledTooltip>\n              )}\n            </div>\n          )}\n        </div>\n      </ControlledPopoverHandler>\n      <ControlledPopoverContent className=\"zIndexMax overflow-hidden rounded-xl border-0 p-0 shadow-2xl\">\n        <div className=\"bg-surface\">\n          <DayPicker\n            ISOWeek\n            showOutsideDays\n            captionLayout=\"label\"\n            dir=\"ltr\"\n            firstWeekContainsDate={1}\n            mode=\"range\"\n            numberOfMonths={2}\n            timeZone={DATE_RANGE_PICKER_TIMEZONE}\n            weekStartsOn={1}\n            locale={ptBR}\n            selected={range}\n            defaultMonth={range?.from || new Date()}\n            disabled={[beforeMatcher, afterMatcher]}\n            onSelect={handleSelectedRange}\n            className={classNames('p-4', CALENDAR_THEME_VARIABLES)}\n            classNames={{\n              month_caption: `${calendarClassNames.month_caption} items-center text-brand-emphasis`,\n              caption_label: `${calendarClassNames.caption_label} text-base font-semibold`,\n              weekday: `${calendarClassNames.weekday} text-foreground-subtle`,\n              day: `${calendarClassNames.day} text-sm text-foreground transition-colors hover:bg-brand-soft hover:text-brand-emphasis`,\n              day_button: `${calendarClassNames.day_button} focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-border`,\n              selected: 'text-sm font-semibold',\n              today: `${calendarClassNames.today} font-semibold`,\n              outside: `${calendarClassNames.outside} text-foreground-faint`,\n              disabled: `${calendarClassNames.disabled} text-foreground-faint`,\n            }}\n            footer={<div className=\"rounded-b-xl border-t border-border-subtle bg-muted\">{getFooter()}</div>}\n          />\n        </div>\n      </ControlledPopoverContent>\n    </ControlledPopoverRoot>\n  );\n};\n\nexport default DateRangePicker;\n"],"names":[],"mappings":"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"}

package/dist/components/Form/ControlledButton.d.ts

@@ -0,0 +1,13 @@
+export type TButtonVariant = 'filled' | 'outlined' | 'text';
+export type TButtonTone = 'brand' | 'neutral' | 'danger' | 'success' | 'info';
+export type TButtonSize = 'sm' | 'md' | 'lg';
+interface IControlledButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Renders a bare <button> with no theme, for clickable surfaces that are not buttons. */
+    defaultHtmlButton?: boolean;
+    variant?: TButtonVariant;
+    tone?: TButtonTone;
+    size?: TButtonSize;
+    fullWidth?: boolean;
+}
+declare const ControlledButton: import('react').ForwardRefExoticComponent<IControlledButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default ControlledButton;