appostle-installer 0.0.86 → 0.0.87

package/dist/schema-templates/buttons.md

@@ -1,541 +0,0 @@
----
-description: Button system — Primary, Secondary, Text, Pill, and Icon Button kinds. Per-surface color keys.
-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
-  # Primary — Fill (per surface)
-  - key: button.primary.fill.light
-    type: color
-    label: Primary Fill (Light surface)
-    value: ""
-    section: visual
-  - key: button.primary.fill.light.opacity
-    type: number
-    label: Primary Fill Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.primary.fill.dark
-    type: color
-    label: Primary Fill (Dark surface)
-    value: ""
-    section: visual
-  - key: button.primary.fill.dark.opacity
-    type: number
-    label: Primary Fill Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Primary — Border color (per surface)
-  - key: button.primary.border.color.light
-    type: color
-    label: Primary Border Color (Light surface)
-    value: ""
-    section: visual
-  - key: button.primary.border.color.light.opacity
-    type: number
-    label: Primary Border Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.primary.border.color.dark
-    type: color
-    label: Primary Border Color (Dark surface)
-    value: ""
-    section: visual
-  - key: button.primary.border.color.dark.opacity
-    type: number
-    label: Primary Border Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Primary — Text color (per surface)
-  - key: button.primary.text.color.light
-    type: color
-    label: Primary Text Color (Light surface)
-    value: ""
-    section: visual
-  - key: button.primary.text.color.light.opacity
-    type: number
-    label: Primary Text Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.primary.text.color.dark
-    type: color
-    label: Primary Text Color (Dark surface)
-    value: ""
-    section: visual
-  - key: button.primary.text.color.dark.opacity
-    type: number
-    label: Primary Text Opacity (Dark surface)
-    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
-  # Secondary — Fill (per surface)
-  - key: button.secondary.fill.light
-    type: color
-    label: Secondary Fill (Light surface)
-    value: ""
-    section: visual
-  - key: button.secondary.fill.light.opacity
-    type: number
-    label: Secondary Fill Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.secondary.fill.dark
-    type: color
-    label: Secondary Fill (Dark surface)
-    value: ""
-    section: visual
-  - key: button.secondary.fill.dark.opacity
-    type: number
-    label: Secondary Fill Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Secondary — Border color (per surface)
-  - key: button.secondary.border.color.light
-    type: color
-    label: Secondary Border Color (Light surface)
-    value: ""
-    section: visual
-  - key: button.secondary.border.color.light.opacity
-    type: number
-    label: Secondary Border Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.secondary.border.color.dark
-    type: color
-    label: Secondary Border Color (Dark surface)
-    value: ""
-    section: visual
-  - key: button.secondary.border.color.dark.opacity
-    type: number
-    label: Secondary Border Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Secondary — Text color (per surface)
-  - key: button.secondary.text.color.light
-    type: color
-    label: Secondary Text Color (Light surface)
-    value: ""
-    section: visual
-  - key: button.secondary.text.color.light.opacity
-    type: number
-    label: Secondary Text Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.secondary.text.color.dark
-    type: color
-    label: Secondary Text Color (Dark surface)
-    value: ""
-    section: visual
-  - key: button.secondary.text.color.dark.opacity
-    type: number
-    label: Secondary Text Opacity (Dark surface)
-    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
-  # Text — Text color (per surface)
-  - key: button.text.text.color.light
-    type: color
-    label: Text Button Color (Light surface)
-    value: ""
-    section: visual
-  - key: button.text.text.color.light.opacity
-    type: number
-    label: Text Button Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: button.text.text.color.dark
-    type: color
-    label: Text Button Color (Dark surface)
-    value: ""
-    section: visual
-  - key: button.text.text.color.dark.opacity
-    type: number
-    label: Text Button Opacity (Dark surface)
-    value: "100"
-    section: visual
-
-  # =========================================================================
-  # Pills — toggleable, two visual states: active / inactive
-  # =========================================================================
-  - 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
-  # Pill Active — Fill / Border / Text (per surface)
-  - key: pill.active.fill.light
-    type: color
-    label: Pill Active Fill (Light surface)
-    value: ""
-    section: visual
-  - key: pill.active.fill.light.opacity
-    type: number
-    label: Pill Active Fill Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: pill.active.fill.dark
-    type: color
-    label: Pill Active Fill (Dark surface)
-    value: ""
-    section: visual
-  - key: pill.active.fill.dark.opacity
-    type: number
-    label: Pill Active Fill Opacity (Dark surface)
-    value: "100"
-    section: visual
-  - key: pill.active.border.color.light
-    type: color
-    label: Pill Active Border (Light surface)
-    value: ""
-    section: visual
-  - key: pill.active.border.color.light.opacity
-    type: number
-    label: Pill Active Border Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: pill.active.border.color.dark
-    type: color
-    label: Pill Active Border (Dark surface)
-    value: ""
-    section: visual
-  - key: pill.active.border.color.dark.opacity
-    type: number
-    label: Pill Active Border Opacity (Dark surface)
-    value: "100"
-    section: visual
-  - key: pill.active.text.color.light
-    type: color
-    label: Pill Active Text (Light surface)
-    value: ""
-    section: visual
-  - key: pill.active.text.color.light.opacity
-    type: number
-    label: Pill Active Text Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: pill.active.text.color.dark
-    type: color
-    label: Pill Active Text (Dark surface)
-    value: ""
-    section: visual
-  - key: pill.active.text.color.dark.opacity
-    type: number
-    label: Pill Active Text Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Pill Inactive — Fill / Border / Text (per surface)
-  - key: pill.inactive.fill.light
-    type: color
-    label: Pill Inactive Fill (Light surface)
-    value: ""
-    section: visual
-  - key: pill.inactive.fill.light.opacity
-    type: number
-    label: Pill Inactive Fill Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: pill.inactive.fill.dark
-    type: color
-    label: Pill Inactive Fill (Dark surface)
-    value: ""
-    section: visual
-  - key: pill.inactive.fill.dark.opacity
-    type: number
-    label: Pill Inactive Fill Opacity (Dark surface)
-    value: "100"
-    section: visual
-  - key: pill.inactive.border.color.light
-    type: color
-    label: Pill Inactive Border (Light surface)
-    value: ""
-    section: visual
-  - key: pill.inactive.border.color.light.opacity
-    type: number
-    label: Pill Inactive Border Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: pill.inactive.border.color.dark
-    type: color
-    label: Pill Inactive Border (Dark surface)
-    value: ""
-    section: visual
-  - key: pill.inactive.border.color.dark.opacity
-    type: number
-    label: Pill Inactive Border Opacity (Dark surface)
-    value: "100"
-    section: visual
-  - key: pill.inactive.text.color.light
-    type: color
-    label: Pill Inactive Text (Light surface)
-    value: ""
-    section: visual
-  - key: pill.inactive.text.color.light.opacity
-    type: number
-    label: Pill Inactive Text Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: pill.inactive.text.color.dark
-    type: color
-    label: Pill Inactive Text (Dark surface)
-    value: ""
-    section: visual
-  - key: pill.inactive.text.color.dark.opacity
-    type: number
-    label: Pill Inactive Text Opacity (Dark surface)
-    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
-  # Icon Button — Fill (per surface)
-  - key: iconbutton.fill.light
-    type: color
-    label: Icon Button Fill (Light surface)
-    value: ""
-    section: visual
-  - key: iconbutton.fill.light.opacity
-    type: number
-    label: Icon Button Fill Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: iconbutton.fill.dark
-    type: color
-    label: Icon Button Fill (Dark surface)
-    value: ""
-    section: visual
-  - key: iconbutton.fill.dark.opacity
-    type: number
-    label: Icon Button Fill Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Icon Button — Border color (per surface)
-  - key: iconbutton.border.color.light
-    type: color
-    label: Icon Button Border Color (Light surface)
-    value: ""
-    section: visual
-  - key: iconbutton.border.color.light.opacity
-    type: number
-    label: Icon Button Border Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: iconbutton.border.color.dark
-    type: color
-    label: Icon Button Border Color (Dark surface)
-    value: ""
-    section: visual
-  - key: iconbutton.border.color.dark.opacity
-    type: number
-    label: Icon Button Border Opacity (Dark surface)
-    value: "100"
-    section: visual
-  # Icon Button — Icon color (per surface)
-  - key: iconbutton.icon.color.light
-    type: color
-    label: Icon Button Icon Color (Light surface)
-    value: ""
-    section: visual
-  - key: iconbutton.icon.color.light.opacity
-    type: number
-    label: Icon Button Icon Color Opacity (Light surface)
-    value: "100"
-    section: visual
-  - key: iconbutton.icon.color.dark
-    type: color
-    label: Icon Button Icon Color (Dark surface)
-    value: ""
-    section: visual
-  - key: iconbutton.icon.color.dark.opacity
-    type: number
-    label: Icon Button Icon Color Opacity (Dark surface)
-    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.
-
-## Per-surface key shape
-
-Every color property (`fill`, `border.color`, `text.color`, `icon.color`) is keyed per-surface:
-
-```
-<kind>.<colorprop>.<surface>
-<kind>.<colorprop>.<surface>.opacity
-```
-
-`<surface>` is either:
-- `light` or `dark` (the two universal surfaces, always present), or
-- the slugified label of a brand color from `colors.md` (e.g. `Accent Color` → `accent-color`)
-
-This file seeds the universal `light` / `dark` surfaces only. The scraper roles fill in additional brand-color surfaces when ingesting a brand. The brand modal preview (`packages/app/src/components/brands/preview/buttons-preview.tsx`) derives the full surface set dynamically — it will only render specimens for surfaces that have populated values.
-
-There is no base-key fallback. `button.primary.fill` (without a surface suffix) is never read.
-
-See `packages/server/src/server/brand/CANON.md` for the full canon.

package/dist/schema-templates/colors.md

@@ -1,178 +0,0 @@
----
-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.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: 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.accent-on-dark
-    type: color
-    label: Accent On Dark
-    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: ""
-  - key: gradient.primary
-    type: gradient
-    label: Primary Gradient
-    value: ""
-  - key: gradient.accent
-    type: gradient
-    label: Accent Gradient
-    value: ""
-  - key: gradient.subtle
-    type: gradient
-    label: Subtle Gradient
-    value: ""
----
-
-# Colors
-
-[1–2 sentence description of the color system and its character.]