asterui 0.12.61 → 0.12.63

package/dist/components/WeekCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekCalendar.js","sources":["../../src/components/WeekCalendar.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types (shared with MonthCalendar)\nexport type CalendarEvent = {\n  date: Date\n  title: string\n  color: string\n  strikethrough?: boolean\n  style?: React.CSSProperties\n}\n\nexport type CalendarLocale = {\n  locale: string\n  daysShort: string[]\n  monthsLong: string[]\n  moreText: string\n  formatTime?: (date: Date) => string\n}\n\n// Default English locale\nconst defaultLocale: CalendarLocale = {\n  locale: 'en',\n  daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthsLong: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  moreText: 'more',\n  formatTime: (date: Date): string => {\n    const hour = date.getHours()\n    const formatted = `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    return formatted.replace(' ', '').toLowerCase().replace(':00', '')\n  },\n}\n\n// Utility functions\nconst isToday = (date: Date) => isEqual(date, new Date())\n\nconst isEqual = (a: Date, b: Date) => {\n  const acopy = new Date(a)\n  const bcopy = new Date(b)\n  acopy.setHours(0, 0, 0, 0)\n  bcopy.setHours(0, 0, 0, 0)\n  return bcopy.getTime() === acopy.getTime()\n}\n\nconst isPastDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate < today\n}\n\nconst getWeekStart = (date: Date): Date => {\n  const d = new Date(date)\n  const day = d.getDay()\n  const diff = d.getDate() - day\n  return new Date(d.setDate(diff))\n}\n\nconst addDays = (date: Date, days: number): Date => {\n  const result = new Date(date)\n  result.setDate(result.getDate() + days)\n  return result\n}\n\nconst formatDate = (date: Date, format: string): string => {\n  const day = date.getDate()\n  const dayName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()]\n\n  if (format === 'YYYY-MM-DD') {\n    return date.toISOString().split('T')[0]\n  }\n  if (format === 'ddd') {\n    return dayName\n  }\n  if (format === 'D') {\n    return day.toString()\n  }\n  return date.toISOString()\n}\n\nexport interface WeekCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  date?: Date\n  events?: T[]\n  onEventClick?: (event: T) => void\n  onDayClick?: (date: Date) => void\n  onSelectSlot?: (slotInfo: { start: Date; end: Date }) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  fitContainer?: boolean\n  /** Start hour for the time grid (0-23) */\n  startHour?: number\n  /** End hour for the time grid (0-23) */\n  endHour?: number\n}\n\nexport const WeekCalendar = forwardRef<HTMLDivElement, WeekCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      locale = defaultLocale,\n      onEventClick,\n      onDayClick,\n      onSelectSlot,\n      allowPastInteraction = false,\n      fitContainer = false,\n      startHour = 9,\n      endHour = 17,\n      className = '',\n      ...rest\n    }: WeekCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const bodyRef = useRef<HTMLDivElement>(null)\n    const headerRef = useRef<HTMLDivElement>(null)\n\n    // Adjust header padding to account for scrollbar\n    useEffect(() => {\n      const adjustScrollbar = () => {\n        if (bodyRef.current && headerRef.current) {\n          const bodyElement = bodyRef.current\n          const headerElement = headerRef.current\n          const scrollbarWidth = bodyElement.offsetWidth - bodyElement.clientWidth\n          headerElement.style.paddingRight = `${scrollbarWidth}px`\n        }\n      }\n\n      adjustScrollbar()\n      window.addEventListener('resize', adjustScrollbar)\n      return () => window.removeEventListener('resize', adjustScrollbar)\n    }, [])\n\n\n    const weekStart = getWeekStart(date)\n    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i))\n\n    // Group events by day\n    const eventsByDay = useMemo(() => {\n      const grouped: Record<string, T[]> = {}\n      events.forEach((event) => {\n        const eventDate = formatDate(event.date, 'YYYY-MM-DD')\n        if (!grouped[eventDate]) {\n          grouped[eventDate] = []\n        }\n        grouped[eventDate].push(event as T)\n      })\n      return grouped\n    }, [events])\n\n    // Time slots from startHour to endHour\n    const timeSlots = Array.from({ length: endHour - startHour + 1 }, (_, i) => i + startHour)\n\n    const formatHour = (hour: number) => {\n      if (locale.formatTime) {\n        return locale.formatTime(new Date(2000, 0, 1, hour, 0))\n      }\n      return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    }\n\n    const getEventsForDayAndHour = (dayStr: string, hour: number) => {\n      const dayEvents = eventsByDay[dayStr] || []\n      return dayEvents.filter((event) => {\n        const eventHour = event.date.getHours()\n        return eventHour === hour\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${className}`}\n        {...rest}\n      >\n        {/* Header with days */}\n        <div\n          ref={headerRef}\n          className=\"grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100\"\n        >\n          <div className=\"week-calendar-time-column\" />\n          {weekDays.map((day) => {\n            const isPast = isPastDate(day)\n            const isTodayDate = isToday(day)\n\n            return (\n              <div\n                key={formatDate(day, 'YYYY-MM-DD')}\n                className={`\n                  cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                `}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n                  onDayClick?.(day)\n                }}\n              >\n                <div\n                  className={`\n                    text-xs font-medium uppercase\n                    ${isPast ? 'text-base-content/40' : 'text-base-content/60'}\n                  `}\n                >\n                  {formatDate(day, 'ddd')}\n                </div>\n                <div\n                  className={`\n                    mx-auto flex items-center justify-center text-xs font-medium transition-all\n                    ${isTodayDate ? 'font-bold text-primary' : ''}\n                    ${isPast && !isTodayDate ? 'text-base-content/40' : 'text-base-content'}\n                  `}\n                >\n                  {formatDate(day, 'D')}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Time grid */}\n        <div\n          ref={bodyRef}\n          className={fitContainer ? 'grid flex-1' : 'flex-1 overflow-y-auto'}\n          style={fitContainer ? { gridTemplateRows: `repeat(${timeSlots.length}, 1fr)` } : undefined}\n        >\n          {timeSlots.map((hour) => (\n            <div\n              key={hour}\n              className={`grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${fitContainer ? 'min-h-10' : 'h-20'}`}\n            >\n              {/* Time label */}\n              <div className=\"flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50\">\n                {formatHour(hour)}\n              </div>\n\n              {/* Day cells */}\n              {weekDays.map((day) => {\n                const dayStr = formatDate(day, 'YYYY-MM-DD')\n                const hourEvents = getEventsForDayAndHour(dayStr, hour)\n                const isPast = isPastDate(day) && !isToday(day)\n\n                return (\n                  <div\n                    key={`${dayStr}-${hour}`}\n                    className={`\n                      relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0\n                      hover:bg-primary/5\n                      ${fitContainer ? '' : 'h-20'}\n                      ${isPast && !allowPastInteraction ? 'cursor-not-allowed hover:cursor-not-allowed' : ''}\n                    `}\n                    onClick={(e) => {\n                      if (isPast && !allowPastInteraction) {\n                        return\n                      }\n\n                      if (\n                        onSelectSlot &&\n                        (e.target === e.currentTarget ||\n                          (e.target as HTMLElement).classList.contains('week-calendar-time-cell'))\n                      ) {\n                        const start = new Date(day)\n                        start.setHours(hour, 0, 0, 0)\n\n                        const end = new Date(day)\n                        end.setHours(hour + 1, 0, 0, 0)\n\n                        onSelectSlot({ start, end })\n                      }\n                    }}\n                  >\n                    {hourEvents.map((event, idx) => (\n                      <div\n                        key={idx}\n                        className={`\n                          mb-px flex shrink-0 cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          text-base-content transition-colors hover:bg-base-content/5 last:mb-0\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        title={event.title}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onEventClick?.(event)\n                        }}\n                      >\n                        <div\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color || '#bfbfbf' }}\n                        />\n                        <div className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                          {event.title}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: WeekCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(WeekCalendar as React.FC).displayName = 'WeekCalendar'\n"],"names":["defaultLocale","date","hour","isToday","isEqual","a","b","acopy","bcopy","isPastDate","today","checkDate","getWeekStart","d","day","diff","addDays","days","result","formatDate","format","dayName","WeekCalendar","forwardRef","events","locale","onEventClick","onDayClick","onSelectSlot","allowPastInteraction","fitContainer","startHour","endHour","className","rest","ref","bodyRef","useRef","headerRef","useEffect","adjustScrollbar","bodyElement","headerElement","scrollbarWidth","weekStart","weekDays","_","i","eventsByDay","useMemo","grouped","event","eventDate","timeSlots","formatHour","getEventsForDayAndHour","dayStr","jsxs","jsx","isPast","isTodayDate","hourEvents","e","start","end","idx"],"mappings":"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"}
+{"version":3,"file":"WeekCalendar.js","sources":["../../src/components/WeekCalendar.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types (shared with MonthCalendar)\nexport type CalendarEvent = {\n  date: Date\n  title: string\n  color: string\n  strikethrough?: boolean\n  style?: React.CSSProperties\n}\n\nexport type CalendarLocale = {\n  locale: string\n  daysShort: string[]\n  monthsLong: string[]\n  moreText: string\n  formatTime?: (date: Date) => string\n}\n\n// Default English locale\nconst defaultLocale: CalendarLocale = {\n  locale: 'en',\n  daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthsLong: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  moreText: 'more',\n  formatTime: (date: Date): string => {\n    const hour = date.getHours()\n    const formatted = `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    return formatted.replace(' ', '').toLowerCase().replace(':00', '')\n  },\n}\n\n// Utility functions\nconst isToday = (date: Date) => isEqual(date, new Date())\n\nconst isEqual = (a: Date, b: Date) => {\n  const acopy = new Date(a)\n  const bcopy = new Date(b)\n  acopy.setHours(0, 0, 0, 0)\n  bcopy.setHours(0, 0, 0, 0)\n  return bcopy.getTime() === acopy.getTime()\n}\n\nconst isPastDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate < today\n}\n\nconst getWeekStart = (date: Date): Date => {\n  const d = new Date(date)\n  const day = d.getDay()\n  const diff = d.getDate() - day\n  return new Date(d.setDate(diff))\n}\n\nconst addDays = (date: Date, days: number): Date => {\n  const result = new Date(date)\n  result.setDate(result.getDate() + days)\n  return result\n}\n\nconst formatDate = (date: Date, format: string): string => {\n  const day = date.getDate()\n  const dayName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()]\n\n  if (format === 'YYYY-MM-DD') {\n    return date.toISOString().split('T')[0]\n  }\n  if (format === 'ddd') {\n    return dayName\n  }\n  if (format === 'D') {\n    return day.toString()\n  }\n  return date.toISOString()\n}\n\nexport interface WeekCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  date?: Date\n  events?: T[]\n  onEventClick?: (event: T) => void\n  onDayClick?: (date: Date) => void\n  onSelectSlot?: (slotInfo: { start: Date; end: Date }) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  fitContainer?: boolean\n  /** Start hour for the time grid (0-23) */\n  startHour?: number\n  /** End hour for the time grid (0-23) */\n  endHour?: number\n  'data-testid'?: string\n}\n\nexport const WeekCalendar = forwardRef<HTMLDivElement, WeekCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      locale = defaultLocale,\n      onEventClick,\n      onDayClick,\n      onSelectSlot,\n      allowPastInteraction = false,\n      fitContainer = false,\n      startHour = 9,\n      endHour = 17,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    }: WeekCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const bodyRef = useRef<HTMLDivElement>(null)\n    const headerRef = useRef<HTMLDivElement>(null)\n\n    // Adjust header padding to account for scrollbar\n    useEffect(() => {\n      const adjustScrollbar = () => {\n        if (bodyRef.current && headerRef.current) {\n          const bodyElement = bodyRef.current\n          const headerElement = headerRef.current\n          const scrollbarWidth = bodyElement.offsetWidth - bodyElement.clientWidth\n          headerElement.style.paddingRight = `${scrollbarWidth}px`\n        }\n      }\n\n      adjustScrollbar()\n      window.addEventListener('resize', adjustScrollbar)\n      return () => window.removeEventListener('resize', adjustScrollbar)\n    }, [])\n\n\n    const weekStart = getWeekStart(date)\n    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i))\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    // Group events by day\n    const eventsByDay = useMemo(() => {\n      const grouped: Record<string, T[]> = {}\n      events.forEach((event) => {\n        const eventDate = formatDate(event.date, 'YYYY-MM-DD')\n        if (!grouped[eventDate]) {\n          grouped[eventDate] = []\n        }\n        grouped[eventDate].push(event as T)\n      })\n      return grouped\n    }, [events])\n\n    // Time slots from startHour to endHour\n    const timeSlots = Array.from({ length: endHour - startHour + 1 }, (_, i) => i + startHour)\n\n    const formatHour = (hour: number) => {\n      if (locale.formatTime) {\n        return locale.formatTime(new Date(2000, 0, 1, hour, 0))\n      }\n      return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    }\n\n    const getEventsForDayAndHour = (dayStr: string, hour: number) => {\n      const dayEvents = eventsByDay[dayStr] || []\n      return dayEvents.filter((event) => {\n        const eventHour = event.date.getHours()\n        return eventHour === hour\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${className}`}\n        data-testid={testId}\n        {...rest}\n      >\n        {/* Header with days */}\n        <div\n          ref={headerRef}\n          className=\"grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100\"\n          data-testid={getTestId('header')}\n        >\n          <div className=\"week-calendar-time-column\" />\n          {weekDays.map((day) => {\n            const isPast = isPastDate(day)\n            const isTodayDate = isToday(day)\n            const dayKey = formatDate(day, 'YYYY-MM-DD')\n\n            return (\n              <div\n                key={dayKey}\n                className={`\n                  cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                `}\n                data-testid={getTestId(`header-day-${dayKey}`)}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n                  onDayClick?.(day)\n                }}\n              >\n                <div\n                  className={`\n                    text-xs font-medium uppercase\n                    ${isPast ? 'text-base-content/40' : 'text-base-content/60'}\n                  `}\n                >\n                  {formatDate(day, 'ddd')}\n                </div>\n                <div\n                  className={`\n                    mx-auto flex items-center justify-center text-xs font-medium transition-all\n                    ${isTodayDate ? 'font-bold text-primary' : ''}\n                    ${isPast && !isTodayDate ? 'text-base-content/40' : 'text-base-content'}\n                  `}\n                >\n                  {formatDate(day, 'D')}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Time grid */}\n        <div\n          ref={bodyRef}\n          className={fitContainer ? 'grid flex-1' : 'flex-1 overflow-y-auto'}\n          style={fitContainer ? { gridTemplateRows: `repeat(${timeSlots.length}, 1fr)` } : undefined}\n          data-testid={getTestId('grid')}\n        >\n          {timeSlots.map((hour) => (\n            <div\n              key={hour}\n              className={`grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${fitContainer ? 'min-h-10' : 'h-20'}`}\n              data-testid={getTestId(`row-${hour}`)}\n            >\n              {/* Time label */}\n              <div\n                className=\"flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50\"\n                data-testid={getTestId(`time-${hour}`)}\n              >\n                {formatHour(hour)}\n              </div>\n\n              {/* Day cells */}\n              {weekDays.map((day) => {\n                const dayStr = formatDate(day, 'YYYY-MM-DD')\n                const hourEvents = getEventsForDayAndHour(dayStr, hour)\n                const isPast = isPastDate(day) && !isToday(day)\n\n                return (\n                  <div\n                    key={`${dayStr}-${hour}`}\n                    className={`\n                      relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0\n                      hover:bg-primary/5\n                      ${fitContainer ? '' : 'h-20'}\n                      ${isPast && !allowPastInteraction ? 'cursor-not-allowed hover:cursor-not-allowed' : ''}\n                    `}\n                    data-testid={getTestId(`cell-${dayStr}-${hour}`)}\n                    onClick={(e) => {\n                      if (isPast && !allowPastInteraction) {\n                        return\n                      }\n\n                      if (\n                        onSelectSlot &&\n                        (e.target === e.currentTarget ||\n                          (e.target as HTMLElement).classList.contains('week-calendar-time-cell'))\n                      ) {\n                        const start = new Date(day)\n                        start.setHours(hour, 0, 0, 0)\n\n                        const end = new Date(day)\n                        end.setHours(hour + 1, 0, 0, 0)\n\n                        onSelectSlot({ start, end })\n                      }\n                    }}\n                  >\n                    {hourEvents.map((event, idx) => (\n                      <div\n                        key={idx}\n                        className={`\n                          mb-px flex shrink-0 cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          text-base-content transition-colors hover:bg-base-content/5 last:mb-0\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        title={event.title}\n                        data-testid={getTestId(`event-${dayStr}-${hour}-${idx}`)}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onEventClick?.(event)\n                        }}\n                      >\n                        <div\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color || '#bfbfbf' }}\n                        />\n                        <div className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                          {event.title}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: WeekCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(WeekCalendar as React.FC).displayName = 'WeekCalendar'\n"],"names":["defaultLocale","date","hour","isToday","isEqual","a","b","acopy","bcopy","isPastDate","today","checkDate","getWeekStart","d","day","diff","addDays","days","result","formatDate","format","dayName","WeekCalendar","forwardRef","events","locale","onEventClick","onDayClick","onSelectSlot","allowPastInteraction","fitContainer","startHour","endHour","className","testId","rest","ref","bodyRef","useRef","headerRef","useEffect","adjustScrollbar","bodyElement","headerElement","scrollbarWidth","weekStart","weekDays","_","i","getTestId","suffix","eventsByDay","useMemo","grouped","event","eventDate","timeSlots","formatHour","getEventsForDayAndHour","dayStr","jsxs","jsx","isPast","isTodayDate","dayKey","hourEvents","e","start","end","idx"],"mappings":"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"}

