veloria-ui 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -1,18 +1,91 @@
 # Changelog
 
 All notable changes to Veloria UI are documented here.  
-Project by [JohnDev19](https://github.com/JohnDev19) · [GitHub](https://github.com/JohnDev19/Veloria-UI) · [veloria-ui.vercel.app](https://veloria-ui.vercel.app/)
+Project by [JohnDev19](https://github.com/JohnDev19) · [GitHub](https://github.com/JohnDev19/Veloria-UI) · [ui-veloria.vercel.app](https://ui-veloria.vercel.app/)
 
 This project follows [Semantic Versioning](https://semver.org).
 
 ---
 
+## [0.1.3] — 2026-03-16 (Edited)
+
+### Branding & Naming
+
+- Renamed all `atlas-` CSS keyframe and class prefixes to `veloria-` throughout `veloria.css`
+- Renamed `atlas.css` to `veloria.css` — update your import to `import "veloria-ui/styles"`
+- Renamed `atlasPlugin` → `veloriaPlugin` and `atlasPreset` → `veloriaPreset` in `tailwind.ts`
+- Renamed `AtlasProvider` → `VeloriaProvider` and `AtlasProviderProps` → `VeloriaProviderProps` in `provider.tsx`
+- Renamed `AtlasTheme` type → `VeloriaTheme` in `hooks/index.ts`
+- Renamed `AtlasBaseProps` → `VeloriaBaseProps` and `AtlasAriaProps` → `VeloriaAriaProps` in `types/index.ts`
+- Renamed `atlas.config.json` → `veloria.config.json` — CLI `init` now writes `veloria.config.json`
+- Renamed localStorage theme key from `atlas-theme` to `veloria-theme`
+- Removed legacy `atlas` bin alias from `package.json`
+- Updated all homepage and docs URLs to `https://ui-veloria.vercel.app/`
+- Removed hardcoded component count from descriptions and CLI copy
+
+### Bug Fixes
+
+- Fixed `TypeError: Cannot read properties of null (reading 'matches')` — `window.matchMedia` now uses optional chaining (`?.`) in `useTheme` and an explicit null guard in `useMediaQuery`, preventing crashes in jsdom and certain SSR environments
+
+---
+
+## [0.1.2] — 2026-03-15 (UPDATED)
+
+### New Components (20)
+
+**Advanced Forms**
+- `PhoneInput` — international phone number with country dial-code selector
+- `TagInput` — type and press Enter to add inline tags, supports max, duplicates control
+- `CurrencyInput` — formatted number input with locale-aware currency symbol
+- `RatingInput` — star rating picker with hover state, clear button, and read-only mode
+
+**Data Display**
+- `StatsCard` — metric card with icon, trend indicator, and loading skeleton
+- `TreeView` — nested expandable tree with keyboard navigation and multi-depth support
+- `JsonViewer` — collapsible syntax-highlighted JSON tree with configurable max depth
+- `Heatmap` — GitHub-style activity grid with value intensity scale
+- `KanbanBoard` — drag-and-drop column board with card tagging and assignee slot
+
+**Feedback and Overlay**
+- `BannerAlert` — full-width top-of-page announcement strip with 4 variants
+- `ConfirmDialog` — opinionated confirmation modal with async confirm support and danger variant
+- `FloatingActionButton` — FAB with expandable speed-dial actions and 3 position presets
+- `RichTooltip` — tooltip with title, description, and action slot
+- `Tour` — multi-step onboarding overlay with dot progress indicator
+
+**Utility**
+- `InfiniteScroll` — IntersectionObserver-based load-more trigger with loader slot
+- `VirtualList` — windowed list renderer for large datasets with configurable overscan
+
+### New Hooks (6)
+
+- `useForm` — form state and validation with touched tracking, no extra dependencies
+- `usePagination` — pagination logic decoupled from UI, with from/to helpers
+- `useIntersection` — IntersectionObserver wrapper with optional `once` mode
+- `useWindowSize` — reactive window width and height, SSR-safe
+- `useStep` — multi-step wizard state with `isFirst`, `isLast`, and progress percentage
+- `useCountdown` — countdown timer with `start`, `pause`, and `reset` controls
+
+---
+
+## [0.1.1] — 2026-03-13 (UPDATED)
+
+### Build fixes
+
+- Fixed `tailwindcss/plugin` resolve error — marked as external in tsup, switched to `require()` at runtime
+- Fixed `"types"` export condition ordering in `package.json` — `types` now comes before `import`/`require`
+- Fixed `use-toast.ts` renamed to `use-toast.tsx` — file contained JSX but had `.ts` extension
+- Fixed `TS2320` / `TS2322` conflicts across all component interfaces — `HTMLAttributes` built-in props (`color`, `size`, `title`, `prefix`, `onChange`, `onDrop`, `onDragOver`) now properly `Omit`-ed before extending
+- Renamed package from `veloria-ui-kit` to `veloria-ui`
+- CLI `--version` flag now reads dynamically from `package.json` instead of being hardcoded
+
+---
+
 ## [0.1.0] — 2024-06-28
 
 ### Initial Release
 
-First public release of Veloria UI. 102 components, a full CLI, 18 hooks, a Tailwind
-plugin, and a complete CSS token system with light + dark mode.
+First public release of Veloria UI. A full CLI, hooks, a Tailwind plugin, and a complete CSS token system with light + dark mode.
 
 ---
 
@@ -62,56 +135,59 @@ plugin, and a complete CSS token system with light + dark mode.
 - `Switch` — three sizes, label, description
 - `Slider` — range slider
 - `RangeSlider` — dual-thumb slider
-- `DatePicker` — native date input wrapper
-- `TimePicker` — native time input wrapper
+- `DatePicker` — calendar popover with keyboard navigation
+- `TimePicker` — hour/minute/second with AM/PM toggle
 
 **Advanced Forms (10)**
-- `FileUpload` — drag-and-drop zone with click-to-upload fallback
-- `OTPInput` — PIN/OTP with auto-advance and paste support
-- `ColorPicker` — swatches + hex input
-- `SearchInput` — search with loading state and clear button
-- `PasswordInput` — toggle show/hide
-- `Combobox` — searchable single-value select
-- `MultiSelect` — multi-value select with chips
-- `FormField` / `FormLabel` / `FormError` — composable form primitives
+- `FileUpload` — drag-and-drop with preview, size limit, MIME type filter
+- `OTPInput` — SMS-style one-time-password input
+- `ColorPicker` — HEX/RGB/HSL input with swatch palette
+- `SearchInput` — debounced search with clear button
+- `PasswordInput` — toggle visibility with strength meter
+- `Combobox` — searchable dropdown with keyboard navigation
+- `MultiSelect` — tag-style multi-value select
+- `FormField` — label + input + error wrapper
+- `FormLabel` — accessible label
+- `FormError` — error message slot
 
 **Data Display (10)**
-- `Card` — surface with header/content/footer slots · 5 variants
-- `Table` + sub-primitives — full HTML table system
-- `DataTable` — sortable data table with loading and empty states
-- `List` / `ListItem` — simple, bordered, and divided lists
-- `Statistic` — key metric with trend indicator
-- `Timeline` — vertical events with color-coded icons
-- `Calendar` — month picker with highlighted dates
-- `CodeBlock` — code display with copy button and line numbers
-- `Chart` — chart wrapper (bring your own chart library)
+- `Card` / `CardHeader` / `CardContent` / `CardFooter`
+- `Table` — sortable columns, sticky header
+- `DataTable` — full-featured table with pagination and row selection
+- `List` / `ListItem`
+- `Statistic` — large number with label and trend
+- `Timeline` — vertical event list
+- `Calendar` — month grid with event dots
+- `Chart` — wrapper around Recharts with theme tokens
+- `CodeBlock` — syntax-highlighted code with copy button
 
 **Feedback (10)**
-- `Alert` — info/success/warning/danger with optional dismiss
-- `Toast` — Radix Toast with all sub-primitives
-- `Snackbar` — positioned message with action
-- `Progress` — linear bar with color variants
-- `CircularProgress` — SVG ring with indeterminate mode
-- `Skeleton` — pulse placeholder for text, rect, circle
-- `LoadingSpinner` — accessible SVG spinner
+- `Alert` — inline alert with 5 variants and icon slot
+- `Toast` — Radix Toast with 5 variants · programmatic via `useToast`
+- `Snackbar` — bottom-anchored status message
+- `Progress` — linear with animated fill
+- `CircularProgress` — SVG ring with percentage label
+- `Skeleton` — text, rect, circle variants
+- `LoadingSpinner` — 4 sizes · 3 variants
 - `EmptyState` — icon + title + description + action slot
-- `StatusIndicator` — online/offline/busy/away dot with pulse
-- `Notification` — notification item with avatar, timestamp, unread dot
+- `StatusIndicator` — colored dot with pulse animation
+- `Notification` — card-style notification with timestamp
 
 **Overlay (10)**
-- `Modal` — preset dialog with size variants (sm → full)
-- `Dialog` — full Radix Dialog primitive suite
-- `Drawer` — slide-in from any edge (left/right/top/bottom)
-- `Sheet` — Drawer alias
-- `Popover` — floating panel
-- `HoverCard` — rich hover preview
-- `ContextMenu` — right-click menu
+- `Modal` — centered dialog with close button
+- `Dialog` — full Radix Dialog with all sub-primitives
+- `Drawer` — side-sheet with 4 sides
+- `Sheet` — lightweight Drawer alias
+- `Popover` — Radix Popover
+- `HoverCard` — hover-triggered card
+- `ContextMenu` — right-click menu via Radix
 - `CommandDialog` — ⌘K palette
-- `Lightbox` / `ImageViewer` — full-screen image overlay
+- `Lightbox` — full-screen image viewer with zoom
+- `ImageViewer` — in-place image pan and zoom
 
 **Media (5)**
-- `Image` — fallback, aspect ratio, object-fit, rounded, caption
-- `VideoPlayer` — HTML5 video with captions/subtitles track support
+- `Image` — next/image wrapper with blur placeholder and fallback
+- `VideoPlayer` — custom controls, poster, autoplay, loop, track support
 - `AudioPlayer` — custom UI with seek bar, cover art
 - `Carousel` — autoplay, dots, arrows, loop, slidesPerView
 - `Gallery` — responsive image grid with click handler
@@ -137,70 +213,16 @@ plugin, and a complete CSS token system with light + dark mode.
 - `useToast` — programmatic toast notifications
 
 #### Infrastructure
-- Tailwind CSS plugin + preset (`atlasPlugin`, `atlasPreset`)
+- Tailwind CSS plugin + preset (`veloriaPlugin`, `veloriaPreset`)
 - Full CSS design token system — light and dark themes
-- `AtlasProvider` for Next.js App Router
+- `VeloriaProvider` for Next.js App Router
 - TypeScript strict throughout — full named type exports
 - Tree-shakeable ESM + CJS dual build via tsup
 - Turbo monorepo setup
 
 #### veloria-ui CLI
-- `init` — project setup wizard (detects Next.js, writes atlas.config.json)
+- `init` — project setup wizard (detects Next.js, writes veloria.config.json)
 - `add` — copies components + installs npm deps, resolves Veloria UI peer deps
-- `list` — browse all 102 components filtered by category
+- `list` — browse all components filtered by category
 - `diff` — compare local copy to latest (registry fetch, coming soon)
-- Auto-detects npm / pnpm / yarn / bun
-
----
-
----
-
-## [0.1.1] — 2026-03-13 (UPDATED)
-
-### Build fixes
-
-- Fixed `tailwindcss/plugin` resolve error — marked as external in tsup, switched to `require()` at runtime
-- Fixed `"types"` export condition ordering in `package.json` — `types` now comes before `import`/`require`
-- Fixed `use-toast.ts` renamed to `use-toast.tsx` — file contained JSX but had `.ts` extension
-- Fixed `TS2320` / `TS2322` conflicts across all component interfaces — `HTMLAttributes` built-in props (`color`, `size`, `title`, `prefix`, `onChange`, `onDrop`, `onDragOver`) now properly `Omit`-ed before extending
-- Renamed package from `veloria-ui-kit` to `veloria-ui`
-- CLI `--version` flag now reads dynamically from `package.json` instead of being hardcoded
-
----
-
-## [0.1.2] — 2026-03-15 (UPDATED)
-
-### New Components (20)
-
-**Advanced Forms**
-- `PhoneInput` — international phone number with country dial-code selector
-- `TagInput` — type and press Enter to add inline tags, supports max, duplicates control
-- `CurrencyInput` — formatted number input with locale-aware currency symbol
-- `RatingInput` — star rating picker with hover state, clear button, and read-only mode
-
-**Data Display**
-- `StatsCard` — metric card with icon, trend indicator, and loading skeleton
-- `TreeView` — nested expandable tree with keyboard navigation and multi-depth support
-- `JsonViewer` — collapsible syntax-highlighted JSON tree with configurable max depth
-- `Heatmap` — GitHub-style activity grid with value intensity scale
-- `KanbanBoard` — drag-and-drop column board with card tagging and assignee slot
-
-**Feedback and Overlay**
-- `BannerAlert` — full-width top-of-page announcement strip with 4 variants
-- `ConfirmDialog` — opinionated confirmation modal with async confirm support and danger variant
-- `FloatingActionButton` — FAB with expandable speed-dial actions and 3 position presets
-- `RichTooltip` — tooltip with title, description, and action slot
-- `Tour` — multi-step onboarding overlay with dot progress indicator
-
-**Utility**
-- `InfiniteScroll` — IntersectionObserver-based load-more trigger with loader slot
-- `VirtualList` — windowed list renderer for large datasets with configurable overscan
-
-### New Hooks (6)
-
-- `useForm` — form state and validation with touched tracking, no extra dependencies
-- `usePagination` — pagination logic decoupled from UI, with from/to helpers
-- `useIntersection` — IntersectionObserver wrapper with optional `once` mode
-- `useWindowSize` — reactive window width and height, SSR-safe
-- `useStep` — multi-step wizard state with `isFirst`, `isLast`, and progress percentage
-- `useCountdown` — countdown timer with `start`, `pause`, and `reset` controls
+- Auto-detects npm / pnpm / yarn / bun

package/README.md

@@ -10,7 +10,7 @@
 
 ### **Build anything. Ship faster.**
 
-102 production-ready React components — accessible, composable, dark-mode ready.
+Production-ready React components — accessible, composable, dark-mode ready.
 Works with Tailwind CSS and Next.js out of the box.
 
 [![npm](https://img.shields.io/npm/v/veloria-ui?color=0ea5e9&label=veloria-ui)](https://www.npmjs.com/package/veloria-ui)
@@ -18,7 +18,7 @@ Works with Tailwind CSS and Next.js out of the box.
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-3178c6)](https://www.typescriptlang.org)
 [![GitHub](https://img.shields.io/github/stars/JohnDev19/Veloria-UI?style=social)](https://github.com/JohnDev19/Veloria-UI)
 
-**[Docs](https://veloria-ui.vercel.app/)** · **[Components](https://veloria-ui.vercel.app/components)** · **[Issues](https://github.com/JohnDev19/Veloria-UI/issues)** · **[Changelog](CHANGELOG.md)**
+**[Docs](https://ui-veloria.vercel.app/)** · **[Components](https://ui-veloria.vercel.app/components)** · **[Issues](https://github.com/JohnDev19/Veloria-UI/issues)** · **[Changelog](CHANGELOG.md)**
 
 </div>
 
@@ -47,12 +47,12 @@ import "veloria-ui/styles";
 
 ```ts
 // tailwind.config.ts
-import { atlasPlugin } from "veloria-ui/tailwind";
+import { veloriaPlugin } from "veloria-ui/tailwind";
 
 export default {
   darkMode: ["class"],
   content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
-  plugins: [atlasPlugin],
+  plugins: [veloriaPlugin],
 };
 ```
 
@@ -60,13 +60,13 @@ export default {
 
 ```tsx
 // app/layout.tsx
-import { AtlasProvider } from "veloria-ui/provider";
+import { VeloriaProvider } from "veloria-ui/provider";
 
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
       <body>
-        <AtlasProvider>{children}</AtlasProvider>
+        <VeloriaProvider>{children}</VeloriaProvider>
       </body>
     </html>
   );
@@ -98,14 +98,14 @@ export default function Page() {
 veloria-ui ships with a CLI that copies components straight into your project — shadcn-style. You own the code.
 
 ```bash
-# Set up veloria-ui in your project (writes atlas.config.json)
+# Set up veloria-ui in your project (writes veloria.config.json)
 npx veloria-ui init
 
 # Add components
 npx veloria-ui add button
 npx veloria-ui add card modal drawer toast
 
-# Browse all 102 components
+# Browse all components
 npx veloria-ui list
 npx veloria-ui list --category forms
 
@@ -117,7 +117,7 @@ After running `add`, a file like `components/ui/button/index.tsx` appears in you
 
 ---
 
-## Components (90)
+## Components
 
 ### Basic (10)
 `Button` `IconButton` `Link` `Badge` `Avatar` `AvatarGroup` `Divider` `Tag` `Chip` `Tooltip`
@@ -221,13 +221,13 @@ veloria-ui/
 │   │   ├── overlay/         Modal, Drawer, CommandDialog, Lightbox…
 │   │   ├── media/           VideoPlayer, AudioPlayer, Carousel, Gallery…
 │   │   └── utility/         ThemeSwitcher, CopyButton, ResizablePanel…
-│   ├── hooks/               18 utility hooks
-│   ├── styles/              atlas.css — full design token system
+│   ├── hooks/               utility hooks
+│   ├── styles/              veloria.css — full design token system
 │   ├── types/               shared TypeScript types
 │   ├── utils/               cn() and helpers
 │   ├── cli/                 veloria-ui CLI (add, init, list, diff)
-│   ├── provider.tsx         AtlasProvider for Next.js
-│   └── tailwind.ts          atlasPlugin + atlasPreset
+│   ├── provider.tsx         VeloriaProvider for Next.js
+│   └── tailwind.ts          veloriaPlugin + veloriaPreset
 ├── package.json
 ├── tsup.config.ts
 └── tsconfig.json

package/dist/cli/index.js

@@ -32,15 +32,14 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "veloria-ui",
-      version: "0.1.2",
+      version: "0.1.3",
       private: false,
-      description: "Veloria UI \u2014 Build anything. Ship faster. 102 accessible, composable React components with Tailwind CSS and dark mode.",
+      description: "Veloria UI \u2014 Build anything. Ship faster. Accessible, composable React components with Tailwind CSS and dark mode.",
       keywords: [
         "react",
         "ui",
         "components",
         "veloria-ui",
-        "veloria-ui",
         "design-system",
         "accessible",
         "aria",
@@ -52,7 +51,7 @@ var require_package = __commonJS({
         "radix-ui",
         "component-library"
       ],
-      homepage: "https://veloria-ui.vercel.app/",
+      homepage: "https://ui-veloria.vercel.app/",
       repository: {
         type: "git",
         url: "https://github.com/JohnDev19/Veloria-UI.git"
@@ -74,7 +73,7 @@ var require_package = __commonJS({
           import: "./dist/index.mjs",
           require: "./dist/index.js"
         },
-        "./styles": "./dist/styles/atlas.css",
+        "./styles": "./dist/styles/veloria.css",
         "./tailwind": "./dist/tailwind.js",
         "./provider": {
           types: "./dist/provider.d.ts",
@@ -87,8 +86,7 @@ var require_package = __commonJS({
       module: "./dist/index.mjs",
       types: "./dist/index.d.ts",
       bin: {
-        "veloria-ui": "./dist/cli/index.js",
-        atlas: "./dist/cli/index.js"
+        "veloria-ui": "./dist/cli/index.js"
       },
       files: [
         "dist",
@@ -333,14 +331,14 @@ program.command("init").description("Set up veloria-ui in your project").option(
     }
   ]);
   if (!answers.componentsDir) return;
-  import_fs_extra.default.writeJsonSync(import_path.default.join(cwd, "atlas.config.json"), {
-    $schema: "https://veloria-ui.vercel.app/schema.json",
+  import_fs_extra.default.writeJsonSync(import_path.default.join(cwd, "veloria.config.json"), {
+    $schema: "https://ui-veloria.vercel.app/schema.json",
     style: "default",
     typescript: opts.typescript ?? true,
     tailwind: { config: "tailwind.config.ts", css: answers.cssPath, baseColor: "slate", cssVariables: true },
     aliases: { components: `@/${answers.componentsDir}`, utils: "@/lib/utils" }
   }, { spaces: 2 });
-  console.log(import_chalk.default.green("  \u2713 Created atlas.config.json"));
+  console.log(import_chalk.default.green("  \u2713 Created veloria.config.json"));
   const utilsPath = import_path.default.join(cwd, "lib", "utils.ts");
   if (!import_fs_extra.default.existsSync(utilsPath)) {
     await import_fs_extra.default.ensureDir(import_path.default.dirname(utilsPath));
@@ -375,7 +373,7 @@ ${import_chalk.default.bold.green("  Veloria UI is ready!")}
   ${import_chalk.default.dim("Next steps:")}
   ${import_chalk.default.cyan("1.")} Add components: ${import_chalk.default.bold("npx veloria-ui add button card modal")}
   ${import_chalk.default.cyan("2.")} Browse all:     ${import_chalk.default.bold("npx veloria-ui list")}
-  ${import_chalk.default.cyan("3.")} Docs:           ${import_chalk.default.bold("https://veloria-ui.vercel.app/")}
+  ${import_chalk.default.cyan("3.")} Docs:           ${import_chalk.default.bold("https://ui-veloria.vercel.app/")}
   ${import_chalk.default.cyan("4.")} Issues:         ${import_chalk.default.bold("https://github.com/JohnDev19/Veloria-UI/issues")}
 `);
 });
@@ -403,7 +401,7 @@ program.command("add [components...]").alias("a").description("Copy one or more
   }
   components.forEach(resolve);
   if (!toAdd.size) return;
-  const configPath = import_path.default.join(cwd, "atlas.config.json");
+  const configPath = import_path.default.join(cwd, "veloria.config.json");
   const config = import_fs_extra.default.existsSync(configPath) ? import_fs_extra.default.readJsonSync(configPath) : null;
   const aliasDir = config?.aliases?.components?.replace(/^@\//, "");
   const targetDir = import_path.default.join(cwd, opts.dir ?? aliasDir ?? "components/ui");
@@ -430,7 +428,7 @@ program.command("add [components...]").alias("a").description("Copy one or more
  * Re-export from veloria-ui to stay in sync, or paste the full source here
  * to customise the internals.
  *
- * Docs:   https://veloria-ui.vercel.app/components/${name}
+ * Docs:   https://ui-veloria.vercel.app/components/${name}
  * Source: https://github.com/JohnDev19/Veloria-UI
  */
 
@@ -476,7 +474,7 @@ program.command("list").alias("ls").description("List all available components")
     console.log();
   }
   console.log(import_chalk.default.dim(`  ${REGISTRY.length} components total
-`) + import_chalk.default.dim("  Add one: ") + import_chalk.default.cyan("npx veloria-ui add <name>\n"));
+`) + import_chalk.default.dim("  Add one: ") + import_chalk.default.cyan("npx veloria-ui add <n>\n"));
 });
 program.command("diff [component]").description("Compare your local copy to the latest version").action((component) => {
   if (!component) {

package/dist/index.d.mts

@@ -1086,10 +1086,10 @@ declare function useClipboard(options?: UseClipboardOptions): {
  * Safe to use with SSR — reads from storage only inside useEffect timing.
  */
 declare function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: T | ((prev: T) => T)) => void];
-type AtlasTheme = "light" | "dark" | "system";
+type VeloriaTheme = "light" | "dark" | "system";
 /**
  * Read and set the current Veloria UI theme.
- * Persists the selection to localStorage under "atlas-theme".
+ * Persists the selection to localStorage under "veloria-theme".
  * Applies the "dark" class to <html> so Tailwind's dark: utilities kick in.
  *
  * @example
@@ -1097,9 +1097,9 @@ type AtlasTheme = "light" | "dark" | "system";
  * <button onClick={() => setTheme("dark")}>Go dark</button>
  */
 declare function useTheme(): {
-    theme: AtlasTheme;
+    theme: VeloriaTheme;
     resolvedTheme: "dark" | "light";
-    setTheme: (t: AtlasTheme) => void;
+    setTheme: (t: VeloriaTheme) => void;
 };
 /**
  * Delays updating the returned value until `delay` ms have passed
@@ -1246,7 +1246,7 @@ type ColorScheme = "primary" | "secondary" | "success" | "warning" | "danger" |
 type Variant = "solid" | "outline" | "ghost" | "soft" | "link";
 type Placement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
 type Side = "top" | "right" | "bottom" | "left";
-interface AtlasBaseProps {
+interface VeloriaBaseProps {
     /** Additional CSS class names */
     className?: string;
     /** Inline style overrides */
@@ -1254,7 +1254,7 @@ interface AtlasBaseProps {
     /** Data attributes passthrough */
     [key: `data-${string}`]: unknown;
 }
-interface AtlasAriaProps {
+interface VeloriaAriaProps {
     "aria-label"?: string;
     "aria-labelledby"?: string;
     "aria-describedby"?: string;
@@ -1296,22 +1296,22 @@ declare function isDefined<T>(value: T | undefined | null): value is T;
 /**
  * Veloria UI Tailwind plugin.
  *
- * Maps the CSS custom properties in atlas.css to Tailwind utilities.
+ * Maps the CSS custom properties in veloria.css to Tailwind utilities.
  * Add to your tailwind.config.ts:
  *
- *   import { atlasPlugin } from "veloria-ui/tailwind";
- *   plugins: [atlasPlugin],
+ *   import { veloriaPlugin } from "veloria-ui/tailwind";
+ *   plugins: [veloriaPlugin],
  *
- * Or use atlasPreset which also sets darkMode: ["class"]:
+ * Or use veloriaPreset which also sets darkMode: ["class"]:
  *
- *   import { atlasPreset } from "veloria-ui/tailwind";
- *   presets: [atlasPreset],
+ *   import { veloriaPreset } from "veloria-ui/tailwind";
+ *   presets: [veloriaPreset],
  */
-declare const atlasPlugin: {
+declare const veloriaPlugin: {
     handler: tailwindcss_types_config.PluginCreator;
     config?: Partial<tailwindcss_types_config.Config>;
 };
 /** Full preset — includes the plugin + darkMode: ["class"]. Recommended for new projects. */
-declare const atlasPreset: Partial<Config>;
+declare const veloriaPreset: Partial<Config>;
 
-export { Alert, AlertDescription, type AlertProps, AlertTitle, type AsChildProps, AspectRatio, type AtlasAriaProps, type AtlasBaseProps, type AtlasTheme, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselProps, Center, type CenterProps, Chart, type ChartProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, ColorPicker, type ColorPickerProps, type ColorScheme, Combobox, type ComboboxOption, type ComboboxProps, CommandDialog, type CommandDialogProps, CommandGroup, CommandItem, CommandSeparator, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuTrigger, CopyButton, type CopyButtonProps, CurrencyInput, type CurrencyInputProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DragDropArea, type DragDropAreaProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type FABAction, FileUpload, type FileUploadProps, Flex, type FlexProps, FloatingActionButton, type FloatingActionButtonProps, FormError, type FormErrorProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, Gallery, type GalleryImage, type GalleryProps, Grid, type GridProps, Heatmap, type HeatmapCell, type HeatmapProps, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Image, type ImageProps, ImageViewer, InfiniteScroll, type InfiniteScrollProps, Input, type InputProps, type JsonValue, JsonViewer, type JsonViewerProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutProps, Lightbox, type LightboxProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, LoadingSpinner, type LoadingSpinnerProps, Masonry, type MasonryProps, Menu, MenuItem, type MenuItemProps, Modal, type ModalProps, MultiSelect, type MultiSelectProps, Navbar, type NavbarProps, Notification, type NotificationProps, OTPInput, type OTPInputProps, type Orientation, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, type Placement, Popover, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, RangeSlider, RatingInput, type RatingInputProps, ResizablePanel, type ResizablePanelProps, type ResponsiveSize, RichTooltip, type RichTooltipProps, ScrollArea, SearchInput, type SearchInputProps, Section, type SectionProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, type Side, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, Snackbar, type SnackbarProps, Spacer, type SpacerProps, Stack, type StackProps, Statistic, type StatisticProps, StatsCard, type StatsCardProps, type Status, StatusIndicator, type StatusIndicatorProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, type TagInputProps, type TagProps, TextArea, type TextAreaProps, type Theme, ThemeSwitcher, type ThemeSwitcherProps, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, Toast, ToastAction, ToastClose, ToastContextProvider, type ToastData, ToastDescription, type ToastInput, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, Tour, type TourProps, type TourStep, type TreeNode, TreeView, type TreeViewProps, type UseClipboardOptions, type UseCountdownOptions, type UseCountdownReturn, type UseDisclosureOptions, type UseFormOptions, type UseFormReturn, type UseIntersectionOptions, type UsePaginationOptions, type UsePaginationReturn, type UseStepOptions, type UseStepReturn, type Variant, VideoPlayer, type VideoPlayerProps, VirtualList, type VirtualListProps, type WindowSize, atlasPlugin, atlasPreset, badgeVariants, buttonVariants, cn, composeEventHandlers, generateId, iconButtonVariants, inputVariants, isBrowser, isDefined, noop, useBreakpoint, useClipboard, useCountdown, useDebounce, useDisclosure, useForm, useIntersection, useKeydown, useLocalStorage, useMediaQuery, useMounted, useOnClickOutside, usePagination, useStep, useTheme, useToast, useWindowSize };
+export { Alert, AlertDescription, type AlertProps, AlertTitle, type AsChildProps, AspectRatio, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselProps, Center, type CenterProps, Chart, type ChartProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, ColorPicker, type ColorPickerProps, type ColorScheme, Combobox, type ComboboxOption, type ComboboxProps, CommandDialog, type CommandDialogProps, CommandGroup, CommandItem, CommandSeparator, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuTrigger, CopyButton, type CopyButtonProps, CurrencyInput, type CurrencyInputProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DragDropArea, type DragDropAreaProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type FABAction, FileUpload, type FileUploadProps, Flex, type FlexProps, FloatingActionButton, type FloatingActionButtonProps, FormError, type FormErrorProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, Gallery, type GalleryImage, type GalleryProps, Grid, type GridProps, Heatmap, type HeatmapCell, type HeatmapProps, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Image, type ImageProps, ImageViewer, InfiniteScroll, type InfiniteScrollProps, Input, type InputProps, type JsonValue, JsonViewer, type JsonViewerProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutProps, Lightbox, type LightboxProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, LoadingSpinner, type LoadingSpinnerProps, Masonry, type MasonryProps, Menu, MenuItem, type MenuItemProps, Modal, type ModalProps, MultiSelect, type MultiSelectProps, Navbar, type NavbarProps, Notification, type NotificationProps, OTPInput, type OTPInputProps, type Orientation, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, type Placement, Popover, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, RangeSlider, RatingInput, type RatingInputProps, ResizablePanel, type ResizablePanelProps, type ResponsiveSize, RichTooltip, type RichTooltipProps, ScrollArea, SearchInput, type SearchInputProps, Section, type SectionProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, type Side, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, Snackbar, type SnackbarProps, Spacer, type SpacerProps, Stack, type StackProps, Statistic, type StatisticProps, StatsCard, type StatsCardProps, type Status, StatusIndicator, type StatusIndicatorProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, type TagInputProps, type TagProps, TextArea, type TextAreaProps, type Theme, ThemeSwitcher, type ThemeSwitcherProps, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, Toast, ToastAction, ToastClose, ToastContextProvider, type ToastData, ToastDescription, type ToastInput, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, Tour, type TourProps, type TourStep, type TreeNode, TreeView, type TreeViewProps, type UseClipboardOptions, type UseCountdownOptions, type UseCountdownReturn, type UseDisclosureOptions, type UseFormOptions, type UseFormReturn, type UseIntersectionOptions, type UsePaginationOptions, type UsePaginationReturn, type UseStepOptions, type UseStepReturn, type Variant, type VeloriaAriaProps, type VeloriaBaseProps, type VeloriaTheme, VideoPlayer, type VideoPlayerProps, VirtualList, type VirtualListProps, type WindowSize, badgeVariants, buttonVariants, cn, composeEventHandlers, generateId, iconButtonVariants, inputVariants, isBrowser, isDefined, noop, useBreakpoint, useClipboard, useCountdown, useDebounce, useDisclosure, useForm, useIntersection, useKeydown, useLocalStorage, useMediaQuery, useMounted, useOnClickOutside, usePagination, useStep, useTheme, useToast, useWindowSize, veloriaPlugin, veloriaPreset };