view-contracts 0.3.5 → 0.4.1

package/renderers/react/runtime/theme.css

@@ -1,65 +0,0 @@
-* { box-sizing: border-box; }
-body { margin: 0; background: var(--ui-bg); color: var(--ui-text); font-family: var(--ui-font); }
-button, input, textarea, select { font: inherit; }
-
-.vc-page { min-height: 100vh; }
-.vc-box { display: block; }
-.vc-column { display: flex; flex-direction: column; }
-.vc-stack { display: flex; flex-direction: column; }
-.vc-row { display: flex; flex-direction: row; }
-.vc-wrap { flex-wrap: wrap; }
-.vc-spacer { min-width: 0; min-height: 0; }
-.vc-divider { border: 0; border-top: 1px solid var(--ui-border); width: 100%; }
-
-.vc-heading { margin: 0; line-height: 1.2; letter-spacing: -0.02em; }
-.vc-heading-1 { font-size: 32px; }
-.vc-heading-2 { font-size: 22px; }
-.vc-heading-3 { font-size: 18px; }
-.vc-heading-4 { font-size: 15px; }
-.vc-text { margin: 0; line-height: 1.6; }
-.vc-link { color: var(--ui-primary); text-decoration: none; }
-.vc-link:hover { text-decoration: underline; }
-
-.ui-tone-default { color: var(--ui-text); }
-.ui-tone-muted { color: var(--ui-text-muted); }
-.ui-tone-primary { color: var(--ui-primary); }
-.ui-tone-success { color: var(--ui-success); }
-.ui-tone-warning { color: var(--ui-warning); }
-.ui-tone-danger { color: var(--ui-danger); }
-
-.vc-button { border: 0; cursor: pointer; }
-
-.vc-form { display: flex; flex-direction: column; }
-.vc-field { display: flex; flex-direction: column; gap: 6px; }
-.vc-field-label { font-size: 13px; font-weight: 700; color: var(--ui-text); }
-.vc-field-help { font-size: 12px; color: var(--ui-text-muted); }
-.vc-field-error { font-size: 12px; color: var(--ui-danger); }
-.vc-text-input, .vc-text-area { width: 100%; border: 1px solid var(--ui-border); border-radius: 10px; background: #fff; color: var(--ui-text); outline: none; }
-.vc-text-input:focus, .vc-text-area:focus { border-color: var(--ui-primary); box-shadow: 0 0 0 3px var(--ui-primary-weak); }
-.vc-field-sm { min-height: 34px; padding: 6px 10px; }
-.vc-field-md, .vc-text-input { min-height: 42px; padding: 9px 12px; }
-.vc-field-lg { min-height: 50px; padding: 12px 14px; }
-.vc-select {
-  width: 100%;
-  min-height: 42px;
-  padding: 9px 36px 9px 12px;
-  border: 1px solid var(--ui-border);
-  border-radius: 10px;
-  background-color: #fff;
-  color: var(--ui-text);
-  outline: none;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  cursor: pointer;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 12px center;
-  background-size: 16px;
-}
-.vc-select:focus { border-color: var(--ui-primary); box-shadow: 0 0 0 3px var(--ui-primary-weak); }
-.vc-field-lg { min-height: 50px; padding: 12px 14px; }
-.vc-text-area { padding: 10px 12px; resize: vertical; }
-.vc-checkbox { display: inline-flex; align-items: center; gap: 8px; }
-.vc-list { margin: 0; padding-left: 20px; }
-.vc-list-item { margin: 0; padding: 2px 0; }

package/src/generated/schema/allowed-components.ts

@@ -1,36 +0,0 @@
-/** Auto-generated from spec/ui-dsl.schema.json — view-contracts v0.3.3 — DO NOT EDIT */
-export const ALLOWED_COMPONENTS = new Set([
-  'App',
-  'Box',
-  'Button',
-  'Checkbox',
-  'Column',
-  'Divider',
-  'Drawer',
-  'Field',
-  'Form',
-  'Heading',
-  'Icon',
-  'IconButton',
-  'Image',
-  'Link',
-  'List',
-  'ListItem',
-  'Modal',
-  'Page',
-  'Popover',
-  'Progress',
-  'Radio',
-  'Row',
-  'SafeArea',
-  'ScrollArea',
-  'Select',
-  'Spacer',
-  'Spinner',
-  'Stack',
-  'Switch',
-  'Text',
-  'TextArea',
-  'TextInput',
-  'Tooltip',
-]);

package/src/generated/schema/dsl-enums.ts

@@ -1,19 +0,0 @@
-/** Auto-generated from spec/ui-dsl.schema.json — view-contracts v0.3.3 — DO NOT EDIT */
-export type Role = "button" | "link" | "heading" | "list" | "listitem" | "main" | "dialog" | "status";
-export type WidthSize = "wrap" | "fill";
-export type HeightSize = "wrap" | "fill";
-export type Align = "start" | "center" | "end" | "stretch";
-export type Justify = "start" | "center" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly";
-export type ContentAlign = "topStart" | "top" | "topEnd" | "start" | "center" | "end" | "bottomStart" | "bottom" | "bottomEnd";
-export type Axis = "vertical" | "horizontal";
-export type Direction = "ltr" | "rtl" | "system";
-export type Scroll = "none" | "vertical" | "horizontal" | "both";
-export type Border = "none";
-export type Shadow = "none" | "sm" | "md" | "lg";
-export type TextAlign = "start" | "center" | "end";
-export type LineLimit = "none";
-export type TextOverflow = "clip" | "ellipsis";
-export type FontWeight = "regular" | "medium" | "bold";
-export type ImageFit = "contain" | "cover" | "fill" | "none";
-export type KeyboardType = "text" | "number" | "email" | "url" | "password" | "tel";
-export type Clip = "none" | "bounds" | "shape";

package/src/generated/schema/dsl-properties.ts

@@ -1,64 +0,0 @@
-/** Auto-generated from spec/ui-dsl.schema.json — view-contracts v0.3.3 — DO NOT EDIT */
-export interface ViewAction { name: string; params?: Record<string, unknown> }
-import type { Role, WidthSize, HeightSize, Align, Justify, ContentAlign, Axis, Direction, Scroll, Border, Shadow, TextAlign, LineLimit, TextOverflow, FontWeight, ImageFit, KeyboardType, Clip } from './dsl-enums.js';
-
-/** Shared DSL attributes from $defs.properties / properties catalog */
-export interface DslProperties {
-  id?: string;
-  role?: Role;
-  label?: string;
-  visible?: boolean;
-  enabled?: boolean;
-  selected?: boolean;
-  checked?: boolean;
-  readonly?: boolean;
-  required?: boolean;
-  width?: WidthSize;
-  height?: HeightSize;
-  minWidth?: number;
-  maxWidth?: string | number;
-  minHeight?: number;
-  maxHeight?: string | number;
-  aspectRatio?: number;
-  weight?: number;
-  padding?: string | number;
-  gap?: string | number;
-  align?: Align;
-  justify?: Justify;
-  selfAlign?: Align;
-  contentAlign?: ContentAlign;
-  axis?: Axis;
-  direction?: Direction;
-  scroll?: Scroll;
-  background?: string;
-  foreground?: string;
-  border?: Border;
-  radius?: string;
-  shadow?: Shadow;
-  opacity?: number;
-  clip?: Clip;
-  textStyle?: string;
-  textAlign?: TextAlign;
-  lineLimit?: LineLimit;
-  textOverflow?: TextOverflow;
-  fontWeight?: FontWeight;
-  headingLevel?: number;
-  fit?: ImageFit;
-  src?: string;
-  alt?: string;
-  name?: string;
-  onClick?: ViewAction;
-  onSubmit?: ViewAction;
-  onChange?: ViewAction;
-  focusable?: boolean;
-  autoFocus?: boolean;
-  keyboardType?: KeyboardType;
-  value?: string | number | boolean;
-  binding?: string;
-  placeholder?: string;
-  options?: unknown[];
-  error?: string | null;
-  help?: string | null;
-  variant?: string;
-  theme?: string;
-}

package/src/generated/schema/index.ts

@@ -1,4 +0,0 @@
-/** Auto-generated from spec/ui-dsl.schema.json — view-contracts v0.3.3 — DO NOT EDIT */
-export * from './dsl-enums.js';
-export * from './dsl-properties.js';
-export * from './schema-document.js';

package/src/generated/schema/lowering-style-properties.ts

@@ -1,35 +0,0 @@
-/** Auto-generated from spec/ui-dsl.schema.json — view-contracts v0.3.3 — DO NOT EDIT */
-/** Property names folded to compile-time inline CSS during React HTML lowering. */
-export const LOWERING_STYLE_PROPERTIES = new Set<string>([
-  "align",
-  "aspectRatio",
-  "axis",
-  "background",
-  "border",
-  "clip",
-  "contentAlign",
-  "direction",
-  "fontWeight",
-  "foreground",
-  "gap",
-  "headingLevel",
-  "height",
-  "justify",
-  "lineLimit",
-  "maxHeight",
-  "maxWidth",
-  "minHeight",
-  "minWidth",
-  "opacity",
-  "padding",
-  "radius",
-  "scroll",
-  "selfAlign",
-  "shadow",
-  "textAlign",
-  "textOverflow",
-  "textStyle",
-  "weight",
-  "width",
-  "size",
-]);

package/src/generated/schema/react-renderer-element-config.ts

@@ -1,27 +0,0 @@
-/** Auto-generated from renderers/react/element-config.meta.json — view-contracts v0.3.3 — DO NOT EDIT */
-/** Shape of entries in renderers/react/elements.yaml (target-specific HTML map, not DSL vocabulary). */
-export interface ReactRendererElementConfig {
-  tag: string;
-  className?: string;
-  ariaLabel?: boolean;
-  ariaHidden?: boolean;
-  flex?: "row" | "column";
-  wrapProp?: string;
-  flexGrowProp?: string;
-  void?: boolean;
-  levelProp?: string;
-  defaultLevel?: number;
-  actionEvent?: "onClick" | "onSubmit";
-  fieldWrap?: boolean;
-  inputType?: string;
-  sizeClass?: string;
-  optionsProp?: string;
-  checkbox?: boolean;
-  fieldContainer?: boolean;
-  scrollContainer?: boolean;
-  defaultRole?: string;
-}
-
-export interface ReactElementMapFile {
-  elements: Record<string, ReactRendererElementConfig>;
-}

package/src/generated/schema/schema-document.ts

@@ -1,33 +0,0 @@
-/** Auto-generated from spec/ui-dsl.meta.json + ui-dsl.schema.json — view-contracts v0.3.3 — DO NOT EDIT */
-import type { Role, WidthSize, HeightSize, Align, Justify, ContentAlign, Axis, Direction, Scroll, Border, Shadow, TextAlign, LineLimit, TextOverflow, FontWeight, ImageFit, KeyboardType, Clip } from './dsl-enums.js';
-
-export type PropertyType = 'string' | 'number' | 'boolean' | 'array' | 'action' | 'object' | 'null' | string | string[];
-
-export interface PropertyDef {
-  type: PropertyType;
-  enum?: string;
-  description?: string;
-  'x-category': string;
-  'x-appliesTo'?: string[];
-  'x-notes'?: string;
-  $ref?: string;
-}
-
-export interface ChildrenConstraint {
-  'x-kind': 'any' | 'none' | 'single' | 'text' | 'list';
-  'x-items'?: string[];
-}
-
-export interface ElementDef {
-  description: string;
-  'x-category': string;
-  'x-notes'?: string;
-  properties: Record<string, PropertyDef | { $ref: string }>;
-  _children: ChildrenConstraint;
-}
-
-export interface UiDslSchema {
-  tokens: Record<string, string[]>;
-  properties: Record<string, PropertyDef>;
-  elements: Record<string, ElementDef>;
-}