@wheelhouse/ui 0.2.2 → 0.2.4

package/dist/blocks/date-selector/date-selector-i18n-resources.js

@@ -0,0 +1,248 @@
+import { DEFAULT_DATE_SELECTOR_I18N } from './date-selector-types';
+/** i18next namespace for {@link DateSelector} strings. */
+export const DATE_SELECTOR_NAMESPACE = 'dateSelector';
+function bundle(config) {
+    return {
+        selectDate: config.selectDate,
+        apply: config.apply,
+        cancel: config.cancel,
+        clear: config.clear,
+        today: config.today,
+        filterTypes: { ...config.filterTypes },
+        periodTypes: { ...config.periodTypes },
+        months: [...config.months],
+        monthsShort: [...config.monthsShort],
+        quarters: [...config.quarters],
+        weekdays: [...config.weekdays],
+        weekdaysShort: [...config.weekdaysShort],
+        placeholder: config.placeholder,
+        rangePlaceholder: config.rangePlaceholder,
+        rollingWindowTabs: { ...config.rollingWindowTabs },
+        rollingUnitTabs: { ...config.rollingUnitTabs },
+        rollingSummaryNext: config.rollingSummaryNext,
+        rollingSummaryLast: config.rollingSummaryLast,
+        rollingSummaryNextMonths: config.rollingSummaryNextMonths,
+        rollingSummaryLastMonths: config.rollingSummaryLastMonths,
+        rollingSummaryNextSingleMonth: config.rollingSummaryNextSingleMonth,
+        rollingSummaryLastSingleMonth: config.rollingSummaryLastSingleMonth,
+        rollingSummaryNextYears: config.rollingSummaryNextYears,
+        rollingSummaryLastYears: config.rollingSummaryLastYears,
+        rollingSummaryNextYear: config.rollingSummaryNextYear,
+        rollingSummaryLastYear: config.rollingSummaryLastYear,
+        rollingSummaryNextQuarters: config.rollingSummaryNextQuarters,
+        rollingSummaryLastQuarters: config.rollingSummaryLastQuarters,
+        rollingSummaryNextQuarter: config.rollingSummaryNextQuarter,
+        rollingSummaryLastQuarter: config.rollingSummaryLastQuarter,
+        rollingDaysChip: config.rollingDaysChip,
+        rollingMonthsChip: config.rollingMonthsChip,
+        rollingMonthChipSingle: config.rollingMonthChipSingle,
+        rollingYearsChip: config.rollingYearsChip,
+        rollingYearChip: config.rollingYearChip,
+        rollingQuartersChip: config.rollingQuartersChip,
+        rollingQuarterChip: config.rollingQuarterChip,
+    };
+}
+const es = {
+    selectDate: 'Seleccionar fecha',
+    apply: 'Aplicar',
+    cancel: 'Cancelar',
+    clear: 'Limpiar',
+    today: 'Hoy',
+    filterTypes: {
+        is: 'es',
+        before: 'antes de',
+        after: 'después de',
+        between: 'entre',
+    },
+    periodTypes: {
+        day: 'Día',
+        month: 'Mes',
+        quarter: 'Trimestre',
+        year: 'Año',
+    },
+    months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
+    monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
+    quarters: ['T1', 'T2', 'T3', 'T4'],
+    weekdays: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
+    weekdaysShort: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
+    placeholder: 'Seleccionar fecha...',
+    rangePlaceholder: 'Seleccionar rango de fechas...',
+    rollingWindowTabs: { next: 'Siguiente', last: 'Último', custom: 'Personalizado' },
+    rollingUnitTabs: { days: 'Días', months: 'Meses', quarters: 'Trimestres', years: 'Años' },
+    rollingSummaryNext: 'Próximos {{count}} días',
+    rollingSummaryLast: 'Últimos {{count}} días',
+    rollingSummaryNextMonths: 'Próximos {{count}} meses',
+    rollingSummaryLastMonths: 'Últimos {{count}} meses',
+    rollingSummaryNextSingleMonth: 'Próximo mes',
+    rollingSummaryLastSingleMonth: 'Último mes',
+    rollingSummaryNextYears: 'Próximos {{count}} años',
+    rollingSummaryLastYears: 'Últimos {{count}} años',
+    rollingSummaryNextYear: 'Próximo año',
+    rollingSummaryLastYear: 'Último año',
+    rollingSummaryNextQuarters: 'Próximos {{count}} trimestres',
+    rollingSummaryLastQuarters: 'Últimos {{count}} trimestres',
+    rollingSummaryNextQuarter: 'Próximo trimestre',
+    rollingSummaryLastQuarter: 'Último trimestre',
+    rollingDaysChip: '{{count}} días',
+    rollingMonthsChip: '{{count}} meses',
+    rollingMonthChipSingle: '1 mes',
+    rollingYearsChip: '{{count}} años',
+    rollingYearChip: 'Año',
+    rollingQuartersChip: '{{count}} trimestres',
+    rollingQuarterChip: 'Trimestre',
+};
+const fr = {
+    selectDate: 'Sélectionner une date',
+    apply: 'Appliquer',
+    cancel: 'Annuler',
+    clear: 'Effacer',
+    today: "Aujourd'hui",
+    filterTypes: {
+        is: 'est',
+        before: 'avant',
+        after: 'après',
+        between: 'entre',
+    },
+    periodTypes: {
+        day: 'Jour',
+        month: 'Mois',
+        quarter: 'Trimestre',
+        year: 'Année',
+    },
+    months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
+    monthsShort: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
+    quarters: ['T1', 'T2', 'T3', 'T4'],
+    weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
+    weekdaysShort: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
+    placeholder: 'Sélectionner une date...',
+    rangePlaceholder: 'Sélectionner une plage de dates...',
+    rollingWindowTabs: { next: 'Suivant', last: 'Dernier', custom: 'Personnalisé' },
+    rollingUnitTabs: { days: 'Jours', months: 'Mois', quarters: 'Trimestres', years: 'Ans' },
+    rollingSummaryNext: 'Les {{count}} prochains jours',
+    rollingSummaryLast: 'Les {{count}} derniers jours',
+    rollingSummaryNextMonths: 'Les {{count}} prochains mois',
+    rollingSummaryLastMonths: 'Les {{count}} derniers mois',
+    rollingSummaryNextSingleMonth: 'Mois prochain',
+    rollingSummaryLastSingleMonth: 'Mois dernier',
+    rollingSummaryNextYears: 'Les {{count}} prochaines années',
+    rollingSummaryLastYears: 'Les {{count}} dernières années',
+    rollingSummaryNextYear: 'Année prochaine',
+    rollingSummaryLastYear: 'Année dernière',
+    rollingSummaryNextQuarters: 'Les {{count}} prochains trimestres',
+    rollingSummaryLastQuarters: 'Les {{count}} derniers trimestres',
+    rollingSummaryNextQuarter: 'Trimestre prochain',
+    rollingSummaryLastQuarter: 'Dernier trimestre',
+    rollingDaysChip: '{{count}} jours',
+    rollingMonthsChip: '{{count}} mois',
+    rollingMonthChipSingle: '1 mois',
+    rollingYearsChip: '{{count}} ans',
+    rollingYearChip: 'Année',
+    rollingQuartersChip: '{{count}} trimestres',
+    rollingQuarterChip: 'Trimestre',
+};
+const de = {
+    selectDate: 'Datum auswählen',
+    apply: 'Anwenden',
+    cancel: 'Abbrechen',
+    clear: 'Löschen',
+    today: 'Heute',
+    filterTypes: {
+        is: 'ist',
+        before: 'vor',
+        after: 'nach',
+        between: 'zwischen',
+    },
+    periodTypes: {
+        day: 'Tag',
+        month: 'Monat',
+        quarter: 'Quartal',
+        year: 'Jahr',
+    },
+    months: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
+    monthsShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
+    quarters: ['Q1', 'Q2', 'Q3', 'Q4'],
+    weekdays: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
+    weekdaysShort: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
+    placeholder: 'Datum auswählen...',
+    rangePlaceholder: 'Datumsbereich auswählen...',
+    rollingWindowTabs: { next: 'Weiter', last: 'Zurück', custom: 'Benutzerdefiniert' },
+    rollingUnitTabs: { days: 'Tage', months: 'Monate', quarters: 'Quartale', years: 'Jahre' },
+    rollingSummaryNext: 'Nächste {{count}} Tage',
+    rollingSummaryLast: 'Letzte {{count}} Tage',
+    rollingSummaryNextMonths: 'Nächste {{count}} Monate',
+    rollingSummaryLastMonths: 'Letzte {{count}} Monate',
+    rollingSummaryNextSingleMonth: 'Nächster Monat',
+    rollingSummaryLastSingleMonth: 'Letzter Monat',
+    rollingSummaryNextYears: 'Nächste {{count}} Jahre',
+    rollingSummaryLastYears: 'Letzte {{count}} Jahre',
+    rollingSummaryNextYear: 'Nächstes Jahr',
+    rollingSummaryLastYear: 'Letztes Jahr',
+    rollingSummaryNextQuarters: 'Nächste {{count}} Quartale',
+    rollingSummaryLastQuarters: 'Letzte {{count}} Quartale',
+    rollingSummaryNextQuarter: 'Nächstes Quartal',
+    rollingSummaryLastQuarter: 'Letztes Quartal',
+    rollingDaysChip: '{{count}} Tage',
+    rollingMonthsChip: '{{count}} Monate',
+    rollingMonthChipSingle: '1 Monat',
+    rollingYearsChip: '{{count}} Jahre',
+    rollingYearChip: 'Jahr',
+    rollingQuartersChip: '{{count}} Quartale',
+    rollingQuarterChip: 'Quartal',
+};
+const pt = {
+    selectDate: 'Selecionar data',
+    apply: 'Aplicar',
+    cancel: 'Cancelar',
+    clear: 'Limpar',
+    today: 'Hoje',
+    filterTypes: {
+        is: 'é',
+        before: 'antes de',
+        after: 'depois de',
+        between: 'entre',
+    },
+    periodTypes: {
+        day: 'Dia',
+        month: 'Mês',
+        quarter: 'Trimestre',
+        year: 'Ano',
+    },
+    months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
+    monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
+    quarters: ['T1', 'T2', 'T3', 'T4'],
+    weekdays: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
+    weekdaysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
+    placeholder: 'Selecionar data...',
+    rangePlaceholder: 'Selecionar intervalo de datas...',
+    rollingWindowTabs: { next: 'Próximo', last: 'Anterior', custom: 'Personalizado' },
+    rollingUnitTabs: { days: 'Dias', months: 'Meses', quarters: 'Trimestres', years: 'Anos' },
+    rollingSummaryNext: 'Próximos {{count}} dias',
+    rollingSummaryLast: 'Últimos {{count}} dias',
+    rollingSummaryNextMonths: 'Próximos {{count}} meses',
+    rollingSummaryLastMonths: 'Últimos {{count}} meses',
+    rollingSummaryNextSingleMonth: 'Próximo mês',
+    rollingSummaryLastSingleMonth: 'Último mês',
+    rollingSummaryNextYears: 'Próximos {{count}} anos',
+    rollingSummaryLastYears: 'Últimos {{count}} anos',
+    rollingSummaryNextYear: 'Próximo ano',
+    rollingSummaryLastYear: 'Último ano',
+    rollingSummaryNextQuarters: 'Próximos {{count}} trimestres',
+    rollingSummaryLastQuarters: 'Últimos {{count}} trimestres',
+    rollingSummaryNextQuarter: 'Próximo trimestre',
+    rollingSummaryLastQuarter: 'Último trimestre',
+    rollingDaysChip: '{{count}} dias',
+    rollingMonthsChip: '{{count}} meses',
+    rollingMonthChipSingle: '1 mês',
+    rollingYearsChip: '{{count}} anos',
+    rollingYearChip: 'Ano',
+    rollingQuartersChip: '{{count}} trimestres',
+    rollingQuarterChip: 'Trimestre',
+};
+/** Built-in locale bundles keyed by language code. */
+export const DATE_SELECTOR_RESOURCE_BUNDLES = {
+    en: bundle(DEFAULT_DATE_SELECTOR_I18N),
+    es: bundle(es),
+    fr: bundle(fr),
+    de: bundle(de),
+    pt: bundle(pt),
+};

