@shortwind/catalog 0.1.0-beta.10

package/dist/registry/form.css

@@ -0,0 +1,67 @@
+/* shortwind: form@0.0.1 sha:bc12a9cc520a2d85 */
+
+/* @guide
+   Wrap each label+control+message in @field (use @field-error for the invalid
+   state); group related fields with @fieldset. Controls are bare: @input,
+   @textarea, @select, @checkbox, @radio, plus @input-error for invalid text
+   and @input-shell for the transparent shadcn-style shell. Helper text is
+   @help. There is no @form-group (use @field), @form-input (use @input),
+   @form-helper (use @help) or @form-checkbox (use @checkbox); the field label
+   recipe is @label, in the text family.
+*/
+
+/* Text input field. */
+@recipe input {
+  block w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-2 focus:outline-offset-2 focus:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* shadcn/dinachi-style input shell — transparent background, h-9, file/
+   placeholder/selection/aria-invalid/focus-visible states baked in. */
+@recipe input-shell {
+  flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:border-destructive aria-invalid:ring-destructive/20 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40
+}
+
+/* Input in error state. */
+@recipe input-error {
+  @input border-destructive focus:border-destructive focus:outline-destructive
+}
+
+/* Multi-line textarea. */
+@recipe textarea {
+  block w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-2 focus:outline-offset-2 focus:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* Native select control. */
+@recipe select {
+  block w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:border-ring focus:outline-2 focus:outline-offset-2 focus:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* Checkbox input. */
+@recipe checkbox {
+  h-4 w-4 rounded border-input text-primary focus:outline-2 focus:outline-offset-2 focus:outline-ring
+}
+
+/* Radio input. */
+@recipe radio {
+  h-4 w-4 border-input text-primary focus:outline-2 focus:outline-offset-2 focus:outline-ring
+}
+
+/* Form field wrapper — label + input + help/error. */
+@recipe field {
+  flex flex-col gap-1.5
+}
+
+/* Form field in error state. */
+@recipe field-error {
+  flex flex-col gap-1.5
+}
+
+/* Grouped form section with optional legend. */
+@recipe fieldset {
+  flex flex-col gap-4 rounded-md border border-border p-4
+}
+
+/* Field-level helper text. */
+@recipe help {
+  text-xs text-muted-foreground
+}

package/dist/registry/form@0.0.1.css

@@ -0,0 +1,67 @@
+/* shortwind: form@0.0.1 sha:bc12a9cc520a2d85 */
+
+/* @guide
+   Wrap each label+control+message in @field (use @field-error for the invalid
+   state); group related fields with @fieldset. Controls are bare: @input,
+   @textarea, @select, @checkbox, @radio, plus @input-error for invalid text
+   and @input-shell for the transparent shadcn-style shell. Helper text is
+   @help. There is no @form-group (use @field), @form-input (use @input),
+   @form-helper (use @help) or @form-checkbox (use @checkbox); the field label
+   recipe is @label, in the text family.
+*/
+
+/* Text input field. */
+@recipe input {
+  block w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-2 focus:outline-offset-2 focus:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* shadcn/dinachi-style input shell — transparent background, h-9, file/
+   placeholder/selection/aria-invalid/focus-visible states baked in. */
+@recipe input-shell {
+  flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:border-destructive aria-invalid:ring-destructive/20 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40
+}
+
+/* Input in error state. */
+@recipe input-error {
+  @input border-destructive focus:border-destructive focus:outline-destructive
+}
+
+/* Multi-line textarea. */
+@recipe textarea {
+  block w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-2 focus:outline-offset-2 focus:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* Native select control. */
+@recipe select {
+  block w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:border-ring focus:outline-2 focus:outline-offset-2 focus:outline-ring disabled:cursor-not-allowed disabled:opacity-50
+}
+
+/* Checkbox input. */
+@recipe checkbox {
+  h-4 w-4 rounded border-input text-primary focus:outline-2 focus:outline-offset-2 focus:outline-ring
+}
+
+/* Radio input. */
+@recipe radio {
+  h-4 w-4 border-input text-primary focus:outline-2 focus:outline-offset-2 focus:outline-ring
+}
+
+/* Form field wrapper — label + input + help/error. */
+@recipe field {
+  flex flex-col gap-1.5
+}
+
+/* Form field in error state. */
+@recipe field-error {
+  flex flex-col gap-1.5
+}
+
+/* Grouped form section with optional legend. */
+@recipe fieldset {
+  flex flex-col gap-4 rounded-md border border-border p-4
+}
+
+/* Field-level helper text. */
+@recipe help {
+  text-xs text-muted-foreground
+}

package/dist/registry/icon/CHANGELOG.md

@@ -0,0 +1,5 @@
+# icon
+
+## 0.0.1
+
+Initial release.

package/dist/registry/icon.css

@@ -0,0 +1,27 @@
+/* shortwind: icon@0.0.1 sha:fab3b2d3a0c089fb */
+
+/* @guide
+   Size an icon with @icon-sm/md/lg (16/20/24px) — these set width and height
+   only; add @icon-muted for secondary color. They're for SVG/icon elements, not
+   to be confused with @btn-icon (the icon button in the button family).
+*/
+
+/* Small icon — 16px. */
+@recipe icon-sm {
+  h-4 w-4 shrink-0
+}
+
+/* Default icon size — 20px. */
+@recipe icon-md {
+  h-5 w-5 shrink-0
+}
+
+/* Large icon — 24px. */
+@recipe icon-lg {
+  h-6 w-6 shrink-0
+}
+
+/* Icon with muted color. */
+@recipe icon-muted {
+  text-muted-foreground
+}

package/dist/registry/icon@0.0.1.css

@@ -0,0 +1,27 @@
+/* shortwind: icon@0.0.1 sha:fab3b2d3a0c089fb */
+
+/* @guide
+   Size an icon with @icon-sm/md/lg (16/20/24px) — these set width and height
+   only; add @icon-muted for secondary color. They're for SVG/icon elements, not
+   to be confused with @btn-icon (the icon button in the button family).
+*/
+
+/* Small icon — 16px. */
+@recipe icon-sm {
+  h-4 w-4 shrink-0
+}
+
+/* Default icon size — 20px. */
+@recipe icon-md {
+  h-5 w-5 shrink-0
+}
+
+/* Large icon — 24px. */
+@recipe icon-lg {
+  h-6 w-6 shrink-0
+}
+
+/* Icon with muted color. */
+@recipe icon-muted {
+  text-muted-foreground
+}

package/dist/registry/index.json

@@ -0,0 +1,23 @@
+{
+  "families": [
+    "badge",
+    "button",
+    "card",
+    "code",
+    "dialog",
+    "empty",
+    "feedback",
+    "form",
+    "icon",
+    "layout",
+    "list",
+    "media",
+    "navigation",
+    "progress",
+    "skeleton",
+    "surface",
+    "table",
+    "text",
+    "tooltip"
+  ]
+}

package/dist/registry/layout/CHANGELOG.md

@@ -0,0 +1,5 @@
+# layout
+
+## 0.0.1
+
+Initial release.

package/dist/registry/layout.css

@@ -0,0 +1,70 @@
+/* shortwind: layout@0.0.1 sha:48a2a7b6e1a5d7ad */
+
+/* @guide
+   Composition primitives. @stack-* stacks children vertically (flex-col);
+   @row* lays them out horizontally (flex-row). Choose the gap with the size
+   suffix (xs/sm/md/lg on stacks). Use @grid-2/3/4 only for true multi-column
+   grids, @center to center on both axes, @full to fill the parent. Common
+   slips: there is no @flex-row (use @row) or @flex-col (use a @stack-*), and
+   the grids are @grid-3, not @grid-cols-3.
+*/
+
+/* Vertical stack with extra-small gap. */
+@recipe stack-xs {
+  flex flex-col gap-1
+}
+
+/* Vertical stack with small gap. */
+@recipe stack-sm {
+  flex flex-col gap-2
+}
+
+/* Vertical stack with medium gap. */
+@recipe stack-md {
+  flex flex-col gap-4
+}
+
+/* Vertical stack with large gap. */
+@recipe stack-lg {
+  flex flex-col gap-8
+}
+
+/* Horizontal row with default gap and centered items. */
+@recipe row {
+  flex flex-row items-center gap-2
+}
+
+/* Horizontal row with space between children. */
+@recipe row-between {
+  flex flex-row items-center justify-between gap-2
+}
+
+/* Horizontal row aligned to the end. */
+@recipe row-end {
+  flex flex-row items-center justify-end gap-2
+}
+
+/* Two-column responsive grid. */
+@recipe grid-2 {
+  grid grid-cols-1 gap-4 sm:grid-cols-2
+}
+
+/* Three-column responsive grid. */
+@recipe grid-3 {
+  grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3
+}
+
+/* Four-column responsive grid. */
+@recipe grid-4 {
+  grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4
+}
+
+/* Center content horizontally and vertically. */
+@recipe center {
+  flex items-center justify-center
+}
+
+/* Fill the available width and height. */
+@recipe full {
+  h-full w-full
+}

package/dist/registry/layout@0.0.1.css

@@ -0,0 +1,70 @@
+/* shortwind: layout@0.0.1 sha:48a2a7b6e1a5d7ad */
+
+/* @guide
+   Composition primitives. @stack-* stacks children vertically (flex-col);
+   @row* lays them out horizontally (flex-row). Choose the gap with the size
+   suffix (xs/sm/md/lg on stacks). Use @grid-2/3/4 only for true multi-column
+   grids, @center to center on both axes, @full to fill the parent. Common
+   slips: there is no @flex-row (use @row) or @flex-col (use a @stack-*), and
+   the grids are @grid-3, not @grid-cols-3.
+*/
+
+/* Vertical stack with extra-small gap. */
+@recipe stack-xs {
+  flex flex-col gap-1
+}
+
+/* Vertical stack with small gap. */
+@recipe stack-sm {
+  flex flex-col gap-2
+}
+
+/* Vertical stack with medium gap. */
+@recipe stack-md {
+  flex flex-col gap-4
+}
+
+/* Vertical stack with large gap. */
+@recipe stack-lg {
+  flex flex-col gap-8
+}
+
+/* Horizontal row with default gap and centered items. */
+@recipe row {
+  flex flex-row items-center gap-2
+}
+
+/* Horizontal row with space between children. */
+@recipe row-between {
+  flex flex-row items-center justify-between gap-2
+}
+
+/* Horizontal row aligned to the end. */
+@recipe row-end {
+  flex flex-row items-center justify-end gap-2
+}
+
+/* Two-column responsive grid. */
+@recipe grid-2 {
+  grid grid-cols-1 gap-4 sm:grid-cols-2
+}
+
+/* Three-column responsive grid. */
+@recipe grid-3 {
+  grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3
+}
+
+/* Four-column responsive grid. */
+@recipe grid-4 {
+  grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4
+}
+
+/* Center content horizontally and vertically. */
+@recipe center {
+  flex items-center justify-center
+}
+
+/* Fill the available width and height. */
+@recipe full {
+  h-full w-full
+}

package/dist/registry/list/CHANGELOG.md

@@ -0,0 +1,5 @@
+# list
+
+## 0.0.1
+
+Initial release.

package/dist/registry/list.css

@@ -0,0 +1,37 @@
+/* shortwind: list@0.0.1 sha:f662887791fabb8d */
+
+/* @guide
+   @list wraps a stack of @list-item rows; use @list-bordered for divided rows.
+   Definition lists are separate: @dl with @dt (term) and @dd (description).
+   For site navigation reach for the navigation family (@nav), not @list.
+*/
+
+/* Vertical list with default gap. */
+@recipe list {
+  flex flex-col gap-1
+}
+
+/* Single list item. */
+@recipe list-item {
+  flex items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground
+}
+
+/* List with dividing borders between items. */
+@recipe list-bordered {
+  divide-y divide-border rounded-md border border-border
+}
+
+/* Definition list container. */
+@recipe dl {
+  grid grid-cols-1 gap-2 sm:grid-cols-3 sm:gap-4
+}
+
+/* Definition term. */
+@recipe dt {
+  text-sm font-medium text-muted-foreground
+}
+
+/* Definition description. */
+@recipe dd {
+  text-sm text-foreground sm:col-span-2
+}

package/dist/registry/list@0.0.1.css

@@ -0,0 +1,37 @@
+/* shortwind: list@0.0.1 sha:f662887791fabb8d */
+
+/* @guide
+   @list wraps a stack of @list-item rows; use @list-bordered for divided rows.
+   Definition lists are separate: @dl with @dt (term) and @dd (description).
+   For site navigation reach for the navigation family (@nav), not @list.
+*/
+
+/* Vertical list with default gap. */
+@recipe list {
+  flex flex-col gap-1
+}
+
+/* Single list item. */
+@recipe list-item {
+  flex items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground
+}
+
+/* List with dividing borders between items. */
+@recipe list-bordered {
+  divide-y divide-border rounded-md border border-border
+}
+
+/* Definition list container. */
+@recipe dl {
+  grid grid-cols-1 gap-2 sm:grid-cols-3 sm:gap-4
+}
+
+/* Definition term. */
+@recipe dt {
+  text-sm font-medium text-muted-foreground
+}
+
+/* Definition description. */
+@recipe dd {
+  text-sm text-foreground sm:col-span-2
+}