@rokkit/ui 1.3.3 → 1.3.5

package/src/types/chat.ts

@@ -1,81 +0,0 @@
-import type { Snippet } from 'svelte'
-
-export type ChatRole = 'user' | 'assistant' | 'system'
-export type ChatStatus = 'streaming' | 'error' | 'done'
-
-export interface ChatMessage<T = unknown> {
-	id: string
-	role: ChatRole
-	/** Default body, rendered as markdown by the built-in body snippet. */
-	text?: string
-	timestamp?: string
-	/** Drives the optional typing/error affordance; consumer sets it. */
-	status?: ChatStatus
-	/** Arbitrary payload (parts/blocks/chart spec/form schema) the consumer's `message` snippet reads. */
-	data?: T
-}
-
-export interface ConversationSummary {
-	id: string
-	title: string
-	timestamp?: string
-}
-
-export interface ChatMessageProps {
-	message: ChatMessage
-	relativeTime?: boolean
-	body?: Snippet<[ChatMessage]>
-	avatar?: Snippet<[ChatMessage]>
-	label?: Snippet<[ChatMessage]>
-}
-
-export interface ChatComposerProps {
-	value?: string
-	placeholder?: string
-	disabled?: boolean
-	busy?: boolean
-	onsubmit?: (text: string) => void
-	onchange?: (value: string) => void
-	suggestions?: Snippet
-	toolbar?: Snippet
-	leading?: Snippet
-}
-
-export interface ChatHistoryProps {
-	conversations?: ConversationSummary[]
-	activeId?: string | null
-	relativeTime?: boolean
-	onselect?: (id: string) => void
-	onnew?: () => void
-	ondelete?: (id: string) => void
-	item?: Snippet<[ConversationSummary]>
-	empty?: Snippet
-	header?: Snippet
-}
-
-export interface ChatTimelineProps {
-	messages?: ChatMessage[]
-	relativeTime?: boolean
-	autoscroll?: boolean
-	message?: Snippet<[ChatMessage]>
-	empty?: Snippet
-}
-
-export interface ChatShellProps {
-	messages?: ChatMessage[]
-	conversations?: ConversationSummary[]
-	activeConversationId?: string | null
-	value?: string
-	placeholder?: string
-	busy?: boolean
-	onsubmit?: (text: string) => void
-	onchange?: (value: string) => void
-	onselectConversation?: (id: string) => void
-	onnew?: () => void
-	message?: Snippet<[ChatMessage]>
-	suggestions?: Snippet
-	toolbar?: Snippet
-	leading?: Snippet
-	historyItem?: Snippet<[ConversationSummary]>
-	empty?: Snippet
-}

package/src/types/code.ts

