@veeqo/ui 9.9.3 → 9.10.0

package/dist/_virtual/____insertStyle.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+function insertStyle(css) {
+    if (!css || typeof window === 'undefined')
+        return;
+    const style = document.createElement('style');
+    style.setAttribute('type', 'text/css');
+    style.innerHTML = css;
+    document.head.appendChild(style);
+    return css;
+}
+
+module.exports = insertStyle;
+//# sourceMappingURL=____insertStyle.cjs.map

package/dist/_virtual/____insertStyle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"____insertStyle.cjs","sources":["../../___$insertStyle"],"sourcesContent":["export default function insertStyle(css) {\n    if (!css || typeof window === 'undefined')\n        return;\n    const style = document.createElement('style');\n    style.setAttribute('type', 'text/css');\n    style.innerHTML = css;\n    document.head.appendChild(style);\n    return css;\n}"],"names":[],"mappings":";;AAAe,SAAS,WAAW,CAAC,GAAG,EAAE;AACzC,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,MAAM,KAAK,WAAW;AAC7C,QAAQ;AACR,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AACjD,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;AAC1C,IAAI,KAAK,CAAC,SAAS,GAAG,GAAG;AACzB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACpC,IAAI,OAAO,GAAG;AACd;;;;"}

package/dist/_virtual/____insertStyle.js

@@ -0,0 +1,12 @@
+function insertStyle(css) {
+    if (!css || typeof window === 'undefined')
+        return;
+    const style = document.createElement('style');
+    style.setAttribute('type', 'text/css');
+    style.innerHTML = css;
+    document.head.appendChild(style);
+    return css;
+}
+
+export { insertStyle as default };
+//# sourceMappingURL=____insertStyle.js.map

package/dist/_virtual/____insertStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"____insertStyle.js","sources":["../../___$insertStyle"],"sourcesContent":["export default function insertStyle(css) {\n    if (!css || typeof window === 'undefined')\n        return;\n    const style = document.createElement('style');\n    style.setAttribute('type', 'text/css');\n    style.innerHTML = css;\n    document.head.appendChild(style);\n    return css;\n}"],"names":[],"mappings":"AAAe,SAAS,WAAW,CAAC,GAAG,EAAE;AACzC,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,MAAM,KAAK,WAAW;AAC7C,QAAQ;AACR,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AACjD,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;AAC1C,IAAI,KAAK,CAAC,SAAS,GAAG,GAAG;AACzB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACpC,IAAI,OAAO,GAAG;AACd;;;;"}

package/dist/components/Anchor/Anchor.cjs

@@ -1,20 +1,46 @@
 'use strict';
 
 var React = require('react');
+var sizes = require('../../theme/modules/sizes.cjs');
+var urlUtils = require('./utils/urlUtils.cjs');
 var styled = require('./styled.cjs');
-var isExternalLink = require('../../utils/isExternalLink.cjs');
+var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
+var LaunchIcon = require('../../tempIcons/LaunchIcon.cjs');
+var isExternalLink = require('./isExternalLink.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const Anchor = ({ children, href, rel, allowedHostnames = isExternalLink.defaultAllowedHostnames, ...props }) => {
-    // Determine if the link is external based on the allowed hostnames
-    const isExternal = isExternalLink.isExternalLink(href, allowedHostnames);
-    // Set default rel property for external links
-    const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);
-    return (React__default.default.createElement(styled.CommonAnchor, { href: href, rel: setDefaultRelValue, ...props }, children));
-};
+/**
+ * Anchor component for handling context-aware links with consistent functionality and styling options.
+ *
+ * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev
+ *
+ * @param variant - The visual style variant ('base' or 'unstyled')
+ * @param href - The URL the link points to (will be processed to be context-aware)
+ * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)
+ * @param children - The content of the anchor
+ * @param rest - All other standard anchor HTML attributes
+ */
+const Anchor = React__default.default.memo(({ variant = 'base', size = 'base', href, showHelpIcon = false, leftIconSlot = null, hideExternalLinkIcon = false, allowedHostnames = [], children, target, rel, ...rest }) => {
+    // Process the URL to make it context-aware
+    const processedHref = href ? urlUtils.createContextAwareUrl(href) : undefined;
+    // Determine if link is external based on processed href
+    const isExternal = processedHref ? isExternalLink.isExternalLink(processedHref, allowedHostnames) : false;
+    // Set security attributes for external links if not given in props
+    const secureTarget = target || (isExternal ? '_blank' : undefined);
+    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);
+    // Lookup the appropriate styled component based on variant
+    const AnchorComponent = styled.AnchorMapping[variant];
+    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)
+    const shouldShowExternalLinkIcon = (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';
+    return (React__default.default.createElement(AnchorComponent, { href: processedHref, target: secureTarget, rel: secureRel, size: size, ...rest },
+        leftIconSlot,
+        showHelpIcon && !leftIconSlot && (React__default.default.createElement(HelpIcon.HelpIcon, { role: "presentation", "data-testid": "help-icon", style: { marginRight: sizes.sizes.xs } })),
+        children,
+        shouldShowExternalLinkIcon && (React__default.default.createElement(LaunchIcon.LaunchIcon, { role: "presentation", "data-testid": "external-icon", style: { marginLeft: sizes.sizes.xs } }))));
+});
 
 exports.Anchor = Anchor;
 //# sourceMappingURL=Anchor.cjs.map

