@envive-ai/react-toolkit 0.1.12 → 0.1.13

package/dist/Styles/index.js

@@ -1,274 +0,0 @@
-import { createRequire } from "node:module";
-import typography from "@tailwindcss/typography";
-
-//#region rolldown:runtime
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-//#endregion
-//#region src/components/Styles/EnviveTailwindPreset.ts
-/**
-* Helper function to create content paths for the Envive React Toolkit
-* This should be used in the consuming application's tailwind.config.js
-*
-* @param additionalPaths - Additional content paths to include
-* @returns Array of content paths including the toolkit components
-*/
-const createEnviveContentPaths = (additionalPaths = []) => {
-	let toolkitPath;
-	try {
-		if (typeof __require !== "undefined" && typeof __require.resolve === "function") {
-			const path = __require("path");
-			toolkitPath = path.join(path.dirname(__require.resolve("@envive-ai/react-toolkit/package.json")), "dist/**/*.{js,cjs}");
-		} else toolkitPath = "./node_modules/@envive-ai/react-toolkit/dist/**/*.{js,cjs}";
-	} catch {
-		toolkitPath = "./node_modules/@envive-ai/react-toolkit/dist/**/*.{js,cjs}";
-	}
-	return [toolkitPath, ...additionalPaths];
-};
-/** @type {import('tailwindcss').Config} */
-const EnviveTailwindPreset = {
-	future: { hoverOnlyWhenSupported: true },
-	prefix: "spiffy-tw-",
-	theme: {
-		screens: {
-			sm: "480px",
-			md: "768px",
-			lg: "976px",
-			xl: "1440px"
-		},
-		fontFamily: { sans: [
-			"Inter Variable",
-			"Poppins",
-			"sans-serif"
-		] },
-		fontSize: {
-			xs: "12px",
-			sm: "14px",
-			md: "16px",
-			lg: "18px",
-			xl: "20px"
-		},
-		fontWeight: {
-			normal: 400,
-			medium: 500,
-			semibold: 600,
-			bold: 700
-		},
-		spacing: {
-			px: "1px",
-			.5: "2px",
-			1: "4px",
-			1.5: "6px",
-			2: "8px",
-			2.5: "10px",
-			3: "12px",
-			3.5: "14px",
-			4: "16px",
-			5: "20px",
-			6: "24px",
-			7: "28px",
-			8: "32px",
-			9: "36px",
-			10: "40px",
-			12: "48px",
-			14: "56px",
-			16: "64px",
-			20: "80px",
-			24: "96px",
-			28: "112px",
-			32: "128px",
-			36: "144px",
-			40: "160px",
-			44: "176px",
-			48: "192px",
-			52: "208px",
-			56: "224px",
-			60: "240px",
-			64: "256px",
-			72: "288px",
-			80: "320px",
-			96: "384px"
-		},
-		borderRadius: {
-			none: "0",
-			sm: "2px",
-			base: "4px",
-			md: "6px",
-			lg: "8px",
-			xl: "12px",
-			"2xl": "16px",
-			"3xl": "24px",
-			full: "9999px"
-		},
-		extend: {
-			keyframes: {
-				pulse: {
-					"0%": {
-						borderColor: "#EDF2F7",
-						background: "#EDF2F7"
-					},
-					"50%": {},
-					"100%": {
-						borderColor: "#A0AEC0",
-						background: "#A0AEC0"
-					}
-				},
-				ellipse_162_1_flow_1: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_162_1_flow_2: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_162_1_flow_5: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_162_1_flow_6: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_163_2_flow_2: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_163_2_flow_3: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_163_2_flow_6: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_163_2_flow_7: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_164_3_flow_3: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_164_3_flow_4: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_164_3_flow_7: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_164_3_flow_8: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					}
-				}
-			},
-			animation: {
-				pulse: "pulse 0.8s linear infinite alternate",
-				"ellipse-1-complete": "ellipse_162_1_flow_1 0.3s ease-out 0s forwards, ellipse_162_1_flow_2 0.2s ease-out 0.3s forwards, ellipse_162_1_flow_5 0.2s ease-out 0.91s forwards, ellipse_162_1_flow_6 0.2s ease-out 1.11s forwards",
-				"ellipse-2-complete": "ellipse_163_2_flow_2 0.2s ease-out 0.3s forwards, ellipse_163_2_flow_3 0.2s ease-out 0.5s forwards, ellipse_163_2_flow_6 0.2s ease-out 1.11s forwards, ellipse_163_2_flow_7 0.2s ease-out 1.31s forwards",
-				"ellipse-3-complete": "ellipse_164_3_flow_3 0.2s ease-out 0.5s forwards, ellipse_164_3_flow_4 0.2s ease-out 0.7s forwards, ellipse_164_3_flow_7 0.2s ease-out 1.31s forwards, ellipse_164_3_flow_8 0.2s ease-out 1.51s forwards"
-			}
-		}
-	},
-	content: [createEnviveContentPaths(["./index.html", "./src/**/*.{js,ts,jsx,tsx}"])],
-	plugins: [typography]
-};
-
-//#endregion
-export { EnviveTailwindPreset, createEnviveContentPaths, EnviveTailwindPreset as default };

