@envive-ai/react-toolkit 0.1.13 → 0.2.1

package/dist/TextInput/index.d.cts

@@ -1,12 +0,0 @@
-import { TextStyleVariantMap } from "../textVariantClasses-B0gNjzl4.cjs";
-import React from "react";
-
-//#region src/components/TextInput/TextInput.d.ts
-interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  borderRadius: 'sm' | 'md' | 'lg' | 'xl';
-  borderColorClass?: string;
-  placeholderVariant?: keyof typeof TextStyleVariantMap;
-}
-declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
-//#endregion
-export { TextInput, TextInputProps };

package/dist/TextInput/index.d.ts

@@ -1,12 +0,0 @@
-import { TextStyleVariantMap } from "../textVariantClasses-C8OCWZAw.js";
-import React from "react";
-
-//#region src/components/TextInput/TextInput.d.ts
-interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  borderRadius: 'sm' | 'md' | 'lg' | 'xl';
-  borderColorClass?: string;
-  placeholderVariant?: keyof typeof TextStyleVariantMap;
-}
-declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
-//#endregion
-export { TextInput, TextInputProps };

package/dist/TextInput/index.js

@@ -1,4 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import { TextInput } from "../TextInput-DmsOxxPN.js";
-
-export { TextInput };

package/dist/TextInput-DmsOxxPN.js

@@ -1,31 +0,0 @@
-import { TextStyleVariantMap, getVariantPlaceholderClassNames } from "./textVariantClasses-CRrTb43V.js";
-import React from "react";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/TextInput/TextInput.tsx
-const TextInput = React.forwardRef(({ className, borderRadius, borderColorClass, placeholderVariant,...rest }, ref) => {
-	const variantClassNames = placeholderVariant ? TextStyleVariantMap[placeholderVariant] : {};
-	const placeholderVariantClassNames = getVariantPlaceholderClassNames(variantClassNames);
-	const inputClasses = classNames([
-		{
-			"spiffy-text-input": true,
-			"spiffy-tw-outline-none": true,
-			"spiffy-tw-rounded-[64px]": borderRadius === "xl",
-			"spiffy-tw-rounded-[20px]": borderRadius === "lg",
-			"spiffy-tw-rounded-[8px]": borderRadius === "md",
-			"spiffy-tw-rounded-[0px]": borderRadius === "sm",
-			...placeholderVariantClassNames
-		},
-		borderColorClass,
-		className
-	]);
-	return /* @__PURE__ */ jsx("input", {
-		ref,
-		...rest,
-		className: inputClasses
-	});
-});
-
-//#endregion
-export { TextInput };

package/dist/TextInput-HMW0hxLI.cjs