package/dist/blocks/date-selector/date-selector-i18n.shared.d.ts

@@ -0,0 +1,12 @@
+import type { i18n as I18nInstance, TFunction } from 'i18next';
+import { type DateSelectorI18nConfig } from './date-selector-types';
+/**
+ * Merges built-in `dateSelector` resource bundles into an i18next instance (idempotent per instance).
+ * Call once after your app initializes i18next, or rely on {@link DateSelector} registering on mount.
+ */
+export declare function registerDateSelectorI18n(instance: I18nInstance): void;
+/**
+ * Maps the `dateSelector` namespace `t` function to {@link DateSelectorI18nConfig}.
+ */
+export declare function buildDateSelectorI18nFromT(t: TFunction): DateSelectorI18nConfig;
+//# sourceMappingURL=date-selector-i18n.shared.d.ts.map

package/dist/blocks/date-selector/date-selector-i18n.shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-selector-i18n.shared.d.ts","sourceRoot":"","sources":["../../../src/blocks/date-selector/date-selector-i18n.shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAG/D,OAAO,EAAE,KAAK,sBAAsB,EAA8B,MAAM,uBAAuB,CAAC;AAIhG;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAMrE;AAOD;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,EAAE,SAAS,GAAG,sBAAsB,CA4D/E"}

