@krizaka/ui 2.0.0-beta.4 → 2.0.0-beta.6

package/registry/index.json

@@ -1,11 +1,20 @@
 {
   "name": "@krizaka/ui",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.6",
   "items": [
     {
       "name": "alert",
       "type": "primitive",
-      "description": "`Alert`, `alertVariants`. Server-safe.",
+      "title": "Alert",
+      "summary": "A message in the flow of the page: a tone, an icon, a title, a text and an optional action.",
+      "description": "A message in the flow of the page: a tone, an icon, a title, a text and an optional action.",
+      "status": "stable",
+      "category": "feedback",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -14,7 +23,16 @@
     {
       "name": "avatar",
       "type": "primitive",
-      "description": "`Avatar`, `Avatar.Group`. Client (\"use client\").",
+      "title": "Avatar",
+      "summary": "A person or an account: their picture, or initials while it loads, when it fails or when there is none.",
+      "description": "A person or an account: their picture, or initials while it loads, when it fails or when there is none.",
+      "status": "stable",
+      "category": "data-display",
+      "platforms": "both",
+      "examples": {
+        "web": 4,
+        "native": 2
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -24,7 +42,16 @@
     {
       "name": "badge",
       "type": "primitive",
-      "description": "`Badge`, `badgeVariants`. Server-safe.",
+      "title": "Badge",
+      "summary": "A short status or label: a tone, two sizes, an optional dot that can pulse.",
+      "description": "A short status or label: a tone, two sizes, an optional dot that can pulse.",
+      "status": "stable",
+      "category": "data-display",
+      "platforms": "both",
+      "examples": {
+        "web": 7,
+        "native": 3
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -33,7 +60,16 @@
     {
       "name": "button",
       "type": "primitive",
-      "description": "`Button`, `IconButton`, `buttonVariants`. Server-safe.",
+      "title": "Button",
+      "summary": "The action: a button in five looks (primary, secondary, outline, ghost, danger), three sizes and two shapes.",
+      "description": "The action: a button in five looks (primary, secondary, outline, ghost, danger), three sizes and two shapes.",
+      "status": "stable",
+      "category": "actions",
+      "platforms": "both",
+      "examples": {
+        "web": 11,
+        "native": 10
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -43,7 +79,16 @@
     {
       "name": "card",
       "type": "primitive",
-      "description": "`Card.*`, `card` (the slots). Server-safe.",
+      "title": "Card",
+      "summary": "The composed chassis of every card: a media with overlays, a body with a title, a description, stats and a footer.",
+      "description": "The composed chassis of every card: a media with overlays, a body with a title, a description, stats and a footer.",
+      "status": "stable",
+      "category": "layout",
+      "platforms": "both",
+      "examples": {
+        "web": 5,
+        "native": 4
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -55,7 +100,16 @@
     {
       "name": "checkbox",
       "type": "primitive",
-      "description": "`Checkbox` (checked · unchecked · indeterminate), `checkbox` (the slots). Client (\"use client\").",
+      "title": "Checkbox",
+      "summary": "A box to check: checked, unchecked or indeterminate, with its words as one clickable label.",
+      "description": "A box to check: checked, unchecked or indeterminate, with its words as one clickable label.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -65,7 +119,16 @@
     {
       "name": "chip",
       "type": "primitive",
-      "description": "`Chip` (selectable, removable), `Chip.Group` (single · multiple), `chip` (the slots). Client (\"use client\").",
+      "title": "Chip",
+      "summary": "A selectable pill: alone a toggle, in a group a single or multiple choice, or a removable tag.",
+      "description": "A selectable pill: alone a toggle, in a group a single or multiple choice, or a removable tag.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "both",
+      "examples": {
+        "web": 5,
+        "native": 4
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -75,7 +138,16 @@
     {
       "name": "cn",
       "type": "primitive",
-      "description": "Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it. tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer): hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean install of the packed package.",
+      "title": "cn",
+      "summary": "Joins class names and resolves Tailwind conflicts: the last class wins.",
+      "description": "Joins class names and resolves Tailwind conflicts: the last class wins.",
+      "status": "stable",
+      "category": "foundations",
+      "platforms": "web",
+      "examples": {
+        "web": 1,
+        "native": 0
+      },
       "dependencies": [
         "clsx@^2.1.1",
         "tailwind-variants@^3.3.1"
@@ -85,7 +157,16 @@
     {
       "name": "command",
       "type": "primitive",
-      "description": "`Command.*` (cmdk) and `CommandDialog`, `command` (the slots). Client (\"use client\").",
+      "title": "Command",
+      "summary": "A command palette on cmdk: a search input over a filtered list of commands, inline or in a dialog.",
+      "description": "A command palette on cmdk: a search input over a filtered list of commands, inline or in a dialog.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
       "dependencies": [
         "cmdk@^1.1.1",
         "radix-ui@^1.7.0",
@@ -99,7 +180,16 @@
     {
       "name": "confirm-button",
       "type": "primitive",
-      "description": "`ConfirmButton` (two steps: arm, then confirm). Client (\"use client\").",
+      "title": "Confirm button",
+      "summary": "A destructive action in two presses: the first arms it and says what will happen, the second runs it.",
+      "description": "A destructive action in two presses: the first arms it and says what will happen, the second runs it.",
+      "status": "beta",
+      "category": "actions",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0"
       ],
@@ -111,7 +201,16 @@
     {
       "name": "countdown",
       "type": "primitive",
-      "description": "`Countdown`, `useCountdown`, `splitDuration`. Client (\"use client\").",
+      "title": "Countdown",
+      "summary": "The time left until a moment, in tabular figures, turning urgent under a threshold.",
+      "description": "The time left until a moment, in tabular figures, turning urgent under a threshold.",
+      "status": "stable",
+      "category": "data-display",
+      "platforms": "both",
+      "examples": {
+        "web": 5,
+        "native": 4
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -120,7 +219,16 @@
     {
       "name": "dialog",
       "type": "primitive",
-      "description": "`Dialog.*`, `Sheet`, `AlertDialog`, `dialog` (the slots). Client (\"use client\").",
+      "title": "Dialog",
+      "summary": "A window over the page — centred, a bottom sheet or a side panel — and `AlertDialog` for a confirmation.",
+      "description": "A window over the page — centred, a bottom sheet or a side panel — and `AlertDialog` for a confirmation.",
+      "status": "stable",
+      "category": "overlays",
+      "platforms": "web",
+      "examples": {
+        "web": 6,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -132,7 +240,16 @@
     {
       "name": "dropdown-menu",
       "type": "primitive",
-      "description": "`DropdownMenu.*`, `menu` (the slots). Client (\"use client\").",
+      "title": "Dropdown menu",
+      "summary": "A menu of actions opened from a trigger: items with icons, checkbox items, labels, separators, a destructive item.",
+      "description": "A menu of actions opened from a trigger: items with icons, checkbox items, labels, separators, a destructive item.",
+      "status": "stable",
+      "category": "overlays",
+      "platforms": "web",
+      "examples": {
+        "web": 1,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -144,7 +261,16 @@
     {
       "name": "empty-state",
       "type": "primitive",
-      "description": "`EmptyState`. Server-safe.",
+      "title": "Empty state",
+      "summary": "What a list, a search or a panel says when it has nothing to show: an icon, a title, a line and an action.",
+      "description": "What a list, a search or a panel says when it has nothing to show: an icon, a title, a line and an action.",
+      "status": "stable",
+      "category": "feedback",
+      "platforms": "both",
+      "examples": {
+        "web": 3,
+        "native": 1
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -153,7 +279,16 @@
     {
       "name": "field",
       "type": "primitive",
-      "description": "`Field.Root/Label/Hint/Error`, `Input`, `Textarea`, `Select`. Server-safe.",
+      "title": "Field",
+      "summary": "A form field: a label, a hint and an error around an `Input`, a `Textarea` or a native `Select`.",
+      "description": "A form field: a label, a hint and an error around an `Input`, a `Textarea` or a native `Select`.",
+      "status": "stable",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -164,7 +299,16 @@
     {
       "name": "kbd",
       "type": "primitive",
-      "description": "`Kbd`, `kbdVariants`. Server-safe.",
+      "title": "Kbd",
+      "summary": "A key or a keyboard shortcut, set as keys: one `Kbd` per key.",
+      "description": "A key or a keyboard shortcut, set as keys: one `Kbd` per key.",
+      "status": "stable",
+      "category": "data-display",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -173,7 +317,16 @@
     {
       "name": "page-header",
       "type": "primitive",
-      "description": "`PageHeader`, `pageHeader` (the slots). Server-safe.",
+      "title": "Page header",
+      "summary": "The top of a page: a breadcrumb, the title, a description and the page's actions.",
+      "description": "The top of a page: a breadcrumb, the title, a description and the page's actions.",
+      "status": "stable",
+      "category": "layout",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -182,7 +335,16 @@
     {
       "name": "popover",
       "type": "primitive",
-      "description": "`Popover.*`. Client (\"use client\").",
+      "title": "Popover",
+      "summary": "A floating panel next to its trigger, for a small form or details, closed by Escape or a click outside.",
+      "description": "A floating panel next to its trigger, for a small form or details, closed by Escape or a click outside.",
+      "status": "stable",
+      "category": "overlays",
+      "platforms": "web",
+      "examples": {
+        "web": 1,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0"
       ],
@@ -193,7 +355,16 @@
     {
       "name": "progress",
       "type": "primitive",
-      "description": "`Progress` (bar · ring, indeterminate), `progress` (the slots). Server-safe.",
+      "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.",
+      "status": "beta",
+      "category": "feedback",
+      "platforms": "both",
+      "examples": {
+        "web": 5,
+        "native": 3
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -202,17 +373,69 @@
     {
       "name": "radio-group",
       "type": "primitive",
-      "description": "`RadioGroup.Root/Item/Card`, `radioGroup` (the slots). Client (\"use client\").",
+      "title": "Radio group",
+      "summary": "One choice among a few options, all visible: dots with their words, or whole cards.",
+      "description": "One choice among a few options, all visible: dots with their words, or whole cards.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 3,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
       ],
       "registryDependencies": []
     },
+    {
+      "name": "section-backdrop",
+      "type": "primitive",
+      "title": "Section backdrop",
+      "summary": "The backdrop of a page section: the brand's gradient, a light dome, an optional perspective grid and a blurred foreground.",
+      "description": "The backdrop of a page section: the brand's gradient, a light dome, an optional perspective grid and a blurred foreground.",
+      "status": "beta",
+      "category": "layout",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": []
+    },
+    {
+      "name": "segmented",
+      "type": "native",
+      "title": "Segmented",
+      "summary": "A segmented control that switches between views of a screen — the native counterpart of the web's segmented tabs.",
+      "description": "A segmented control that switches between views of a screen — the native counterpart of the web's segmented tabs.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "native",
+      "examples": {
+        "web": 0,
+        "native": 2
+      },
+      "dependencies": [],
+      "registryDependencies": []
+    },
     {
       "name": "separator",
       "type": "primitive",
-      "description": "`Separator`, `separatorVariants` (Radix). Server-safe.",
+      "title": "Separator",
+      "summary": "A line between groups of content, horizontal or vertical, decorative by default.",
+      "description": "A line between groups of content, horizontal or vertical, decorative by default.",
+      "status": "stable",
+      "category": "layout",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -222,7 +445,16 @@
     {
       "name": "skeleton",
       "type": "primitive",
-      "description": "`Skeleton`, `skeletonVariants`. Server-safe.",
+      "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.",
+      "status": "stable",
+      "category": "feedback",
+      "platforms": "both",
+      "examples": {
+        "web": 4,
+        "native": 1
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -231,7 +463,16 @@
     {
       "name": "slider",
       "type": "primitive",
-      "description": "`Slider` (one value or a range), `slider` (the slots). Client (\"use client\").",
+      "title": "Slider",
+      "summary": "A value or a range chosen by dragging a thumb along a track, with arrows and Page keys.",
+      "description": "A value or a range chosen by dragging a thumb along a track, with arrows and Page keys.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -241,7 +482,16 @@
     {
       "name": "slot",
       "type": "primitive",
-      "description": "`Slot` (what `asChild` renders) and `VisuallyHidden` (a name for assistive technology only), from Radix.",
+      "title": "Slot",
+      "summary": "`Slot` merges its props and classes into its only child — the engine of `asChild` — and `VisuallyHidden` names things for screen readers only.",
+      "description": "`Slot` merges its props and classes into its only child — the engine of `asChild` — and `VisuallyHidden` names things for screen readers only.",
+      "status": "stable",
+      "category": "foundations",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0"
       ],
@@ -250,7 +500,16 @@
     {
       "name": "spinner",
       "type": "primitive",
-      "description": "`Spinner`, `spinnerVariants`. Server-safe.",
+      "title": "Spinner",
+      "summary": "An indeterminate wait: a turning ring named by `label`.",
+      "description": "An indeterminate wait: a turning ring named by `label`.",
+      "status": "stable",
+      "category": "feedback",
+      "platforms": "both",
+      "examples": {
+        "web": 3,
+        "native": 1
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -259,7 +518,16 @@
     {
       "name": "stat",
       "type": "primitive",
-      "description": "`Stat`, `stat` (the slots). Server-safe.",
+      "title": "Stat",
+      "summary": "A key figure: a label, a value in tabular digits, a hint and a trend said in words.",
+      "description": "A key figure: a label, a value in tabular digits, a hint and a trend said in words.",
+      "status": "stable",
+      "category": "data-display",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
       "dependencies": [
         "tailwind-variants@^3.3.1"
       ],
@@ -268,7 +536,16 @@
     {
       "name": "switch",
       "type": "primitive",
-      "description": "`Switch`, `switchVariants`. Client (\"use client\").",
+      "title": "Switch",
+      "summary": "An on/off setting that applies at once.",
+      "description": "An on/off setting that applies at once.",
+      "status": "beta",
+      "category": "forms",
+      "platforms": "web",
+      "examples": {
+        "web": 5,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -278,7 +555,16 @@
     {
       "name": "tabs",
       "type": "primitive",
-      "description": "`Tabs.Root/List/Trigger/Content` (variant underline · segmented · pills), `tabs` (the slots). Client (\"use client\").",
+      "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.",
+      "status": "beta",
+      "category": "navigation",
+      "platforms": "web",
+      "examples": {
+        "web": 4,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
@@ -288,7 +574,16 @@
     {
       "name": "theme",
       "type": "primitive",
-      "description": "`ThemeScript`, `ThemeProvider`, `useTheme`, `ThemeToggle`. Client (\"use client\").",
+      "title": "Theme",
+      "summary": "Dark, light or the system's: `ThemeProvider`, `ThemeScript` against the flash, and `ThemeToggle`.",
+      "description": "Dark, light or the system's: `ThemeProvider`, `ThemeScript` against the flash, and `ThemeToggle`.",
+      "status": "stable",
+      "category": "foundations",
+      "platforms": "both",
+      "examples": {
+        "web": 2,
+        "native": 1
+      },
       "dependencies": [],
       "registryDependencies": [
         "button"
@@ -297,7 +592,16 @@
     {
       "name": "toast",
       "type": "primitive",
-      "description": "`Toaster` (sonner, styled by roles), `toast`. Client (\"use client\").",
+      "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.",
+      "status": "stable",
+      "category": "feedback",
+      "platforms": "both",
+      "examples": {
+        "web": 2,
+        "native": 2
+      },
       "dependencies": [
         "sonner@^2.0.8"
       ],
@@ -308,13 +612,38 @@
     {
       "name": "tooltip",
       "type": "primitive",
-      "description": "`Tooltip`, `TooltipProvider`. Client (\"use client\").",
+      "title": "Tooltip",
+      "summary": "A short label shown on hover and on keyboard focus, next to its trigger.",
+      "description": "A short label shown on hover and on keyboard focus, next to its trigger.",
+      "status": "stable",
+      "category": "overlays",
+      "platforms": "web",
+      "examples": {
+        "web": 2,
+        "native": 0
+      },
       "dependencies": [
         "radix-ui@^1.7.0"
       ],
       "registryDependencies": [
         "cn"
       ]
+    },
+    {
+      "name": "txt",
+      "type": "native",
+      "title": "Txt",
+      "summary": "Text in the platform's type scale, coloured by a role of the current theme.",
+      "description": "Text in the platform's type scale, coloured by a role of the current theme.",
+      "status": "beta",
+      "category": "foundations",
+      "platforms": "native",
+      "examples": {
+        "web": 0,
+        "native": 2
+      },
+      "dependencies": [],
+      "registryDependencies": []
     }
   ]
 }