@monimesl/dot-renderer-react 0.1.0-alpha.4 → 0.1.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/LICENSE-PHOSPHOR +21 -0
  2. package/dist/garra-versions.json +7 -0
  3. package/dist/index.d.ts +19 -3
  4. package/dist/index.js +22347 -1797
  5. package/dist/react-host/19.3.0/react-dom.js +3 -0
  6. package/dist/react-host/19.3.0/react-host.js +6 -6
  7. package/dist/styles.css +1 -0
  8. package/package.json +18 -8
  9. package/dist/index.d.ts.map +0 -1
  10. package/dist/index.js.map +0 -1
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["Image","List"],"sources":["../src/theme.ts","../src/components/tokens.ts","../src/components/field.tsx","../src/components/field-box.ts","../src/components/typed-text.ts","../src/components/amount-input.tsx","../src/components/spinner.tsx","../src/components/button.tsx","../src/components/carousel.tsx","../src/components/tones.ts","../src/components/icon.tsx","../src/components/chip.tsx","../src/components/code-input.tsx","../src/components/divider.tsx","../src/components/empty-state.tsx","../src/components/feedback.tsx","../src/components/footer.tsx","../src/components/pill.tsx","../src/components/grid.tsx","../src/components/image.tsx","../src/components/input.tsx","../src/components/list.tsx","../src/components/qr-code.tsx","../src/components/animate.ts","../src/components/sheet.tsx","../src/components/select.tsx","../src/components/skeleton.tsx","../src/components/tabs.tsx","../src/components/text.tsx","../src/components/text-area.tsx","../src/components/toast.tsx","../src/components/toggles.tsx","../src/components/view.tsx","../src/components/index.ts","../src/page-root.tsx","../src/root.tsx","../src/renderer.tsx","../src/index.ts"],"sourcesContent":["import type { ColorScheme, SchemeColor, Theme } from '@monimesl/dot-core';\nimport { createContext, useContext } from 'react';\n\nexport interface ResolvedColors {\n primary: string;\n background: string;\n surface: string;\n text: string;\n subtle: string;\n muted: string;\n border: string;\n info: string;\n success: string;\n warning: string;\n danger: string;\n}\n\nexport interface ResolvedTheme {\n scheme: ColorScheme;\n colors: ResolvedColors;\n radius: number;\n}\n\nexport const FONT_FAMILY = 'system-ui, sans-serif';\n\nconst DEFAULT_RADIUS = 12;\n\n// Dash's own look: black, white and grays, so a dot feels at home in it.\nconst DEFAULT_COLORS: Record<ColorScheme, ResolvedColors> = {\n light: {\n primary: '#1c1c1e',\n background: '#f2f2f2',\n surface: '#ffffff',\n text: '#111111',\n subtle: '#8e8e93',\n muted: '#e9e9eb',\n border: '#e9e9eb',\n info: '#0a64d6',\n success: '#1a8a4a',\n warning: '#b25e00',\n danger: '#d0312d',\n },\n dark: {\n primary: '#f5f5f5',\n background: '#121212',\n surface: '#1e1e1e',\n text: '#f5f5f5',\n subtle: '#8e8e93',\n muted: '#2c2c2e',\n border: '#2a2a2c',\n info: '#4c9dff',\n success: '#3ecf72',\n warning: '#ffb340',\n danger: '#ff6961',\n },\n};\n\nexport function resolveTheme(theme: Theme, systemScheme: ColorScheme): ResolvedTheme {\n const scheme = !theme.scheme || theme.scheme === 'system' ? systemScheme : theme.scheme;\n const defaults = DEFAULT_COLORS[scheme];\n const colors = theme.colors ?? {};\n const pick = (color: SchemeColor | undefined, fallback: string) => color?.[scheme] ?? fallback;\n return {\n scheme,\n colors: {\n primary: pick(colors.primary, defaults.primary),\n background: pick(colors.background, defaults.background),\n surface: pick(colors.surface, defaults.surface),\n text: pick(colors.text, defaults.text),\n subtle: defaults.subtle,\n muted: defaults.muted,\n border: defaults.border,\n info: defaults.info,\n success: defaults.success,\n warning: defaults.warning,\n danger: defaults.danger,\n },\n radius: theme.radius ?? DEFAULT_RADIUS,\n };\n}\n\nexport const ThemeContext = createContext<ResolvedTheme>(resolveTheme({}, 'light'));\n\nexport function useTheme(): ResolvedTheme {\n return useContext(ThemeContext);\n}\n","export const SPACE = { none: 0, small: 4, medium: 8, large: 16 } as const;\n\nexport const FONT_SIZE = { caption: 13, body: 15, title: 20 } as const;\n\n// Cards round a little more than the controls inside them.\nexport const CARD_RADIUS_SCALE = 1.5;\n\nexport const DISABLED_OPACITY = 0.6;\n\nexport const ICON_SIZE = { small: 16, medium: 20, large: 28 } as const;\n\n// At least 16px, or iOS zooms into the page when a field is focused.\nexport const FIELD_FONT_SIZE = 16;\n","import type { ReactNode } from 'react';\n\nimport { useTheme } from '../theme';\nimport { FONT_SIZE, SPACE } from './tokens';\n\ninterface FieldProps {\n label: string | undefined;\n hint: string | undefined;\n error: string | undefined;\n children: ReactNode;\n}\n\nexport function Field({ label, hint, error, children }: FieldProps) {\n const { colors } = useTheme();\n const note = error || hint;\n return (\n <label\n className=\"dot-field\"\n style={{ display: 'flex', flexDirection: 'column', gap: SPACE.small }}\n >\n {label ? <FieldLabel>{label}</FieldLabel> : null}\n {children}\n {note ? (\n <span style={{ fontSize: FONT_SIZE.caption, color: error ? colors.danger : colors.subtle }}>\n {note}\n </span>\n ) : null}\n </label>\n );\n}\n\nexport function FieldLabel({ children }: { children: ReactNode }) {\n return <span style={{ fontSize: FONT_SIZE.caption, fontWeight: 500 }}>{children}</span>;\n}\n","import type { CSSProperties } from 'react';\nimport { useState } from 'react';\n\nimport { useTheme } from '../theme';\nimport { DISABLED_OPACITY, FIELD_FONT_SIZE } from './tokens';\n\nexport function useFieldBox(error: string | undefined, disabled: boolean | undefined) {\n const { colors, radius } = useTheme();\n const [focused, setFocused] = useState(false);\n let borderColor = colors.border;\n if (error) {\n borderColor = colors.danger;\n } else if (focused) {\n borderColor = colors.primary;\n }\n const style: CSSProperties = {\n border: `1px solid ${borderColor}`,\n borderRadius: radius,\n background: colors.surface,\n color: colors.text,\n fontSize: FIELD_FONT_SIZE,\n opacity: disabled ? DISABLED_OPACITY : 1,\n };\n return { style, onFocus: () => setFocused(true), onBlur: () => setFocused(false) };\n}\n","import { useState } from 'react';\n\n// `value` is page state, which the service updates a moment after each keystroke. By the time\n// it sends back \"a\", the user may have typed \"abc\"; showing \"a\" would erase \"bc\". So a value\n// the user already sent is a late echo and is ignored. A value the user never sent, such as\n// a reset, was set by the page and replaces the text, as `show` writes it.\nexport function useTypedText(\n value: string | undefined,\n sendsChanges: boolean,\n show: (value: string) => string = (text) => text,\n): [text: string, type: (next: string, sent?: string) => void] {\n const [text, setText] = useState(() => show(value ?? ''));\n const [awaitingEcho, setAwaitingEcho] = useState<string[]>([]);\n const [previousValue, setPreviousValue] = useState(value);\n\n if (value !== previousValue) {\n setPreviousValue(value);\n const echo = awaitingEcho.indexOf(value ?? '');\n if (echo >= 0) {\n setAwaitingEcho(awaitingEcho.slice(echo + 1));\n } else {\n setAwaitingEcho([]);\n setText(show(value ?? ''));\n }\n }\n\n // `sent` is what the change sends the page, when it differs from the text shown.\n const type = (next: string, sent = next) => {\n setText(next);\n if (sendsChanges && value !== undefined) {\n setAwaitingEcho([...awaitingEcho, sent]);\n }\n };\n return [text, type];\n}\n","import type { AmountInput as AmountInputManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { Field } from './field';\nimport { useFieldBox } from './field-box';\nimport { SPACE } from './tokens';\nimport { useTypedText } from './typed-text';\n\nconst AMOUNT_FONT_SIZE = 28;\n\nexport const AmountInput: ReactComponent<typeof AmountInputManifest> = ({\n value,\n currency,\n decimals = 0,\n label,\n placeholder = '0',\n hint,\n error,\n disabled,\n onChange,\n}) => {\n const { colors } = useTheme();\n const places = Math.max(0, Math.round(decimals));\n const [text, typeText] = useTypedText(amountText(value), onChange !== undefined, (sent) =>\n sent === '' ? '' : formatAmount(Number(sent), places),\n );\n const box = useFieldBox(error, disabled);\n return (\n <Field label={label} hint={hint} error={error}>\n <span\n className=\"dot-amount-input\"\n style={{\n ...box.style,\n display: 'flex',\n alignItems: 'baseline',\n gap: SPACE.medium,\n padding: '10px 14px',\n }}\n >\n {currency ? (\n <span style={{ color: colors.subtle, fontSize: 20, fontWeight: 500 }}>{currency}</span>\n ) : null}\n <input\n value={text}\n placeholder={placeholder}\n inputMode={places > 0 ? 'decimal' : 'numeric'}\n disabled={disabled}\n aria-invalid={error ? true : undefined}\n onFocus={box.onFocus}\n onBlur={box.onBlur}\n onChange={(event) => {\n const typed = cleanAmount(event.currentTarget.value, places);\n const amount = parseAmount(typed);\n const sent = amount === null ? '' : String(amount);\n typeText(typed, sent);\n onChange?.(createEvent('change', { value: amount }));\n }}\n style={{\n flexGrow: 1,\n minWidth: 0,\n padding: 0,\n border: 'none',\n outline: 'none',\n background: 'transparent',\n color: 'inherit',\n font: 'inherit',\n fontSize: AMOUNT_FONT_SIZE,\n fontWeight: 600,\n }}\n />\n </span>\n </Field>\n );\n};\n\n// The page's value as the text a change sends, '' for none, to tell its echoes.\nfunction amountText(value: number | undefined): string | undefined {\n if (value === undefined) {\n return undefined;\n }\n return Number.isFinite(value) ? String(value) : '';\n}\n\n// What was typed, kept to digits and one decimal point, with its thousands grouped: \"1,250.5\".\nfunction cleanAmount(typed: string, places: number): string {\n const [whole = '', ...fractions] = typed.replace(/[^\\d.]/g, '').split('.');\n // Leading zeros go, but a lone 0 stays.\n const digits = whole.replace(/^0+/, '') || whole.slice(0, 1);\n if (places === 0 || fractions.length === 0) {\n return groupThousands(digits);\n }\n const fraction = fractions.join('').slice(0, places);\n return `${groupThousands(digits) || '0'}.${fraction}`;\n}\n\nfunction parseAmount(text: string): number | null {\n const plain = text.replaceAll(',', '');\n return plain === '' ? null : Number(plain);\n}\n\nfunction formatAmount(amount: number, places: number): string {\n const [whole = '', fraction] = Math.abs(amount).toFixed(places).split('.');\n const grouped = groupThousands(whole);\n return fraction === undefined ? grouped : `${grouped}.${fraction}`;\n}\n\n// \"1250000\" -> \"1,250,000\"\nfunction groupThousands(digits: string): string {\n const groups: string[] = [];\n for (let end = digits.length; end > 0; end -= 3) {\n groups.unshift(digits.slice(Math.max(0, end - 3), end));\n }\n return groups.join(',');\n}\n","import type { Spinner as SpinnerManifest } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { ICON_SIZE } from './tokens';\n\n// A quarter arc turning over a faint full circle, in the current text color.\nexport function LoadingIcon({ size }: { size: number }) {\n return (\n <svg\n className=\"dot-spinner\"\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={3}\n role=\"progressbar\"\n aria-label=\"Loading\"\n style={{ flexShrink: 0 }}\n >\n <circle cx=\"12\" cy=\"12\" r=\"9\" strokeOpacity={0.25} />\n <path d=\"M21 12a9 9 0 0 0-9-9\" strokeLinecap=\"round\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 12 12\"\n to=\"360 12 12\"\n dur=\"0.8s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n );\n}\n\nexport const Spinner: ReactComponent<typeof SpinnerManifest> = ({ size = 'medium' }) => {\n const { colors } = useTheme();\n return (\n <span style={{ display: 'inline-flex', alignSelf: 'center', color: colors.subtle }}>\n <LoadingIcon size={ICON_SIZE[size]} />\n </span>\n );\n};\n","import type { Button as ButtonManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\n\nimport type { ReactComponent } from '../types';\nimport { useTheme } from '../theme';\nimport { LoadingIcon } from './spinner';\nimport { DISABLED_OPACITY, FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\n\nexport const Button: ReactComponent<typeof ButtonManifest> = ({\n variant = 'primary',\n disabled,\n loading,\n onClick,\n children,\n}) => {\n const { colors, radius } = useTheme();\n const filled = variant === 'primary' && !disabled;\n let color = colors.text;\n if (filled) {\n color = colors.surface;\n } else if (disabled) {\n color = colors.subtle;\n }\n const handleClick = onClick && !loading ? () => onClick(createEvent('click')) : undefined;\n return (\n <button\n type=\"button\"\n className=\"dot-button\"\n data-variant={variant}\n disabled={disabled}\n aria-busy={loading}\n onClick={handleClick}\n style={{\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: SPACE.medium,\n minHeight: 48,\n padding: '12px 20px',\n border: 'none',\n borderRadius: radius,\n background: filled ? colors.primary : colors.muted,\n color,\n font: 'inherit',\n fontSize: FONT_SIZE.body,\n fontWeight: 600,\n opacity: disabled ? DISABLED_OPACITY : 1,\n cursor: disabled || loading ? 'default' : 'pointer',\n }}\n >\n {loading ? <LoadingIcon size={ICON_SIZE.small} /> : null}\n {children}\n </button>\n );\n};\n","import type { Carousel as CarouselManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport type { PointerEvent, ReactElement, ReactNode } from 'react';\nimport {\n Children,\n Fragment,\n isValidElement,\n useEffect,\n useEffectEvent,\n useRef,\n useState,\n} from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { SPACE } from './tokens';\n\nconst SLIDE_DURATION = 350;\nconst SLIDE_EASING = 'cubic-bezier(0.22, 0.61, 0.36, 1)';\n// A swipe moves to the next slide when it covers this share of the width, or is this fast, in\n// pixels per millisecond.\nconst SWIPE_DISTANCE = 0.2;\nconst SWIPE_SPEED = 0.4;\n// Past the first or last slide without `loop`, the slides follow the finger only this much.\nconst EDGE_RESISTANCE = 0.3;\n// A touch that moves less than this is a tap, not a swipe.\nconst TAP_SLOP = 6;\n// With the `scale` effect, how small a slide gets one slide away from the middle.\nconst SCALED_DOWN = 0.85;\n\ninterface Slide {\n readonly key: string;\n readonly node: ReactElement;\n}\n\ninterface Gesture {\n readonly pointerId: number;\n readonly startX: number;\n readonly startY: number;\n readonly startTime: number;\n swiping: boolean;\n}\n\nexport const Carousel: ReactComponent<typeof CarouselManifest> = ({\n autoplay = false,\n interval = 4000,\n loop = false,\n indicator = 'dots',\n gap = 'none',\n effect = 'slide',\n index,\n onChange,\n children,\n}) => {\n const { colors } = useTheme();\n const slides = slidesOf(children);\n const count = slides.length;\n // A looping carousel has a copy of the last slide before the first, and of the first after the\n // last, so moving past either end slides on instead of rewinding.\n const looping = loop && count > 1;\n const first = looping ? 1 : 0;\n const last = looping ? count + 1 : count - 1;\n\n const [position, setPosition] = useState(() => first + slideIndex(index ?? 0, count));\n const [animated, setAnimated] = useState(true);\n const [drag, setDrag] = useState(0);\n const [dragging, setDragging] = useState(false);\n // Measured when a swipe starts, to tell how far it has moved in slides.\n const [width, setWidth] = useState(0);\n const [previousIndex, setPreviousIndex] = useState(index);\n const viewport = useRef<HTMLDivElement>(null);\n const gesture = useRef<Gesture | null>(null);\n const swiped = useRef(false);\n\n if (index !== previousIndex) {\n setPreviousIndex(index);\n if (index !== undefined) {\n setAnimated(true);\n setPosition(first + slideIndex(index, count));\n }\n }\n\n const shown = clamp(position, 0, last);\n const current = count === 0 ? 0 : wrap(shown - first, count);\n\n const moveTo = (target: number) => {\n const next = clamp(target, 0, last);\n setAnimated(true);\n setPosition(next);\n const nextIndex = wrap(next - first, count);\n if (nextIndex !== current) {\n onChange?.(createEvent('change', { index: nextIndex }));\n }\n };\n\n const step = (direction: 1 | -1) => {\n const beyondEnd = current + direction < 0 || current + direction >= count;\n moveTo(!looping && beyondEnd ? shown : shown + direction);\n };\n\n const advance = useEffectEvent(() => {\n if (!looping && current === count - 1) {\n moveTo(first);\n } else {\n moveTo(shown + 1);\n }\n });\n useEffect(() => {\n if (!autoplay || count < 2 || dragging) {\n return undefined;\n }\n const timer = setTimeout(advance, interval);\n return () => clearTimeout(timer);\n }, [autoplay, count, dragging, interval, current]);\n\n // Once the slide to a copy ends, jumps to the slide it copies, which looks the same.\n useEffect(() => {\n if (!looping || (position !== 0 && position !== count + 1)) {\n return undefined;\n }\n const timer = setTimeout(() => {\n setAnimated(false);\n setPosition(position === 0 ? count : 1);\n }, SLIDE_DURATION);\n return () => clearTimeout(timer);\n }, [looping, position, count]);\n\n // The swipe `event` belongs to, if it is the one in progress.\n const gestureOf = (event: PointerEvent<HTMLDivElement>) => {\n const touch = gesture.current;\n return touch?.pointerId === event.pointerId ? touch : null;\n };\n\n const endGesture = () => {\n gesture.current = null;\n setDragging(false);\n setDrag(0);\n setAnimated(true);\n };\n\n const onPointerDown = (event: PointerEvent<HTMLDivElement>) => {\n if (count < 2 || !event.isPrimary) {\n return;\n }\n gesture.current = {\n pointerId: event.pointerId,\n startX: event.clientX,\n startY: event.clientY,\n startTime: event.timeStamp,\n swiping: false,\n };\n swiped.current = false;\n setDragging(true);\n setWidth(viewport.current?.clientWidth ?? 0);\n };\n\n const onPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n const touch = gestureOf(event);\n if (!touch) {\n return;\n }\n const dx = event.clientX - touch.startX;\n const dy = event.clientY - touch.startY;\n if (!touch.swiping) {\n if (Math.abs(dx) < TAP_SLOP && Math.abs(dy) < TAP_SLOP) {\n return;\n }\n if (Math.abs(dy) > Math.abs(dx)) {\n // Scrolling the page, not swiping.\n endGesture();\n return;\n }\n touch.swiping = true;\n swiped.current = true;\n // Optional, as the DOM that tests run in has no pointer capture.\n event.currentTarget.setPointerCapture?.(event.pointerId);\n setAnimated(false);\n }\n const pastEnd = !looping && ((current === 0 && dx > 0) || (current === count - 1 && dx < 0));\n setDrag(pastEnd ? dx * EDGE_RESISTANCE : dx);\n };\n\n const onPointerUp = (event: PointerEvent<HTMLDivElement>) => {\n const touch = gestureOf(event);\n if (!touch) {\n return;\n }\n endGesture();\n if (!touch.swiping) {\n return;\n }\n const dx = event.clientX - touch.startX;\n const speed = Math.abs(dx) / Math.max(1, event.timeStamp - touch.startTime);\n if (Math.abs(dx) > width * SWIPE_DISTANCE || speed > SWIPE_SPEED) {\n step(dx < 0 ? 1 : -1);\n } else {\n moveTo(shown);\n }\n };\n\n const gapWidth = SPACE[gap];\n const transition = animated ? `transform ${SLIDE_DURATION}ms ${SLIDE_EASING}` : 'none';\n const swipedSlides = width > 0 ? drag / (width + gapWidth) : 0;\n\n const track: Slide[] = looping\n ? [\n { ...slides[count - 1]!, key: 'copy-of-last' },\n ...slides,\n { ...slides[0]!, key: 'copy-of-first' },\n ]\n : slides;\n\n return (\n <div\n className=\"dot-carousel\"\n role=\"region\"\n aria-roledescription=\"carousel\"\n style={{ display: 'flex', flexDirection: 'column', gap: SPACE.medium, minWidth: 0 }}\n >\n <div\n ref={viewport}\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={onPointerUp}\n onPointerCancel={endGesture}\n onDragStart={(event) => event.preventDefault()}\n // A swipe that ends over a button doesn't also press it.\n onClickCapture={(event) => {\n if (swiped.current) {\n swiped.current = false;\n event.stopPropagation();\n }\n }}\n style={{\n overflow: 'hidden',\n // Vertical moves still scroll the page.\n touchAction: 'pan-y',\n userSelect: dragging ? 'none' : undefined,\n }}\n >\n <div\n style={{\n display: 'flex',\n gap: gapWidth,\n // Each slide is the width of the carousel, and the gap after it.\n transform: `translateX(calc(${-shown} * (100% + ${gapWidth}px) + ${drag}px))`,\n transition,\n }}\n >\n {track.map((slide, trackPosition) => {\n const visible = trackPosition === shown;\n // How many slides away from the middle this one is, as the swipe moves it.\n const distance = Math.abs(trackPosition - shown + swipedSlides);\n const scale = 1 - Math.min(distance, 1) * (1 - SCALED_DOWN);\n return (\n <div\n key={slide.key}\n role=\"group\"\n aria-roledescription=\"slide\"\n aria-label={`${wrap(trackPosition - first, count) + 1} of ${count}`}\n aria-hidden={!visible}\n inert={!visible}\n // A grid stretches the slide's content to the height of the tallest slide.\n style={{\n display: 'grid',\n flex: '0 0 100%',\n minWidth: 0,\n transform: effect === 'scale' ? `scale(${scale})` : undefined,\n transition: effect === 'scale' ? transition : undefined,\n }}\n >\n {slide.node}\n </div>\n );\n })}\n </div>\n </div>\n {indicator === 'dots' && count > 1 ? (\n <div style={{ display: 'flex', justifyContent: 'center' }}>\n {slides.map((slide, slideIndex) => {\n const active = slideIndex === current;\n return (\n <button\n key={slide.key}\n type=\"button\"\n aria-label={`Slide ${slideIndex + 1} of ${count}`}\n aria-current={active}\n onClick={() => moveTo(first + slideIndex)}\n style={{\n padding: '6px 3px',\n border: 'none',\n background: 'none',\n cursor: 'pointer',\n }}\n >\n <span\n style={{\n display: 'block',\n width: active ? 18 : 6,\n height: 6,\n borderRadius: 3,\n background: active ? colors.primary : colors.subtle,\n transition: 'width 0.3s, background 0.3s',\n }}\n />\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n};\n\n// Each element among the children is a slide, those a <For> or <If> gives included.\nfunction slidesOf(children: ReactNode, keyPrefix = ''): Slide[] {\n const slides: Slide[] = [];\n for (const child of Children.toArray(children)) {\n if (!isValidElement<{ children?: ReactNode }>(child)) {\n continue;\n }\n const key = `${keyPrefix}${String(child.key)}`;\n if (child.type === Fragment) {\n slides.push(...slidesOf(child.props.children, `${key}/`));\n } else {\n slides.push({ key, node: child });\n }\n }\n return slides;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n return Math.max(min, Math.min(value, max));\n}\n\n// The slide an `index` from the page names, kept to the slides there are.\nfunction slideIndex(index: number, count: number): number {\n return clamp(Math.round(index), 0, count - 1);\n}\n\n// `value` brought into 0 to count - 1, counting on from the start past the end.\nfunction wrap(value: number, count: number): number {\n return ((value % count) + count) % count;\n}\n","import type { IconName, STATUS_TONES, TONES } from '@monimesl/dot-core';\n\nimport type { ResolvedColors } from '../theme';\n\nexport type Tone = (typeof TONES)[number];\n\nexport const STATUS_ICONS: Record<(typeof STATUS_TONES)[number], IconName> = {\n default: 'info',\n info: 'info',\n success: 'success',\n warning: 'warning',\n danger: 'error',\n};\n\nexport function toneColor(colors: ResolvedColors, tone: Tone): string {\n switch (tone) {\n case 'default':\n return colors.text;\n case 'muted':\n return colors.subtle;\n default:\n return colors[tone];\n }\n}\n\nexport function toneBackground(colors: ResolvedColors, tone: Tone): string {\n if (tone === 'default' || tone === 'muted') {\n return colors.muted;\n }\n return withOpacity(colors[tone], 0.14);\n}\n\n// Appends an alpha channel to a #rrggbb color.\nfunction withOpacity(color: string, opacity: number): string {\n const alpha = Math.round(opacity * 255)\n .toString(16)\n .padStart(2, '0');\n return `${color}${alpha}`;\n}\n","import type { IconName, Icon as IconManifest } from '@monimesl/dot-core';\nimport type { IconNode } from 'lucide';\nimport {\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n ArrowUp,\n Banknote,\n Bell,\n Calendar,\n Check,\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n ChevronUp,\n CircleAlert,\n CircleCheck,\n CircleHelp,\n Clock,\n Copy,\n CreditCard,\n Download,\n Droplet,\n Ellipsis,\n Eye,\n EyeOff,\n File,\n Gift,\n Heart,\n History,\n House,\n Image,\n Info,\n Landmark,\n LayoutGrid,\n List,\n Lock,\n LogOut,\n Mail,\n MapPin,\n Minus,\n Pencil,\n Phone,\n Plus,\n QrCode,\n Receipt,\n RefreshCw,\n Search,\n Send,\n Settings,\n Share2,\n ShoppingCart,\n Smartphone,\n Star,\n Trash2,\n TriangleAlert,\n Upload,\n User,\n Users,\n Wallet,\n Wifi,\n X,\n Zap,\n} from 'lucide';\nimport { createElement } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { ICON_SIZE } from './tokens';\nimport { toneColor } from './tones';\n\n// Drawn by Lucide (lucide.dev, ISC license).\nconst ICONS: Record<IconName, IconNode> = {\n 'arrow-down': ArrowDown,\n 'arrow-left': ArrowLeft,\n 'arrow-right': ArrowRight,\n 'arrow-up': ArrowUp,\n bank: Landmark,\n bell: Bell,\n bolt: Zap,\n calendar: Calendar,\n card: CreditCard,\n cart: ShoppingCart,\n cash: Banknote,\n check: Check,\n 'chevron-down': ChevronDown,\n 'chevron-left': ChevronLeft,\n 'chevron-right': ChevronRight,\n 'chevron-up': ChevronUp,\n clock: Clock,\n close: X,\n copy: Copy,\n download: Download,\n edit: Pencil,\n error: CircleAlert,\n eye: Eye,\n 'eye-off': EyeOff,\n file: File,\n gift: Gift,\n grid: LayoutGrid,\n heart: Heart,\n help: CircleHelp,\n history: History,\n home: House,\n image: Image,\n info: Info,\n list: List,\n location: MapPin,\n lock: Lock,\n logout: LogOut,\n mail: Mail,\n minus: Minus,\n mobile: Smartphone,\n more: Ellipsis,\n phone: Phone,\n plus: Plus,\n 'qr-code': QrCode,\n receipt: Receipt,\n refresh: RefreshCw,\n search: Search,\n send: Send,\n settings: Settings,\n share: Share2,\n star: Star,\n success: CircleCheck,\n trash: Trash2,\n upload: Upload,\n user: User,\n users: Users,\n wallet: Wallet,\n warning: TriangleAlert,\n water: Droplet,\n wifi: Wifi,\n};\n\ninterface IconGraphicProps {\n name: IconName;\n size: number;\n color: string;\n}\n\nexport function IconGraphic({ name, size, color }: IconGraphicProps) {\n return (\n <svg\n className=\"dot-icon\"\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke={color}\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n style={{ display: 'inline-block', verticalAlign: 'middle', flexShrink: 0 }}\n >\n {ICONS[name].map(([tag, attributes], index) =>\n createElement(tag, { key: index, ...attributes }),\n )}\n </svg>\n );\n}\n\nexport const Icon: ReactComponent<typeof IconManifest> = ({\n name,\n size = 'medium',\n tone = 'default',\n}) => {\n const { colors } = useTheme();\n if (!name) {\n return null;\n }\n return <IconGraphic name={name} size={ICON_SIZE[size]} color={toneColor(colors, tone)} />;\n};\n","import type { Chip as ChipManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { IconGraphic } from './icon';\nimport { DISABLED_OPACITY, FONT_SIZE, ICON_SIZE } from './tokens';\n\nexport const Chip: ReactComponent<typeof ChipManifest> = ({\n label,\n icon,\n selected = false,\n disabled,\n onTap,\n}) => {\n const { colors } = useTheme();\n const color = selected ? colors.surface : colors.text;\n return (\n <button\n type=\"button\"\n className=\"dot-chip\"\n aria-pressed={selected}\n disabled={disabled}\n onClick={onTap ? () => onTap(createEvent('tap')) : undefined}\n style={{\n display: 'inline-flex',\n alignItems: 'center',\n gap: 6,\n flexShrink: 0,\n minHeight: 34,\n padding: '0 14px',\n borderRadius: 17,\n border: `1px solid ${selected ? colors.primary : colors.border}`,\n background: selected ? colors.primary : colors.surface,\n color,\n font: 'inherit',\n fontSize: FONT_SIZE.caption,\n fontWeight: 500,\n whiteSpace: 'nowrap',\n opacity: disabled ? DISABLED_OPACITY : 1,\n cursor: disabled ? 'default' : 'pointer',\n }}\n >\n {icon ? <IconGraphic name={icon} size={ICON_SIZE.small} color={color} /> : null}\n {label}\n </button>\n );\n};\n","import type { CodeInput as CodeInputManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport { useState } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { Field } from './field';\nimport { DISABLED_OPACITY, FIELD_FONT_SIZE, SPACE } from './tokens';\nimport { useTypedText } from './typed-text';\n\nexport const CodeInput: ReactComponent<typeof CodeInputManifest> = ({\n value,\n length = 6,\n label,\n hint,\n error,\n secure,\n disabled,\n onChange,\n onComplete,\n}) => {\n const { colors, radius } = useTheme();\n const [text, typeText] = useTypedText(value, onChange !== undefined);\n const [focused, setFocused] = useState(false);\n const count = Math.max(1, Math.round(length));\n const digits = text.slice(0, count);\n // The box the next digit goes in, or the last box once all are filled.\n const next = Math.min(digits.length, count - 1);\n\n const boxes = Array.from({ length: count }, (_, index) => {\n const digit = digits[index];\n let borderColor = colors.border;\n if (error) {\n borderColor = colors.danger;\n } else if (focused && index === next) {\n borderColor = colors.primary;\n }\n return (\n <span\n key={index}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 1 0',\n maxWidth: 52,\n height: 52,\n border: `1.5px solid ${borderColor}`,\n borderRadius: radius,\n background: colors.surface,\n fontSize: 22,\n fontWeight: 600,\n }}\n >\n {digit !== undefined && secure ? (\n <span\n aria-hidden=\"true\"\n style={{ width: 12, height: 12, borderRadius: '50%', background: colors.text }}\n />\n ) : (\n digit\n )}\n </span>\n );\n });\n\n return (\n <Field label={label} hint={hint} error={error}>\n <span\n className=\"dot-code-input\"\n style={{\n position: 'relative',\n display: 'flex',\n gap: SPACE.medium,\n color: colors.text,\n opacity: disabled ? DISABLED_OPACITY : 1,\n }}\n >\n {boxes}\n {/* One invisible field over the boxes takes the typing, pasting and a code from an SMS. */}\n <input\n value={digits}\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n maxLength={count}\n disabled={disabled}\n aria-invalid={error ? true : undefined}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n // Keeps the cursor at the end, where the next digit goes, wherever the boxes are tapped.\n onSelect={(event) => {\n const input = event.currentTarget;\n const end = input.value.length;\n if (input.selectionStart !== end || input.selectionEnd !== end) {\n input.setSelectionRange(end, end);\n }\n }}\n onChange={(event) => {\n const typed = event.currentTarget.value.replace(/\\D/g, '').slice(0, count);\n if (typed === digits) {\n return;\n }\n typeText(typed);\n onChange?.(createEvent('change', { value: typed }));\n if (typed.length === count) {\n onComplete?.(createEvent('complete', { value: typed }));\n }\n }}\n style={{\n position: 'absolute',\n inset: 0,\n width: '100%',\n height: '100%',\n padding: 0,\n border: 'none',\n opacity: 0,\n fontSize: FIELD_FONT_SIZE,\n cursor: disabled ? 'default' : 'text',\n }}\n />\n </span>\n </Field>\n );\n};\n","import type { Divider as DividerManifest } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\n\nexport const Divider: ReactComponent<typeof DividerManifest> = () => {\n const { colors } = useTheme();\n return (\n <div\n className=\"dot-divider\"\n role=\"separator\"\n style={{ height: 1, alignSelf: 'stretch', flexShrink: 0, background: colors.border }}\n />\n );\n};\n","import type { EmptyState as EmptyStateManifest } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { IconGraphic } from './icon';\nimport { FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\n\nexport const EmptyState: ReactComponent<typeof EmptyStateManifest> = ({\n icon,\n title,\n text,\n children,\n}) => {\n const { colors } = useTheme();\n return (\n <div\n className=\"dot-empty-state\"\n style={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: SPACE.medium,\n padding: '32px 16px',\n textAlign: 'center',\n color: colors.text,\n }}\n >\n {icon ? (\n <span\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 64,\n height: 64,\n borderRadius: '50%',\n background: colors.muted,\n }}\n >\n <IconGraphic name={icon} size={ICON_SIZE.large} color={colors.subtle} />\n </span>\n ) : null}\n {title ? <span style={{ fontSize: 17, fontWeight: 600 }}>{title}</span> : null}\n {text ? (\n <span style={{ maxWidth: 300, fontSize: FONT_SIZE.body, color: colors.subtle }}>\n {text}\n </span>\n ) : null}\n {children ? (\n <div style={{ display: 'flex', gap: SPACE.medium, paddingTop: SPACE.small }}>\n {children}\n </div>\n ) : null}\n </div>\n );\n};\n","import type {\n Badge as BadgeManifest,\n Notice as NoticeManifest,\n ProgressBar as ProgressBarManifest,\n} from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { IconGraphic } from './icon';\nimport { FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\nimport { STATUS_ICONS, toneBackground, toneColor } from './tones';\n\nexport const ProgressBar: ReactComponent<typeof ProgressBarManifest> = ({ value = 0 }) => {\n const { colors } = useTheme();\n const percent = Math.min(100, Math.max(0, value));\n return (\n <div\n className=\"dot-progress-bar\"\n role=\"progressbar\"\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={percent}\n style={{ height: 6, borderRadius: 3, background: colors.muted, overflow: 'hidden' }}\n >\n <div\n style={{\n width: `${percent}%`,\n height: '100%',\n background: colors.primary,\n transition: 'width 0.2s',\n }}\n />\n </div>\n );\n};\n\nexport const Notice: ReactComponent<typeof NoticeManifest> = ({\n tone = 'default',\n title,\n children,\n}) => {\n const { colors, radius } = useTheme();\n return (\n <div\n className=\"dot-notice\"\n role={tone === 'danger' ? 'alert' : 'status'}\n style={{\n display: 'flex',\n gap: SPACE.medium,\n padding: '12px 14px',\n borderRadius: radius,\n background: toneBackground(colors, tone),\n color: colors.text,\n fontSize: FONT_SIZE.body,\n }}\n >\n <IconGraphic\n name={STATUS_ICONS[tone]}\n size={ICON_SIZE.medium}\n color={toneColor(colors, tone)}\n />\n <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n {title ? <span style={{ fontWeight: 600 }}>{title}</span> : null}\n {children ? <span>{children}</span> : null}\n </div>\n </div>\n );\n};\n\nexport const Badge: ReactComponent<typeof BadgeManifest> = ({ tone = 'default', children }) => {\n const { colors } = useTheme();\n return (\n <span\n className=\"dot-badge\"\n style={{\n display: 'inline-flex',\n alignItems: 'center',\n // Keeps its own width in a column, which would otherwise stretch it.\n width: 'fit-content',\n padding: '2px 8px',\n borderRadius: 999,\n background: toneBackground(colors, tone),\n color: toneColor(colors, tone),\n fontSize: FONT_SIZE.caption,\n fontWeight: 600,\n whiteSpace: 'nowrap',\n }}\n >\n {children}\n </span>\n );\n};\n","import type { Footer as FooterManifest } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { SPACE } from './tokens';\n\nexport const Footer: ReactComponent<typeof FooterManifest> = ({ children }) => {\n const { colors } = useTheme();\n return (\n <div\n className=\"dot-footer\"\n style={{\n position: 'sticky',\n bottom: 0,\n // Sits at the bottom of a short page too.\n marginTop: 'auto',\n display: 'flex',\n flexDirection: 'column',\n gap: SPACE.medium,\n paddingTop: SPACE.medium,\n paddingBottom: SPACE.medium,\n background: colors.background,\n }}\n >\n {children}\n </div>\n );\n};\n","import type { ReactNode } from 'react';\n\n// A small rounded count or note, such as on a tab or at the corner of a grid item.\nexport function Pill({\n background,\n color,\n children,\n}: {\n background: string;\n color: string;\n children: ReactNode;\n}) {\n return (\n <span\n style={{\n minWidth: 18,\n padding: '1px 6px',\n borderRadius: 9,\n background,\n color,\n fontSize: 11,\n fontWeight: 600,\n lineHeight: '16px',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n }}\n >\n {children}\n </span>\n );\n}\n","import type { Grid as GridManifest, GridItem as GridItemManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport type { ReactNode } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { IconGraphic } from './icon';\nimport { Pill } from './pill';\nimport { CARD_RADIUS_SCALE, FONT_SIZE, SPACE } from './tokens';\n\nconst TILE_SIZE = 52;\n\nexport const Grid: ReactComponent<typeof GridManifest> = ({\n columns = 4,\n gap = 'medium',\n children,\n}) => (\n <div\n className=\"dot-grid\"\n style={{\n display: 'grid',\n // Equal columns, however long what's in them is.\n gridTemplateColumns: `repeat(${Math.max(1, Math.round(columns))}, minmax(0, 1fr))`,\n gap: SPACE[gap],\n }}\n >\n {children}\n </div>\n);\n\nexport const GridItem: ReactComponent<typeof GridItemManifest> = ({\n label,\n icon,\n image,\n badge,\n onTap,\n}) => {\n const { colors, radius } = useTheme();\n const tileRadius = radius * CARD_RADIUS_SCALE;\n let picture: ReactNode = null;\n if (image) {\n picture = (\n <img\n src={image}\n alt=\"\"\n width={TILE_SIZE}\n height={TILE_SIZE}\n style={{ display: 'block', borderRadius: tileRadius, objectFit: 'cover' }}\n />\n );\n } else if (icon) {\n picture = <IconGraphic name={icon} size={24} color={colors.primary} />;\n }\n return (\n <div\n className=\"dot-grid-item\"\n role={onTap ? 'button' : undefined}\n onClick={onTap ? () => onTap(createEvent('tap')) : undefined}\n style={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: 6,\n padding: `${SPACE.small}px 0`,\n cursor: onTap ? 'pointer' : undefined,\n }}\n >\n <span\n style={{\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: TILE_SIZE,\n height: TILE_SIZE,\n borderRadius: tileRadius,\n background: colors.muted,\n }}\n >\n {picture}\n {badge ? (\n <span style={{ position: 'absolute', top: -6, right: -10 }}>\n <Pill background={colors.danger} color=\"#ffffff\">\n {badge}\n </Pill>\n </span>\n ) : null}\n </span>\n {label ? (\n <span\n style={{\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n width: '100%',\n textAlign: 'center',\n fontSize: FONT_SIZE.caption,\n color: colors.text,\n }}\n >\n {label}\n </span>\n ) : null}\n </div>\n );\n};\n","import type { Image as ImageManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport type { SyntheticEvent } from 'react';\n\nimport type { ReactComponent } from '../types';\nimport { useTheme } from '../theme';\n\nexport const Image: ReactComponent<typeof ImageManifest> = ({\n src,\n alt,\n width,\n height,\n fit = 'cover',\n shape = 'rounded',\n onLoad,\n onError,\n}) => {\n const { radius } = useTheme();\n const corners = { rounded: radius, square: 0, circle: '50%' }[shape];\n const handleLoad = onLoad\n ? (event: SyntheticEvent<HTMLImageElement>) => {\n const { naturalWidth, naturalHeight } = event.currentTarget;\n onLoad(createEvent('load', { width: naturalWidth, height: naturalHeight }));\n }\n : undefined;\n const handleError = onError\n ? () => onError(createEvent('error', { message: `Failed to load ${src}` }))\n : undefined;\n return (\n <img\n className=\"dot-image\"\n src={src}\n alt={alt ?? ''}\n width={width}\n height={height}\n style={{ borderRadius: corners, objectFit: fit }}\n onLoad={handleLoad}\n onError={handleError}\n />\n );\n};\n","import type { Input as InputManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { Field } from './field';\nimport { useFieldBox } from './field-box';\nimport { SPACE } from './tokens';\nimport { useTypedText } from './typed-text';\n\nconst HTML_TYPES = {\n text: { type: 'text', inputMode: 'text' },\n number: { type: 'text', inputMode: 'decimal' },\n email: { type: 'email', inputMode: 'email' },\n phone: { type: 'tel', inputMode: 'tel' },\n password: { type: 'password', inputMode: 'text' },\n} as const;\n\nexport const Input: ReactComponent<typeof InputManifest> = ({\n value,\n placeholder,\n label,\n hint,\n error,\n prefix,\n suffix,\n type = 'text',\n maxLength,\n disabled,\n onChange,\n onSubmit,\n}) => {\n const { colors } = useTheme();\n const [text, typeText] = useTypedText(value, onChange !== undefined);\n const box = useFieldBox(error, disabled);\n return (\n <Field label={label} hint={hint} error={error}>\n <span\n className=\"dot-input\"\n style={{\n ...box.style,\n display: 'flex',\n alignItems: 'center',\n gap: SPACE.medium,\n padding: '0 14px',\n }}\n >\n {prefix ? <span style={{ color: colors.subtle }}>{prefix}</span> : null}\n <input\n {...HTML_TYPES[type]}\n value={text}\n placeholder={placeholder}\n maxLength={maxLength}\n disabled={disabled}\n aria-invalid={error ? true : undefined}\n onFocus={box.onFocus}\n onBlur={box.onBlur}\n onChange={(event) => {\n const next = event.currentTarget.value;\n typeText(next);\n onChange?.(createEvent('change', { value: next }));\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter' && onSubmit) {\n onSubmit(createEvent('submit', { value: text }));\n }\n }}\n style={{\n flexGrow: 1,\n minWidth: 0,\n padding: '12px 0',\n border: 'none',\n outline: 'none',\n background: 'transparent',\n color: 'inherit',\n font: 'inherit',\n }}\n />\n {suffix ? <span style={{ color: colors.subtle }}>{suffix}</span> : null}\n </span>\n </Field>\n );\n};\n","import type { List as ListManifest, ListItem as ListItemManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport type { ReactNode } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { IconGraphic } from './icon';\nimport { CARD_RADIUS_SCALE, FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\n\nexport const List: ReactComponent<typeof ListManifest> = ({ children }) => {\n const { colors, radius } = useTheme();\n // Rows are drawn in the surface color, so the 1px gaps between them show as lines.\n return (\n <div\n className=\"dot-list\"\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: 1,\n overflow: 'hidden',\n borderRadius: radius * CARD_RADIUS_SCALE,\n border: `1px solid ${colors.border}`,\n background: colors.border,\n }}\n >\n {children}\n </div>\n );\n};\n\nexport const ListItem: ReactComponent<typeof ListItemManifest> = ({\n title,\n subtitle,\n value,\n icon,\n image,\n onTap,\n children,\n}) => {\n const { colors, radius } = useTheme();\n let leading: ReactNode = null;\n if (image) {\n leading = (\n <img\n src={image}\n alt=\"\"\n width={40}\n height={40}\n style={{ borderRadius: radius, objectFit: 'cover', flexShrink: 0 }}\n />\n );\n } else if (icon) {\n leading = (\n <span\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 36,\n height: 36,\n borderRadius: '50%',\n background: colors.muted,\n flexShrink: 0,\n }}\n >\n <IconGraphic name={icon} size={ICON_SIZE.medium} color={colors.text} />\n </span>\n );\n }\n let trailing: ReactNode = children;\n if (!trailing && value) {\n trailing = <span style={{ color: colors.subtle }}>{value}</span>;\n }\n const handleClick = onTap ? () => onTap(createEvent('tap')) : undefined;\n return (\n <div\n className=\"dot-list-item\"\n role={onTap ? 'button' : undefined}\n onClick={handleClick}\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: 12,\n padding: '12px 16px',\n background: colors.surface,\n fontSize: FONT_SIZE.body,\n cursor: onTap ? 'pointer' : undefined,\n }}\n >\n {leading}\n <span style={{ display: 'flex', flexDirection: 'column', flexGrow: 1, minWidth: 0 }}>\n {title ? <span style={{ fontWeight: 500 }}>{title}</span> : null}\n {subtitle ? (\n <span style={{ fontSize: FONT_SIZE.caption, color: colors.subtle }}>{subtitle}</span>\n ) : null}\n </span>\n {trailing ? (\n <span style={{ display: 'flex', alignItems: 'center', gap: SPACE.small, flexShrink: 0 }}>\n {trailing}\n </span>\n ) : null}\n {onTap ? (\n <IconGraphic name=\"chevron-right\" size={ICON_SIZE.small} color={colors.subtle} />\n ) : null}\n </div>\n );\n};\n","import type { QRCode as QRCodeManifest } from '@monimesl/dot-core';\nimport { useMemo } from 'react';\nimport { encode } from 'uqr';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\n\n// Scanners need dark squares on a light ground, so the code keeps these in a dark theme too.\nconst DARK = '#000000';\nconst LIGHT = '#ffffff';\n// Light squares around the code, which scanners need to find its edges.\nconst QUIET_ZONE = 2;\n\nexport const QRCode: ReactComponent<typeof QRCodeManifest> = ({ value, size = 200, label }) => {\n const { radius } = useTheme();\n const drawing = useMemo(() => (value ? drawCode(value) : null), [value]);\n return (\n <svg\n className=\"dot-qr-code\"\n role=\"img\"\n aria-label={label ?? value}\n width={size}\n height={size}\n viewBox={drawing ? `0 0 ${drawing.size} ${drawing.size}` : '0 0 1 1'}\n shapeRendering=\"crispEdges\"\n style={{ display: 'block', flexShrink: 0, borderRadius: radius, background: LIGHT }}\n >\n {drawing ? <path d={drawing.path} fill={DARK} /> : null}\n </svg>\n );\n};\n\n// One square of path for each dark module of the code.\nfunction drawCode(value: string): { size: number; path: string } | null {\n let modules: boolean[][];\n try {\n modules = encode(value, { ecc: 'M', border: QUIET_ZONE }).data;\n } catch {\n // Too long to fit in a QR code.\n return null;\n }\n const squares: string[] = [];\n modules.forEach((row, y) => {\n row.forEach((dark, x) => {\n if (dark) {\n squares.push(`M${x} ${y}h1v1h-1z`);\n }\n });\n });\n return { size: modules.length, path: squares.join('') };\n}\n","// Runs a Web Animation where the browser has them; the DOM that tests run in doesn't.\nexport function animate(\n element: HTMLElement | null,\n keyframes: Keyframe[],\n options: KeyframeAnimationOptions,\n): Animation | undefined {\n if (!element || typeof element.animate !== 'function') {\n return undefined;\n }\n return element.animate(keyframes, options);\n}\n","import type { Sheet as SheetManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport type { ReactNode } from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { animate } from './animate';\nimport { CARD_RADIUS_SCALE, FONT_SIZE, SPACE } from './tokens';\n\nconst SLIDE_UP: Keyframe[] = [{ transform: 'translateY(100%)' }, { transform: 'translateY(0)' }];\n\ninterface SheetPanelProps {\n open: boolean;\n title: string | undefined;\n onClose: () => void;\n children: ReactNode;\n}\n\n// The panel and the dimmed page behind it, which Sheet and Select share.\nexport function SheetPanel({ open, title, onClose, children }: SheetPanelProps) {\n const { colors, radius } = useTheme();\n const panel = useRef<HTMLDivElement>(null);\n useEffect(() => {\n if (open) {\n animate(panel.current, SLIDE_UP, { duration: 200, easing: 'ease-out' });\n }\n }, [open]);\n if (!open) {\n return null;\n }\n const corner = radius * CARD_RADIUS_SCALE;\n return (\n <div\n className=\"dot-sheet\"\n onClick={onClose}\n style={{\n position: 'fixed',\n inset: 0,\n zIndex: 100,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-end',\n background: 'rgba(0, 0, 0, 0.4)',\n }}\n >\n <div\n ref={panel}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={title}\n // Taps inside the panel don't close it.\n onClick={(event) => event.stopPropagation()}\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: SPACE.medium,\n maxHeight: '85vh',\n overflowY: 'auto',\n padding: `${SPACE.large}px ${SPACE.large}px 24px`,\n borderTopLeftRadius: corner,\n borderTopRightRadius: corner,\n background: colors.surface,\n color: colors.text,\n }}\n >\n {title ? (\n <span style={{ fontSize: FONT_SIZE.body, fontWeight: 600, textAlign: 'center' }}>\n {title}\n </span>\n ) : null}\n {children}\n </div>\n </div>\n );\n}\n\nexport const Sheet: ReactComponent<typeof SheetManifest> = ({\n open = false,\n title,\n onClose,\n children,\n}) => (\n <SheetPanel open={open} title={title} onClose={() => onClose?.(createEvent('close'))}>\n {children}\n </SheetPanel>\n);\n","import type { Option as OptionManifest, Select as SelectManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport { createContext, useContext, useState } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { Field } from './field';\nimport { useFieldBox } from './field-box';\nimport { IconGraphic } from './icon';\nimport { SheetPanel } from './sheet';\nimport { FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\n\n// Select shows its options twice: in the field, where only the chosen one shows its label, and in\n// the sheet, where each is a row to choose.\ninterface OptionPlace {\n inField: boolean;\n value: string | undefined;\n choose: ((value: string) => void) | undefined;\n}\n\nconst OptionPlaceContext = createContext<OptionPlace>({\n inField: false,\n value: undefined,\n choose: undefined,\n});\n\nexport const Select: ReactComponent<typeof SelectManifest> = ({\n value,\n label,\n placeholder,\n hint,\n error,\n disabled,\n onChange,\n children,\n}) => {\n const { colors } = useTheme();\n const [open, setOpen] = useState(false);\n const box = useFieldBox(error, disabled);\n const choose = (next: string) => {\n setOpen(false);\n onChange?.(createEvent('change', { value: next }));\n };\n return (\n <>\n <Field label={label} hint={hint} error={error}>\n <button\n type=\"button\"\n className=\"dot-select\"\n disabled={disabled}\n onClick={() => setOpen(true)}\n onFocus={box.onFocus}\n onBlur={box.onBlur}\n style={{\n font: 'inherit',\n ...box.style,\n display: 'flex',\n alignItems: 'center',\n gap: SPACE.medium,\n width: '100%',\n padding: '12px 14px',\n textAlign: 'start',\n cursor: disabled ? 'default' : 'pointer',\n }}\n >\n <span style={{ flexGrow: 1 }}>\n {value ? (\n <OptionPlaceContext.Provider value={{ inField: true, value, choose: undefined }}>\n {children}\n </OptionPlaceContext.Provider>\n ) : (\n <span style={{ color: colors.subtle }}>{placeholder}</span>\n )}\n </span>\n <IconGraphic name=\"chevron-down\" size={ICON_SIZE.small} color={colors.subtle} />\n </button>\n </Field>\n <SheetPanel open={open} title={label} onClose={() => setOpen(false)}>\n <div role=\"listbox\" style={{ display: 'flex', flexDirection: 'column' }}>\n <OptionPlaceContext.Provider value={{ inField: false, value, choose }}>\n {children}\n </OptionPlaceContext.Provider>\n </div>\n </SheetPanel>\n </>\n );\n};\n\nexport const Option: ReactComponent<typeof OptionManifest> = ({ value, label }) => {\n const { colors } = useTheme();\n const place = useContext(OptionPlaceContext);\n const chosen = value !== undefined && value === place.value;\n if (place.inField) {\n return chosen ? <>{label}</> : null;\n }\n const { choose } = place;\n const select = choose && value !== undefined ? () => choose(value) : undefined;\n return (\n <button\n type=\"button\"\n className=\"dot-option\"\n role=\"option\"\n aria-selected={chosen}\n onClick={select}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '14px 4px',\n border: 'none',\n borderBottom: `1px solid ${colors.border}`,\n background: 'transparent',\n color: colors.text,\n font: 'inherit',\n fontSize: FONT_SIZE.body,\n fontWeight: chosen ? 600 : 400,\n textAlign: 'start',\n cursor: 'pointer',\n }}\n >\n <span>{label}</span>\n {chosen ? <IconGraphic name=\"check\" size={ICON_SIZE.medium} color={colors.primary} /> : null}\n </button>\n );\n};\n","import type { Skeleton as SkeletonManifest } from '@monimesl/dot-core';\nimport type { ReactNode } from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { animate } from './animate';\nimport { SPACE } from './tokens';\n\nconst PULSE: Keyframe[] = [{ opacity: 1 }, { opacity: 0.4 }, { opacity: 1 }];\n\nconst LINE_HEIGHT = 12;\n\nexport const Skeleton: ReactComponent<typeof SkeletonManifest> = ({\n shape = 'text',\n lines = 1,\n height,\n}) => {\n const { colors, radius } = useTheme();\n const placeholder = useRef<HTMLDivElement>(null);\n useEffect(() => {\n const pulse = animate(placeholder.current, PULSE, { duration: 1200, iterations: Infinity });\n return () => pulse?.cancel();\n }, []);\n\n let content: ReactNode;\n if (shape === 'circle') {\n const size = height ?? 40;\n content = (\n <div style={{ width: size, height: size, borderRadius: '50%', background: colors.muted }} />\n );\n } else if (shape === 'box') {\n content = (\n <div style={{ height: height ?? 80, borderRadius: radius, background: colors.muted }} />\n );\n } else {\n const count = Math.max(1, lines);\n content = Array.from({ length: count }, (_, index) => {\n // A paragraph's last line is shorter than the others.\n const last = count > 1 && index === count - 1;\n return (\n <div\n key={index}\n style={{\n width: last ? '60%' : '100%',\n height: LINE_HEIGHT,\n borderRadius: LINE_HEIGHT / 2,\n background: colors.muted,\n }}\n />\n );\n });\n }\n return (\n <div\n ref={placeholder}\n className=\"dot-skeleton\"\n aria-busy=\"true\"\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: SPACE.medium,\n // Text and boxes take the width they're given; a circle keeps its size.\n width: shape === 'circle' ? undefined : '100%',\n flexShrink: shape === 'circle' ? 0 : 1,\n }}\n >\n {content}\n </div>\n );\n};\n","import type { Tab as TabManifest, Tabs as TabsManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport { createContext, useContext } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { Pill } from './pill';\nimport { FONT_SIZE } from './tokens';\n\ninterface TabChoice {\n value: string | undefined;\n segmented: boolean;\n choose: ((value: string) => void) | undefined;\n}\n\nconst TabsContext = createContext<TabChoice>({\n value: undefined,\n segmented: false,\n choose: undefined,\n});\n\nexport const Tabs: ReactComponent<typeof TabsManifest> = ({\n value,\n variant = 'underline',\n onChange,\n children,\n}) => {\n const { colors, radius } = useTheme();\n const segmented = variant === 'segmented';\n const choose = onChange\n ? (next: string) => {\n if (next !== value) {\n onChange(createEvent('change', { value: next }));\n }\n }\n : undefined;\n return (\n <div\n className=\"dot-tabs\"\n role=\"tablist\"\n style={{\n display: 'flex',\n overflowX: 'auto',\n ...(segmented\n ? { gap: 2, padding: 3, borderRadius: radius, background: colors.muted }\n : { borderBottom: `1px solid ${colors.border}` }),\n }}\n >\n <TabsContext.Provider value={{ value, segmented, choose }}>{children}</TabsContext.Provider>\n </div>\n );\n};\n\nexport const Tab: ReactComponent<typeof TabManifest> = ({ value, label, badge }) => {\n const { colors, radius } = useTheme();\n const { value: chosen, segmented, choose } = useContext(TabsContext);\n const selected = value !== undefined && value === chosen;\n let color = colors.subtle;\n if (selected) {\n color = segmented ? colors.text : colors.primary;\n }\n return (\n <button\n type=\"button\"\n role=\"tab\"\n aria-selected={selected}\n onClick={choose && value !== undefined ? () => choose(value) : undefined}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 6,\n flex: '1 0 auto',\n minHeight: segmented ? 36 : 44,\n padding: '0 12px',\n border: 'none',\n font: 'inherit',\n fontSize: FONT_SIZE.body,\n fontWeight: selected ? 600 : 500,\n whiteSpace: 'nowrap',\n color,\n cursor: 'pointer',\n ...(segmented\n ? {\n borderRadius: radius - 2,\n background: selected ? colors.surface : 'transparent',\n boxShadow: selected ? '0 1px 3px rgba(0, 0, 0, 0.15)' : 'none',\n }\n : {\n // Over the Tabs' own bottom line, so the chosen tab's line replaces it.\n marginBottom: -1,\n background: 'transparent',\n borderBottom: `2px solid ${selected ? colors.primary : 'transparent'}`,\n }),\n }}\n >\n {label}\n {badge ? (\n <Pill background={colors.primary} color={colors.surface}>\n {badge}\n </Pill>\n ) : null}\n </button>\n );\n};\n","import type { Text as TextManifest } from '@monimesl/dot-core';\nimport type { CSSProperties } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { FONT_SIZE } from './tokens';\nimport { toneColor } from './tones';\n\nconst VARIANTS = {\n body: { fontSize: FONT_SIZE.body },\n caption: { fontSize: FONT_SIZE.caption },\n title: { fontSize: FONT_SIZE.title, fontWeight: 600 },\n} as const;\n\nconst WEIGHTS = { regular: 400, medium: 500, bold: 600 } as const;\n\nexport const Text: ReactComponent<typeof TextManifest> = ({\n variant = 'body',\n tone,\n weight,\n align,\n maxLines,\n children,\n}) => {\n const { colors } = useTheme();\n const style: CSSProperties = { ...VARIANTS[variant], textAlign: align };\n if (tone) {\n style.color = toneColor(colors, tone);\n }\n if (weight) {\n style.fontWeight = WEIGHTS[weight];\n }\n if (maxLines) {\n Object.assign(style, {\n display: '-webkit-box',\n WebkitLineClamp: maxLines,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n });\n }\n return (\n <span className=\"dot-text\" style={style}>\n {children}\n </span>\n );\n};\n","import type { TextArea as TextAreaManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\n\nimport type { ReactComponent } from '../types';\nimport { Field } from './field';\nimport { useFieldBox } from './field-box';\nimport { useTypedText } from './typed-text';\n\nexport const TextArea: ReactComponent<typeof TextAreaManifest> = ({\n value,\n placeholder,\n label,\n hint,\n error,\n rows = 3,\n maxLength,\n disabled,\n onChange,\n}) => {\n const [text, typeText] = useTypedText(value, onChange !== undefined);\n const box = useFieldBox(error, disabled);\n return (\n <Field label={label} hint={hint} error={error}>\n <textarea\n className=\"dot-text-area\"\n value={text}\n placeholder={placeholder}\n rows={rows}\n maxLength={maxLength}\n disabled={disabled}\n aria-invalid={error ? true : undefined}\n onFocus={box.onFocus}\n onBlur={box.onBlur}\n onChange={(event) => {\n const next = event.currentTarget.value;\n typeText(next);\n onChange?.(createEvent('change', { value: next }));\n }}\n style={{\n font: 'inherit',\n ...box.style,\n boxSizing: 'border-box',\n width: '100%',\n padding: '12px 14px',\n outline: 'none',\n resize: 'none',\n }}\n />\n </Field>\n );\n};\n","import type { Toast as ToastManifest } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport { useEffect, useEffectEvent, useState } from 'react';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { IconGraphic } from './icon';\nimport { FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\nimport { STATUS_ICONS, toneColor } from './tones';\n\nexport const Toast: ReactComponent<typeof ToastManifest> = ({\n message,\n tone = 'default',\n duration = 2500,\n onHide,\n}) => {\n const { colors, radius } = useTheme();\n const [hidden, setHidden] = useState(false);\n const [previousMessage, setPreviousMessage] = useState(message);\n // A new message shows, even after the one before it hid.\n if (message !== previousMessage) {\n setPreviousMessage(message);\n setHidden(false);\n }\n const hide = useEffectEvent(() => {\n setHidden(true);\n onHide?.(createEvent('hide'));\n });\n useEffect(() => {\n if (!message) {\n return undefined;\n }\n const timer = setTimeout(hide, duration);\n return () => clearTimeout(timer);\n }, [message, duration]);\n\n if (!message || hidden) {\n return null;\n }\n return (\n <div\n className=\"dot-toast\"\n role=\"status\"\n style={{\n position: 'fixed',\n top: SPACE.large,\n left: '50%',\n transform: 'translateX(-50%)',\n zIndex: 110,\n display: 'flex',\n alignItems: 'center',\n gap: SPACE.medium,\n maxWidth: 'calc(100% - 32px)',\n width: 'max-content',\n padding: '10px 16px',\n borderRadius: radius,\n background: colors.primary,\n color: colors.surface,\n fontSize: FONT_SIZE.body,\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.2)',\n }}\n >\n {tone === 'default' ? null : (\n <IconGraphic\n name={STATUS_ICONS[tone]}\n size={ICON_SIZE.medium}\n color={toneColor(colors, tone)}\n />\n )}\n <span>{message}</span>\n </div>\n );\n};\n","import type {\n Checkbox as CheckboxManifest,\n Radio as RadioManifest,\n RadioGroup as RadioGroupManifest,\n Switch as SwitchManifest,\n} from '@monimesl/dot-core';\nimport type { DotEvent } from '@monimesl/dot-core';\nimport { createEvent } from '@monimesl/dot-core';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { ResolvedColors } from '../theme';\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { FieldLabel } from './field';\nimport { IconGraphic } from './icon';\nimport { DISABLED_OPACITY, FONT_SIZE, ICON_SIZE, SPACE } from './tokens';\n\n// The whole row, label included, is one button, so a tap anywhere on it toggles.\nfunction rowStyle(colors: ResolvedColors, disabled: boolean | undefined): CSSProperties {\n return {\n display: 'flex',\n alignItems: 'center',\n gap: 12,\n width: '100%',\n padding: '6px 0',\n border: 'none',\n background: 'transparent',\n color: colors.text,\n font: 'inherit',\n fontSize: FONT_SIZE.body,\n textAlign: 'start',\n opacity: disabled ? DISABLED_OPACITY : 1,\n cursor: disabled ? 'default' : 'pointer',\n };\n}\n\nfunction changeTo(checked: boolean, onChange: ((event: DotEvent) => void) | undefined) {\n return onChange ? () => onChange(createEvent('change', { checked })) : undefined;\n}\n\n// The box of a Checkbox, or the circle of a Radio.\nfunction ChoiceMark({\n round,\n checked,\n children,\n}: {\n round: boolean;\n checked: boolean;\n children: ReactNode;\n}) {\n const { colors } = useTheme();\n // A checked box fills in; a chosen circle shows a dot inside instead.\n const filled = checked && !round;\n return (\n <span\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n width: 22,\n height: 22,\n boxSizing: 'border-box',\n borderRadius: round ? '50%' : 6,\n border: `2px solid ${checked ? colors.primary : colors.subtle}`,\n background: filled ? colors.primary : 'transparent',\n }}\n >\n {children}\n </span>\n );\n}\n\nexport const Switch: ReactComponent<typeof SwitchManifest> = ({\n checked = false,\n label,\n disabled,\n onChange,\n}) => {\n const { colors } = useTheme();\n return (\n <button\n type=\"button\"\n className=\"dot-switch\"\n role=\"switch\"\n aria-checked={checked}\n disabled={disabled}\n onClick={changeTo(!checked, onChange)}\n style={{ ...rowStyle(colors, disabled), justifyContent: 'space-between' }}\n >\n {label ? <span>{label}</span> : null}\n <span\n style={{\n position: 'relative',\n flexShrink: 0,\n width: 44,\n height: 26,\n borderRadius: 13,\n background: checked ? colors.primary : colors.subtle,\n transition: 'background 0.2s',\n }}\n >\n <span\n style={{\n position: 'absolute',\n top: 2,\n left: checked ? 20 : 2,\n width: 22,\n height: 22,\n borderRadius: '50%',\n background: colors.surface,\n transition: 'left 0.2s',\n }}\n />\n </span>\n </button>\n );\n};\n\nexport const Checkbox: ReactComponent<typeof CheckboxManifest> = ({\n checked = false,\n label,\n disabled,\n onChange,\n}) => {\n const { colors } = useTheme();\n return (\n <button\n type=\"button\"\n className=\"dot-checkbox\"\n role=\"checkbox\"\n aria-checked={checked}\n disabled={disabled}\n onClick={changeTo(!checked, onChange)}\n style={rowStyle(colors, disabled)}\n >\n <ChoiceMark round={false} checked={checked}>\n {checked ? (\n <IconGraphic name=\"check\" size={ICON_SIZE.small} color={colors.surface} />\n ) : null}\n </ChoiceMark>\n {label ? <span>{label}</span> : null}\n </button>\n );\n};\n\ninterface RadioChoice {\n value: string | undefined;\n disabled: boolean;\n choose: ((value: string) => void) | undefined;\n}\n\nconst RadioGroupContext = createContext<RadioChoice>({\n value: undefined,\n disabled: true,\n choose: undefined,\n});\n\nexport const RadioGroup: ReactComponent<typeof RadioGroupManifest> = ({\n value,\n label,\n disabled = false,\n onChange,\n children,\n}) => {\n const choose = onChange\n ? (next: string) => onChange(createEvent('change', { value: next }))\n : undefined;\n return (\n <div\n className=\"dot-radio-group\"\n role=\"radiogroup\"\n aria-label={label}\n style={{ display: 'flex', flexDirection: 'column', gap: SPACE.small }}\n >\n {label ? <FieldLabel>{label}</FieldLabel> : null}\n <RadioGroupContext.Provider value={{ value, disabled, choose }}>\n {children}\n </RadioGroupContext.Provider>\n </div>\n );\n};\n\nexport const Radio: ReactComponent<typeof RadioManifest> = ({ value, label, disabled }) => {\n const { colors } = useTheme();\n const group = useContext(RadioGroupContext);\n const selected = value !== undefined && value === group.value;\n const inactive = disabled || group.disabled;\n const { choose } = group;\n const select = choose && value !== undefined ? () => choose(value) : undefined;\n return (\n <button\n type=\"button\"\n className=\"dot-radio\"\n role=\"radio\"\n aria-checked={selected}\n disabled={inactive}\n onClick={select}\n style={rowStyle(colors, inactive)}\n >\n <ChoiceMark round checked={selected}>\n {selected ? (\n <span\n style={{ width: 10, height: 10, borderRadius: '50%', background: colors.primary }}\n />\n ) : null}\n </ChoiceMark>\n {label ? <span>{label}</span> : null}\n </button>\n );\n};\n","import { createEvent } from '@monimesl/dot-core';\nimport type { View as ViewManifest } from '@monimesl/dot-core';\n\nimport { useTheme } from '../theme';\nimport type { ReactComponent } from '../types';\nimport { CARD_RADIUS_SCALE, SPACE } from './tokens';\n\nconst ALIGN = {\n stretch: 'stretch',\n start: 'flex-start',\n center: 'center',\n end: 'flex-end',\n} as const;\n\nconst JUSTIFY = {\n start: 'flex-start',\n center: 'center',\n end: 'flex-end',\n between: 'space-between',\n} as const;\n\nexport const View: ReactComponent<typeof ViewManifest> = ({\n direction = 'column',\n gap = 'medium',\n align = 'stretch',\n justify = 'start',\n wrap = false,\n grow = false,\n padding,\n paddingTop,\n paddingStart,\n paddingEnd,\n paddingBottom,\n variant = 'plain',\n onTap,\n children,\n}) => {\n const { colors, radius } = useTheme();\n const card = variant === 'card';\n const allSides = padding ?? (card ? 'large' : 'none');\n const handleClick = onTap ? () => onTap(createEvent('tap')) : undefined;\n return (\n <div\n className=\"dot-view\"\n onClick={handleClick}\n style={{\n display: 'flex',\n flexDirection: direction,\n gap: SPACE[gap],\n alignItems: ALIGN[align],\n justifyContent: JUSTIFY[justify],\n flexWrap: wrap ? 'wrap' : undefined,\n flexGrow: grow ? 1 : undefined,\n // Lets a growing view shrink below its content's width, so long text wraps.\n minWidth: grow ? 0 : undefined,\n paddingTop: SPACE[paddingTop ?? allSides],\n paddingInlineStart: SPACE[paddingStart ?? allSides],\n paddingInlineEnd: SPACE[paddingEnd ?? allSides],\n paddingBottom: SPACE[paddingBottom ?? allSides],\n borderRadius: card ? radius * CARD_RADIUS_SCALE : undefined,\n background: card ? colors.surface : undefined,\n border: card ? `1px solid ${colors.border}` : undefined,\n cursor: onTap ? 'pointer' : undefined,\n }}\n >\n {children}\n </div>\n );\n};\n","import type { BuiltinReactComponents } from '../types';\nimport { AmountInput } from './amount-input';\nimport { Button } from './button';\nimport { Carousel } from './carousel';\nimport { Chip } from './chip';\nimport { CodeInput } from './code-input';\nimport { Divider } from './divider';\nimport { EmptyState } from './empty-state';\nimport { Badge, Notice, ProgressBar } from './feedback';\nimport { Footer } from './footer';\nimport { Grid, GridItem } from './grid';\nimport { Icon } from './icon';\nimport { Image } from './image';\nimport { Input } from './input';\nimport { List, ListItem } from './list';\nimport { QRCode } from './qr-code';\nimport { Option, Select } from './select';\nimport { Sheet } from './sheet';\nimport { Skeleton } from './skeleton';\nimport { Spinner } from './spinner';\nimport { Tab, Tabs } from './tabs';\nimport { Text } from './text';\nimport { TextArea } from './text-area';\nimport { Toast } from './toast';\nimport { Checkbox, Radio, RadioGroup, Switch } from './toggles';\nimport { View } from './view';\n\nexport const builtins: BuiltinReactComponents = {\n AmountInput,\n Badge,\n Button,\n Carousel,\n Checkbox,\n Chip,\n CodeInput,\n Divider,\n EmptyState,\n Footer,\n Grid,\n GridItem,\n Icon,\n Image,\n Input,\n List,\n ListItem,\n Notice,\n Option,\n ProgressBar,\n QRCode,\n Radio,\n RadioGroup,\n Select,\n Sheet,\n Skeleton,\n Spinner,\n Switch,\n Tab,\n Tabs,\n Text,\n TextArea,\n Toast,\n View,\n};\n","import type { ComponentType, ReactNode } from 'react';\nimport { toList, toText } from '@monimesl/dot-core';\nimport type { RenderContext } from '@monimesl/dot-core';\nimport type { PageController } from '@monimesl/dot-webview';\nimport { createElement, Fragment, useMemo, useSyncExternalStore } from 'react';\n\nexport type ComponentMap = Readonly<Record<string, ComponentType<Record<string, unknown>>>>;\n\ninterface PageRootProps {\n page: PageController;\n components: ComponentMap;\n}\n\nexport function PageRoot({ page, components }: PageRootProps) {\n const state = useSyncExternalStore(page.subscribe, page.getState);\n const context = useMemo<RenderContext<ReactNode>>(\n () => ({\n h(type, props, ...children) {\n const component = components[type];\n if (!component) {\n throw new Error(`The renderer has no component registered for tag '<${type}>'`);\n }\n return createElement(component, props, ...children);\n },\n text: toText,\n on: (handler, data) => page.on(handler, data),\n each: (items, render, key) =>\n createElement(\n Fragment,\n null,\n toList(items).map((item, index) =>\n createElement(\n Fragment,\n { key: key ? String(key(item, index)) : index },\n ...render(item, index),\n ),\n ),\n ),\n }),\n [page, components],\n );\n if (!state) {\n return null;\n }\n return page.viewRenderer(state, context);\n}\n","import type { Theme } from '@monimesl/dot-core';\nimport type { ComponentType, ReactNode } from 'react';\nimport { useMemo, useSyncExternalStore } from 'react';\nimport type { DotContext, PageController } from '@monimesl/dot-webview';\n\nimport { PageRoot } from './page-root';\nimport type { ComponentMap } from './page-root';\nimport { FONT_FAMILY, resolveTheme, ThemeContext, useTheme } from './theme';\n\nexport type Wrapper = ComponentType<{ theme: Theme; children: ReactNode }>;\n\ninterface RootProps {\n page: PageController;\n dotContext: DotContext;\n components: ComponentMap;\n wrapper: Wrapper | undefined;\n}\n\nexport function Root({ page, dotContext, components, wrapper: Wrapper }: RootProps) {\n const theme = useSyncExternalStore(dotContext.theme.subscribe, dotContext.theme.get);\n const systemContext = useSyncExternalStore(\n dotContext.systemContext.subscribe,\n dotContext.systemContext.get,\n );\n const resolved = useMemo(\n () => resolveTheme(theme, systemContext.scheme),\n [theme, systemContext.scheme],\n );\n const content = <PageRoot page={page} components={components} />;\n\n return (\n <ThemeContext.Provider value={resolved}>\n {Wrapper ? (\n <Wrapper theme={{ ...theme, scheme: resolved.scheme }}>{content}</Wrapper>\n ) : (\n <DefaultSurface>{content}</DefaultSurface>\n )}\n </ThemeContext.Provider>\n );\n}\n\nfunction DefaultSurface({ children }: { children: ReactNode }) {\n const { colors } = useTheme();\n return (\n <div\n className=\"dot-surface\"\n style={{\n minHeight: '100vh',\n display: 'flex',\n flexDirection: 'column',\n background: colors.background,\n color: colors.text,\n fontFamily: FONT_FAMILY,\n }}\n >\n {children}\n </div>\n );\n}\n","import type { Renderer } from '@monimesl/dot-webview';\nimport type { JSXElementConstructor } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { builtins } from './components';\nimport type { ComponentMap } from './page-root';\nimport type { Wrapper } from './root';\nimport { Root } from './root';\nimport type { BuiltinReactComponents } from './types';\n\nexport interface ReactRendererOptions {\n components?: Partial<BuiltinReactComponents> &\n Readonly<Record<string, JSXElementConstructor<never>>>;\n wrapper?: Wrapper;\n}\n\nexport function reactRenderer({ components = {}, wrapper }: ReactRendererOptions = {}): Renderer {\n const registry = { ...builtins, ...components } as unknown as ComponentMap;\n\n return {\n name: 'react',\n mount(container, page, dotContext) {\n const root = createRoot(container);\n root.render(\n <Root page={page} dotContext={dotContext} components={registry} wrapper={wrapper} />,\n );\n return () => root.unmount();\n },\n };\n}\n","export type { Wrapper } from './root';\nexport { builtins } from './components';\nimport { reactRenderer } from './renderer';\n\nexport type { ReactRendererOptions } from './renderer';\n\nexport { resolveTheme, useTheme } from './theme';\nexport type { ResolvedColors, ResolvedTheme } from './theme';\n\nexport type { BuiltinReactComponents, ReactComponent, ReactComponents } from './types';\n\nexport default reactRenderer;\n"],"mappings":"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"}