@intlayer/design-system 6.1.6 → 7.0.0-canary.0

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

@@ -1,67 +0,0 @@
-import { FC, LabelHTMLAttributes } from 'react';
-/**
- * Props for the Label component
- */
-export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    /**
-     * The ID of the form control this label is associated with.
-     * This creates the accessible relationship between the label and its control.
-     * @example "email-input"
-     * @example "password-field"
-     */
-    htmlFor?: string;
-    /**
-     * Whether the associated form control is required.
-     * Adds visual indicator and updates ARIA attributes.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Whether the associated form control is disabled.
-     * Updates styling to indicate disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes for custom styling
-     * @example "text-red-600 font-bold"
-     */
-    className?: string;
-}
-/**
- * Label Component
- *
- * A form label component that provides accessible labeling for form controls.
- * Establishes proper relationships between labels and their associated form elements
- * with visual indicators for required and disabled states.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Label htmlFor="email">Email Address</Label>
- * <input id="email" type="email" />
- *
- * // Required field
- * <Label htmlFor="password" required>Password</Label>
- * <input id="password" type="password" required />
- *
- * // Disabled field
- * <Label htmlFor="disabled-field" disabled>Disabled Field</Label>
- * <input id="disabled-field" type="text" disabled />
- *
- * // With custom styling
- * <Label htmlFor="custom" className="text-blue-600 font-semibold">
- *   Custom Styled Label
- * </Label>
- * ```
- *
- * @component
- * @accessibility
- * - Uses semantic HTML <label> element
- * - Properly associates with form controls via htmlFor/id relationship
- * - Supports click-to-focus behavior automatically
- * - Visual indicators for required and disabled states
- * - Screen reader compatible with proper ARIA relationships
- */
-export declare const Label: FC<LabelProps>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG1D;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6BhC,CAAC"}

package/dist/components/Label/index.mjs