@@ -1,40 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_textVariantClasses = require('./textVariantClasses-CBre7vXv.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-
-//#region src/components/TextInput/TextInput.tsx
-const TextInput = react.default.forwardRef(({ className, borderRadius, borderColorClass, placeholderVariant,...rest }, ref) => {
-	const variantClassNames = placeholderVariant ? require_textVariantClasses.TextStyleVariantMap[placeholderVariant] : {};
-	const placeholderVariantClassNames = require_textVariantClasses.getVariantPlaceholderClassNames(variantClassNames);
-	const inputClasses = (0, classnames.default)([
-		{
-			"spiffy-text-input": true,
-			"spiffy-tw-outline-none": true,
-			"spiffy-tw-rounded-[64px]": borderRadius === "xl",
-			"spiffy-tw-rounded-[20px]": borderRadius === "lg",
-			"spiffy-tw-rounded-[8px]": borderRadius === "md",
-			"spiffy-tw-rounded-[0px]": borderRadius === "sm",
-			...placeholderVariantClassNames
-		},
-		borderColorClass,
-		className
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		ref,
-		...rest,
-		className: inputClasses
-	});
-});
-
-//#endregion
-Object.defineProperty(exports, 'TextInput', {
-  enumerable: true,
-  get: function () {
-    return TextInput;
-  }
-});

package/dist/ToggleButton/index.cjs

@@ -1,6 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Text-C8t_iEj6.cjs');
-const require_ToggleButton = require('../ToggleButton-DblAj4Cd.cjs');
-
-exports.ToggleButton = require_ToggleButton.ToggleButton;

package/dist/ToggleButton/index.d.cts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
-
-//#region src/components/ToggleButton/ToggleButton.d.ts
-type ToggleButtonProps = {
-  isSelected: boolean;
-  variant: ToggleButtonVariant;
-  onClick: () => void;
-  label: string;
-  buttonClassName?: string;
-  labelClassName?: string;
-  secondaryLabel?: string;
-  secondaryLabelClassName?: string;
-  icon?: React.ReactNode;
-  iconClassName?: string;
-};
-type ToggleButtonVariant = 'default';
-declare const ToggleButton: ({
-  isSelected,
-  onClick,
-  label,
-  buttonClassName,
-  labelClassName,
-  secondaryLabel,
-  secondaryLabelClassName,
-  icon,
-  iconClassName,
-  variant
-}: ToggleButtonProps) => react_jsx_runtime24.JSX.Element;
-//#endregion
-export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/ToggleButton/index.d.ts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
-
-//#region src/components/ToggleButton/ToggleButton.d.ts
-type ToggleButtonProps = {
-  isSelected: boolean;
-  variant: ToggleButtonVariant;
-  onClick: () => void;
-  label: string;
-  buttonClassName?: string;
-  labelClassName?: string;
-  secondaryLabel?: string;
-  secondaryLabelClassName?: string;
-  icon?: React.ReactNode;
-  iconClassName?: string;
-};
-type ToggleButtonVariant = 'default';
-declare const ToggleButton: ({
-  isSelected,
-  onClick,
-  label,
-  buttonClassName,
-  labelClassName,
-  secondaryLabel,
-  secondaryLabelClassName,
-  icon,
-  iconClassName,
-  variant
-}: ToggleButtonProps) => react_jsx_runtime26.JSX.Element;
-//#endregion
-export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/ToggleButton/index.js

@@ -1,6 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Text-BMsncrpY.js";
-import { ToggleButton } from "../ToggleButton-r7Y7Kzzo.js";
-
-export { ToggleButton };

package/dist/ToggleButton-DblAj4Cd.cjs

@@ -1,68 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-DllCE9_D.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-
-//#region src/components/ToggleButton/ToggleButton.tsx
-const toggleButtonVariants = { default: {
-	button: ({ isSelected }) => (0, classnames.default)({
-		"spiffy-tw-bg-[--spiffy-colors-background-dark]": isSelected,
-		"spiffy-tw-border-[--spiffy-colors-background-dark]": isSelected,
-		"spiffy-tw-text-[--spiffy-colors-text-light]": isSelected,
-		"hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]": true,
-		"hover:spiffy-tw-text-[--spiffy-colors-text-primary]": isSelected,
-		"spiffy-tw-bg-[--spiffy-colors-background-light]": !isSelected,
-		"spiffy-tw-border-[--spiffy-colors-border-light]": !isSelected,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": !isSelected
-	}),
-	label: () => "",
-	secondaryLabel: ({ isSelected }) => (0, classnames.default)({
-		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !isSelected,
-		"hover:spiffy-tw-text-[--spiffy-colors-text-secondary]": !isSelected
-	})
-} };
-const ToggleButton = ({ isSelected, onClick, label, buttonClassName, labelClassName, secondaryLabel, secondaryLabelClassName, icon, iconClassName, variant }) => {
-	const buttonClassNames = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-gap-[4px]": true,
-		"spiffy-tw-cursor-pointer": true,
-		"spiffy-tw-py-[8px]": true,
-		"spiffy-tw-px-[12px]": true,
-		"spiffy-tw-rounded-[200px]": true,
-		"spiffy-tw-border": true
-	}, toggleButtonVariants?.[variant]?.button({ isSelected }), buttonClassName);
-	const labelClassNames = (0, classnames.default)({}, toggleButtonVariants?.[variant]?.label({ isSelected }), labelClassName);
-	const secondaryLabelClassNames = (0, classnames.default)({}, toggleButtonVariants?.[variant]?.secondaryLabel({ isSelected }), secondaryLabelClassName);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		className: buttonClassNames,
-		onClick,
-		type: "button",
-		children: [
-			icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: iconClassName,
-				children: icon
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-				variant: "body3",
-				className: labelClassNames,
-				children: label
-			}),
-			secondaryLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-				variant: "body4",
-				className: secondaryLabelClassNames,
-				children: secondaryLabel
-			})
-		]
-	});
-};
-
-//#endregion
-Object.defineProperty(exports, 'ToggleButton', {
-  enumerable: true,
-  get: function () {
-    return ToggleButton;
-  }
-});

