@rokkit/ui 1.3.4 → 1.3.5

package/src/types/range.ts

@@ -1,51 +0,0 @@
-/**
- * Range Component Types
- *
- * Custom slider with single or dual-handle modes,
- * tick marks, drag interaction, and keyboard support.
- */
-
-// =============================================================================
-// Component Props Types
-// =============================================================================
-
-/**
- * Props for the Range component
- */
-export interface RangeProps {
-	/** Current value in single mode (bindable) */
-	value?: number
-
-	/** Lower bound value in range mode (bindable) */
-	lower?: number
-
-	/** Upper bound value in range mode (bindable) */
-	upper?: number
-
-	/** Minimum value (default: 0) */
-	min?: number
-
-	/** Maximum value (default: 100) */
-	max?: number
-
-	/** Step increment (default: 1, 0 = continuous) */
-	step?: number
-
-	/** Whether to show dual handles for range selection */
-	range?: boolean
-
-	/** Number of tick divisions (default: 0 = no ticks) */
-	ticks?: number
-
-	/** Show label every N ticks (default: 0 = show all) */
-	labelSkip?: number
-
-	/** Disabled state */
-	disabled?: boolean
-
-	/** Called when value changes */
-	onchange?: (value: number | [number, number]) => void
-
-	/** Additional CSS class */
-	class?: string
-}

package/src/types/rating.ts

@@ -1,43 +0,0 @@
-/**
- * Rating Component Types
- */
-
-/**
- * Icon overrides for the Rating component.
- */
-export interface RatingIcons {
-	/** Icon class for a filled star. */
-	filled?: string
-
-	/** Icon class for an empty star. */
-	empty?: string
-
-	/** Icon class for a half-filled star. */
-	half?: string
-}
-
-/**
- * Props for the Rating component.
- */
-export interface RatingProps {
-	/** Current rating value (bindable). */
-	value?: number
-
-	/** Maximum number of stars. Default `5`. */
-	max?: number
-
-	/** Disabled state. */
-	disabled?: boolean
-
-	/** Accessible label for the surrounding radio group. */
-	label?: string
-
-	/** Custom icon overrides. */
-	icons?: RatingIcons
-
-	/** Called when the value changes. */
-	onchange?: (value: number) => void
-
-	/** Additional CSS class. */
-	class?: string
-}

package/src/types/responsive-grid.ts

@@ -1,25 +0,0 @@
-/**
- * ResponsiveGrid Component Types
- */
-
-import type { Snippet } from 'svelte'
-
-/**
- * Props for the ResponsiveGrid component.
- */
-export interface ResponsiveGridProps {
-	/** Minimum column width — CSS length value. */
-	minWidth?: string
-
-	/** Gap between cells — CSS length value. */
-	gap?: string
-
-	/** Maximum number of columns. */
-	maxCols?: number
-
-	/** Grid children. */
-	children: Snippet
-
-	/** Additional CSS class. */
-	class?: string
-}

package/src/types/reveal.ts

@@ -1,49 +0,0 @@
-/**
- * Reveal Component Types
- */
-
-import type { Snippet } from 'svelte'
-
-/** Slide direction for the reveal animation. */
-export type RevealDirection = 'up' | 'down' | 'left' | 'right' | 'none'
-
-/**
- * Props for the Reveal component.
- *
- * Wraps the `reveal` action so children animate in once they intersect the
- * viewport.
- */
-export interface RevealProps {
-	/** Slide direction. Default `'up'`. */
-	direction?: RevealDirection
-
-	/** Slide distance — CSS length value. Default `'1.5rem'`. */
-	distance?: string
-
-	/** Transition duration in milliseconds. Default `600`. */
-	duration?: number
-
-	/** Delay before animation starts in milliseconds. Default `0`. */
-	delay?: number
-
-	/**
-	 * Delay increment per direct child in milliseconds — used for staggered
-	 * reveals. Default `0`.
-	 */
-	stagger?: number
-
-	/** Animate only on first intersection. Default `true`. */
-	once?: boolean
-
-	/** IntersectionObserver threshold (0–1). Default `0.1`. */
-	threshold?: number
-
-	/** CSS easing function. */
-	easing?: string
-
-	/** Additional CSS class. */
-	class?: string
-
-	/** Content to reveal. */
-	children?: Snippet
-}

package/src/types/search-filter.ts

@@ -1,67 +0,0 @@
-/**
- * SearchFilter Component Types
- *
- * Provides types for the standalone SearchFilter component.
- * Parses user input into structured filter objects using parseFilters() from @rokkit/data.
- */
-
-// =============================================================================
-// Filter Types
-// =============================================================================
-
-/**
- * A parsed filter condition.
- */
-export interface FilterObject {
-	/** Column to filter (undefined = search all columns) */
-	column?: string
-
-	/** Comparison operator */
-	operator: string
-
-	/** Filter value */
-	value: string | number | RegExp
-}
-
-// =============================================================================
-// Snippet Types
-// =============================================================================
-
-/**
- * Snippet for custom filter tag rendering.
- * Parameters: filter, remove callback
- */
-export type SearchFilterTagSnippet = import('svelte').Snippet<[FilterObject, () => void]>
-
-// =============================================================================
-// Component Props
-// =============================================================================
-
-/**
- * Props for the SearchFilter component.
- */
-export interface SearchFilterProps {
-	/** Parsed filter array (bindable) */
-	filters?: FilterObject[]
-
-	/** Debounce delay in ms — default: 300 */
-	debounce?: number
-
-	/** Input placeholder text */
-	placeholder?: string
-
-	/** Column name hints for autocomplete (future use) */
-	columns?: string[]
-
-	/** Called when filters change */
-	onfilter?: (filters: FilterObject[]) => void
-
-	/** Additional CSS classes */
-	class?: string
-
-	/** Size variant */
-	size?: 'sm' | 'md' | 'lg'
-
-	/** Custom filter tag snippet */
-	tag?: SearchFilterTagSnippet
-}

package/src/types/select.ts

@@ -1,176 +0,0 @@
-/**
- * Select Component Types
- *
- * Provides types for the data-driven Select and MultiSelect components.
- * Field mapping and data access is handled by ProxyItem from @rokkit/states.
- */
-
-import type { Snippet } from 'svelte'
-import type { ProxyItem } from '@rokkit/states'
-import { DEFAULT_STATE_ICONS } from '@rokkit/core'
-
-// =============================================================================
-// Select Item Types
-// =============================================================================
-
-/**
- * Generic select item - can be any object with mapped fields
- */
-export type SelectItem = Record<string, unknown>
-
-// =============================================================================
-// Legacy types — retained while PaletteManager still uses old snippet API
-// =============================================================================
-
-/** @deprecated Legacy handlers — will be removed when PaletteManager migrates to Navigator stack */
-export interface SelectItemHandlers {
-	onclick: () => void
-	onkeydown: (event: KeyboardEvent) => void
-}
-
-// =============================================================================
-// Snippet Types — ProxyItem-based API
-// =============================================================================
-
-/**
- * Snippet type for rendering a single option in the dropdown.
- * The component renders the focusable wrapper; the snippet renders the inner content.
- * Navigator handles click selection via data-path — no handlers needed in snippet.
- */
-export type SelectOptionSnippet = Snippet<[ProxyItem]>
-
-/**
- * Snippet type for rendering a group header label.
- */
-export type SelectGroupLabelSnippet = Snippet<[ProxyItem]>
-
-/**
- * Snippet type for rendering the selected value display in the trigger button.
- */
-export type SelectValueSnippet = Snippet<[ProxyItem]>
-
-/**
- * Snippet type for rendering selected values in MultiSelect trigger.
- * Receives the array of selected ProxyItems.
- */
-export type MultiSelectValueSnippet = Snippet<[ProxyItem[]]>
-
-// =============================================================================
-// Component Props Types
-// =============================================================================
-
-/**
- * Common props shared between Select and MultiSelect
- */
-export interface SelectBaseProps {
-	/** Array of select options or groups */
-	options?: SelectItem[]
-
-	/** Field mapping — overrides BASE_FIELDS defaults (text → 'label', value → 'value', …) */
-	fields?: Record<string, string>
-
-	/** Placeholder text when no selection */
-	placeholder?: string
-
-	/** Size variant */
-	size?: 'sm' | 'md' | 'lg'
-
-	/** Dropdown alignment relative to trigger */
-	align?: 'left' | 'right' | 'start' | 'end'
-
-	/** Dropdown slide direction */
-	direction?: 'up' | 'down'
-
-	/** Maximum visible rows in dropdown (default: 5) */
-	maxRows?: number
-
-	/** Whether the select is disabled */
-	disabled?: boolean
-
-	/** Additional CSS classes on root element */
-	class?: string
-
-	/** Icons for select states (dropdown arrow, check, remove) */
-	icons?: SelectStateIcons
-
-	/** Custom snippet for rendering options in dropdown */
-	option?: SelectOptionSnippet
-
-	/** Custom snippet for rendering group labels */
-	groupLabel?: SelectGroupLabelSnippet
-
-	/** Enable typeahead filter input in dropdown header */
-	filterable?: boolean
-
-	/** Placeholder text for the filter input */
-	filterPlaceholder?: string
-}
-
-/**
- * Props for the Select component (single selection)
- */
-export interface SelectProps extends SelectBaseProps {
-	/** Currently selected value (bindable) — extracted via item[fields.value] */
-	value?: unknown
-
-	/** Currently selected raw item (bindable) — full object from options array */
-	selected?: SelectItem | null
-
-	/** Called when selection changes */
-	onchange?: (value: unknown, item: SelectItem) => void
-
-	/** Custom snippet for rendering the selected value in the trigger */
-	selectedValue?: SelectValueSnippet
-}
-
-/**
- * Props for the MultiSelect component (multiple selection)
- */
-export interface MultiSelectProps extends SelectBaseProps {
-	/** Currently selected values (bindable) - extracted primitives */
-	value?: unknown[]
-
-	/** Currently selected items (bindable) - full item objects for convenience */
-	selected?: SelectItem[]
-
-	/** Called when selection changes */
-	onchange?: (values: unknown[], items: SelectItem[]) => void
-
-	/** Maximum number of tags to show before collapsing to count */
-	maxDisplay?: number
-}
-
-// =============================================================================
-// State Icons
-// =============================================================================
-
-/**
- * Icons configuration for select expand/collapse and selection states.
- */
-export interface SelectStateIcons {
-	/** Icon class for dropdown arrow (open state) */
-	opened?: string
-	/** Icon class for dropdown arrow (closed state) */
-	closed?: string
-	/** Icon class for selected item indicator */
-	checked?: string
-	/** Icon class for tag remove button (MultiSelect) */
-	remove?: string
-}
-
-/**
- * Default state icons — uses semantic names from @rokkit/core
- * that get resolved to actual icon classes via UnoCSS shortcuts.
- */
-export const defaultSelectStateIcons: SelectStateIcons = {
-	opened: DEFAULT_STATE_ICONS.selector.opened,
-	closed: DEFAULT_STATE_ICONS.selector.closed,
-	checked: DEFAULT_STATE_ICONS.checkbox.checked,
-	remove: DEFAULT_STATE_ICONS.action.remove
-}
-
-// =============================================================================
-// Helper Functions
-// =============================================================================
-
-export { getSnippet } from './menu.js'

