ov25-setup 0.1.0

package/dist/lib/config/configurator-style-variables.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Style variable definitions, element selectors, and CSS generation utilities
+ * for the configurator setup visual style editor.
+ */
+export type StyleControlType = 'color' | 'corner' | 'slider' | 'font';
+export interface StyleVariable {
+    variable: string;
+    label: string;
+    defaultValue: string;
+    control: StyleControlType;
+    sliderMin?: number;
+    sliderMax?: number;
+    sliderStep?: number;
+    sliderUnit?: string;
+    sliderLabels?: [string, string];
+}
+export interface StyleGroup {
+    id: string;
+    label: string;
+    description: string;
+    variables: StyleVariable[];
+}
+export interface ElementSelector {
+    selector: string;
+    label: string;
+    element: string;
+}
+export declare const CORNER_PRESETS: readonly [{
+    readonly value: "0px";
+    readonly label: "Sharp";
+}, {
+    readonly value: "4px";
+    readonly label: "Slight";
+}, {
+    readonly value: "8px";
+    readonly label: "Rounded";
+}, {
+    readonly value: "16px";
+    readonly label: "More";
+}, {
+    readonly value: "9999px";
+    readonly label: "Pill";
+}];
+export declare const FONT_OPTIONS: readonly [{
+    readonly value: "'Lato', sans-serif";
+    readonly label: "Lato";
+}, {
+    readonly value: "'Inter', sans-serif";
+    readonly label: "Inter";
+}, {
+    readonly value: "'Roboto', sans-serif";
+    readonly label: "Roboto";
+}, {
+    readonly value: "'Open Sans', sans-serif";
+    readonly label: "Open Sans";
+}, {
+    readonly value: "'Montserrat', sans-serif";
+    readonly label: "Montserrat";
+}, {
+    readonly value: "'Poppins', sans-serif";
+    readonly label: "Poppins";
+}, {
+    readonly value: "'Playfair Display', serif";
+    readonly label: "Playfair Display";
+}, {
+    readonly value: "'Georgia', serif";
+    readonly label: "Georgia";
+}, {
+    readonly value: "'Arial', sans-serif";
+    readonly label: "Arial";
+}, {
+    readonly value: "'Helvetica', sans-serif";
+    readonly label: "Helvetica";
+}, {
+    readonly value: "'system-ui', sans-serif";
+    readonly label: "System UI";
+}];
+export declare const STYLE_GROUPS: StyleGroup[];
+export declare const ELEMENT_SELECTORS: ElementSelector[];
+export declare const ELEMENT_CSS_PROPERTIES: readonly ["background", "background-color", "color", "border", "border-color", "border-width", "border-radius", "padding", "margin", "gap", "font-size", "font-family", "font-weight", "opacity", "display", "max-height", "min-height"];
+export type PropertyInputType = 'color' | 'spacing' | 'size-px' | 'font-select' | 'weight-select' | 'display-select' | 'opacity' | 'text';
+export declare const PROPERTY_INPUT_MAP: Record<string, PropertyInputType>;
+export declare const FONT_WEIGHT_OPTIONS: readonly [{
+    readonly value: "100";
+    readonly label: "Thin";
+}, {
+    readonly value: "200";
+    readonly label: "Extra Light";
+}, {
+    readonly value: "300";
+    readonly label: "Light";
+}, {
+    readonly value: "400";
+    readonly label: "Normal";
+}, {
+    readonly value: "500";
+    readonly label: "Medium";
+}, {
+    readonly value: "600";
+    readonly label: "Semi Bold";
+}, {
+    readonly value: "700";
+    readonly label: "Bold";
+}, {
+    readonly value: "800";
+    readonly label: "Extra Bold";
+}, {
+    readonly value: "900";
+    readonly label: "Black";
+}];
+export declare const DISPLAY_OPTIONS: readonly [{
+    readonly value: "block";
+    readonly label: "Block";
+}, {
+    readonly value: "flex";
+    readonly label: "Flex";
+}, {
+    readonly value: "grid";
+    readonly label: "Grid";
+}, {
+    readonly value: "inline";
+    readonly label: "Inline";
+}, {
+    readonly value: "inline-flex";
+    readonly label: "Inline Flex";
+}, {
+    readonly value: "inline-block";
+    readonly label: "Inline Block";
+}, {
+    readonly value: "none";
+    readonly label: "Hidden";
+}];
+export declare function generateVariableCSS(styleValues: Record<string, string>): string;
+export declare function generateElementCSS(elementStyles: Record<string, Record<string, string>>): string;

package/dist/lib/config/preview-config.d.ts

@@ -0,0 +1,5 @@
+export type LayoutType = 'standard' | 'snap2';
+export type PreviewLayoutType = LayoutType;
+export declare const PREVIEW_PRODUCT_LINKS: Record<LayoutType, string>;
+export declare const DEFAULT_PREVIEW_API_KEY = "15-5f9c5d4197f8b45ee615ac2476e8354a160f384f01c72cd7f2638f41e164c21d";
+export declare const SNAP2_PREVIEW_STARTING_CONFIG_UUID = "e7c2e5a0-1234-5678-9abc-def012345678";

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "ov25-setup",
+  "version": "0.1.0",
+  "description": "OV25 Configurator Setup visual editor component",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./index.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly --outDir dist",
+    "build:react18": "node scripts/build-react18.js",
+    "clean": "rimraf dist",
+    "prepare": "npm run clean && npm run build"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.540.0",
+    "react-colorful": "^5.6.1",
+    "tailwind-merge": "^2.2.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rimraf": "^5.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.4.0",
+    "vite": "^6.0.0"
+  }
+}