appostle-installer 0.0.11 → 0.0.13

package/dist/schema-templates/animations.md

@@ -0,0 +1,48 @@
+---
+description: Named animation patterns (distinct from motion timing tokens)
+variables:
+  - key: animation.entry
+    type: text
+    label: Entry Pattern
+    value: ""
+    section: visual
+  - key: animation.entry.distance
+    type: number
+    label: Entry TranslateY (px)
+    value: ""
+    section: visual
+  - key: animation.entry.stagger
+    type: number
+    label: Sibling Stagger (ms)
+    value: ""
+    section: visual
+  - key: animation.hover
+    type: text
+    label: Hover Pattern
+    value: ""
+    section: visual
+  - key: animation.scroll
+    type: text
+    label: Scroll Pattern
+    value: ""
+    section: visual
+  - key: animation.status
+    type: text
+    label: Status Pattern
+    value: ""
+    section: visual
+  - key: animation.signature
+    type: text
+    label: Signature Pattern
+    value: ""
+    section: visual
+  - key: animation.principles
+    type: text
+    label: Principles
+    value: ""
+    section: visual
+---
+
+# Animations
+
+[1–2 sentence description of the animation system and what it communicates.]

package/dist/schema-templates/art-direction.md

@@ -0,0 +1,90 @@
+---
+description: ""
+variables:
+  - key: layout.base-unit
+    type: number
+    label: Base Unit
+    value: 4
+    section: layout
+  - key: layout.max-width
+    type: number
+    label: Max Content Width
+    value: 1200
+    section: layout
+  - key: layout.hero
+    type: select
+    label: Hero Style
+    value: none
+    section: layout
+    options: [none, split, left-aligned, editorial, image-led, fullscreen]
+  - key: layout.feature-layout
+    type: select
+    label: Feature Layout
+    value: none
+    section: layout
+    options: [none, zig-zag, bento, horizontal-scroll, staggered, masonry]
+  - key: layout.section-rhythm
+    type: select
+    label: Section Rhythm
+    value: none
+    section: layout
+    options: [none, uniform, varied, oscillating, bimodal]
+  - key: layout.density
+    type: select
+    label: Density
+    value: none
+    section: layout
+    options: [none, airy, moderate, dense]
+  - key: layout.section-color
+    type: select
+    label: Section Color
+    value: all-neutral
+    section: layout
+    options: [all-neutral, alternating, accent-sections]
+  - key: layout.grid
+    type: select
+    label: Grid System
+    value: none
+    section: layout
+    options: [none, invisible-12col, asymmetric, visible-borders, bento]
+  - key: layout.image-height
+    type: select
+    label: Image Height
+    value: none
+    section: layout
+    options: [none, constrained, half-viewport, full-viewport, unconstrained]
+  - key: layout.image-aspect
+    type: select
+    label: Image Aspect
+    value: none
+    section: layout
+    options: [none, mixed, uniform, square, cinematic-wide]
+  - key: layout.image-treatment
+    type: select
+    label: Image Treatment
+    value: none
+    section: layout
+    options: [none, raw, desaturated, warm-grade, high-contrast, editorial-crop]
+  - key: layout.cta-density
+    type: select
+    label: CTA Density
+    value: none
+    section: layout
+    options: [none, one-per-section, multiple, minimal]
+  - key: layout.dividers
+    type: select
+    label: Dividers
+    value: none
+    section: layout
+    options: [none, hairline, thick-rule, full-width]
+  - key: layout.bg-texture
+    type: select
+    label: Background Texture
+    value: none
+    section: layout
+    options: [none, subtle-noise, scanlines, grain]
+---
+
+# Layout
+
+Structural layout rules for this brand. Defines page structure, section rhythm, density, grid system, and image treatment. A builder reads this to understand the spatial and compositional constraints before applying visual tokens.

package/dist/schema-templates/buttons.md