package/dist/components/Anchor/Anchor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React, { ReactNode, AnchorHTMLAttributes } from 'react';\n\nimport { CommonAnchor } from './styled';\nimport { defaultAllowedHostnames, isExternalLink } from '../../utils/isExternalLink';\n\nexport type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: ReactNode;\n  href: string;\n  rel?: string;\n  allowedHostnames?: string[];\n};\n\nexport const Anchor = ({\n  children,\n  href,\n  rel,\n  allowedHostnames = defaultAllowedHostnames,\n  ...props\n}: AnchorProps) => {\n  // Determine if the link is external based on the allowed hostnames\n  const isExternal = isExternalLink(href, allowedHostnames);\n  // Set default rel property for external links\n  const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n  return (\n    <CommonAnchor href={href} rel={setDefaultRelValue} {...props}>\n      {children}\n    </CommonAnchor>\n  );\n};\n"],"names":["defaultAllowedHostnames","isExternalLink","React","CommonAnchor"],"mappings":";;;;;;;;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAGA,sCAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAGC,6BAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { LaunchIcon } from '../../tempIcons/LaunchIcon';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n  ({\n    variant = 'base',\n    size = 'base',\n    href,\n    showHelpIcon = false,\n    leftIconSlot = null,\n    hideExternalLinkIcon = false,\n    allowedHostnames = [],\n    children,\n    target,\n    rel,\n    ...rest\n  }: AnchorProps) => {\n    // Process the URL to make it context-aware\n    const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n    // Determine if link is external based on processed href\n    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n    // Set security attributes for external links if not given in props\n    const secureTarget = target || (isExternal ? '_blank' : undefined);\n    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    // Lookup the appropriate styled component based on variant\n    const AnchorComponent = AnchorMapping[variant];\n\n    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n    const shouldShowExternalLinkIcon =\n      (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n    return (\n      <AnchorComponent\n        href={processedHref}\n        target={secureTarget}\n        rel={secureRel}\n        size={size}\n        {...rest}\n      >\n        {leftIconSlot}\n        {showHelpIcon && !leftIconSlot && (\n          <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n        )}\n\n        {children}\n        {shouldShowExternalLinkIcon && (\n          <LaunchIcon\n            role=\"presentation\"\n            data-testid=\"external-icon\"\n            style={{ marginLeft: sizes.xs }}\n          />\n        )}\n      </AnchorComponent>\n    );\n  },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","AnchorMapping","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAGC,oBAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEH,qCAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACI,iBAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBL,sBAAA,CAAA,aAAA,CAACM,qBAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}

package/dist/components/Anchor/Anchor.d.ts

@@ -1,8 +1,14 @@
-import React, { ReactNode, AnchorHTMLAttributes } from 'react';
-export type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
-    children?: ReactNode;
-    href: string;
-    rel?: string;
-    allowedHostnames?: string[];
-};
-export declare const Anchor: ({ children, href, rel, allowedHostnames, ...props }: AnchorProps) => React.JSX.Element;
+import React from 'react';
+import { AnchorProps } from './types';
+/**
+ * Anchor component for handling context-aware links with consistent functionality and styling options.
+ *
+ * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev
+ *
+ * @param variant - The visual style variant ('base' or 'unstyled')
+ * @param href - The URL the link points to (will be processed to be context-aware)
+ * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)
+ * @param children - The content of the anchor
+ * @param rest - All other standard anchor HTML attributes
+ */
+export declare const Anchor: React.MemoExoticComponent<({ variant, size, href, showHelpIcon, leftIconSlot, hideExternalLinkIcon, allowedHostnames, children, target, rel, ...rest }: AnchorProps) => React.JSX.Element>;

