@omnifyjp/ui 2.0.4 → 2.2.0

package/dist/components/domain/calendar/calendar-event-sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/domain/calendar/calendar-event-sheet.tsx"],"names":[],"mappings":"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","file":"calendar-event-sheet.js","sourcesContent":["import { format } from 'date-fns';\nimport type { Locale } from 'date-fns';\nimport { Clock, MapPin, Users, Trash2 } from 'lucide-react';\nimport { useDateFnsLocale } from '../../../providers/ui-provider';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../../overlay/sheet';\nimport { Button } from '../../inputs/button';\nimport { Separator } from '../../display/separator';\nimport { CalendarCategoryBadge } from './calendar-category-badge';\n\n/** Extended event data shape for the detail sheet, including description, location, and attendees. */\nexport interface CalendarEventSheetEvent {\n  /** Unique event identifier. */\n  id: string;\n  /** Display title of the event. */\n  title: string;\n  /** Optional long description or notes for the event. */\n  description?: string;\n  /** Event start date/time. */\n  start: Date;\n  /** Event end date/time. */\n  end: Date;\n  /** Whether this is an all-day event. */\n  allDay?: boolean;\n  /** CSS color string for the event. */\n  color: string;\n  /** Category key (e.g. \"meeting\", \"deadline\") used by CalendarCategoryBadge. */\n  category: string;\n  /** Optional location string. */\n  location?: string;\n  /** Optional list of attendee email addresses. */\n  attendees?: string[];\n}\n\n/** Localizable labels for the event detail sheet. All have English defaults. */\nexport interface CalendarEventSheetLabels {\n  /** Text displayed for all-day events instead of a time range. */\n  allDay?: string;\n  /** Heading text for the attendees section. */\n  attendees?: string;\n  /** Label for the delete button. */\n  delete?: string;\n}\n\nconst defaultLabels: Required<CalendarEventSheetLabels> = {\n  allDay: 'All Day',\n  attendees: 'Attendees',\n  delete: 'Delete',\n};\n\nexport interface CalendarEventSheetProps {\n  /** The event to display, or `null` to render nothing. */\n  event: CalendarEventSheetEvent | null;\n  /** Whether the sheet is open. */\n  open: boolean;\n  /** Callback to toggle the sheet open state. */\n  onOpenChange: (open: boolean) => void;\n  /** Optional callback when the delete button is clicked. Receives the event id. */\n  onDelete?: (id: string) => void;\n  /** Override display label for the category badge. */\n  categoryLabel?: string;\n  /** Custom className styles per category key for the CalendarCategoryBadge. */\n  categoryStyles?: Record<string, string>;\n  /** Localizable UI labels with English defaults. */\n  labels?: CalendarEventSheetLabels;\n  /** date-fns Locale object for formatting dates. Falls back to UIProvider's `dateFnsLocale`. */\n  locale?: Locale;\n}\n\n/**\n * Side sheet that displays full event details including title, category badge,\n * description, date/time, location, attendees, and a delete action.\n * Built on top of the Sheet component.\n *\n * @example\n * ```tsx\n * <CalendarEventSheet\n *   event={selectedEvent}\n *   open={sheetOpen}\n *   onOpenChange={setSheetOpen}\n *   onDelete={(id) => removeEvent(id)}\n * />\n * ```\n */\nexport function CalendarEventSheet({\n  event,\n  open,\n  onOpenChange,\n  onDelete,\n  categoryLabel,\n  categoryStyles,\n  labels: labelsProp,\n  locale: localeProp,\n}: CalendarEventSheetProps) {\n  const labels = { ...defaultLabels, ...labelsProp };\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n\n  if (!event) return null;\n\n  const timeDisplay = event.allDay\n    ? labels.allDay\n    : `${format(event.start, 'HH:mm')} - ${format(event.end, 'HH:mm')}`;\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-md\">\n        <SheetHeader>\n          <SheetTitle>{event.title}</SheetTitle>\n        </SheetHeader>\n        <div className=\"mt-4 space-y-4\">\n          <CalendarCategoryBadge\n            category={event.category}\n            label={categoryLabel}\n            styles={categoryStyles}\n          />\n\n          {event.description && (\n            <p className=\"text-sm text-muted-foreground\">{event.description}</p>\n          )}\n\n          <Separator />\n\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center gap-3 text-sm\">\n              <Clock className=\"w-4 h-4 text-muted-foreground flex-shrink-0\" />\n              <div>\n                <p className=\"font-medium\">{format(event.start, 'EEEE, MMMM d, yyyy', locale ? { locale } : undefined)}</p>\n                <p className=\"text-muted-foreground\">{timeDisplay}</p>\n              </div>\n            </div>\n\n            {event.location && (\n              <div className=\"flex items-center gap-3 text-sm\">\n                <MapPin className=\"w-4 h-4 text-muted-foreground flex-shrink-0\" />\n                <span>{event.location}</span>\n              </div>\n            )}\n\n            {event.attendees && event.attendees.length > 0 && (\n              <div className=\"flex items-start gap-3 text-sm\">\n                <Users className=\"w-4 h-4 text-muted-foreground flex-shrink-0 mt-0.5\" />\n                <div>\n                  <p className=\"font-medium mb-1\">{labels.attendees}</p>\n                  <div className=\"space-y-1\">\n                    {event.attendees.map(email => (\n                      <p key={email} className=\"text-muted-foreground\">{email}</p>\n                    ))}\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <Separator />\n\n          <div className=\"flex justify-end\">\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              onClick={() => {\n                onDelete?.(event.id);\n                onOpenChange(false);\n              }}\n            >\n              <Trash2 className=\"w-4 h-4\" />\n              {labels.delete}\n            </Button>\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"]}
+{"version":3,"sources":["../../../../src/components/domain/calendar/calendar-event-sheet.tsx"],"names":[],"mappings":"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","file":"calendar-event-sheet.js","sourcesContent":["import { format } from 'date-fns';\nimport type { Locale } from 'date-fns';\nimport { Clock, MapPin, Users, Trash2 } from 'lucide-react';\nimport { toZonedTime } from '../../../lib/timezone';\nimport { useDateFnsLocale, useTimezone } from '../../../providers/ui-provider';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../../overlay/sheet';\nimport { Button } from '../../inputs/button';\nimport { Separator } from '../../display/separator';\nimport { CalendarCategoryBadge } from './calendar-category-badge';\n\n/** Extended event data shape for the detail sheet, including description, location, and attendees. */\nexport interface CalendarEventSheetEvent {\n  /** Unique event identifier. */\n  id: string;\n  /** Display title of the event. */\n  title: string;\n  /** Optional long description or notes for the event. */\n  description?: string;\n  /** Event start date/time. */\n  start: Date;\n  /** Event end date/time. */\n  end: Date;\n  /** Whether this is an all-day event. */\n  allDay?: boolean;\n  /** CSS color string for the event. */\n  color: string;\n  /** Category key (e.g. \"meeting\", \"deadline\") used by CalendarCategoryBadge. */\n  category: string;\n  /** Optional location string. */\n  location?: string;\n  /** Optional list of attendee email addresses. */\n  attendees?: string[];\n}\n\n/** Localizable labels for the event detail sheet. All have English defaults. */\nexport interface CalendarEventSheetLabels {\n  /** Text displayed for all-day events instead of a time range. */\n  allDay?: string;\n  /** Heading text for the attendees section. */\n  attendees?: string;\n  /** Label for the delete button. */\n  delete?: string;\n}\n\nconst defaultLabels: Required<CalendarEventSheetLabels> = {\n  allDay: 'All Day',\n  attendees: 'Attendees',\n  delete: 'Delete',\n};\n\nexport interface CalendarEventSheetProps {\n  /** The event to display, or `null` to render nothing. */\n  event: CalendarEventSheetEvent | null;\n  /** Whether the sheet is open. */\n  open: boolean;\n  /** Callback to toggle the sheet open state. */\n  onOpenChange: (open: boolean) => void;\n  /** Optional callback when the delete button is clicked. Receives the event id. */\n  onDelete?: (id: string) => void;\n  /** Override display label for the category badge. */\n  categoryLabel?: string;\n  /** Custom className styles per category key for the CalendarCategoryBadge. */\n  categoryStyles?: Record<string, string>;\n  /** Localizable UI labels with English defaults. */\n  labels?: CalendarEventSheetLabels;\n  /** date-fns Locale object for formatting dates. Falls back to UIProvider's `dateFnsLocale`. */\n  locale?: Locale;\n}\n\n/**\n * Side sheet that displays full event details including title, category badge,\n * description, date/time, location, attendees, and a delete action.\n * Built on top of the Sheet component.\n *\n * @example\n * ```tsx\n * <CalendarEventSheet\n *   event={selectedEvent}\n *   open={sheetOpen}\n *   onOpenChange={setSheetOpen}\n *   onDelete={(id) => removeEvent(id)}\n * />\n * ```\n */\nexport function CalendarEventSheet({\n  event,\n  open,\n  onOpenChange,\n  onDelete,\n  categoryLabel,\n  categoryStyles,\n  labels: labelsProp,\n  locale: localeProp,\n}: CalendarEventSheetProps) {\n  const labels = { ...defaultLabels, ...labelsProp };\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n  const { timezone } = useTimezone();\n\n  if (!event) return null;\n\n  const localeOpt = locale ? { locale } : undefined;\n  const timeDisplay = event.allDay\n    ? labels.allDay\n    : `${format(toZonedTime(event.start, timezone), 'HH:mm', localeOpt)} - ${format(toZonedTime(event.end, timezone), 'HH:mm', localeOpt)}`;\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-md\">\n        <SheetHeader>\n          <SheetTitle>{event.title}</SheetTitle>\n        </SheetHeader>\n        <div className=\"mt-4 space-y-4\">\n          <CalendarCategoryBadge\n            category={event.category}\n            label={categoryLabel}\n            styles={categoryStyles}\n          />\n\n          {event.description && (\n            <p className=\"text-sm text-muted-foreground\">{event.description}</p>\n          )}\n\n          <Separator />\n\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center gap-3 text-sm\">\n              <Clock className=\"w-4 h-4 text-muted-foreground flex-shrink-0\" />\n              <div>\n                <p className=\"font-medium\">{format(toZonedTime(event.start, timezone), 'EEEE, MMMM d, yyyy', localeOpt)}</p>\n                <p className=\"text-muted-foreground\">{timeDisplay}</p>\n              </div>\n            </div>\n\n            {event.location && (\n              <div className=\"flex items-center gap-3 text-sm\">\n                <MapPin className=\"w-4 h-4 text-muted-foreground flex-shrink-0\" />\n                <span>{event.location}</span>\n              </div>\n            )}\n\n            {event.attendees && event.attendees.length > 0 && (\n              <div className=\"flex items-start gap-3 text-sm\">\n                <Users className=\"w-4 h-4 text-muted-foreground flex-shrink-0 mt-0.5\" />\n                <div>\n                  <p className=\"font-medium mb-1\">{labels.attendees}</p>\n                  <div className=\"space-y-1\">\n                    {event.attendees.map(email => (\n                      <p key={email} className=\"text-muted-foreground\">{email}</p>\n                    ))}\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <Separator />\n\n          <div className=\"flex justify-end\">\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              onClick={() => {\n                onDelete?.(event.id);\n                onOpenChange(false);\n              }}\n            >\n              <Trash2 className=\"w-4 h-4\" />\n              {labels.delete}\n            </Button>\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"]}