package/dist/components/Window.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
-export interface WindowProps {
+export interface WindowProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    className?: string;
     contentClassName?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Window: React.FC<WindowProps>;

package/dist/components/Window.js

@@ -1,10 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-const s = "mockup-window", i = ({
-  children: r,
-  className: d = "",
-  contentClassName: e = ""
-}) => /* @__PURE__ */ o("div", { className: `${s} border border-base-300 ${d}`, children: /* @__PURE__ */ o("div", { className: `border-t border-base-300 ${e}`, children: r }) });
+import { jsx as d } from "react/jsx-runtime";
+const a = "mockup-window", c = ({
+  children: o,
+  className: r = "",
+  contentClassName: e = "",
+  "data-testid": t,
+  ...s
+}) => /* @__PURE__ */ d("div", { className: `${a} border border-base-300 ${r}`, "data-testid": t, ...s, children: /* @__PURE__ */ d("div", { className: `border-t border-base-300 ${e}`, children: o }) });
 export {
-  i as Window
+  c as Window
 };
 //# sourceMappingURL=Window.js.map

package/dist/components/Window.js.map

@@ -1 +1 @@
-{"version":3,"file":"Window.js","sources":["../../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupWindow = 'mockup-window'\n\nexport interface WindowProps {\n  children: React.ReactNode\n  className?: string\n  contentClassName?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n}) => {\n  return (\n    <div className={`${dMockupWindow} border border-base-300 ${className}`}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupWindow","Window","children","className","contentClassName","jsx"],"mappings":";AAGA,MAAMA,IAAgB,iBAQTC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AACrB,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGL,CAAa,2BAA2BG,CAAS,IAClE,UAAA,gBAAAE,EAAC,SAAI,WAAW,4BAA4BD,CAAgB,IACzD,UAAAF,GACH,GACF;"}
+{"version":3,"file":"Window.js","sources":["../../src/components/Window.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupWindow = 'mockup-window'\n\nexport interface WindowProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  contentClassName?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  children,\n  className = '',\n  contentClassName = '',\n  'data-testid': testId,\n  ...rest\n}) => {\n  return (\n    <div className={`${dMockupWindow} border border-base-300 ${className}`} data-testid={testId} {...rest}>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupWindow","Window","children","className","contentClassName","testId","rest"],"mappings":";AAGA,MAAMA,IAAgB,iBASTC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,eAAeC;AAAA,EACf,GAAGC;AACL,wBAEK,OAAA,EAAI,WAAW,GAAGN,CAAa,2BAA2BG,CAAS,IAAI,eAAaE,GAAS,GAAGC,GAC/F,4BAAC,OAAA,EAAI,WAAW,4BAA4BF,CAAgB,IACzD,UAAAF,GACH,EAAA,CACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.61",
+  "version": "0.12.63",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {