51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T15b6,"use client"; import { useControllableState } from "@radix-ui/react-use-controllable-state"; import { addDays, format, isSameDay, isToday } from "date-fns"; import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"; import { Slot } from "radix-ui"; import { type ButtonHTMLAttributes, type ComponentProps, createContext, type HTMLAttributes, type MouseEventHandler, type ReactNode, useContext, } from "react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; // Context for sharing state between components type MiniCalendarContextType = { selectedDate: Date | null | undefined; onDateSelect: (date: Date) => void; startDate: Date; onNavigate: (direction: "prev" | "next") => void; days: number; }; const MiniCalendarContext = createContext(null); const useMiniCalendar = () => { const context = useContext(MiniCalendarContext); if (!context) { throw new Error("MiniCalendar components must be used within MiniCalendar"); } return context; }; // Helper function to get array of consecutive dates const getDays = (startDate: Date, count: number): Date[] => { const days: Date[] = []; for (let i = 0; i < count; i++) { days.push(addDays(startDate, i)); } return days; }; // Helper function to format date const formatDate = (date: Date) => { const month = format(date, "MMM"); const day = format(date, "d"); return { month, day }; }; export type MiniCalendarProps = HTMLAttributes & { value?: Date; defaultValue?: Date; onValueChange?: (date: Date | undefined) => void; startDate?: Date; defaultStartDate?: Date; onStartDateChange?: (date: Date | undefined) => void; days?: number; }; export const MiniCalendar = ({ value, defaultValue, onValueChange, startDate, defaultStartDate = new Date(), onStartDateChange, days = 5, className, children, ...props }: MiniCalendarProps) => { const [selectedDate, setSelectedDate] = useControllableState< Date | undefined >({ prop: value, defaultProp: defaultValue, onChange: onValueChange, }); const [currentStartDate, setCurrentStartDate] = useControllableState({ prop: startDate, defaultProp: defaultStartDate, onChange: onStartDateChange, }); const handleDateSelect = (date: Date) => { setSelectedDate(date); }; const handleNavigate = (direction: "prev" | "next") => { const newStartDate = addDays( currentStartDate || new Date(), direction === "next" ? days : -days ); setCurrentStartDate(newStartDate); }; const contextValue: MiniCalendarContextType = { selectedDate: selectedDate || null, onDateSelect: handleDateSelect, startDate: currentStartDate || new Date(), onNavigate: handleNavigate, days, }; return (

{children}

); }; export type MiniCalendarNavigationProps = ButtonHTMLAttributes & { direction: "prev" | "next"; asChild?: boolean; }; export const MiniCalendarNavigation = ({ direction, asChild = false, children, onClick, ...props }: MiniCalendarNavigationProps) => { const { onNavigate } = useMiniCalendar(); const Icon = direction === "prev" ? ChevronLeftIcon : ChevronRightIcon; const handleClick: MouseEventHandler = (event) => { onNavigate(direction); onClick?.(event); }; if (asChild) { return ( {children} ); } return ( ); }; export type MiniCalendarDaysProps = Omit< HTMLAttributes, "children" > & { children: (date: Date) => ReactNode; }; export const MiniCalendarDays = ({ className, children, ...props }: MiniCalendarDaysProps) => { const { startDate, days: dayCount } = useMiniCalendar(); const days = getDays(startDate, dayCount); return (

{days.map((date) => children(date))}

); }; export type MiniCalendarDayProps = ComponentProps & { date: Date; }; export const MiniCalendarDay = ({ date, className, ...props }: MiniCalendarDayProps) => { const { selectedDate, onDateSelect } = useMiniCalendar(); const { month, day } = formatDate(date); const isSelected = selectedDate && isSameDay(date, selectedDate); const isTodayDate = isToday(date); return ( ); }; 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-use-controllable-state",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-use-controllable-state","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-use-controllable-state"}]]}]}],["$","li","date-fns",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/date-fns","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"date-fns"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","radix-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"radix-ui"}]]}]}]]}],["$","$L51",null,{"namespace":"@kibo-ui","registryDependencies":["button"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"index.tsx","content":"$53","type":"registry:ui","target":"components/kibo-ui/mini-calendar/index.tsx"}],"className":"h-[70svh] min-h-80"}]]}]