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:T4592,@@directive("'use client'") @@jsxConfig({version: 4, mode: "automatic", module_: "BaseUi.BaseUiJsxDOM"}) @send external focusElement: Dom.element => unit = "focus" module Locale = { type t = private { code: string, } } module Day = { type t = {date: Date.t} } module DayModifiers = { type t = { focused?: bool, selected?: bool, outside?: bool, @as("range_start") rangeStart?: bool, @as("range_end") rangeEnd?: bool, @as("range_middle") rangeMiddle?: bool, } } module Orientation = { type t = | @as("left") Left | @as("right") Right | @as("up") Up | @as("down") Down } module ChevronProps = { type t = { ...Icons.props, orientation?: Orientation.t, } } module RootProps = { type t = {...BaseUi.Types.DomProps.t, rootRef?: JsxDOM.domRef} let toDomProps: t => BaseUi.Types.DomProps.t = %raw(`({rootRef, ...props}) => ({...props, ref: rootRef})`) } module WeekNumberProps = { type t = { className?: string, children?: React.element, @as("aria-label") ariaLabel?: string, role?: string, scope?: string, week?: int, } } module Modifiers = { type t = { selected?: bool, disabled?: bool, today?: bool, } } module DayButtonProps = { type t = { @as("data-slot") dataSlot?: string, className?: string, children: React.element, day: Day.t, modifiers: DayModifiers.t, locale?: Locale.t, id?: string, style?: ReactDOM.Style.t, disabled?: bool, tabIndex?: int, onClick?: JsxEvent.Mouse.t => unit, onKeyDown?: JsxEvent.Keyboard.t => unit, onBlur?: ReactEvent.Focus.t => unit, onFocus?: ReactEvent.Focus.t => unit, onMouseEnter?: ReactEvent.Mouse.t => unit, onMouseLeave?: ReactEvent.Mouse.t => unit, @as("aria-label") ariaLabel?: string, } } module DayPickerClassNames = { type t = { root?: string, months?: string, month?: string, nav?: string, @as("button_previous") buttonPrevious?: string, @as("button_next") buttonNext?: string, @as("month_caption") monthCaption?: string, dropdowns?: string, @as("dropdown_root") dropdownRoot?: string, dropdown?: string, @as("caption_label") captionLabel?: string, @as("month_grid") monthGrid?: string, weekdays?: string, weekday?: string, week?: string, @as("week_number_header") weekNumberHeader?: string, @as("week_number") weekNumber?: string, day?: string, @as("range_start") rangeStart?: string, @as("range_middle") rangeMiddle?: string, @as("range_end") rangeEnd?: string, today?: string, outside?: string, disabled?: string, hidden?: string, } } @module("react-day-picker") external getDefaultClassNames: unit => DayPickerClassNames.t = "getDefaultClassNames" @module("cn") external cn: (string, option) => string = "cn" @module("cn") external cn4: ( string, string, ~additional: option=?, ~additional2: option=?, ) => string = "cn" module DayButton = { let toButtonProps: DayButtonProps.t => Button.props = %raw(`({day, modifiers, locale, ...rest}) => rest`) @react.componentWithProps(DayButtonProps.t) let make = (props: DayButtonProps.t) => { let dataSlot = props.dataSlot->Option.getOr("button") let className = props.className let day = props.day let modifiers = props.modifiers let locale = props.locale let children = props.children let props = props->toButtonProps let defaultClassNames = getDefaultClassNames() let buttonRef = React.useRef(null) React.useEffect(() => { if modifiers.focused->Option.getOr(false) { buttonRef.current->Nullable.forEach(focusElement) } None }, [modifiers.focused]) } } module ComponentProps = { type t = { modifiers?: Modifiers.t, ...JsxDOM.domProps, } } type componentRenderer = ComponentProps.t => React.element module DayPickerFormatters = { module DateLibOptions = { type t = { locale?: Locale.t, timeZone?: string, numerals?: string, } } type t = { formatMonthDropdown?: Date.t => string, formatCaption?: (Date.t, ~options: DateLibOptions.t=?) => string, formatDay?: (Date.t, ~options: DateLibOptions.t) => string, formatWeekdayName?: (Date.t, ~options: DateLibOptions.t=?) => string, formatWeekNumber?: int => string, formatYearDropdown?: int => string, formatMonthCaption?: (Date.t, ~options: DateLibOptions.t=?) => string, } } module DayPickerComponents = { type t = { @as("Root") root?: RootProps.t => React.element, @as("Chevron") chevron?: ChevronProps.t => React.element, @as("DayButton") dayButton?: DayButtonProps.t => React.element, @as("WeekNumber") weekNumber?: WeekNumberProps.t => React.element, @as("Months") months?: componentRenderer, @as("Month") month?: componentRenderer, @as("MonthCaption") monthCaption?: componentRenderer, @as("DropdownNav") dropdownNav?: componentRenderer, @as("Dropdown") dropdown?: componentRenderer, @as("CaptionLabel") captionLabel?: componentRenderer, @as("Nav") nav?: componentRenderer, @as("Weekdays") weekdays?: componentRenderer, @as("Weekday") weekday?: componentRenderer, @as("Week") week?: componentRenderer, @as("Day") day?: componentRenderer, @as("Footer") footer?: componentRenderer, @as("PreviousMonthButton") previousMonthButton?: componentRenderer, @as("NextMonthButton") nextMonthButton?: componentRenderer, @as("MonthGrid") monthGrid?: componentRenderer, @as("Select") select?: componentRenderer, @as("Option") option?: componentRenderer, @as("MonthsDropdown") monthsDropdown?: componentRenderer, @as("YearsDropdown") yearsDropdown?: componentRenderer, @as("Weeks") weeks?: componentRenderer, @as("WeekNumberHeader") weekNumberHeader?: componentRenderer, @as("Button") button?: componentRenderer, } } module CaptionLayout = { type t = | @as("label") Label | @as("dropdown") Dropdown | @as("dropdown-months") DropdownMonths | @as("dropdown-years") DropdownYears } module Labels = { type t = { labelNav: unit => string, labelGrid: Date.t => string, labelGridcell: (Date.t, ~modifiers: Modifiers.t=?) => string, labelMonthDropdown: unit => string, labelYearDropdown: unit => string, labelNext: (~nextMonth: Date.t=?) => string, labelPrevious: (~previousMonth: Date.t=?) => string, labelDayButton: (Date.t, ~modifiers: Modifiers.t=?) => string, labelWeekday: Date.t => string, labelWeekNumber: int => string, labelWeekNumberHeader: unit => string, } } module Direction = { @unboxed type t = | @as("ltr") Ltr | @as("rtl") Rtl } module DateRange = { type t = { from: Date.t, to?: Date.t, } } module DayPicker = { module SelectionMode = { type rec t<_> = | @as("single") Single: t | @as("multiple") Multiple: t> | @as("range") Range: t | @as("none") NoSelection: t } module Matcher = { @unboxed type t = | Fn(Date.t => bool) | Dates(array) } module Props = { type t<'selected> = { showOutsideDays?: bool, className?: string, captionLayout?: CaptionLayout.t, dir?: Direction.t, locale?: Locale.t, formatters?: DayPickerFormatters.t, classNames?: DayPickerClassNames.t, required?: bool, mode?: SelectionMode.t<'selected>, selected?: 'selected, onSelect?: option<'selected> => unit, defaultMonth?: Date.t, month?: Date.t, onMonthChange?: Date.t => unit, startMonth?: Date.t, endMonth?: Date.t, numberOfMonths?: int, reverseMonths?: bool, pagedNavigation?: bool, navLayout?: string, hideNavigation?: bool, disableNavigation?: bool, showWeekNumber?: bool, fixedWeeks?: bool, weekStartsOn?: int, @as("ISOWeek") isoWeek?: bool, fromDate?: Date.t, toDate?: Date.t, fromMonth?: Date.t, toMonth?: Date.t, fromYear?: int, toYear?: int, broadcastCalendar?: bool, timeZone?: string, animate?: bool, autoFocus?: bool, onDayClick?: (Date.t, Modifiers.t, JsxEvent.Mouse.t) => unit, onNextClick?: Date.t => unit, onPrevClick?: Date.t => unit, styles?: dict, labels?: Labels.t, hidden?: Matcher.t, footer?: React.element, disabled?: Matcher.t, modifiers?: dict, modifiersClassNames?: dict, components?: DayPickerComponents.t, } } @module("react-day-picker") external make: Props.t<'selected> => React.element = "DayPicker" } module Props = { type t<'selected> = { ...DayPicker.Props.t<'selected>, buttonVariant?: Button.Variant.t, } } let toDayPickerProps: Props.t<'selected> => DayPicker.Props.t< 'selected, > = %raw(`function({buttonVariant, ...rest}){ return rest; }`) @scope("Object") external merge: (~defaults: 'a, 'a) => 'a = "assign" @react.componentWithProps(Props.t) let make = props => { let showOutsideDays = props.Props.showOutsideDays->Option.getOr(true) let captionLayout = props.captionLayout->Option.getOr(CaptionLayout.Label) let buttonVariant = props.buttonVariant->Option.getOr(Button.Variant.Ghost) let formatters = props.formatters->Option.getOr({}) let classNames = props.classNames->Option.getOr({}) let components = props.components->Option.getOr({}) let showWeekNumber = props.showWeekNumber->Option.getOr(false) let defaultClassNames = getDefaultClassNames() let props = props->toDayPickerProps svg]:rotate-180 rtl:**:[.rdp-button\\_previous>svg]:rotate-180", props.className, )} captionLayout formatters={merge( ~defaults={ DayPickerFormatters.formatMonthDropdown: date => date->Date.toLocaleDateStringWithLocaleAndOptions( switch props.locale { | Some({code}) => code | None => "default" }, {month: #short}, ), }, formatters, )} classNames={merge( ~defaults={ DayPickerClassNames.root: cn("w-fit", defaultClassNames.root), months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months), month: cn("flex flex-col w-full gap-4", defaultClassNames.month), nav: cn( "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav, ), buttonPrevious: cn4( Button.buttonVariants(~variant=buttonVariant), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", ~additional=defaultClassNames.buttonPrevious, ), buttonNext: cn4( Button.buttonVariants(~variant=buttonVariant), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", ~additional=defaultClassNames.buttonNext, ), monthCaption: cn( "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.monthCaption, ), dropdowns: cn( "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns, ), dropdownRoot: cn( "relative has-focus:border-ring border-input has-focus:ring-ring/50 border has-focus:ring-3 rounded-(--cell-radius)", defaultClassNames.dropdownRoot, ), dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown), captionLabel: cn4( "select-none font-medium", switch captionLayout { | CaptionLayout.Label => " text-sm" | Dropdown => "h-6 pr-1 pl-1.5 rounded-(--cell-radius) flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5" | DropdownMonths => "h-6 pr-1 pl-1.5 rounded-(--cell-radius) flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5" | DropdownYears => "h-6 pr-1 pl-1.5 rounded-(--cell-radius) flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5" }, ~additional=defaultClassNames.captionLabel, ), monthGrid: cn("w-full border-collapse", defaultClassNames.monthGrid), weekdays: cn("flex", defaultClassNames.weekdays), weekday: cn( "text-muted-foreground rounded-(--cell-radius) flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday, ), week: cn("flex w-full mt-2", defaultClassNames.week), weekNumberHeader: cn("select-none w-(--cell-size)", defaultClassNames.weekNumberHeader), weekNumber: cn( "text-[0.8rem] select-none text-muted-foreground", defaultClassNames.weekNumber, ), day: cn4( "relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none", showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", ~additional=defaultClassNames.day, ), rangeStart: cn( "rounded-l-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 z-0 isolate", defaultClassNames.rangeStart, ), rangeMiddle: cn("rounded-none", defaultClassNames.rangeMiddle), rangeEnd: cn( "rounded-r-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-0 z-0 isolate", defaultClassNames.rangeEnd, ), today: cn( "bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none", defaultClassNames.today, ), outside: cn( "text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside, ), disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled), hidden: cn("invisible", defaultClassNames.hidden), }, classNames, )} components={merge( ~defaults={ DayPickerComponents.root: (props: RootProps.t) => { let dataSlot = props.dataSlot->Option.getOr("calendar")

}, chevron: (props: ChevronProps.t) => { let className = props.className let orientation = props.orientation let props = ({...props, orientation: ?None} :> Icons.props) switch orientation { | Some(Left) => | Some(Right) => | Some(Up | Down) | None => } }, dayButton: (props: DayButtonProps.t) => , weekNumber: ({?children, ?className, ?ariaLabel, ?role, ?scope}) =>

, week: ({?children, ?className, ?role}) => {children->Option.getOr(React.null)} , }, components, )} /> } 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","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}],["$","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","react-day-picker",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-day-picker","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":"react-day-picker"}]]}]}],["$","li","rescript-base-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rescript-base-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":"rescript-base-ui"}]]}]}]]}],["$","$L51",null,{"namespace":"@rescript-shadcn","registryDependencies":["@rescript-shadcn/Button","@rescript-shadcn/Icons"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/base/ui/Calendar.res","content":"$53","type":"registry:file","target":"@ui/Calendar.res"}],"className":"h-[70svh] min-h-80"}]]}]