package/dist/index-H_9LhS_1.d.cts

@@ -1,36 +0,0 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
-
-//#region src/components/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-//#region src/components/SearchInputForm/SearchInputForm.d.ts
-interface SearchInputFormProps {
-  searchInputVariant: SearchInputVariant;
-  searchText: string;
-  autocompleteResults: string[];
-  searchBoxPlaceholder: string;
-  focusedOptionId: string | undefined;
-  isDirty: boolean;
-  focusedIndex: number;
-  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-  onAutocompleteSelect: (suggestion: string) => void;
-  onSearchInputChange: (value: string) => void;
-  onSearchSubmit: () => void;
-  searchInputDataTestId?: string;
-}
-declare const SearchInputForm: ({
-  searchInputVariant,
-  searchText,
-  autocompleteResults,
-  searchBoxPlaceholder,
-  focusedOptionId,
-  isDirty,
-  focusedIndex,
-  onKeyDown,
-  onAutocompleteSelect,
-  onSearchInputChange,
-  onSearchSubmit,
-  searchInputDataTestId
-}: SearchInputFormProps) => react_jsx_runtime11.JSX.Element;
-//#endregion
-export { SearchInputForm, SearchInputVariant };

package/dist/index-h-QwQNnu.d.ts

@@ -1,36 +0,0 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
-
-//#region src/components/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-//#region src/components/SearchInputForm/SearchInputForm.d.ts
-interface SearchInputFormProps {
-  searchInputVariant: SearchInputVariant;
-  searchText: string;
-  autocompleteResults: string[];
-  searchBoxPlaceholder: string;
-  focusedOptionId: string | undefined;
-  isDirty: boolean;
-  focusedIndex: number;
-  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-  onAutocompleteSelect: (suggestion: string) => void;
-  onSearchInputChange: (value: string) => void;
-  onSearchSubmit: () => void;
-  searchInputDataTestId?: string;
-}
-declare const SearchInputForm: ({
-  searchInputVariant,
-  searchText,
-  autocompleteResults,
-  searchBoxPlaceholder,
-  focusedOptionId,
-  isDirty,
-  focusedIndex,
-  onKeyDown,
-  onAutocompleteSelect,
-  onSearchInputChange,
-  onSearchSubmit,
-  searchInputDataTestId
-}: SearchInputFormProps) => react_jsx_runtime14.JSX.Element;
-//#endregion
-export { SearchInputForm, SearchInputVariant };

package/src/components/Styles/EnviveTailwindPreset.ts