package/dist/blocks/date-selector/date-selector-i18n.shared.js

@@ -0,0 +1,84 @@
+import { DATE_SELECTOR_NAMESPACE, DATE_SELECTOR_RESOURCE_BUNDLES } from './date-selector-i18n-resources';
+import { DEFAULT_DATE_SELECTOR_I18N } from './date-selector-types';
+const registeredInstances = new WeakSet();
+/**
+ * Merges built-in `dateSelector` resource bundles into an i18next instance (idempotent per instance).
+ * Call once after your app initializes i18next, or rely on {@link DateSelector} registering on mount.
+ */
+export function registerDateSelectorI18n(instance) {
+    if (registeredInstances.has(instance))
+        return;
+    for (const [lng, bundle] of Object.entries(DATE_SELECTOR_RESOURCE_BUNDLES)) {
+        instance.addResourceBundle(lng, DATE_SELECTOR_NAMESPACE, bundle, true, true);
+    }
+    registeredInstances.add(instance);
+}
+function asStringArray(value, fallback) {
+    if (Array.isArray(value) && value.every((x) => typeof x === 'string'))
+        return value;
+    return fallback;
+}
+/**
+ * Maps the `dateSelector` namespace `t` function to {@link DateSelectorI18nConfig}.
+ */
+export function buildDateSelectorI18nFromT(t) {
+    const d = DEFAULT_DATE_SELECTOR_I18N;
+    return {
+        selectDate: t('selectDate', { defaultValue: d.selectDate }),
+        apply: t('apply', { defaultValue: d.apply }),
+        cancel: t('cancel', { defaultValue: d.cancel }),
+        clear: t('clear', { defaultValue: d.clear }),
+        today: t('today', { defaultValue: d.today }),
+        filterTypes: {
+            is: t('filterTypes.is', { defaultValue: d.filterTypes.is }),
+            before: t('filterTypes.before', { defaultValue: d.filterTypes.before }),
+            after: t('filterTypes.after', { defaultValue: d.filterTypes.after }),
+            between: t('filterTypes.between', { defaultValue: d.filterTypes.between }),
+        },
+        periodTypes: {
+            day: t('periodTypes.day', { defaultValue: d.periodTypes.day }),
+            month: t('periodTypes.month', { defaultValue: d.periodTypes.month }),
+            quarter: t('periodTypes.quarter', { defaultValue: d.periodTypes.quarter }),
+            year: t('periodTypes.year', { defaultValue: d.periodTypes.year }),
+        },
+        months: asStringArray(t('months', { returnObjects: true }), d.months),
+        monthsShort: asStringArray(t('monthsShort', { returnObjects: true }), d.monthsShort),
+        quarters: asStringArray(t('quarters', { returnObjects: true }), d.quarters),
+        weekdays: asStringArray(t('weekdays', { returnObjects: true }), d.weekdays),
+        weekdaysShort: asStringArray(t('weekdaysShort', { returnObjects: true }), d.weekdaysShort),
+        placeholder: t('placeholder', { defaultValue: d.placeholder }),
+        rangePlaceholder: t('rangePlaceholder', { defaultValue: d.rangePlaceholder }),
+        rollingWindowTabs: {
+            next: t('rollingWindowTabs.next', { defaultValue: d.rollingWindowTabs.next }),
+            last: t('rollingWindowTabs.last', { defaultValue: d.rollingWindowTabs.last }),
+            custom: t('rollingWindowTabs.custom', { defaultValue: d.rollingWindowTabs.custom }),
+        },
+        rollingUnitTabs: {
+            days: t('rollingUnitTabs.days', { defaultValue: d.rollingUnitTabs.days }),
+            months: t('rollingUnitTabs.months', { defaultValue: d.rollingUnitTabs.months }),
+            quarters: t('rollingUnitTabs.quarters', { defaultValue: d.rollingUnitTabs.quarters }),
+            years: t('rollingUnitTabs.years', { defaultValue: d.rollingUnitTabs.years }),
+        },
+        rollingSummaryNext: t('rollingSummaryNext', { defaultValue: d.rollingSummaryNext }),
+        rollingSummaryLast: t('rollingSummaryLast', { defaultValue: d.rollingSummaryLast }),
+        rollingSummaryNextMonths: t('rollingSummaryNextMonths', { defaultValue: d.rollingSummaryNextMonths }),
+        rollingSummaryLastMonths: t('rollingSummaryLastMonths', { defaultValue: d.rollingSummaryLastMonths }),
+        rollingSummaryNextSingleMonth: t('rollingSummaryNextSingleMonth', { defaultValue: d.rollingSummaryNextSingleMonth }),
+        rollingSummaryLastSingleMonth: t('rollingSummaryLastSingleMonth', { defaultValue: d.rollingSummaryLastSingleMonth }),
+        rollingSummaryNextYears: t('rollingSummaryNextYears', { defaultValue: d.rollingSummaryNextYears }),
+        rollingSummaryLastYears: t('rollingSummaryLastYears', { defaultValue: d.rollingSummaryLastYears }),
+        rollingSummaryNextYear: t('rollingSummaryNextYear', { defaultValue: d.rollingSummaryNextYear }),
+        rollingSummaryLastYear: t('rollingSummaryLastYear', { defaultValue: d.rollingSummaryLastYear }),
+        rollingSummaryNextQuarters: t('rollingSummaryNextQuarters', { defaultValue: d.rollingSummaryNextQuarters }),
+        rollingSummaryLastQuarters: t('rollingSummaryLastQuarters', { defaultValue: d.rollingSummaryLastQuarters }),
+        rollingSummaryNextQuarter: t('rollingSummaryNextQuarter', { defaultValue: d.rollingSummaryNextQuarter }),
+        rollingSummaryLastQuarter: t('rollingSummaryLastQuarter', { defaultValue: d.rollingSummaryLastQuarter }),
+        rollingDaysChip: t('rollingDaysChip', { defaultValue: d.rollingDaysChip }),
+        rollingMonthsChip: t('rollingMonthsChip', { defaultValue: d.rollingMonthsChip }),
+        rollingMonthChipSingle: t('rollingMonthChipSingle', { defaultValue: d.rollingMonthChipSingle }),
+        rollingYearsChip: t('rollingYearsChip', { defaultValue: d.rollingYearsChip }),
+        rollingYearChip: t('rollingYearChip', { defaultValue: d.rollingYearChip }),
+        rollingQuartersChip: t('rollingQuartersChip', { defaultValue: d.rollingQuartersChip }),
+        rollingQuarterChip: t('rollingQuarterChip', { defaultValue: d.rollingQuarterChip }),
+    };
+}

