@ziyarago/ui 0.0.0-stage → 0.1.0

package/types/react.d.ts

@@ -0,0 +1,189 @@
+// generated by scripts/types.mjs
+import type { ComponentType } from 'react';
+import type * as P from './shared';
+type Any = Record<string, any>;
+export const UiAccordion: ComponentType<Any>;
+export const UiActionCard: ComponentType<Any>;
+export const UiActionRail: ComponentType<Any>;
+export const UiActionsheet: ComponentType<Any>;
+export const UiAlert: ComponentType<Any>;
+export const UiAppShell: ComponentType<P.AppShellProps>;
+export const UiAuthLayout: ComponentType<Any>;
+export const UiAuthSplit: ComponentType<Any>;
+export const UiAvatar: ComponentType<Any>;
+export const UiBadge: ComponentType<P.BadgeProps>;
+export const UiBanner: ComponentType<Any>;
+export const UiBookingCard: ComponentType<Any>;
+export const UiBottomSheet: ComponentType<Any>;
+export const UiBox: ComponentType<Any>;
+export const UiBreadcrumbs: ComponentType<Any>;
+export const UiButton: ComponentType<P.ButtonProps>;
+export const UiCalendar: ComponentType<Any>;
+export const UiCalendarView: ComponentType<Any>;
+export const UiCallCard: ComponentType<Any>;
+export const UiCallRow: ComponentType<Any>;
+export const UiCard: ComponentType<P.CardProps>;
+export const UiCarousel: ComponentType<Any>;
+export const UiCenter: ComponentType<Any>;
+export const UiChartCard: ComponentType<Any>;
+export const UiChatAi: ComponentType<Any>;
+export const UiCheckbox: ComponentType<Any>;
+export const UiChip: ComponentType<P.ChipProps>;
+export const UiChipInput: ComponentType<Any>;
+export const UiCode: ComponentType<Any>;
+export const UiCodeInput: ComponentType<Any>;
+export const UiColorPicker: ComponentType<Any>;
+export const UiCombobox: ComponentType<Any>;
+export const UiCommandBar: ComponentType<Any>;
+export const UiCommandPalette: ComponentType<Any>;
+export const UiConfirmDialog: ComponentType<Any>;
+export const UiContactPanel: ComponentType<Any>;
+export const UiContextMenu: ComponentType<Any>;
+export const UiCopyButton: ComponentType<Any>;
+export const UiCountryRow: ComponentType<Any>;
+export const UiDataGroup: ComponentType<Any>;
+export const UiDataState: ComponentType<Any>;
+export const UiDataTable: ComponentType<P.DataTableProps>;
+export const UiDatePicker: ComponentType<Any>;
+export const UiDealCard: ComponentType<Any>;
+export const UiDescriptions: ComponentType<Any>;
+export const UiDivider: ComponentType<Any>;
+export const UiDrawer: ComponentType<Any>;
+export const UiDropdown: ComponentType<Any>;
+export const UiEmptyState: ComponentType<Any>;
+export const UiErrorPage: ComponentType<Any>;
+export const UiFab: ComponentType<Any>;
+export const UiFileUpload: ComponentType<Any>;
+export const UiFilterChips: ComponentType<Any>;
+export const UiFooter: ComponentType<Any>;
+export const UiFormField: ComponentType<Any>;
+export const UiFullscreenDialog: ComponentType<Any>;
+export const UiGallery: ComponentType<Any>;
+export const UiGrid: ComponentType<Any>;
+export const UiGroupedSelect: ComponentType<Any>;
+export const UiGuestCard: ComponentType<Any>;
+export const UiHStack: ComponentType<Any>;
+export const UiHeading: ComponentType<Any>;
+export const UiHeroBanner: ComponentType<Any>;
+export const UiHotelCard: ComponentType<Any>;
+export const UiHoverCard: ComponentType<Any>;
+export const UiIcon: ComponentType<Any>;
+export const UiIconButton: ComponentType<Any>;
+export const UiIconTile: ComponentType<P.IconTileProps>;
+export const UiImageUpload: ComponentType<Any>;
+export const UiImageViewer: ComponentType<Any>;
+export const UiIncomingCall: ComponentType<Any>;
+export const UiInlineEdit: ComponentType<Any>;
+export const UiIntegrationCard: ComponentType<Any>;
+export const UiKanbanCard: ComponentType<Any>;
+export const UiKanbanColumn: ComponentType<Any>;
+export const UiKbd: ComponentType<Any>;
+export const UiKpiInline: ComponentType<Any>;
+export const UiKpiTile: ComponentType<Any>;
+export const UiLazyImage: ComponentType<Any>;
+export const UiLeadCard: ComponentType<Any>;
+export const UiLink: ComponentType<Any>;
+export const UiLiquidGlass: ComponentType<Any>;
+export const UiLoadingOverlay: ComponentType<Any>;
+export const UiLoginForm: ComponentType<Any>;
+export const UiMap: ComponentType<Any>;
+export const UiMenu: ComponentType<Any>;
+export const UiMiniChart: ComponentType<Any>;
+export const UiModal: ComponentType<Any>;
+export const UiMultiSelect: ComponentType<Any>;
+export const UiNotificationBell: ComponentType<Any>;
+export const UiNumberInput: ComponentType<Any>;
+export const UiOccupancyChart: ComponentType<Any>;
+export const UiOptionCard: ComponentType<Any>;
+export const UiOptionCards: ComponentType<Any>;
+export const UiPageAccount: ComponentType<Any>;
+export const UiPageAuth: ComponentType<Any>;
+export const UiPageBookings: ComponentType<Any>;
+export const UiPageCatalog: ComponentType<Any>;
+export const UiPageCrm: ComponentType<Any>;
+export const UiPageDashboard: ComponentType<Any>;
+export const UiPageDetail: ComponentType<Any>;
+export const UiPageFaq: ComponentType<Any>;
+export const UiPageForm: ComponentType<Any>;
+export const UiPageHeader: ComponentType<Any>;
+export const UiPageOrder: ComponentType<Any>;
+export const UiPagePatterns: ComponentType<Any>;
+export const UiPagePricing: ComponentType<Any>;
+export const UiPageProfile: ComponentType<Any>;
+export const UiPageSettings: ComponentType<Any>;
+export const UiPageStatus: ComponentType<Any>;
+export const UiPageUserList: ComponentType<Any>;
+export const UiPagination: ComponentType<Any>;
+export const UiPasswordInput: ComponentType<Any>;
+export const UiPhoneInput: ComponentType<Any>;
+export const UiPillSelect: ComponentType<Any>;
+export const UiPillTabs: ComponentType<Any>;
+export const UiPipelineBoard: ComponentType<Any>;
+export const UiPopconfirm: ComponentType<Any>;
+export const UiPopover: ComponentType<Any>;
+export const UiPortal: ComponentType<Any>;
+export const UiPrayerTimes: ComponentType<Any>;
+export const UiPressable: ComponentType<Any>;
+export const UiPricingCard: ComponentType<Any>;
+export const UiProfileHeader: ComponentType<Any>;
+export const UiProgress: ComponentType<Any>;
+export const UiRadioGroup: ComponentType<Any>;
+export const UiRamadanTracker: ComponentType<Any>;
+export const UiRangeCalendar: ComponentType<Any>;
+export const UiRangeSlider: ComponentType<Any>;
+export const UiRating: ComponentType<Any>;
+export const UiRichEditor: ComponentType<Any>;
+export const UiRing: ComponentType<Any>;
+export const UiRoomCalendar: ComponentType<Any>;
+export const UiRoomGrid: ComponentType<Any>;
+export const UiSalesFunnel: ComponentType<Any>;
+export const UiScreensaver: ComponentType<Any>;
+export const UiScrollArea: ComponentType<Any>;
+export const UiSearchInput: ComponentType<Any>;
+export const UiSegBar: ComponentType<Any>;
+export const UiSegmentedControl: ComponentType<Any>;
+export const UiSelect: ComponentType<P.SelectProps>;
+export const UiSettingsSection: ComponentType<Any>;
+export const UiSideNav: ComponentType<Any>;
+export const UiSkeleton: ComponentType<Any>;
+export const UiSlider: ComponentType<Any>;
+export const UiSnackbar: ComponentType<Any>;
+export const UiSortable: ComponentType<Any>;
+export const UiSpinner: ComponentType<Any>;
+export const UiSplitLayout: ComponentType<Any>;
+export const UiStatLine: ComponentType<Any>;
+export const UiStatRow: ComponentType<Any>;
+export const UiStatStrip: ComponentType<Any>;
+export const UiStatsCard: ComponentType<Any>;
+export const UiStatusIcon: ComponentType<Any>;
+export const UiStatusPage: ComponentType<Any>;
+export const UiStepDialog: ComponentType<Any>;
+export const UiStepForm: ComponentType<Any>;
+export const UiStepper: ComponentType<Any>;
+export const UiSubNav: ComponentType<Any>;
+export const UiSwitch: ComponentType<Any>;
+export const UiSystemStatus: ComponentType<Any>;
+export const UiTabTiles: ComponentType<Any>;
+export const UiTabs: ComponentType<Any>;
+export const UiTag: ComponentType<Any>;
+export const UiText: ComponentType<Any>;
+export const UiTextField: ComponentType<P.TextFieldProps>;
+export const UiTextarea: ComponentType<Any>;
+export const UiTimePicker: ComponentType<Any>;
+export const UiTimeline: ComponentType<Any>;
+export const UiToast: ComponentType<Any>;
+export const UiToggleGroup: ComponentType<Any>;
+export const UiTooltip: ComponentType<Any>;
+export const UiTopNav: ComponentType<Any>;
+export const UiTour: ComponentType<Any>;
+export const UiTourCard: ComponentType<Any>;
+export const UiTourPopover: ComponentType<Any>;
+export const UiTreeSelect: ComponentType<Any>;
+export const UiTreeView: ComponentType<Any>;
+export const UiUserCell: ComponentType<Any>;
+export const UiVStack: ComponentType<Any>;
+export const UiValidatedField: ComponentType<Any>;
+export const UiVersusBar: ComponentType<Any>;
+export const rules: typeof import('./shared').rules;
+export { useUiTheme } from './theme';
+export { fmt, setIconBase } from './shared';

