@hashicorp/mds-react 0.9.13 → 0.9.15

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

@@ -0,0 +1,27 @@
+import type { ButtonHTMLAttributes, MouseEventHandler, ForwardRefExoticComponent } from 'react';
+interface InteractiveProps extends React.HTMLAttributes<HTMLElement> {
+    isHrefExternal?: boolean;
+    href?: string;
+    onClick?: MouseEventHandler;
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    prefetch?: boolean;
+    locale?: string;
+}
+declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+/**
+ * Smaller, local version of our getLocalizedLinkProps util,
+ * cloned here to work around a cyclic dependency issue
+ * with the main @web/utils package in the web repo.
+ *
+ * @param url An internal URL path
+ * @param locale A supported locale
+ * @returns A prefixed URL if locale is defined, otherwise the URL without prefix
+ */
+export declare const getLocalizedLinkProps: (href: string, locale?: string, isHrefExternal?: boolean) => {
+    href: string;
+    hrefLang: string | undefined;
+    isHrefExternal?: boolean;
+};
+export type { InteractiveProps };
+export { Interactive };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/interactive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACX,oBAAoB,EACpB,iBAAiB,EACjB,yBAAyB,EACzB,MAAM,OAAO,CAAA;AAGd,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,oHA2Cf,CAAA;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GACjC,MAAM,MAAM,EACZ,SAAS,MAAM,EACf,iBAAiB,OAAO,KACtB;IACF,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;CAgCxB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/interactive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/interactive/index.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\nimport type {\n\tButtonHTMLAttributes,\n\tMouseEventHandler,\n\tForwardRefExoticComponent,\n} from 'react'\nimport { useMDSLink } from '../../utils/mds-context'\n\ninterface InteractiveProps extends React.HTMLAttributes<HTMLElement> {\n\tisHrefExternal?: boolean\n\thref?: string\n\tonClick?: MouseEventHandler\n\ttype?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n\tprefetch?: boolean\n\tlocale?: string\n}\n\nconst Interactive = forwardRef<\n\tHTMLAnchorElement | HTMLButtonElement,\n\tInteractiveProps\n>((props, ref) => {\n\tconst Link = useMDSLink()\n\tconst {\n\t\thref,\n\t\tclassName,\n\t\tisHrefExternal,\n\t\tonClick,\n\t\tchildren,\n\t\tlocale,\n\t\t...rest\n\t} = props\n\n\t// TODO: trigger link on space key up\n\tif (href) {\n\t\treturn (\n\t\t\t<Link\n\t\t\t\tclassName={className}\n\t\t\t\ttarget={isHrefExternal ? '_blank' : undefined}\n\t\t\t\trel={isHrefExternal ? 'noopener noreferrer' : undefined}\n\t\t\t\tonClick={onClick}\n\t\t\t\t{...getLocalizedLinkProps(href, locale, isHrefExternal)}\n\t\t\t\t{...rest}\n\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLAnchorElement>}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Link>\n\t\t)\n\t} else {\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={className}\n\t\t\t\tonClick={onClick}\n\t\t\t\t{...rest}\n\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLButtonElement>}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t)\n\t}\n})\nInteractive.displayName = 'Interactive'\n\n/**\n * Smaller, local version of our getLocalizedLinkProps util,\n * cloned here to work around a cyclic dependency issue\n * with the main @web/utils package in the web repo.\n *\n * @param url An internal URL path\n * @param locale A supported locale\n * @returns A prefixed URL if locale is defined, otherwise the URL without prefix\n */\nexport const getLocalizedLinkProps = (\n\thref: string,\n\tlocale?: string,\n\tisHrefExternal?: boolean,\n): {\n\thref: string\n\threfLang: string | undefined\n\tisHrefExternal?: boolean\n} => {\n\tif (isHrefExternal) {\n\t\treturn {\n\t\t\thref: href,\n\t\t\threfLang: undefined,\n\t\t}\n\t}\n\n\tif (\n\t\t['en', 'de', 'es', 'fr', 'ja', 'ko', 'pt', 'id'].includes(\n\t\t\thref.substring(1, 3),\n\t\t)\n\t) {\n\t\t// Don't localize if the href is already localized\n\t\treturn {\n\t\t\thref: href,\n\t\t\threfLang: href.substring(1, 3),\n\t\t}\n\t}\n\n\tif (href.startsWith('/') && locale) {\n\t\treturn {\n\t\t\thref: `/${locale}${href}`,\n\t\t\threfLang: locale,\n\t\t}\n\t}\n\n\treturn {\n\t\thref: href,\n\t\threfLang: undefined,\n\t}\n}\n\nexport type { InteractiveProps }\nexport { Interactive }\n"],"names":["Interactive","forwardRef","props","ref","Link","useMDSLink","href","className","isHrefExternal","onClick","children","locale","rest","jsx","getLocalizedLinkProps"],"mappings":";;;;AAuBC,MAAAA,IAAaC,EAAW,CAAAC,GAAAC,MAAA;AACxB,QAAMC,IAAAC,EAAA,GACL;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,OACGC;AAAA,EAGJ,IAAIV;AACH,aACE,gBAAAW;AAAA,IAAAT;AAAA,IAAA;AAAA,MAEA,WAAAG;AAAA,MACA,QAAKC,IAAiB,WAAA;AAAA,MACtB,KAAAA,IAAA,wBAAA;AAAA,MACC,SAAAC;AAAA,MACA,GAAGK,EAAAR,GAAAK,GAAAH,CAAA;AAAA,MACJ,GAAAI;AAAA,MAEC,KAAAT;AAAA,MAAA,UAAAO;AAAA,IACF;AAAA,EAEF,IAEG,gBAAAG;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,MAAA;AAAA,MACA,WAAAN;AAAA,MACC,SAAAE;AAAA,MACD,GAAAG;AAAA,MAEC,KAAAT;AAAA,MAAA,UAAAO;AAAA,IACF;AAAA,EAEF;AAED,CAAA;AAWOV,EAAM,cAAA;AASZ,MAAIc,IAAgB,CAAAR,GAAAK,GAAAH,MACnBA,IACC;AAAA,EACA,MAAAF;AAAA,EACD,UAAA;AACD,WAIO,MAAU,MAAI,MAAA,MAAA,MAAA,MAAA,IAAA,EAAA;AAAA,EACpBA,EACC,UAAA,GAAA,CAAA;AAED,IACC;AAAA,EACA,MAAAA;AAAA,EACD,UAAAA,EAAA,UAAA,GAAA,CAAA;AACD,IAGCA,EAAO,WAAA,GAAA,KAAAK,IACN;AAAA,EACA,UAAUA,CAAA,GAAAL,CAAA;AAAA,EACX,UAAAK;AACD,IAGC;AAAA,EACA,MAAAL;AAAA,EACD,UAAA;AACD;"}

package/dist/components/legacy-button/index.d.ts

@@ -0,0 +1,6 @@
+import { type ForwardRefExoticComponent } from 'react';
+import type { ButtonProps } from './types';
+/** @deprecated Use <Button> from '@hashicorp/mds-react/button' instead. Will be removed in v1.0. */
+declare const MDSButton: ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export { MDSButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/legacy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/legacy-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAA;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,oGAAoG;AACpG,QAAA,MAAM,SAAS,+GAwEd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/legacy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/legacy-button/index.tsx"],"sourcesContent":["import { type ForwardRefExoticComponent, forwardRef } from 'react'\nimport type { ButtonProps } from './types'\nimport { determineColor, LINK_TYPE_ICON_MAP } from './utils'\nimport { StandaloneLink } from '../standalone-link'\nimport { Button } from '../button'\n\n/** @deprecated Use <Button> from '@hashicorp/mds-react/button' instead. Will be removed in v1.0. */\nconst MDSButton = forwardRef<\n\tHTMLAnchorElement | HTMLButtonElement,\n\tButtonProps\n>(\n\t(\n\t\t{\n\t\t\tlocale,\n\t\t\ttext,\n\t\t\ttitle,\n\t\t\turl,\n\t\t\thref,\n\t\t\tlinkType,\n\t\t\tonClick,\n\t\t\texternal,\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\ticon,\n\t\t\ticonPosition = 'trailing',\n\t\t\tlabel,\n\t\t\tdisabled,\n\t\t\ttype,\n\t\t\ttheme,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst color = determineColor(theme)\n\n\t\tif (color === 'tertiary') {\n\t\t\t// We prefer the Standalone Link component over the tertiary\n\t\t\t// button styles.\n\t\t\treturn (\n\t\t\t\t<StandaloneLink\n\t\t\t\t\ttext={(text || title) as string}\n\t\t\t\t\tcolor={\n\t\t\t\t\t\ttheme?.background === 'dark' ? 'secondary-inverted' : 'secondary'\n\t\t\t\t\t}\n\t\t\t\t\thref={url || href}\n\t\t\t\t\ticon={linkType ? LINK_TYPE_ICON_MAP[linkType] : icon}\n\t\t\t\t\ticonPosition={linkType ? 'trailing' : iconPosition}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tonClick={onClick as () => void}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tisHrefExternal={linkType === 'outbound' || external}\n\t\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLAnchorElement>}\n\t\t\t\t\tlocale={locale}\n\t\t\t\t/>\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ttext={text || title}\n\t\t\t\thref={url || href}\n\t\t\t\tisHrefExternal={linkType === 'outbound' || external}\n\t\t\t\tcolor={determineColor(theme)}\n\t\t\t\ttype={type}\n\t\t\t\ticon={linkType ? LINK_TYPE_ICON_MAP[linkType] : icon}\n\t\t\t\ticonPosition={linkType ? 'trailing' : iconPosition}\n\t\t\t\tonClick={onClick as React.MouseEventHandler<HTMLButtonElement>}\n\t\t\t\tclassName={className}\n\t\t\t\t// Default buttons to the large size unless we specifically request the\n\t\t\t\t// small variant\n\t\t\t\tsize={size === 'small' ? 'medium' : 'large'}\n\t\t\t\taria-label={label}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLButtonElement>}\n\t\t\t\tlocale={locale}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t)\n\t},\n)\n\nMDSButton.displayName = 'MDSButton'\n\nexport { MDSButton }\n"],"names":["MDSButton","forwardRef","locale","text","title","url","href","linkType","onClick","external","className","size","icon","iconPosition","label","disabled","type","theme","rest","ref","determineColor","jsx","StandaloneLink","LINK_TYPE_ICON_MAP","Button"],"mappings":";;;;;AAOA,MAAMA,IAAYC;AAAA,EAIjB,CACC;AAAA,IACC,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEJC,MAEcC,EAAeH,CAAK,MAEpB,aAIZ,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAOnB,KAAQC;AAAA,MACf,OACCa,GAAO,eAAe,SAAS,uBAAuB;AAAA,MAEvD,MAAMZ,KAAOC;AAAA,MACb,MAAMC,IAAWgB,EAAmBhB,CAAQ,IAAIK;AAAA,MAChD,cAAcL,IAAW,aAAaM;AAAA,MACtC,WAAAH;AAAA,MACA,SAAAF;AAAA,MACA,MAAAG;AAAA,MACA,gBAAgBJ,MAAa,cAAcE;AAAA,MAC3C,KAAAU;AAAA,MACA,QAAAjB;AAAA,IAAA;AAAA,EAAA,IAMF,gBAAAmB;AAAA,IAACG;AAAA,IAAA;AAAA,MACA,MAAMrB,KAAQC;AAAA,MACd,MAAMC,KAAOC;AAAA,MACb,gBAAgBC,MAAa,cAAcE;AAAA,MAC3C,OAAOW,EAAeH,CAAK;AAAA,MAC3B,MAAAD;AAAA,MACA,MAAMT,IAAWgB,EAAmBhB,CAAQ,IAAIK;AAAA,MAChD,cAAcL,IAAW,aAAaM;AAAA,MACtC,SAAAL;AAAA,MACA,WAAAE;AAAA,MAGA,MAAMC,MAAS,UAAU,WAAW;AAAA,MACpC,cAAYG;AAAA,MACZ,UAAAC;AAAA,MACA,KAAAI;AAAA,MACA,QAAAjB;AAAA,MACC,GAAGgB;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAlB,EAAU,cAAc;"}

package/dist/components/legacy-button/types.d.ts

@@ -0,0 +1,38 @@
+import type { COLORS } from './utils';
+type HashiCorpProduct = 'hashicorp' | 'boundary' | 'consul' | 'nomad' | 'packer' | 'terraform' | 'vault' | 'vagrant' | 'waypoint';
+export type Size = 'medium' | 'small';
+export type ThemeBackground = 'light' | 'dark' | 'brand';
+export interface Theme {
+    variant?: ThemeVariant;
+    background?: ThemeBackground;
+    brand?: HashiCorpProduct | 'neutral';
+}
+export type LinkType = 'inbound' | 'outbound' | 'anchor' | 'download';
+export type ThemeVariant = 'primary' | 'secondary' | 'tertiary' | 'tertiary-neutral' | 'ghost';
+export type ButtonColor = (typeof COLORS)[number];
+export interface ButtonBaseProps {
+    url?: string;
+    href?: string;
+    label?: string;
+    className?: string;
+    external?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>;
+    size?: Size;
+    linkType?: LinkType;
+    disabled?: boolean;
+    icon?: string;
+    iconPosition?: 'leading' | 'trailing';
+    theme?: Theme;
+    type?: 'button' | 'submit' | 'reset';
+    locale?: string;
+}
+/** @deprecated Use type ButtonProps from '@hashicorp/mds-react/button' instead. Will be removed in v1.0. */
+export type ButtonProps = (ButtonBaseProps & {
+    title: string;
+    text?: string;
+}) | (ButtonBaseProps & {
+    title?: undefined;
+    text: string;
+});
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/legacy-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/legacy-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,KAAK,gBAAgB,GAClB,WAAW,GACX,UAAU,GACV,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,WAAW,GACX,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEb,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAA;AACrC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;AACxD,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACpC;AACD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAA;AACrE,MAAM,MAAM,YAAY,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,kBAAkB,GAClB,OAAO,CAAA;AACV,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEjD,MAAM,WAAW,eAAe;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EACL,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAC1C,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC7C,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IACrC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,4GAA4G;AAC5G,MAAM,MAAM,WAAW,GACpB,CAAC,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACpD,CAAC,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}

package/dist/components/legacy-button/utils.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonColor, Theme } from './types';
+export declare const COLORS: readonly ["primary", "primary-black", "primary-white", "secondary", "secondary-high-contrast", "secondary-white", "secondary-black", "tertiary", "critical", "boundary", "consul", "nomad", "packer", "terraform", "vagrant", "vault", "waypoint", "hashicorp"];
+export declare function determineColor(theme?: Theme): ButtonColor;
+export declare const LINK_TYPE_ICON_MAP: {
+    inbound: string;
+    outbound: string;
+    download: string;
+    anchor: string;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/legacy-button/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/legacy-button/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAE/D,eAAO,MAAM,MAAM,iQAmBT,CAAA;AAEV,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CAsCzD;AAED,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAA"}

package/dist/components/legacy-button/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/legacy-button/utils.tsx"],"sourcesContent":["import type { ButtonColor, Theme, ThemeVariant } from './types'\n\nexport const COLORS = [\n\t'primary',\n\t'primary-black',\n\t'primary-white',\n\t'secondary', // deprecated; maps to secondary-white\n\t'secondary-high-contrast', // alternates between secondary-black and secondary-white based on theme\n\t'secondary-white',\n\t'secondary-black',\n\t'tertiary',\n\t'critical',\n\t'boundary',\n\t'consul',\n\t'nomad',\n\t'packer',\n\t'terraform',\n\t'vagrant',\n\t'vault',\n\t'waypoint',\n\t'hashicorp', // alias to primary\n] as const\n\nexport function determineColor(theme?: Theme): ButtonColor {\n\tconst variant: ThemeVariant = theme?.variant ? theme.variant : 'primary'\n\n\tif (variant === 'primary') {\n\t\tswitch (theme?.brand) {\n\t\t\tcase 'hashicorp':\n\t\t\t\treturn 'primary'\n\t\t\tcase 'boundary':\n\t\t\tcase 'consul':\n\t\t\tcase 'nomad':\n\t\t\tcase 'packer':\n\t\t\tcase 'terraform':\n\t\t\tcase 'vagrant':\n\t\t\tcase 'vault':\n\t\t\tcase 'waypoint':\n\t\t\t\treturn theme.brand\n\t\t\tcase 'neutral':\n\t\t\t\treturn 'secondary-high-contrast'\n\t\t\tdefault:\n\t\t\t\treturn 'primary'\n\t\t}\n\t}\n\n\tif (variant === 'secondary') {\n\t\treturn 'secondary'\n\t}\n\n\tif (\n\t\tvariant === 'tertiary' ||\n\t\tvariant === 'tertiary-neutral' ||\n\t\tvariant === 'ghost'\n\t) {\n\t\treturn 'tertiary'\n\t}\n\n\tthrow new Error(\n\t\t`Unable to determine HDS Button color from theme: ${JSON.stringify(theme)}`,\n\t)\n}\n\nexport const LINK_TYPE_ICON_MAP = {\n\tinbound: 'arrow-right',\n\toutbound: 'external-link',\n\tdownload: 'download',\n\tanchor: 'anchor',\n}\n"],"names":["determineColor","theme","variant","LINK_TYPE_ICON_MAP"],"mappings":"AAuBO,SAASA,EAAeC,GAA4B;AAC1D,QAAMC,IAAwBD,GAAO,UAAUA,EAAM,UAAU;AAE/D,MAAIC,MAAY;AACf,YAAQD,GAAO,OAAA;AAAA,MACd,KAAK;AACJ,eAAO;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACJ,eAAOA,EAAM;AAAA,MACd,KAAK;AACJ,eAAO;AAAA,MACR;AACC,eAAO;AAAA,IAAA;AAIV,MAAIC,MAAY;AACf,WAAO;AAGR,MACCA,MAAY,cACZA,MAAY,sBACZA,MAAY;AAEZ,WAAO;AAGR,QAAM,IAAI;AAAA,IACT,oDAAoD,KAAK,UAAUD,CAAK,CAAC;AAAA,EAAA;AAE3E;AAEO,MAAME,IAAqB;AAAA,EACjC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AACT;"}

package/dist/components/menu-primitive/index.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode, type HTMLAttributes } from 'react';
+interface MenuPrimitiveProps extends HTMLAttributes<HTMLDivElement> {
+    onClose?: () => void;
+    isFullWidth?: boolean;
+    children: ReactNode;
+}
+declare const Provider: ({ onClose, isFullWidth, children, className, ...rest }: MenuPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Content: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { Provider, Toggle, Content };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menu-primitive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-primitive/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKN,KAAK,SAAS,EAGd,KAAK,cAAc,EACnB,MAAM,OAAO,CAAA;AASd,UAAU,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,GAAI,wDAMf,kBAAkB,4CAqEpB,CAAA;AAED,QAAA,MAAM,MAAM,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAOpD,CAAA;AAED,QAAA,MAAM,OAAO,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAOrD,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/menu-primitive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/menu-primitive/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tuseMemo,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n\ttype ReactNode,\n\ttype FocusEvent,\n\ttype KeyboardEvent,\n\ttype HTMLAttributes,\n} from 'react'\nimport classNames from 'classnames'\nimport {\n\tMenuPrimitiveContext,\n\tuseMenuPrimitive,\n\ttype MenuPrimitiveContextState,\n} from './use-menu-primitive'\nimport s from './styles.module.css'\n\ninterface MenuPrimitiveProps extends HTMLAttributes<HTMLDivElement> {\n\tonClose?: () => void\n\tisFullWidth?: boolean\n\tchildren: ReactNode\n}\n\nconst Provider = ({\n\tonClose,\n\tisFullWidth,\n\tchildren,\n\tclassName,\n\t...rest\n}: MenuPrimitiveProps) => {\n\tconst [isOpen, setIsOpen] = useState(false)\n\tconst menuRef = useRef<HTMLDivElement | null>(null)\n\tconst toggleRef = useRef<HTMLDivElement | null>(null)\n\n\tconst closeMenu = useCallback(() => {\n\t\tsetIsOpen(false)\n\t\tif (onClose) {\n\t\t\tonClose()\n\t\t}\n\t}, [setIsOpen, onClose])\n\n\tconst onClickToggle = useCallback(() => {\n\t\tsetIsOpen((prevState) => !prevState)\n\t\ttoggleRef?.current?.focus()\n\t}, [toggleRef, setIsOpen])\n\n\tconst onFocusOut = useCallback(\n\t\t(event: FocusEvent) => {\n\t\t\tif (\n\t\t\t\t!menuRef?.current?.contains(\n\t\t\t\t\tevent.relatedTarget || document.activeElement,\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tcloseMenu()\n\t\t\t}\n\t\t},\n\t\t[closeMenu],\n\t)\n\n\tconst onKeyUp = useCallback(\n\t\t(event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\tcloseMenu()\n\t\t\t\ttoggleRef?.current?.querySelector('button')?.focus()\n\t\t\t}\n\t\t},\n\t\t[closeMenu],\n\t)\n\n\tconst contextValue: MenuPrimitiveContextState = useMemo(\n\t\t() => ({\n\t\t\tisOpen,\n\t\t\tonClickToggle,\n\t\t\ttoggleRef,\n\t\t\tcloseMenu,\n\t\t}),\n\t\t[isOpen, onClickToggle, toggleRef, closeMenu],\n\t)\n\n\treturn (\n\t\t<MenuPrimitiveContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['menu-primitive'],\n\t\t\t\t\t{\n\t\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t\t},\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tonBlur={onFocusOut}\n\t\t\t\tonKeyUp={onKeyUp}\n\t\t\t\tref={menuRef}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</MenuPrimitiveContext.Provider>\n\t)\n}\n\nconst Toggle = ({ children }: { children: ReactNode }) => {\n\tconst { toggleRef } = useMenuPrimitive()\n\treturn (\n\t\t<div className=\"hds-menu-primitive__toggle\" ref={toggleRef}>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nconst Content = ({ children }: { children: ReactNode }) => {\n\tconst { isOpen } = useMenuPrimitive()\n\treturn (\n\t\t<div className={isOpen ? s.isOpen : s.isClosed} tabIndex={-1}>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nexport { Provider, Toggle, Content }\n"],"names":["Provider","onClose","isFullWidth","children","className","rest","isOpen","setIsOpen","useState","menuRef","useRef","toggleRef","closeMenu","useCallback","prevState","event","contextValue","useMemo","onClickToggle","jsx","MenuPrimitiveContext","classNames","s","onFocusOut","onKeyUp","useMenuPrimitive"],"mappings":";;;;;;AA0BkB,MACjBA,IAAA,CAAA;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,CAAAC,GAAAC,KAA4CC,EAAA,EAAA,GAC5CC,IAAAC,EAAY,OAEZC,IAAYD,EAAA,OACjBE,IAAeC,EAAA,MAAA;AACf,IAAAN,IAAa,QAEbN,EAAA;AAAA,EAGD,GAAA,CAAAM,GAAMN,CAAgB,CAAA,OACVY,QAAwB;AACnC,IAAAN,EAAA,CAAWO,MAAS,CAAAA,CAAM,GAC3BH,GAAI,SAAW,MAAU;AAAA,EAEzB,GAAA,CAAAA,GAAMJ,CAAa,CAAA,OACKM;AAAA,IACtB,CAAAE,MACE;AAAkB,MAClBN,GAAM;QACPM,EACC,iBAAA,SAAA;AAAA,MACD,KACDH,EAAA;AAAA,IAED;AAAA,IACD,CAAAA,CAAA;AAAA,EAEA,OAC2BC;AAAA,IACzB,CAAAE,MAAI;AACH,gBAAU,aACVH,EAAA,GACDD,GAAA,SAAA,cAAA,QAAA,GAAA,MAAA;AAAA,IAED;AAAA,IACD,CAAAC,CAAA;AAAA,EAEA,GACCI,IAAOC;AAAA,IAAA,OACN;AAAA,MACA,QAAAX;AAAA,MACA,eAAAY;AAAA,MACA,WAAAP;AAAA,MACD,WAAAC;AAAA,IACA;AAAA,IACD,CAAAN,GAAAY,GAAAP,GAAAC,CAAA;AAAA,EAEA;AAEE,SAAC,gBAAAO,EAAAC,EAAA,UAAA,EAAA,OAAAJ,GAAA,UAAA,gBAAAG;AAAA,IAAA;AAAA,IAAA;AAAA,MACW,WACRE;AAAA,QACFC,EAAA,gBAAA;AAAA,QAAA;AAAA,UAEA,CAAAA,EAAA,YAAA,CAAA,GAAApB;AAAA,QACA;AAAA,QACDE;AAAA,MACA;AAAA,MACA,QAAAmB;AAAA,MACA,SAAAC;AAAA,MACC,KAAGf;AAAA,MAEH,GAAAJ;AAAA,MAAA,UAAAF;AAAA;EAIL,EAAA,CAAA;AAEA,OACS,CAAA,EAAA,UAAAA;AACR,6BACM;AAIP,SAAA,gBAAAgB,EAAA,OAAA,EAAA,WAAA,8BAAA,KAAAR,GAAA,UAAAR,EAAA,CAAA;AAEA,OACS,CAAA,EAAO,UAAAA;AACf,QAAA,EAAA,QAAAG,EAAA,IAAAmB,EACM;AAIP,SAAA,gBAAAN,EAAA,OAAA,EAAA,WAAAb,IAAAgB,EAAA,SAAAA,EAAA,UAAA,UAAA,IAAA,UAAAnB,EAAA,CAAA;;"}

package/dist/components/menu-primitive/use-menu-primitive.d.ts

@@ -0,0 +1,10 @@
+import { type MouseEventHandler, type RefObject } from 'react';
+export interface MenuPrimitiveContextState {
+    isOpen: boolean;
+    onClickToggle: MouseEventHandler<HTMLButtonElement>;
+    toggleRef: RefObject<HTMLDivElement>;
+    closeMenu: () => void;
+}
+export declare const MenuPrimitiveContext: import("react").Context<MenuPrimitiveContextState | undefined>;
+export declare function useMenuPrimitive(): MenuPrimitiveContextState;
+//# sourceMappingURL=use-menu-primitive.d.ts.map

package/dist/components/menu-primitive/use-menu-primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-primitive.d.ts","sourceRoot":"","sources":["../../../src/components/menu-primitive/use-menu-primitive.ts"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,MAAM,OAAO,CAAA;AAEd,MAAM,WAAW,yBAAyB;IACzC,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACnD,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACpC,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,oBAAoB,gEAErB,CAAA;AAGZ,wBAAgB,gBAAgB,IAAI,yBAAyB,CAQ5D"}

package/dist/components/menu-primitive/use-menu-primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-primitive.js","sources":["../../../src/components/menu-primitive/use-menu-primitive.ts"],"sourcesContent":["'use client'\n\nimport {\n\tcreateContext,\n\tuseContext,\n\ttype MouseEventHandler,\n\ttype RefObject,\n} from 'react'\n\nexport interface MenuPrimitiveContextState {\n\tisOpen: boolean\n\tonClickToggle: MouseEventHandler<HTMLButtonElement>\n\ttoggleRef: RefObject<HTMLDivElement>\n\tcloseMenu: () => void\n}\n\nexport const MenuPrimitiveContext = createContext<\n\tMenuPrimitiveContextState | undefined\n>(undefined)\nMenuPrimitiveContext.displayName = 'MenuPrimitiveContext'\n\nexport function useMenuPrimitive(): MenuPrimitiveContextState {\n\tconst context = useContext(MenuPrimitiveContext)\n\tif (context === undefined) {\n\t\tthrow new Error(\n\t\t\t'useMenuPrimitive must be used within a MenuPrimitiveContext.Provider',\n\t\t)\n\t}\n\treturn context\n}\n"],"names":["MenuPrimitiveContext","createContext","useMenuPrimitive","context","useContext"],"mappings":";;AAmBA,MAAAA,IAAqBC,EAAc,MAAA;AAE5BD,gBAAuD;AAC7D,SAAME;AACN,QAAIC,IAAYC,EAAWJ,CAAA;AAC1B,MAAAG,MAAU;AAAA,UACT,IAAA;AAAA,MACD;AAAA,IACD;AAED,SAAAA;;"}

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

@@ -0,0 +1,14 @@
+import { useModal } from './use-modal';
+import type { ReactNode } from 'react';
+interface ModalProps {
+    initialIsOpen?: boolean;
+    initialModalContent?: ReactNode;
+    onClose?: () => void;
+    children: ReactNode;
+}
+declare const ModalProvider: {
+    ({ onClose, initialIsOpen, initialModalContent, children, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { useModal, ModalProvider };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAgB,QAAQ,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,UAAU;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACnB;AAED,QAAA,MAAM,aAAa;iEAKhB,UAAU;;CAoEZ,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useState, useCallback, useEffect } from 'react'\nimport FocusLock from 'react-focus-lock'\nimport { Dialog } from '../dialog-primitive'\nimport { ModalContext, useModal } from './use-modal'\nimport type { ReactNode } from 'react'\nimport type { ModalContextState } from './use-modal'\nimport s from './modal.module.css'\n\ninterface ModalProps {\n\tinitialIsOpen?: boolean\n\tinitialModalContent?: ReactNode\n\tonClose?: () => void\n\tchildren: ReactNode\n}\n\nconst ModalProvider = ({\n\tonClose,\n\tinitialIsOpen = false,\n\tinitialModalContent = null,\n\tchildren,\n}: ModalProps) => {\n\tconst [modalContent, setModalContent] = useState<ReactNode | null>(\n\t\tinitialModalContent,\n\t)\n\tconst [isOpen, setIsOpen] = useState(initialIsOpen)\n\n\tconst closeModal = useCallback(() => {\n\t\tsetIsOpen(false)\n\t\tsetModalContent(null)\n\t\tif (onClose) {\n\t\t\tonClose()\n\t\t}\n\t}, [setIsOpen, onClose])\n\n\tconst openModal = useCallback(\n\t\t(content: ReactNode) => {\n\t\t\tsetModalContent(content)\n\t\t\tsetIsOpen(true)\n\t\t},\n\t\t[setIsOpen],\n\t)\n\n\tconst contextValue: ModalContextState = useMemo(\n\t\t() => ({\n\t\t\tisOpen,\n\t\t\topenModal,\n\t\t\tmodalContent,\n\t\t\tcloseModal,\n\t\t}),\n\t\t[isOpen, openModal, closeModal, modalContent],\n\t)\n\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape' && isOpen) {\n\t\t\t\tcloseModal()\n\t\t\t}\n\t\t}\n\t\tif (isOpen) {\n\t\t\twindow.addEventListener('keydown', handleKeyDown)\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (isOpen) {\n\t\t\t\twindow.removeEventListener('keydown', handleKeyDown)\n\t\t\t}\n\t\t}\n\t}, [isOpen, closeModal])\n\n\treturn (\n\t\t<ModalContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t\t{isOpen && modalContent && (\n\t\t\t\t<>\n\t\t\t\t\t<FocusLock>\n\t\t\t\t\t\t<Dialog.Wrapper\n\t\t\t\t\t\t\tonDismiss={closeModal}\n\t\t\t\t\t\t\tclassName={s.modal}\n\t\t\t\t\t\t\topen={isOpen}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{modalContent}\n\t\t\t\t\t\t</Dialog.Wrapper>\n\t\t\t\t\t</FocusLock>\n\t\t\t\t\t<Dialog.Overlay />\n\t\t\t\t</>\n\t\t\t)}\n\t\t</ModalContext.Provider>\n\t)\n}\n\nModalProvider.displayName = 'ModalProvider'\n\nexport { useModal, ModalProvider }\n"],"names":["ModalProvider","onClose","initialIsOpen","initialModalContent","children","modalContent","setModalContent","useState","isOpen","setIsOpen","closeModal","useCallback","content","contextValue","useMemo","openModal","useEffect","handleKeyDown","event","jsxs","ModalContext","jsx","FocusLock","Dialog","s"],"mappings":";;;;;;;;AAiBuB,MACtBA,IAAA,CAAA;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC,IAAA;AAAA,EACA,qBAAAC,IAAA;AAAA,EACD,UAAAC;AACC;AAAwC,QACvC,CAAAC,GAAAC,CAAA,IAAAC;AAAA,IACDJ;AAAA,EACA,GAEM,CAAAK,GAAAC,CAAa,IAAAF,EAAkBL,CAAA,GACpCQ,IAAeC,EAAA,MAAA;AACf,IAAAF,EAAA,EAAA,GACAH,EAAa,IAAA,QAEbL,EAAA;AAAA,EAGD,GAAA,CAAAQ,GAAMR,CAAY,CAAA,OACOU;AAAA,IACvB,CAAAC,MAAA;AACA,MAAAN,EAAcM,CAAA,GACfH,EAAA,EAAA;AAAA,IACA;AAAA,IACD,CAAAA,CAAA;AAAA,EAEA,GACCI,IAAOC;AAAA,IAAA,OACN;AAAA,MACA,QAAAN;AAAA,MACA,WAAAO;AAAA,MACA,cAAAV;AAAA,MACD,YAAAK;AAAA,IACA;AAAA,IACD,CAAAF,GAAAO,GAAAL,GAAAL,CAAA;AAAA,EAEA;AACC,SAAAW,EAAM,MAAA;AACL,UAAIC,IAAc,CAAAC;AACjB,gBAAW,YAAAV,KACZE,EAAA;AAAA,IAED;AACC,gBACD,OAAA,iBAAA,WAAAO,CAAA,SAGK;AACH,WACD,OAAA,oBAAA,WAAAA,CAAA;AAAA,IAEF;AAAA,EAEA,GAAA,CAAAT,GAAAE,CAAA,CACC,GACE,gBAAAS,EAAAC,EAAA,UAAA,EAAA,OAAAP,GAAA,UAAA;AAAA,IACAT;AAAA,IAECI,KAAAH,KACC,gBAAAc,iBAAA;AAAA,MAAQ,gBAAAE,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,QAAPE,EAAA;AAAA,QAAA;AAAA,UAEA,WAAWb;AAAA,UACX,WAAMc,EAAA;AAAA,UAEL;UAAA,UAAAnB;AAAA;MAEH,EAAA,CAAA;AAAA,MAED,gBAAAgB,EAAAE,EAAA,SAAA,CAAA,CAAA;AAAA,MAEF,CAAA;AAAA,EAEF,EAAA,CAAA;AAEA;;"}

package/dist/components/modal/use-modal.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface ModalContextState {
+    isOpen: boolean;
+    openModal: (content: ReactNode) => void;
+    closeModal: () => void;
+}
+export declare const ModalContext: import("react").Context<ModalContextState | undefined>;
+export declare function useModal(): ModalContextState;
+//# sourceMappingURL=use-modal.d.ts.map

package/dist/components/modal/use-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/use-modal.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,iBAAiB;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,eAAO,MAAM,YAAY,wDAExB,CAAA;AAGD,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/components/modal/use-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal.js","sources":["../../../src/components/modal/use-modal.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport type { ReactNode } from 'react'\n\nexport interface ModalContextState {\n\tisOpen: boolean\n\topenModal: (content: ReactNode) => void\n\tcloseModal: () => void\n}\n\nexport const ModalContext = createContext<ModalContextState | undefined>(\n\tundefined,\n)\nModalContext.displayName = 'ModalContext'\n\nexport function useModal(): ModalContextState {\n\tconst context = useContext(ModalContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useModal must be used within a ModalContext.Provider')\n\t}\n\treturn context\n}\n"],"names":["ModalContext","createContext","useModal","context","useContext"],"mappings":";;AAW4B,MAC3BA,IAAAC;AAAA,EACD;AACA;AAEOD,gBAAuC;AAC7C,SAAME,IAAU;AAChB,QAAIC,IAAYC,EAAWJ,CAAA;AAC1B,MAAAG,MAAU;AACX,UAAA,IAAA,MAAA,sDAAA;AAED,SAAAA;;"}

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

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
+    spacing?: '0' | '24';
+}
+declare const Separator: {
+    ({ spacing, className, ...rest }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { SeparatorProps };
+export { Separator };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,UAAU,cAAe,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC7D,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,SAAS;sCAA4C,cAAc;;CAOxE,CAAA;AAID,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,14 @@
+export declare const SKELETON_COLOR: readonly ["faint", "strong"];
+export type SkeletonColor = (typeof SKELETON_COLOR)[number];
+export interface SkeletonProps extends React.PropsWithChildren {
+    animate?: boolean;
+    border?: boolean;
+    className?: string;
+    color?: SkeletonColor;
+    style?: React.CSSProperties;
+}
+export declare const Skeleton: {
+    ({ animate, border, children, className, color, style, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,8BAA+B,CAAA;AAC1D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,iBAAiB;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ;8DAOlB,aAAa;;CAgBf,CAAA"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import e from "./skeleton.module.css.js";
+import n from "classnames";
+const l = ({
+  animate: r = !0,
+  border: t = !0,
+  children: o,
+  className: s,
+  color: a = "strong",
+  style: m
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: n(
+      e.skeleton,
+      e[a],
+      t && e.border,
+      r && e.animate,
+      s
+    ),
+    style: m,
+    "aria-hidden": "true",
+    children: o
+  }
+);
+l.displayName = "Skeleton";
+export {
+  l as Skeleton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/skeleton/index.tsx"],"sourcesContent":["import s from './skeleton.module.css'\nimport classNames from 'classnames'\n\nexport const SKELETON_COLOR = ['faint', 'strong'] as const\nexport type SkeletonColor = (typeof SKELETON_COLOR)[number]\n\nexport interface SkeletonProps extends React.PropsWithChildren {\n\tanimate?: boolean\n\tborder?: boolean\n\tclassName?: string\n\tcolor?: SkeletonColor\n\tstyle?: React.CSSProperties\n}\n\nexport const Skeleton = ({\n\tanimate = true,\n\tborder = true,\n\tchildren,\n\tclassName,\n\tcolor = 'strong',\n\tstyle,\n}: SkeletonProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\ts.skeleton,\n\t\t\t\ts[color],\n\t\t\t\tborder && s.border,\n\t\t\t\tanimate && s.animate,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nSkeleton.displayName = 'Skeleton'\n"],"names":["Skeleton","animate","border","children","className","color","style","jsx","classNames","s"],"mappings":";;;AAcO,MAAMA,IAAW,CAAC;AAAA,EACxB,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,OAAAC;AACD,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACVC,EAAE;AAAA,MACFA,EAAEJ,CAAK;AAAA,MACPH,KAAUO,EAAE;AAAA,MACZR,KAAWQ,EAAE;AAAA,MACbL;AAAA,IAAA;AAAA,IAED,OAAAE;AAAA,IACA,eAAY;AAAA,IAEX,UAAAH;AAAA,EAAA;AAAA;AAKJH,EAAS,cAAc;"}

package/dist/components/skeleton/skeleton-form/index.d.ts

@@ -0,0 +1,8 @@
+export interface SkeletonFormProps {
+    showHeading?: boolean;
+}
+export declare const SkeletonForm: {
+    ({ showHeading }: SkeletonFormProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/skeleton-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/skeleton-form/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,YAAY;sBAAqB,iBAAiB;;CAmB9D,CAAA"}

package/dist/components/skeleton/skeleton-form/index.js

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import l from "classnames";
+import { Skeleton as e } from "../index.js";
+import a from "./skeleton-form.module.css.js";
+const i = ({ showHeading: m }) => /* @__PURE__ */ t(e, { className: a["skeleton-form"], animate: !1, color: "faint", children: [
+  m ? /* @__PURE__ */ s("div", { className: a["span-all"], children: /* @__PURE__ */ s(e, { className: l(a.item, a["max-width"]) }) }) : null,
+  /* @__PURE__ */ s(e, { className: l(a.item, a["span-all"]) }),
+  /* @__PURE__ */ s(e, { className: a.item }),
+  /* @__PURE__ */ s(e, { className: a.item }),
+  /* @__PURE__ */ s(e, { className: l(a.item, a["span-all"]) }),
+  /* @__PURE__ */ s(e, { className: l(a.item, a["span-all"]) }),
+  /* @__PURE__ */ s(e, { className: l(a.item, a["span-all"]) }),
+  /* @__PURE__ */ s("div", { className: a["span-all"], children: /* @__PURE__ */ s(e, { className: l(a.item, a["max-width"]) }) })
+] });
+i.displayName = "Skeleton";
+export {
+  i as SkeletonForm
+};
+//# sourceMappingURL=index.js.map

package/dist/components/skeleton/skeleton-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/skeleton/skeleton-form/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { Skeleton } from '..'\nimport style from './skeleton-form.module.css'\n\nexport interface SkeletonFormProps {\n\tshowHeading?: boolean\n}\n\nexport const SkeletonForm = ({ showHeading }: SkeletonFormProps) => {\n\treturn (\n\t\t<Skeleton className={style['skeleton-form']} animate={false} color=\"faint\">\n\t\t\t{showHeading ? (\n\t\t\t\t<div className={style['span-all']}>\n\t\t\t\t\t<Skeleton className={classNames(style.item, style['max-width'])} />\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t<Skeleton className={classNames(style.item, style['span-all'])} />\n\t\t\t<Skeleton className={style.item} />\n\t\t\t<Skeleton className={style.item} />\n\t\t\t<Skeleton className={classNames(style.item, style['span-all'])} />\n\t\t\t<Skeleton className={classNames(style.item, style['span-all'])} />\n\t\t\t<Skeleton className={classNames(style.item, style['span-all'])} />\n\t\t\t<div className={style['span-all']}>\n\t\t\t\t<Skeleton className={classNames(style.item, style['max-width'])} />\n\t\t\t</div>\n\t\t</Skeleton>\n\t)\n}\n\nSkeletonForm.displayName = 'Skeleton'\n"],"names":["SkeletonForm","showHeading","jsxs","Skeleton","style","jsx","classNames"],"mappings":";;;;AAQO,MAAMA,IAAe,CAAC,EAAE,aAAAC,QAE7B,gBAAAC,EAACC,KAAS,WAAWC,EAAM,eAAe,GAAG,SAAS,IAAO,OAAM,SACjE,UAAA;AAAA,EAAAH,sBACC,OAAA,EAAI,WAAWG,EAAM,UAAU,GAC/B,UAAA,gBAAAC,EAACF,GAAA,EAAS,WAAWG,EAAWF,EAAM,MAAMA,EAAM,WAAW,CAAC,EAAA,CAAG,GAClE,IACG;AAAA,EACJ,gBAAAC,EAACF,KAAS,WAAWG,EAAWF,EAAM,MAAMA,EAAM,UAAU,CAAC,GAAG;AAAA,EAChE,gBAAAC,EAACF,GAAA,EAAS,WAAWC,EAAM,KAAA,CAAM;AAAA,EACjC,gBAAAC,EAACF,GAAA,EAAS,WAAWC,EAAM,KAAA,CAAM;AAAA,EACjC,gBAAAC,EAACF,KAAS,WAAWG,EAAWF,EAAM,MAAMA,EAAM,UAAU,CAAC,GAAG;AAAA,EAChE,gBAAAC,EAACF,KAAS,WAAWG,EAAWF,EAAM,MAAMA,EAAM,UAAU,CAAC,GAAG;AAAA,EAChE,gBAAAC,EAACF,KAAS,WAAWG,EAAWF,EAAM,MAAMA,EAAM,UAAU,CAAC,GAAG;AAAA,oBAC/D,OAAA,EAAI,WAAWA,EAAM,UAAU,GAC/B,UAAA,gBAAAC,EAACF,GAAA,EAAS,WAAWG,EAAWF,EAAM,MAAMA,EAAM,WAAW,CAAC,GAAG,EAAA,CAClE;AAAA,GACD;AAIFJ,EAAa,cAAc;"}

package/dist/components/skeleton/skeleton-form/skeleton-form.module.css

@@ -0,0 +1,32 @@
+.skeleton-form {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	padding: var(--mds-spacing-08);
+	gap: var(--mds-spacing-08) var(--mds-spacing-05);
+
+	@media (--medium) {
+		padding: var(--mds-spacing-09);
+		gap: var(--mds-spacing-09) var(--mds-spacing-06);
+	}
+
+	@media (--large) {
+		padding: var(--mds-spacing-10);
+		gap: var(--mds-spacing-10) var(--mds-spacing-07);
+	}
+}
+
+.item {
+	height: 48px;
+}
+
+.span-all {
+	grid-column: 1 / -1;
+}
+
+.max-width {
+	max-width: 75%;
+
+	@media (--medium) {
+		max-width: 565px;
+	}
+}

package/dist/components/skeleton/skeleton-form/skeleton-form.module.css.js

@@ -0,0 +1,11 @@
+const t = "item__lK3rt", e = {
+  "skeleton-form": "skeleton-form__6qi4Q",
+  item: t,
+  "span-all": "span-all__UHTwV",
+  "max-width": "max-width__BwZzr"
+};
+export {
+  e as default,
+  t as item
+};
+//# sourceMappingURL=skeleton-form.module.css.js.map

package/dist/components/skeleton/skeleton-form/skeleton-form.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-form.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/skeleton/skeleton.module.css

@@ -0,0 +1,87 @@
+.skeleton {
+	/* defaults */
+	--pulse-opacity: 0.5;
+	--wipe-angle: 90deg;
+	--wipe-size: 340%;
+	--wipe-band: 5%;
+	--wipe-soft: 25%;
+	--wipe-duration: 2.6s;
+
+	position: relative;
+	border-radius: 5px;
+}
+
+.border {
+	border: 1px solid var(--mds-color-border-primary);
+}
+
+/* The “surface fill” layer */
+.skeleton::before {
+	content: '';
+	position: absolute;
+	inset: 0;
+	border-radius: inherit;
+}
+
+.faint::before {
+	background: var(--mds-color-surface-faint);
+}
+
+.strong::before {
+	background: var(--mds-color-surface-strong);
+}
+
+:global(.mds-dark-mode) .skeleton {
+	--pulse-opacity: 0.7;
+}
+
+:global(.mds-light-mode) .skeleton {
+	--pulse-opacity: 0.5;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	/* Wipe variant overlay */
+	.animate::after {
+		content: '';
+		position: absolute;
+		inset: 0;
+		border-radius: inherit;
+		background: var(--mds-color-palette-neutral-200);
+		opacity: 0.6;
+		-webkit-mask-image: linear-gradient(var(--wipe-angle), transparent calc(50% - var(--wipe-band) - var(--wipe-soft)), rgba(0, 0, 0, 1) calc(50% - var(--wipe-band)), rgba(0, 0, 0, 1) calc(50% + var(--wipe-band)), transparent calc(50% + var(--wipe-band) + var(--wipe-soft)));
+		mask-image: linear-gradient(var(--wipe-angle), transparent calc(50% - var(--wipe-band) - var(--wipe-soft)), rgba(0, 0, 0, 1) calc(50% - var(--wipe-band)), rgba(0, 0, 0, 1) calc(50% + var(--wipe-band)), transparent calc(50% + var(--wipe-band) + var(--wipe-soft)));
+		-webkit-mask-size: var(--wipe-size) var(--wipe-size);
+		mask-size: var(--wipe-size) var(--wipe-size);
+		-webkit-mask-repeat: no-repeat;
+		mask-repeat: no-repeat;
+		animation: skeleton-wipe var(--wipe-duration) linear infinite;
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	/* Pulse variant */
+	.animate {
+		animation: pulse 2.3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+	}
+}
+
+@keyframes pulse {
+	0%,
+	100% {
+		opacity: 1;
+	}
+	50% {
+		opacity: var(--pulse-opacity);
+	}
+}
+
+@keyframes skeleton-wipe {
+	0% {
+		-webkit-mask-position: 120% 0%;
+		mask-position: 120% 0%;
+	}
+	100% {
+		-webkit-mask-position: -120% 0%;
+		mask-position: -120% 0%;
+	}
+}

package/dist/components/skeleton/skeleton.module.css.js

@@ -0,0 +1,19 @@
+const e = "skeleton__fula5", t = "border__NB2r5", n = "faint__UPSew", s = "strong__QSJRI", o = "animate__NIadM", a = "pulse__YLysm", _ = {
+  skeleton: e,
+  border: t,
+  faint: n,
+  strong: s,
+  animate: o,
+  "skeleton-wipe": "skeleton-wipe__cblaB",
+  pulse: a
+};
+export {
+  o as animate,
+  t as border,
+  _ as default,
+  n as faint,
+  a as pulse,
+  e as skeleton,
+  s as strong
+};
+//# sourceMappingURL=skeleton.module.css.js.map

package/dist/components/skeleton/skeleton.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/standalone-link/index.d.ts

@@ -0,0 +1,24 @@
+import type { InteractiveProps } from '../interactive';
+declare const STANDALONE_LINK_SIZES: readonly ["small", "medium", "large"];
+type StandaloneLinkSize = (typeof STANDALONE_LINK_SIZES)[number];
+declare const STANDALONE_LINK_COLORS: readonly ["primary", "secondary", "secondary-inverted"];
+type StandaloneLinkColor = (typeof STANDALONE_LINK_COLORS)[number];
+declare const STANDALONE_LINK_ICON_POSITIONS: readonly ["leading", "trailing"];
+type StandaloneLinkIconPosition = (typeof STANDALONE_LINK_ICON_POSITIONS)[number];
+interface StandaloneLinkProps extends Omit<InteractiveProps, 'color' | 'size'> {
+    text: string;
+    size?: StandaloneLinkSize;
+    color?: StandaloneLinkColor;
+    icon?: string;
+    iconPosition?: StandaloneLinkIconPosition;
+    href?: string;
+    locale?: string;
+    isHrefExternal?: boolean;
+    onClick?: () => void;
+    className?: string;
+    'data-testid'?: string;
+}
+declare const StandaloneLink: import("react").ForwardRefExoticComponent<StandaloneLinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export type { StandaloneLinkSize, StandaloneLinkColor, StandaloneLinkIconPosition, StandaloneLinkProps, };
+export { STANDALONE_LINK_SIZES, STANDALONE_LINK_COLORS, STANDALONE_LINK_ICON_POSITIONS, StandaloneLink, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/standalone-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/standalone-link/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKtD,QAAA,MAAM,qBAAqB,uCAAwC,CAAA;AACnE,KAAK,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEhE,QAAA,MAAM,sBAAsB,yDAIlB,CAAA;AACV,KAAK,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAElE,QAAA,MAAM,8BAA8B,kCAAmC,CAAA;AACvE,KAAK,0BAA0B,GAC9B,CAAC,OAAO,8BAA8B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEhD,UAAU,mBAAoB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7E,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,cAAc,uIAwCnB,CAAA;AAID,YAAY,EACX,kBAAkB,EAClB,mBAAmB,EACnB,0BAA0B,EAC1B,mBAAmB,GACnB,CAAA;AACD,OAAO,EACN,qBAAqB,EACrB,sBAAsB,EACtB,8BAA8B,EAC9B,cAAc,GACd,CAAA"}

package/dist/components/standalone-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/standalone-link/index.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport classNames from 'classnames'\nimport type { InteractiveProps } from '../interactive'\nimport { Interactive } from '../interactive'\nimport { FlightIcon } from '../flight-icon'\nimport s from './styles.module.scss'\n\nconst STANDALONE_LINK_SIZES = ['small', 'medium', 'large'] as const\ntype StandaloneLinkSize = (typeof STANDALONE_LINK_SIZES)[number]\n\nconst STANDALONE_LINK_COLORS = [\n\t'primary',\n\t'secondary',\n\t'secondary-inverted',\n] as const\ntype StandaloneLinkColor = (typeof STANDALONE_LINK_COLORS)[number]\n\nconst STANDALONE_LINK_ICON_POSITIONS = ['leading', 'trailing'] as const\ntype StandaloneLinkIconPosition =\n\t(typeof STANDALONE_LINK_ICON_POSITIONS)[number]\n\ninterface StandaloneLinkProps extends Omit<InteractiveProps, 'color' | 'size'> {\n\ttext: string\n\tsize?: StandaloneLinkSize\n\tcolor?: StandaloneLinkColor\n\ticon?: string\n\ticonPosition?: StandaloneLinkIconPosition\n\thref?: string\n\tlocale?: string\n\tisHrefExternal?: boolean\n\tonClick?: () => void\n\tclassName?: string\n\t'data-testid'?: string\n}\n\nconst StandaloneLink = forwardRef<\n\tHTMLAnchorElement | HTMLButtonElement,\n\tStandaloneLinkProps\n>(\n\t(\n\t\t{\n\t\t\ttext,\n\t\t\tsize = 'medium',\n\t\t\tcolor = 'primary',\n\t\t\ticon,\n\t\t\ticonPosition = 'leading',\n\t\t\tclassName,\n\t\t\t'data-testid': dataTestId,\n\t\t\tlocale,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst iconElement = icon && <FlightIcon name={icon} size={16} />\n\n\t\treturn (\n\t\t\t<Interactive\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['standalone-link'],\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\ts[`color-${color}`],\n\t\t\t\t\ts[`icon-position-${iconPosition}`],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-testid={dataTestId}\n\t\t\t\tlocale={locale}\n\t\t\t>\n\t\t\t\t{iconElement && iconPosition === 'leading' && iconElement}\n\t\t\t\t<span className={s.text}>{text}</span>\n\t\t\t\t{iconElement && iconPosition === 'trailing' && iconElement}\n\t\t\t</Interactive>\n\t\t)\n\t},\n)\n\nStandaloneLink.displayName = 'StandaloneLink'\n\nexport type {\n\tStandaloneLinkSize,\n\tStandaloneLinkColor,\n\tStandaloneLinkIconPosition,\n\tStandaloneLinkProps,\n}\nexport {\n\tSTANDALONE_LINK_SIZES,\n\tSTANDALONE_LINK_COLORS,\n\tSTANDALONE_LINK_ICON_POSITIONS,\n\tStandaloneLink,\n}\n"],"names":["STANDALONE_LINK_SIZES","STANDALONE_LINK_COLORS","STANDALONE_LINK_ICON_POSITIONS","StandaloneLink","forwardRef","text","size","color","icon","iconPosition","className","dataTestId","locale","props","ref","iconElement","jsx","FlightIcon","jsxs","Interactive","classNames","s"],"mappings":";;;;;;AAOA,MAAMA,IAAwB,CAAC,SAAS,UAAU,OAAO,GAGnDC,IAAyB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACD,GAGMC,IAAiC,CAAC,WAAW,UAAU,GAkBvDC,IAAiBC;AAAA,EAItB,CACC;AAAA,IACC,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC;AAAA,IACA,eAAeC;AAAA,IACf,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEJC,MACI;AACJ,UAAMC,IAAcP,KAAQ,gBAAAQ,EAACC,KAAW,MAAMT,GAAM,MAAM,IAAI;AAE9D,WACC,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,GAAGN;AAAA,QACJ,KAAAC;AAAA,QACA,WAAWM;AAAA,UACVC,EAAE,iBAAiB;AAAA,UACnBA,EAAE,QAAQf,CAAI,EAAE;AAAA,UAChBe,EAAE,SAASd,CAAK,EAAE;AAAA,UAClBc,EAAE,iBAAiBZ,CAAY,EAAE;AAAA,UACjCC;AAAA,QAAA;AAAA,QAED,eAAaC;AAAA,QACb,QAAAC;AAAA,QAEC,UAAA;AAAA,UAAAG,KAAeN,MAAiB,aAAaM;AAAA,UAC9C,gBAAAC,EAAC,QAAA,EAAK,WAAWK,EAAE,MAAO,UAAAhB,GAAK;AAAA,UAC9BU,KAAeN,MAAiB,cAAcM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACD;AAEAZ,EAAe,cAAc;"}