@signalcore/ui 0.1.0 → 1.0.0-beta.1

package/dist/index.d.ts

@@ -1,60 +1,63 @@
-/**
- * SignalCore's interface as React components: what an agent shows (`Surface`) and asks
- * (`RequestCard`), drawn the way the product draws them.
- *
- *     import { SignalcoreProvider, Surface } from "@signalcore/ui";
- *     import "@signalcore/ui/styles.css";
- */
-export { AppMarks, type AppMarksProps } from "./automations/AppMarks.js";
-export { AutomationCard, type AutomationCardProps } from "./automations/AutomationCard.js";
-export { AutomationsWindow, type AutomationsWindowProps } from "./automations/AutomationsWindow.js";
-export { parseSchedule, type SimpleSchedule } from "./automations/schedule.js";
-export { ScheduleMarks, type ScheduleMarksProps } from "./automations/ScheduleMarks.js";
-export { answerMessage } from "./builder/answer.js";
-export { BuilderChat, type BuilderChatProps } from "./builder/BuilderChat.js";
-export { BuilderTranscript, type BlockRenderers, type BuilderTranscriptProps, } from "./builder/BuilderTranscript.js";
-export { itemsOf, showsBrowser, type Item, type StepBlock } from "./builder/items.js";
-export { StatusLine } from "./builder/StatusLine.js";
-export { formatDuration, useElapsed } from "./builder/time.js";
-export { workingOn } from "./builder/workingOn.js";
-export { appName, describeStep, type StepIcon, type StepLabel } from "./builder/steps.js";
-export { useBuildSession, type BuildSession, type BuildSessionOptions, } from "./builder/useBuildSession.js";
-export { AgentChat, type AgentChatProps } from "./chat/AgentChat.js";
-export { Composer, type ComposerProps } from "./chat/Composer.js";
-export { useComposer, type Composer as ComposerState, type ComposerOptions, } from "./chat/useComposer.js";
-export { messagesFromConversation } from "./chat/history.js";
-export type { ChatMessage } from "./chat/types.js";
-export { useStickToBottom } from "./chat/useStickToBottom.js";
-export { BrowserView, type BrowserViewProps } from "./browser/BrowserView.js";
-export type { LiveStatus } from "./live/follow.js";
-export { LiveView, type LiveViewProps } from "./live/LiveView.js";
-export { BrowserFocusProvider, useBrowserFocus, useBrowserRoom } from "./browser/room.js";
-export type { BuildSessionsClient, UiClient, WatchedStream } from "./client.js";
-export type { ButtonProps, CardProps, HostAction, HostComponents, HostProps, InputProps, OrbProps, Primitives, SelectProps, TableProps, } from "./host.js";
-export { SLOTS, type ClassNames, type Slot } from "./look.js";
-export type { PresetChoice, PresetName } from "./presets.js";
-export type { Patterns } from "./patterns.js";
-export type { OnResolve } from "./request/deliver.js";
-export { RequestCard, type RequestCardProps } from "./request/RequestCard.js";
-export type { AppDirectory, AppMark, RequestCardData, RequestKind, RequestPayload, Resolution, } from "./request/types.js";
-export { safeUrl } from "./safeUrl.js";
-export type { Locale, MessageOverrides, Messages } from "./messages/index.js";
-export { SignalcoreProvider, useMessages, useSignalcore, type Scope, type SignalcoreProviderProps, } from "./SignalcoreProvider.js";
-export { activity, emptyTranscript, isBuildEvent, reduceTranscript, type Block, type BuildEvent, type Change, type ChangeRef, type StepStatus, type Transcript, type TranscriptAction, type TurnResult, } from "./stream/builder.js";
-export type { RunEvent, StreamState, StreamStatus } from "./stream/reduce.js";
-export { useRunStream, type RunStream, type RunStreamOptions } from "./stream/useRunStream.js";
-export { Surface, type SurfaceProps } from "./surface/Surface.js";
-export type { ComponentData, FormField, Option, Pair, Placement, Point, TimeSlot, SurfaceAction, SurfaceData, TableColumn, } from "./surface/types.js";
-export type { Theme, ThemeOption } from "./theme.js";
-export type { AppChip, Automation, Overview, PackageFiles, Presentation } from "./windows/types.js";
-export { useDictation, type Dictation, type DictationOptions } from "./voice/useDictation.js";
-export { DEFAULT_WINDOW_KINDS, END_USER_WINDOW_KINDS, isDefaultWindowKind, kindsFor, type DefaultWindowComponents, type DefaultWindowKind, type DefaultWindowProps, type Viewer, } from "./windows/kinds.js";
-export type { AgentWindow, DefaultWindow, GeneratedWindow } from "./windows/reduce.js";
-export { AgentSpace, type AgentSpaceProps, type SpaceVoice } from "./windows/AgentSpace.js";
-export { Dock, type DockProps, type SpaceDock, type SpaceMode } from "./windows/Dock.js";
-export { useWindowComponents, WindowTwin } from "./windows/registry.js";
-export type { Spoken } from "./windows/space.js";
-export { Strip, type SpaceStrip } from "./windows/Strip.js";
-export { SurfaceWindow, type SurfaceWindowProps } from "./windows/SurfaceWindow.js";
-export { useWindows, type OpenOptions, type Windows, type WindowsOptions, } from "./windows/useWindows.js";
-export { WindowFrame, type WindowFrameProps } from "./windows/WindowFrame.js";
+import { formatSize } from "./kit/numbers.js";
+import { About, AboutOut, AboutState, ActionFact, AskFact, AutomationFact, AutomationKind, ChannelFact, ChannelKind, ConnectionFact, DataFact, DeviceFact, DeviceKind, Does, Facts, FileFact, ICONS, Icon, MemoryFact, Provider, StatusTone, TOPICS, Told, Topic, VaultFact, aboutState, actionWords, appSteps, appTitle, automationsOf, countOf, generatedName, namesOf, toneOf, toolName, toolTitle } from "./about.js";
+import { Automation as Automation$1, AutomationState, AutomationView, Board, Run, RunBy, RunRecord, RunStatus, RunStep, Step, Task, Trigger, Use } from "./automation/types.js";
+import { Credentials, Speaker, VISITOR_KEY } from "./credentials.js";
+import { AutomationBlock, Block, ButtonBlock, CardBlock, ChartBlock, ChartPoint, ChoiceBlock, DividerBlock, Entry, FieldKind, FieldValue, FieldsBlock, FormBlock, FormField, ImageBlock, ListBlock, NoteBlock, Option, StackBlock, StatBlock, Surface as Surface$1, TableBlock, TextBlock, Tone } from "./blocks.js";
+import { Action, AgentFace, Attachment, Author, BrowserControl, BrowserFrame, BrowserInput, BrowserState, BrowserWhere, CallGlance, CallReason, CallToken, Channel, ChannelGlance, ChannelSettings, ChannelStatus, ChannelWeb, ContactGlance, Conversation, ConversationDetail, ConversationFile, ConversationPerson, Decides, Decision, Delivery, FileAt, FileBlock, FileIndex, FilePreview, Handover, Holder, HoursSpan, Message, Request, Step as Step$1, StepApp, StepState, StoredFile, ToolCall, WIDGET_FONTS, WeekHours, Weekday, WidgetConfig, WidgetFont, WidgetLook } from "./types.js";
+import { ApiError, Client, ClientOptions, Files, UploadOptions, createClient } from "./client.js";
+import { AUTOMATION_MESSAGES, AutomationMessages, CallMessages, DayRef, Verb } from "./automation/messages.js";
+import { KIT_MESSAGES, KitLocale, KitMessages } from "./kit/messages.js";
+import { KitClassNames, KitPart, KitProvider } from "./kit/context.js";
+import { ABOUT_HOME, ABOUT_MESSAGES, AboutControls, AboutMessages, AboutPart, AboutTools, AboutView, AgentAbout, AgentAboutProps, AppDirectory, aboutBack } from "./AgentAbout.js";
+import { AGENT_ICONS, AgentIcon, agentGlyph } from "./agentIcons.js";
+import { Automation, AutomationProps } from "./automation/Automation.js";
+import { RunView, RunViewProps } from "./automation/RunView.js";
+import { Cron, Wall, fires, occurrences, offsetOf, parseCron } from "./automation/cron.js";
+import { When, clockOf, dayRefOf, lineOf, momentOf, scheduleOf, timeOf, tookOf, whenOf } from "./automation/when.js";
+import { CallLine, Names, StepGroup, appOf, callWords, groupsOf, namingOf, verbOf } from "./automation/record.js";
+import { AgentTasks, AgentTasksProps, TASKS_POLL_MS, TASK_MESSAGES, TaskMessages, TaskPart, useTasks } from "./AgentTasks.js";
+import { AgentCard, AgentCardProps, CardField, CardPart } from "./AgentCard.js";
+import { FILES_PER_MESSAGE, Frame, TOOL_ERROR_MAX, ToolResult, UpFrame, toolResultOf } from "./frames.js";
+import { LiveConversation, NO_TOOL, ToolHandler, useConversation } from "./useConversation.js";
+import { BROWSER_MESSAGES, BrowserMessages, BrowserPart, BrowserView, BrowserViewProps } from "./BrowserView.js";
+import { Dictate, Dictation, useDictation } from "./useDictation.js";
+import { FileFamily, FileHost, MAX_MB, Uploader, accepts, familyOf } from "./kit/uploads.js";
+import { SurfaceAction, Values, chosen, filled, labelOf, picked, pressed, problemOf } from "./surface/values.js";
+import { BlockProps, SurfaceComponents, SurfacePart } from "./surface/scope.js";
+import { AgentChat, AgentChatProps, CHAT_MESSAGES, ChatCompose, ChatLook, ChatMessages, ChatPart, ChatSteps, HandoverBy } from "./AgentChat.js";
+import { ModeMessages, ModePart, SpaceMode } from "./Modes.js";
+import { AgentTint, agentTint } from "./tint.js";
+import { ORB_STYLES, OrbProps, OrbState, OrbStyle } from "./voice/orbs.js";
+import { AgentActivity, CallEnd, CallEndedBy, CallLook, CallProblem, CallState, durationOf, endedByReason, lookOf, orbOf } from "./call.js";
+import { Call, CallJoin, CallMeter, useCall } from "./useCall.js";
+import { VOICE_CALL_MESSAGES, VoiceCall, VoiceCallMessages, VoiceCallPart, VoiceCallProps } from "./VoiceCall.js";
+import { AgentSpace, AgentSpaceProps, SPACE_MESSAGES, SpaceLayout, SpaceMessages, SpacePart, captionsOf } from "./AgentSpace.js";
+import { AUTOMATION_MESSAGES_ES, BROWSER_MESSAGES_ES, CHAT_MESSAGES_ES, KIT_MESSAGES_ES, SPACE_MESSAGES_ES, TASK_MESSAGES_ES, VOICE_CALL_MESSAGES_ES } from "./es.js";
+import { Orb } from "./voice/Orb.js";
+import { FILE_MESSAGES, FileMessages, FilePart, FileView, FileViewProps } from "./FileView.js";
+import { Preview, cleanDocument, previewOf } from "./files.js";
+import { Button, ButtonProps } from "./kit/Button.js";
+import { Card } from "./kit/Card.js";
+import { ControlBase, Field, FieldIds } from "./kit/Field.js";
+import { Chips, Choices } from "./kit/Choices.js";
+import { Combobox, ComboboxProps } from "./kit/Combobox.js";
+import { DateField, DateFieldProps } from "./kit/DateField.js";
+import { FileChip, FileChipProps, FileChips, FileField, FileFieldProps, Upload, UploadChips, UploadRules, Uploads, useUploads } from "./kit/FileField.js";
+import { FileMark } from "./kit/FileMark.js";
+import { Checkbox, NumberInput, SecretInput, TextArea, TextInput } from "./kit/Inputs.js";
+import { List, Row, RowProps } from "./kit/List.js";
+import { Mark, MarkProps } from "./kit/Mark.js";
+import { MarkStack } from "./kit/MarkStack.js";
+import { Stat, Stats } from "./kit/Stat.js";
+import { Note } from "./kit/Note.js";
+import { RangeField } from "./kit/RangeField.js";
+import { RatingField } from "./kit/RatingField.js";
+import { Switch, SwitchProps } from "./kit/Switch.js";
+import { AudioPlayer, AudioPlayerProps } from "./kit/AudioPlayer.js";
+import { Tag } from "./kit/Tag.js";
+import { Tile, TileProps, Tiles } from "./kit/Tile.js";
+import { DateTimeField, DateTimeFieldProps, TimeField, TimeFieldProps } from "./kit/TimeField.js";
+import { Surface, SurfaceProps } from "./surface/Surface.js";
+import { FaceRead, useAgentFace } from "./useAgentFace.js";
+import { Live, LiveHandlers, useLive } from "./useLive.js";
+export { ABOUT_HOME, ABOUT_MESSAGES, AGENT_ICONS, AUTOMATION_MESSAGES, AUTOMATION_MESSAGES_ES, type About, type AboutControls, type AboutMessages, type AboutOut, type AboutPart, type AboutState, type AboutTools, type AboutView, type Action, type ActionFact, AgentAbout, type AgentAboutProps, type AgentActivity, AgentCard, type AgentCardProps, AgentChat, type AgentChatProps, type AgentFace, type AgentIcon, AgentSpace, type AgentSpaceProps, AgentTasks, type AgentTasksProps, type AgentTint, ApiError, type AppDirectory, type AskFact, type Attachment, AudioPlayer, type AudioPlayerProps, type Author, Automation, type AutomationBlock, type Automation$1 as AutomationData, type AutomationFact, type AutomationKind, type AutomationMessages, type AutomationProps, type AutomationState, type Step as AutomationStep, type AutomationView, BROWSER_MESSAGES, BROWSER_MESSAGES_ES, type Block, type BlockProps, type Board, type BrowserControl, type BrowserFrame, type BrowserInput, type BrowserMessages, type BrowserPart, type BrowserState, BrowserView, type BrowserViewProps, type BrowserWhere, Button, type ButtonBlock, type ButtonProps, CHAT_MESSAGES, CHAT_MESSAGES_ES, type Call, type CallEnd, type CallEndedBy, type CallGlance, type CallJoin, type CallLine, type CallLook, type CallMessages, type CallMeter, type CallProblem, type CallReason, type CallState, type CallToken, Card, type CardBlock, type CardField, type CardPart, type Channel, type ChannelFact, type ChannelGlance, type ChannelKind, type ChannelSettings, type ChannelStatus, type ChannelWeb, type ChartBlock, type ChartPoint, type ChatCompose, type ChatLook, type ChatMessages, type ChatPart, type ChatSteps, Checkbox, Chips, type ChoiceBlock, Choices, type Client, type ClientOptions, Combobox, type ComboboxProps, type ConnectionFact, type ContactGlance, type ControlBase, type Conversation, type ConversationDetail, type ConversationFile, type ConversationPerson, type Credentials, type Cron, type DataFact, DateField, type DateFieldProps, DateTimeField, type DateTimeFieldProps, type DayRef, type Decides, type Decision, type Delivery, type DeviceFact, type DeviceKind, type Dictate, type Dictation, type DividerBlock, type Does, type Entry, FILES_PER_MESSAGE, FILE_MESSAGES, type FaceRead, type Facts, Field, type FieldIds, type FieldKind, type FieldValue, type FieldsBlock, type FileAt, type FileBlock, FileChip, type FileChipProps, FileChips, type FileFact, type FileFamily, FileField, type FileFieldProps, type FileHost, type FileIndex, FileMark, type FileMessages, type FilePart, type FilePreview, FileView, type FileViewProps, type Files, type FormBlock, type FormField, type Frame, type Handover, type HandoverBy, type Holder, type HoursSpan, ICONS, type Icon, type ImageBlock, KIT_MESSAGES, KIT_MESSAGES_ES, type KitClassNames, type KitLocale, type KitMessages, type KitPart, KitProvider, List, type ListBlock, type Live, type LiveConversation, type LiveHandlers, MAX_MB, Mark, type MarkProps, MarkStack, type MemoryFact, type Message, type ModeMessages, type ModePart, NO_TOOL, type Names, Note, type NoteBlock, NumberInput, ORB_STYLES, type Option, Orb, type OrbProps, type OrbState, type OrbStyle, type Preview, type Provider, RangeField, RatingField, type Request, Row, type RowProps, type Run, type RunBy, type RunRecord, type RunStatus, type RunStep, RunView, type RunViewProps, SPACE_MESSAGES, SPACE_MESSAGES_ES, SecretInput, type SpaceLayout, type SpaceMessages, type SpaceMode, type SpacePart, type Speaker, type StackBlock, Stat, type StatBlock, Stats, type StatusTone, type Step$1 as Step, type StepApp, type StepGroup, type StepState, type StoredFile, Surface, type SurfaceAction, type SurfaceComponents, type Surface$1 as SurfaceData, type SurfacePart, type SurfaceProps, Switch, type SwitchProps, TASKS_POLL_MS, TASK_MESSAGES, TASK_MESSAGES_ES, TOOL_ERROR_MAX, TOPICS, type TableBlock, Tag, type Task, type TaskMessages, type TaskPart, TextArea, type TextBlock, TextInput, Tile, type TileProps, Tiles, TimeField, type TimeFieldProps, type Told, type Tone, type ToolCall, type ToolHandler, type ToolResult, type Topic, type Trigger, type UpFrame, type Upload, UploadChips, type UploadOptions, type UploadRules, type Uploader, type Uploads, type Use, VISITOR_KEY, VOICE_CALL_MESSAGES, VOICE_CALL_MESSAGES_ES, type Values, type VaultFact, type Verb, VoiceCall, type VoiceCallMessages, type VoiceCallPart, type VoiceCallProps, WIDGET_FONTS, type Wall, type WeekHours, type Weekday, type When, type WidgetConfig, type WidgetFont, type WidgetLook, aboutBack, aboutState, accepts, actionWords, agentGlyph, agentTint, appOf, appSteps, appTitle, automationsOf, callWords, captionsOf, chosen, cleanDocument, clockOf, countOf, createClient, dayRefOf, durationOf, endedByReason, familyOf, filled, fires, formatSize, generatedName, groupsOf, labelOf, lineOf, lookOf, momentOf, namesOf, namingOf, occurrences, offsetOf, orbOf, parseCron, picked, pressed, previewOf, problemOf, scheduleOf, timeOf, toneOf, tookOf, toolName, toolResultOf, toolTitle, useAgentFace, useCall, useConversation, useDictation, useLive, useTasks, useUploads, verbOf, whenOf };

