pxengine 0.1.44 → 0.1.46

package/config/tailwind-preset.js

@@ -0,0 +1,155 @@
+/**
+ * @pxengine/ui Tailwind Preset
+ * 
+ * This file allows consumers of the @pxengine/ui library to easily inherit 
+ * the custom theme, colors, and animations required for the components.
+ * 
+ * Usage in tailwind.config.js:
+ * presets: [require("@pxengine/ui/config/tailwind-preset")]
+ */
+
+module.exports = {
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      fontFamily: {
+        sans: ["Inter", "system-ui", "sans-serif"],
+        noto: ["Noto Sans", "system-ui", "sans-serif"],
+        grotesk: ["Space Grotesk", "system-ui", "sans-serif"],
+        roboto: ["Roboto", "system-ui", "sans-serif"],
+      },
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        interactive: {
+          DEFAULT: "var(--interactive)",
+          foreground: "var(--interactive-foreground)",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        // Custom PXEngine colors
+        gray25: "var(--gray25)",
+        gray50: "var(--gray50)",
+        gray100: "var(--gray100)",
+        gray200: "var(--gray200)",
+        gray300: "var(--gray300)",
+        gray400: "var(--gray400)",
+        gray500: "var(--gray500)",
+        gray600: "var(--gray600)",
+        gray700: "var(--gray700)",
+        gray800: "var(--gray800)",
+        gray900: "var(--gray900)",
+        txtColor: "var(--txtColor)",
+        samepurple200: "#988cff",
+        purple100: "var(--purple100)",
+        purple200: "var(--purple200)",
+        purple500: "var(--purple500)",
+        purpleText: "var(--purple-text)",
+        purple50: "var(--purple50)",
+        purple20: "var(--purple20)",
+        purpleBorder2: "var(--purpleBorder2)",
+        purpleTextHover: "var(--purple-text-hover)",
+        purpleBorder: "var(--purple-border)",
+        green500: "var(--green500)",
+        grayPill: "var(--grayPill)",
+        sliderFill: "var(--slider-fill)",
+        sliderUnfill: "var(--slider-unfill)",
+        sliderButton: "var(--slider-button)",
+        lightSuccess: "#17C653",
+        lightWarning: "#DFA000",
+        success: "#5cb85c",
+        warningcolor: "var(--warning-color)",
+        label: "#071437",
+        paperBackground: "var(--paperBackground)",
+        darkModeCoal: "#0D0E12",
+        tutorialBorder: "var(--tutorialBorder)",
+        tutorialBg: "var(--tutorialBg)",
+        tutorialText: "var(--tutorialText)",
+        greenBackground: "var(--greenBackground)",
+        greenText: "var(--greenText)",
+        orangeBackground: "var(--orangeBackground)",
+        orangeText: "var(--orangeText)",
+        redBackground: "var(--redBackground)",
+        redText: "var(--redText)",
+        chart1: "var(--chart-1)",
+        chart2: "var(--chart-2)",
+        chart3: "var(--chart-3)",
+        chart4: "var(--chart-4)",
+        chart5: "var(--chart-5)",
+        primaryText: "var(--primaryText)",
+        primaryDark2: "var(--primaryDark2)",
+        purple200Dark: "var(--purple200Dark)",
+        purple20Dark: "var(--purple20Dark)",
+        purpleText1: "var(--purple-text-1)",
+        textPlaceholder: "var(--textPlaceholder)",
+        textSecondary: "var(--textSecondary)",
+        interactionBg: "var(--interaction-bg)",
+        purpleLight: "var(--purpleLight)",
+        purpleText2: "var(--purple-text-2)",
+        green100: "#dcfce7",
+        // Landing page colors
+        landingDarkestBlue: "var(--landing-darkest-blue)",
+        landingBlue: "var(--landing-blue)",
+        landingPurple: "var(--landing-purple)",
+        landingTextParagraph: "var(--landing-text-paragraph)",
+        landingTextHeading: "var(--landing-text-heading)",
+        landingBorderMain: "var(--landing-border-main)",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-animate")],
+};

package/dist/index.cjs

@@ -307,6 +307,8 @@ __export(index_exports, {
   VideoAtom: () => VideoAtom,
   WorkflowVisualizer: () => WorkflowVisualizer,
   cn: () => cn,
+  generateFieldsFromData: () => generateFieldsFromData,
+  generateFieldsFromPropDefinitions: () => generateFieldsFromPropDefinitions,
   useCreatorWidgetPolling: () => useCreatorWidgetPolling
 });
 module.exports = __toCommonJS(index_exports);
@@ -34953,6 +34955,39 @@ function generateFieldsFromData(data) {
     return config;
   });
 }
+function generateFieldsFromPropDefinitions(propDefs, data) {
+  if (!propDefs || !Array.isArray(propDefs)) return [];
+  return propDefs.filter((def) => def.editable === true).map((def) => {
+    const value = data?.[def.name];
+    const editType = def.editConfig?.editFieldType || inferFieldType(value);
+    const config = {
+      key: def.name,
+      label: def.description || normalizeLabel(def.name),
+      type: editType
+    };
+    if (def.editConfig?.placeholder) {
+      config.placeholder = def.editConfig.placeholder;
+    }
+    if (def.editConfig?.options) {
+      config.options = def.editConfig.options;
+    }
+    if (def.editConfig?.sliderConfig) {
+      config.sliderConfig = {
+        min: def.editConfig.sliderConfig.min,
+        max: def.editConfig.sliderConfig.max,
+        step: def.editConfig.sliderConfig.step
+      };
+    }
+    if (def.editConfig?.numberConfig) {
+      config.numberConfig = {
+        min: def.editConfig.numberConfig.min,
+        max: def.editConfig.numberConfig.max,
+        step: def.editConfig.numberConfig.step
+      };
+    }
+    return config;
+  });
+}
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
 var import_react59 = require("react");
@@ -40945,6 +40980,8 @@ var PXEngineRenderer = ({
   VideoAtom,
   WorkflowVisualizer,
   cn,
+  generateFieldsFromData,
+  generateFieldsFromPropDefinitions,
   useCreatorWidgetPolling
 });
 /*! Bundled license information: