@evolve.ui/core-components 1.0.0

package/Toast-CdUaFVpt.mjs

@@ -0,0 +1,96 @@
+import { t as CheckCircle } from "./CheckCircle-BcTMEm4l.mjs";
+import { Close, Info, Warning } from "./Icons.mjs";
+import { BodyPrimary } from "./Typography/Text.mjs";
+import { IconButton } from "./IconButton.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ToastContainer, toast } from "react-toastify";
+//#region src/Toast/utils/getIcon.tsx
+const getIcon = (role) => {
+	switch (role) {
+		case "info": return /* @__PURE__ */ jsx(Info, {
+			color: "info",
+			size: "md",
+			style: "fill"
+		});
+		case "success": return /* @__PURE__ */ jsx(CheckCircle, {
+			color: "success",
+			size: "md",
+			style: "fill"
+		});
+		case "warning": return /* @__PURE__ */ jsx(Warning, {
+			color: "warning",
+			size: "md",
+			style: "fill"
+		});
+		case "error": return /* @__PURE__ */ jsx(Warning, {
+			color: "critical",
+			size: "md",
+			style: "fill"
+		});
+		default: return null;
+	}
+};
+//#endregion
+//#region src/Toast/Toast.tsx
+const toast$1 = (role, { description, title }, opts) => {
+	const hasBoth = Boolean(title && description);
+	const finalOpts = {
+		...opts,
+		icon: /* @__PURE__ */ jsx("div", { children: getIcon(role) }),
+		style: { alignItems: hasBoth ? "start" : "center" }
+	};
+	const content = /* @__PURE__ */ jsxs("div", {
+		className: "ml-sm flex w-full flex-col gap-2xs",
+		"data-hui-id": "Toast",
+		children: [title && /* @__PURE__ */ jsx("span", {
+			className: "hui-text-h5 text-text-primary",
+			children: title
+		}), description && /* @__PURE__ */ jsx(BodyPrimary, { children: description })]
+	});
+	switch (role) {
+		case "info":
+			toast.info(content, finalOpts);
+			break;
+		case "success":
+			toast.success(content, finalOpts);
+			break;
+		case "warning":
+			toast.warning(content, finalOpts);
+			break;
+		case "error":
+			toast.error(content, finalOpts);
+			break;
+		default: throw new Error(`Unknown role for toast: ${role}`);
+	}
+};
+//#endregion
+//#region src/Toast/components/ToastContainer/ToastContainer.tsx
+const CloseButton = ({ closeToast }) => {
+	return /* @__PURE__ */ jsx(IconButton, {
+		"data-testid": "toastCloseButton",
+		icon: Close,
+		onClick: closeToast
+	});
+};
+const ToastContainer$1 = ({ className, ...props }) => {
+	const baseToastClasses = cn("relative z-0 mb-sm box-border flex w-[355px] cursor-default items-start justify-between overflow-hidden border-l-4 border-solid p-sm pl-[12px] shadow-03");
+	return /* @__PURE__ */ jsx(ToastContainer, {
+		autoClose: 5e3,
+		className: cn("fixed [--toastify-z-index:9999]", className),
+		closeButton: CloseButton,
+		"data-hui-id": "ToastContainer",
+		hideProgressBar: true,
+		toastClassName: (context) => cn("relative z-0 mb-sm box-border flex max-h-[var(--toastify-toast-max-height)] min-h-[var(--toastify-toast-min-height)] cursor-default items-start justify-between overflow-hidden p-sm pl-[12px]", "rounded-container border-l-4 border-solid shadow-[var(--shadow-03)]", {
+			"border-border-critical bg-background-critical-light": context?.type === "error",
+			"border-border-info bg-background-info-light": context?.type === "info",
+			"border-border-success bg-background-success-light": context?.type === "success",
+			"border-border-warning bg-background-warning-light": context?.type === "warning"
+		}, baseToastClasses),
+		...props
+	});
+};
+//#endregion
+export { toast$1 as n, ToastContainer$1 as t };
+
+//# sourceMappingURL=Toast-CdUaFVpt.mjs.map

package/Toast-CdUaFVpt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-CdUaFVpt.mjs","names":["toast","ToastContainer","RTTC"],"sources":["../src/Toast/utils/getIcon.tsx","../src/Toast/Toast.tsx","../src/Toast/components/ToastContainer/ToastContainer.tsx"],"sourcesContent":["import { CheckCircle, Info, Warning } from '../../Icons';\nimport { Role } from '../types/role';\n\nexport const getIcon = (role: Role) => {\n    switch (role) {\n        case 'info':\n            return (\n                <Info\n                    color=\"info\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        case 'success':\n            return (\n                <CheckCircle\n                    color=\"success\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        case 'warning':\n            return (\n                <Warning\n                    color=\"warning\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        case 'error':\n            return (\n                <Warning\n                    color=\"critical\"\n                    size=\"md\"\n                    style=\"fill\"\n                />\n            );\n        default:\n            return null;\n    }\n};\n","import { ReactNode } from 'react';\nimport { toast as RTToast, ToastOptions } from 'react-toastify';\n\nimport { BodyPrimary } from '../Typography/Text/Text';\nimport { Role } from './types/role';\nimport { getIcon } from './utils/getIcon';\n\nexport const toast = (\n    role: Role,\n    {\n        description,\n        title,\n    }:\n        | {\n              description?: string | ReactNode;\n              title: string;\n          }\n        | {\n              description: string | ReactNode;\n              title?: string;\n          },\n    opts?: Omit<ToastOptions, 'role' | 'icon'>\n) => {\n    const hasBoth = Boolean(title && description);\n    const finalOpts = {\n        ...opts,\n        icon: <div>{getIcon(role)}</div>,\n        // Use inline style for vertical alignment to override ToastContainer's items-start class\n        // The inline style is used so as not to override the ToastContainer's classes, passing the\n        // className prop to the ToastContainer component overrides all the classes set in the ToastContainer component.\n        // When only title OR description is present, center the content vertically\n        // When both are present, align to start to match the icon position\n        style: {\n            alignItems: hasBoth ? 'start' : 'center',\n        },\n    };\n\n    const content = (\n        <div\n            className=\"ml-sm flex w-full flex-col gap-2xs\"\n            data-hui-id=\"Toast\"\n        >\n            {title && <span className=\"hui-text-h5 text-text-primary\">{title}</span>}\n            {description && <BodyPrimary>{description}</BodyPrimary>}\n        </div>\n    );\n\n    switch (role) {\n        case 'info':\n            RTToast.info(content, finalOpts);\n            break;\n        case 'success':\n            RTToast.success(content, finalOpts);\n            break;\n        case 'warning':\n            RTToast.warning(content, finalOpts);\n            break;\n        case 'error':\n            RTToast.error(content, finalOpts);\n            break;\n        default:\n            throw new Error(`Unknown role for toast: ${role}`);\n    }\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { ComponentProps } from 'react';\nimport { CloseButtonProps, ToastContainer as RTTC } from 'react-toastify';\n\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Close } from '../../../Icons';\n\nconst CloseButton = ({ closeToast }: CloseButtonProps) => {\n    return (\n        <IconButton\n            data-testid=\"toastCloseButton\"\n            icon={Close}\n            onClick={closeToast}\n        />\n    );\n};\n\nexport const ToastContainer = ({ className, ...props }: ComponentProps<typeof RTTC>) => {\n    // Note: items-start is the default alignment for toasts with both title and description\n    // Individual toasts can override this with inline styles (see Toast.tsx) to center\n    // content when only title or description is present\n    const baseToastClasses = cn(\n        'relative z-0 mb-sm box-border flex w-[355px] cursor-default items-start justify-between overflow-hidden border-l-4 border-solid p-sm pl-[12px] shadow-03'\n    );\n    return (\n        <RTTC\n            autoClose={5000}\n            className={cn('fixed [--toastify-z-index:9999]', className)}\n            closeButton={CloseButton}\n            data-hui-id=\"ToastContainer\"\n            hideProgressBar\n            toastClassName={(context) =>\n                cn(\n                    'relative z-0 mb-sm box-border flex max-h-[var(--toastify-toast-max-height)] min-h-[var(--toastify-toast-min-height)] cursor-default items-start justify-between overflow-hidden p-sm pl-[12px]',\n                    'rounded-container border-l-4 border-solid shadow-[var(--shadow-03)]',\n                    {\n                        'border-border-critical bg-background-critical-light': context?.type === 'error',\n                        'border-border-info bg-background-info-light': context?.type === 'info',\n                        'border-border-success bg-background-success-light': context?.type === 'success',\n                        'border-border-warning bg-background-warning-light': context?.type === 'warning',\n                    },\n                    baseToastClasses\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAGA,MAAa,WAAW,SAAe;CACnC,QAAQ,MAAR;EACI,KAAK,QACD,OACI,oBAAC,MAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,KAAK,WACD,OACI,oBAAC,aAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,KAAK,WACD,OACI,oBAAC,SAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,KAAK,SACD,OACI,oBAAC,SAAD;GACI,OAAM;GACN,MAAK;GACL,OAAM;EACT,CAAA;EAET,SACI,OAAO;CACf;AACJ;;;ACjCA,MAAaA,WACT,MACA,EACI,aACA,SAUJ,SACC;CACD,MAAM,UAAU,QAAQ,SAAS,WAAW;CAC5C,MAAM,YAAY;EACd,GAAG;EACH,MAAM,oBAAC,OAAD,EAAA,UAAM,QAAQ,IAAI,EAAO,CAAA;EAM/B,OAAO,EACH,YAAY,UAAU,UAAU,SACpC;CACJ;CAEA,MAAM,UACF,qBAAC,OAAD;EACI,WAAU;EACV,eAAY;YAFhB,CAIK,SAAS,oBAAC,QAAD;GAAM,WAAU;aAAiC;EAAY,CAAA,GACtE,eAAe,oBAAC,aAAD,EAAA,UAAc,YAAyB,CAAA,CACtD;;CAGT,QAAQ,MAAR;EACI,KAAK;GACD,MAAQ,KAAK,SAAS,SAAS;GAC/B;EACJ,KAAK;GACD,MAAQ,QAAQ,SAAS,SAAS;GAClC;EACJ,KAAK;GACD,MAAQ,QAAQ,SAAS,SAAS;GAClC;EACJ,KAAK;GACD,MAAQ,MAAM,SAAS,SAAS;GAChC;EACJ,SACI,MAAM,IAAI,MAAM,2BAA2B,MAAM;CACzD;AACJ;;;ACxDA,MAAM,eAAe,EAAE,iBAAmC;CACtD,OACI,oBAAC,YAAD;EACI,eAAY;EACZ,MAAM;EACN,SAAS;CACZ,CAAA;AAET;AAEA,MAAaC,oBAAkB,EAAE,WAAW,GAAG,YAAyC;CAIpF,MAAM,mBAAmB,GACrB,0JACJ;CACA,OACI,oBAACC,gBAAD;EACI,WAAW;EACX,WAAW,GAAG,mCAAmC,SAAS;EAC1D,aAAa;EACb,eAAY;EACZ,iBAAA;EACA,iBAAiB,YACb,GACI,kMACA,uEACA;GACI,uDAAuD,SAAS,SAAS;GACzE,+CAA+C,SAAS,SAAS;GACjE,qDAAqD,SAAS,SAAS;GACvE,qDAAqD,SAAS,SAAS;EAC3E,GACA,gBACJ;EAEJ,GAAI;CACP,CAAA;AAET"}

package/ToggleSwitch-D-HRkEg2.d.cts

@@ -0,0 +1,60 @@
+import { HTMLProps } from "react";
+
+//#region src/ToggleSwitch/ToggleSwitch.d.ts
+type Props = {
+  /**
+   * If provided, describes the switch to screen readers via the ARIA label attribute.
+   * @default 'Toggle Switch'
+   */
+  'aria-label'?: string;
+  className?: string;
+  /**
+   * data-testid is placed on the hidden checkbox input
+   */
+  'data-testid'?: string;
+  /**
+   * sets height to min-content when true
+   * @default 'false'
+   */
+  dense?: boolean;
+  /**
+   * Determines if the switch is disabled or not
+   * @default 'false'
+   */
+  disabled?: boolean;
+  /**
+   * If provided, the switch renders a checkmark icon in its toggled state.
+   * @default 'false'
+   */
+  hasIcon?: boolean;
+  /**
+   * id is placed on the hidden checkbox input
+   */
+  id?: string;
+  /**
+   * Determines if the switch is toggled on or not
+   * @default 'false'
+   */
+  isToggled?: boolean;
+  /**
+   * If provided, populates the name attribute of the hidden checkbox input. Recommended for form usage.
+   */
+  name?: string;
+  /**
+   * If provided, provides a callback function for when the switch is toggled with optional access to the toggle state.
+   */
+  onToggleChange?: (toggled?: boolean) => void;
+  /**
+   * If provided, uses the small variant of the toggle switch.
+   * @default 'false'
+   */
+  small?: boolean;
+  /**
+   * use to enable or disable the tab focus on toggle control
+   */
+  tabIndex?: number;
+};
+declare const ToggleSwitch: import("react").ForwardRefExoticComponent<Omit<Props & HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ToggleSwitch as t };
+//# sourceMappingURL=ToggleSwitch-D-HRkEg2.d.cts.map

package/ToggleSwitch-D-HRkEg2.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch-D-HRkEg2.d.cts","names":[],"sources":["../src/ToggleSwitch/ToggleSwitch.tsx"],"mappings":";;;KAKK,KAAA;;AAJ4F;;;EAS7F,YAAA;EACA,SAAA;EAAA;;;EAIA,aAAA;EAeA;;;;EAVA,KAAA;EA2BkB;;;;EAtBlB,QAAA;EAkCS;;;;EA7BT,OAAA;EA6BqB;;;EAzBrB,EAAA;EAyBqB;;;;EApBrB,SAAA;EAoBqB;;;EAhBrB,IAAA;EAgBqB;;;EAZrB,cAAA,IAAkB,OAAA;;;;;EAKlB,KAAA;;;;EAIA,QAAA;AAAA;AAAA,cAGS,YAAA,kBAAY,yBAAA,CAAA,IAAA,CAAA,KAAA,GAAA,SAAA,CAAA,cAAA,4BAAA,aAAA,CAAA,cAAA"}

package/ToggleSwitch-D-HRkEg2.d.mts

@@ -0,0 +1,60 @@
+import { HTMLProps } from "react";
+
+//#region src/ToggleSwitch/ToggleSwitch.d.ts
+type Props = {
+  /**
+   * If provided, describes the switch to screen readers via the ARIA label attribute.
+   * @default 'Toggle Switch'
+   */
+  'aria-label'?: string;
+  className?: string;
+  /**
+   * data-testid is placed on the hidden checkbox input
+   */
+  'data-testid'?: string;
+  /**
+   * sets height to min-content when true
+   * @default 'false'
+   */
+  dense?: boolean;
+  /**
+   * Determines if the switch is disabled or not
+   * @default 'false'
+   */
+  disabled?: boolean;
+  /**
+   * If provided, the switch renders a checkmark icon in its toggled state.
+   * @default 'false'
+   */
+  hasIcon?: boolean;
+  /**
+   * id is placed on the hidden checkbox input
+   */
+  id?: string;
+  /**
+   * Determines if the switch is toggled on or not
+   * @default 'false'
+   */
+  isToggled?: boolean;
+  /**
+   * If provided, populates the name attribute of the hidden checkbox input. Recommended for form usage.
+   */
+  name?: string;
+  /**
+   * If provided, provides a callback function for when the switch is toggled with optional access to the toggle state.
+   */
+  onToggleChange?: (toggled?: boolean) => void;
+  /**
+   * If provided, uses the small variant of the toggle switch.
+   * @default 'false'
+   */
+  small?: boolean;
+  /**
+   * use to enable or disable the tab focus on toggle control
+   */
+  tabIndex?: number;
+};
+declare const ToggleSwitch: import("react").ForwardRefExoticComponent<Omit<Props & HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ToggleSwitch as t };
+//# sourceMappingURL=ToggleSwitch-D-HRkEg2.d.mts.map

package/ToggleSwitch-D-HRkEg2.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch-D-HRkEg2.d.mts","names":[],"sources":["../src/ToggleSwitch/ToggleSwitch.tsx"],"mappings":";;;KAKK,KAAA;;AAJ4F;;;EAS7F,YAAA;EACA,SAAA;EAAA;;;EAIA,aAAA;EAeA;;;;EAVA,KAAA;EA2BkB;;;;EAtBlB,QAAA;EAkCS;;;;EA7BT,OAAA;EA6BqB;;;EAzBrB,EAAA;EAyBqB;;;;EApBrB,SAAA;EAoBqB;;;EAhBrB,IAAA;EAgBqB;;;EAZrB,cAAA,IAAkB,OAAA;;;;;EAKlB,KAAA;;;;EAIA,QAAA;AAAA;AAAA,cAGS,YAAA,kBAAY,yBAAA,CAAA,IAAA,CAAA,KAAA,GAAA,SAAA,CAAA,cAAA,4BAAA,aAAA,CAAA,cAAA"}

package/Tooltip-D6_5Rsmd.d.cts

@@ -0,0 +1,21 @@
+import { CSSProperties, ComponentProps } from "react";
+import * as reactTooltip from "react-tooltip";
+
+//#region src/Tooltip/Tooltip.d.ts
+type TooltipProps = Omit<ComponentProps<typeof reactTooltip.Tooltip>, 'className' | 'style' | 'variant'> & {
+  /** Additional CSS classes to apply to the tooltip. */className?: string; /** Whether the tooltip should use inverse styling. */
+  isInverse?: boolean; /** Inline styles to apply to the tooltip. Default z-index is 10000 but can be overridden. */
+  style?: CSSProperties;
+};
+declare const Tooltip: {
+  ({
+    className,
+    isInverse,
+    style,
+    ...props
+  }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TooltipProps as n, reactTooltip as r, Tooltip as t };
+//# sourceMappingURL=Tooltip-D6_5Rsmd.d.cts.map

package/Tooltip-D6_5Rsmd.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-D6_5Rsmd.d.cts","names":[],"sources":["../src/Tooltip/Tooltip.tsx"],"mappings":";;;;KASY,YAAA,GAAe,IAAA,CAAK,cAAA,QAAsB,YAAA,CAAa,OAAA;EAAvD,sDAER,SAAA;EAEA,SAAA,YAJ4B;EAM5B,KAAA,GAAQ,aAAA;AAAA;AAAA,cAGC,OAAA;EAAA;;;;;KAAsD,YAAA,+BAAY,GAAA,CAAA,OAAA"}

package/Tooltip-D6_5Rsmd.d.mts

@@ -0,0 +1,21 @@
+import { CSSProperties, ComponentProps } from "react";
+import * as reactTooltip from "react-tooltip";
+
+//#region src/Tooltip/Tooltip.d.ts
+type TooltipProps = Omit<ComponentProps<typeof reactTooltip.Tooltip>, 'className' | 'style' | 'variant'> & {
+  /** Additional CSS classes to apply to the tooltip. */className?: string; /** Whether the tooltip should use inverse styling. */
+  isInverse?: boolean; /** Inline styles to apply to the tooltip. Default z-index is 10000 but can be overridden. */
+  style?: CSSProperties;
+};
+declare const Tooltip: {
+  ({
+    className,
+    isInverse,
+    style,
+    ...props
+  }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TooltipProps as n, reactTooltip as r, Tooltip as t };
+//# sourceMappingURL=Tooltip-D6_5Rsmd.d.mts.map

package/Tooltip-D6_5Rsmd.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-D6_5Rsmd.d.mts","names":[],"sources":["../src/Tooltip/Tooltip.tsx"],"mappings":";;;;KASY,YAAA,GAAe,IAAA,CAAK,cAAA,QAAsB,YAAA,CAAa,OAAA;EAAvD,sDAER,SAAA;EAEA,SAAA,YAJ4B;EAM5B,KAAA,GAAQ,aAAA;AAAA;AAAA,cAGC,OAAA;EAAA;;;;;KAAsD,YAAA,+BAAY,GAAA,CAAA,OAAA"}

package/Tooltip.cjs

@@ -0,0 +1,38 @@
+'use client';
+"use client";
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_tooltip = require("react-tooltip");
+react_tooltip = require_rolldown_runtime.__toESM(react_tooltip);
+//#region src/Tooltip/Tooltip.tsx
+const Tooltip = ({ className, isInverse, style, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_tooltip.Tooltip, {
+	className: (0, _evolve_ui_theme_system.cn)("hui-text-body-secondary !bg-background-primary !shadow-03", { "!bg-background-inverse": isInverse }, className),
+	opacity: 1,
+	positionStrategy: "fixed",
+	style: {
+		animationDuration: "0s",
+		borderRadius: "8px",
+		maxWidth: "282px",
+		transitionDuration: "0s",
+		zIndex: 1e4,
+		...style
+	},
+	variant: isInverse ? "dark" : "light",
+	...props
+});
+Tooltip.displayName = "Tooltip";
+//#endregion
+exports.Tooltip = Tooltip;
+Object.defineProperty(exports, "reactTooltip", {
+	enumerable: true,
+	get: function() {
+		return react_tooltip;
+	}
+});
+
+//# sourceMappingURL=Tooltip.cjs.map

package/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","names":["reactTooltip"],"sources":["../src/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, CSSProperties } from 'react';\n\nimport { cn } from '@evolve.ui/theme-system';\nimport * as reactTooltip from 'react-tooltip';\n\nexport { reactTooltip };\n\nexport type TooltipProps = Omit<ComponentProps<typeof reactTooltip.Tooltip>, 'className' | 'style' | 'variant'> & {\n    /** Additional CSS classes to apply to the tooltip. */\n    className?: string;\n    /** Whether the tooltip should use inverse styling. */\n    isInverse?: boolean;\n    /** Inline styles to apply to the tooltip. Default z-index is 10000 but can be overridden. */\n    style?: CSSProperties;\n};\n\nexport const Tooltip = ({ className, isInverse, style, ...props }: TooltipProps) => (\n    <reactTooltip.Tooltip\n        className={cn(\n            'hui-text-body-secondary !bg-background-primary !shadow-03',\n            { '!bg-background-inverse': isInverse },\n            className\n        )}\n        opacity={1}\n        positionStrategy=\"fixed\"\n        style={{\n            animationDuration: '0s',\n            borderRadius: '8px',\n            maxWidth: '282px',\n            transitionDuration: '0s',\n            zIndex: 10000,\n            ...style,\n        }}\n        variant={isInverse ? 'dark' : 'light'}\n        {...props}\n    />\n);\n\nTooltip.displayName = 'Tooltip';\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,WAAW,EAAE,WAAW,WAAW,OAAO,GAAG,YACtD,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAa,SAAd;CACI,YAAA,GAAA,wBAAA,GAAA,CACI,6DACA,EAAE,0BAA0B,UAAU,GACtC,SACJ;CACA,SAAS;CACT,kBAAiB;CACjB,OAAO;EACH,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,oBAAoB;EACpB,QAAQ;EACR,GAAG;CACP;CACA,SAAS,YAAY,SAAS;CAC9B,GAAI;AACP,CAAA;AAGL,QAAQ,cAAc"}

package/Tooltip.d.cts

@@ -0,0 +1,2 @@
+import { n as TooltipProps, r as reactTooltip, t as Tooltip } from "./Tooltip-D6_5Rsmd.cjs";
+export { Tooltip, TooltipProps, reactTooltip };

package/Tooltip.d.mts

@@ -0,0 +1,2 @@
+import { n as TooltipProps, r as reactTooltip, t as Tooltip } from "./Tooltip-D6_5Rsmd.mjs";
+export { Tooltip, TooltipProps, reactTooltip };

package/Tooltip.mjs

@@ -0,0 +1,26 @@
+'use client';
+"use client";
+import { cn } from "@evolve.ui/theme-system";
+import { jsx } from "react/jsx-runtime";
+import * as reactTooltip from "react-tooltip";
+//#region src/Tooltip/Tooltip.tsx
+const Tooltip = ({ className, isInverse, style, ...props }) => /* @__PURE__ */ jsx(reactTooltip.Tooltip, {
+	className: cn("hui-text-body-secondary !bg-background-primary !shadow-03", { "!bg-background-inverse": isInverse }, className),
+	opacity: 1,
+	positionStrategy: "fixed",
+	style: {
+		animationDuration: "0s",
+		borderRadius: "8px",
+		maxWidth: "282px",
+		transitionDuration: "0s",
+		zIndex: 1e4,
+		...style
+	},
+	variant: isInverse ? "dark" : "light",
+	...props
+});
+Tooltip.displayName = "Tooltip";
+//#endregion
+export { Tooltip, reactTooltip };
+
+//# sourceMappingURL=Tooltip.mjs.map

package/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../src/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, CSSProperties } from 'react';\n\nimport { cn } from '@evolve.ui/theme-system';\nimport * as reactTooltip from 'react-tooltip';\n\nexport { reactTooltip };\n\nexport type TooltipProps = Omit<ComponentProps<typeof reactTooltip.Tooltip>, 'className' | 'style' | 'variant'> & {\n    /** Additional CSS classes to apply to the tooltip. */\n    className?: string;\n    /** Whether the tooltip should use inverse styling. */\n    isInverse?: boolean;\n    /** Inline styles to apply to the tooltip. Default z-index is 10000 but can be overridden. */\n    style?: CSSProperties;\n};\n\nexport const Tooltip = ({ className, isInverse, style, ...props }: TooltipProps) => (\n    <reactTooltip.Tooltip\n        className={cn(\n            'hui-text-body-secondary !bg-background-primary !shadow-03',\n            { '!bg-background-inverse': isInverse },\n            className\n        )}\n        opacity={1}\n        positionStrategy=\"fixed\"\n        style={{\n            animationDuration: '0s',\n            borderRadius: '8px',\n            maxWidth: '282px',\n            transitionDuration: '0s',\n            zIndex: 10000,\n            ...style,\n        }}\n        variant={isInverse ? 'dark' : 'light'}\n        {...props}\n    />\n);\n\nTooltip.displayName = 'Tooltip';\n"],"mappings":";;;;;AAkBA,MAAa,WAAW,EAAE,WAAW,WAAW,OAAO,GAAG,YACtD,oBAAC,aAAa,SAAd;CACI,WAAW,GACP,6DACA,EAAE,0BAA0B,UAAU,GACtC,SACJ;CACA,SAAS;CACT,kBAAiB;CACjB,OAAO;EACH,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,oBAAoB;EACpB,QAAQ;EACR,GAAG;CACP;CACA,SAAS,YAAY,SAAS;CAC9B,GAAI;AACP,CAAA;AAGL,QAAQ,cAAc"}

package/Typography/InlineButton.cjs

@@ -0,0 +1,63 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Typography/InlineButton/InlineButton.tsx
+const downSizeIconSize = {
+	md: "sm",
+	sm: "xs",
+	xs: "xs"
+};
+const InlineButton = (0, react.forwardRef)(({ children, className, disabled = false, icon: Icon, iconPlacement = "left", iconStyle, loading = false, onClick: onClickProp, size = "md", style = "primary", ...rest }, ref) => {
+	const onClick = (0, react.useCallback)((e) => {
+		if (!disabled && !loading && onClickProp) onClickProp(e);
+		if (disabled || loading) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}, [
+		disabled,
+		loading,
+		onClickProp
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		"aria-busy": loading,
+		"aria-live": "polite",
+		className: (0, _evolve_ui_theme_system.cn)("hui-text-body-primary inline-flex w-min cursor-pointer items-center gap-2xs whitespace-nowrap border-none bg-transparent p-0 tracking-[0.5px] outline-none", "focus-visible:hui-focus-visible-outline focus-visible:underline", { "focus-visible:hui-focus-visible-outline-inverse": style === "inverse" }, "hover:underline", { "hover:no-underline": disabled || loading }, "disabled:cursor-not-allowed disabled:text-text-disabled", "h-[24px] text-base", {
+			"h-[20px] text-xs leading-4": size === "xs",
+			"h-[22px] text-sm leading-5": size === "sm"
+		}, {
+			"text-link-primary hover:text-primary-700 active:text-primary-900": style === "primary",
+			"text-link-secondary hover:text-surface-700 active:text-surface-900": style === "neutral",
+			"text-text-critical hover:text-critical-700 active:text-critical-900": style === "critical",
+			"text-text-inverse hover:text-surface-100 active:text-surface-200": style === "inverse"
+		}, className),
+		"data-hui-id": "InlineButton",
+		disabled: disabled || loading,
+		onClick,
+		ref,
+		...rest,
+		children: [
+			Icon && iconPlacement === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+				color: "inherit",
+				size: downSizeIconSize[size],
+				style: iconStyle
+			}),
+			children,
+			Icon && iconPlacement === "right" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+				color: "inherit",
+				size: downSizeIconSize[size],
+				style: iconStyle
+			})
+		]
+	});
+});
+InlineButton.displayName = "InlineButton";
+//#endregion
+exports.InlineButton = InlineButton;
+
+//# sourceMappingURL=InlineButton.cjs.map

package/Typography/InlineButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineButton.cjs","names":[],"sources":["../../src/Typography/InlineButton/InlineButton.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, HTMLProps, MouseEventHandler, ReactNode, useCallback } from 'react';\n\nimport { AnyIcon } from '../../Icons/anyIcon';\n\ntype InlineButtonStyle = 'primary' | 'critical' | 'neutral' | 'inverse';\n\ntype InlineStyles = {\n    inlineStyles?: HTMLProps<HTMLDivElement>['style'];\n};\n\nconst downSizeIconSize = {\n    md: 'sm',\n    sm: 'xs',\n    xs: 'xs',\n} as const;\n\ntype Props = {\n    children: ReactNode;\n    /**\n     * Optional className to add to the button.\n     */\n    className?: string;\n    /**\n     * Optional icon to show alongside the component.\n     *\n     * Usage:\n     * ```tsx\n     * <InlineButton icon={Info} />\n     * ```\n     */\n    icon?: AnyIcon;\n    /**\n     * Optional location for the icon's rendering. Requires `icon` prop to do anything\n     *\n     * Usage:\n     * ```tsx\n     * <InlineButton icon={Info} iconPlacement=\"right\" />\n     * ```\n     *\n     * @default 'left'\n     */\n    iconPlacement?: 'left' | 'right';\n    /**\n     * Optional style for the icon's rendering.\n     */\n    iconStyle?: 'fill' | 'bold' | 'regular' | 'duotone';\n    /**\n     * Optional loading state trigger. Disables button and adds a loading state.\n     *\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * The size of the inline button to render.\n     *\n     * sm = small\n     * md = medium (default)\n     */\n    size?: 'md' | 'sm' | 'xs';\n    /**\n     * Button style. This matches a color palette in the theme.\n     *\n     * @default 'primary'\n     */\n    style?: InlineButtonStyle;\n    /**\n     * The type of the button.\n     *\n     * @default 'button'\n     */\n    type?: 'button' | 'reset' | 'submit';\n} & Omit<HTMLProps<HTMLButtonElement>, 'style' | 'size' | 'as'> &\n    InlineStyles;\n\nexport const InlineButton = forwardRef<HTMLButtonElement, Props>(\n    (\n        {\n            children,\n            className,\n            disabled = false,\n            icon: Icon,\n            iconPlacement = 'left',\n            iconStyle,\n            loading = false,\n            onClick: onClickProp,\n            size = 'md',\n            style = 'primary',\n            ...rest\n        },\n        ref\n    ) => {\n        const onClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n            (e) => {\n                if (!disabled && !loading && onClickProp) {\n                    onClickProp(e);\n                }\n\n                // Handle the case where the button is in a Form and shouldnt trigger the form's onSubmit callback\n                if (disabled || loading) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            },\n            [disabled, loading, onClickProp]\n        );\n\n        return (\n            <button\n                aria-busy={loading}\n                aria-live=\"polite\"\n                className={cn(\n                    // GENERAL\n                    'hui-text-body-primary inline-flex w-min cursor-pointer items-center gap-2xs whitespace-nowrap border-none bg-transparent p-0 tracking-[0.5px] outline-none',\n                    // FOCUS\n                    'focus-visible:hui-focus-visible-outline focus-visible:underline',\n                    {\n                        'focus-visible:hui-focus-visible-outline-inverse': style === 'inverse',\n                    },\n                    // HOVER\n                    'hover:underline',\n                    { 'hover:no-underline': disabled || loading },\n                    // DISABLED\n                    'disabled:cursor-not-allowed disabled:text-text-disabled',\n                    // SIZE\n                    'h-[24px] text-base',\n                    {\n                        'h-[20px] text-xs leading-4': size === 'xs',\n                        'h-[22px] text-sm leading-5': size === 'sm',\n                    },\n                    // STYLE\n                    {\n                        'text-link-primary hover:text-primary-700 active:text-primary-900': style === 'primary',\n                        'text-link-secondary hover:text-surface-700 active:text-surface-900': style === 'neutral',\n                        'text-text-critical hover:text-critical-700 active:text-critical-900': style === 'critical',\n                        'text-text-inverse hover:text-surface-100 active:text-surface-200': style === 'inverse',\n                    },\n                    className\n                )}\n                data-hui-id=\"InlineButton\"\n                disabled={disabled || loading}\n                onClick={onClick}\n                ref={ref}\n                {...rest}\n            >\n                {Icon && iconPlacement === 'left' && (\n                    <Icon\n                        color=\"inherit\"\n                        size={downSizeIconSize[size]}\n                        style={iconStyle}\n                    />\n                )}\n                {children}\n                {Icon && iconPlacement === 'right' && (\n                    <Icon\n                        color=\"inherit\"\n                        size={downSizeIconSize[size]}\n                        style={iconStyle}\n                    />\n                )}\n            </button>\n        );\n    }\n);\n\nInlineButton.displayName = 'InlineButton';\n"],"mappings":";;;;;;;;AAWA,MAAM,mBAAmB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AA4DA,MAAa,gBAAA,GAAA,MAAA,WAAA,EAEL,EACI,UACA,WACA,WAAW,OACX,MAAM,MACN,gBAAgB,QAChB,WACA,UAAU,OACV,SAAS,aACT,OAAO,MACP,QAAQ,WACR,GAAG,QAEP,QACC;CACD,MAAM,WAAA,GAAA,MAAA,YAAA,EACD,MAAM;EACH,IAAI,CAAC,YAAY,CAAC,WAAW,aACzB,YAAY,CAAC;EAIjB,IAAI,YAAY,SAAS;GACrB,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACtB;CACJ,GACA;EAAC;EAAU;EAAS;CAAW,CACnC;CAEA,OACI,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EACI,aAAW;EACX,aAAU;EACV,YAAA,GAAA,wBAAA,GAAA,CAEI,8JAEA,mEACA,EACI,mDAAmD,UAAU,UACjE,GAEA,mBACA,EAAE,sBAAsB,YAAY,QAAQ,GAE5C,2DAEA,sBACA;GACI,8BAA8B,SAAS;GACvC,8BAA8B,SAAS;EAC3C,GAEA;GACI,oEAAoE,UAAU;GAC9E,sEAAsE,UAAU;GAChF,uEAAuE,UAAU;GACjF,oEAAoE,UAAU;EAClF,GACA,SACJ;EACA,eAAY;EACZ,UAAU,YAAY;EACb;EACJ;EACL,GAAI;YAnCR;GAqCK,QAAQ,kBAAkB,UACvB,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;IACI,OAAM;IACN,MAAM,iBAAiB;IACvB,OAAO;GACV,CAAA;GAEJ;GACA,QAAQ,kBAAkB,WACvB,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;IACI,OAAM;IACN,MAAM,iBAAiB;IACvB,OAAO;GACV,CAAA;EAED;;AAEhB,CACJ;AAEA,aAAa,cAAc"}

package/Typography/InlineButton.d.cts

@@ -0,0 +1,2 @@
+import { t as InlineButton } from "../InlineButton-DoXGLiSE.cjs";
+export { InlineButton };

package/Typography/InlineButton.d.mts

@@ -0,0 +1,2 @@
+import { t as InlineButton } from "../InlineButton-CRLbNJZ3.mjs";
+export { InlineButton };

package/Typography/InlineButton.mjs

@@ -0,0 +1,59 @@
+'use client';
+import { cn } from "@evolve.ui/theme-system";
+import { forwardRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Typography/InlineButton/InlineButton.tsx
+const downSizeIconSize = {
+	md: "sm",
+	sm: "xs",
+	xs: "xs"
+};
+const InlineButton = forwardRef(({ children, className, disabled = false, icon: Icon, iconPlacement = "left", iconStyle, loading = false, onClick: onClickProp, size = "md", style = "primary", ...rest }, ref) => {
+	const onClick = useCallback((e) => {
+		if (!disabled && !loading && onClickProp) onClickProp(e);
+		if (disabled || loading) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}, [
+		disabled,
+		loading,
+		onClickProp
+	]);
+	return /* @__PURE__ */ jsxs("button", {
+		"aria-busy": loading,
+		"aria-live": "polite",
+		className: cn("hui-text-body-primary inline-flex w-min cursor-pointer items-center gap-2xs whitespace-nowrap border-none bg-transparent p-0 tracking-[0.5px] outline-none", "focus-visible:hui-focus-visible-outline focus-visible:underline", { "focus-visible:hui-focus-visible-outline-inverse": style === "inverse" }, "hover:underline", { "hover:no-underline": disabled || loading }, "disabled:cursor-not-allowed disabled:text-text-disabled", "h-[24px] text-base", {
+			"h-[20px] text-xs leading-4": size === "xs",
+			"h-[22px] text-sm leading-5": size === "sm"
+		}, {
+			"text-link-primary hover:text-primary-700 active:text-primary-900": style === "primary",
+			"text-link-secondary hover:text-surface-700 active:text-surface-900": style === "neutral",
+			"text-text-critical hover:text-critical-700 active:text-critical-900": style === "critical",
+			"text-text-inverse hover:text-surface-100 active:text-surface-200": style === "inverse"
+		}, className),
+		"data-hui-id": "InlineButton",
+		disabled: disabled || loading,
+		onClick,
+		ref,
+		...rest,
+		children: [
+			Icon && iconPlacement === "left" && /* @__PURE__ */ jsx(Icon, {
+				color: "inherit",
+				size: downSizeIconSize[size],
+				style: iconStyle
+			}),
+			children,
+			Icon && iconPlacement === "right" && /* @__PURE__ */ jsx(Icon, {
+				color: "inherit",
+				size: downSizeIconSize[size],
+				style: iconStyle
+			})
+		]
+	});
+});
+InlineButton.displayName = "InlineButton";
+//#endregion
+export { InlineButton };
+
+//# sourceMappingURL=InlineButton.mjs.map

package/Typography/InlineButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineButton.mjs","names":[],"sources":["../../src/Typography/InlineButton/InlineButton.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, HTMLProps, MouseEventHandler, ReactNode, useCallback } from 'react';\n\nimport { AnyIcon } from '../../Icons/anyIcon';\n\ntype InlineButtonStyle = 'primary' | 'critical' | 'neutral' | 'inverse';\n\ntype InlineStyles = {\n    inlineStyles?: HTMLProps<HTMLDivElement>['style'];\n};\n\nconst downSizeIconSize = {\n    md: 'sm',\n    sm: 'xs',\n    xs: 'xs',\n} as const;\n\ntype Props = {\n    children: ReactNode;\n    /**\n     * Optional className to add to the button.\n     */\n    className?: string;\n    /**\n     * Optional icon to show alongside the component.\n     *\n     * Usage:\n     * ```tsx\n     * <InlineButton icon={Info} />\n     * ```\n     */\n    icon?: AnyIcon;\n    /**\n     * Optional location for the icon's rendering. Requires `icon` prop to do anything\n     *\n     * Usage:\n     * ```tsx\n     * <InlineButton icon={Info} iconPlacement=\"right\" />\n     * ```\n     *\n     * @default 'left'\n     */\n    iconPlacement?: 'left' | 'right';\n    /**\n     * Optional style for the icon's rendering.\n     */\n    iconStyle?: 'fill' | 'bold' | 'regular' | 'duotone';\n    /**\n     * Optional loading state trigger. Disables button and adds a loading state.\n     *\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * The size of the inline button to render.\n     *\n     * sm = small\n     * md = medium (default)\n     */\n    size?: 'md' | 'sm' | 'xs';\n    /**\n     * Button style. This matches a color palette in the theme.\n     *\n     * @default 'primary'\n     */\n    style?: InlineButtonStyle;\n    /**\n     * The type of the button.\n     *\n     * @default 'button'\n     */\n    type?: 'button' | 'reset' | 'submit';\n} & Omit<HTMLProps<HTMLButtonElement>, 'style' | 'size' | 'as'> &\n    InlineStyles;\n\nexport const InlineButton = forwardRef<HTMLButtonElement, Props>(\n    (\n        {\n            children,\n            className,\n            disabled = false,\n            icon: Icon,\n            iconPlacement = 'left',\n            iconStyle,\n            loading = false,\n            onClick: onClickProp,\n            size = 'md',\n            style = 'primary',\n            ...rest\n        },\n        ref\n    ) => {\n        const onClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n            (e) => {\n                if (!disabled && !loading && onClickProp) {\n                    onClickProp(e);\n                }\n\n                // Handle the case where the button is in a Form and shouldnt trigger the form's onSubmit callback\n                if (disabled || loading) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            },\n            [disabled, loading, onClickProp]\n        );\n\n        return (\n            <button\n                aria-busy={loading}\n                aria-live=\"polite\"\n                className={cn(\n                    // GENERAL\n                    'hui-text-body-primary inline-flex w-min cursor-pointer items-center gap-2xs whitespace-nowrap border-none bg-transparent p-0 tracking-[0.5px] outline-none',\n                    // FOCUS\n                    'focus-visible:hui-focus-visible-outline focus-visible:underline',\n                    {\n                        'focus-visible:hui-focus-visible-outline-inverse': style === 'inverse',\n                    },\n                    // HOVER\n                    'hover:underline',\n                    { 'hover:no-underline': disabled || loading },\n                    // DISABLED\n                    'disabled:cursor-not-allowed disabled:text-text-disabled',\n                    // SIZE\n                    'h-[24px] text-base',\n                    {\n                        'h-[20px] text-xs leading-4': size === 'xs',\n                        'h-[22px] text-sm leading-5': size === 'sm',\n                    },\n                    // STYLE\n                    {\n                        'text-link-primary hover:text-primary-700 active:text-primary-900': style === 'primary',\n                        'text-link-secondary hover:text-surface-700 active:text-surface-900': style === 'neutral',\n                        'text-text-critical hover:text-critical-700 active:text-critical-900': style === 'critical',\n                        'text-text-inverse hover:text-surface-100 active:text-surface-200': style === 'inverse',\n                    },\n                    className\n                )}\n                data-hui-id=\"InlineButton\"\n                disabled={disabled || loading}\n                onClick={onClick}\n                ref={ref}\n                {...rest}\n            >\n                {Icon && iconPlacement === 'left' && (\n                    <Icon\n                        color=\"inherit\"\n                        size={downSizeIconSize[size]}\n                        style={iconStyle}\n                    />\n                )}\n                {children}\n                {Icon && iconPlacement === 'right' && (\n                    <Icon\n                        color=\"inherit\"\n                        size={downSizeIconSize[size]}\n                        style={iconStyle}\n                    />\n                )}\n            </button>\n        );\n    }\n);\n\nInlineButton.displayName = 'InlineButton';\n"],"mappings":";;;;AAWA,MAAM,mBAAmB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AA4DA,MAAa,eAAe,YAEpB,EACI,UACA,WACA,WAAW,OACX,MAAM,MACN,gBAAgB,QAChB,WACA,UAAU,OACV,SAAS,aACT,OAAO,MACP,QAAQ,WACR,GAAG,QAEP,QACC;CACD,MAAM,UAAgD,aACjD,MAAM;EACH,IAAI,CAAC,YAAY,CAAC,WAAW,aACzB,YAAY,CAAC;EAIjB,IAAI,YAAY,SAAS;GACrB,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACtB;CACJ,GACA;EAAC;EAAU;EAAS;CAAW,CACnC;CAEA,OACI,qBAAC,UAAD;EACI,aAAW;EACX,aAAU;EACV,WAAW,GAEP,8JAEA,mEACA,EACI,mDAAmD,UAAU,UACjE,GAEA,mBACA,EAAE,sBAAsB,YAAY,QAAQ,GAE5C,2DAEA,sBACA;GACI,8BAA8B,SAAS;GACvC,8BAA8B,SAAS;EAC3C,GAEA;GACI,oEAAoE,UAAU;GAC9E,sEAAsE,UAAU;GAChF,uEAAuE,UAAU;GACjF,oEAAoE,UAAU;EAClF,GACA,SACJ;EACA,eAAY;EACZ,UAAU,YAAY;EACb;EACJ;EACL,GAAI;YAnCR;GAqCK,QAAQ,kBAAkB,UACvB,oBAAC,MAAD;IACI,OAAM;IACN,MAAM,iBAAiB;IACvB,OAAO;GACV,CAAA;GAEJ;GACA,QAAQ,kBAAkB,WACvB,oBAAC,MAAD;IACI,OAAM;IACN,MAAM,iBAAiB;IACvB,OAAO;GACV,CAAA;EAED;;AAEhB,CACJ;AAEA,aAAa,cAAc"}

package/Typography/Links.cjs

@@ -0,0 +1,62 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Typography/Links/Links.tsx
+function factory(classes) {
+	return (0, react.forwardRef)(({ as: Component = "a", className, disabled, href, navigate, onClick, size = "md", ...rest }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+			"aria-disabled": disabled,
+			className: (0, _evolve_ui_theme_system.cn)("cursor-pointer outline-offset-2 transition-colors hover:underline aria-disabled:cursor-not-allowed aria-disabled:text-link-disabled", {
+				"hui-link-md": size === "md",
+				"hui-link-sm": size === "sm",
+				"hui-link-xs": size === "xs"
+			}, classes, className),
+			href,
+			onClick: (e) => {
+				if (disabled) {
+					e.preventDefault();
+					return;
+				}
+				if (onClick) onClick(e);
+				if (e.defaultPrevented || !href) return;
+				if (href.startsWith("#") || /^\w+:/.test(href) || rest.target === "_blank") return;
+				if (navigate) navigate(href)(e);
+			},
+			ref,
+			tabIndex: 0,
+			...rest
+		});
+	});
+}
+const Link = factory("underline text-link-primary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline");
+Link.displayName = "Link";
+const WeakLink = factory("underline text-link-secondary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline");
+WeakLink.displayName = "WeakLink";
+const MonochromeLink = factory("underline text-link-monochrome hover:text-link-hover active:text-link-pressed hui-focus-visible-outline");
+MonochromeLink.displayName = "MonochromeLink";
+const InverseLink = factory("underline text-link-inverse hui-focus-visible-outline-inverse");
+InverseLink.displayName = "InverseLink";
+const SubtleLink = factory("text-link-primary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline");
+SubtleLink.displayName = "SubtleLink";
+const SubtleWeakLink = factory("text-link-secondary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline");
+SubtleWeakLink.displayName = "SubtleWeakLink";
+const SubtleMonochromeLink = factory("text-link-monochrome hover:text-link-hover active:text-link-pressed hui-focus-visible-outline");
+SubtleMonochromeLink.displayName = "SubtleMonochromeLink";
+const SubtleInverseLink = factory("text-link-inverse hui-focus-visible-outline-inverse");
+SubtleInverseLink.displayName = "SubtleInverseLink";
+//#endregion
+exports.InverseLink = InverseLink;
+exports.Link = Link;
+exports.MonochromeLink = MonochromeLink;
+exports.SubtleInverseLink = SubtleInverseLink;
+exports.SubtleLink = SubtleLink;
+exports.SubtleMonochromeLink = SubtleMonochromeLink;
+exports.SubtleWeakLink = SubtleWeakLink;
+exports.WeakLink = WeakLink;
+
+//# sourceMappingURL=Links.cjs.map

package/Typography/Links.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Links.cjs","names":[],"sources":["../../src/Typography/Links/Links.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, HTMLProps, ElementType } from 'react';\n\nfunction factory(classes: string) {\n    return forwardRef<\n        HTMLAnchorElement,\n        Omit<HTMLProps<HTMLAnchorElement>, 'size'> & {\n            /**\n             * Polymorphic component type. Use this to render as a Next.js Link or any other element.\n             * @example <Link as={NextLink} href=\"/about\">About</Link>\n             */\n            as?: ElementType;\n            /**\n             * Whether the link is disabled. Disables `onClick` as well.\n             */\n            disabled?: boolean;\n            /**\n             * Optional custom navigation handler. Called instead of default link behavior\n             * when no special case applies and `onClick` did not preventDefault.\n             *\n             * Receives the `href` and returns a click event handler.\n             */\n            navigate?: (href: string) => (e: React.MouseEvent<HTMLAnchorElement>) => void;\n            /**\n             * The size of the link to render.\n             *\n             * xs = extra small\n             * sm = small\n             * md = medium (default)\n             */\n            size?: 'xs' | 'sm' | 'md';\n        }\n    >(({ as: Component = 'a', className, disabled, href, navigate, onClick, size = 'md', ...rest }, ref) => {\n        return (\n            <Component\n                aria-disabled={disabled}\n                className={cn(\n                    'cursor-pointer outline-offset-2 transition-colors hover:underline aria-disabled:cursor-not-allowed aria-disabled:text-link-disabled',\n                    {\n                        'hui-link-md': size === 'md',\n                        'hui-link-sm': size === 'sm',\n                        'hui-link-xs': size === 'xs',\n                    },\n                    classes,\n                    className\n                )}\n                href={href}\n                onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n                    if (disabled) {\n                        e.preventDefault();\n                        return;\n                    }\n\n                    if (onClick) {\n                        onClick(e);\n                    }\n\n                    if (e.defaultPrevented || !href) {\n                        return;\n                    }\n\n                    // Browser/default navigation handles these cases.\n                    if (href.startsWith('#') || /^\\w+:/.test(href) || rest.target === '_blank') {\n                        return;\n                    }\n\n                    if (navigate) {\n                        navigate(href)(e);\n                    }\n                }}\n                ref={ref}\n                tabIndex={0}\n                {...rest}\n            />\n        );\n    });\n}\n\nexport const Link = factory(\n    'underline text-link-primary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline'\n);\nLink.displayName = 'Link';\n\nexport const WeakLink = factory(\n    'underline text-link-secondary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline'\n);\nWeakLink.displayName = 'WeakLink';\n\nexport const MonochromeLink = factory(\n    'underline text-link-monochrome hover:text-link-hover active:text-link-pressed hui-focus-visible-outline'\n);\nMonochromeLink.displayName = 'MonochromeLink';\n\nexport const InverseLink = factory('underline text-link-inverse hui-focus-visible-outline-inverse');\nInverseLink.displayName = 'InverseLink';\n\nexport const SubtleLink = factory(\n    'text-link-primary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline'\n);\nSubtleLink.displayName = 'SubtleLink';\n\nexport const SubtleWeakLink = factory(\n    'text-link-secondary hover:text-link-hover active:text-link-pressed hui-focus-visible-outline'\n);\nSubtleWeakLink.displayName = 'SubtleWeakLink';\n\nexport const SubtleMonochromeLink = factory(\n    'text-link-monochrome hover:text-link-hover active:text-link-pressed hui-focus-visible-outline'\n);\nSubtleMonochromeLink.displayName = 'SubtleMonochromeLink';\n\nexport const SubtleInverseLink = factory('text-link-inverse hui-focus-visible-outline-inverse');\nSubtleInverseLink.displayName = 'SubtleInverseLink';\n"],"mappings":";;;;;;;;AAGA,SAAS,QAAQ,SAAiB;CAC9B,QAAA,GAAA,MAAA,WAAA,EA4BG,EAAE,IAAI,YAAY,KAAK,WAAW,UAAU,MAAM,UAAU,SAAS,OAAO,MAAM,GAAG,QAAQ,QAAQ;EACpG,OACI,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GACI,iBAAe;GACf,YAAA,GAAA,wBAAA,GAAA,CACI,uIACA;IACI,eAAe,SAAS;IACxB,eAAe,SAAS;IACxB,eAAe,SAAS;GAC5B,GACA,SACA,SACJ;GACM;GACN,UAAU,MAA2C;IACjD,IAAI,UAAU;KACV,EAAE,eAAe;KACjB;IACJ;IAEA,IAAI,SACA,QAAQ,CAAC;IAGb,IAAI,EAAE,oBAAoB,CAAC,MACvB;IAIJ,IAAI,KAAK,WAAW,GAAG,KAAK,QAAQ,KAAK,IAAI,KAAK,KAAK,WAAW,UAC9D;IAGJ,IAAI,UACA,SAAS,IAAI,CAAC,CAAC,CAAC;GAExB;GACK;GACL,UAAU;GACV,GAAI;EACP,CAAA;CAET,CAAC;AACL;AAEA,MAAa,OAAO,QAChB,sGACJ;AACA,KAAK,cAAc;AAEnB,MAAa,WAAW,QACpB,wGACJ;AACA,SAAS,cAAc;AAEvB,MAAa,iBAAiB,QAC1B,yGACJ;AACA,eAAe,cAAc;AAE7B,MAAa,cAAc,QAAQ,+DAA+D;AAClG,YAAY,cAAc;AAE1B,MAAa,aAAa,QACtB,4FACJ;AACA,WAAW,cAAc;AAEzB,MAAa,iBAAiB,QAC1B,8FACJ;AACA,eAAe,cAAc;AAE7B,MAAa,uBAAuB,QAChC,+FACJ;AACA,qBAAqB,cAAc;AAEnC,MAAa,oBAAoB,QAAQ,qDAAqD;AAC9F,kBAAkB,cAAc"}

package/Typography/Links.d.cts

@@ -0,0 +1,2 @@
+import { a as SubtleLink, c as WeakLink, i as SubtleInverseLink, n as Link, o as SubtleMonochromeLink, r as MonochromeLink, s as SubtleWeakLink, t as InverseLink } from "../Links-Ch0YdIz6.cjs";
+export { InverseLink, Link, MonochromeLink, SubtleInverseLink, SubtleLink, SubtleMonochromeLink, SubtleWeakLink, WeakLink };

package/Typography/Links.d.mts

@@ -0,0 +1,2 @@
+import { a as SubtleLink, c as WeakLink, i as SubtleInverseLink, n as Link, o as SubtleMonochromeLink, r as MonochromeLink, s as SubtleWeakLink, t as InverseLink } from "../Links-Ch0YdIz6.mjs";
+export { InverseLink, Link, MonochromeLink, SubtleInverseLink, SubtleLink, SubtleMonochromeLink, SubtleWeakLink, WeakLink };