package/dist/index.js

@@ -1,45 +1,59 @@
-/**
- * SignalCore's interface as React components: what an agent shows (`Surface`) and asks
- * (`RequestCard`), drawn the way the product draws them.
- *
- *     import { SignalcoreProvider, Surface } from "@signalcore/ui";
- *     import "@signalcore/ui/styles.css";
- */
-export { AppMarks } from "./automations/AppMarks.js";
-export { AutomationCard } from "./automations/AutomationCard.js";
-export { AutomationsWindow } from "./automations/AutomationsWindow.js";
-export { parseSchedule } from "./automations/schedule.js";
-export { ScheduleMarks } from "./automations/ScheduleMarks.js";
-export { answerMessage } from "./builder/answer.js";
-export { BuilderChat } from "./builder/BuilderChat.js";
-export { BuilderTranscript, } from "./builder/BuilderTranscript.js";
-export { itemsOf, showsBrowser } from "./builder/items.js";
-export { StatusLine } from "./builder/StatusLine.js";
-export { formatDuration, useElapsed } from "./builder/time.js";
-export { workingOn } from "./builder/workingOn.js";
-export { appName, describeStep } from "./builder/steps.js";
-export { useBuildSession, } from "./builder/useBuildSession.js";
-export { AgentChat } from "./chat/AgentChat.js";
-export { Composer } from "./chat/Composer.js";
-export { useComposer, } from "./chat/useComposer.js";
-export { messagesFromConversation } from "./chat/history.js";
-export { useStickToBottom } from "./chat/useStickToBottom.js";
-export { BrowserView } from "./browser/BrowserView.js";
-export { LiveView } from "./live/LiveView.js";
-export { BrowserFocusProvider, useBrowserFocus, useBrowserRoom } from "./browser/room.js";
-export { SLOTS } from "./look.js";
-export { RequestCard } from "./request/RequestCard.js";
-export { safeUrl } from "./safeUrl.js";
-export { SignalcoreProvider, useMessages, useSignalcore, } from "./SignalcoreProvider.js";
-export { activity, emptyTranscript, isBuildEvent, reduceTranscript, } from "./stream/builder.js";
-export { useRunStream } from "./stream/useRunStream.js";
-export { Surface } from "./surface/Surface.js";
-export { useDictation } from "./voice/useDictation.js";
-export { DEFAULT_WINDOW_KINDS, END_USER_WINDOW_KINDS, isDefaultWindowKind, kindsFor, } from "./windows/kinds.js";
-export { AgentSpace } from "./windows/AgentSpace.js";
-export { Dock } from "./windows/Dock.js";
-export { useWindowComponents, WindowTwin } from "./windows/registry.js";
-export { Strip } from "./windows/Strip.js";
-export { SurfaceWindow } from "./windows/SurfaceWindow.js";
-export { useWindows, } from "./windows/useWindows.js";
-export { WindowFrame } from "./windows/WindowFrame.js";
+import { formatSize } from "./kit/numbers.js";
+import { ICONS, TOPICS, aboutState, actionWords, appSteps, appTitle, automationsOf, countOf, generatedName, namesOf, toneOf, toolName, toolTitle } from "./about.js";
+import { AUTOMATION_MESSAGES } from "./automation/messages.js";
+import { KIT_MESSAGES } from "./kit/messages.js";
+import { KitProvider } from "./kit/context.js";
+import { List, Row } from "./kit/List.js";
+import { Stat, Stats } from "./kit/Stat.js";
+import { Switch } from "./kit/Switch.js";
+import { Tag } from "./kit/Tag.js";
+import { Mark } from "./kit/Mark.js";
+import { appOf, callWords, groupsOf, namingOf, verbOf } from "./automation/record.js";
+import { fires, occurrences, offsetOf, parseCron } from "./automation/cron.js";
+import { clockOf, dayRefOf, lineOf, momentOf, scheduleOf, timeOf, tookOf, whenOf } from "./automation/when.js";
+import { Automation } from "./automation/Automation.js";
+import { Button } from "./kit/Button.js";
+import { Note } from "./kit/Note.js";
+import { RunView } from "./automation/RunView.js";
+import { AGENT_ICONS, agentGlyph } from "./agentIcons.js";
+import { VISITOR_KEY } from "./credentials.js";
+import { ApiError, createClient } from "./client.js";
+import { cleanDocument, previewOf } from "./files.js";
+import { MAX_MB, accepts, familyOf } from "./kit/uploads.js";
+import { FileMark } from "./kit/FileMark.js";
+import { MarkStack } from "./kit/MarkStack.js";
+import { agentTint } from "./tint.js";
+import { ABOUT_HOME, ABOUT_MESSAGES, AgentAbout, aboutBack } from "./AgentAbout.js";
+import { AgentTasks, TASKS_POLL_MS, TASK_MESSAGES, useTasks } from "./AgentTasks.js";
+import { AgentCard } from "./AgentCard.js";
+import { BROWSER_MESSAGES, BrowserView } from "./BrowserView.js";
+import { useDictation } from "./useDictation.js";
+import { FILES_PER_MESSAGE, TOOL_ERROR_MAX, toolResultOf } from "./frames.js";
+import { AudioPlayer } from "./kit/AudioPlayer.js";
+import { Field } from "./kit/Field.js";
+import { FileChip, FileChips, FileField, UploadChips, useUploads } from "./kit/FileField.js";
+import { Card } from "./kit/Card.js";
+import { Chips, Choices } from "./kit/Choices.js";
+import { Combobox } from "./kit/Combobox.js";
+import { DateField } from "./kit/DateField.js";
+import { Checkbox, NumberInput, SecretInput, TextArea, TextInput } from "./kit/Inputs.js";
+import { RangeField } from "./kit/RangeField.js";
+import { RatingField } from "./kit/RatingField.js";
+import { DateTimeField, TimeField } from "./kit/TimeField.js";
+import { chosen, filled, labelOf, picked, pressed, problemOf } from "./surface/values.js";
+import { Surface } from "./surface/Surface.js";
+import { useLive } from "./useLive.js";
+import { NO_TOOL, useConversation } from "./useConversation.js";
+import { AgentChat, CHAT_MESSAGES } from "./AgentChat.js";
+import { useAgentFace } from "./useAgentFace.js";
+import { AgentSpace, SPACE_MESSAGES, captionsOf } from "./AgentSpace.js";
+import { AUTOMATION_MESSAGES_ES, BROWSER_MESSAGES_ES, CHAT_MESSAGES_ES, KIT_MESSAGES_ES, SPACE_MESSAGES_ES, TASK_MESSAGES_ES, VOICE_CALL_MESSAGES_ES } from "./es.js";
+import { durationOf, endedByReason, lookOf, orbOf } from "./call.js";
+import { useCall } from "./useCall.js";
+import { ORB_STYLES } from "./voice/orbs.js";
+import { Orb } from "./voice/Orb.js";
+import { VOICE_CALL_MESSAGES, VoiceCall } from "./VoiceCall.js";
+import { FILE_MESSAGES, FileView } from "./FileView.js";
+import { Tile, Tiles } from "./kit/Tile.js";
+import { WIDGET_FONTS } from "./types.js";
+export { ABOUT_HOME, ABOUT_MESSAGES, AGENT_ICONS, AUTOMATION_MESSAGES, AUTOMATION_MESSAGES_ES, AgentAbout, AgentCard, AgentChat, AgentSpace, AgentTasks, ApiError, AudioPlayer, Automation, BROWSER_MESSAGES, BROWSER_MESSAGES_ES, BrowserView, Button, CHAT_MESSAGES, CHAT_MESSAGES_ES, Card, Checkbox, Chips, Choices, Combobox, DateField, DateTimeField, FILES_PER_MESSAGE, FILE_MESSAGES, Field, FileChip, FileChips, FileField, FileMark, FileView, ICONS, KIT_MESSAGES, KIT_MESSAGES_ES, KitProvider, List, MAX_MB, Mark, MarkStack, NO_TOOL, Note, NumberInput, ORB_STYLES, Orb, RangeField, RatingField, Row, RunView, SPACE_MESSAGES, SPACE_MESSAGES_ES, SecretInput, Stat, Stats, Surface, Switch, TASKS_POLL_MS, TASK_MESSAGES, TASK_MESSAGES_ES, TOOL_ERROR_MAX, TOPICS, Tag, TextArea, TextInput, Tile, Tiles, TimeField, UploadChips, VISITOR_KEY, VOICE_CALL_MESSAGES, VOICE_CALL_MESSAGES_ES, VoiceCall, WIDGET_FONTS, aboutBack, aboutState, accepts, actionWords, agentGlyph, agentTint, appOf, appSteps, appTitle, automationsOf, callWords, captionsOf, chosen, cleanDocument, clockOf, countOf, createClient, dayRefOf, durationOf, endedByReason, familyOf, filled, fires, formatSize, generatedName, groupsOf, labelOf, lineOf, lookOf, momentOf, namesOf, namingOf, occurrences, offsetOf, orbOf, parseCron, picked, pressed, previewOf, problemOf, scheduleOf, timeOf, toneOf, tookOf, toolName, toolResultOf, toolTitle, useAgentFace, useCall, useConversation, useDictation, useLive, useTasks, useUploads, verbOf, whenOf };