@@ -1,285 +0,0 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-import typography from '@tailwindcss/typography';
-
-/**
- * Helper function to create content paths for the Envive React Toolkit
- * This should be used in the consuming application's tailwind.config.js
- *
- * @param additionalPaths - Additional content paths to include
- * @returns Array of content paths including the toolkit components
- */
-export const createEnviveContentPaths = (additionalPaths: string[] = []): string[] => {
-  // Dynamically resolve the path to the toolkit's dist directory
-  let toolkitPath: string;
-
-  try {
-    // This will work in Node.js environments (build time)
-    if (typeof require !== 'undefined' && typeof require.resolve === 'function') {
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
-      const path = require('path');
-      toolkitPath = path.join(
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        path.dirname(require.resolve('@envive-ai/react-toolkit/package.json')),
-        'dist/**/*.{js,cjs}',
-      );
-    } else {
-      // Fallback for environments where require is not available
-      toolkitPath = './node_modules/@envive-ai/react-toolkit/dist/**/*.{js,cjs}';
-    }
-  } catch {
-    // Fallback if resolution fails
-    toolkitPath = './node_modules/@envive-ai/react-toolkit/dist/**/*.{js,cjs}';
-  }
-
-  return [
-    // Include the toolkit's built components
-    toolkitPath,
-    // Include any additional paths provided by the consuming application
-    ...additionalPaths,
-  ];
-};
-
-/** @type {import('tailwindcss').Config} */
-export const EnviveTailwindPreset = {
-  future: {
-    hoverOnlyWhenSupported: true,
-  },
-  prefix: 'spiffy-tw-',
-  theme: {
-    screens: {
-      sm: '480px',
-      md: '768px',
-      lg: '976px',
-      xl: '1440px',
-    },
-    fontFamily: {
-      sans: ['Inter Variable', 'Poppins', 'sans-serif'],
-    },
-    fontSize: {
-      xs: '12px',
-      sm: '14px',
-      md: '16px',
-      lg: '18px',
-      xl: '20px',
-    },
-    fontWeight: {
-      normal: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700,
-    },
-    spacing: {
-      px: '1px',
-      0.5: '2px',
-      1: '4px',
-      1.5: '6px',
-      2: '8px',
-      2.5: '10px',
-      3: '12px',
-      3.5: '14px',
-      4: '16px',
-      5: '20px',
-      6: '24px',
-      7: '28px',
-      8: '32px',
-      9: '36px',
-      10: '40px',
-      12: '48px',
-      14: '56px',
-      16: '64px',
-      20: '80px',
-      24: '96px',
-      28: '112px',
-      32: '128px',
-      36: '144px',
-      40: '160px',
-      44: '176px',
-      48: '192px',
-      52: '208px',
-      56: '224px',
-      60: '240px',
-      64: '256px',
-      72: '288px',
-      80: '320px',
-      96: '384px',
-    },
-    borderRadius: {
-      none: '0',
-      sm: '2px',
-      base: '4px',
-      md: '6px',
-      lg: '8px',
-      xl: '12px',
-      '2xl': '16px',
-      '3xl': '24px',
-      full: '9999px',
-    },
-    extend: {
-      keyframes: {
-        pulse: {
-          '0%': { borderColor: '#EDF2F7', background: '#EDF2F7' },
-          '50%': {},
-          '100%': { borderColor: '#A0AEC0', background: '#A0AEC0' },
-        },
-        ellipse_162_1_flow_1: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 9.5px',
-            cy: '9.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 7.5px',
-            cy: '7.5px',
-          },
-        },
-        ellipse_162_1_flow_2: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 7.5px',
-            cy: '7.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 9.5px',
-            cy: '9.5px',
-          },
-        },
-        ellipse_162_1_flow_5: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 9.5px',
-            cy: '9.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 7.5px',
-            cy: '7.5px',
-          },
-        },
-        ellipse_162_1_flow_6: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 7.5px',
-            cy: '7.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '8.5px 9.5px',
-            cy: '9.5px',
-          },
-        },
-        // Ellipse 163_2 animations
-        ellipse_163_2_flow_2: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 9.5px',
-            cy: '9.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 7.5px',
-            cy: '7.5px',
-          },
-        },
-        ellipse_163_2_flow_3: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 7.5px',
-            cy: '7.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 9.5px',
-            cy: '9.5px',
-          },
-        },
-        ellipse_163_2_flow_6: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 9.5px',
-            cy: '9.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 7.5px',
-            cy: '7.5px',
-          },
-        },
-        ellipse_163_2_flow_7: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 7.5px',
-            cy: '7.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '16.5px 9.5px',
-            cy: '9.5px',
-          },
-        },
-        // Ellipse 164_3 animations
-        ellipse_164_3_flow_3: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 9.5px',
-            cy: '9.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 7.5px',
-            cy: '7.5px',
-          },
-        },
-        ellipse_164_3_flow_4: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 7.5px',
-            cy: '7.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 9.5px',
-            cy: '9.5px',
-          },
-        },
-        ellipse_164_3_flow_7: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 9.5px',
-            cy: '9.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 7.5px',
-            cy: '7.5px',
-          },
-        },
-        ellipse_164_3_flow_8: {
-          from: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 7.5px',
-            cy: '7.5px',
-          },
-          to: {
-            transform: 'translate(0px, 0px) rotate(0deg)',
-            transformOrigin: '24.5px 9.5px',
-            cy: '9.5px',
-          },
-        },
-      },
-      animation: {
-        pulse: 'pulse 0.8s linear infinite alternate',
-        'ellipse-1-complete':
-          'ellipse_162_1_flow_1 0.3s ease-out 0s forwards, ellipse_162_1_flow_2 0.2s ease-out 0.3s forwards, ellipse_162_1_flow_5 0.2s ease-out 0.91s forwards, ellipse_162_1_flow_6 0.2s ease-out 1.11s forwards',
-        'ellipse-2-complete':
-          'ellipse_163_2_flow_2 0.2s ease-out 0.3s forwards, ellipse_163_2_flow_3 0.2s ease-out 0.5s forwards, ellipse_163_2_flow_6 0.2s ease-out 1.11s forwards, ellipse_163_2_flow_7 0.2s ease-out 1.31s forwards',
-        'ellipse-3-complete':
-          'ellipse_164_3_flow_3 0.2s ease-out 0.5s forwards, ellipse_164_3_flow_4 0.2s ease-out 0.7s forwards, ellipse_164_3_flow_7 0.2s ease-out 1.31s forwards, ellipse_164_3_flow_8 0.2s ease-out 1.51s forwards',
-      },
-    },
-  },
-  // Content should be defined by the consuming application
-  content: [createEnviveContentPaths(['./index.html', './src/**/*.{js,ts,jsx,tsx}'])],
-  plugins: [typography],
-};

package/src/components/Styles/index.ts

@@ -1,2 +0,0 @@
-export * from './EnviveTailwindPreset';
-export { EnviveTailwindPreset as default } from './EnviveTailwindPreset';

package/tailwind-preset.js

@@ -1,3 +0,0 @@
-const { EnviveTailwindPreset } = require('./dist/Styles/index.cjs');
-
-module.exports = EnviveTailwindPreset;