package/dist/components/Anchor/Anchor.js

@@ -1,14 +1,40 @@
 import React__default from 'react';
-import { CommonAnchor } from './styled.js';
-import { isExternalLink, defaultAllowedHostnames } from '../../utils/isExternalLink.js';
+import { sizes } from '../../theme/modules/sizes.js';
+import { createContextAwareUrl } from './utils/urlUtils.js';
+import { AnchorMapping } from './styled.js';
+import { HelpIcon } from '../../tempIcons/HelpIcon.js';
+import { LaunchIcon } from '../../tempIcons/LaunchIcon.js';
+import { isExternalLink } from './isExternalLink.js';
 
-const Anchor = ({ children, href, rel, allowedHostnames = defaultAllowedHostnames, ...props }) => {
-    // Determine if the link is external based on the allowed hostnames
-    const isExternal = isExternalLink(href, allowedHostnames);
-    // Set default rel property for external links
-    const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);
-    return (React__default.createElement(CommonAnchor, { href: href, rel: setDefaultRelValue, ...props }, children));
-};
+/**
+ * Anchor component for handling context-aware links with consistent functionality and styling options.
+ *
+ * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev
+ *
+ * @param variant - The visual style variant ('base' or 'unstyled')
+ * @param href - The URL the link points to (will be processed to be context-aware)
+ * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)
+ * @param children - The content of the anchor
+ * @param rest - All other standard anchor HTML attributes
+ */
+const Anchor = React__default.memo(({ variant = 'base', size = 'base', href, showHelpIcon = false, leftIconSlot = null, hideExternalLinkIcon = false, allowedHostnames = [], children, target, rel, ...rest }) => {
+    // Process the URL to make it context-aware
+    const processedHref = href ? createContextAwareUrl(href) : undefined;
+    // Determine if link is external based on processed href
+    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;
+    // Set security attributes for external links if not given in props
+    const secureTarget = target || (isExternal ? '_blank' : undefined);
+    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);
+    // Lookup the appropriate styled component based on variant
+    const AnchorComponent = AnchorMapping[variant];
+    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)
+    const shouldShowExternalLinkIcon = (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';
+    return (React__default.createElement(AnchorComponent, { href: processedHref, target: secureTarget, rel: secureRel, size: size, ...rest },
+        leftIconSlot,
+        showHelpIcon && !leftIconSlot && (React__default.createElement(HelpIcon, { role: "presentation", "data-testid": "help-icon", style: { marginRight: sizes.xs } })),
+        children,
+        shouldShowExternalLinkIcon && (React__default.createElement(LaunchIcon, { role: "presentation", "data-testid": "external-icon", style: { marginLeft: sizes.xs } }))));
+});
 
 export { Anchor };
 //# sourceMappingURL=Anchor.js.map

