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:T1a9d,@@jsxConfig({version: 4, mode: "automatic", module_: "BaseUi.BaseUiJsxDOM"}) @@directive("'use client'") @module("cn") external cn: (string, option) => string = "cn" @module("cn") external cn3: (string, string, option) => string = "cn" module Align = { @unboxed type t = | @as("inline-start") InlineStart | @as("inline-end") InlineEnd | @as("block-start") BlockStart | @as("block-end") BlockEnd } module Size = { @unboxed type t = | @as("xs") Xs | @as("sm") Sm | @as("icon-xs") IconXs | @as("icon-sm") IconSm } module Variant = { @unboxed type t = | @as("ghost") Ghost | @as("default") Default | @as("secondary") Secondary | @as("outline") Outline | @as("destructive") Destructive } @get external mouseEventTarget: JsxEvent.Mouse.t => Dom.element = "target" @get external mouseEventCurrentTarget: JsxEvent.Mouse.t => Dom.element = "currentTarget" @get external parentElement: Dom.element => nullable = "parentElement" @send external closest: (Dom.element, string) => nullable = "closest" @send external querySelector: (Dom.element, string) => nullable = "querySelector" @send external focusElement: Dom.element => unit = "focus" @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) => { let role = props.role->Option.getOr("group") let dataSlot = props.dataSlot->Option.getOr("input-group")

[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto", props.className, )} /> } module Addon = { let baseClass = "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none" let alignClass = (~align=Align.InlineStart) => switch align { | InlineStart => "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first" | InlineEnd => "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last" | BlockStart => "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start" | BlockEnd => "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start" } type props = {align?: Align.t, ...BaseUi.Types.DomProps.t} let toDomProps: props => BaseUi.Types.DomProps.t = %raw(`({align, ...props}) => props`) @react.componentWithProps(props) let make = (props: props) => { let align = props.align->Option.getOr(InlineStart)

toDomProps} onClick={props.onClick->Option.getOr(event => { let target = event->mouseEventTarget switch target->closest("button") { | Value(_) => () | Null | Undefined => event ->mouseEventCurrentTarget ->parentElement ->Nullable.flatMap(parent => parent->querySelector("input")) ->Nullable.forEach(focusElement) } })} dataSlot={props.dataSlot->Option.getOr("input-group-addon")} dataAlign={props.dataAlign->Option.getOr((align :> string))} role={props.role->Option.getOr("group")} className={cn3(baseClass, alignClass(~align), props.className)} /> } } module Button = { module Type = BaseUi.Types.ButtonType let sizeClass = (~size: Size.t) => switch size { | Xs => "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5" | Sm => "" | IconXs => "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0" | IconSm => "size-8 p-0 has-[>svg]:p-0" } let baseClass = "gap-2 text-sm flex items-center shadow-none" type props = { size?: Size.t, variant?: Variant.t, ...BaseUi.Types.NativeButtonProps.t, } let toButtonProps: props => Button.props = %raw(`({variant, size, ...props}) => props`) @react.componentWithProps(props) let make = (props: props) => { let size = props.size->Option.getOr(Xs) let variant = props.variant->Option.getOr(Ghost)