@envive-ai/react-widgets 0.1.3 → 0.3.1

package/dist/packages/components/dist/components/ToggleButton/ToggleButton.cjs

@@ -1,63 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/ToggleButton/ToggleButton.js
-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_Typography.Typography, {
-				variant: "body3",
-				className: labelClassNames,
-				children: label
-			}),
-			secondaryLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-				variant: "body4",
-				className: secondaryLabelClassNames,
-				children: secondaryLabel
-			})
-		]
-	});
-};
-
-//#endregion
-exports.ToggleButton = ToggleButton;

package/dist/packages/components/dist/components/ToggleButton/ToggleButton.js

@@ -1,61 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/ToggleButton/ToggleButton.js
-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(Typography, {
-				variant: "body3",
-				className: labelClassNames,
-				children: label
-			}),
-			secondaryLabel && /* @__PURE__ */ jsx(Typography, {
-				variant: "body4",
-				className: secondaryLabelClassNames,
-				children: secondaryLabel
-			})
-		]
-	});
-};
-
-//#endregion
-export { ToggleButton };

package/dist/packages/components/dist/components/ToggleButton/index.cjs

@@ -1 +0,0 @@
-const require_ToggleButton = require('./ToggleButton.cjs');

package/dist/packages/components/dist/components/ToggleButton/index.js

@@ -1 +0,0 @@
-import { ToggleButton } from "./ToggleButton.js";