@@ -1,38 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-const Label = ({
-  htmlFor,
-  required = false,
-  disabled = false,
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "label",
-  {
-    className: cn(
-      "text-sm font-medium leading-none select-none",
-      "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      disabled && "cursor-not-allowed opacity-70 text-muted-foreground",
-      className
-    ),
-    htmlFor,
-    ...props,
-    children: [
-      children,
-      required && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "text-destructive ml-1",
-          "aria-label": "required",
-          title: "This field is required",
-          children: "*"
-        }
-      )
-    ]
-  }
-);
-export {
-  Label
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Label/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { type FC, type LabelHTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the Label component\n */\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  /**\n   * The ID of the form control this label is associated with.\n   * This creates the accessible relationship between the label and its control.\n   * @example \"email-input\"\n   * @example \"password-field\"\n   */\n  htmlFor?: string;\n\n  /**\n   * Whether the associated form control is required.\n   * Adds visual indicator and updates ARIA attributes.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * Whether the associated form control is disabled.\n   * Updates styling to indicate disabled state.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Additional CSS classes for custom styling\n   * @example \"text-red-600 font-bold\"\n   */\n  className?: string;\n}\n\n/**\n * Label Component\n *\n * A form label component that provides accessible labeling for form controls.\n * Establishes proper relationships between labels and their associated form elements\n * with visual indicators for required and disabled states.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Label htmlFor=\"email\">Email Address</Label>\n * <input id=\"email\" type=\"email\" />\n *\n * // Required field\n * <Label htmlFor=\"password\" required>Password</Label>\n * <input id=\"password\" type=\"password\" required />\n *\n * // Disabled field\n * <Label htmlFor=\"disabled-field\" disabled>Disabled Field</Label>\n * <input id=\"disabled-field\" type=\"text\" disabled />\n *\n * // With custom styling\n * <Label htmlFor=\"custom\" className=\"text-blue-600 font-semibold\">\n *   Custom Styled Label\n * </Label>\n * ```\n *\n * @component\n * @accessibility\n * - Uses semantic HTML <label> element\n * - Properly associates with form controls via htmlFor/id relationship\n * - Supports click-to-focus behavior automatically\n * - Visual indicators for required and disabled states\n * - Screen reader compatible with proper ARIA relationships\n */\nexport const Label: FC<LabelProps> = ({\n  htmlFor,\n  required = false,\n  disabled = false,\n  className,\n  children,\n  ...props\n}) => (\n  <label\n    className={cn(\n      'text-sm font-medium leading-none select-none',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n      disabled && 'cursor-not-allowed opacity-70 text-muted-foreground',\n      className\n    )}\n    htmlFor={htmlFor}\n    {...props}\n  >\n    {children}\n    {required && (\n      <span\n        className=\"text-destructive ml-1\"\n        aria-label=\"required\"\n        title=\"This field is required\"\n      >\n        *\n      </span>\n    )}\n  </label>\n);\n"],"names":[],"mappings":";;AAuEO,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF;AAAA,IACC,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA;AAAA,MACA,YACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAEJ;"}

package/dist/components/Link/Link.cjs

@@ -1,140 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const core = require("@intlayer/core");
-const classVarianceAuthority = require("class-variance-authority");
-const lucideReact = require("lucide-react");
-const utils_cn = require("../../utils/cn.cjs");
-var LinkVariant = /* @__PURE__ */ ((LinkVariant2) => {
-  LinkVariant2["DEFAULT"] = "default";
-  LinkVariant2["INVISIBLE_LINK"] = "invisible-link";
-  LinkVariant2["BUTTON"] = "button";
-  LinkVariant2["BUTTON_OUTLINED"] = "button-outlined";
-  LinkVariant2["HOVERABLE"] = "hoverable";
-  return LinkVariant2;
-})(LinkVariant || {});
-var LinkColor = /* @__PURE__ */ ((LinkColor2) => {
-  LinkColor2["PRIMARY"] = "primary";
-  LinkColor2["SECONDARY"] = "secondary";
-  LinkColor2["DESTRUCTIVE"] = "destructive";
-  LinkColor2["NEUTRAL"] = "neutral";
-  LinkColor2["LIGHT"] = "light";
-  LinkColor2["DARK"] = "dark";
-  LinkColor2["TEXT"] = "text";
-  LinkColor2["TEXT_INVERSE"] = "text-inverse";
-  LinkColor2["ERROR"] = "error";
-  LinkColor2["SUCCESS"] = "success";
-  LinkColor2["CUSTOM"] = "custom";
-  return LinkColor2;
-})(LinkColor || {});
-var LinkUnderlined = /* @__PURE__ */ ((LinkUnderlined2) => {
-  LinkUnderlined2["DEFAULT"] = "default";
-  LinkUnderlined2["TRUE"] = "true";
-  LinkUnderlined2["FALSE"] = "false";
-  return LinkUnderlined2;
-})(LinkUnderlined || {});
-const linkVariants = classVarianceAuthority.cva(
-  "gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        [`${"default"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
-        [`${"invisible-link"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
-        [`${"button"}`]: "rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        [`${"button-outlined"}`]: "rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        [`${"hoverable"}`]: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
-      },
-      color: {
-        [`${"primary"}`]: "text-primary",
-        [`${"secondary"}`]: "text-secondary",
-        [`${"destructive"}`]: "text-destructive",
-        [`${"neutral"}`]: "text-neutral",
-        [`${"light"}`]: "text-white",
-        [`${"dark"}`]: "text-neutral-800",
-        [`${"text"}`]: "text-text",
-        [`${"text-inverse"}`]: "text-text-opposite",
-        [`${"error"}`]: "text-error",
-        [`${"success"}`]: "text-success",
-        [`${"custom"}`]: ""
-      },
-      underlined: {
-        [
-          "default"
-          /* DEFAULT */
-        ]: "",
-        [
-          "true"
-          /* TRUE */
-        ]: "underline",
-        [
-          "false"
-          /* FALSE */
-        ]: "no-underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      color: "primary",
-      underlined: "default"
-      /* DEFAULT */
-    }
-  }
-);
-const checkIsExternalLink = ({
-  href,
-  isExternalLink: isExternalLinkProp
-}) => {
-  const isValidHref = typeof href === "string" && href.trim() !== "";
-  const isExternalLink = isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
-  return isExternalLink;
-};
-const Link = (props) => {
-  const {
-    variant = "default",
-    color = "primary",
-    children,
-    label,
-    className,
-    isActive,
-    underlined,
-    locale,
-    isExternalLink: isExternalLinkProp,
-    href: hrefProp,
-    ...otherProps
-  } = props;
-  const isExternalLink = checkIsExternalLink(props);
-  const isChildrenString = typeof children === "string";
-  const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
-  const target = isExternalLink ? "_blank" : "_self";
-  const href = locale && hrefProp && !isExternalLink ? core.getLocalizedUrl(hrefProp, locale) : hrefProp;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href,
-      "aria-label": label,
-      rel,
-      target,
-      "aria-current": isActive ? "page" : void 0,
-      className: utils_cn.cn(
-        linkVariants({
-          variant,
-          color,
-          underlined,
-          className
-        })
-      ),
-      ...otherProps,
-      children: [
-        variant === "button" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children }) : children,
-        isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
-      ]
-    }
-  );
-};
-exports.Link = Link;
-exports.LinkColor = LinkColor;
-exports.LinkUnderlined = LinkUnderlined;
-exports.LinkVariant = LinkVariant;
-exports.checkIsExternalLink = checkIsExternalLink;
-exports.linkVariants = linkVariants;
-//# sourceMappingURL=Link.cjs.map

package/dist/components/Link/Link.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\n/**\n * Visual style variants for Link component\n *\n * @enum {string}\n */\nexport enum LinkVariant {\n  /** Default underlined link with hover effects */\n  DEFAULT = 'default',\n  /** Link without visible underline or hover effects */\n  INVISIBLE_LINK = 'invisible-link',\n  /** Button-styled link with solid background */\n  BUTTON = 'button',\n  /** Button-styled link with outlined border */\n  BUTTON_OUTLINED = 'button-outlined',\n  /** Link with subtle hover background effect */\n  HOVERABLE = 'hoverable',\n}\n\n/**\n * Color theme variants for Link component\n *\n * @enum {string}\n */\nexport enum LinkColor {\n  /** Primary brand color */\n  PRIMARY = 'primary',\n  /** Secondary brand color */\n  SECONDARY = 'secondary',\n  /** Destructive/danger color for critical actions */\n  DESTRUCTIVE = 'destructive',\n  /** Neutral/muted color for less prominent links */\n  NEUTRAL = 'neutral',\n  /** Light color for dark backgrounds */\n  LIGHT = 'light',\n  /** Dark color for light backgrounds */\n  DARK = 'dark',\n  /** Default text color */\n  TEXT = 'text',\n  /** Inverse text color for opposite backgrounds */\n  TEXT_INVERSE = 'text-inverse',\n  /** Error/red color for error states */\n  ERROR = 'error',\n  /** Success/green color for positive actions */\n  SUCCESS = 'success',\n  /** Custom color - no default styling applied */\n  CUSTOM = 'custom',\n}\n\n/**\n * Underline style options for Link component\n *\n * @enum {string}\n */\nexport enum LinkUnderlined {\n  /** Default underline behavior based on variant */\n  DEFAULT = 'default',\n  /** Always show underline */\n  TRUE = 'true',\n  /** Never show underline */\n  FALSE = 'false',\n}\n\n/**\n * Class variance authority configuration for Link component styling\n * Defines the visual appearance based on variant, color, and underline options\n */\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        [`${LinkVariant.DEFAULT}`]:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        [`${LinkVariant.INVISIBLE_LINK}`]:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        [`${LinkVariant.BUTTON}`]:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        [`${LinkVariant.BUTTON_OUTLINED}`]:\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        [`${LinkVariant.HOVERABLE}`]:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        [`${LinkColor.PRIMARY}`]: 'text-primary',\n        [`${LinkColor.SECONDARY}`]: 'text-secondary',\n        [`${LinkColor.DESTRUCTIVE}`]: 'text-destructive',\n        [`${LinkColor.NEUTRAL}`]: 'text-neutral',\n        [`${LinkColor.LIGHT}`]: 'text-white',\n        [`${LinkColor.DARK}`]: 'text-neutral-800',\n        [`${LinkColor.TEXT}`]: 'text-text',\n        [`${LinkColor.TEXT_INVERSE}`]: 'text-text-opposite',\n        [`${LinkColor.ERROR}`]: 'text-error',\n        [`${LinkColor.SUCCESS}`]: 'text-success',\n        [`${LinkColor.CUSTOM}`]: '',\n      },\n      underlined: {\n        [LinkUnderlined.DEFAULT]: '',\n        [LinkUnderlined.TRUE]: 'underline',\n        [LinkUnderlined.FALSE]: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: LinkVariant.DEFAULT,\n      color: LinkColor.PRIMARY,\n      underlined: LinkUnderlined.DEFAULT,\n    },\n  }\n);\n\n/**\n * Props interface for the Link component\n *\n * @interface LinkProps\n * @extends {DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>}\n * @extends {VariantProps<typeof linkVariants>}\n */\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    /**\n     * Accessible label for screen readers (required)\n     * Provides context about what the link does or where it leads\n     * @example \"Navigate to home page\"\n     */\n    label: string;\n\n    /**\n     * Whether this link opens in a new tab/window\n     * When true, adds target=\"_blank\" and security attributes\n     * Auto-detected for URLs starting with http/https when undefined\n     * @default undefined (auto-detect based on href)\n     */\n    isExternalLink?: boolean;\n\n    /**\n     * Whether this link represents the current page/active state\n     * Adds aria-current=\"page\" for accessibility\n     * @default false\n     */\n    isActive?: boolean;\n\n    /**\n     * Locale for internationalized URLs\n     * When provided, URLs are automatically localized using Intlayer\n     * @example 'fr', 'es', 'en'\n     */\n    locale?: LocalesValues;\n  };\n\n/**\n * Utility function to determine if a link should be treated as external\n *\n * @param props - Link component props containing href and isExternalLink\n * @returns {boolean} True if the link should open externally\n *\n * @example\n * ```tsx\n * checkIsExternalLink({ href: 'https://example.com' }) // true\n * checkIsExternalLink({ href: '/internal-page' }) // false\n * checkIsExternalLink({ href: '/page', isExternalLink: true }) // true\n * ```\n */\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\n/**\n * Link Component\n *\n * A versatile link component that handles both internal and external navigation\n * with comprehensive internationalization support and multiple visual variants.\n *\n * ## Key Features\n * - **Multiple Variants**: Default, invisible, button, outlined button, and hoverable styles\n * - **Color Themes**: Comprehensive color palette for different contexts and meanings\n * - **External Link Detection**: Automatic detection and handling of external URLs\n * - **Internationalization**: Built-in support for localized URLs via Intlayer\n * - **Security**: Automatic security attributes for external links (noopener, noreferrer)\n * - **Accessibility**: Full ARIA support with proper labels and current page indication\n * - **Visual Feedback**: Hover effects, underline options, and active states\n *\n * ## Use Cases\n * - Navigation within applications (internal links)\n * - External links to other websites with security measures\n * - Button-styled links for call-to-action scenarios\n * - Subtle hoverable links for navigation menus\n * - Multi-language website navigation with automatic URL localization\n *\n * ## Security Features\n * External links automatically receive security attributes:\n * - `rel=\"noopener noreferrer nofollow\"` - Prevents security vulnerabilities\n * - `target=\"_blank\"` - Opens in new tab/window\n * - External link icon indication for user clarity\n *\n * ## Internationalization\n * When used with Intlayer, the component automatically:\n * - Localizes internal URLs based on the current or specified locale\n * - Sets appropriate `hrefLang` attributes for SEO\n * - Maintains proper URL structure for multi-language sites\n *\n * @component\n * @example\n * ```tsx\n * // Basic internal link\n * <Link href=\"/about\" label=\"Go to about page\">\n *   About Us\n * </Link>\n *\n * // External link with auto-detection\n * <Link href=\"https://example.com\" label=\"Visit external site\">\n *   External Site\n * </Link>\n *\n * // Button-styled link\n * <Link\n *   href=\"/signup\"\n *   variant={LinkVariant.BUTTON}\n *   color={LinkColor.PRIMARY}\n *   label=\"Sign up for account\"\n * >\n *   Get Started\n * </Link>\n *\n * // Localized link\n * <Link\n *   href=\"/products\"\n *   locale=\"fr\"\n *   label=\"Voir les produits\"\n * >\n *   Produits\n * </Link>\n *\n * // Active navigation link\n * <Link\n *   href=\"/dashboard\"\n *   isActive={true}\n *   variant={LinkVariant.HOVERABLE}\n *   label=\"Current page: Dashboard\"\n * >\n *   Dashboard\n * </Link>\n * ```\n *\n * @param props - Link component props\n * @param props.children - Content to display inside the link\n * @param props.href - URL or path to navigate to\n * @param props.label - Accessible label describing the link's purpose\n * @param props.variant - Visual style variant\n * @param props.color - Color theme for the link\n * @param props.underlined - Underline visibility option\n * @param props.isExternalLink - Override external link detection\n * @param props.isActive - Whether this link represents the current page\n * @param props.locale - Locale for URL internationalization\n * @param props.className - Additional CSS classes\n * @returns Accessible and internationalized link component\n */\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = LinkVariant.DEFAULT,\n    color = LinkColor.PRIMARY,\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["LinkVariant","LinkColor","LinkUnderlined","cva","getLocalizedUrl","jsxs","cn","jsx","ExternalLink"],"mappings":"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"}

package/dist/components/Link/Link.d.ts

@@ -1,211 +0,0 @@
-import { LocalesValues } from '@intlayer/config/client';
-import { VariantProps } from 'class-variance-authority';
-import { AnchorHTMLAttributes, DetailedHTMLProps, FC } from 'react';
-/**
- * Visual style variants for Link component
- *
- * @enum {string}
- */
-export declare enum LinkVariant {
-    /** Default underlined link with hover effects */
-    DEFAULT = "default",
-    /** Link without visible underline or hover effects */
-    INVISIBLE_LINK = "invisible-link",
-    /** Button-styled link with solid background */
-    BUTTON = "button",
-    /** Button-styled link with outlined border */
-    BUTTON_OUTLINED = "button-outlined",
-    /** Link with subtle hover background effect */
-    HOVERABLE = "hoverable"
-}
-/**
- * Color theme variants for Link component
- *
- * @enum {string}
- */
-export declare enum LinkColor {
-    /** Primary brand color */
-    PRIMARY = "primary",
-    /** Secondary brand color */
-    SECONDARY = "secondary",
-    /** Destructive/danger color for critical actions */
-    DESTRUCTIVE = "destructive",
-    /** Neutral/muted color for less prominent links */
-    NEUTRAL = "neutral",
-    /** Light color for dark backgrounds */
-    LIGHT = "light",
-    /** Dark color for light backgrounds */
-    DARK = "dark",
-    /** Default text color */
-    TEXT = "text",
-    /** Inverse text color for opposite backgrounds */
-    TEXT_INVERSE = "text-inverse",
-    /** Error/red color for error states */
-    ERROR = "error",
-    /** Success/green color for positive actions */
-    SUCCESS = "success",
-    /** Custom color - no default styling applied */
-    CUSTOM = "custom"
-}
-/**
- * Underline style options for Link component
- *
- * @enum {string}
- */
-export declare enum LinkUnderlined {
-    /** Default underline behavior based on variant */
-    DEFAULT = "default",
-    /** Always show underline */
-    TRUE = "true",
-    /** Never show underline */
-    FALSE = "false"
-}
-/**
- * Class variance authority configuration for Link component styling
- * Defines the visual appearance based on variant, color, and underline options
- */
-export declare const linkVariants: (props?: ({
-    variant?: "button" | "default" | "invisible-link" | "hoverable" | "button-outlined" | null | undefined;
-    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom" | null | undefined;
-    underlined?: boolean | LinkUnderlined.DEFAULT | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Props interface for the Link component
- *
- * @interface LinkProps
- * @extends {DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>}
- * @extends {VariantProps<typeof linkVariants>}
- */
-export type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & VariantProps<typeof linkVariants> & {
-    /**
-     * Accessible label for screen readers (required)
-     * Provides context about what the link does or where it leads
-     * @example "Navigate to home page"
-     */
-    label: string;
-    /**
-     * Whether this link opens in a new tab/window
-     * When true, adds target="_blank" and security attributes
-     * Auto-detected for URLs starting with http/https when undefined
-     * @default undefined (auto-detect based on href)
-     */
-    isExternalLink?: boolean;
-    /**
-     * Whether this link represents the current page/active state
-     * Adds aria-current="page" for accessibility
-     * @default false
-     */
-    isActive?: boolean;
-    /**
-     * Locale for internationalized URLs
-     * When provided, URLs are automatically localized using Intlayer
-     * @example 'fr', 'es', 'en'
-     */
-    locale?: LocalesValues;
-};
-/**
- * Utility function to determine if a link should be treated as external
- *
- * @param props - Link component props containing href and isExternalLink
- * @returns {boolean} True if the link should open externally
- *
- * @example
- * ```tsx
- * checkIsExternalLink({ href: 'https://example.com' }) // true
- * checkIsExternalLink({ href: '/internal-page' }) // false
- * checkIsExternalLink({ href: '/page', isExternalLink: true }) // true
- * ```
- */
-export declare const checkIsExternalLink: ({ href, isExternalLink: isExternalLinkProp, }: LinkProps) => boolean;
-/**
- * Link Component
- *
- * A versatile link component that handles both internal and external navigation
- * with comprehensive internationalization support and multiple visual variants.
- *
- * ## Key Features
- * - **Multiple Variants**: Default, invisible, button, outlined button, and hoverable styles
- * - **Color Themes**: Comprehensive color palette for different contexts and meanings
- * - **External Link Detection**: Automatic detection and handling of external URLs
- * - **Internationalization**: Built-in support for localized URLs via Intlayer
- * - **Security**: Automatic security attributes for external links (noopener, noreferrer)
- * - **Accessibility**: Full ARIA support with proper labels and current page indication
- * - **Visual Feedback**: Hover effects, underline options, and active states
- *
- * ## Use Cases
- * - Navigation within applications (internal links)
- * - External links to other websites with security measures
- * - Button-styled links for call-to-action scenarios
- * - Subtle hoverable links for navigation menus
- * - Multi-language website navigation with automatic URL localization
- *
- * ## Security Features
- * External links automatically receive security attributes:
- * - `rel="noopener noreferrer nofollow"` - Prevents security vulnerabilities
- * - `target="_blank"` - Opens in new tab/window
- * - External link icon indication for user clarity
- *
- * ## Internationalization
- * When used with Intlayer, the component automatically:
- * - Localizes internal URLs based on the current or specified locale
- * - Sets appropriate `hrefLang` attributes for SEO
- * - Maintains proper URL structure for multi-language sites
- *
- * @component
- * @example
- * ```tsx
- * // Basic internal link
- * <Link href="/about" label="Go to about page">
- *   About Us
- * </Link>
- *
- * // External link with auto-detection
- * <Link href="https://example.com" label="Visit external site">
- *   External Site
- * </Link>
- *
- * // Button-styled link
- * <Link
- *   href="/signup"
- *   variant={LinkVariant.BUTTON}
- *   color={LinkColor.PRIMARY}
- *   label="Sign up for account"
- * >
- *   Get Started
- * </Link>
- *
- * // Localized link
- * <Link
- *   href="/products"
- *   locale="fr"
- *   label="Voir les produits"
- * >
- *   Produits
- * </Link>
- *
- * // Active navigation link
- * <Link
- *   href="/dashboard"
- *   isActive={true}
- *   variant={LinkVariant.HOVERABLE}
- *   label="Current page: Dashboard"
- * >
- *   Dashboard
- * </Link>
- * ```
- *
- * @param props - Link component props
- * @param props.children - Content to display inside the link
- * @param props.href - URL or path to navigate to
- * @param props.label - Accessible label describing the link's purpose
- * @param props.variant - Visual style variant
- * @param props.color - Color theme for the link
- * @param props.underlined - Underline visibility option
- * @param props.isExternalLink - Override external link detection
- * @param props.isActive - Whether this link represents the current page
- * @param props.locale - Locale for URL internationalization
- * @param props.className - Additional CSS classes
- * @returns Accessible and internationalized link component
- */
-export declare const Link: FC<LinkProps>;
-//# sourceMappingURL=Link.d.ts.map

package/dist/components/Link/Link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAGf;;;;GAIG;AACH,oBAAY,WAAW;IACrB,iDAAiD;IACjD,OAAO,YAAY;IACnB,sDAAsD;IACtD,cAAc,mBAAmB;IACjC,+CAA+C;IAC/C,MAAM,WAAW;IACjB,8CAA8C;IAC9C,eAAe,oBAAoB;IACnC,+CAA+C;IAC/C,SAAS,cAAc;CACxB;AAED;;;;GAIG;AACH,oBAAY,SAAS;IACnB,0BAA0B;IAC1B,OAAO,YAAY;IACnB,4BAA4B;IAC5B,SAAS,cAAc;IACvB,oDAAoD;IACpD,WAAW,gBAAgB;IAC3B,mDAAmD;IACnD,OAAO,YAAY;IACnB,uCAAuC;IACvC,KAAK,UAAU;IACf,uCAAuC;IACvC,IAAI,SAAS;IACb,yBAAyB;IACzB,IAAI,SAAS;IACb,kDAAkD;IAClD,YAAY,iBAAiB;IAC7B,uCAAuC;IACvC,KAAK,UAAU;IACf,+CAA+C;IAC/C,OAAO,YAAY;IACnB,gDAAgD;IAChD,MAAM,WAAW;CAClB;AAED;;;;GAIG;AACH,oBAAY,cAAc;IACxB,kDAAkD;IAClD,OAAO,YAAY;IACnB,4BAA4B;IAC5B,IAAI,SAAS;IACb,2BAA2B;IAC3B,KAAK,UAAU;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;8EA0CxB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAEJ;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,GAAI,+CAGjC,SAAS,KAAG,OASd,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAkD9B,CAAC"}

package/dist/components/Link/Link.mjs

@@ -1,140 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { getLocalizedUrl } from "@intlayer/core";
-import { cva } from "class-variance-authority";
-import { ExternalLink } from "lucide-react";
-import { cn } from "../../utils/cn.mjs";
-var LinkVariant = /* @__PURE__ */ ((LinkVariant2) => {
-  LinkVariant2["DEFAULT"] = "default";
-  LinkVariant2["INVISIBLE_LINK"] = "invisible-link";
-  LinkVariant2["BUTTON"] = "button";
-  LinkVariant2["BUTTON_OUTLINED"] = "button-outlined";
-  LinkVariant2["HOVERABLE"] = "hoverable";
-  return LinkVariant2;
-})(LinkVariant || {});
-var LinkColor = /* @__PURE__ */ ((LinkColor2) => {
-  LinkColor2["PRIMARY"] = "primary";
-  LinkColor2["SECONDARY"] = "secondary";
-  LinkColor2["DESTRUCTIVE"] = "destructive";
-  LinkColor2["NEUTRAL"] = "neutral";
-  LinkColor2["LIGHT"] = "light";
-  LinkColor2["DARK"] = "dark";
-  LinkColor2["TEXT"] = "text";
-  LinkColor2["TEXT_INVERSE"] = "text-inverse";
-  LinkColor2["ERROR"] = "error";
-  LinkColor2["SUCCESS"] = "success";
-  LinkColor2["CUSTOM"] = "custom";
-  return LinkColor2;
-})(LinkColor || {});
-var LinkUnderlined = /* @__PURE__ */ ((LinkUnderlined2) => {
-  LinkUnderlined2["DEFAULT"] = "default";
-  LinkUnderlined2["TRUE"] = "true";
-  LinkUnderlined2["FALSE"] = "false";
-  return LinkUnderlined2;
-})(LinkUnderlined || {});
-const linkVariants = cva(
-  "gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        [`${"default"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
-        [`${"invisible-link"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
-        [`${"button"}`]: "rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        [`${"button-outlined"}`]: "rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        [`${"hoverable"}`]: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
-      },
-      color: {
-        [`${"primary"}`]: "text-primary",
-        [`${"secondary"}`]: "text-secondary",
-        [`${"destructive"}`]: "text-destructive",
-        [`${"neutral"}`]: "text-neutral",
-        [`${"light"}`]: "text-white",
-        [`${"dark"}`]: "text-neutral-800",
-        [`${"text"}`]: "text-text",
-        [`${"text-inverse"}`]: "text-text-opposite",
-        [`${"error"}`]: "text-error",
-        [`${"success"}`]: "text-success",
-        [`${"custom"}`]: ""
-      },
-      underlined: {
-        [
-          "default"
-          /* DEFAULT */
-        ]: "",
-        [
-          "true"
-          /* TRUE */
-        ]: "underline",
-        [
-          "false"
-          /* FALSE */
-        ]: "no-underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      color: "primary",
-      underlined: "default"
-      /* DEFAULT */
-    }
-  }
-);
-const checkIsExternalLink = ({
-  href,
-  isExternalLink: isExternalLinkProp
-}) => {
-  const isValidHref = typeof href === "string" && href.trim() !== "";
-  const isExternalLink = isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
-  return isExternalLink;
-};
-const Link = (props) => {
-  const {
-    variant = "default",
-    color = "primary",
-    children,
-    label,
-    className,
-    isActive,
-    underlined,
-    locale,
-    isExternalLink: isExternalLinkProp,
-    href: hrefProp,
-    ...otherProps
-  } = props;
-  const isExternalLink = checkIsExternalLink(props);
-  const isChildrenString = typeof children === "string";
-  const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
-  const target = isExternalLink ? "_blank" : "_self";
-  const href = locale && hrefProp && !isExternalLink ? getLocalizedUrl(hrefProp, locale) : hrefProp;
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href,
-      "aria-label": label,
-      rel,
-      target,
-      "aria-current": isActive ? "page" : void 0,
-      className: cn(
-        linkVariants({
-          variant,
-          color,
-          underlined,
-          className
-        })
-      ),
-      ...otherProps,
-      children: [
-        variant === "button" ? /* @__PURE__ */ jsx("span", { children }) : children,
-        isExternalLink && isChildrenString && /* @__PURE__ */ jsx(ExternalLink, { className: "ml-2 inline-block size-4" })
-      ]
-    }
-  );
-};
-export {
-  Link,
-  LinkColor,
-  LinkUnderlined,
-  LinkVariant,
-  checkIsExternalLink,
-  linkVariants
-};
-//# sourceMappingURL=Link.mjs.map