pxengine 0.1.0

package/src/types/common.ts

@@ -0,0 +1,116 @@
+/**
+ * Common types used across the library
+ */
+
+export type LayoutDirection = "vertical" | "horizontal" | "grid";
+export type GapSize = "none" | "sm" | "md" | "lg" | "xl";
+export type TextVariant = "h1" | "h2" | "h3" | "h4" | "p" | "small" | "muted";
+export type InputType = "text" | "email" | "password" | "number" | "search" | "tel" | "url";
+export type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+export type ButtonSize = "default" | "sm" | "lg" | "icon";
+
+/**
+ * Field types for EditableField molecule
+ */
+export type FieldType = "text" | "textarea" | "number" | "slider" | "checkbox" | "select" | "custom";
+
+/**
+ * Field configuration for forms
+ */
+export interface FieldConfig {
+  key: string;
+  label: string;
+  type: FieldType;
+  placeholder?: string;
+  required?: boolean;
+  options?: string[] | Array<{ label: string; value: string }>;
+  sliderConfig?: SliderConfig;
+  numberConfig?: NumberConfig;
+  rows?: number;
+  renderDisplay?: (value: any) => React.ReactNode;
+  renderEdit?: (value: any, onChange: (value: any) => void) => React.ReactNode;
+}
+
+/**
+ * Slider configuration
+ */
+export interface SliderConfig {
+  min: number;
+  max: number;
+  step: number;
+  marks?: Record<number, string>;
+  formatValue?: (value: any) => string;
+}
+
+/**
+ * Number input configuration
+ */
+export interface NumberConfig {
+  min?: number;
+  max?: number;
+  step?: number;
+  formatValue?: (value: any) => string;
+}
+
+/**
+ * Campaign Seed data structure
+ */
+export interface CampaignSeed {
+  brand: string;
+  objective: string;
+  budget_hint: { min: number; max: number } | string;
+  geo_or_audience: string;
+  timeline_opt: string;
+  notes: string;
+}
+
+/**
+ * Search Specification data structure
+ */
+export interface SearchSpec {
+  platforms: string[];
+  follower_range: { min: number; max: number };
+  geography: string[];
+  keyword_bundles: KeywordBundle[];
+  desired_candidate_count: number;
+  filters?: SearchFilter[];
+}
+
+/**
+ * Keyword bundle for search
+ */
+export interface KeywordBundle {
+  keywords: string[];
+  priority: number;
+}
+
+/**
+ * Search filter
+ */
+export interface SearchFilter {
+  field: string;
+  value: any;
+  order: ">" | "<" | "=" | ">=" | "<=";
+}
+
+/**
+ * Campaign concept
+ */
+export interface Concept {
+  id: string;
+  title: string;
+  description: string;
+  targetAudience: string;
+  platforms: string[];
+  estimatedReach?: number;
+  estimatedBudget?: { min: number; max: number };
+}
+
+/**
+ * Progress step
+ */
+export interface ProgressStep {
+  label: string;
+  status: "pending" | "in-progress" | "complete" | "error";
+  progress?: number;
+}

package/src/types/index.ts

@@ -0,0 +1,3 @@
+export * from "./atoms";
+export * from "./molecules";
+export * from "./schema";

package/src/types/molecules.ts

@@ -0,0 +1,54 @@
+import { BaseAtom } from "./atoms";
+
+export interface BaseMolecule extends BaseAtom {}
+
+export interface CampaignSeedCardAtom extends BaseMolecule {
+  type: "campaign-seed";
+  data: Record<string, any>;
+  title?: string;
+  isLatestMessage?: boolean;
+  selectionStatus?: "user" | "agent";
+  countdown?: number;
+  isPaused?: boolean;
+  proceedAction?: string;
+}
+
+export interface SearchSpecCardAtom extends BaseMolecule {
+  type: "search-spec";
+  data: Record<string, any>;
+  title?: string;
+  version?: number;
+  isLatestMessage?: boolean;
+  selectionStatus?: "user" | "agent";
+  countdown?: number;
+  isPaused?: boolean;
+  proceedAction?: string;
+}
+
+export interface MCQCardAtom extends BaseMolecule {
+  type: "mcq";
+  question: string;
+  options: Record<string, string>;
+  recommended?: string;
+  selectedOption?: string;
+  isLatestMessage?: boolean;
+  countdown?: number;
+  isPaused?: boolean;
+  selectionStatus?: "user" | "agent";
+  proceedAction?: string;
+}
+
+export interface ActionButtonAtom extends BaseMolecule {
+  type: "action-button";
+  label: string;
+  countdown?: number;
+  isPaused?: boolean;
+  secondaryLabel?: string;
+  action?: string;
+}
+
+export type UIMolecule =
+  | CampaignSeedCardAtom
+  | SearchSpecCardAtom
+  | MCQCardAtom
+  | ActionButtonAtom;

package/src/types/schema.ts

@@ -0,0 +1,12 @@
+import { UIAtom } from "./atoms";
+import { UIMolecule } from "./molecules";
+
+export * from "./atoms";
+export * from "./molecules";
+
+export type UIComponent = UIAtom | UIMolecule;
+
+export interface UISchema {
+  version: string;
+  root: UIComponent;
+}