package/dist/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React, { ReactNode, AnchorHTMLAttributes } from 'react';\n\nimport { CommonAnchor } from './styled';\nimport { defaultAllowedHostnames, isExternalLink } from '../../utils/isExternalLink';\n\nexport type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: ReactNode;\n  href: string;\n  rel?: string;\n  allowedHostnames?: string[];\n};\n\nexport const Anchor = ({\n  children,\n  href,\n  rel,\n  allowedHostnames = defaultAllowedHostnames,\n  ...props\n}: AnchorProps) => {\n  // Determine if the link is external based on the allowed hostnames\n  const isExternal = isExternalLink(href, allowedHostnames);\n  // Set default rel property for external links\n  const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n  return (\n    <CommonAnchor href={href} rel={setDefaultRelValue} {...props}>\n      {children}\n    </CommonAnchor>\n  );\n};\n"],"names":["React"],"mappings":";;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAG,uBAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { LaunchIcon } from '../../tempIcons/LaunchIcon';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n  ({\n    variant = 'base',\n    size = 'base',\n    href,\n    showHelpIcon = false,\n    leftIconSlot = null,\n    hideExternalLinkIcon = false,\n    allowedHostnames = [],\n    children,\n    target,\n    rel,\n    ...rest\n  }: AnchorProps) => {\n    // Process the URL to make it context-aware\n    const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n    // Determine if link is external based on processed href\n    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n    // Set security attributes for external links if not given in props\n    const secureTarget = target || (isExternal ? '_blank' : undefined);\n    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    // Lookup the appropriate styled component based on variant\n    const AnchorComponent = AnchorMapping[variant];\n\n    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n    const shouldShowExternalLinkIcon =\n      (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n    return (\n      <AnchorComponent\n        href={processedHref}\n        target={secureTarget}\n        rel={secureRel}\n        size={size}\n        {...rest}\n      >\n        {leftIconSlot}\n        {showHelpIcon && !leftIconSlot && (\n          <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n        )}\n\n        {children}\n        {shouldShowExternalLinkIcon && (\n          <LaunchIcon\n            role=\"presentation\"\n            data-testid=\"external-icon\"\n            style={{ marginLeft: sizes.xs }}\n          />\n        )}\n      </AnchorComponent>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEA,6BAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}

package/dist/components/Anchor/index.d.ts

@@ -1 +1,2 @@
-export { Anchor } from './Anchor';
+export * from './Anchor';
+export * from './types';

package/dist/components/Anchor/isExternalLink.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var urlUtils = require('./utils/urlUtils.cjs');
+
+// Default empty array for backward compatibility
+const DEFAULT_ALLOWED_HOSTNAMES = [];
+/**
+ * Check if a URL/path string is an external link
+ *
+ * External links are any that would take the user away from their current domain,
+ * with relative paths considered internal, but any other domain (including
+ * other veeqo.com subdomains like help.veeqo.com) considered external.
+ *
+ * @param {string} urlOrPath - URL or path to check
+ * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal
+ * @returns {boolean} Whether the URL is external
+ */
+function isExternalLink(urlOrPath, allowedHostnames = DEFAULT_ALLOWED_HOSTNAMES) {
+    var _a, _b, _c;
+    if (urlUtils.isRelativeUrl(urlOrPath))
+        return false;
+    // For protocol-relative URLs, prepend 'http:' to properly parse
+    const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);
+    const requestHostname = hostname.toLowerCase();
+    const currentHostname = ((_c = (_b = (_a = window.location) === null || _a === undefined ? undefined : _a.hostname) === null || _b === undefined ? undefined : _b.toLowerCase) === null || _c === undefined ? undefined : _c.call(_b)) || '';
+    // Check if hostname is in the allowed list
+    if (allowedHostnames.length > 0 &&
+        allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)) {
+        return false;
+    }
+    // Only treat as internal if it's the exact same hostname as current
+    return requestHostname !== currentHostname;
+}
+
+exports.DEFAULT_ALLOWED_HOSTNAMES = DEFAULT_ALLOWED_HOSTNAMES;
+exports.isExternalLink = isExternalLink;
+//# sourceMappingURL=isExternalLink.cjs.map

