@hilum/ui 3.4.0 → 3.5.1

package/dist/tokens.css

@@ -57,6 +57,9 @@
   --animate-accordion-down: accordion-down 0.2s ease-out;
   --animate-accordion-up: accordion-up 0.2s ease-out;
   --animate-caret-blink: caret-blink 1.25s ease-out infinite;
+  --animate-hilum-orbit: hilum-orbit 1.4s ease-in-out infinite;
+  --animate-hilum-spring-in: hilum-spring-in 180ms cubic-bezier(0.2, 0.9, 0.2, 1.15);
+  --animate-hilum-thinking: hilum-thinking 1.1s ease-in-out infinite;
 
   --z-dropdown: 40;
   --z-sticky: 50;
@@ -336,6 +339,20 @@
   0%, 70%, 100% { opacity: 1; }
   20%, 50% { opacity: 0; }
 }
+@keyframes hilum-orbit {
+  0% { stroke-dasharray: 10 90; stroke-dashoffset: 0; }
+  50% { stroke-dasharray: 28 72; stroke-dashoffset: -18; }
+  100% { stroke-dasharray: 10 90; stroke-dashoffset: -100; }
+}
+@keyframes hilum-spring-in {
+  0% { opacity: 0; transform: scale(0.92); }
+  70% { opacity: 1; transform: scale(1.04); }
+  100% { opacity: 1; transform: scale(1); }
+}
+@keyframes hilum-thinking {
+  0%, 100% { opacity: 0.42; transform: translateY(0) scale(0.92); }
+  50% { opacity: 1; transform: translateY(-1px) scale(1); }
+}
 
 *,
 ::before,

package/dist/tokens.d.ts

@@ -261,6 +261,9 @@ declare const tokens: {
         readonly "accordion-down": "accordion-down 0.2s ease-out";
         readonly "accordion-up": "accordion-up 0.2s ease-out";
         readonly "caret-blink": "caret-blink 1.25s ease-out infinite";
+        readonly "hilum-orbit": "hilum-orbit 1.4s ease-in-out infinite";
+        readonly "hilum-spring-in": "hilum-spring-in 180ms cubic-bezier(0.2, 0.9, 0.2, 1.15)";
+        readonly "hilum-thinking": "hilum-thinking 1.1s ease-in-out infinite";
     };
 };
 type Tokens = typeof tokens;

package/dist/tokens.js

@@ -1,3 +1,3 @@
-export { tokens } from './chunk-MAHPAP65.js';
+export { tokens } from './chunk-RI6QJR2L.js';
 //# sourceMappingURL=tokens.js.map
 //# sourceMappingURL=tokens.js.map

package/llms.txt

@@ -5,10 +5,10 @@
 ## Key Facts
 
 - Package name: `@hilum/ui`
-- Package version: 3.3.4
-- Component modules: 85
-- Atom components: 63
-- Molecule components: 22
+- Package version: 3.4.0
+- Component modules: 99
+- Atom components: 70
+- Molecule components: 29
 - Docs site: https://ui.hilum.dev
 - GitHub repository: https://github.com/hilum-labs/hilum-ui
 - Machine-readable docs index: https://ui.hilum.dev/catalog.json
@@ -75,6 +75,7 @@ Primary exports:
 - Alert Dialog (/atoms/alert-dialog/) — Confirmation modal that requires explicit action before proceeding.
 - Alert (/atoms/alert/) — Inline message communicating status or feedback.
 - Aspect Ratio (/atoms/aspect-ratio/) — Constrains content to a specific width-to-height ratio.
+- Ask User Questions (/molecules/ask-user-questions/) — Question prompt panel for collecting answers, clarifications, and review decisions. Composes: Card · Button.
 - Avatar Stack (/atoms/avatar-stack/) — Overlapping group of avatars with optional overflow badge.
 - Avatar (/atoms/avatar/) — User representations with image, fallback, and optional status indicator.
 - Badge (/atoms/badge/) — Compact labels for status, categories, and metadata.
@@ -87,7 +88,9 @@ Primary exports:
 - Card (/atoms/card/) — Contained surface for grouping related content, media, stats, and article layouts.
 - Carousel (/atoms/carousel/) — Horizontally scrollable item sequence with previous and next controls.
 - Chart (/atoms/chart/) — Recharts-based data visualization with design-system styling.
+- Chat Message (/molecules/chat-message/) — Chat transcript row with avatar, author metadata, alignment, and message bubble tone. Composes: Avatar.
 - Checkbox (/atoms/checkbox/) — Binary selection control with checked, unchecked, and indeterminate states.
+- Checkbox Group (/atoms/checkbox-group/) — Grouped multi-select options with contiguous product-style row highlighting.
 - Collapsible (/atoms/collapsible/) — Toggleable content region, often used for navigation groups.
 - Color Input (/atoms/color-input/) — Compact color input combining swatch, hex field, and optional opacity control.
 - Color Picker (/atoms/color-picker/) — Popover color selector with native color wheel, hex input, and preset palette.
@@ -101,14 +104,18 @@ Primary exports:
 - Description List (/molecules/description-list/) — Key-value pairs for structured details in profiles and settings panels. Composes: Badge · Button.
 - Dialog (/atoms/dialog/) — Modal overlay for focused tasks and confirmations.
 - Drawer (/atoms/drawer/) — Bottom sheet that slides up from the edge, optimized for mobile.