@@ -1,147 +0,0 @@
-/**
- * Code component types — Code, CodeBlock, CodeGroup
- */
-
-import type { Snippet } from 'svelte'
-import { DEFAULT_STATE_ICONS } from '@rokkit/core'
-
-/** Supported themes for code highlighting */
-export type CodeTheme = 'light' | 'dark'
-
-/**
- * Icons configuration for code action states.
- * Keys match the naming convention in @rokkit/core DEFAULT_STATE_ICONS.
- */
-export interface CodeStateIcons {
-	/** Icon class for copy button */
-	copy?: string
-	/** Icon class for copy success state */
-	copysuccess?: string
-}
-
-/**
- * Default state icons — uses semantic names from @rokkit/core
- * that get resolved to actual icon classes via UnoCSS shortcuts.
- */
-export const defaultCodeStateIcons: CodeStateIcons = {
-	copy: DEFAULT_STATE_ICONS.action.copy,
-	copysuccess: DEFAULT_STATE_ICONS.action.copysuccess
-}
-
-/** Props for the Code component */
-export interface CodeProps {
-	/** The code string to display and highlight */
-	code: string
-	/** Programming language for syntax highlighting */
-	language?: string
-	/** Color theme for the code block */
-	theme?: CodeTheme
-	/** Whether to show line numbers */
-	showLineNumbers?: boolean
-	/** Whether to show the copy button */
-	showCopyButton?: boolean
-	/** Icons for copy action states */
-	icons?: CodeStateIcons
-	/** Additional CSS class */
-	class?: string
-}
-
-/**
- * Shiki theme mode for CodeBlock.
- *
- * `'auto'` follows `body[data-mode]` (light / dark). Pass `'light'` or
- * `'dark'` to force a theme.
- */
-export type CodeBlockTheme = 'auto' | 'light' | 'dark'
-
-/**
- * Props for the CodeBlock component.
- *
- * Wraps a Shiki-highlighted code body in a Frame whose header carries the
- * filename + language chip and optional action buttons.
- */
-export interface CodeBlockProps {
-	/** The code body. */
-	code: string
-
-	/** Language label shown as a chip in the header and used for highlighting. */
-	language?: string
-
-	/** Filename label shown in the header. */
-	filename?: string
-
-	/** Max height (CSS length) of the scrollable code area. No cap when unset. */
-	height?: string
-
-	/** Shiki theme mode. Default `'auto'`. */
-	theme?: CodeBlockTheme
-
-	/** Show the copy-to-clipboard button. Default `false`. */
-	allowCopy?: boolean
-
-	/** Show the download-as-file button. Default `false`. */
-	allowDownload?: boolean
-
-	/** Optional extra-actions slot rendered after copy / download. */
-	actions?: Snippet
-}
-
-/**
- * One file in a CodeGroup.
- *
- * The `path` doubles as id and tree placement (e.g. `src/lib/Button.svelte`).
- * Intermediate segments become folder nodes; the final segment becomes a
- * file leaf.
- */
-export interface CodeGroupFile {
-	/** Full path used as id and for tree placement. */
-	path: string
-
-	/** Shiki language id. */
-	language: string
-
-	/** Source code. */
-	code: string
-
-	/** Display name override — defaults to the path's last segment. */
-	name?: string
-
-	/** File icon override (full icon class) — defaults to extension lookup. */
-	icon?: string
-}
-
-/**
- * Icon overrides for the CodeGroup component, grouped by semantic category.
- */
-export interface CodeGroupIconOverrides {
-	doc?: Partial<typeof DEFAULT_STATE_ICONS.doc>
-	folder?: Partial<typeof DEFAULT_STATE_ICONS.folder>
-	view?: Partial<typeof DEFAULT_STATE_ICONS.view>
-	action?: Partial<typeof DEFAULT_STATE_ICONS.action>
-}
-
-/**
- * Props for the CodeGroup component.
- *
- * Renders a hierarchical tree picker over multiple files with an optional
- * collapsible preview panel.
- */
-export interface CodeGroupProps {
-	/** Files rendered in the group. */
-	files: CodeGroupFile[]
-
-	/** Path of the file selected on first render. Defaults to the first file. */
-	initialFile?: string
-
-	/** Additional CSS class. */
-	class?: string
-
-	/** Icon overrides per semantic category. */
-	icons?: CodeGroupIconOverrides
-
-	/** Optional preview content — toggled by a "Show preview" action. */
-	preview?: Snippet
-
-	/** Show the copy button on the inner CodeBlock. Default `true`. */
-	showCopyButton?: boolean
-}

package/src/types/connector.ts

@@ -1,22 +0,0 @@
-/**
- * Connector Component Types
- *
- * The `Connector` component renders tree-line connectors used by hierarchical
- * visualizations (Tree, lists with indent guides). The underlying connector
- * type values are defined in `./tree.ts` and re-exported here for ergonomics.
- */
-
-import type { ConnectorType } from './tree.js'
-
-export type { ConnectorType } from './tree.js'
-
-/**
- * Props for the Connector component.
- */
-export interface ConnectorProps {
-	/** The type of connector to render. Default `'empty'`. */
-	type?: ConnectorType
-
-	/** Right-to-left layout support. */
-	rtl?: boolean
-}

