@create-ui/cli 0.5.9 → 0.6.0

package/dist/skills/createui/SKILL.md

@@ -40,7 +40,6 @@ Every item below ships in `@createui` - and nothing else does. There is **no car
 | checkbox-group | CheckboxGroup | variant: primary*\|danger · size: xs\|sm\|md* · placement: left*\|right |
 | chip | Chip | variant: neutral*\|info\|danger\|success · appearance: outline*\|soft · size: xs\|sm\|md\|lg*\|xl · shape: pill\|rounded* · selected · disabled · dragging · closable |
 | close-button | CloseButton | variant: neutral*\|inverse · appearance: solid\|outline\|ghost*\|soft · size: xs\|sm\|md*\|lg\|xl\|2xl · shape: rounded*\|pill\|square |
-| command | Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, +13 more | CommandDialog: showCloseButton |
 | country-flag | CountryFlag, CurrencyFlag, FlagFallback | code (required) |
 | credit-card-input | CreditCardInput | size: xs\|sm\|md · leadingIcon · invalid · disabled · loading · showLeadingIcon · showBadge · showValidationIcon |
 | date-input | DateInput | size: xs\|sm\|md · leadingIcon · invalid · disabled · loading · showLeadingIcon |
@@ -54,7 +53,6 @@ Every item below ships in `@createui` - and nothing else does. There is **no car
 | input-stepper | InputStepper | variant: connected\|separated · size: xs\|sm\|md · value/onValueChange · defaultValue · min · max · step · invalid · disabled |
 | label | Label, LabelBlock, LabelMain, LabelIcon, LabelRequired, LabelOptional, +4 more | size: xs\|sm\|md |
 | pagination | Pagination, PaginationContent, PaginationLink, PaginationFirst, PaginationPrevious, PaginationNext, +2 more | variant: compact\|compact-grouped* · shape: rounded*\|pill |
-| password-strength | PasswordStrength | size: xs\|sm\|md* |
 | phone-input | PhoneInput | size: xs\|sm\|md · invalid · disabled · loading · showHelperIcon |
 | progress | Progress | variant: primary*\|info\|success\|warning\|danger\|away\|neutral\|neutral-static\|neutral-soft\|inverse\|inverse-static\|inverse-soft · appearance: solid*\|gradient · size: xs\|sm\|md*\|lg · shape: sharp\|pill* · type: line*\|circle · value · max · duration |
 | radio | Radio | variant: primary*\|neutral\|danger\|success\|inverse · size: xs\|sm\|md* |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@create-ui/cli",