package/dist/{components → blocks}/date-selector/date-selector-parts.d.ts

@@ -14,6 +14,15 @@ interface DateSelectorPeriodTabsProps {
     periodTypes?: DateSelectorPeriodType[];
     className?: string;
 }
+interface DateSelectorGranularityTabsProps {
+    periodType: DateSelectorPeriodType;
+    onChange: (value: DateSelectorPeriodType) => void;
+    /** Usually `month`, `quarter`, `year` only (no `day`). */
+    periodTypes?: DateSelectorPeriodType[];
+    className?: string;
+}
+/** Month / Quarter / Year only — same visual weight as {@link DateSelectorPeriodTabs} but no `day` slot. */
+export declare function DateSelectorGranularityTabs({ periodType, onChange, periodTypes, className }: DateSelectorGranularityTabsProps): import("react/jsx-runtime").JSX.Element;
 export declare function DateSelectorPeriodTabs({ value, onChange, periodTypes, className }: DateSelectorPeriodTabsProps): import("react/jsx-runtime").JSX.Element;
 interface DateSelectorDayPickerProps {
     currentMonth: Date;

package/dist/blocks/date-selector/date-selector-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-selector-parts.d.ts","sourceRoot":"","sources":["../../../src/blocks/date-selector/date-selector-parts.tsx"],"names":[],"mappings":"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"}

package/dist/{components → blocks}/date-selector/date-selector-parts.js

@@ -5,9 +5,9 @@ import { addMonths, isSameMonth, subMonths } from 'date-fns';
 import { DayButton, getDefaultClassNames } from 'react-day-picker';
 import { useIsMobile } from '../../hooks/use-mobile';
 import { cn } from '../../lib/utils';
-import { Button } from '../button';
-import { Calendar, CalendarDayButton } from '../calendar';
-import { Tabs, TabsList, TabsTrigger } from '../tabs';
+import { Button } from '../../components/button';
+import { Calendar, CalendarDayButton } from '../../components/calendar';
+import { Tabs, TabsList, TabsTrigger } from '../../components/tabs';
 import { ChevronLeft, ChevronRight, CornerUpLeft, CornerUpRight } from 'lucide-react';
 import { useDateSelectorContext } from './date-selector-context';
 export function DateSelectorFilterToggle({ value, onChange, showBetween = true, showIs = true, presetMode, className }) {
@@ -19,6 +19,21 @@ export function DateSelectorFilterToggle({ value, onChange, showBetween = true,
             }
         }, children: _jsxs(TabsList, { className: cn('flex h-9 w-full min-w-0 gap-1 bg-muted/80 p-[3px]', isDisabled && 'pointer-events-none opacity-50'), children: [showIs && (_jsx(TabsTrigger, { value: "is", "aria-label": i18n.filterTypes.is, className: "min-w-0 flex-1 px-1 py-1 text-center font-normal sm:px-2.5", children: i18n.filterTypes.is })), _jsx(TabsTrigger, { value: "before", "aria-label": i18n.filterTypes.before, className: "min-w-0 flex-1 px-1 py-1 text-center font-normal sm:px-2.5", children: i18n.filterTypes.before }), _jsx(TabsTrigger, { value: "after", "aria-label": i18n.filterTypes.after, className: "min-w-0 flex-1 px-1 py-1 text-center font-normal sm:px-2.5", children: i18n.filterTypes.after }), showBetween && (_jsx(TabsTrigger, { value: "between", "aria-label": i18n.filterTypes.between, className: "min-w-0 flex-1 px-1 py-1 text-center font-normal sm:px-2.5", children: i18n.filterTypes.between }))] }) }));
 }