package/dist/kit/AudioPlayer.d.ts

@@ -0,0 +1,20 @@
+import { ReactEventHandler } from "react";
+//#region src/kit/AudioPlayer.d.ts
+export interface AudioPlayerProps {
+  src: string | undefined;
+  /** What it is, for screen readers: a voice note, a call's recording, a file's name. */
+  label: string;
+  onError?: ReactEventHandler<HTMLAudioElement> | undefined;
+  /** In a bar, beside other tools: a smaller play, a shorter waveform. */
+  compact?: boolean | undefined;
+  className?: string | undefined;
+}
+/**
+ * Audio, played the kit's way: a quiet round play and pause, the audio's own waveform (its bars
+ * light up as it plays; dragging through it seeks), and its time (how long it is until it plays,
+ * then how far it is). The browser's own element plays it, never shown; a length the file
+ * doesn't tell yet is learnt as it plays.
+ */
+export declare function AudioPlayer({ src, label, onError, compact, className }: AudioPlayerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=AudioPlayer.d.ts.map

package/dist/kit/AudioPlayer.js

@@ -0,0 +1,116 @@
+import { joined, useKit, useParts } from "./context.js";
+import { useWaveform } from "./waveform.js";
+import { useRef, useState } from "react";
+import { PauseIcon, PlayIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/kit/AudioPlayer.tsx
+/** How many bars the waveform draws, and how high an even one stands while it is read. */
+const BARS = {
+	full: 44,
+	compact: 24
+};
+const EVEN = .35;
+/** The quietest bar still shows: silence reads as a line, not as nothing. */
+const LEAST = .12;
+/**
+* Audio, played the kit's way: a quiet round play and pause, the audio's own waveform (its bars
+* light up as it plays; dragging through it seeks), and its time (how long it is until it plays,
+* then how far it is). The browser's own element plays it, never shown; a length the file
+* doesn't tell yet is learnt as it plays.
+*/
+function AudioPlayer({ src, label, onError, compact, className }) {
+	const part = useParts();
+	const { messages: words } = useKit();
+	const audio = useRef(null);
+	const [playing, setPlaying] = useState(false);
+	const [at, setAt] = useState(0);
+	const [length, setLength] = useState(null);
+	const bars = compact ? BARS.compact : BARS.full;
+	const wave = useWaveform(src, bars);
+	const learn = () => {
+		const seconds = audio.current?.duration;
+		if (seconds !== void 0 && Number.isFinite(seconds)) setLength(seconds);
+	};
+	const seconds = length ?? wave?.seconds ?? null;
+	const played = seconds ? Math.min(1, at / seconds) : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		role: "group",
+		"aria-label": label,
+		className: joined(part("sc-audio", ...compact ? ["sc-audio--compact"] : []), className),
+		children: [
+			/* @__PURE__ */ jsx("audio", {
+				ref: audio,
+				src,
+				preload: "metadata",
+				onLoadedMetadata: learn,
+				onDurationChange: learn,
+				onPlay: () => {
+					setPlaying(true);
+				},
+				onPause: () => {
+					setPlaying(false);
+				},
+				onEnded: () => {
+					setPlaying(false);
+					setAt(0);
+				},
+				onTimeUpdate: () => {
+					learn();
+					setAt(audio.current?.currentTime ?? 0);
+				},
+				onError
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: part("sc-audio__play"),
+				"aria-label": playing ? words.pause : words.play,
+				disabled: src === void 0,
+				onClick: () => {
+					const element = audio.current;
+					if (element === null) return;
+					if (element.paused) element.play();
+					else element.pause();
+				},
+				children: playing ? /* @__PURE__ */ jsx(PauseIcon, { weight: "fill" }) : /* @__PURE__ */ jsx(PlayIcon, { weight: "fill" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: part("sc-audio__wave"),
+				children: [Array.from({ length: bars }, (_, index) => /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					"data-played": index / bars < played ? "" : void 0,
+					style: { height: `${Math.max(LEAST, wave?.heights[index] ?? EVEN) * 100}%` }
+				}, index)), /* @__PURE__ */ jsx("input", {
+					type: "range",
+					min: 0,
+					max: seconds ?? 0,
+					step: "any",
+					value: Math.min(at, seconds ?? 0),
+					disabled: seconds === null,
+					"aria-label": words.position,
+					"aria-valuetext": clock(at),
+					onChange: (event) => {
+						const seconds = Number(event.target.value);
+						if (audio.current !== null) audio.current.currentTime = seconds;
+						setAt(seconds);
+					}
+				})]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: part("sc-audio__time"),
+				children: clock(playing || at > 0 ? at : seconds ?? 0)
+			})
+		]
+	});
+}
+/** Seconds as a player says them: 0:07, 1:42, 1:02:05. */
+function clock(seconds) {
+	const whole = Math.max(0, Math.floor(seconds));
+	const hours = Math.floor(whole / 3600);
+	const minutes = Math.floor(whole % 3600 / 60);
+	const rest = String(whole % 60).padStart(2, "0");
+	return hours > 0 ? `${hours}:${String(minutes).padStart(2, "0")}:${rest}` : `${minutes}:${rest}`;
+}
+//#endregion
+export { AudioPlayer, clock };
+
+//# sourceMappingURL=AudioPlayer.js.map