package/dist/ToggleButton-r7Y7Kzzo.js

@@ -1,60 +0,0 @@
-import { Text } from "./Text-BLzNhX4H.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ToggleButton/ToggleButton.tsx
-const toggleButtonVariants = { default: {
-	button: ({ isSelected }) => classNames({
-		"spiffy-tw-bg-[--spiffy-colors-background-dark]": isSelected,
-		"spiffy-tw-border-[--spiffy-colors-background-dark]": isSelected,
-		"spiffy-tw-text-[--spiffy-colors-text-light]": isSelected,
-		"hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]": true,
-		"hover:spiffy-tw-text-[--spiffy-colors-text-primary]": isSelected,
-		"spiffy-tw-bg-[--spiffy-colors-background-light]": !isSelected,
-		"spiffy-tw-border-[--spiffy-colors-border-light]": !isSelected,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": !isSelected
-	}),
-	label: () => "",
-	secondaryLabel: ({ isSelected }) => classNames({
-		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !isSelected,
-		"hover:spiffy-tw-text-[--spiffy-colors-text-secondary]": !isSelected
-	})
-} };
-const ToggleButton = ({ isSelected, onClick, label, buttonClassName, labelClassName, secondaryLabel, secondaryLabelClassName, icon, iconClassName, variant }) => {
-	const buttonClassNames = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-gap-[4px]": true,
-		"spiffy-tw-cursor-pointer": true,
-		"spiffy-tw-py-[8px]": true,
-		"spiffy-tw-px-[12px]": true,
-		"spiffy-tw-rounded-[200px]": true,
-		"spiffy-tw-border": true
-	}, toggleButtonVariants?.[variant]?.button({ isSelected }), buttonClassName);
-	const labelClassNames = classNames({}, toggleButtonVariants?.[variant]?.label({ isSelected }), labelClassName);
-	const secondaryLabelClassNames = classNames({}, toggleButtonVariants?.[variant]?.secondaryLabel({ isSelected }), secondaryLabelClassName);
-	return /* @__PURE__ */ jsxs("button", {
-		className: buttonClassNames,
-		onClick,
-		type: "button",
-		children: [
-			icon && /* @__PURE__ */ jsx("div", {
-				className: iconClassName,
-				children: icon
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				variant: "body3",
-				className: labelClassNames,
-				children: label
-			}),
-			secondaryLabel && /* @__PURE__ */ jsx(Text, {
-				variant: "body4",
-				className: secondaryLabelClassNames,
-				children: secondaryLabel
-			})
-		]
-	});
-};
-
-//#endregion
-export { ToggleButton };

package/dist/chunk-CUT6urMc.cjs

@@ -1,30 +0,0 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
-});

package/dist/colorsConfig-B3-SMUSx.cjs