package/src/types/divider.ts

@@ -1,20 +0,0 @@
-/**
- * Divider Component Types
- */
-
-/** Divider orientation. */
-export type DividerOrientation = 'horizontal' | 'vertical'
-
-/**
- * Props for the Divider component.
- */
-export interface DividerProps {
-	/** Orientation of the divider. */
-	orientation?: DividerOrientation
-
-	/** Optional label text rendered inline with the divider. */
-	label?: string
-
-	/** Additional CSS class. */
-	class?: string
-}

package/src/types/floating-action.ts

@@ -1,123 +0,0 @@
-import type { Snippet } from 'svelte'
-
-/**
- * Field mapping for FloatingAction items
- */
-export type FloatingActionFields = Record<string, string>
-
-/**
- * Default field mappings
- */
-export const defaultFloatingActionFields: Required<
-	Pick<FloatingActionFields, 'text' | 'value' | 'icon' | 'label' | 'disabled'>
-> = {
-	text: 'text',
-	value: 'value',
-	icon: 'icon',
-	label: 'label',
-	disabled: 'disabled'
-}
-
-/**
- * A single action item
- */
-export type FloatingActionItem = Record<string, unknown>
-
-/**
- * Event handlers passed to custom snippets
- */
-export interface FloatingActionItemHandlers {
-	onclick: () => void
-	onkeydown: (event: KeyboardEvent) => void
-}
-
-/**
- * Custom snippet for rendering an action item
- */
-export type FloatingActionItemSnippet = Snippet<
-	[item: FloatingActionItem, fields: FloatingActionFields, handlers: FloatingActionItemHandlers]
->
-
-/**
- * Position options for the FAB
- */
-export type FloatingActionPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'
-
-/**
- * Expansion direction for action items
- */
-export type FloatingActionExpand = 'radial' | 'vertical' | 'horizontal'
-
-/**
- * Alignment for action items in the menu
- */
-export type FloatingActionItemAlign = 'start' | 'center' | 'end'
-
-/**
- * Icons for the FloatingAction trigger button
- */
-export interface FloatingActionIcons {
-	/** Icon for the main trigger (add action) */
-	add?: string
-	/** Icon shown when menu is open (close action) */
-	close?: string
-}
-
-/**
- * Props for the FloatingAction component
- */
-export interface FloatingActionProps {
-	/** Array of action items */
-	items?: FloatingActionItem[]
-
-	/** Field mapping configuration */
-	fields?: FloatingActionFields
-
-	/** Custom icons for the trigger button */
-	icons?: FloatingActionIcons
-
-	/** Accessible label for the trigger */
-	label?: string
-
-	/** Size variant */
-	size?: 'sm' | 'md' | 'lg'
-
-	/** Position on screen */
-	position?: FloatingActionPosition
-
-	/** How items expand when opened */
-	expand?: FloatingActionExpand
-
-	/** Alignment of items in the menu (start/center/end) */
-	itemAlign?: FloatingActionItemAlign
-
-	/** Disable the FAB */
-	disabled?: boolean
-
-	/** Whether the menu is open (bindable) */
-	open?: boolean
-
-	/** Show backdrop overlay when open */
-	backdrop?: boolean
-
-	/** Position relative to nearest positioned ancestor instead of viewport */
-	contained?: boolean
-
-	/** Called when an action is selected */
-	onselect?: (value: unknown, item: FloatingActionItem) => void
-
-	/** Called when menu opens */
-	onopen?: () => void
-
-	/** Called when menu closes */
-	onclose?: () => void
-
-	/** Additional CSS classes */
-	class?: string
-
-	/** Custom snippet for rendering action items */
-	item?: FloatingActionItemSnippet
-}
-
-// Re-export getSnippet for convenience
-export { getSnippet } from './menu.js'

package/src/types/floating-navigation.ts