package/src/types/shine.ts

@@ -1,37 +0,0 @@
-/**
- * Shine Component Types
- *
- * Renders an SVG specular-lighting filter that tracks pointer position to
- * give wrapped content a moving highlight.
- */
-
-import type { Snippet } from 'svelte'
-
-/**
- * Props for the Shine component.
- */
-export interface ShineProps {
-	/** Light color. Default `'rgb(var(--primary-500))'`. */
-	color?: string
-
-	/** Light source distance / height — controls highlight spread. Default `300`. */
-	radius?: number
-
-	/** Gaussian blur depth applied to the highlight. Default `1`. */
-	depth?: number
-
-	/** Surface height for the light filter. Default `2`. */
-	surfaceScale?: number
-
-	/** Reflection size — bigger = bigger reflection. Default `0.75`. */
-	specularConstant?: number
-
-	/** Light source focus — bigger = brighter. Default `120`. */
-	specularExponent?: number
-
-	/** Additional CSS class. */
-	class?: string
-
-	/** Content the highlight wraps. */
-	children?: Snippet
-}

package/src/types/stack.ts

@@ -1,40 +0,0 @@
-/**
- * Stack Component Types
- */
-
-import type { Snippet } from 'svelte'
-
-/** Layout direction. */
-export type StackDirection = 'vertical' | 'horizontal'
-
-/** Gap size between children — maps to the theme's spacing scale. */
-export type StackGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-
-/** Cross-axis alignment. */
-export type StackAlign = 'start' | 'center' | 'end' | 'stretch'
-
-/** Main-axis justification. */
-export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around'
-
-/**
- * Props for the Stack component.
- */
-export interface StackProps {
-	/** Layout direction. */
-	direction?: StackDirection
-
-	/** Gap size between children. */
-	gap?: StackGap
-
-	/** Cross-axis alignment. */
-	align?: StackAlign
-
-	/** Main-axis justification. */
-	justify?: StackJustify
-
-	/** Stack children. */
-	children: Snippet
-
-	/** Additional CSS class. */
-	class?: string
-}

package/src/types/status-list.ts