package/dist/kit/AudioPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.js","names":[],"sources":["../../src/kit/AudioPlayer.tsx"],"sourcesContent":["import { PauseIcon, PlayIcon } from \"@phosphor-icons/react\";\nimport { useRef, useState, type ReactEventHandler } from \"react\";\n\nimport { joined, useKit, useParts } from \"./context\";\nimport { useWaveform } from \"./waveform\";\n\nexport interface AudioPlayerProps {\n  src: string | undefined;\n  /** What it is, for screen readers: a voice note, a call's recording, a file's name. */\n  label: string;\n  onError?: ReactEventHandler<HTMLAudioElement> | undefined;\n  /** In a bar, beside other tools: a smaller play, a shorter waveform. */\n  compact?: boolean | undefined;\n  className?: string | undefined;\n}\n\n/** How many bars the waveform draws, and how high an even one stands while it is read. */\nconst BARS = { full: 44, compact: 24 } as const;\nconst EVEN = 0.35;\n/** The quietest bar still shows: silence reads as a line, not as nothing. */\nconst LEAST = 0.12;\n\n/**\n * Audio, played the kit's way: a quiet round play and pause, the audio's own waveform (its bars\n * light up as it plays; dragging through it seeks), and its time (how long it is until it plays,\n * then how far it is). The browser's own element plays it, never shown; a length the file\n * doesn't tell yet is learnt as it plays.\n */\nexport function AudioPlayer({ src, label, onError, compact, className }: AudioPlayerProps) {\n  const part = useParts();\n  const { messages: words } = useKit();\n  const audio = useRef<HTMLAudioElement>(null);\n  const [playing, setPlaying] = useState(false);\n  const [at, setAt] = useState(0);\n  const [length, setLength] = useState<number | null>(null);\n  const bars = compact ? BARS.compact : BARS.full;\n  const wave = useWaveform(src, bars);\n  const learn = () => {\n    const seconds = audio.current?.duration;\n    if (seconds !== undefined && Number.isFinite(seconds)) setLength(seconds);\n  };\n  // The element's length, else the decoded one (an Ogg tells it only once played through).\n  const seconds = length ?? wave?.seconds ?? null;\n  const played = seconds ? Math.min(1, at / seconds) : 0;\n  return (\n    <div\n      role=\"group\"\n      aria-label={label}\n      className={joined(\n        part(\"sc-audio\", ...(compact ? ([\"sc-audio--compact\"] as const) : [])),\n        className,\n      )}\n    >\n      <audio\n        ref={audio}\n        src={src}\n        preload=\"metadata\"\n        onLoadedMetadata={learn}\n        onDurationChange={learn}\n        onPlay={() => {\n          setPlaying(true);\n        }}\n        onPause={() => {\n          setPlaying(false);\n        }}\n        onEnded={() => {\n          setPlaying(false);\n          setAt(0);\n        }}\n        onTimeUpdate={() => {\n          learn();\n          setAt(audio.current?.currentTime ?? 0);\n        }}\n        onError={onError}\n      />\n      <button\n        type=\"button\"\n        className={part(\"sc-audio__play\")}\n        aria-label={playing ? words.pause : words.play}\n        disabled={src === undefined}\n        onClick={() => {\n          const element = audio.current;\n          if (element === null) return;\n          if (element.paused) void element.play();\n          else element.pause();\n        }}\n      >\n        {playing ? <PauseIcon weight=\"fill\" /> : <PlayIcon weight=\"fill\" />}\n      </button>\n      <div className={part(\"sc-audio__wave\")}>\n        {Array.from({ length: bars }, (_, index) => (\n          <span\n            key={index}\n            aria-hidden\n            data-played={index / bars < played ? \"\" : undefined}\n            style={{ height: `${Math.max(LEAST, wave?.heights[index] ?? EVEN) * 100}%` }}\n          />\n        ))}\n        <input\n          type=\"range\"\n          min={0}\n          max={seconds ?? 0}\n          step=\"any\"\n          value={Math.min(at, seconds ?? 0)}\n          disabled={seconds === null}\n          aria-label={words.position}\n          aria-valuetext={clock(at)}\n          onChange={(event) => {\n            const seconds = Number(event.target.value);\n            if (audio.current !== null) audio.current.currentTime = seconds;\n            setAt(seconds);\n          }}\n        />\n      </div>\n      <span className={part(\"sc-audio__time\")}>\n        {clock(playing || at > 0 ? at : (seconds ?? 0))}\n      </span>\n    </div>\n  );\n}\n\n/** Seconds as a player says them: 0:07, 1:42, 1:02:05. */\nexport function clock(seconds: number): string {\n  const whole = Math.max(0, Math.floor(seconds));\n  const hours = Math.floor(whole / 3600);\n  const minutes = Math.floor((whole % 3600) / 60);\n  const rest = String(whole % 60).padStart(2, \"0\");\n  return hours > 0 ? `${hours}:${String(minutes).padStart(2, \"0\")}:${rest}` : `${minutes}:${rest}`;\n}\n"],"mappings":"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"}

