@envive-ai/react-toolkit 0.2.0 → 0.2.1

package/dist/Text-BLzNhX4H.js

@@ -1,42 +0,0 @@
-import { TextVariantMap } from "./textVariantClasses-CRrTb43V.js";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/Text/Text.tsx
-const Text = ({ children, className, style, noOfLines, testId, type = "span", variant = "body3" }) => {
-	const variantClassNames = variant ? TextVariantMap[variant] : {};
-	const textClassNames = classNames(className, variantClassNames, {
-		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": true,
-		"spiffy-tw-line-clamp-1": noOfLines === 1,
-		"spiffy-tw-line-clamp-2": noOfLines === 2,
-		"spiffy-tw-line-clamp-3": noOfLines === 3,
-		"spiffy-tw-line-clamp-4": noOfLines === 4,
-		"spiffy-tw-line-clamp-5": noOfLines === 5,
-		"spiffy-tw-line-clamp-6": noOfLines === 6,
-		"spiffy-tw-line-clamp-7": noOfLines === 7
-	});
-	switch (type) {
-		case "p": return /* @__PURE__ */ jsx("p", {
-			"data-testid": testId,
-			className: textClassNames,
-			style,
-			children
-		});
-		case "span": return /* @__PURE__ */ jsx("span", {
-			"data-testid": testId,
-			className: textClassNames,
-			style,
-			children
-		});
-		case "sub": return /* @__PURE__ */ jsx("sub", {
-			"data-testid": testId,
-			className: textClassNames,
-			style,
-			children
-		});
-		default: throw new Error(`Invalid text type: ${type}`);
-	}
-};
-
-//#endregion
-export { Text };

package/dist/Text-BMsncrpY.js

@@ -1,10 +0,0 @@
-//#region src/components/Text/types.ts
-let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
-	ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
-	ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
-	ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
-	return ExpandableTextOverrides$1;
-}({});
-
-//#endregion
-export { ExpandableTextOverrides };

package/dist/Text-C8t_iEj6.cjs

@@ -1,16 +0,0 @@
-
-//#region src/components/Text/types.ts
-let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
-	ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
-	ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
-	ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
-	return ExpandableTextOverrides$1;
-}({});
-
-//#endregion
-Object.defineProperty(exports, 'ExpandableTextOverrides', {
-  enumerable: true,
-  get: function () {
-    return ExpandableTextOverrides;
-  }
-});

package/dist/Text-DllCE9_D.cjs

@@ -1,50 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_textVariantClasses = require('./textVariantClasses-CBre7vXv.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/Text/Text.tsx
-const Text = ({ children, className, style, noOfLines, testId, type = "span", variant = "body3" }) => {
-	const variantClassNames = variant ? require_textVariantClasses.TextVariantMap[variant] : {};
-	const textClassNames = (0, classnames.default)(className, variantClassNames, {
-		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": true,
-		"spiffy-tw-line-clamp-1": noOfLines === 1,
-		"spiffy-tw-line-clamp-2": noOfLines === 2,
-		"spiffy-tw-line-clamp-3": noOfLines === 3,
-		"spiffy-tw-line-clamp-4": noOfLines === 4,
-		"spiffy-tw-line-clamp-5": noOfLines === 5,
-		"spiffy-tw-line-clamp-6": noOfLines === 6,
-		"spiffy-tw-line-clamp-7": noOfLines === 7
-	});
-	switch (type) {
-		case "p": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			"data-testid": testId,
-			className: textClassNames,
-			style,
-			children
-		});
-		case "span": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			"data-testid": testId,
-			className: textClassNames,
-			style,
-			children
-		});
-		case "sub": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sub", {
-			"data-testid": testId,
-			className: textClassNames,
-			style,
-			children
-		});
-		default: throw new Error(`Invalid text type: ${type}`);
-	}
-};
-
-//#endregion
-Object.defineProperty(exports, 'Text', {
-  enumerable: true,
-  get: function () {
-    return Text;
-  }
-});

package/dist/TextInput/index.cjs

@@ -1,4 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-const require_TextInput = require('../TextInput-CGs4BY1q.cjs');
-
-exports.TextInput = require_TextInput.TextInput;

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-Bl8SAGwZ.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-BeHPlVHT.js";
-
-export { TextInput };

package/dist/TextInput-BeHPlVHT.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-CGs4BY1q.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-DfJZ8POQ.cjs');
-
-exports.ToggleButton = require_ToggleButton.ToggleButton;

package/dist/ToggleButton/index.d.cts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime2 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_runtime2.JSX.Element;
-//#endregion
-export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/ToggleButton/index.d.ts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime2 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_runtime2.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-CRiPqTCb.js";
-
-export { ToggleButton };

package/dist/ToggleButton-CRiPqTCb.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/ToggleButton-DfJZ8POQ.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/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-Ck2jeqWe.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/colorsConfig-CqCKftuM.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;
-  }
-});