@@ -1,42 +0,0 @@
-/**
- * StatusList Component Types
- *
- * Renders a vertical list of status rows — each with a label and a status
- * keyword that maps to a badge icon (e.g. `pass`, `fail`, `warn`).
- */
-
-import { DEFAULT_STATE_ICONS } from '@rokkit/core'
-
-/**
- * Built-in badge status keys provided by `@rokkit/core`. Consumers may also
- * pass any other string and supply a matching entry via the `icons` prop.
- */
-export type StatusListStatus = keyof typeof DEFAULT_STATE_ICONS.badge | (string & {})
-
-/**
- * One row in a StatusList — a label paired with a status keyword.
- */
-export interface StatusListItem {
-	/** Text rendered for this row. */
-	text: string
-
-	/** Status keyword used to look up the badge icon. */
-	status: StatusListStatus
-}
-
-/**
- * Props for the StatusList component.
- */
-export interface StatusListProps {
-	/** Additional CSS class applied to the root element. */
-	class?: string
-
-	/** Rows to render. */
-	items: StatusListItem[]
-
-	/**
-	 * Override the default badge icon map (`pass` / `fail` / `warn` / `unknown`).
-	 * Merged on top of `DEFAULT_STATE_ICONS.badge` from `@rokkit/core`.
-	 */
-	icons?: Partial<Record<string, string>>
-}

package/src/types/stepper.ts

@@ -1,74 +0,0 @@
-/**
- * Stepper Component Types
- */
-
-import type { Snippet } from 'svelte'
-
-/** Layout orientation for the stepper. */
-export type StepperOrientation = 'horizontal' | 'vertical'
-
-/**
- * Definition for a single step in the stepper.
- */
-export interface StepperStep {
-	/** Step label (shown below the circle). */
-	text: string
-
-	/** Short text shown inside the circle. Default: step number. */
-	label?: string
-
-	/** Step is finished — shows the check icon. */
-	completed?: boolean
-
-	/** Step cannot be navigated to. */
-	disabled?: boolean
-
-	/** Number of sub-stages within this step. Default `1`. */
-	stages?: number
-}
-
-/**
- * Icon overrides for the Stepper component.
- */
-export interface StepperIcons {
-	/** Icon class for the check / completed state. */
-	check?: string
-}
-
-/**
- * Props for the Stepper component.
- */
-export interface StepperProps {
-	/** Array of step definitions. */
-	steps?: StepperStep[]
-
-	/** Current step index (bindable). */
-	current?: number
-
-	/** Current sub-stage within the step (bindable, 0-based). */
-	currentStage?: number
-
-	/**
-	 * In linear mode only completed steps + the first incomplete step
-	 * are clickable.
-	 */
-	linear?: boolean
-
-	/** Layout orientation. */
-	orientation?: StepperOrientation
-
-	/** Accessible label for the surrounding group. */
-	label?: string
-
-	/** Custom icon overrides. */
-	icons?: StepperIcons
-
-	/** Called when a step (or sub-stage dot) is clicked. */
-	onclick?: (step: number, stage?: number) => void
-
-	/** Content snippet rendered below the stepper. */
-	content?: Snippet<[StepperStep, number]>
-
-	/** Additional CSS class. */
-	class?: string
-}

package/src/types/switch.ts

@@ -1,68 +0,0 @@
-/**
- * Switch Component Types
- *
- * Provides types for the iOS-style Switch component.
- * Field mapping and data access is handled by ProxyItem from @rokkit/states.
- */
-
-// =============================================================================
-// Field Mapping Types
-// =============================================================================
-
-/**
- * Field mapping configuration for switch option data.
- * Maps custom data field names to the component's expected properties.
- */
-export interface SwitchFields {
-	text?: string
-	value?: string
-	icon?: string
-	disabled?: string
-	description?: string
-}
-
-// =============================================================================
-// Switch Item Types
-// =============================================================================
-
-/**
- * A switch option — can be any object, primitive, or boolean.
- * Processed through ProxyItem for field resolution.
- */
-export type SwitchItem = Record<string, unknown> | string | number | boolean
-
-// =============================================================================
-// Component Props Types
-// =============================================================================
-
-/**
- * Props for the Switch component
- */
-export interface SwitchProps {
-	/**
-	 * Exactly two options. First = off/unchecked. Second = on/checked.
-	 * @default [false, true]
-	 */
-	options?: [SwitchItem, SwitchItem]
-
-	/** Field mapping configuration */
-	fields?: SwitchFields
-
-	/** Currently selected value */
-	value?: unknown
-
-	/** Called when the switch changes */
-	onchange?: (value: unknown, item: SwitchItem) => void
-
-	/** Whether to show text labels beside the track */
-	showLabels?: boolean
-
-	/** Size variant */
-	size?: 'sm' | 'md' | 'lg'
-
-	/** Whether the switch is disabled */
-	disabled?: boolean
-
-	/** Additional CSS classes */
-	class?: string
-}