package/types/shared.d.ts

@@ -0,0 +1,18 @@
+// Shared prop types. Hand-written; the rest of the components are typed as Record<string, any> until their props settle.
+export type Tone = 'brand' | 'sky' | 'success' | 'warning' | 'danger' | 'neutral';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ButtonProps { variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'inverse' | 'tonal' | 'outlined' | 'text' | 'elevated'; tone?: Tone; size?: Size; icon?: string; iconRight?: string; block?: boolean; loading?: boolean; disabled?: boolean; onClick?: (e: MouseEvent) => void }
+export interface ChipProps { tone?: Tone; variant?: 'tonal' | 'outlined' | 'solid'; size?: Size; pill?: boolean; icon?: string; onClose?: () => void }
+export interface BadgeProps { tone?: 'brand' | 'success' | 'warning' | 'danger' | 'info'; dot?: boolean; size?: Size }
+export interface IconTileProps { icon: string; tone?: Tone; size?: number; shape?: 'square' | 'circle' }
+export interface CardProps { size?: Size; title?: string; subtitle?: string; variant?: 'default' | 'inverse'; actions?: unknown }
+export interface NavItem { value?: string; label?: string; icon?: string; count?: number | string; badge?: number | string; group?: string }
+export interface AppShellProps { nav?: 'top' | 'side'; items: NavItem[]; modelValue?: string; collapsible?: boolean; collapsed?: boolean; frame?: boolean; brand?: unknown; actions?: unknown; footer?: unknown; onCollapse?: (v: boolean) => void }
+export interface Column<R = any> { key: string; label: string; sortable?: boolean; num?: boolean; render?: (value: any, row: R) => unknown }
+export interface DataTableProps<R = any> { columns: Column<R>[]; rows: (R & { id: string | number })[]; selected?: (string | number)[]; sortKey?: string; sortDir?: 'asc' | 'desc'; onSelect?: (ids: (string | number)[]) => void; onSort?: (key: string, dir: 'asc' | 'desc') => void }
+export interface TextFieldProps { label?: string; icon?: string; modelValue?: string; placeholder?: string; hint?: string; error?: string; type?: string; variant?: 'filled' | 'underlined' | 'solo'; density?: 'compact'; disabled?: boolean; readonly?: boolean; onChange?: (v: string) => void }
+export interface SelectProps { label?: string; options: { value: string | number; label: string }[]; modelValue?: string | number; placeholder?: string; onChange?: (v: any) => void }
+export type Rule = (value: any) => true | string;
+export const rules: { required(): Rule; email(): Rule; url(): Rule; digits(n: number): Rule; alpha(): Rule; alphaDash(): Rule; minLength(n: number): Rule; maxLength(n: number): Rule; range(a: number, b: number): Rule; regex(re: RegExp, msg?: string): Rule; confirmed(get: () => unknown): Rule; password(): Rule };
+export function setIconBase(base: string): void;
+export const fmt: { sar(n: number): string; num(n: number): string; dur(seconds: number): string };