@@ -1,80 +0,0 @@
-import type { Snippet } from 'svelte'
-
-/**
- * Position on the screen edge
- */
-export type FloatingNavigationPosition = 'left' | 'right' | 'top' | 'bottom'
-
-/**
- * Size variant
- */
-export type FloatingNavigationSize = 'sm' | 'md' | 'lg'
-
-/**
- * A single navigation item
- */
-export type FloatingNavigationItem = Record<string, unknown>
-
-/**
- * Custom snippet for rendering a navigation item
- */
-export type FloatingNavigationItemSnippet = Snippet<
-	[item: FloatingNavigationItem, proxy: { text: string; icon: string; active: boolean }]
->
-
-/**
- * Icons for the FloatingNavigation pin button
- */
-export interface FloatingNavigationIcons {
-	/** Icon for pin action */
-	pin?: string
-	/** Icon for unpin action */
-	unpin?: string
-}
-
-/**
- * Props for the FloatingNavigation component
- */
-export interface FloatingNavigationProps {
-	/** Navigation items (data-driven) */
-	items?: FloatingNavigationItem[]
-
-	/** Field mapping configuration */
-	fields?: Record<string, string>
-
-	/** Custom icons for pin/unpin */
-	icons?: FloatingNavigationIcons
-
-	/** Active item value (bindable) */
-	value?: unknown
-
-	/** Screen edge to anchor to */
-	position?: FloatingNavigationPosition
-
-	/** Whether nav is pinned open (bindable) */
-	pinned?: boolean
-
-	/** Auto-track active section via IntersectionObserver */
-	observe?: boolean
-
-	/** IntersectionObserver config */
-	observerOptions?: IntersectionObserverInit
-
-	/** Size variant */
-	size?: FloatingNavigationSize
-
-	/** Accessible label */
-	label?: string
-
-	/** Called when an item is selected */
-	onselect?: (value: unknown, item: FloatingNavigationItem) => void
-
-	/** Called when pin state changes */
-	onpinchange?: (pinned: boolean) => void
-
-	/** Custom snippet for rendering items */
-	item?: FloatingNavigationItemSnippet
-
-	/** Additional CSS classes */
-	class?: string
-}

package/src/types/frame.ts

@@ -1,29 +0,0 @@
-/**
- * Frame Component Types
- *
- * Generic header / body / footer container primitive — used by CodeBlock,
- * PlotPlugin and other "card-shaped UI block" surfaces. For an interactive
- * card (link / button) prefer `<Card/>`.
- */
-
-import type { Snippet } from 'svelte'
-
-/**
- * Props for the Frame component.
- */
-export interface FrameProps {
-	/** Top slot — title, action chips, status badges, etc. */
-	header?: Snippet
-
-	/** Main content. */
-	children?: Snippet
-
-	/** Bottom slot — metadata, actions, secondary controls. */
-	footer?: Snippet
-
-	/**
-	 * When true the body slot has zero padding so the inner artifact
-	 * (a chart, a `<pre>`, a table) controls its own padding.
-	 */
-	flush?: boolean
-}

package/src/types/index.ts