package/dist/components/domain/calendar/calendar-mini.js

@@ -1,9 +1,10 @@
-import { useDateFnsLocale } from '../../../chunk-VPTIRPZW.js';
+import { nowInTimezone, toZonedTime } from '../../../chunk-PMNLM6VF.js';
+import { useDateFnsLocale, useTimezone } from '../../../chunk-BBFOFRWT.js';
 import { Checkbox } from '../../../chunk-W477ZR6B.js';
 import { Separator } from '../../../chunk-KCUSO3CK.js';
 import { cn } from '../../../chunk-DGPY4WP3.js';
 import { useMemo } from 'react';
-import { startOfMonth, endOfMonth, startOfWeek, endOfWeek, eachDayOfInterval, format, isSameMonth, isSameDay, isToday } from 'date-fns';
+import { startOfMonth, endOfMonth, startOfWeek, endOfWeek, eachDayOfInterval, format, isSameMonth, isSameDay } from 'date-fns';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var defaultLabels = {
@@ -29,6 +30,8 @@ function CalendarMini({
   const labels = { ...defaultLabels, ...labelsProp };
   const contextLocale = useDateFnsLocale();
   const locale = localeProp ?? contextLocale;
+  const { timezone } = useTimezone();
+  const todayInTz = nowInTimezone(timezone);
   const days = useMemo(() => {
     const monthStart = startOfMonth(currentDate);
     const monthEnd = endOfMonth(currentDate);
@@ -39,13 +42,13 @@ function CalendarMini({
   const weekDays = [labels.sun, labels.mon, labels.tue, labels.wed, labels.thu, labels.fri, labels.sat];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold mb-2", children: format(currentDate, "MMMM yyyy", locale ? { locale } : void 0) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold mb-2", children: format(toZonedTime(currentDate, timezone), "MMMM yyyy", locale ? { locale } : void 0) }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-0", children: [
         weekDays.map((day) => /* @__PURE__ */ jsx("div", { className: "text-center text-[10px] font-medium text-muted-foreground py-1", children: day }, day)),
         days.map((day) => {
           const inMonth = isSameMonth(day, currentDate);
           const selected = isSameDay(day, selectedDate);
-          const today = isToday(day);
+          const today = isSameDay(day, todayInTz);
           return /* @__PURE__ */ jsx(
             "button",
             {

package/dist/components/domain/calendar/calendar-mini.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/domain/calendar/calendar-mini.tsx"],"names":[],"mappings":"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","file":"calendar-mini.js","sourcesContent":["import { useMemo } from 'react';\nimport {\n  startOfMonth, endOfMonth, startOfWeek, endOfWeek,\n  eachDayOfInterval, isSameMonth, isSameDay, isToday, format,\n} from 'date-fns';\nimport type { Locale } from 'date-fns';\nimport { cn } from '../../../lib/utils';\nimport { useDateFnsLocale } from '../../../providers/ui-provider';\nimport { Checkbox } from '../../inputs/checkbox';\nimport { Separator } from '../../display/separator';\n\n/** A category that can be toggled on/off in the mini calendar's filter section. */\nexport interface CalendarCategory {\n  /** Unique key for this category. */\n  key: string;\n  /** CSS color string used for the category dot. */\n  color: string;\n  /** Display label for the category. */\n  label: string;\n}\n\n/** Localizable labels for the mini calendar. All have English defaults. */\nexport interface CalendarMiniLabels {\n  /** Label for Sunday column header. */\n  sun?: string;\n  /** Label for Monday column header. */\n  mon?: string;\n  /** Label for Tuesday column header. */\n  tue?: string;\n  /** Label for Wednesday column header. */\n  wed?: string;\n  /** Label for Thursday column header. */\n  thu?: string;\n  /** Label for Friday column header. */\n  fri?: string;\n  /** Label for Saturday column header. */\n  sat?: string;\n  /** Heading text for the categories filter section. */\n  categories?: string;\n}\n\nconst defaultLabels: Required<CalendarMiniLabels> = {\n  sun: 'Sun', mon: 'Mon', tue: 'Tue', wed: 'Wed', thu: 'Thu', fri: 'Fri', sat: 'Sat',\n  categories: 'Categories',\n};\n\nexport interface CalendarMiniProps {\n  /** The month to display (any date within the target month). */\n  currentDate: Date;\n  /** The currently selected date, highlighted with primary color. */\n  selectedDate: Date;\n  /** Callback when a day cell is clicked. */\n  onSelectDate: (date: Date) => void;\n  /** Optional list of event categories for the filter section. */\n  categories?: CalendarCategory[];\n  /** Keys of currently enabled categories. */\n  enabledCategories?: string[];\n  /** Callback when a category checkbox is toggled. */\n  onToggleCategory?: (key: string) => void;\n  /** Localizable UI labels with English defaults. */\n  labels?: CalendarMiniLabels;\n  /** date-fns Locale object for formatting the month/year header. Falls back to UIProvider's `dateFnsLocale`. */\n  locale?: Locale;\n}\n\n/**\n * Compact month calendar with optional category filters. Designed for sidebar\n * placement in calendar views. Locale-agnostic via the `labels` prop.\n *\n * @example\n * ```tsx\n * <CalendarMini\n *   currentDate={new Date()}\n *   selectedDate={selectedDate}\n *   onSelectDate={setSelectedDate}\n *   categories={[{ key: \"meeting\", color: \"#3b82f6\", label: \"Meeting\" }]}\n *   enabledCategories={[\"meeting\"]}\n *   onToggleCategory={(key) => toggle(key)}\n * />\n * ```\n */\nexport function CalendarMini({\n  currentDate,\n  selectedDate,\n  onSelectDate,\n  categories,\n  enabledCategories,\n  onToggleCategory,\n  labels: labelsProp,\n  locale: localeProp,\n}: CalendarMiniProps) {\n  const labels = { ...defaultLabels, ...labelsProp };\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n\n  const days = useMemo(() => {\n    const monthStart = startOfMonth(currentDate);\n    const monthEnd = endOfMonth(currentDate);\n    const calStart = startOfWeek(monthStart, { weekStartsOn: 0 });\n    const calEnd = endOfWeek(monthEnd, { weekStartsOn: 0 });\n    return eachDayOfInterval({ start: calStart, end: calEnd });\n  }, [currentDate]);\n\n  const weekDays = [labels.sun, labels.mon, labels.tue, labels.wed, labels.thu, labels.fri, labels.sat];\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Mini calendar */}\n      <div>\n        <p className=\"text-sm font-semibold mb-2\">{format(currentDate, 'MMMM yyyy', locale ? { locale } : undefined)}</p>\n        <div className=\"grid grid-cols-7 gap-0\">\n          {weekDays.map(day => (\n            <div key={day} className=\"text-center text-[10px] font-medium text-muted-foreground py-1\">\n              {day}\n            </div>\n          ))}\n          {days.map(day => {\n            const inMonth = isSameMonth(day, currentDate);\n            const selected = isSameDay(day, selectedDate);\n            const today = isToday(day);\n            return (\n              <button\n                key={day.toISOString()}\n                type=\"button\"\n                onClick={() => onSelectDate(day)}\n                className={cn(\n                  'w-7 h-7 text-[11px] rounded-full flex items-center justify-center transition-colors',\n                  !inMonth && 'text-muted-foreground/40',\n                  inMonth && !selected && 'hover:bg-accent',\n                  selected && 'bg-primary text-primary-foreground',\n                  today && !selected && 'font-bold text-primary',\n                )}\n              >\n                {format(day, 'd')}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {categories && categories.length > 0 && (\n        <>\n          <Separator />\n          {/* Category filters */}\n          <div>\n            <p className=\"text-sm font-semibold mb-2\">{labels.categories}</p>\n            <div className=\"space-y-1.5\">\n              {categories.map(cat => (\n                <label\n                  key={cat.key}\n                  className=\"flex items-center gap-2 py-1 px-1 rounded hover:bg-accent transition-colors cursor-pointer\"\n                >\n                  <Checkbox\n                    checked={enabledCategories?.includes(cat.key) ?? false}\n                    onCheckedChange={() => onToggleCategory?.(cat.key)}\n                  />\n                  <div className=\"w-2.5 h-2.5 rounded-full\" style={{ backgroundColor: cat.color }} />\n                  <span className=\"text-sm\">{cat.label}</span>\n                </label>\n              ))}\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../../src/components/domain/calendar/calendar-mini.tsx"],"names":[],"mappings":"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","file":"calendar-mini.js","sourcesContent":["import { useMemo } from 'react';\nimport {\n  startOfMonth, endOfMonth, startOfWeek, endOfWeek,\n  eachDayOfInterval, isSameMonth, isSameDay, format,\n} from 'date-fns';\nimport type { Locale } from 'date-fns';\nimport { cn } from '../../../lib/utils';\nimport { toZonedTime, nowInTimezone } from '../../../lib/timezone';\nimport { useDateFnsLocale, useTimezone } from '../../../providers/ui-provider';\nimport { Checkbox } from '../../inputs/checkbox';\nimport { Separator } from '../../display/separator';\n\n/** A category that can be toggled on/off in the mini calendar's filter section. */\nexport interface CalendarCategory {\n  /** Unique key for this category. */\n  key: string;\n  /** CSS color string used for the category dot. */\n  color: string;\n  /** Display label for the category. */\n  label: string;\n}\n\n/** Localizable labels for the mini calendar. All have English defaults. */\nexport interface CalendarMiniLabels {\n  /** Label for Sunday column header. */\n  sun?: string;\n  /** Label for Monday column header. */\n  mon?: string;\n  /** Label for Tuesday column header. */\n  tue?: string;\n  /** Label for Wednesday column header. */\n  wed?: string;\n  /** Label for Thursday column header. */\n  thu?: string;\n  /** Label for Friday column header. */\n  fri?: string;\n  /** Label for Saturday column header. */\n  sat?: string;\n  /** Heading text for the categories filter section. */\n  categories?: string;\n}\n\nconst defaultLabels: Required<CalendarMiniLabels> = {\n  sun: 'Sun', mon: 'Mon', tue: 'Tue', wed: 'Wed', thu: 'Thu', fri: 'Fri', sat: 'Sat',\n  categories: 'Categories',\n};\n\nexport interface CalendarMiniProps {\n  /** The month to display (any date within the target month). */\n  currentDate: Date;\n  /** The currently selected date, highlighted with primary color. */\n  selectedDate: Date;\n  /** Callback when a day cell is clicked. */\n  onSelectDate: (date: Date) => void;\n  /** Optional list of event categories for the filter section. */\n  categories?: CalendarCategory[];\n  /** Keys of currently enabled categories. */\n  enabledCategories?: string[];\n  /** Callback when a category checkbox is toggled. */\n  onToggleCategory?: (key: string) => void;\n  /** Localizable UI labels with English defaults. */\n  labels?: CalendarMiniLabels;\n  /** date-fns Locale object for formatting the month/year header. Falls back to UIProvider's `dateFnsLocale`. */\n  locale?: Locale;\n}\n\n/**\n * Compact month calendar with optional category filters. Designed for sidebar\n * placement in calendar views. Locale-agnostic via the `labels` prop.\n *\n * @example\n * ```tsx\n * <CalendarMini\n *   currentDate={new Date()}\n *   selectedDate={selectedDate}\n *   onSelectDate={setSelectedDate}\n *   categories={[{ key: \"meeting\", color: \"#3b82f6\", label: \"Meeting\" }]}\n *   enabledCategories={[\"meeting\"]}\n *   onToggleCategory={(key) => toggle(key)}\n * />\n * ```\n */\nexport function CalendarMini({\n  currentDate,\n  selectedDate,\n  onSelectDate,\n  categories,\n  enabledCategories,\n  onToggleCategory,\n  labels: labelsProp,\n  locale: localeProp,\n}: CalendarMiniProps) {\n  const labels = { ...defaultLabels, ...labelsProp };\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n  const { timezone } = useTimezone();\n  const todayInTz = nowInTimezone(timezone);\n\n  const days = useMemo(() => {\n    const monthStart = startOfMonth(currentDate);\n    const monthEnd = endOfMonth(currentDate);\n    const calStart = startOfWeek(monthStart, { weekStartsOn: 0 });\n    const calEnd = endOfWeek(monthEnd, { weekStartsOn: 0 });\n    return eachDayOfInterval({ start: calStart, end: calEnd });\n  }, [currentDate]);\n\n  const weekDays = [labels.sun, labels.mon, labels.tue, labels.wed, labels.thu, labels.fri, labels.sat];\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Mini calendar */}\n      <div>\n        <p className=\"text-sm font-semibold mb-2\">{format(toZonedTime(currentDate, timezone), 'MMMM yyyy', locale ? { locale } : undefined)}</p>\n        <div className=\"grid grid-cols-7 gap-0\">\n          {weekDays.map(day => (\n            <div key={day} className=\"text-center text-[10px] font-medium text-muted-foreground py-1\">\n              {day}\n            </div>\n          ))}\n          {days.map(day => {\n            const inMonth = isSameMonth(day, currentDate);\n            const selected = isSameDay(day, selectedDate);\n            const today = isSameDay(day, todayInTz);\n            return (\n              <button\n                key={day.toISOString()}\n                type=\"button\"\n                onClick={() => onSelectDate(day)}\n                className={cn(\n                  'w-7 h-7 text-[11px] rounded-full flex items-center justify-center transition-colors',\n                  !inMonth && 'text-muted-foreground/40',\n                  inMonth && !selected && 'hover:bg-accent',\n                  selected && 'bg-primary text-primary-foreground',\n                  today && !selected && 'font-bold text-primary',\n                )}\n              >\n                {format(day, 'd')}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {categories && categories.length > 0 && (\n        <>\n          <Separator />\n          {/* Category filters */}\n          <div>\n            <p className=\"text-sm font-semibold mb-2\">{labels.categories}</p>\n            <div className=\"space-y-1.5\">\n              {categories.map(cat => (\n                <label\n                  key={cat.key}\n                  className=\"flex items-center gap-2 py-1 px-1 rounded hover:bg-accent transition-colors cursor-pointer\"\n                >\n                  <Checkbox\n                    checked={enabledCategories?.includes(cat.key) ?? false}\n                    onCheckedChange={() => onToggleCategory?.(cat.key)}\n                  />\n                  <div className=\"w-2.5 h-2.5 rounded-full\" style={{ backgroundColor: cat.color }} />\n                  <span className=\"text-sm\">{cat.label}</span>\n                </label>\n              ))}\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/domain/calendar/calendar-toolbar.js

@@ -1,4 +1,5 @@
-import { useDateFnsLocale } from '../../../chunk-VPTIRPZW.js';
+import { toZonedTime } from '../../../chunk-PMNLM6VF.js';
+import { useDateFnsLocale, useTimezone } from '../../../chunk-BBFOFRWT.js';
 import { ToggleGroup, ToggleGroupItem } from '../../../chunk-TPBRGO4D.js';
 import '../../../chunk-ORTPKXBI.js';
 import { Button } from '../../../chunk-BOV3Q2JH.js';
@@ -29,6 +30,7 @@ function CalendarToolbar({
   const labels = { ...defaultLabels, ...labelsProp };
   const contextLocale = useDateFnsLocale();
   const locale = localeProp ?? contextLocale;
+  const { timezone } = useTimezone();
   const titleFormat = titleFormatProp ?? (view === "day" ? "EEEE, MMMM d, yyyy" : "MMMM yyyy");
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 flex-wrap", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -37,7 +39,7 @@ function CalendarToolbar({
         /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "w-8 h-8", onClick: onPrev, children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" }) }),
         /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "w-8 h-8", onClick: onNext, children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" }) })
       ] }),
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: format(currentDate, titleFormat, locale ? { locale } : void 0) })
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: format(toZonedTime(currentDate, timezone), titleFormat, locale ? { locale } : void 0) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxs(ToggleGroup, { type: "single", value: view, onValueChange: (val) => val && onViewChange(val), children: [

package/dist/components/domain/calendar/calendar-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/domain/calendar/calendar-toolbar.tsx"],"names":[],"mappings":"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","file":"calendar-toolbar.js","sourcesContent":["import { format } from 'date-fns';\nimport type { Locale } from 'date-fns';\nimport { ChevronLeft, ChevronRight, Plus } from 'lucide-react';\nimport { useDateFnsLocale } from '../../../providers/ui-provider';\nimport { Button } from '../../inputs/button';\nimport { ToggleGroup, ToggleGroupItem } from '../../display/toggle-group';\n\n/** Supported calendar view modes. */\nexport type CalendarView = 'month' | 'week' | 'day';\n\n/** Localizable labels for the calendar toolbar. All have English defaults. */\nexport interface CalendarToolbarLabels {\n  /** Label for the \"Today\" button. */\n  today?: string;\n  /** Label for the \"Month\" view toggle. */\n  month?: string;\n  /** Label for the \"Week\" view toggle. */\n  week?: string;\n  /** Label for the \"Day\" view toggle. */\n  day?: string;\n  /** Label for the \"Create Event\" button. */\n  createEvent?: string;\n}\n\nconst defaultLabels: Required<CalendarToolbarLabels> = {\n  today: 'Today',\n  month: 'Month',\n  week: 'Week',\n  day: 'Day',\n  createEvent: 'Create Event',\n};\n\nexport interface CalendarToolbarProps {\n  /** The date currently being viewed. Used for the title display. */\n  currentDate: Date;\n  /** The active calendar view mode. */\n  view: CalendarView;\n  /** Callback when the user switches between month/week/day views. */\n  onViewChange: (view: CalendarView) => void;\n  /** Navigate to the previous period. */\n  onPrev: () => void;\n  /** Navigate to the next period. */\n  onNext: () => void;\n  /** Navigate to today. */\n  onToday: () => void;\n  /** Optional callback for the \"Create Event\" button. Button is hidden when omitted. */\n  onCreateEvent?: () => void;\n  /** Localizable UI labels with English defaults. */\n  labels?: CalendarToolbarLabels;\n  /** date-fns format string for the title. Defaults to `\"MMMM yyyy\"` or `\"EEEE, MMMM d, yyyy\"` for day view. */\n  titleFormat?: string;\n  /** date-fns Locale object for formatting the title. Falls back to UIProvider's `dateFnsLocale`. */\n  locale?: Locale;\n}\n\n/**\n * Toolbar for calendar views with navigation controls (prev/next/today),\n * view mode toggle (month/week/day), and an optional \"Create Event\" button.\n * Locale-agnostic via the `labels` prop.\n *\n * @example\n * ```tsx\n * <CalendarToolbar\n *   currentDate={currentDate}\n *   view=\"month\"\n *   onViewChange={setView}\n *   onPrev={handlePrev}\n *   onNext={handleNext}\n *   onToday={handleToday}\n *   onCreateEvent={() => setDialogOpen(true)}\n * />\n * ```\n */\nexport function CalendarToolbar({\n  currentDate,\n  view,\n  onViewChange,\n  onPrev,\n  onNext,\n  onToday,\n  onCreateEvent,\n  labels: labelsProp,\n  titleFormat: titleFormatProp,\n  locale: localeProp,\n}: CalendarToolbarProps) {\n  const labels = { ...defaultLabels, ...labelsProp };\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n\n  const titleFormat = titleFormatProp ?? (view === 'day'\n    ? 'EEEE, MMMM d, yyyy'\n    : 'MMMM yyyy');\n\n  return (\n    <div className=\"flex items-center justify-between gap-4 flex-wrap\">\n      <div className=\"flex items-center gap-2\">\n        <Button variant=\"outline\" size=\"sm\" onClick={onToday}>\n          {labels.today}\n        </Button>\n        <div className=\"flex items-center\">\n          <Button variant=\"ghost\" size=\"icon\" className=\"w-8 h-8\" onClick={onPrev}>\n            <ChevronLeft className=\"w-4 h-4\" />\n          </Button>\n          <Button variant=\"ghost\" size=\"icon\" className=\"w-8 h-8\" onClick={onNext}>\n            <ChevronRight className=\"w-4 h-4\" />\n          </Button>\n        </div>\n        <h2 className=\"text-lg font-semibold\">{format(currentDate, titleFormat, locale ? { locale } : undefined)}</h2>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <ToggleGroup type=\"single\" value={view} onValueChange={val => val && onViewChange(val as CalendarView)}>\n          <ToggleGroupItem value=\"month\" size=\"sm\">{labels.month}</ToggleGroupItem>\n          <ToggleGroupItem value=\"week\" size=\"sm\">{labels.week}</ToggleGroupItem>\n          <ToggleGroupItem value=\"day\" size=\"sm\">{labels.day}</ToggleGroupItem>\n        </ToggleGroup>\n        {onCreateEvent && (\n          <Button size=\"sm\" onClick={onCreateEvent}>\n            <Plus className=\"w-4 h-4\" />\n            {labels.createEvent}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../../src/components/domain/calendar/calendar-toolbar.tsx"],"names":[],"mappings":"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","file":"calendar-toolbar.js","sourcesContent":["import { format } from 'date-fns';\nimport type { Locale } from 'date-fns';\nimport { ChevronLeft, ChevronRight, Plus } from 'lucide-react';\nimport { toZonedTime } from '../../../lib/timezone';\nimport { useDateFnsLocale, useTimezone } from '../../../providers/ui-provider';\nimport { Button } from '../../inputs/button';\nimport { ToggleGroup, ToggleGroupItem } from '../../display/toggle-group';\n\n/** Supported calendar view modes. */\nexport type CalendarView = 'month' | 'week' | 'day';\n\n/** Localizable labels for the calendar toolbar. All have English defaults. */\nexport interface CalendarToolbarLabels {\n  /** Label for the \"Today\" button. */\n  today?: string;\n  /** Label for the \"Month\" view toggle. */\n  month?: string;\n  /** Label for the \"Week\" view toggle. */\n  week?: string;\n  /** Label for the \"Day\" view toggle. */\n  day?: string;\n  /** Label for the \"Create Event\" button. */\n  createEvent?: string;\n}\n\nconst defaultLabels: Required<CalendarToolbarLabels> = {\n  today: 'Today',\n  month: 'Month',\n  week: 'Week',\n  day: 'Day',\n  createEvent: 'Create Event',\n};\n\nexport interface CalendarToolbarProps {\n  /** The date currently being viewed. Used for the title display. */\n  currentDate: Date;\n  /** The active calendar view mode. */\n  view: CalendarView;\n  /** Callback when the user switches between month/week/day views. */\n  onViewChange: (view: CalendarView) => void;\n  /** Navigate to the previous period. */\n  onPrev: () => void;\n  /** Navigate to the next period. */\n  onNext: () => void;\n  /** Navigate to today. */\n  onToday: () => void;\n  /** Optional callback for the \"Create Event\" button. Button is hidden when omitted. */\n  onCreateEvent?: () => void;\n  /** Localizable UI labels with English defaults. */\n  labels?: CalendarToolbarLabels;\n  /** date-fns format string for the title. Defaults to `\"MMMM yyyy\"` or `\"EEEE, MMMM d, yyyy\"` for day view. */\n  titleFormat?: string;\n  /** date-fns Locale object for formatting the title. Falls back to UIProvider's `dateFnsLocale`. */\n  locale?: Locale;\n}\n\n/**\n * Toolbar for calendar views with navigation controls (prev/next/today),\n * view mode toggle (month/week/day), and an optional \"Create Event\" button.\n * Locale-agnostic via the `labels` prop.\n *\n * @example\n * ```tsx\n * <CalendarToolbar\n *   currentDate={currentDate}\n *   view=\"month\"\n *   onViewChange={setView}\n *   onPrev={handlePrev}\n *   onNext={handleNext}\n *   onToday={handleToday}\n *   onCreateEvent={() => setDialogOpen(true)}\n * />\n * ```\n */\nexport function CalendarToolbar({\n  currentDate,\n  view,\n  onViewChange,\n  onPrev,\n  onNext,\n  onToday,\n  onCreateEvent,\n  labels: labelsProp,\n  titleFormat: titleFormatProp,\n  locale: localeProp,\n}: CalendarToolbarProps) {\n  const labels = { ...defaultLabels, ...labelsProp };\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n  const { timezone } = useTimezone();\n\n  const titleFormat = titleFormatProp ?? (view === 'day'\n    ? 'EEEE, MMMM d, yyyy'\n    : 'MMMM yyyy');\n\n  return (\n    <div className=\"flex items-center justify-between gap-4 flex-wrap\">\n      <div className=\"flex items-center gap-2\">\n        <Button variant=\"outline\" size=\"sm\" onClick={onToday}>\n          {labels.today}\n        </Button>\n        <div className=\"flex items-center\">\n          <Button variant=\"ghost\" size=\"icon\" className=\"w-8 h-8\" onClick={onPrev}>\n            <ChevronLeft className=\"w-4 h-4\" />\n          </Button>\n          <Button variant=\"ghost\" size=\"icon\" className=\"w-8 h-8\" onClick={onNext}>\n            <ChevronRight className=\"w-4 h-4\" />\n          </Button>\n        </div>\n        <h2 className=\"text-lg font-semibold\">{format(toZonedTime(currentDate, timezone), titleFormat, locale ? { locale } : undefined)}</h2>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <ToggleGroup type=\"single\" value={view} onValueChange={val => val && onViewChange(val as CalendarView)}>\n          <ToggleGroupItem value=\"month\" size=\"sm\">{labels.month}</ToggleGroupItem>\n          <ToggleGroupItem value=\"week\" size=\"sm\">{labels.week}</ToggleGroupItem>\n          <ToggleGroupItem value=\"day\" size=\"sm\">{labels.day}</ToggleGroupItem>\n        </ToggleGroup>\n        {onCreateEvent && (\n          <Button size=\"sm\" onClick={onCreateEvent}>\n            <Plus className=\"w-4 h-4\" />\n            {labels.createEvent}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/inputs/button.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { UIColor } from '../../lib/types.js';
 
 declare const buttonVariants: (props?: ({
-    variant?: "destructive" | "default" | "secondary" | "outline" | "soft" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "destructive" | "default" | "secondary" | "outline" | "soft" | "ghost" | null | undefined;
     color?: "primary" | "destructive" | "success" | "warning" | "info" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/inputs/color-picker.js

@@ -1,8 +1,8 @@
-export { ColorPicker } from '../../chunk-V3S2AZKJ.js';
-import '../../chunk-4NBDYSSQ.js';
+export { ColorPicker } from '../../chunk-2OPOSDEH.js';
+import '../../chunk-DB42CM3T.js';
 import '../../chunk-YU55YBID.js';
 import '../../chunk-7NMNLY7F.js';
-import '../../chunk-VPTIRPZW.js';
+import '../../chunk-BBFOFRWT.js';
 import '../../chunk-BOV3Q2JH.js';
 import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=color-picker.js.map

package/dist/components/inputs/date-picker.js

@@ -1,5 +1,6 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-7NMNLY7F.js';
-import { useDateFnsLocale } from '../../chunk-VPTIRPZW.js';
+import { toZonedTime } from '../../chunk-PMNLM6VF.js';
+import { useDateFnsLocale, useTimezone } from '../../chunk-BBFOFRWT.js';
 import { Calendar as Calendar$1 } from '../../chunk-KJAXKHJ2.js';
 import { Button } from '../../chunk-BOV3Q2JH.js';
 import { cn } from '../../chunk-DGPY4WP3.js';
@@ -17,6 +18,7 @@ function DatePicker({
 }) {
   const contextLocale = useDateFnsLocale();
   const locale = localeProp ?? contextLocale;
+  const { timezone } = useTimezone();
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
@@ -30,7 +32,7 @@ function DatePicker({
         ),
         children: [
           /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
-          value ? format(value, "PPP", locale ? { locale } : void 0) : /* @__PURE__ */ jsx("span", { children: placeholder })
+          value ? format(toZonedTime(value, timezone), "PPP", locale ? { locale } : void 0) : /* @__PURE__ */ jsx("span", { children: placeholder })
         ]
       }
     ) }),
@@ -56,6 +58,7 @@ function DateRangePicker({
 }) {
   const contextLocale = useDateFnsLocale();
   const locale = localeProp ?? contextLocale;
+  const { timezone } = useTimezone();
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       Button,
@@ -70,11 +73,11 @@ function DateRangePicker({
         children: [
           /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
           value?.from ? value.to ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            format(value.from, "PPP", locale ? { locale } : void 0),
+            format(toZonedTime(value.from, timezone), "PPP", locale ? { locale } : void 0),
             " -",
             " ",
-            format(value.to, "PPP", locale ? { locale } : void 0)
-          ] }) : format(value.from, "PPP", locale ? { locale } : void 0) : /* @__PURE__ */ jsx("span", { children: placeholder })
+            format(toZonedTime(value.to, timezone), "PPP", locale ? { locale } : void 0)
+          ] }) : format(toZonedTime(value.from, timezone), "PPP", locale ? { locale } : void 0) : /* @__PURE__ */ jsx("span", { children: placeholder })
         ]
       }
     ) }),

package/dist/components/inputs/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inputs/date-picker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { format } from \"date-fns\";\nimport { Calendar as CalendarIcon } from \"lucide-react\";\nimport type { Locale } from \"date-fns\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useDateFnsLocale } from \"../../providers/ui-provider\";\nimport { Button } from \"./button\";\nimport { Calendar } from \"../domain/calendar/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlay/popover\";\n\ninterface DatePickerProps {\n  /** Currently selected date. */\n  value?: Date;\n  /** Callback fired when a date is selected or cleared. */\n  onChange?: (date: Date | undefined) => void;\n  /** Placeholder text shown when no date is selected. */\n  placeholder?: string;\n  /** Additional CSS class for the trigger button. */\n  className?: string;\n  /** Whether the date picker is disabled. */\n  disabled?: boolean;\n  /** date-fns Locale object for date formatting (e.g., `ja` for Japanese). */\n  locale?: Locale;\n}\n\n/**\n * Single date picker with a calendar popover.\n * Displays the selected date formatted with date-fns and opens a calendar on click.\n *\n * @example\n * ```tsx\n * const [date, setDate] = useState<Date>();\n *\n * <DatePicker\n *   value={date}\n *   onChange={setDate}\n *   placeholder=\"Pick a date\"\n * />\n * ```\n */\nexport function DatePicker({\n  value,\n  onChange,\n  placeholder = \"Select date\",\n  className,\n  disabled,\n  locale: localeProp,\n}: DatePickerProps) {\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-start text-left font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? format(value, \"PPP\", locale ? { locale } : undefined) : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"single\"\n          selected={value}\n          onSelect={onChange}\n          autoFocus\n          locale={locale}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface DateRangePickerProps {\n  /** Currently selected date range with `from` and optional `to`. */\n  value?: { from: Date | undefined; to?: Date | undefined };\n  /** Callback fired when the date range changes. */\n  onChange?: (range: { from: Date | undefined; to?: Date | undefined } | undefined) => void;\n  /** Placeholder text shown when no range is selected. */\n  placeholder?: string;\n  /** Additional CSS class for the trigger button. */\n  className?: string;\n  /** Whether the date range picker is disabled. */\n  disabled?: boolean;\n  /** date-fns Locale object for date formatting (e.g., `ja` for Japanese). */\n  locale?: Locale;\n}\n\n/**\n * Date range picker with a two-month calendar popover.\n * Allows selecting a start and end date displayed as a range string.\n *\n * @example\n * ```tsx\n * const [range, setRange] = useState<{ from: Date | undefined; to?: Date }>();\n *\n * <DateRangePicker\n *   value={range}\n *   onChange={setRange}\n *   placeholder=\"Select date range\"\n * />\n * ```\n */\nexport function DateRangePicker({\n  value,\n  onChange,\n  placeholder = \"Select date range\",\n  className,\n  disabled,\n  locale: localeProp,\n}: DateRangePickerProps) {\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-start text-left font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value?.from ? (\n            value.to ? (\n              <>\n                {format(value.from, \"PPP\", locale ? { locale } : undefined)} -{\" \"}\n                {format(value.to, \"PPP\", locale ? { locale } : undefined)}\n              </>\n            ) : (\n              format(value.from, \"PPP\", locale ? { locale } : undefined)\n            )\n          ) : (\n            <span>{placeholder}</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"range\"\n          selected={value}\n          onSelect={onChange}\n          numberOfMonths={2}\n          autoFocus\n          locale={locale}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/inputs/date-picker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { format } from \"date-fns\";\nimport { Calendar as CalendarIcon } from \"lucide-react\";\nimport type { Locale } from \"date-fns\";\n\nimport { cn } from \"../../lib/utils\";\nimport { toZonedTime } from \"../../lib/timezone\";\nimport { useDateFnsLocale, useTimezone } from \"../../providers/ui-provider\";\nimport { Button } from \"./button\";\nimport { Calendar } from \"../domain/calendar/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlay/popover\";\n\ninterface DatePickerProps {\n  /** Currently selected date. */\n  value?: Date;\n  /** Callback fired when a date is selected or cleared. */\n  onChange?: (date: Date | undefined) => void;\n  /** Placeholder text shown when no date is selected. */\n  placeholder?: string;\n  /** Additional CSS class for the trigger button. */\n  className?: string;\n  /** Whether the date picker is disabled. */\n  disabled?: boolean;\n  /** date-fns Locale object for date formatting (e.g., `ja` for Japanese). */\n  locale?: Locale;\n}\n\n/**\n * Single date picker with a calendar popover.\n * Displays the selected date formatted with date-fns and opens a calendar on click.\n *\n * @example\n * ```tsx\n * const [date, setDate] = useState<Date>();\n *\n * <DatePicker\n *   value={date}\n *   onChange={setDate}\n *   placeholder=\"Pick a date\"\n * />\n * ```\n */\nexport function DatePicker({\n  value,\n  onChange,\n  placeholder = \"Select date\",\n  className,\n  disabled,\n  locale: localeProp,\n}: DatePickerProps) {\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n  const { timezone } = useTimezone();\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-start text-left font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? format(toZonedTime(value, timezone), \"PPP\", locale ? { locale } : undefined) : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"single\"\n          selected={value}\n          onSelect={onChange}\n          autoFocus\n          locale={locale}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface DateRangePickerProps {\n  /** Currently selected date range with `from` and optional `to`. */\n  value?: { from: Date | undefined; to?: Date | undefined };\n  /** Callback fired when the date range changes. */\n  onChange?: (range: { from: Date | undefined; to?: Date | undefined } | undefined) => void;\n  /** Placeholder text shown when no range is selected. */\n  placeholder?: string;\n  /** Additional CSS class for the trigger button. */\n  className?: string;\n  /** Whether the date range picker is disabled. */\n  disabled?: boolean;\n  /** date-fns Locale object for date formatting (e.g., `ja` for Japanese). */\n  locale?: Locale;\n}\n\n/**\n * Date range picker with a two-month calendar popover.\n * Allows selecting a start and end date displayed as a range string.\n *\n * @example\n * ```tsx\n * const [range, setRange] = useState<{ from: Date | undefined; to?: Date }>();\n *\n * <DateRangePicker\n *   value={range}\n *   onChange={setRange}\n *   placeholder=\"Select date range\"\n * />\n * ```\n */\nexport function DateRangePicker({\n  value,\n  onChange,\n  placeholder = \"Select date range\",\n  className,\n  disabled,\n  locale: localeProp,\n}: DateRangePickerProps) {\n  const contextLocale = useDateFnsLocale() as Locale | undefined;\n  const locale = localeProp ?? contextLocale;\n  const { timezone } = useTimezone();\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-start text-left font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value?.from ? (\n            value.to ? (\n              <>\n                {format(toZonedTime(value.from, timezone), \"PPP\", locale ? { locale } : undefined)} -{\" \"}\n                {format(toZonedTime(value.to, timezone), \"PPP\", locale ? { locale } : undefined)}\n              </>\n            ) : (\n              format(toZonedTime(value.from, timezone), \"PPP\", locale ? { locale } : undefined)\n            )\n          ) : (\n            <span>{placeholder}</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"range\"\n          selected={value}\n          onSelect={onChange}\n          numberOfMonths={2}\n          autoFocus\n          locale={locale}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

package/dist/components/inputs/input.js

@@ -1,6 +1,6 @@
-export { Input, inputVariants } from '../../chunk-4NBDYSSQ.js';
+export { Input, inputVariants } from '../../chunk-DB42CM3T.js';
 import '../../chunk-YU55YBID.js';
-import '../../chunk-VPTIRPZW.js';
+import '../../chunk-BBFOFRWT.js';
 import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=input.js.map
 //# sourceMappingURL=input.js.map

package/dist/components/inputs/password-input.js

@@ -1,7 +1,7 @@
-export { PasswordInput } from '../../chunk-HDTHGIQR.js';
-import '../../chunk-4NBDYSSQ.js';
+export { PasswordInput } from '../../chunk-ML2VNJ7R.js';
+import '../../chunk-DB42CM3T.js';
 import '../../chunk-YU55YBID.js';
-import '../../chunk-VPTIRPZW.js';
+import '../../chunk-BBFOFRWT.js';
 import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=password-input.js.map
 //# sourceMappingURL=password-input.js.map

package/dist/components/inputs/slug-input.js

@@ -1,8 +1,8 @@
-export { SlugInput, generateSlug } from '../../chunk-4AGNE75K.js';
-import '../../chunk-4NBDYSSQ.js';
+export { SlugInput, generateSlug } from '../../chunk-M22SIS5Z.js';
+import '../../chunk-DB42CM3T.js';
 import '../../chunk-YU55YBID.js';
 import '../../chunk-EYJ7TJIX.js';
-import '../../chunk-VPTIRPZW.js';
+import '../../chunk-BBFOFRWT.js';
 import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=slug-input.js.map
 //# sourceMappingURL=slug-input.js.map

package/dist/components/inputs/textarea.js

@@ -1,6 +1,6 @@
-export { Textarea } from '../../chunk-ZUBW2ERW.js';
+export { Textarea } from '../../chunk-Q5KDFNRD.js';
 import '../../chunk-YU55YBID.js';
-import '../../chunk-VPTIRPZW.js';
+import '../../chunk-BBFOFRWT.js';
 import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=textarea.js.map
 //# sourceMappingURL=textarea.js.map

package/dist/components/inputs/time-picker.js

@@ -1,7 +1,7 @@
-import { Input } from '../../chunk-4NBDYSSQ.js';
+import { Input } from '../../chunk-DB42CM3T.js';
 import '../../chunk-YU55YBID.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-7NMNLY7F.js';
-import '../../chunk-VPTIRPZW.js';
+import '../../chunk-BBFOFRWT.js';
 import { ScrollArea } from '../../chunk-LUYTKHGS.js';
 import { Button } from '../../chunk-BOV3Q2JH.js';
 import { cn } from '../../chunk-DGPY4WP3.js';

package/dist/components/navigation/locale-switcher.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LocaleSwitcherProps {
+    /** Show flag emoji. Default: false */
+    showFlag?: boolean;
+    /** Show locale label (e.g. "English"). Default: true */
+    showLabel?: boolean;
+    /** Show locale code (e.g. "EN"). Default: false */
+    showCode?: boolean;
+    /** Dropdown alignment. Default: "end" */
+    align?: 'start' | 'center' | 'end';
+    /** Custom flag map. Auto-derived from locale code if not provided. */
+    flags?: Record<string, string>;
+    /** Button variant. Default: "ghost" */
+    variant?: 'ghost' | 'outline' | 'default';
+    /** Button size. Default: inferred (icon when no label/code, default otherwise) */
+    size?: 'default' | 'sm' | 'icon';
+    /** Additional class names for the trigger button. */
+    className?: string;
+}
+/**
+ * Dropdown locale switcher that reads from UIProvider.
+ *
+ * Requires `<UIProvider locales={...}>` to be an ancestor.
+ *
+ * @example
+ * ```tsx
+ * <LocaleSwitcher />
+ * <LocaleSwitcher showFlag showLabel={false} />
+ * <LocaleSwitcher showCode variant="outline" />
+ * ```
+ */
+declare function LocaleSwitcher({ showFlag, showLabel, showCode, align, flags, variant, size, className, }: LocaleSwitcherProps): react_jsx_runtime.JSX.Element | null;
+
+export { LocaleSwitcher, type LocaleSwitcherProps };

package/dist/components/navigation/locale-switcher.js

@@ -0,0 +1,7 @@
+export { LocaleSwitcher } from '../../chunk-7HHL5OFD.js';
+import '../../chunk-DXZZURPN.js';
+import '../../chunk-BBFOFRWT.js';
+import '../../chunk-BOV3Q2JH.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=locale-switcher.js.map
+//# sourceMappingURL=locale-switcher.js.map

package/dist/components/navigation/locale-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"locale-switcher.js"}

package/dist/index.d.ts

@@ -30,6 +30,7 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './components/navigation/menubar.js';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './components/navigation/navigation-menu.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/navigation/pagination.js';
+export { LocaleSwitcher, LocaleSwitcherProps } from './components/navigation/locale-switcher.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/navigation/tabs.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/display/accordion.js';
 export { AspectRatio } from './components/display/aspect-ratio.js';
@@ -58,9 +59,10 @@ export { WorkflowStepper, WorkflowStepperHistoryEntry, WorkflowStepperProps, Wor
 export { PermissionDefinition, PermissionGrid, PermissionGridLabels, PermissionGridProps, PermissionModule, buildPermissionId } from './components/domain/rbac/permission-grid.js';
 export { ScopeTree, ScopeTreeBadge, ScopeTreeLabels, ScopeTreeNode, ScopeTreeProps, ScopeTreeSelectedScope } from './components/domain/rbac/scope-tree.js';
 export { ScopeTypeBadge, ScopeTypeBadgeProps, ScopeTypeBadgeStyles } from './components/domain/rbac/scope-type-badge.js';
-export { LocaleCode, LocaleMap, Theme, TranslatableConfig, TranslatableValue, UILocaleConfig, UIProvider, UIProviderProps, resolveTranslatableConfig, useDateFnsLocale, useTheme, useUILocales } from './providers/ui-provider.js';
+export { LocaleCode, LocaleMap, Theme, TranslatableConfig, TranslatableValue, UILocaleConfig, UIProvider, UIProviderProps, resolveTranslatableConfig, useDateFnsLocale, useLocale, useTheme, useTimezone, useUILocales } from './providers/ui-provider.js';
 export { UIColor, UISize, UIVariant } from './lib/types.js';
 export { cn } from './lib/utils.js';
+export { nowInTimezone, toZonedTime } from './lib/timezone.js';
 export { useIsMobile } from './hooks/use-mobile.js';
 import 'class-variance-authority/types';
 import 'react';

package/dist/index.js

@@ -4,6 +4,7 @@ export { Toaster } from './chunk-PYB6RRA5.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-CSYH7P6N.js';
 export { useIsMobile } from './chunk-WRCHR4AK.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './chunk-DEKVLLTL.js';
+export { LocaleSwitcher } from './chunk-7HHL5OFD.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-DXZZURPN.js';
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-T65EBJUJ.js';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-N5BNNKBR.js';
@@ -12,17 +13,17 @@ export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-PJZ7D36X.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-XNUFKQYL.js';
 export { Switch } from './chunk-EAY3QSID.js';
 export { TagInput } from './chunk-I6PJSYBI.js';
-export { Textarea } from './chunk-ZUBW2ERW.js';
+export { Textarea } from './chunk-Q5KDFNRD.js';
 export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer } from './chunk-YN26HHZ4.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './chunk-YYJVVYFS.js';
-export { PasswordInput } from './chunk-HDTHGIQR.js';
+export { PasswordInput } from './chunk-ML2VNJ7R.js';
 export { RadioGroup, RadioGroupItem } from './chunk-QGU4BRMO.js';
 export { Rating } from './chunk-N6OUJIQD.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-LTGCKJX7.js';
 export { Slider } from './chunk-S73PGQD5.js';
-export { SlugInput, generateSlug } from './chunk-4AGNE75K.js';
-export { ColorPicker } from './chunk-V3S2AZKJ.js';
-export { Input, inputVariants } from './chunk-4NBDYSSQ.js';
+export { SlugInput, generateSlug } from './chunk-M22SIS5Z.js';
+export { ColorPicker } from './chunk-2OPOSDEH.js';
+export { Input, inputVariants } from './chunk-DB42CM3T.js';
 import './chunk-YU55YBID.js';
 export { Combobox, MultiCombobox } from './chunk-3V6NS4EQ.js';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-MVYSUWSD.js';
@@ -40,7 +41,8 @@ export { Alert, AlertDescription, AlertTitle } from './chunk-CNS3OMZ7.js';
 export { Progress } from './chunk-NWVMNWOH.js';
 export { Skeleton } from './chunk-GR7T5QHL.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-VOLR236J.js';
-export { UIProvider, resolveTranslatableConfig, useDateFnsLocale, useTheme, useUILocales } from './chunk-VPTIRPZW.js';
+export { nowInTimezone, toZonedTime } from './chunk-PMNLM6VF.js';
+export { UIProvider, resolveTranslatableConfig, useDateFnsLocale, useLocale, useTheme, useTimezone, useUILocales } from './chunk-BBFOFRWT.js';
 export { Calendar } from './chunk-KJAXKHJ2.js';
 export { PermissionGrid, buildPermissionId } from './chunk-2BRCVWXR.js';
 export { Checkbox } from './chunk-W477ZR6B.js';

package/dist/lib/timezone.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Converts a Date to a "display Date" that shows correct values for the target timezone
+ * when passed to date-fns `format()`. Uses native `Intl.DateTimeFormat` — no extra dependencies.
+ *
+ * The returned Date is NOT a true UTC/epoch-correct Date — it is shifted so that
+ * `.getHours()`, `.getMinutes()`, etc. return the values for the target timezone.
+ * Use it only for display formatting, never for calculations or persistence.
+ */
+declare function toZonedTime(date: Date, timeZone: string): Date;
+/**
+ * Returns a display Date representing "now" in the given timezone.
+ * Shorthand for `toZonedTime(new Date(), timeZone)`.
+ */
+declare function nowInTimezone(timeZone: string): Date;
+
+export { nowInTimezone, toZonedTime };

package/dist/lib/timezone.js

@@ -0,0 +1,3 @@
+export { nowInTimezone, toZonedTime } from '../chunk-PMNLM6VF.js';
+//# sourceMappingURL=timezone.js.map
+//# sourceMappingURL=timezone.js.map

package/dist/lib/timezone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"timezone.js"}

package/dist/providers/ui-provider.d.ts

@@ -56,6 +56,21 @@ interface UIProviderProps {
      * ```
      */
     dateFnsLocale?: object;
+    /**
+     * Callback fired when the active locale changes via `setLocale`.
+     * Use this to sync with i18n libraries, localStorage, etc.
+     */
+    onLocaleChange?: (locale: LocaleCode) => void;
+    /**
+     * IANA timezone string (e.g. `'Asia/Tokyo'`).
+     * Defaults to the browser's local timezone.
+     */
+    timezone?: string;
+    /**
+     * Callback fired when the timezone changes via `setTimezone`.
+     * Use this to sync with backend, localStorage, etc.
+     */
+    onTimezoneChange?: (timezone: string) => void;
 }
 /**
  * Root provider for @omnifyjp/ui — handles dark mode and translatable field config.
@@ -71,7 +86,7 @@ interface UIProviderProps {
  * </UIProvider>
  * ```
  */
-declare function UIProvider({ children, defaultTheme, locales, defaultLocale, fallbackLocale, dateFnsLocale, }: UIProviderProps): react_jsx_runtime.JSX.Element;
+declare function UIProvider({ children, defaultTheme, locales, defaultLocale, fallbackLocale, dateFnsLocale, onLocaleChange, timezone: timezoneProp, onTimezoneChange, }: UIProviderProps): react_jsx_runtime.JSX.Element;
 /** Access theme and setTheme. Must be inside UIProvider. */
 declare function useTheme(): {
     theme: Theme;
@@ -82,6 +97,25 @@ declare function useTheme(): {
  * Returns `undefined` when no `locales` prop was passed to UIProvider.
  */
 declare function useUILocales(): UILocaleConfig | undefined;
+/**
+ * Returns the active locale state and locale config from UIProvider.
+ * Must be used inside UIProvider.
+ */
+declare function useLocale(): {
+    currentLocale: LocaleCode;
+    setLocale: (locale: LocaleCode) => void;
+    locales: LocaleMap;
+    defaultLocale: LocaleCode;
+    fallbackLocale: LocaleCode;
+};
+/**
+ * Returns the active timezone and setter from UIProvider.
+ * Must be used inside UIProvider.
+ */
+declare function useTimezone(): {
+    timezone: string;
+    setTimezone: (tz: string) => void;
+};
 /**
  * Returns the date-fns `Locale` object from UIProvider.
  * Returns `undefined` when no `dateFnsLocale` prop was passed.
@@ -93,4 +127,4 @@ declare function useDateFnsLocale(): object | undefined;
  */
 declare function resolveTranslatableConfig(translatable: TranslatableConfig, providerLocales: UILocaleConfig | undefined): UILocaleConfig | undefined;
 
-export { type LocaleCode, type LocaleMap, type Theme, type TranslatableConfig, type TranslatableValue, type UILocaleConfig, UIProvider, type UIProviderProps, resolveTranslatableConfig, useDateFnsLocale, useTheme, useUILocales };
+export { type LocaleCode, type LocaleMap, type Theme, type TranslatableConfig, type TranslatableValue, type UILocaleConfig, UIProvider, type UIProviderProps, resolveTranslatableConfig, useDateFnsLocale, useLocale, useTheme, useTimezone, useUILocales };

package/dist/providers/ui-provider.js

@@ -1,3 +1,3 @@
-export { UIProvider, resolveTranslatableConfig, useDateFnsLocale, useTheme, useUILocales } from '../chunk-VPTIRPZW.js';
+export { UIProvider, resolveTranslatableConfig, useDateFnsLocale, useLocale, useTheme, useTimezone, useUILocales } from '../chunk-BBFOFRWT.js';
 //# sourceMappingURL=ui-provider.js.map
 //# sourceMappingURL=ui-provider.js.map