+- Dropdown (/atoms/dropdown/) — Fluid-style menu surface with proximity hover, selected state, and elevated surface treatment.
 - Dropdown Menu (/atoms/dropdown-menu/) — Contextual action menu revealed from a trigger.
 - Empty State (/molecules/empty-state/) — Placeholder for empty lists, zero-data views, and no-results scenarios. Composes: Button · Icon.
 - Field (/molecules/field/) — Labeled form control composition with hint and error text. Composes: Label · Input · Textarea.
+- File Thumbnail (/atoms/file-thumbnail/) — Compact file preview row with icon, optional image preview, type, and size metadata.
 - File Dropzone (/atoms/file-dropzone/) — Accessible drag-and-drop file input with loading and selected-file states.
 - Grid List (/molecules/grid-list/) — Responsive grid of cards for simple content, accents, and contact layouts. Composes: Card · Badge · Avatar.
 - Help Tooltip (/atoms/help-tooltip/) — Inline help trigger with tooltip content and optional learn-more link.
 - Hover Card (/atoms/hover-card/) — Rich preview card that appears on hover over a link or element.
+- Input Copy (/molecules/input-copy/) — Read-only value field with an integrated clipboard action and copied feedback state. Composes: Input · Button.
 - Input Group (/molecules/input-group/) — Input with leading or trailing text addons, icons, and inset actions. Composes: Input.
+- Input Message (/molecules/input-message/) — Auto-growing chat-style message composer with action slots and send affordance. Composes: Button · Textarea.
 - Input Number (/atoms/input-number/) — Numeric input with steppers, unit suffix, and arrow-key stepping.
 - Input OTP (/atoms/input-otp/) — One-time password input with individual character slots.
 - Input (/atoms/input/) — Single-line text field for user input.
@@ -116,8 +123,12 @@ Primary exports:
 - Label (/atoms/label/) — Accessible form label that associates text with its control.
 - Media Asset Card (/molecules/media-asset-card/) — Selectable media or file card with grid, list, and responsive orientations. Composes: Card · Icon · Image.
 - Media Object (/molecules/media-object/) — Layout primitive pairing fixed media with flexible text content. Composes: Avatar · Icon.
+- Menu Item (/atoms/menu-item/) — Reusable command row for menus, lists, and product navigation surfaces.
 - Menubar (/atoms/menubar/) — Horizontal application menu bar with nested dropdown panels.
+- Mobile Drawer (/molecules/mobile-drawer/) — Mobile navigation drawer wrapper with trigger, sheet content, title, and description. Composes: Button · Sheet.
 - Native Select (/atoms/native-select/) — Styled native HTML select with no JavaScript dropdown overhead.
+- Nav Item (/atoms/nav-item/) — Single navigation row with icon, active state, trailing content, and product motion.
+- Nav Menu (/molecules/nav-menu/) — Vertical navigation list with proximity-aware row activation and active item state. Composes: Nav Item.
 - Navigation Menu (/atoms/navigation-menu/) — Top-level navigation with accessible animated dropdown panels.
 - Notification (/molecules/notification/) — Toast-style notification panel with success, error, warning, and info variants. Composes: Icon · Button.
 - Page Heading (/molecules/page-heading/) — Full page header with breadcrumb navigation, title, metadata, and actions. Composes: Button · Badge · Breadcrumb.
@@ -147,7 +158,10 @@ Primary exports:
 - Switch (/atoms/switch/) — Toggle between two states, on and off.
 - Table (/atoms/table/) — Structured data display with rows and columns.
 - Tabs (/atoms/tabs/) — Organizes content into switchable panels.
+- Tabs Subtle (/atoms/tabs-subtle/) — Quiet segmented tab navigation for settings, filters, and compact product panels.
 - Textarea (/atoms/textarea/) — Multi-line text field for longer user input.
+- Thinking Indicator (/atoms/thinking-indicator/) — Compact animated status indicator for pending assistant or system work.
+- Thinking Steps (/molecules/thinking-steps/) — Reasoning progress list with complete, current, and pending step states. Composes: Thinking Indicator.
 - Titled Card (/molecules/titled-card/) — Responsive card wrapper with title, subtitle, actions, and mobile-flattened layout. Composes: Card · Card Heading.
 - Toggle Group (/atoms/toggle-group/) — Set of toggles with single or multiple selection.
 - Toggle (/atoms/toggle/) — Two-state press button for toolbars and filter controls.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hilum/ui",
-  "version": "3.4.0",
+  "version": "3.5.1",
   "private": false,
   "description": "Hilum UI — design system primitives (Button, Input, Dialog, Combobox, …) + tokens + fonts + icons",
   "license": "MIT",
@@ -43,6 +43,9 @@
     "src/icons.ts",
     "src/index.ts",
     "src/lib/*.ts",
+    "src/lib/*.tsx",
+    "src/hooks/*.ts",
+    "src/hooks/*.tsx",
     "src/tokens/*.ts",
     "README.md",
     "LICENSE",
@@ -54,13 +57,28 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@hugeicons/core-free-icons": "^4.2.2",
+    "@hugeicons/react": "^1.1.9",
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-accordion": "^1.2.14",
+    "@radix-ui/react-checkbox": "^1.3.5",
     "@radix-ui/react-context": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.4.1",
+    "@radix-ui/react-slider": "^1.4.1",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-switch": "^1.3.1",
+    "@radix-ui/react-tabs": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.10",
+    "@tabler/icons-react": "^3.44.0",
     "@tanstack/react-table": "^8.21.3",
+    "@untitledui/icons": "^0.0.22",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.42.0",
     "input-otp": "^1.4.2",
+    "pdfjs-dist": "^6.1.200",
     "radix-ui": "^1.1.3",
     "react-day-picker": "^9.14.0",
     "react-resizable-panels": "^4.10.0",