@@ -1,137 +0,0 @@
-// Button Types
-export * from './button.js'
-
-// Code Types
-export * from './code.js'
-
-// Menu Types
-export * from './menu.js'
-
-// Select Types
-export * from './select.js'
-
-// Toolbar Types
-export * from './toolbar.js'
-
-// Tabs Types
-export * from './tabs.js'
-
-// Toggle Types
-export * from './toggle.js'
-
-// Switch Types
-export * from './switch.js'
-
-// List Types
-export * from './list.js'
-
-// LockMode Types
-export * from './lock-mode.js'
-
-// Tree Types
-export * from './tree.js'
-
-// Floating Action Types
-export * from './floating-action.js'
-
-// Palette Types
-export * from './palette.js'
-
-// Table Types
-export * from './table.js'
-export * from './tree-table.js'
-
-// SearchFilter Types
-export * from './search-filter.js'
-
-// Range Types
-export * from './range.js'
-
-// Timeline Types
-export * from './timeline.js'
-
-// FloatingNavigation Types
-export * from './floating-navigation.js'
-
-// Upload Types
-export * from './upload-target.js'
-export * from './upload-file-status.js'
-export * from './upload-progress.js'
-
-// Tooltip Types
-export * from './tooltip.js'
-
-// ItemContent Types
-export * from './item-content.js'
-
-// ItemSwitch Types
-export * from './item-switch.js'
-
-// ItemToggle Types
-export * from './item-toggle.js'
-
-// StatusList Types
-export * from './status-list.js'
-
-// AlertList Types
-export * from './alert-list.js'
-
-// Avatar Types
-export * from './avatar.js'
-
-// Badge Types
-export * from './badge.js'
-
-// BreadCrumbs Types
-export * from './breadcrumbs.js'
-
-// Card Types
-export * from './card.js'
-
-// Carousel Types
-export * from './carousel.js'
-
-// Connector Types
-export * from './connector.js'
-
-// Divider Types
-export * from './divider.js'
-
-// Frame Types
-export * from './frame.js'
-
-// Message Types
-export * from './message.js'
-
-// NavContent Types
-export * from './nav-content.js'
-
-// Pill Types
-export * from './pill.js'
-
-// ProgressBar Types
-export * from './progress-bar.js'
-
-// Rating Types
-export * from './rating.js'
-
-// ResponsiveGrid Types
-export * from './responsive-grid.js'
-
-// Reveal Types
-export * from './reveal.js'
-
-// Shine Types
-export * from './shine.js'
-
-// Stack Types
-export * from './stack.js'
-
-// Stepper Types
-export * from './stepper.js'
-
-// Tilt Types
-export * from './tilt.js'
-
-// Chat Types
-export * from './chat.js'

package/src/types/item-content.ts

@@ -1,26 +0,0 @@
-/**
- * ItemContent Component Types
- *
- * Default inner content for List / Menu / Tree / Toolbar items.
- * Renders avatar/icon, label + subtext, optional badge and shortcut from a
- * ProxyItem wrapper that exposes field access and reactive state.
- */
-
-import type { ProxyItem } from '@rokkit/states'
-
-/**
- * Props for the ItemContent component.
- */
-export interface ItemContentProps {
-	/**
-	 * ProxyItem wrapper around the underlying data — exposes `label`,
-	 * `get(field)`, and the item's reactive selection / expansion state.
-	 */
-	proxy: ProxyItem
-
-	/** Render the avatar / icon slot. Default: `true`. */
-	showIcon?: boolean
-
-	/** Render the description / subtext line under the label. Default: `true`. */
-	showSubtext?: boolean
-}

package/src/types/item-switch.ts

@@ -1,34 +0,0 @@
-/**
- * ItemSwitch Component Types
- *
- * Renders a switch-shaped visual inside a data-driven item snippet
- * (List / Menu / Tree). The whole row is the interactive target — clicking it
- * toggles the underlying data through the parent's onselect flow. ItemSwitch
- * itself renders inert markup (spans + attributes), so it never introduces a
- * nested interactive element inside the item's `<button>` wrapper.
- */
-
-import type { ProxyItem } from '@rokkit/states'
-
-export interface ItemSwitchProps {
-	/** ProxyItem for the current row. */
-	proxy: ProxyItem
-
-	/**
-	 * Field on the item that holds the boolean checked state.
-	 * @default 'checked'
-	 */
-	field?: string
-
-	/** Size variant — feeds into `data-switch-size` for theming. */
-	size?: 'sm' | 'md' | 'lg'
-
-	/** Render the leading avatar / icon (via ItemContent). @default true */
-	showIcon?: boolean
-
-	/** Render subtext under the label (via ItemContent). @default true */
-	showSubtext?: boolean
-
-	/** Optional class on the wrapper span. */
-	class?: string
-}