@@ -0,0 +1,340 @@
+---
+description: Button system — Primary, Secondary, Text buttons and Pills
+variables:
+  # Primary button (always on — the mandatory base)
+  - key: button.primary.radius
+    type: number
+    label: Primary Radius (px)
+    value: "8"
+    section: visual
+  - key: button.primary.padding
+    type: number
+    label: Primary Padding (px)
+    value: "16"
+    section: visual
+  - key: button.primary.icon
+    type: select
+    label: Primary Icon
+    value: "no"
+    options: [yes, no]
+    section: visual
+  - key: button.primary.icon.position
+    type: select
+    label: Primary Icon Position
+    value: right
+    options: [left, right]
+    section: visual
+  - key: button.primary.icon.name
+    type: text
+    label: Primary Icon Name
+    value: ChevronRight
+    section: visual
+  - key: button.primary.border.width
+    type: number
+    label: Primary Border (px)
+    value: "0"
+    section: visual
+  - key: button.primary.fill
+    type: color
+    label: Primary Fill
+    value: ""
+    section: visual
+  - key: button.primary.fill.opacity
+    type: number
+    label: Primary Fill Opacity
+    value: "100"
+    section: visual
+  - key: button.primary.border.color
+    type: color
+    label: Primary Border Color
+    value: ""
+    section: visual
+  - key: button.primary.border.color.opacity
+    type: number
+    label: Primary Border Opacity
+    value: "100"
+    section: visual
+  - key: button.primary.text.color
+    type: color
+    label: Primary Text Color
+    value: ""
+    section: visual
+  - key: button.primary.text.color.opacity
+    type: number
+    label: Primary Text Opacity
+    value: "100"
+    section: visual
+
+  # Secondary button
+  - key: button.secondary.enabled
+    type: select
+    label: Secondary Enabled
+    value: "yes"
+    options: [yes, no]
+    section: visual
+  - key: button.secondary.radius
+    type: number
+    label: Secondary Radius (px)
+    value: "8"
+    section: visual
+  - key: button.secondary.padding
+    type: number
+    label: Secondary Padding (px)
+    value: "16"
+    section: visual
+  - key: button.secondary.icon
+    type: select
+    label: Secondary Icon
+    value: "no"
+    options: [yes, no]
+    section: visual
+  - key: button.secondary.icon.position
+    type: select
+    label: Secondary Icon Position
+    value: right
+    options: [left, right]
+    section: visual
+  - key: button.secondary.icon.name
+    type: text
+    label: Secondary Icon Name
+    value: ChevronRight
+    section: visual
+  - key: button.secondary.border.width
+    type: number
+    label: Secondary Border (px)
+    value: "1"
+    section: visual
+  - key: button.secondary.fill
+    type: color
+    label: Secondary Fill
+    value: ""
+    section: visual
+  - key: button.secondary.fill.opacity
+    type: number
+    label: Secondary Fill Opacity
+    value: "100"
+    section: visual
+  - key: button.secondary.border.color
+    type: color
+    label: Secondary Border Color
+    value: ""
+    section: visual
+  - key: button.secondary.border.color.opacity
+    type: number
+    label: Secondary Border Opacity
+    value: "100"
+    section: visual
+  - key: button.secondary.text.color
+    type: color
+    label: Secondary Text Color
+    value: ""
+    section: visual
+  - key: button.secondary.text.color.opacity
+    type: number
+    label: Secondary Text Opacity
+    value: "100"
+    section: visual
+
+  # Text button (no fill, no border — just text + optional icon)
+  - key: button.text.enabled
+    type: select
+    label: Text Button Enabled
+    value: "yes"
+    options: [yes, no]
+    section: visual
+  - key: button.text.icon
+    type: select
+    label: Text Icon
+    value: "no"
+    options: [yes, no]
+    section: visual
+  - key: button.text.icon.position
+    type: select
+    label: Text Icon Position
+    value: right
+    options: [left, right]
+    section: visual
+  - key: button.text.icon.name
+    type: text
+    label: Text Icon Name
+    value: ChevronRight
+    section: visual
+  - key: button.text.padding
+    type: number
+    label: Text Padding (px)
+    value: "8"
+    section: visual
+  - key: button.text.text.color
+    type: color
+    label: Text Button Color
+    value: ""
+    section: visual
+  - key: button.text.text.color.opacity
+    type: number
+    label: Text Button Opacity
+    value: "100"
+    section: visual
+
+  # Pills
+  - key: pill.enabled
+    type: select
+    label: Pills Enabled
+    value: "yes"
+    options: [yes, no]
+    section: visual
+  - key: pill.radius
+    type: number
+    label: Pill Radius (px)
+    value: "999"
+    section: visual
+  - key: pill.padding
+    type: number
+    label: Pill Padding (px)
+    value: "10"
+    section: visual
+  - key: pill.icon
+    type: select
+    label: Pill Icon
+    value: "no"
+    options: [yes, no]
+    section: visual
+  - key: pill.icon.position
+    type: select
+    label: Pill Icon Position
+    value: left
+    options: [left, right]
+    section: visual
+  - key: pill.icon.name
+    type: text
+    label: Pill Icon Name
+    value: ChevronRight
+    section: visual
+  - key: pill.border.width
+    type: number
+    label: Pill Border (px)
+    value: "1"
+    section: visual
+  - key: pill.active.fill
+    type: color
+    label: Pill Active Fill
+    value: ""
+    section: visual
+  - key: pill.active.fill.opacity
+    type: number
+    label: Pill Active Fill Opacity
+    value: "100"
+    section: visual
+  - key: pill.active.border.color
+    type: color
+    label: Pill Active Border
+    value: ""
+    section: visual
+  - key: pill.active.border.color.opacity
+    type: number
+    label: Pill Active Border Opacity
+    value: "100"
+    section: visual
+  - key: pill.active.text.color
+    type: color
+    label: Pill Active Text
+    value: ""
+    section: visual
+  - key: pill.active.text.color.opacity
+    type: number
+    label: Pill Active Text Opacity
+    value: "100"
+    section: visual
+  - key: pill.inactive.fill
+    type: color
+    label: Pill Inactive Fill
+    value: ""
+    section: visual
+  - key: pill.inactive.fill.opacity
+    type: number
+    label: Pill Inactive Fill Opacity
+    value: "100"
+    section: visual
+  - key: pill.inactive.border.color
+    type: color
+    label: Pill Inactive Border
+    value: ""
+    section: visual
+  - key: pill.inactive.border.color.opacity
+    type: number
+    label: Pill Inactive Border Opacity
+    value: "100"
+    section: visual
+  - key: pill.inactive.text.color
+    type: color
+    label: Pill Inactive Text
+    value: ""
+    section: visual
+  - key: pill.inactive.text.color.opacity
+    type: number
+    label: Pill Inactive Text Opacity
+    value: "100"
+    section: visual
+
+  # Icon button — square button containing only an icon. Renders three
+  # specimens side-by-side at icon.size.sm / .md / .lg from the Icons section.
+  - key: iconbutton.enabled
+    type: select
+    label: Icon Button Enabled
+    value: "yes"
+    options: [yes, no]
+    section: visual
+  - key: iconbutton.radius
+    type: number
+    label: Icon Button Radius (px)
+    value: "8"
+    section: visual
+  - key: iconbutton.padding
+    type: number
+    label: Icon Button Padding (px)
+    value: "8"
+    section: visual
+  - key: iconbutton.icon.name
+    type: text
+    label: Icon Button Icon Name
+    value: Settings
+    section: visual
+  - key: iconbutton.border.width
+    type: number
+    label: Icon Button Border (px)
+    value: "0"
+    section: visual
+  - key: iconbutton.fill
+    type: color
+    label: Icon Button Fill
+    value: ""
+    section: visual
+  - key: iconbutton.fill.opacity
+    type: number
+    label: Icon Button Fill Opacity
+    value: "100"
+    section: visual
+  - key: iconbutton.border.color
+    type: color
+    label: Icon Button Border Color
+    value: ""
+    section: visual
+  - key: iconbutton.border.color.opacity
+    type: number
+    label: Icon Button Border Opacity
+    value: "100"
+    section: visual
+  - key: iconbutton.icon.color
+    type: color
+    label: Icon Button Icon Color
+    value: ""
+    section: visual
+  - key: iconbutton.icon.color.opacity
+    type: number
+    label: Icon Button Icon Color Opacity
+    value: "100"
+    section: visual
+---
+
+# Buttons
+
+Three button styles (Primary, Secondary, Text), Pills, and Icon Buttons. Primary is always on. Secondary, Text, Pills, and Icon Buttons can be toggled per brand. Specimens auto-render against brand colors from the Colors section. Icon-button sizes come from `icon.size.sm/md/lg` in the Icons section.