-  "version": "0.5.9",
+  "version": "0.6.0",
   "description": "Add components to your apps.",
   "publishConfig": {
     "access": "public"

package/dist/skills/createui/reference/command.md

@@ -1,69 +0,0 @@
-<!-- GENERATED FILE - do not edit. Source: registry/ui/command.tsx, registry/ui/dialog.tsx. Regenerate with `pnpm skill:build`. Curated notes: apps/v4/scripts/skill-reference/notes/command.md -->
-
-# command
-
-cmdk command palette; Command renders inline while CommandDialog opens as a modal (bundles dialog.tsx)
-
-Install: `npx @create-ui/cli add command`
-
-## Import
-
-```tsx
-import { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from "@/components/ui/command"
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
-```
-
-## CommandDialog props
-
-| Prop | Type | Default |
-| --- | --- | --- |
-| title | `string` | `Command Palette` |
-| description | `string` | `Search for a command to run...` |
-| className | `string` | - |
-| showCloseButton | `boolean` | `false` |
-
-Extends `React.ComponentProps<typeof Dialog>`.
-
-## DialogContent props
-
-| Prop | Type | Default |
-| --- | --- | --- |
-| showCloseButton | `boolean` | `true` |
-
-Extends `React.ComponentProps<typeof DialogPrimitive.Content>`.
-
-## DialogFooter props
-
-| Prop | Type | Default |
-| --- | --- | --- |
-| showCloseButton | `boolean` | `false` |
-
-Extends `React.ComponentProps<"div">`.
-
-## Examples
-
-More: `npx @create-ui/cli view command` or MCP `get_item_examples_from_registries` with "command-demo" / "command-example".
-
-## When to use
-Command is a searchable command palette built on cmdk: CommandDialog for a modal Cmd+K palette, bare Command for an inline list. Do not use it to pick a form value (use Select) or for a small action menu on a trigger (use DropdownMenu).
-## Gotchas
-- CommandDialog does NOT wrap children in Command (unlike shadcn): its children go directly into DialogContent. Nest Command yourself or filtering and keyboard navigation will not work:
-
-```tsx
-<CommandDialog open={open} onOpenChange={setOpen}>
-  <Command>
-    <CommandInput placeholder="Type a command or search..." />
-    <CommandList>
-      <CommandEmpty>No results found.</CommandEmpty>
-      <CommandGroup heading="Suggestions">
-        <CommandItem>Calendar</CommandItem>
-      </CommandGroup>
-    </CommandList>
-  </Command>
-</CommandDialog>
-```
-- No built-in trigger or Cmd+K key handler, and DialogTrigger cannot be composed (all children land inside DialogContent). Drive it with open/onOpenChange state; the examples use a Button onClick.
-- CommandInput renders a trailing RiSearchLine icon on the right (not shadcn's left-side icon). Do not add your own search icon.
-- CommandItem auto-appends a RiCheckLine indicator: it shows only when you set data-checked="true" on the item (nothing sets this attribute for you), and it is hidden entirely whenever the item contains a CommandShortcut. Do not add your own check icon for selected state.
-- CommandDialog already renders sr-only DialogTitle/DialogDescription from its title/description props and pins the panel to the top third of the viewport with zero padding; do not add DialogHeader or try to re-center it.
-- Follow the example item anatomy: bare <RiIcon /> from @create-ui/assets/icons, then <span> text, optional CommandShortcut last; items sit in CommandGroup (with heading) inside CommandList.

package/dist/skills/createui/reference/password-strength.md

@@ -1,70 +0,0 @@
-<!-- GENERATED FILE - do not edit. Source: registry/ui/password-strength.tsx. Regenerate with `pnpm skill:build`. Curated notes: apps/v4/scripts/skill-reference/notes/password-strength.md -->
-
-# password-strength
-
-Password meter with five segments driven by a 0-5 strength prop plus an optional checklist of rules
-
-Install: `npx @create-ui/cli add password-strength`
-
-## Import
-
-```tsx
-import { PasswordStrength } from "@/components/ui/password-strength"
-```
-
-## PasswordStrength props
-
-| Prop | Type | Default |
-| --- | --- | --- |
-| size | `xs \| sm \| md` (Standalone prop - not inherited from Field or InputGroup context; mirror the sibling password field's size manually.) | `md` |
-| strength | `StrengthLevel` (How many of the 5 segments fill (0-5); the component computes nothing - derive the level from the password value yourself.) | `0` |
-| rules | `PasswordStrengthRule[]` (Omit (or pass an empty array) to hide the whole checklist section and its divider; each rule is just { label, met }.) | - |
-
-Extends `React.ComponentProps<"div">`.
-
-## Examples
-
-From `input-group-password`:
-
-```tsx
-import { RiLock2Line } from "@create-ui/assets/icons"
-
-import { Field, FieldLabel } from "@/components/ui/field"
-import {
-  InputGroup,
-  InputGroupControl,
-  InputGroupSlot,
-} from "@/components/ui/input-group"
-
-export default function InputGroupPassword() {
-  return (
-    <Field className="max-w-100">
-      <FieldLabel htmlFor="input-group-password-input">Password</FieldLabel>
-      <InputGroup>
-        <InputGroupSlot>
-          <RiLock2Line />
-          <InputGroupControl
-            id="input-group-password-input"
-            type="password"
-            placeholder="••••••••••••"
-            defaultValue="mysecretpassword"
-          />
-        </InputGroupSlot>
-      </InputGroup>
-    </Field>
-  )
-}
-```
-
-More: `npx @create-ui/cli view password-strength` or MCP `get_item_examples_from_registries` with "password-strength-demo" / "password-strength-example".
-
-## When to use
-Read-only feedback card shown alongside a password field: a five-segment strength meter plus an optional "Your password must include:" checklist. It contains no input and no scoring algorithm, so pair it with a separate `InputGroup` + `InputGroupControl type="password"` (or `Input type="password"`) and recompute `strength`/`rules` on every change. For a generic completion bar use `Progress`; for the password field itself use `Input`/`InputGroup`, never this.
-
-## Gotchas
-- Fully controlled and dumb: no value prop, no onChange, no built-in zxcvbn-style scoring. You own the evaluation (e.g. count met rules) and pass the result in as `strength` and `rules`.
-- All copy is hardcoded English: the checklist heading "Your password must include:", the level labels ("Too Weak" through "Very Strong"), and the per-level meter colors (red/orange/yellow/lime/green). No props exist to relabel, localize, or recolor them.
-- `strength={0}` is the legitimate pristine state: all five segments render unfilled and the level label is omitted (only the "Password Strength" caption shows). Do not conditionally unmount the component to get an empty meter.
-- Rule icons are automatic: `met: true` renders a check (RiCheckFill), `met: false` a cross (RiCloseFill). You supply only `label` and `met`; there is no per-rule icon slot.
-- The checklist renders ABOVE the meter in DOM order (rules, divider, then meter); the meter section always renders, and the divider appears and disappears with the checklist.
-- Met rule rows carry `data-met` (absent when unmet); the root has `data-slot="password-strength"` and `data-size` as external styling hooks.