package/dist/components/Anchor/isExternalLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isExternalLink.cjs","sources":["../../../src/components/Anchor/isExternalLink.ts"],"sourcesContent":["import { isRelativeUrl } from './utils/urlUtils';\n\n// Default empty array for backward compatibility\nexport const DEFAULT_ALLOWED_HOSTNAMES: string[] = [];\n\n/**\n * Check if a URL/path string is an external link\n *\n * External links are any that would take the user away from their current domain,\n * with relative paths considered internal, but any other domain (including\n * other veeqo.com subdomains like help.veeqo.com) considered external.\n *\n * @param {string} urlOrPath - URL or path to check\n * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal\n * @returns {boolean} Whether the URL is external\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = DEFAULT_ALLOWED_HOSTNAMES,\n): boolean {\n  if (isRelativeUrl(urlOrPath)) return false;\n\n  // For protocol-relative URLs, prepend 'http:' to properly parse\n  const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);\n\n  const requestHostname = hostname.toLowerCase();\n  const currentHostname = window.location?.hostname?.toLowerCase?.() || '';\n\n  // Check if hostname is in the allowed list\n  if (\n    allowedHostnames.length > 0 &&\n    allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)\n  ) {\n    return false;\n  }\n\n  // Only treat as internal if it's the exact same hostname as current\n  return requestHostname !== currentHostname;\n}\n"],"names":["isRelativeUrl"],"mappings":";;;;AAEA;AACO,MAAM,yBAAyB,GAAa;AAEnD;;;;;;;;;;AAUG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,yBAAyB,EAAA;;IAEtD,IAAIA,sBAAa,CAAC,SAAS,CAAC;AAAE,QAAA,OAAO,KAAK;;IAG1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AAE1F,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;AAC9C,IAAA,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,WAAW,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAI,EAAE;;AAGxE,IAAA,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;AAC3B,QAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,EAC7E;AACA,QAAA,OAAO,KAAK;AACb;;IAGD,OAAO,eAAe,KAAK,eAAe;AAC5C;;;;;"}

package/dist/components/Anchor/isExternalLink.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_ALLOWED_HOSTNAMES: string[];
+/**
+ * Check if a URL/path string is an external link
+ *
+ * External links are any that would take the user away from their current domain,
+ * with relative paths considered internal, but any other domain (including
+ * other veeqo.com subdomains like help.veeqo.com) considered external.
+ *
+ * @param {string} urlOrPath - URL or path to check
+ * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal
+ * @returns {boolean} Whether the URL is external
+ */
+export declare function isExternalLink(urlOrPath: string, allowedHostnames?: string[]): boolean;

package/dist/components/Anchor/isExternalLink.js

@@ -0,0 +1,34 @@
+import { isRelativeUrl } from './utils/urlUtils.js';
+
+// Default empty array for backward compatibility
+const DEFAULT_ALLOWED_HOSTNAMES = [];
+/**
+ * Check if a URL/path string is an external link
+ *
+ * External links are any that would take the user away from their current domain,
+ * with relative paths considered internal, but any other domain (including
+ * other veeqo.com subdomains like help.veeqo.com) considered external.
+ *
+ * @param {string} urlOrPath - URL or path to check
+ * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal
+ * @returns {boolean} Whether the URL is external
+ */
+function isExternalLink(urlOrPath, allowedHostnames = DEFAULT_ALLOWED_HOSTNAMES) {
+    var _a, _b, _c;
+    if (isRelativeUrl(urlOrPath))
+        return false;
+    // For protocol-relative URLs, prepend 'http:' to properly parse
+    const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);
+    const requestHostname = hostname.toLowerCase();
+    const currentHostname = ((_c = (_b = (_a = window.location) === null || _a === undefined ? undefined : _a.hostname) === null || _b === undefined ? undefined : _b.toLowerCase) === null || _c === undefined ? undefined : _c.call(_b)) || '';
+    // Check if hostname is in the allowed list
+    if (allowedHostnames.length > 0 &&
+        allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)) {
+        return false;
+    }
+    // Only treat as internal if it's the exact same hostname as current
+    return requestHostname !== currentHostname;
+}
+
+export { DEFAULT_ALLOWED_HOSTNAMES, isExternalLink };
+//# sourceMappingURL=isExternalLink.js.map