+const granularityTabActive = 'bg-background text-foreground shadow-sm dark:border-input dark:bg-input/30 dark:text-foreground';
+/** Month / Quarter / Year only — same visual weight as {@link DateSelectorPeriodTabs} but no `day` slot. */
+export function DateSelectorGranularityTabs({ periodType, onChange, periodTypes, className }) {
+    const { i18n } = useDateSelectorContext();
+    const allGranular = [
+        { value: 'month', label: i18n.periodTypes.month },
+        { value: 'quarter', label: i18n.periodTypes.quarter },
+        { value: 'year', label: i18n.periodTypes.year },
+    ];
+    const tabs = allGranular.filter((tab) => !periodTypes?.length || periodTypes.includes(tab.value));
+    return (_jsx("div", { className: cn('flex h-9 w-full min-w-0 rounded-lg bg-muted/80 p-[3px]', className), role: "tablist", "aria-label": `${i18n.periodTypes.month}, ${i18n.periodTypes.quarter}, ${i18n.periodTypes.year}`, children: tabs.map((tab) => {
+            const selected = periodType === tab.value;
+            return (_jsx("button", { type: "button", role: "tab", "aria-selected": selected, className: cn('min-w-0 flex-1 rounded-md px-1 py-1 text-center text-sm font-normal transition-colors sm:px-2.5', selected ? granularityTabActive : 'text-muted-foreground hover:text-foreground'), onClick: () => onChange(tab.value), children: tab.label }, tab.value));
+        }) }));
+}
 export function DateSelectorPeriodTabs({ value, onChange, periodTypes, className }) {
     const { i18n } = useDateSelectorContext();
     const tabs = [
@@ -98,12 +113,12 @@ export function DateSelectorDayPicker({ currentMonth, selectedDate, selectedEndD
     const calendarClassNames = {
         root: cn('w-full min-w-0', rdpClassNames.root),
         months: 'flex flex-wrap items-start justify-between gap-5 w-full',
-        month: cn('flex w-full min-w-0 flex-1 flex-col items-center', rdpClassNames.month),
-        month_grid: cn('w-full min-w-0 border-collapse', rdpClassNames.month_grid),
+        month: cn('flex min-w-0 flex-1 flex-col items-center', rdpClassNames.month),
+        month_grid: cn('min-w-0 border-collapse', rdpClassNames.month_grid),
         nav: 'hidden',
         month_caption: 'hidden',
     };
-    return (_jsxs("div", { className: cn('flex w-full flex-col', className), children: [monthNavRow, isRange ? (_jsx(Calendar, { month: currentMonth, mode: "range", selected: selected, onSelect: handleSelect, numberOfMonths: monthCount, showOutsideDays: true, weekStartsOn: weekStartsOn, formatters: formatters, className: "w-full shrink-0 p-0", classNames: calendarClassNames, components: {
+    return (_jsxs("div", { className: cn('flex flex-col', className), children: [monthNavRow, isRange ? (_jsx(Calendar, { month: currentMonth, mode: "range", selected: selected, onSelect: handleSelect, numberOfMonths: monthCount, showOutsideDays: true, weekStartsOn: weekStartsOn, formatters: formatters, className: "shrink-0 p-0", classNames: calendarClassNames, components: {
                     DayButton: CustomDayButton,
                 } })) : (_jsx(Calendar, { month: currentMonth, mode: "single", selected: selected, onSelect: handleSelect, numberOfMonths: monthCount, showOutsideDays: true, weekStartsOn: weekStartsOn, formatters: formatters, className: "w-full shrink-0 p-0", classNames: calendarClassNames, components: {
                     DayButton: CustomDayButton,

package/dist/{components → blocks}/date-selector/date-selector-types.d.ts

@@ -1,3 +1,4 @@
+import type { i18n as I18nInstance } from 'i18next';
 /** Strings and labels for all UI copy in {@link DateSelector}; override partially via {@link DateSelectorProps.i18n}. */
 export interface DateSelectorI18nConfig {
     selectDate: string;
@@ -29,9 +30,33 @@ export interface DateSelectorI18nConfig {
         last: string;
         custom: string;
     };
+    rollingUnitTabs: {
+        days: string;
+        months: string;
+        quarters: string;
+        years: string;
+    };
     rollingSummaryNext: string;
     rollingSummaryLast: string;
+    rollingSummaryNextMonths: string;
+    rollingSummaryLastMonths: string;
+    rollingSummaryNextSingleMonth: string;
+    rollingSummaryLastSingleMonth: string;
+    rollingSummaryNextYears: string;
+    rollingSummaryLastYears: string;
+    rollingSummaryNextYear: string;
+    rollingSummaryLastYear: string;
+    rollingSummaryNextQuarters: string;
+    rollingSummaryLastQuarters: string;
+    rollingSummaryNextQuarter: string;
+    rollingSummaryLastQuarter: string;
     rollingDaysChip: string;
+    rollingMonthsChip: string;
+    rollingMonthChipSingle: string;
+    rollingYearsChip: string;
+    rollingYearChip: string;
+    rollingQuartersChip: string;
+    rollingQuarterChip: string;
 }
 /** Default English copy for {@link DateSelector}. */
 export declare const DEFAULT_DATE_SELECTOR_I18N: DateSelectorI18nConfig;
@@ -39,12 +64,32 @@ export type DateSelectorPeriodType = 'day' | 'month' | 'quarter' | 'year';
 export type DateSelectorFilterType = 'is' | 'before' | 'after' | 'between';
 export declare const DATE_SELECTOR_ROLLING_DAY_OPTIONS: readonly [3, 7, 14, 30, 60, 90, 180, 365];
 export type DateSelectorRollingDays = (typeof DATE_SELECTOR_ROLLING_DAY_OPTIONS)[number];
+export declare const DATE_SELECTOR_ROLLING_MONTH_OPTIONS: readonly [1, 2, 3, 6, 12];
+export type DateSelectorRollingMonths = (typeof DATE_SELECTOR_ROLLING_MONTH_OPTIONS)[number];
+export declare const DATE_SELECTOR_ROLLING_YEAR_OPTIONS: readonly [1];
+export type DateSelectorRollingYears = (typeof DATE_SELECTOR_ROLLING_YEAR_OPTIONS)[number];
+export declare const DATE_SELECTOR_ROLLING_QUARTER_OPTIONS: readonly [1, 2, 3, 4];
+export type DateSelectorRollingQuarters = (typeof DATE_SELECTOR_ROLLING_QUARTER_OPTIONS)[number];
+export type DateSelectorRollingUnit = 'day' | 'month' | 'quarter' | 'year';
 export type DateSelectorSelectionMode = 'custom' | 'rolling-next' | 'rolling-last';
+/** Options for {@link formatDateValue} and compact bar summaries (e.g. date-metric filter). */
+export interface FormatDateValueOptions {
+    /**
+     * When false, rolling presets (day / month / quarter / year) show only the short phrase on the bar
+     * (e.g. “Last 365 days”, “Next Month”) with calendar detail in a tooltip via {@link formatRollingRangeTooltipDetail}.
+     * @default true
+     */
+    includeRollingRangeDetailInLabel?: boolean;
+}
 /** Canonical value emitted by {@link DateSelector} and {@link useDateSelector}; shape depends on `period` and `operator`. */
 export interface DateSelectorValue {
     period: DateSelectorPeriodType;
     operator: DateSelectorFilterType;
     selectionMode?: DateSelectorSelectionMode;
+    /** Preset span for rolling modes; preferred over legacy {@link DateSelectorValue.rollingDays}. */
+    rollingUnit?: DateSelectorRollingUnit;
+    rollingCount?: number;
+    /** @deprecated Use {@link DateSelectorValue.rollingCount} with `rollingUnit: 'day'`. */
     rollingDays?: DateSelectorRollingDays;
     startDate?: Date;
     endDate?: Date;
@@ -107,6 +152,11 @@ export interface DateSelectorProps {
     minYear?: number;
     maxYear?: number;
     yearOptions?: readonly number[];
+    /**
+     * Optional app i18next instance (e.g. root `i18n`). When omitted, uses the nearest {@link I18nextProvider}
+     * from `react-i18next`, or a package default instance with built-in `dateSelector` resources.
+     */
+    i18nInstance?: I18nInstance;
     i18n?: Partial<DateSelectorI18nConfig>;
     inputHint?: string;
     dayDateFormat?: string;
@@ -114,5 +164,25 @@ export interface DateSelectorProps {
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     showRollingPresets?: boolean;
     rollingDayOptions?: readonly DateSelectorRollingDays[];
+    rollingMonthOptions?: readonly DateSelectorRollingMonths[];
+    rollingQuarterOptions?: readonly DateSelectorRollingQuarters[];
+    rollingYearOptions?: readonly DateSelectorRollingYears[];
+    /**
+     * When true, the root uses a column flex layout and the month/quarter/year list fills remaining height
+     * (instead of a fixed 200px scroll area). Use inside a sized flex parent (e.g. side panels).
+     */
+    fillHeight?: boolean;
+    /**
+     * When true, "Day" is a separate control and Month / Quarter / Year stay in one grouped tab row.
+     * Requires `periodTypes` to include `day` plus at least one of month/quarter/year.
+     */
+    separateDayPeriod?: boolean;
+    /**
+     * Rolling preset labels on parent surfaces (e.g. date-metric filter bar): `inline` includes calendar detail in the
+     * label; `tooltip` keeps the short phrase on the control and shows the resolved calendar detail on hover.
+     * Applies to all rolling units (day, month, quarter, year).
+     * @default 'inline'
+     */
+    rollingRangeDisplay?: 'inline' | 'tooltip';
 }
 //# sourceMappingURL=date-selector-types.d.ts.map

package/dist/blocks/date-selector/date-selector-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-selector-types.d.ts","sourceRoot":"","sources":["../../../src/blocks/date-selector/date-selector-types.ts"],"names":[],"mappings":"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"}

package/dist/{components → blocks}/date-selector/date-selector-types.js

@@ -25,8 +25,30 @@ export const DEFAULT_DATE_SELECTOR_I18N = {
     placeholder: 'Select date...',
     rangePlaceholder: 'Select date range...',
     rollingWindowTabs: { next: 'Next', last: 'Last', custom: 'Custom' },
+    rollingUnitTabs: { days: 'Days', months: 'Months', quarters: 'Quarters', years: 'Years' },
     rollingSummaryNext: 'Next {{count}} days',
     rollingSummaryLast: 'Last {{count}} days',
+    rollingSummaryNextMonths: 'Next {{count}} Months',
+    rollingSummaryLastMonths: 'Last {{count}} Months',
+    rollingSummaryNextSingleMonth: 'Next Month',
+    rollingSummaryLastSingleMonth: 'Last Month',
+    rollingSummaryNextYears: 'Next {{count}} years',
+    rollingSummaryLastYears: 'Last {{count}} years',
+    rollingSummaryNextYear: 'Next Year',
+    rollingSummaryLastYear: 'Last Year',
+    rollingSummaryNextQuarters: 'Next {{count}} Quarters',
+    rollingSummaryLastQuarters: 'Last {{count}} Quarters',
+    rollingSummaryNextQuarter: 'Next Quarter',
+    rollingSummaryLastQuarter: 'Last Quarter',
     rollingDaysChip: '{{count}} days',
+    rollingMonthsChip: '{{count}} months',
+    rollingMonthChipSingle: '1 month',
+    rollingYearsChip: '{{count}} years',
+    rollingYearChip: 'Year',
+    rollingQuartersChip: '{{count}} quarters',
+    rollingQuarterChip: 'Quarter',
 };
 export const DATE_SELECTOR_ROLLING_DAY_OPTIONS = [3, 7, 14, 30, 60, 90, 180, 365];
+export const DATE_SELECTOR_ROLLING_MONTH_OPTIONS = [1, 2, 3, 6, 12];
+export const DATE_SELECTOR_ROLLING_YEAR_OPTIONS = [1];
+export const DATE_SELECTOR_ROLLING_QUARTER_OPTIONS = [1, 2, 3, 4];