@krizaka/ui 2.2.0 → 2.4.0

package/registry/index.json

@@ -1,6 +1,6 @@
 {
   "name": "@krizaka/ui",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "items": [
     {
       "name": "alert",
@@ -20,6 +20,24 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "audio-player",
+      "type": "primitive",
+      "title": "Audio player",
+      "summary": "A sound with a waveform you seek on — the peaks given by the server or computed once with Web Audio — play, time and speed, paused when it leaves the screen.",
+      "description": "A sound with a waveform you seek on — the peaks given by the server or computed once with Web Audio — play, time and speed, paused when it leaves the screen.",
+      "status": "beta",
+      "category": "media",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
+    },
     {
       "name": "avatar",
       "type": "primitive",
@@ -61,20 +79,22 @@
       "name": "button",
       "type": "primitive",
       "title": "Button",
-      "summary": "The action: a button in six looks (primary, gradient, secondary, outline, ghost, danger), three sizes and two shapes.",
-      "description": "The action: a button in six looks (primary, gradient, secondary, outline, ghost, danger), three sizes and two shapes.",
+      "summary": "The action: six looks, three sizes, three shapes (rounded, pill, the Krizaka cut corners) — and the whole life of an action built in: a wait traced by the loader glyph, its progress, a success or a failure drawn and announced.",
+      "description": "The action: six looks, three sizes, three shapes (rounded, pill, the Krizaka cut corners) — and the whole life of an action built in: a wait traced by the loader glyph, its progress, a success or a failure drawn and announced.",
       "status": "stable",
       "category": "actions",
       "platforms": "both",
       "examples": {
-        "web": 12,
+        "web": 16,
         "native": 11
       },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
       ],
-      "registryDependencies": []
+      "registryDependencies": [
+        "spinner"
+      ]
     },
     {
       "name": "card",
@@ -135,6 +155,25 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "chip-link",
+      "type": "primitive",
+      "title": "Chip link",
+      "summary": "A chip that is a link — a filter that is an address — with the look of `Chip`, the current one marked, and `chipVariants` to style anything else; server-safe.",
+      "description": "A chip that is a link — a filter that is an address — with the look of `Chip`, the current one marked, and `chipVariants` to style anything else; server-safe.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "web",
+      "examples": {
+        "web": 1,
+        "native": 0
+      },
+      "dependencies": [
+        "radix-ui@^1.7.0",
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
+    },
     {
       "name": "cn",
       "type": "primitive",
@@ -154,6 +193,26 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "combobox",
+      "type": "primitive",
+      "title": "Combobox",
+      "summary": "A text field that suggests and completes — one value or several as chips, from a static list or a server, with values created from what was typed.",
+      "description": "A text field that suggests and completes — one value or several as chips, from a static list or a server, with values created from what was typed.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 4,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "chip"
+      ]
+    },
     {
       "name": "command",
       "type": "primitive",
@@ -216,6 +275,47 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "data-table",
+      "type": "primitive",
+      "title": "Data table",
+      "summary": "A table of records — sort, selection, loading, empty and error states — that turns into cards on a phone and renders only the rows in view when there are thousands.",
+      "description": "A table of records — sort, selection, loading, empty and error states — that turns into cards on a phone and renders only the rows in view when there are thousands.",
+      "status": "beta",
+      "category": "data-display",
+      "platforms": "web",
+      "examples": {
+        "web": 6,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "checkbox"
+      ]
+    },
+    {
+      "name": "date-picker",
+      "type": "primitive",
+      "title": "Date picker",
+      "summary": "A date or a period chosen on a calendar — ISO values (`2026-10-11`) the form, the address and the API share, read in the locale's own words through @krizaka/intl.",
+      "description": "A date or a period chosen on a calendar — ISO values (`2026-10-11`) the form, the address and the API share, read in the locale's own words through @krizaka/intl.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
+      "dependencies": [
+        "@krizaka/intl@^0.1.0",
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "popover"
+      ]
+    },
     {
       "name": "dialog",
       "type": "primitive",
@@ -226,7 +326,7 @@
       "category": "overlays",
       "platforms": "web",
       "examples": {
-        "web": 6,
+        "web": 7,
         "native": 0
       },
       "dependencies": [
@@ -296,6 +396,105 @@
         "cn"
       ]
     },
+    {
+      "name": "file-upload",
+      "type": "primitive",
+      "title": "File upload",
+      "summary": "A drop zone that checks type, size and count, a list of uploads with preview, progress, speed and the actions each state allows, and a queue that pauses and resumes — Tus-ready without depending on it.",
+      "description": "A drop zone that checks type, size and count, a list of uploads with preview, progress, speed and the actions each state allows, and a queue that pauses and resumes — Tus-ready without depending on it.",
+      "status": "beta",
+      "category": "media",
+      "platforms": "web",
+      "examples": {
+        "web": 4,
+        "native": 0
+      },
+      "dependencies": [
+        "@krizaka/intl@^0.1.0",
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "progress"
+      ]
+    },
+    {
+      "name": "filter-bar",
+      "type": "primitive",
+      "title": "Filter bar",
+      "summary": "The bar above a list: the controls that narrow it, the filters in force as removable chips, “Clear filters”, and the count of results — the state kept by the app, in the address.",
+      "description": "The bar above a list: the controls that narrow it, the filters in force as removable chips, “Clear filters”, and the count of results — the state kept by the app, in the address.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "radix-ui@^1.7.0",
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "chip",
+        "dropdown-menu"
+      ]
+    },
+    {
+      "name": "glow-card",
+      "type": "primitive",
+      "title": "Glow card",
+      "summary": "A card lit by the brand: a bloom of the accent follows the pointer across it, and its border is a ring of the brand gradient that turns and brightens under the pointer or the focus.",
+      "description": "A card lit by the brand: a bloom of the accent follows the pointer across it, and its border is a ring of the brand gradient that turns and brightens under the pointer or the focus.",
+      "status": "beta",
+      "category": "layout",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "radix-ui@^1.7.0"
+      ],
+      "registryDependencies": [
+        "cn"
+      ]
+    },
+    {
+      "name": "image-cropper",
+      "type": "primitive",
+      "title": "Image cropper",
+      "summary": "A fixed frame — square, round, 9:16, a banner — over a picture or a video the person drags and zooms; a focus point and a zoom out, `cropRect` for the pixels.",
+      "description": "A fixed frame — square, round, 9:16, a banner — over a picture or a video the person drags and zooms; a focus point and a zoom out, `cropRect` for the pixels.",
+      "status": "beta",
+      "category": "media",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "slider"
+      ]
+    },
+    {
+      "name": "iso",
+      "type": "primitive",
+      "title": "Iso",
+      "summary": "The isometric kit: luminous objects built from the Krizaka vocabulary (hexagons, cut corners, the node) on a perspective grid — a hero driven by data (`IsoHub`) or composed from primitives.",
+      "description": "The isometric kit: luminous objects built from the Krizaka vocabulary (hexagons, cut corners, the node) on a perspective grid — a hero driven by data (`IsoHub`) or composed from primitives.",
+      "status": "beta",
+      "category": "layout",
+      "platforms": "web",
+      "examples": {
+        "web": 4,
+        "native": 0
+      },
+      "dependencies": [],
+      "registryDependencies": []
+    },
     {
       "name": "kbd",
       "type": "primitive",
@@ -314,6 +513,44 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "loader",
+      "type": "primitive",
+      "title": "Loader",
+      "summary": "A wait from start to end: nothing for the first instants, then the Krizaka glyph with its words, a percentage and an ETA, held long enough to read, ending on a check or a cross that is drawn and announced — and `LoadingRegion`, which hands a region over to a skeleton of its shape.",
+      "description": "A wait from start to end: nothing for the first instants, then the Krizaka glyph with its words, a percentage and an ETA, held long enough to read, ending on a check or a cross that is drawn and announced — and `LoadingRegion`, which hands a region over to a skeleton of its shape.",
+      "status": "beta",
+      "category": "feedback",
+      "platforms": "web",
+      "examples": {
+        "web": 6,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "spinner"
+      ]
+    },
+    {
+      "name": "marquee",
+      "type": "primitive",
+      "title": "Marquee",
+      "summary": "A band of items that slides forever — at a speed in pixels per second, paused by the pointer, the focus or its own pause button, read once by assistive technology, and a still row you scroll under reduced motion.",
+      "description": "A band of items that slides forever — at a speed in pixels per second, paused by the pointer, the focus or its own pause button, read once by assistive technology, and a still row you scroll under reduced motion.",
+      "status": "beta",
+      "category": "data-display",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
+      "dependencies": [],
+      "registryDependencies": [
+        "cn"
+      ]
+    },
     {
       "name": "mascots",
       "type": "primitive",
@@ -330,6 +567,79 @@
       "dependencies": [],
       "registryDependencies": []
     },