package/dist/packages/components/dist/components/Typography/Typography.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_typographyVariantClasses = require('./typographyVariantClasses.cjs');
-const require_util = require('./util.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region ../components/dist/components/Typography/Typography.js
-const Typography = ({ children, className, style, noOfLines, testId, elementType, variant = "body3", id }) => {
-	const variantClassNames = variant ? require_typographyVariantClasses.TypographyVariantMap[variant] : {};
-	const isHeadline = (0, react.useCallback)(() => [
-		"t1",
-		"t2",
-		"t3",
-		"h1",
-		"h2",
-		"h3",
-		"h4"
-	].includes(variant), [variant]);
-	const renderedElementType = (0, react.useMemo)(() => {
-		if (elementType) return elementType;
-		if (!elementType) {
-			if (isHeadline()) return require_util.getElementTypeFromVariant(variant, isHeadline());
-		}
-		return "span";
-	}, [
-		isHeadline,
-		variant,
-		elementType
-	]);
-	const textClassNames = (0, classnames.default)(className, variantClassNames, {
-		"spiffy-tw-font-[Poppins,sans-serif]": isHeadline(),
-		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": !isHeadline(),
-		"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
-	});
-	const renderElement = (elementTypeToRender) => react.default.createElement(elementTypeToRender, {
-		"data-testid": testId,
-		className: textClassNames,
-		style,
-		id
-	}, children);
-	return renderElement(renderedElementType);
-};
-
-//#endregion
-exports.Typography = Typography;

package/dist/packages/components/dist/components/Typography/Typography.js

@@ -1,50 +0,0 @@
-import { TypographyVariantMap } from "./typographyVariantClasses.js";
-import { getElementTypeFromVariant } from "./util.js";
-import React, { useCallback, useMemo } from "react";
-import classNames from "classnames";
-
-//#region ../components/dist/components/Typography/Typography.js
-const Typography = ({ children, className, style, noOfLines, testId, elementType, variant = "body3", id }) => {
-	const variantClassNames = variant ? TypographyVariantMap[variant] : {};
-	const isHeadline = useCallback(() => [
-		"t1",
-		"t2",
-		"t3",
-		"h1",
-		"h2",
-		"h3",
-		"h4"
-	].includes(variant), [variant]);
-	const renderedElementType = useMemo(() => {
-		if (elementType) return elementType;
-		if (!elementType) {
-			if (isHeadline()) return getElementTypeFromVariant(variant, isHeadline());
-		}
-		return "span";
-	}, [
-		isHeadline,
-		variant,
-		elementType
-	]);
-	const textClassNames = classNames(className, variantClassNames, {
-		"spiffy-tw-font-[Poppins,sans-serif]": isHeadline(),
-		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": !isHeadline(),
-		"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
-	});
-	const renderElement = (elementTypeToRender) => React.createElement(elementTypeToRender, {
-		"data-testid": testId,
-		className: textClassNames,
-		style,
-		id
-	}, children);
-	return renderElement(renderedElementType);
-};
-
-//#endregion
-export { Typography };

package/dist/packages/components/dist/components/Typography/index.cjs

@@ -1,2 +0,0 @@
-const require_typographyVariantClasses = require('./typographyVariantClasses.cjs');
-const require_Typography = require('./Typography.cjs');

package/dist/packages/components/dist/components/Typography/index.js

@@ -1,2 +0,0 @@
-import { TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames } from "./typographyVariantClasses.js";
-import { Typography } from "./Typography.js";

package/dist/packages/components/dist/components/Typography/typographyVariantClasses.cjs

@@ -1,99 +0,0 @@
-
-//#region ../components/dist/components/Typography/typographyVariantClasses.js
-const TypographyDomVariantMap = {
-	["h1"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	["h2"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["h3"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-3": true,
-		"spiffy-tw-text-[15px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["h4"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-4": true,
-		"spiffy-tw-text-[14px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	}
-};
-const TypographyVariantMap = {
-	...TypographyDomVariantMap,
-	["t1"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[32px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["t2"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["t3"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[24px]": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	["body1"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[120%]": true
-	},
-	["body2"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[148%]": true
-	},
-	["body3"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-3": true,
-		"spiffy-tw-text-sm": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[140%]": true
-	},
-	["body4"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-4": true,
-		"spiffy-tw-text-xs": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[130%]": true
-	},
-	["body5"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-5": true,
-		"spiffy-tw-text-[10px]": true,
-		"spiffy-tw-font-normal": true
-	}
-};
-const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
-	if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
-	else acc[`${key}-placeholder`] = classes[key];
-	return acc;
-}, {});
-
-//#endregion
-exports.TypographyDomVariantMap = TypographyDomVariantMap;
-exports.TypographyVariantMap = TypographyVariantMap;
-exports.getVariantPlaceholderClassNames = getVariantPlaceholderClassNames;

package/dist/packages/components/dist/components/Typography/typographyVariantClasses.js

@@ -1,96 +0,0 @@
-//#region ../components/dist/components/Typography/typographyVariantClasses.js
-const TypographyDomVariantMap = {
-	["h1"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	["h2"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["h3"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-3": true,
-		"spiffy-tw-text-[15px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["h4"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-4": true,
-		"spiffy-tw-text-[14px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	}
-};
-const TypographyVariantMap = {
-	...TypographyDomVariantMap,
-	["t1"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[32px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["t2"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[124%]": true
-	},
-	["t3"]: {
-		"spiffy-headline": true,
-		"spiffy-headline-1": true,
-		"spiffy-tw-text-[24px]": true,
-		"spiffy-tw-leading-[120%]": true
-	},
-	["body1"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-1": true,
-		"spiffy-tw-text-[20px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[120%]": true
-	},
-	["body2"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-2": true,
-		"spiffy-tw-text-[16px]": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-line-height-[148%]": true
-	},
-	["body3"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-3": true,
-		"spiffy-tw-text-sm": true,
-		"spiffy-tw-font-normal": true,
-		"spiffy-tw-leading-[140%]": true
-	},
-	["body4"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-4": true,
-		"spiffy-tw-text-xs": true,
-		"spiffy-tw-font-medium": true,
-		"spiffy-tw-leading-[130%]": true
-	},
-	["body5"]: {
-		"spiffy-body-text": true,
-		"spiffy-body-5": true,
-		"spiffy-tw-text-[10px]": true,
-		"spiffy-tw-font-normal": true
-	}
-};
-const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
-	if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
-	else acc[`${key}-placeholder`] = classes[key];
-	return acc;
-}, {});
-
-//#endregion
-export { TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/packages/components/dist/components/Typography/util.cjs

@@ -1,10 +0,0 @@
-const require_typographyVariantClasses = require('./typographyVariantClasses.cjs');
-
-//#region ../components/dist/components/Typography/util.js
-const getElementTypeFromVariant = (variant, isHeadline) => {
-	if (isHeadline) return (require_typographyVariantClasses.TypographyDomVariantMap[variant] ? variant : null) || "h3";
-	return "span";
-};
-
-//#endregion
-exports.getElementTypeFromVariant = getElementTypeFromVariant;

package/dist/packages/components/dist/components/Typography/util.js

@@ -1,10 +0,0 @@
-import { TypographyDomVariantMap } from "./typographyVariantClasses.js";
-
-//#region ../components/dist/components/Typography/util.js
-const getElementTypeFromVariant = (variant, isHeadline) => {
-	if (isHeadline) return (TypographyDomVariantMap[variant] ? variant : null) || "h3";
-	return "span";
-};
-
-//#endregion
-export { getElementTypeFromVariant };

package/dist/packages/components/dist/logging/logger.cjs

@@ -1,20 +0,0 @@
-
-//#region ../components/dist/logging/logger.js
-var Logger = class {
-	static logInfo(message, ...args) {
-		console.info(`INFO: ${message}`, ...args);
-	}
-	static logDebug(message, ...args) {
-		console.debug(`DEBUG: ${message}`, ...args);
-	}
-	static logError(message, error, ...args) {
-		console.error(`ERROR: ${message} error=${error}`, args);
-	}
-	static logWarn(message, error, ...args) {
-		console.warn(`WARN: ${message} error=${error}`, args);
-	}
-};
-var logger_default = Logger;
-
-//#endregion
-exports.logger_default = logger_default;

package/dist/packages/components/dist/logging/logger.js

@@ -1,19 +0,0 @@
-//#region ../components/dist/logging/logger.js
-var Logger = class {
-	static logInfo(message, ...args) {
-		console.info(`INFO: ${message}`, ...args);
-	}
-	static logDebug(message, ...args) {
-		console.debug(`DEBUG: ${message}`, ...args);
-	}
-	static logError(message, error, ...args) {
-		console.error(`ERROR: ${message} error=${error}`, args);
-	}
-	static logWarn(message, error, ...args) {
-		console.warn(`WARN: ${message} error=${error}`, args);
-	}
-};
-var logger_default = Logger;
-
-//#endregion
-export { logger_default };

package/dist/packages/components/dist/models/colorsConfig.cjs

@@ -1,28 +0,0 @@
-
-//#region ../components/dist/models/colorsConfig.js
-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
-exports.ColorNames = ColorNames;
-exports.colorVar = colorVar;

package/dist/packages/components/dist/models/colorsConfig.js

@@ -1,26 +0,0 @@
-//#region ../components/dist/models/colorsConfig.js
-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/packages/components/dist/util/formatPrice.cjs

@@ -1,14 +0,0 @@
-
-//#region ../components/dist/util/formatPrice.js
-const formatPrice = (price, currency = "$") => {
-	if (price == null) return "";
-	const options = {};
-	if (!Number.isInteger(price)) {
-		options.minimumFractionDigits = 2;
-		options.maximumFractionDigits = 2;
-	}
-	return `${currency}${price.toLocaleString("en-US", options)}`;
-};
-
-//#endregion
-exports.formatPrice = formatPrice;

package/dist/packages/components/dist/util/formatPrice.js

@@ -1,13 +0,0 @@
-//#region ../components/dist/util/formatPrice.js
-const formatPrice = (price, currency = "$") => {
-	if (price == null) return "";
-	const options = {};
-	if (!Number.isInteger(price)) {
-		options.minimumFractionDigits = 2;
-		options.maximumFractionDigits = 2;
-	}
-	return `${currency}${price.toLocaleString("en-US", options)}`;
-};
-
-//#endregion
-export { formatPrice };

package/dist/packages/components/dist/util/index.cjs

@@ -1,3 +0,0 @@
-const require_formatPrice = require('./formatPrice.cjs');
-const require_useScrollDirection = require('./useScrollDirection.cjs');
-const require_useStickyVisibility = require('./useStickyVisibility.cjs');

package/dist/packages/components/dist/util/index.js

@@ -1,3 +0,0 @@
-import { formatPrice } from "./formatPrice.js";
-import { useScrollDirection } from "./useScrollDirection.js";
-import { useStickyVisibility } from "./useStickyVisibility.js";

package/dist/packages/components/dist/util/useScrollDirection.cjs

@@ -1,39 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region ../components/dist/util/useScrollDirection.js
-const useScrollDirection = (scrollContainerRef) => {
-	const [scrollDirection, setScrollDirection] = (0, react.useState)(null);
-	const touchStartY = (0, react.useRef)(0);
-	(0, react.useEffect)(() => {
-		const container = scrollContainerRef?.current || window;
-		const touchTarget = scrollContainerRef?.current || document;
-		const handleWheel = (e) => {
-			if (e.deltaY > 0) setScrollDirection("down");
-			else setScrollDirection("up");
-		};
-		const handleTouchStart = (e) => {
-			touchStartY.current = e.touches[0].clientY;
-		};
-		const handleTouchMove = (e) => {
-			const currentTouchY = e.touches[0].clientY;
-			const deltaY = touchStartY.current - currentTouchY;
-			if (Math.abs(deltaY) < 10) return;
-			if (deltaY > 0) setScrollDirection("down");
-			else setScrollDirection("up");
-			touchStartY.current = currentTouchY;
-		};
-		container.addEventListener("wheel", handleWheel, { passive: true });
-		touchTarget.addEventListener("touchstart", handleTouchStart, { passive: true });
-		touchTarget.addEventListener("touchmove", handleTouchMove, { passive: true });
-		return () => {
-			container.removeEventListener("wheel", handleWheel);
-			touchTarget.removeEventListener("touchstart", handleTouchStart);
-			touchTarget.removeEventListener("touchmove", handleTouchMove);
-		};
-	}, [scrollContainerRef]);
-	return scrollDirection;
-};
-
-//#endregion
-exports.useScrollDirection = useScrollDirection;