package/types/theme.d.ts

@@ -0,0 +1,6 @@
+export type Theme = 'dark' | 'light';
+export type Palette = 'gold' | 'tamam';
+export type Dir = 'ltr' | 'rtl';
+export interface UiTheme { readonly theme: Theme; readonly palette: Palette; readonly dir: Dir; readonly palettes: Palette[]; setTheme(t: Theme): void; toggleTheme(): void; setPalette(p: Palette): void; setDir(d: Dir): void; setLocale(code: string): void }
+export const PALETTES: Palette[];
+export function useUiTheme(): UiTheme;

package/types/vue.d.ts

@@ -0,0 +1,192 @@
+// generated by scripts/types.mjs
+import type { DefineComponent } from 'vue';
+import type * as P from './shared';
+type Any = Record<string, any>;
+export const UiAccordion: DefineComponent<Any>;
+export const UiActionCard: DefineComponent<Any>;
+export const UiActionRail: DefineComponent<Any>;
+export const UiActionsheet: DefineComponent<Any>;
+export const UiAlert: DefineComponent<Any>;
+export const UiAppShell: DefineComponent<P.AppShellProps>;
+export const UiAuthLayout: DefineComponent<Any>;
+export const UiAuthSplit: DefineComponent<Any>;
+export const UiAvatar: DefineComponent<Any>;
+export const UiBadge: DefineComponent<P.BadgeProps>;
+export const UiBanner: DefineComponent<Any>;
+export const UiBookingCard: DefineComponent<Any>;
+export const UiBottomSheet: DefineComponent<Any>;
+export const UiBox: DefineComponent<Any>;
+export const UiBreadcrumbs: DefineComponent<Any>;
+export const UiButton: DefineComponent<P.ButtonProps>;
+export const UiCalendar: DefineComponent<Any>;
+export const UiCalendarView: DefineComponent<Any>;
+export const UiCallCard: DefineComponent<Any>;
+export const UiCallRow: DefineComponent<Any>;
+export const UiCard: DefineComponent<P.CardProps>;
+export const UiCarousel: DefineComponent<Any>;
+export const UiCenter: DefineComponent<Any>;
+export const UiChartCard: DefineComponent<Any>;
+export const UiChatAi: DefineComponent<Any>;
+export const UiCheckbox: DefineComponent<Any>;
+export const UiChip: DefineComponent<P.ChipProps>;
+export const UiChipInput: DefineComponent<Any>;
+export const UiCode: DefineComponent<Any>;
+export const UiCodeInput: DefineComponent<Any>;
+export const UiColorPicker: DefineComponent<Any>;
+export const UiCombobox: DefineComponent<Any>;
+export const UiCommandBar: DefineComponent<Any>;
+export const UiCommandPalette: DefineComponent<Any>;
+export const UiConfirmDialog: DefineComponent<Any>;
+export const UiContactPanel: DefineComponent<Any>;
+export const UiContextMenu: DefineComponent<Any>;
+export const UiCopyButton: DefineComponent<Any>;
+export const UiCountryRow: DefineComponent<Any>;
+export const UiDataGroup: DefineComponent<Any>;
+export const UiDataState: DefineComponent<Any>;
+export const UiDataTable: DefineComponent<P.DataTableProps>;
+export const UiDatePicker: DefineComponent<Any>;
+export const UiDealCard: DefineComponent<Any>;
+export const UiDescriptions: DefineComponent<Any>;
+export const UiDivider: DefineComponent<Any>;
+export const UiDrawer: DefineComponent<Any>;
+export const UiDropdown: DefineComponent<Any>;
+export const UiEmptyState: DefineComponent<Any>;
+export const UiErrorPage: DefineComponent<Any>;
+export const UiFab: DefineComponent<Any>;
+export const UiFileUpload: DefineComponent<Any>;
+export const UiFilterChips: DefineComponent<Any>;
+export const UiFooter: DefineComponent<Any>;
+export const UiFormField: DefineComponent<Any>;
+export const UiFullscreenDialog: DefineComponent<Any>;
+export const UiGallery: DefineComponent<Any>;
+export const UiGrid: DefineComponent<Any>;
+export const UiGroupedSelect: DefineComponent<Any>;
+export const UiGuestCard: DefineComponent<Any>;
+export const UiHStack: DefineComponent<Any>;
+export const UiHeading: DefineComponent<Any>;
+export const UiHeroBanner: DefineComponent<Any>;
+export const UiHotelCard: DefineComponent<Any>;
+export const UiHoverCard: DefineComponent<Any>;
+export const UiIcon: DefineComponent<Any>;
+export const UiIconButton: DefineComponent<Any>;
+export const UiIconTile: DefineComponent<P.IconTileProps>;
+export const UiImageUpload: DefineComponent<Any>;
+export const UiImageViewer: DefineComponent<Any>;
+export const UiIncomingCall: DefineComponent<Any>;
+export const UiInlineEdit: DefineComponent<Any>;
+export const UiIntegrationCard: DefineComponent<Any>;
+export const UiKanbanCard: DefineComponent<Any>;
+export const UiKanbanColumn: DefineComponent<Any>;
+export const UiKbd: DefineComponent<Any>;
+export const UiKpiInline: DefineComponent<Any>;
+export const UiKpiTile: DefineComponent<Any>;
+export const UiLazyImage: DefineComponent<Any>;
+export const UiLeadCard: DefineComponent<Any>;
+export const UiLink: DefineComponent<Any>;
+export const UiLiquidGlass: DefineComponent<Any>;
+export const UiLoadingOverlay: DefineComponent<Any>;
+export const UiLoginForm: DefineComponent<Any>;
+export const UiMap: DefineComponent<Any>;
+export const UiMenu: DefineComponent<Any>;
+export const UiMiniChart: DefineComponent<Any>;
+export const UiModal: DefineComponent<Any>;
+export const UiMultiSelect: DefineComponent<Any>;
+export const UiNotificationBell: DefineComponent<Any>;
+export const UiNumberInput: DefineComponent<Any>;
+export const UiOccupancyChart: DefineComponent<Any>;
+export const UiOptionCard: DefineComponent<Any>;
+export const UiOptionCards: DefineComponent<Any>;
+export const UiPageAccount: DefineComponent<Any>;
+export const UiPageAuth: DefineComponent<Any>;
+export const UiPageBookings: DefineComponent<Any>;
+export const UiPageCatalog: DefineComponent<Any>;
+export const UiPageCrm: DefineComponent<Any>;
+export const UiPageDashboard: DefineComponent<Any>;
+export const UiPageDetail: DefineComponent<Any>;
+export const UiPageFaq: DefineComponent<Any>;
+export const UiPageForm: DefineComponent<Any>;
+export const UiPageHeader: DefineComponent<Any>;
+export const UiPageOrder: DefineComponent<Any>;
+export const UiPagePatterns: DefineComponent<Any>;
+export const UiPagePricing: DefineComponent<Any>;
+export const UiPageProfile: DefineComponent<Any>;
+export const UiPageSettings: DefineComponent<Any>;
+export const UiPageStatus: DefineComponent<Any>;
+export const UiPageUserList: DefineComponent<Any>;
+export const UiPagination: DefineComponent<Any>;
+export const UiPasswordInput: DefineComponent<Any>;
+export const UiPhoneInput: DefineComponent<Any>;
+export const UiPillSelect: DefineComponent<Any>;
+export const UiPillTabs: DefineComponent<Any>;
+export const UiPipelineBoard: DefineComponent<Any>;
+export const UiPopconfirm: DefineComponent<Any>;
+export const UiPopover: DefineComponent<Any>;
+export const UiPortal: DefineComponent<Any>;
+export const UiPrayerTimes: DefineComponent<Any>;
+export const UiPressable: DefineComponent<Any>;
+export const UiPricingCard: DefineComponent<Any>;
+export const UiProfileHeader: DefineComponent<Any>;
+export const UiProgress: DefineComponent<Any>;
+export const UiRadioGroup: DefineComponent<Any>;
+export const UiRamadanTracker: DefineComponent<Any>;
+export const UiRangeCalendar: DefineComponent<Any>;
+export const UiRangeSlider: DefineComponent<Any>;
+export const UiRating: DefineComponent<Any>;
+export const UiRichEditor: DefineComponent<Any>;
+export const UiRing: DefineComponent<Any>;
+export const UiRoomCalendar: DefineComponent<Any>;
+export const UiRoomGrid: DefineComponent<Any>;
+export const UiSalesFunnel: DefineComponent<Any>;
+export const UiScreensaver: DefineComponent<Any>;
+export const UiScrollArea: DefineComponent<Any>;
+export const UiSearchInput: DefineComponent<Any>;
+export const UiSegBar: DefineComponent<Any>;
+export const UiSegmentedControl: DefineComponent<Any>;
+export const UiSelect: DefineComponent<P.SelectProps>;
+export const UiSettingsSection: DefineComponent<Any>;
+export const UiSideNav: DefineComponent<Any>;
+export const UiSkeleton: DefineComponent<Any>;
+export const UiSlider: DefineComponent<Any>;
+export const UiSnackbar: DefineComponent<Any>;
+export const UiSortable: DefineComponent<Any>;
+export const UiSpinner: DefineComponent<Any>;
+export const UiSplitLayout: DefineComponent<Any>;
+export const UiStatLine: DefineComponent<Any>;
+export const UiStatRow: DefineComponent<Any>;
+export const UiStatStrip: DefineComponent<Any>;
+export const UiStatsCard: DefineComponent<Any>;
+export const UiStatusIcon: DefineComponent<Any>;
+export const UiStatusPage: DefineComponent<Any>;
+export const UiStepDialog: DefineComponent<Any>;
+export const UiStepForm: DefineComponent<Any>;
+export const UiStepper: DefineComponent<Any>;
+export const UiSubNav: DefineComponent<Any>;
+export const UiSwitch: DefineComponent<Any>;
+export const UiSystemStatus: DefineComponent<Any>;
+export const UiTabTiles: DefineComponent<Any>;
+export const UiTabs: DefineComponent<Any>;
+export const UiTag: DefineComponent<Any>;
+export const UiText: DefineComponent<Any>;
+export const UiTextField: DefineComponent<P.TextFieldProps>;
+export const UiTextarea: DefineComponent<Any>;
+export const UiTimePicker: DefineComponent<Any>;
+export const UiTimeline: DefineComponent<Any>;
+export const UiToast: DefineComponent<Any>;
+export const UiToggleGroup: DefineComponent<Any>;
+export const UiTooltip: DefineComponent<Any>;
+export const UiTopNav: DefineComponent<Any>;
+export const UiTour: DefineComponent<Any>;
+export const UiTourCard: DefineComponent<Any>;
+export const UiTourPopover: DefineComponent<Any>;
+export const UiTreeSelect: DefineComponent<Any>;
+export const UiTreeView: DefineComponent<Any>;
+export const UiUserCell: DefineComponent<Any>;
+export const UiVStack: DefineComponent<Any>;
+export const UiValidatedField: DefineComponent<Any>;
+export const UiVersusBar: DefineComponent<Any>;
+export const rules: typeof import('./shared').rules;
+export function install(app: import('vue').App): void;
+declare const _default: { install: typeof install };
+export default _default;
+export { useUiTheme } from './theme';
+export { fmt, setIconBase } from './shared';