package/dist/components/Anchor/isExternalLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isExternalLink.js","sources":["../../../src/components/Anchor/isExternalLink.ts"],"sourcesContent":["import { isRelativeUrl } from './utils/urlUtils';\n\n// Default empty array for backward compatibility\nexport const DEFAULT_ALLOWED_HOSTNAMES: string[] = [];\n\n/**\n * Check if a URL/path string is an external link\n *\n * External links are any that would take the user away from their current domain,\n * with relative paths considered internal, but any other domain (including\n * other veeqo.com subdomains like help.veeqo.com) considered external.\n *\n * @param {string} urlOrPath - URL or path to check\n * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal\n * @returns {boolean} Whether the URL is external\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = DEFAULT_ALLOWED_HOSTNAMES,\n): boolean {\n  if (isRelativeUrl(urlOrPath)) return false;\n\n  // For protocol-relative URLs, prepend 'http:' to properly parse\n  const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);\n\n  const requestHostname = hostname.toLowerCase();\n  const currentHostname = window.location?.hostname?.toLowerCase?.() || '';\n\n  // Check if hostname is in the allowed list\n  if (\n    allowedHostnames.length > 0 &&\n    allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)\n  ) {\n    return false;\n  }\n\n  // Only treat as internal if it's the exact same hostname as current\n  return requestHostname !== currentHostname;\n}\n"],"names":[],"mappings":";;AAEA;AACO,MAAM,yBAAyB,GAAa;AAEnD;;;;;;;;;;AAUG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,yBAAyB,EAAA;;IAEtD,IAAI,aAAa,CAAC,SAAS,CAAC;AAAE,QAAA,OAAO,KAAK;;IAG1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AAE1F,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;AAC9C,IAAA,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,WAAW,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAI,EAAE;;AAGxE,IAAA,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;AAC3B,QAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,EAC7E;AACA,QAAA,OAAO,KAAK;AACb;;IAGD,OAAO,eAAe,KAAK,eAAe;AAC5C;;;;"}

package/dist/components/Anchor/styled.cjs

@@ -1,13 +1,38 @@
 'use strict';
 
 var styled = require('styled-components');
+var utils = require('../../theme/utils.cjs');
 var index = require('../../theme/index.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const CommonAnchor = styled__default.default.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--14i39s8" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${index.theme.text.link.fontFamily};font-style:${index.theme.text.link.fontStyle};font-weight:${index.theme.text.link.fontWeight};font-size:${index.theme.text.link.fontSize};line-height:${index.theme.text.link.lineHeight};color:${index.theme.colors.secondary.blue.base};text-decoration:${index.theme.text.link.textDecoration};&:hover{color:${index.theme.colors.secondary.blue.dark};}`;
+const sizeMappings = {
+    lg: index.theme.sizes.md,
+    md: index.theme.sizes[5],
+    base: index.theme.sizes.base,
+    sm: index.theme.sizes[3],
+};
+const styleMappings = {
+    lg: 'linkLarge',
+    md: 'linkMedium',
+    base: 'link',
+    sm: 'linkSmall',
+};
+const UnstyledAnchor = styled__default.default.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
+// Standard variant styling
+const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;}`;
+// Inherit font size and line height from parent
+const InheritAnchor = styled__default.default(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
+const AnchorMapping = {
+    base: StandardAnchor,
+    unstyled: UnstyledAnchor,
+    inherit: InheritAnchor,
+};
 
-exports.CommonAnchor = CommonAnchor;
+exports.AnchorMapping = AnchorMapping;
+exports.InheritAnchor = InheritAnchor;
+exports.StandardAnchor = StandardAnchor;
+exports.UnstyledAnchor = UnstyledAnchor;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Anchor/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nexport const CommonAnchor = styled.a`\n  box-sizing: border-box;\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-style: ${theme.text.link.fontStyle};\n  font-weight: ${theme.text.link.fontWeight};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.lineHeight};\n  color: ${theme.colors.secondary.blue.base};\n  text-decoration: ${theme.text.link.textDecoration};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAIa,MAAA,YAAY,GAAGA,uBAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnBC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n  size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: theme.sizes.md,\n  md: theme.sizes[5],\n  base: theme.sizes.base,\n  sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: 'linkLarge',\n  md: 'linkMedium',\n  base: 'link',\n  sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n  display: inline-flex;\n  align-items: center;\n\n  cursor: pointer;\n  transition: color 0.1s ease;\n  text-decoration: none;\n  padding: 0 2px;\n\n  ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n  &:focus {\n    outline: 0;\n    border-color: ${theme.colors.secondary.blue.dark};\n    border-radius: ${theme.radius.base};\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  svg {\n    width: ${({ size }) => sizeMappings[size]};\n    height: ${({ size }) => sizeMappings[size]};\n    vertical-align: middle;\n  }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n  font-size: inherit;\n  line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n  NonNullable<AnchorProps['variant']>,\n  StyledComponent<'a', any, StyledAnchorProps>\n> = {\n  base: StandardAnchor,\n  unstyled: UnstyledAnchor,\n  inherit: InheritAnchor,\n};\n"],"names":["theme","styled","getTextStyles"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAGC,uBAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAGA,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAKC,mBAAa,CAACF,WAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5CA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/BA,WAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAK9C;MACa,aAAa,GAAGC,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;;;;"}