package/dist/schema-templates/colors.md

@@ -0,0 +1,190 @@
+---
+description: Brand color palette and design tokens
+variables:
+  - key: color.primary
+    type: color
+    label: Primary Color
+    value: ""
+    section: visual
+  - key: color.secondary
+    type: color
+    label: Secondary Color
+    value: ""
+    section: visual
+  - key: color.accent
+    type: color
+    label: Accent Color
+    value: ""
+    section: visual
+  - key: color.highlight
+    type: color
+    label: Highlight Color
+    value: ""
+    section: visual
+  - key: color.whites
+    type: color
+    label: Whites
+    value: ""
+    section: visual
+  - key: color.blacks
+    type: color
+    label: Blacks
+    value: ""
+    section: visual
+  - key: color.rotation
+    type: number
+    label: Rotation
+    value: "0"
+  - key: color.primary.weight
+    type: number
+    label: Primary Weight
+    value: ""
+  - key: color.accent.weight
+    type: number
+    label: Accent Weight
+    value: ""
+  - key: color.secondary.weight
+    type: number
+    label: Secondary Weight
+    value: ""
+  - key: color.highlight.weight
+    type: number
+    label: Highlight Weight
+    value: ""
+  - key: color.whites.weight
+    type: number
+    label: Whites Weight
+    value: ""
+  - key: color.blacks.weight
+    type: number
+    label: Blacks Weight
+    value: ""
+  - key: color.primary.pinnedRank
+    type: number
+    label: Primary Pinned Rank
+    value: ""
+  - key: color.accent.pinnedRank
+    type: number
+    label: Accent Pinned Rank
+    value: ""
+  - key: color.secondary.pinnedRank
+    type: number
+    label: Secondary Pinned Rank
+    value: ""
+  - key: color.highlight.pinnedRank
+    type: number
+    label: Highlight Pinned Rank
+    value: ""
+  - key: color.whites.pinnedRank
+    type: number
+    label: Whites Pinned Rank
+    value: ""
+  - key: color.blacks.pinnedRank
+    type: number
+    label: Blacks Pinned Rank
+    value: ""
+  - key: token.bg-base
+    type: color
+    label: BG Base
+    value: ""
+  - key: token.bg-surface
+    type: color
+    label: BG Surface
+    value: ""
+  - key: token.bg-elevated
+    type: color
+    label: BG Elevated
+    value: ""
+  - key: token.bg-inverted
+    type: color
+    label: BG Inverted
+    value: ""
+  - key: token.fg-primary
+    type: color
+    label: FG Primary
+    value: ""
+  - key: token.fg-secondary
+    type: color
+    label: FG Secondary
+    value: ""
+  - key: token.fg-muted
+    type: color
+    label: FG Muted
+    value: ""
+  - key: token.fg-subtle
+    type: color
+    label: FG Subtle
+    value: ""
+  - key: token.fg-inverted
+    type: color
+    label: FG Inverted
+    value: ""
+  - key: token.accent-base
+    type: color
+    label: Accent Base
+    value: ""
+  - key: token.accent-fg
+    type: color
+    label: Accent FG
+    value: ""
+  - key: token.accent-hover
+    type: color
+    label: Accent Hover
+    value: ""
+  - key: token.accent-active
+    type: color
+    label: Accent Active
+    value: ""
+  - key: token.accent-subtle
+    type: color
+    label: Accent Subtle
+    value: ""
+  - key: token.border-default
+    type: color
+    label: Border Default
+    value: ""
+  - key: token.border-subtle
+    type: color
+    label: Border Subtle
+    value: ""
+  - key: token.border-strong
+    type: color
+    label: Border Strong
+    value: ""
+  - key: token.status-success
+    type: color
+    label: Success
+    value: ""
+  - key: token.status-success-fg
+    type: color
+    label: Success FG
+    value: ""
+  - key: token.status-warning
+    type: color
+    label: Warning
+    value: ""
+  - key: token.status-warning-fg
+    type: color
+    label: Warning FG
+    value: ""
+  - key: token.status-danger
+    type: color
+    label: Danger
+    value: ""
+  - key: token.status-danger-fg
+    type: color
+    label: Danger FG
+    value: ""
+  - key: token.status-info
+    type: color
+    label: Info
+    value: ""
+  - key: token.status-info-fg
+    type: color
+    label: Info FG
+    value: ""
+---
+
+# Colors
+
+[1–2 sentence description of the color system and its character.]

package/dist/schema-templates/icons.md

@@ -0,0 +1,45 @@
+---
+description: Icon system — library, stroke, sizing, and color rules
+variables:
+  - key: icon.library
+    type: select
+    label: Library
+    value: lucide
+    options: [lucide, phosphor, tabler, heroicons, remixicon]
+    section: visual
+  - key: icon.style
+    type: select
+    label: Style
+    value: outline
+    options: [outline, filled]
+    section: visual
+  - key: icon.stroke
+    type: number
+    label: Stroke Weight
+    value: "2"
+    section: visual
+  - key: icon.size.sm
+    type: number
+    label: Size Small (px)
+    value: "16"
+    section: visual
+  - key: icon.size.md
+    type: number
+    label: Size Medium (px)
+    value: "20"
+    section: visual
+  - key: icon.size.lg
+    type: number
+    label: Size Large (px)
+    value: "24"
+    section: visual
+  - key: icon.color
+    type: color
+    label: Icon Color
+    value: ""
+    section: visual
+---
+
+# Icons
+
+Icon library and rendering rules. Empty color inherits the surrounding text color.