@torch-ui/solid 0.1.3

package/src/types/filter-types.ts

@@ -0,0 +1,35 @@
+export interface FilterGroup {
+	id: string
+	type: 'and' | 'or'
+	logic: 'and' | 'or'
+	children: FilterRule[]
+}
+
+export interface FilterRule {
+	id: string
+	field: string
+	operator: string
+	value: any
+}
+
+export interface FilterField {
+	id: string
+	label: string
+	type: string
+}
+
+export function formatFilterSummary(group: FilterGroup, options: { fields: FilterField[]; getOperators: (type: string) => any[] }): string {
+	return 'Filter summary'
+}
+
+export function formatFilterCode(group: FilterGroup, ruleNumbers: Map<string, string>): string {
+	return 'Filter code'
+}
+
+export function assignRuleNumbers(group: FilterGroup): Map<string, string> {
+	return new Map()
+}
+
+export function hasRulesWithEmptyField(group: FilterGroup): boolean {
+	return false
+}

package/src/utilities/classNames.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs))
+}

package/src/utilities/componentSize.ts

@@ -0,0 +1,46 @@
+/**
+ * Canonical interactive-component size scale.
+ * All TorchUI interactive components use this type so xs/sm/md/lg/xl produce
+ * identical rendered heights, enabling mixed-component toolbars to align naturally.
+ *
+ * Heights (border-box):
+ *   xs → h-7  (28px)
+ *   sm → h-8  (32px)
+ *   md → h-9  (36px) ← standard default
+ *   lg → h-10 (40px)
+ *   xl → h-11 (44px)
+ */
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+
+export interface InputSizeConfig {
+	/** Height + min-height Tailwind classes. */
+	h: string
+	/** Vertical padding class. */
+	py: string
+	/** Font-size class. */
+	text: string
+	/** Left padding when no start adornment. */
+	pl: string
+	/** Right padding when no end adornment. */
+	pr: string
+	/** Left padding when a start adornment is present. */
+	plAdorn: string
+	/** Right padding when an end adornment is present. */
+	prAdorn: string
+	/** CSS `left` value for the start adornment element. */
+	adornStart: string
+	/** CSS `right` value for the end adornment element. */
+	adornEnd: string
+}
+
+/**
+ * Per-size layout config for form-input trigger elements
+ * (Input, NumberField, Select, MultiSelect, Autocomplete).
+ */
+export const inputSizeConfig: Record<ComponentSize, InputSizeConfig> = {
+	xs: { h: 'h-7 min-h-7',   py: 'py-1',   text: 'text-xs',   pl: 'pl-2',   pr: 'pr-2',   plAdorn: 'pl-7',  prAdorn: 'pr-7',  adornStart: 'left-2',   adornEnd: 'right-2'   },
+	sm: { h: 'h-8 min-h-8',   py: 'py-1.5', text: 'text-xs',   pl: 'pl-2.5', pr: 'pr-2.5', plAdorn: 'pl-8',  prAdorn: 'pr-8',  adornStart: 'left-2',   adornEnd: 'right-2'   },
+	md: { h: 'h-9 min-h-9',   py: 'py-2',   text: 'text-sm',   pl: 'pl-3',   pr: 'pr-3',   plAdorn: 'pl-9',  prAdorn: 'pr-9',  adornStart: 'left-2.5', adornEnd: 'right-2.5' },
+	lg: { h: 'h-10 min-h-10', py: 'py-2',   text: 'text-sm',   pl: 'pl-3.5', pr: 'pr-3.5', plAdorn: 'pl-10', prAdorn: 'pr-10', adornStart: 'left-3',   adornEnd: 'right-3'   },
+	xl: { h: 'h-11 min-h-11', py: 'py-2.5', text: 'text-base', pl: 'pl-4',   pr: 'pr-4',   plAdorn: 'pl-11', prAdorn: 'pr-11', adornStart: 'left-3.5', adornEnd: 'right-3.5' },
+}

package/src/utilities/i18n.tsx

@@ -0,0 +1,60 @@
+import { I18nProvider, useLocale } from '@kobalte/core/i18n'
+import type { JSX } from 'solid-js'
+
+export interface AppI18nProviderProps {
+	children: JSX.Element
+	/** Override locale (e.g. "fr-FR", "ar-SA"). If not provided, uses browser/system locale. */
+	locale?: string
+}
+
+/**
+ * Provides internationalization context for the app.
+ * Wraps Kobalte's I18nProvider to override browser/system locale with app settings.
+ * 
+ * This enables:
+ * - Proper lang and dir HTML attributes for accessibility
+ * - RTL language support (Arabic, Hebrew, Persian, etc.)
+ * - Locale-aware behavior in Kobalte components
+ * - Foundation for future i18n features
+ * 
+ * @example
+ * ```tsx
+ * function App() {
+ *   return (
+ *     <AppI18nProvider locale="fr-FR">
+ *       <MyApp />
+ *     </AppI18nProvider>
+ *   )
+ * }
+ * ```
+ */
+export function AppI18nProvider(props: AppI18nProviderProps) {
+	return (
+		<I18nProvider locale={props.locale}>
+			{props.children}
+		</I18nProvider>
+	)
+}
+
+/**
+ * Hook to access the current locale and direction.
+ * Returns reactive locale and direction values from Kobalte's useLocale.
+ * 
+ * Use this in your app root to set proper HTML attributes:
+ * 
+ * @example
+ * ```tsx
+ * function MyApp() {
+ *   const { locale, direction } = useAppLocale()
+ *   return (
+ *     <div lang={locale()} dir={direction()}>
+ *       Your app content
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export function useAppLocale() {
+	const { locale, direction } = useLocale()
+	return { locale, direction }
+}

package/src/utilities/mergeRefs.ts

@@ -0,0 +1,12 @@
+/** Merge multiple refs (callback or object form) so the same element is forwarded to each. */
+export function mergeRefs<T>(...refs: unknown[]): (el: T) => void {
+	return (el: T) => {
+		for (const ref of refs) {
+			if (ref == null) continue
+			if (typeof ref === 'function') (ref as (el: T) => void)(el)
+			else if (typeof ref === 'object' && 'current' in (ref as { current?: T })) {
+				(ref as { current: T }).current = el
+			}
+		}
+	}
+}

package/src/utilities/relativeDateDefault.ts

@@ -0,0 +1,14 @@
+const RELATIVE_REGEX = /^today([+-])(\d+)$/
+
+/** Parse stored relative date (e.g. "today+0", "today-7") to sign and days. Defaults to +0. */
+export function parseRelativeDateDefault(stored: string): { sign: '+' | '-'; days: number } {
+	const m = stored.trim().match(RELATIVE_REGEX)
+	if (m) return { sign: m[1] as '+' | '-', days: Math.max(0, parseInt(m[2], 10)) }
+	return { sign: '+', days: 0 }
+}
+
+/** Format sign + days to stored value. Normalizes to "today+0" when days is 0. */
+export function formatRelativeDateDefault(sign: '+' | '-', days: number): string {
+	const d = Math.max(0, Math.floor(days))
+	return `today${d === 0 ? '+' : sign}${d}`
+}