package/dist/components/Anchor/styled.d.ts

@@ -1 +1,10 @@
-export declare const CommonAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
+import { StyledComponent } from 'styled-components';
+import { AnchorProps, AnchorSize } from './types';
+type StyledAnchorProps = {
+    size: AnchorSize;
+};
+export declare const UnstyledAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
+export declare const StandardAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
+export declare const InheritAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
+export declare const AnchorMapping: Record<NonNullable<AnchorProps['variant']>, StyledComponent<'a', any, StyledAnchorProps>>;
+export {};

package/dist/components/Anchor/styled.js

@@ -1,7 +1,29 @@
 import styled from 'styled-components';
+import { getTextStyles } from '../../theme/utils.js';
 import { theme } from '../../theme/index.js';
 
-const CommonAnchor = styled.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--14i39s8" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${theme.text.link.fontFamily};font-style:${theme.text.link.fontStyle};font-weight:${theme.text.link.fontWeight};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.lineHeight};color:${theme.colors.secondary.blue.base};text-decoration:${theme.text.link.textDecoration};&:hover{color:${theme.colors.secondary.blue.dark};}`;
+const sizeMappings = {
+    lg: theme.sizes.md,
+    md: theme.sizes[5],
+    base: theme.sizes.base,
+    sm: theme.sizes[3],
+};
+const styleMappings = {
+    lg: 'linkLarge',
+    md: 'linkMedium',
+    base: 'link',
+    sm: 'linkSmall',
+};
+const UnstyledAnchor = styled.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
+// Standard variant styling
+const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;}`;
+// Inherit font size and line height from parent
+const InheritAnchor = styled(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
+const AnchorMapping = {
+    base: StandardAnchor,
+    unstyled: UnstyledAnchor,
+    inherit: InheritAnchor,
+};
 
-export { CommonAnchor };
+export { AnchorMapping, InheritAnchor, StandardAnchor, UnstyledAnchor };
 //# sourceMappingURL=styled.js.map

package/dist/components/Anchor/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nexport const CommonAnchor = styled.a`\n  box-sizing: border-box;\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-style: ${theme.text.link.fontStyle};\n  font-weight: ${theme.text.link.fontWeight};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.lineHeight};\n  color: ${theme.colors.secondary.blue.base};\n  text-decoration: ${theme.text.link.textDecoration};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n`;\n"],"names":[],"mappings":";;;AAIa,MAAA,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n  size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: theme.sizes.md,\n  md: theme.sizes[5],\n  base: theme.sizes.base,\n  sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: 'linkLarge',\n  md: 'linkMedium',\n  base: 'link',\n  sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n  display: inline-flex;\n  align-items: center;\n\n  cursor: pointer;\n  transition: color 0.1s ease;\n  text-decoration: none;\n  padding: 0 2px;\n\n  ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n  &:focus {\n    outline: 0;\n    border-color: ${theme.colors.secondary.blue.dark};\n    border-radius: ${theme.radius.base};\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  svg {\n    width: ${({ size }) => sizeMappings[size]};\n    height: ${({ size }) => sizeMappings[size]};\n    vertical-align: middle;\n  }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n  font-size: inherit;\n  line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n  NonNullable<AnchorProps['variant']>,\n  StyledComponent<'a', any, StyledAnchorProps>\n> = {\n  base: StandardAnchor,\n  unstyled: UnstyledAnchor,\n  inherit: InheritAnchor,\n};\n"],"names":[],"mappings":";;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAG,MAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAK,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5C,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/B,KAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAK9C;MACa,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;"}

package/dist/components/Anchor/types.d.ts

@@ -0,0 +1,45 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+/**
+ * Available style variants for the Anchor component
+ */
+export type AnchorVariant = 'base' | 'unstyled' | 'inherit';
+export type AnchorSize = 'lg' | 'md' | 'base' | 'sm';
+/**
+ * Props for the Anchor component
+ */
+export interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * The visual style variant of the anchor
+     * @default 'base'
+     */
+    variant?: AnchorVariant;
+    /**
+     * The size of the anchor
+     * @default 'base'
+     */
+    size?: AnchorSize;
+    /**
+     * Whether to show a help icon on the left side of the anchor text
+     * @default false
+     */
+    showHelpIcon?: boolean;
+    /**
+     * Slot for a custom icon on the left side of the anchor text
+     * @default null
+     */
+    leftIconSlot?: ReactNode | null;
+    /**
+     * Whether to hide the external link icon
+     * @default false
+     */
+    hideExternalLinkIcon?: boolean;
+    /**
+     * List of hostnames to consider as internal links
+     * @default []
+     */
+    allowedHostnames?: string[];
+    /**
+     * The content of the anchor
+     */
+    children: ReactNode;
+}

package/dist/components/Anchor/utils/urlUtils.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+/**
+ * Utility functions for URL processing
+ */
+/**
+ * Checks if the URL should have a prefix added based on the current context
+ * @returns {boolean} Whether a prefix should be added
+ */
+const shouldAddPrefix = () => !!(window.veeqoContext &&
+    window.veeqoContext.vqHost !== 'standalone' &&
+    window.veeqoContext.baseUrl);
+/**
+ * Checks if a URL is relative (not starting with http://, https://, or //)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is relative
+ */
+const isRelativeUrl = (url) => !url.match(/^(https?:\/\/|\/\/)/);
+/**
+ * Checks if a URL is an anchor link (starts with #)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is an anchor link
+ */
+const isAnchorUrl = (url) => url.startsWith('#');
+/**
+ * Adds the appropriate prefix to a URL based on the current context
+ * @param {string} url - The URL to add a prefix to
+ * @returns {string} The URL with prefix added if needed
+ */
+const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext) === null || _a === undefined ? undefined : _a.baseUrl) || ''}${url.startsWith('/') ? '' : '/'}${url}`; };
+/**
+ * Processes a URL by adding the appropriate prefix if needed
+ * @param {string} url - The URL to process
+ * @returns {string} The processed URL
+ */
+const createContextAwareUrl = (url) => {
+    // Don't modify anchor URLs (they should be treated as absolute)
+    if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
+        return url;
+    return addPrefixToUrl(url);
+};
+
+exports.addPrefixToUrl = addPrefixToUrl;
+exports.createContextAwareUrl = createContextAwareUrl;
+exports.isAnchorUrl = isAnchorUrl;
+exports.isRelativeUrl = isRelativeUrl;
+exports.shouldAddPrefix = shouldAddPrefix;
+//# sourceMappingURL=urlUtils.cjs.map

package/dist/components/Anchor/utils/urlUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string): string => {\n  // Don't modify anchor URLs (they should be treated as absolute)\n  if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAAW,KAAY;;AAE3D,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAE7E,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;"}

package/dist/components/Anchor/utils/urlUtils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Utility functions for URL processing
+ */
+/**
+ * Checks if the URL should have a prefix added based on the current context
+ * @returns {boolean} Whether a prefix should be added
+ */
+export declare const shouldAddPrefix: () => boolean;
+/**
+ * Checks if a URL is relative (not starting with http://, https://, or //)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is relative
+ */
+export declare const isRelativeUrl: (url: string) => boolean;
+/**
+ * Checks if a URL is an anchor link (starts with #)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is an anchor link
+ */
+export declare const isAnchorUrl: (url: string) => boolean;
+/**
+ * Adds the appropriate prefix to a URL based on the current context
+ * @param {string} url - The URL to add a prefix to
+ * @returns {string} The URL with prefix added if needed
+ */
+export declare const addPrefixToUrl: (url: string) => string;
+/**
+ * Processes a URL by adding the appropriate prefix if needed
+ * @param {string} url - The URL to process
+ * @returns {string} The processed URL
+ */
+export declare const createContextAwareUrl: (url: string) => string;