+    {
+      "name": "media-capture",
+      "type": "primitive",
+      "title": "Media capture",
+      "summary": "The camera in the page: a photo or a clip, front or back, the permission asked only on a gesture, and a way out every time the camera cannot start.",
+      "description": "The camera in the page: a photo or a clip, front or back, the permission asked only on a gesture, and a way out every time the camera cannot start.",
+      "status": "beta",
+      "category": "media",
+      "platforms": "both",
+      "examples": {
+        "web": 2,
+        "native": 1
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
+    },
+    {
+      "name": "meter",
+      "type": "primitive",
+      "title": "Meter",
+      "summary": "A measure within a known range — a quota, a balance, a share: thresholds turn it to warning then danger (or the reverse when high is good), and split into parts it becomes a stacked bar or ring with its legend.",
+      "description": "A measure within a known range — a quota, a balance, a share: thresholds turn it to warning then danger (or the reverse when high is good), and split into parts it becomes a stacked bar or ring with its legend.",
+      "status": "beta",
+      "category": "data-display",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
+    },
+    {
+      "name": "nav-bar",
+      "type": "primitive",
+      "title": "Nav bar",
+      "summary": "The Krizaka navigation bar: a floating pill that tightens as the page scrolls, one light that glides to the item under the pointer or the focus and rests on the current page, accessible menus with rich links, and a mobile panel.",
+      "description": "The Krizaka navigation bar: a floating pill that tightens as the page scrolls, one light that glides to the item under the pointer or the focus and rests on the current page, accessible menus with rich links, and a mobile panel.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "radix-ui@^1.7.0",
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "cn"
+      ]
+    },
+    {
+      "name": "number-ticker",
+      "type": "primitive",
+      "title": "Number ticker",
+      "summary": "A figure that climbs into view once, or rolls digit by digit to each new value — server-rendered at its final value, its width held from the first paint, read once by assistive technology.",
+      "description": "A figure that climbs into view once, or rolls digit by digit to each new value — server-rendered at its final value, its width held from the first paint, read once by assistive technology.",
+      "status": "beta",
+      "category": "data-display",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [],
+      "registryDependencies": []
+    },
     {
       "name": "page-header",
       "type": "primitive",
@@ -348,6 +658,24 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "pagination",
+      "type": "primitive",
+      "title": "Pagination",
+      "summary": "Moves through a long list page by page: numbers with ellipses that fold into “Page 3 of 12” on a phone, or previous / next on a cursor.",
+      "description": "Moves through a long list page by page: numbers with ellipses that fold into “Page 3 of 12” on a phone, or previous / next on a cursor.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "both",
+      "examples": {
+        "web": 4,
+        "native": 2
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
+    },
     {
       "name": "popover",
       "type": "primitive",
@@ -372,13 +700,13 @@
       "name": "progress",
       "type": "primitive",
       "title": "Progress",
-      "summary": "How far a task or a goal has come: a bar or a ring, determinate or indeterminate.",
-      "description": "How far a task or a goal has come: a bar or a ring, determinate or indeterminate.",
+      "summary": "How far a task or a goal has come: a bar or a ring — with its words and time left, what is buffered ahead, its steps as segments, and a paused or failed state that says where it stopped.",
+      "description": "How far a task or a goal has come: a bar or a ring — with its words and time left, what is buffered ahead, its steps as segments, and a paused or failed state that says where it stopped.",
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
       "examples": {
-        "web": 5,
+        "web": 9,
         "native": 3
       },
       "dependencies": [
@@ -405,6 +733,26 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "search-field",
+      "type": "primitive",
+      "title": "Search field",
+      "summary": "A search box: a clear button, a global ⌘K / Ctrl+K shortcut, a debounced `onSearch`, Enter to submit, and suggestions with the keyboard.",
+      "description": "A search box: a clear button, a global ⌘K / Ctrl+K shortcut, a debounced `onSearch`, Enter to submit, and suggestions with the keyboard.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "both",
+      "examples": {
+        "web": 3,
+        "native": 1
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "kbd"
+      ]
+    },
     {
       "name": "section-backdrop",
       "type": "primitive",
@@ -462,13 +810,13 @@
       "name": "skeleton",
       "type": "primitive",
       "title": "Skeleton",
-      "summary": "A placeholder the shape of what is loading: a line, a circle or a block.",
-      "description": "A placeholder the shape of what is loading: a line, a circle or a block.",
+      "summary": "A placeholder the shape of what is loading — lines, circles, blocks, or the real component turned into its own skeleton (`SkeletonShape`) — crossed by one reflection of the brand light.",
+      "description": "A placeholder the shape of what is loading — lines, circles, blocks, or the real component turned into its own skeleton (`SkeletonShape`) — crossed by one reflection of the brand light.",
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
       "examples": {
-        "web": 4,
+        "web": 6,
         "native": 1
       },
       "dependencies": [
@@ -517,8 +865,8 @@
       "name": "spinner",
       "type": "primitive",
       "title": "Spinner",
-      "summary": "An indeterminate wait: a turning ring named by `label`.",
-      "description": "An indeterminate wait: a turning ring named by `label`.",
+      "summary": "The Krizaka spinner: light traced around a hexagon, its node breathing — indeterminate, or growing to a `value`; still and legible under reduced motion.",
+      "description": "The Krizaka spinner: light traced around a hexagon, its node breathing — indeterminate, or growing to a `value`; still and legible under reduced motion.",
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
@@ -549,6 +897,26 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "stepper",
+      "type": "primitive",
+      "title": "Stepper",
+      "summary": "The steps of a journey or a job: done steps checked, the current one traced by the Krizaka glyph (growing to its value), failures crossed, connectors that fill — and every state said in words.",
+      "description": "The steps of a journey or a job: done steps checked, the current one traced by the Krizaka glyph (growing to its value), failures crossed, connectors that fill — and every state said in words.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "spinner"
+      ]
+    },
     {
       "name": "switch",
       "type": "primitive",
@@ -572,8 +940,8 @@
       "name": "tabs",
       "type": "primitive",
       "title": "Tabs",
-      "summary": "Views of the same page, one at a time: underlined sections, a segmented switch or pills.",
-      "description": "Views of the same page, one at a time: underlined sections, a segmented switch or pills.",
+      "summary": "Views of the same page, one at a time: underlined sections, a segmented switch or pills — one light glides from the active tab to the next, in every variant.",
+      "description": "Views of the same page, one at a time: underlined sections, a segmented switch or pills — one light glides from the active tab to the next, in every variant.",
       "status": "beta",
       "category": "navigation",
       "platforms": "web",
@@ -587,6 +955,24 @@
       ],
       "registryDependencies": []
     },
+    {
+      "name": "tag-input",
+      "type": "primitive",
+      "title": "Tag input",
+      "summary": "Free words as removable chips — Enter or a comma adds one, a paste adds several, suggestions complete, `normalize` cleans and `validate` refuses with a reason.",
+      "description": "Free words as removable chips — Enter or a comma adds one, a paste adds several, suggestions complete, `normalize` cleans and `validate` refuses with a reason.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
+      "dependencies": [],
+      "registryDependencies": [
+        "combobox"
+      ]
+    },
     {
       "name": "theme",
       "type": "primitive",
@@ -609,20 +995,21 @@
       "name": "toast",
       "type": "primitive",
       "title": "Toast",
-      "summary": "A short message that comes and goes: `toast()` from anywhere, one `Toaster` per app.",
-      "description": "A short message that comes and goes: `toast()` from anywhere, one `Toaster` per app.",
+      "summary": "A short message that comes and goes — with the time it has left drawn and paused under the pointer, an undo that waits before an action is final, a long task updated in place, and repeats folded into one toast that counts.",
+      "description": "A short message that comes and goes — with the time it has left drawn and paused under the pointer, an undo that waits before an action is final, a long task updated in place, and repeats folded into one toast that counts.",
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
       "examples": {
-        "web": 2,
+        "web": 5,
         "native": 2
       },
       "dependencies": [
         "sonner@^2.0.8"
       ],
       "registryDependencies": [
-        "cn"
+        "cn",
+        "spinner"
       ]
     },
     {
@@ -660,6 +1047,44 @@
       },
       "dependencies": [],
       "registryDependencies": []
+    },
+    {
+      "name": "video-player",
+      "type": "primitive",
+      "title": "Video player",
+      "summary": "A video with accessible controls — HLS through an hls.js loaded only when needed, signed sources resolved at the last moment, subtitles, speed, full screen, a pause when it leaves the screen.",
+      "description": "A video with accessible controls — HLS through an hls.js loaded only when needed, signed sources resolved at the last moment, subtitles, speed, full screen, a pause when it leaves the screen.",
+      "status": "beta",
+      "category": "media",
+      "platforms": "both",
+      "examples": {
+        "web": 4,
+        "native": 1
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "slider"
+      ]
+    },
+    {
+      "name": "video-trimmer",
+      "type": "primitive",
+      "title": "Video trimmer",
+      "summary": "The trim timeline of a video editor: two edge handles over a filmstrip frame the part kept, the outside dimmed, a playhead to scrub — every part stylable, the keyboard included.",
+      "description": "The trim timeline of a video editor: two edge handles over a filmstrip frame the part kept, the outside dimmed, a playhead to scrub — every part stylable, the keyboard included.",
+      "status": "beta",
+      "category": "media",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
     }
   ]
 }