package/dist/kit/Button.d.ts

@@ -0,0 +1,29 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+import { Icon } from "@phosphor-icons/react";
+//#region src/kit/Button.d.ts
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+  /**
+   * primary: the ink, for the one that matters; neutral: a hairline; danger: what can't be
+   * undone; ghost: bare until the pointer is on it (a row's ⋯).
+   */
+  tone?: "primary" | "neutral" | "danger" | "ghost" | undefined;
+  /** sm: 28px, for a row or a line of words. */
+  size?: "md" | "sm" | undefined;
+  /** A glyph before the words; alone, the button is a square and `aria-label` names it. */
+  icon?: Icon | undefined;
+  /** A page to open apart instead: the button is a link, an arrow after its words. */
+  href?: string | undefined;
+  /** With `href`, the link saves what it points at under this name instead of opening it. */
+  download?: string | undefined;
+  /** It was the one pressed: ringed in the accent. */
+  pressed?: boolean | undefined;
+  children?: ReactNode;
+}
+/**
+ * A pill to press: a hairline by default, filled with the ink for the main action, the danger
+ * tone for what can't be undone, bare for a quiet control. With `href` it is a link that opens
+ * its page apart, never sending this page's address along; with `download` too, one that saves.
+ */
+export declare function Button({ tone, size, icon: Glyph, href, download, pressed, className, children, type, part: own, ...rest }: ButtonProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Button.d.ts.map

package/dist/kit/Button.js

@@ -0,0 +1,59 @@
+import { joined, useParts } from "./context.js";
+import { ArrowUpRightIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/kit/Button.tsx
+/**
+* A pill to press: a hairline by default, filled with the ink for the main action, the danger
+* tone for what can't be undone, bare for a quiet control. With `href` it is a link that opens
+* its page apart, never sending this page's address along; with `download` too, one that saves.
+*/
+function Button({ tone = "neutral", size = "md", icon: Glyph, href, download, pressed, className, children, type = "button", part: own, ...rest }) {
+	const part = useParts();
+	const named = joined(own, "button", `button-${tone}`);
+	const classes = joined(part("sc-button", `sc-button--${tone}`, ...size === "sm" ? ["sc-button--sm"] : [], ...children === void 0 ? ["sc-button--icon"] : []), className);
+	if (href !== void 0 && download !== void 0) return /* @__PURE__ */ jsxs("a", {
+		href,
+		download,
+		"aria-label": rest["aria-label"],
+		part: named,
+		className: classes,
+		children: [Glyph && /* @__PURE__ */ jsx(Glyph, {
+			"aria-hidden": true,
+			weight: "bold"
+		}), children]
+	});
+	if (href !== void 0) return /* @__PURE__ */ jsxs("a", {
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"aria-label": rest["aria-label"],
+		part: named,
+		className: classes,
+		children: [
+			Glyph && /* @__PURE__ */ jsx(Glyph, {
+				"aria-hidden": true,
+				weight: "bold"
+			}),
+			children,
+			/* @__PURE__ */ jsx(ArrowUpRightIcon, {
+				"aria-hidden": true,
+				weight: "bold"
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("button", {
+		type,
+		"aria-pressed": pressed || void 0,
+		part: named,
+		className: classes,
+		...rest,
+		children: [Glyph && /* @__PURE__ */ jsx(Glyph, {
+			"aria-hidden": true,
+			weight: "bold"
+		}), children]
+	});
+}
+//#endregion
+export { Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/kit/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../src/kit/Button.tsx"],"sourcesContent":["import { ArrowUpRightIcon, type Icon } from \"@phosphor-icons/react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\n\nimport { joined, useParts } from \"./context\";\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /**\n   * primary: the ink, for the one that matters; neutral: a hairline; danger: what can't be\n   * undone; ghost: bare until the pointer is on it (a row's ⋯).\n   */\n  tone?: \"primary\" | \"neutral\" | \"danger\" | \"ghost\" | undefined;\n  /** sm: 28px, for a row or a line of words. */\n  size?: \"md\" | \"sm\" | undefined;\n  /** A glyph before the words; alone, the button is a square and `aria-label` names it. */\n  icon?: Icon | undefined;\n  /** A page to open apart instead: the button is a link, an arrow after its words. */\n  href?: string | undefined;\n  /** With `href`, the link saves what it points at under this name instead of opening it. */\n  download?: string | undefined;\n  /** It was the one pressed: ringed in the accent. */\n  pressed?: boolean | undefined;\n  children?: ReactNode;\n}\n\n/**\n * A pill to press: a hairline by default, filled with the ink for the main action, the danger\n * tone for what can't be undone, bare for a quiet control. With `href` it is a link that opens\n * its page apart, never sending this page's address along; with `download` too, one that saves.\n */\nexport function Button({\n  tone = \"neutral\",\n  size = \"md\",\n  icon: Glyph,\n  href,\n  download,\n  pressed,\n  className,\n  children,\n  type = \"button\",\n  part: own,\n  ...rest\n}: ButtonProps) {\n  const part = useParts();\n  // Its part names for a page's `::part()`: the caller's own, then the kit's.\n  const named = joined(own, \"button\", `button-${tone}`);\n  const classes = joined(\n    part(\n      \"sc-button\",\n      `sc-button--${tone}`,\n      ...(size === \"sm\" ? ([\"sc-button--sm\"] as const) : []),\n      ...(children === undefined ? ([\"sc-button--icon\"] as const) : []),\n    ),\n    className,\n  );\n  if (href !== undefined && download !== undefined) {\n    return (\n      <a\n        href={href}\n        download={download}\n        aria-label={rest[\"aria-label\"]}\n        part={named}\n        className={classes}\n      >\n        {Glyph && <Glyph aria-hidden weight=\"bold\" />}\n        {children}\n      </a>\n    );\n  }\n  if (href !== undefined) {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label={rest[\"aria-label\"]}\n        part={named}\n        className={classes}\n      >\n        {Glyph && <Glyph aria-hidden weight=\"bold\" />}\n        {children}\n        <ArrowUpRightIcon aria-hidden weight=\"bold\" />\n      </a>\n    );\n  }\n  return (\n    <button\n      type={type}\n      aria-pressed={pressed || undefined}\n      part={named}\n      className={classes}\n      {...rest}\n    >\n      {Glyph && <Glyph aria-hidden weight=\"bold\" />}\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;AA6BA,SAAgB,OAAO,EACrB,OAAO,WACP,OAAO,MACP,MAAM,OACN,MACA,UACA,SACA,WACA,UACA,OAAO,UACP,MAAM,KACN,GAAG,QACW;CACd,MAAM,OAAO,SAAS;CAEtB,MAAM,QAAQ,OAAO,KAAK,UAAU,UAAU,MAAM;CACpD,MAAM,UAAU,OACd,KACE,aACA,cAAc,QACd,GAAI,SAAS,OAAQ,CAAC,eAAe,IAAc,CAAC,GACpD,GAAI,aAAa,KAAA,IAAa,CAAC,iBAAiB,IAAc,CAAC,CACjE,GACA,SACF;CACA,IAAI,SAAS,KAAA,KAAa,aAAa,KAAA,GACrC,OACE,qBAAC,KAAD;EACQ;EACI;EACV,cAAY,KAAK;EACjB,MAAM;EACN,WAAW;EALb,UAAA,CAOG,SAAS,oBAAC,OAAD;GAAO,eAAA;GAAY,QAAO;EAAQ,CAAA,GAC3C,QACA;;CAGP,IAAI,SAAS,KAAA,GACX,OACE,qBAAC,KAAD;EACQ;EACN,QAAO;EACP,KAAI;EACJ,cAAY,KAAK;EACjB,MAAM;EACN,WAAW;EANb,UAAA;GAQG,SAAS,oBAAC,OAAD;IAAO,eAAA;IAAY,QAAO;GAAQ,CAAA;GAC3C;GACD,oBAAC,kBAAD;IAAkB,eAAA;IAAY,QAAO;GAAQ,CAAA;EAC5C;;CAGP,OACE,qBAAC,UAAD;EACQ;EACN,gBAAc,WAAW,KAAA;EACzB,MAAM;EACN,WAAW;EACX,GAAI;EALN,UAAA,CAOG,SAAS,oBAAC,OAAD;GAAO,eAAA;GAAY,QAAO;EAAQ,CAAA,GAC3C,QACK;;AAEZ"}

package/dist/kit/Card.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+//#region src/kit/Card.d.ts
+/**
+ * Things under a title and a quieter line, set apart in one hairline box lifted a hair. With
+ * `image`, the head starts with it, bare, as `Mark` draws a logo.
+ */
+export declare function Card({ title, subtitle, image, className, children }: {
+  title?: ReactNode;
+  subtitle?: ReactNode;
+  /** A logo or a picture at the head's start. */
+  image?: string | undefined;
+  className?: string | undefined;
+  children: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Card.d.ts.map

package/dist/kit/Card.js

@@ -0,0 +1,36 @@
+import { joined, useParts } from "./context.js";
+import { Mark } from "./Mark.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/kit/Card.tsx
+/**
+* Things under a title and a quieter line, set apart in one hairline box lifted a hair. With
+* `image`, the head starts with it, bare, as `Mark` draws a logo.
+*/
+function Card({ title, subtitle, image, className, children }) {
+	const part = useParts();
+	const words = (title !== void 0 || subtitle !== void 0) && /* @__PURE__ */ jsxs("div", {
+		className: part("sc-panel__heading"),
+		children: [title !== void 0 && /* @__PURE__ */ jsx("h3", {
+			className: part("sc-panel__title"),
+			children: title
+		}), subtitle !== void 0 && /* @__PURE__ */ jsx("p", {
+			className: part("sc-panel__subtitle"),
+			children: subtitle
+		})]
+	});
+	return /* @__PURE__ */ jsxs("section", {
+		part: "card",
+		className: joined(part("sc-panel"), className),
+		children: [(words !== false || image !== void 0) && /* @__PURE__ */ jsxs("header", {
+			className: part("sc-panel__head", ...image !== void 0 ? ["sc-panel__head--image"] : []),
+			children: [image !== void 0 && /* @__PURE__ */ jsx(Mark, {
+				src: image,
+				size: 44
+			}), words]
+		}), children]
+	});
+}
+//#endregion
+export { Card };
+
+//# sourceMappingURL=Card.js.map

package/dist/kit/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":[],"sources":["../../src/kit/Card.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport { joined, useParts } from \"./context\";\nimport { Mark } from \"./Mark\";\n\n/**\n * Things under a title and a quieter line, set apart in one hairline box lifted a hair. With\n * `image`, the head starts with it, bare, as `Mark` draws a logo.\n */\nexport function Card({\n  title,\n  subtitle,\n  image,\n  className,\n  children,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  /** A logo or a picture at the head's start. */\n  image?: string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  const part = useParts();\n  const words = (title !== undefined || subtitle !== undefined) && (\n    <div className={part(\"sc-panel__heading\")}>\n      {title !== undefined && <h3 className={part(\"sc-panel__title\")}>{title}</h3>}\n      {subtitle !== undefined && <p className={part(\"sc-panel__subtitle\")}>{subtitle}</p>}\n    </div>\n  );\n  return (\n    <section part=\"card\" className={joined(part(\"sc-panel\"), className)}>\n      {(words !== false || image !== undefined) && (\n        <header\n          className={part(\n            \"sc-panel__head\",\n            ...(image !== undefined ? ([\"sc-panel__head--image\"] as const) : []),\n          )}\n        >\n          {image !== undefined && <Mark src={image} size={44} />}\n          {words}\n        </header>\n      )}\n      {children}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,KAAK,EACnB,OACA,UACA,OACA,WACA,YAQC;CACD,MAAM,OAAO,SAAS;CACtB,MAAM,SAAS,UAAU,KAAA,KAAa,aAAa,KAAA,MACjD,qBAAC,OAAD;EAAK,WAAW,KAAK,mBAAmB;EAAxC,UAAA,CACG,UAAU,KAAA,KAAa,oBAAC,MAAD;GAAI,WAAW,KAAK,iBAAiB;GAAI,UAAA;EAAU,CAAA,GAC1E,aAAa,KAAA,KAAa,oBAAC,KAAD;GAAG,WAAW,KAAK,oBAAoB;GAAI,UAAA;EAAY,CAAA,CAC/E;;CAEP,OACE,qBAAC,WAAD;EAAS,MAAK;EAAO,WAAW,OAAO,KAAK,UAAU,GAAG,SAAS;EAAlE,UAAA,EACI,UAAU,SAAS,UAAU,KAAA,MAC7B,qBAAC,UAAD;GACE,WAAW,KACT,kBACA,GAAI,UAAU,KAAA,IAAa,CAAC,uBAAuB,IAAc,CAAC,CACpE;GAJF,UAAA,CAMG,UAAU,KAAA,KAAa,oBAAC,MAAD;IAAM,KAAK;IAAO,MAAM;GAAK,CAAA,GACpD,KACK;EAET,CAAA,GAAA,QACM;;AAEb"}