@@ -1,38 +0,0 @@
-
-//#region src/models/colorsConfig.ts
-var ColorNames = /* @__PURE__ */ function(ColorNames$1) {
-	ColorNames$1["TextPrimary"] = "text-primary";
-	ColorNames$1["TextSecondary"] = "text-secondary";
-	ColorNames$1["TextAccent"] = "text-accent";
-	ColorNames$1["TextLink"] = "text-link";
-	ColorNames$1["TextLight"] = "text-light";
-	ColorNames$1["BackgroundPrimary"] = "background-primary";
-	ColorNames$1["BackgroundSecondary"] = "background-secondary";
-	ColorNames$1["BackgroundSecondaryDark"] = "background-secondary-dark";
-	ColorNames$1["BackgroundTertiary"] = "background-tertiary";
-	ColorNames$1["BackgroundDark"] = "background-dark";
-	ColorNames$1["BackgroundLight"] = "background-light";
-	ColorNames$1["BackgroundSaturated"] = "background-saturated";
-	ColorNames$1["BorderLight"] = "border-light";
-	ColorNames$1["BorderMedium"] = "border-medium";
-	ColorNames$1["BorderDark"] = "border-dark";
-	ColorNames$1["BorderOutline"] = "border-outline";
-	ColorNames$1["AccentPrimary"] = "accent-primary";
-	ColorNames$1["AccentSecondary"] = "accent-secondary";
-	return ColorNames$1;
-}(ColorNames || {});
-const colorVar = (color) => `var(--spiffy-colors-${color})`;
-
-//#endregion
-Object.defineProperty(exports, 'ColorNames', {
-  enumerable: true,
-  get: function () {
-    return ColorNames;
-  }
-});
-Object.defineProperty(exports, 'colorVar', {
-  enumerable: true,
-  get: function () {
-    return colorVar;
-  }
-});

package/dist/colorsConfig-DZ-GSPWy.js

@@ -1,26 +0,0 @@
-//#region src/models/colorsConfig.ts
-var ColorNames = /* @__PURE__ */ function(ColorNames$1) {
-	ColorNames$1["TextPrimary"] = "text-primary";
-	ColorNames$1["TextSecondary"] = "text-secondary";
-	ColorNames$1["TextAccent"] = "text-accent";
-	ColorNames$1["TextLink"] = "text-link";
-	ColorNames$1["TextLight"] = "text-light";
-	ColorNames$1["BackgroundPrimary"] = "background-primary";
-	ColorNames$1["BackgroundSecondary"] = "background-secondary";
-	ColorNames$1["BackgroundSecondaryDark"] = "background-secondary-dark";
-	ColorNames$1["BackgroundTertiary"] = "background-tertiary";
-	ColorNames$1["BackgroundDark"] = "background-dark";
-	ColorNames$1["BackgroundLight"] = "background-light";
-	ColorNames$1["BackgroundSaturated"] = "background-saturated";
-	ColorNames$1["BorderLight"] = "border-light";
-	ColorNames$1["BorderMedium"] = "border-medium";
-	ColorNames$1["BorderDark"] = "border-dark";
-	ColorNames$1["BorderOutline"] = "border-outline";
-	ColorNames$1["AccentPrimary"] = "accent-primary";
-	ColorNames$1["AccentSecondary"] = "accent-secondary";
-	return ColorNames$1;
-}(ColorNames || {});
-const colorVar = (color) => `var(--spiffy-colors-${color})`;
-
-//#endregion
-export { ColorNames, colorVar };

package/dist/index-BKvXn5sj.d.ts

@@ -1,4 +0,0 @@
-//#region src/components/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/dist/index-Br1B7Jta.d.cts

@@ -1,46 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
-
-//#region src/components/SearchResultsFilterSidebar/types.d.ts
-type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-type CloseIconVariant$1 = 'light' | 'tertiary' | 'dark';
-//#endregion
-//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
-interface SearchFilterSidebarVariantClasses {
-  searchFilterHeaderClasses: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterDefaultClasses: string;
-  filterActiveClasses: string;
-  filterHoverClasses: string;
-  appliedFilterBackgroundClasses: string;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterCloseIconVariant: CloseIconVariant$1;
-}
-declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
-//#endregion
-//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
-type SearchResultsFilterProps = {
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  searchFilters: SearchFilterDatum[];
-  searchFilterSidebarVariant: SearchFilterSidebarVariant;
-  onSelectFilterItem: SelectFilterItem;
-  onClearAllFilters: () => void;
-  filterButtonText: string;
-};
-declare const SearchResultsFilter: ({
-  productCount,
-  isOpen,
-  setIsOpen,
-  searchFilters,
-  searchFilterSidebarVariant,
-  onSelectFilterItem,
-  onClearAllFilters,
-  filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };