@bricks-toolkit/toolkit 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -0,0 +1,601 @@
+export { Modal, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from './chunk-HQGDSOSN.mjs';
+export { SearchInput } from './chunk-VHVFRWF5.mjs';
+export { ThemeProvider, useTheme } from './chunk-Y3NTKFUE.mjs';
+import './chunk-SBNNV6FE.mjs';
+export { Tabs } from './chunk-G4HVY6FM.mjs';
+export { TextInput } from './chunk-CMER5LO3.mjs';
+export { TimePicker } from './chunk-VKQDW7C2.mjs';
+export { Toaster } from './chunk-YOTCXSXL.mjs';
+export { Sidebar } from './chunk-PJH2KEWK.mjs';
+export { Header } from './chunk-FOVJHEWH.mjs';
+export { Image } from './chunk-JV6AWBN5.mjs';
+export { IconButton } from './chunk-BVBCAAES.mjs';
+export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';
+export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
+export { OtpInput } from './chunk-RYWDZHKG.mjs';
+export { PasswordInput } from './chunk-446OJWC6.mjs';
+export { Phone } from './chunk-CBA54EY4.mjs';
+export { RadioButton } from './chunk-DN2GFJF4.mjs';
+export { Select } from './chunk-TIVSMCXZ.mjs';
+export { Pagination, Table } from './chunk-7364SUK6.mjs';
+export { ComboBox } from './chunk-4DA7CRNV.mjs';
+export { DatePicker } from './chunk-7WNJ7L4Z.mjs';
+export { Dialog, DialogBody, DialogCloseButton, DialogFooter, DialogHeader } from './chunk-OQPCL5XX.mjs';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-2POU3NX4.mjs';
+export { Email } from './chunk-4QSDPHPI.mjs';
+export { FileUpload } from './chunk-KA35BV7V.mjs';
+export { Link } from './chunk-SHQ2MPBE.mjs';
+export { Loader } from './chunk-4DR57X7U.mjs';
+export { Avatar } from './chunk-B5MYGYJY.mjs';
+export { Badge } from './chunk-H77YWN3L.mjs';
+export { Breadcrumbs } from './chunk-DMLPA65B.mjs';
+import './chunk-ARTXRQO6.mjs';
+export { Button } from './chunk-RAD5VJHR.mjs';
+export { Tooltip } from './chunk-65UZC3FK.mjs';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-6ZCY4O5M.mjs';
+export { Checkbox } from './chunk-SFUOCZJY.mjs';
+import { cn } from './chunk-OCPFOFJ4.mjs';
+export { cn } from './chunk-OCPFOFJ4.mjs';
+import { forwardRef, useState, createContext, useContext, useCallback, Children } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronDownIcon } from '@heroicons/react/24/outline';
+
+function deriveStatus(index, currentStep, override) {
+  if (override) return override;
+  if (index < currentStep) return "completed";
+  if (index === currentStep) return "active";
+  return "upcoming";
+}
+var indicatorSizeClasses = {
+  sm: "w-7 h-7 text-xs",
+  md: "w-9 h-9 text-sm",
+  lg: "w-11 h-11 text-base"
+};
+var connectorOffsetH = {
+  sm: "mt-[14px]",
+  // half of h-7 = 28/2
+  md: "mt-[18px]",
+  // half of h-9 = 36/2
+  lg: "mt-[22px]"
+  // half of h-11 = 44/2
+};
+var connectorOffsetV = {
+  sm: "ml-[13px]",
+  // (28-2)/2 = 13
+  md: "ml-[17px]",
+  // (36-2)/2 = 17
+  lg: "ml-[21px]"
+  // (44-2)/2 = 21
+};
+var labelSizeClasses = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var descSizeClasses = {
+  sm: "text-[10px]",
+  md: "text-xs",
+  lg: "text-sm"
+};
+var indicatorClasses = {
+  default: {
+    completed: "bg-primary text-text-inverse shadow-md shadow-primary/30 ring-2 ring-primary/20 ring-offset-2 ring-offset-surface",
+    active: "bg-primary text-text-inverse shadow-lg shadow-primary/40 ring-2 ring-primary/30 ring-offset-2 ring-offset-surface scale-110",
+    upcoming: "bg-surface-secondary text-text-muted border border-border ring-2 ring-transparent ring-offset-2 ring-offset-surface",
+    error: "bg-error text-text-inverse shadow-md shadow-error/30 ring-2 ring-error/20 ring-offset-2 ring-offset-surface"
+  },
+  filled: {
+    completed: "bg-primary text-text-inverse shadow-md shadow-primary/30",
+    active: "bg-gradient-to-br from-primary to-accent text-text-inverse shadow-lg shadow-primary/40 scale-110",
+    upcoming: "bg-surface-secondary text-text-muted",
+    error: "bg-error text-text-inverse shadow-md shadow-error/30"
+  },
+  outlined: {
+    completed: "bg-transparent border-2 border-primary text-primary ring-2 ring-primary/10 ring-offset-2 ring-offset-surface",
+    active: "bg-primary/10 border-2 border-primary text-primary ring-2 ring-primary/20 ring-offset-2 ring-offset-surface scale-110",
+    upcoming: "bg-transparent border-2 border-border text-text-muted",
+    error: "bg-transparent border-2 border-error text-error ring-2 ring-error/10"
+  },
+  minimal: {
+    completed: "bg-primary/15 text-primary",
+    active: "bg-primary text-text-inverse shadow-md shadow-primary/30 scale-110",
+    upcoming: "bg-surface-secondary text-text-muted",
+    error: "bg-error/15 text-error"
+  }
+};
+function connectorColorClass(status) {
+  if (status === "completed") return "bg-primary";
+  if (status === "error") return "bg-error";
+  return "bg-border";
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+function ErrorIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M10 8.586L7.707 6.293a1 1 0 00-1.414 1.414L8.586 10l-2.293 2.293a1 1 0 101.414 1.414L10 11.414l2.293 2.293a1 1 0 001.414-1.414L11.414 10l2.293-2.293a1 1 0 00-1.414-1.414L10 8.586z" })
+    }
+  );
+}
+function StepIndicator({ step, index, status, variant, size }) {
+  const iconSize = { sm: "w-3 h-3", md: "w-4 h-4", lg: "w-5 h-5" };
+  let content;
+  if (status === "completed" && !step.icon) {
+    content = /* @__PURE__ */ jsx(CheckIcon, { className: iconSize[size] });
+  } else if (status === "error" && !step.icon) {
+    content = /* @__PURE__ */ jsx(ErrorIcon, { className: iconSize[size] });
+  } else if (step.icon) {
+    content = step.icon;
+  } else {
+    content = /* @__PURE__ */ jsx("span", { className: "font-bold leading-none", children: index + 1 });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative shrink-0 flex items-center justify-center rounded-full",
+        "transition-all duration-300 ease-out",
+        indicatorSizeClasses[size],
+        indicatorClasses[variant][status]
+      ),
+      "aria-current": status === "active" ? "step" : void 0,
+      children: [
+        content,
+        status === "active" && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 rounded-full animate-ping opacity-20 bg-primary" })
+      ]
+    }
+  );
+}
+var Stepper = forwardRef(function Stepper2({
+  steps,
+  currentStep: externalCurrentStep,
+  onChange,
+  variant = "default",
+  size = "md",
+  orientation = "horizontal",
+  clickable = false,
+  showContent = true,
+  className,
+  connectorClassName,
+  stepClassName,
+  ...rest
+}, ref) {
+  const [internalStep, setInternalStep] = useState(0);
+  const isControlled = externalCurrentStep !== void 0;
+  const currentStep = isControlled ? externalCurrentStep : internalStep;
+  const handleStepClick = (index, disabled) => {
+    if (!clickable || disabled) return;
+    if (!isControlled) setInternalStep(index);
+    onChange?.(index);
+  };
+  const isHorizontal = orientation === "horizontal";
+  const activeStep = steps[currentStep];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("w-full", isHorizontal ? "flex flex-col gap-6" : "flex gap-6", className),
+      ...rest,
+      children: [
+        isHorizontal ? (
+          /*
+           * HORIZONTAL layout
+           * The track is: [step] [connector] [step] [connector] [step]
+           * All siblings in one flex-row so the connector sits BETWEEN steps.
+           * Each step is flex-col (circle on top, label below).
+           * The connector uses mt-[X] to vertically center itself with the circle.
+           */
+          /* @__PURE__ */ jsx("div", { role: "list", "aria-label": "Progress steps", className: "flex flex-row items-start w-full", children: steps.map((step, index) => {
+            const status = deriveStatus(index, currentStep, step.status);
+            const isLast = index === steps.length - 1;
+            const isClickable = clickable && !step.disabled;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "listitem",
+                className: cn("flex flex-row items-start", isLast ? "shrink-0" : "flex-1"),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-2 shrink-0", stepClassName), children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          handleStepClick(index, step.disabled);
+                        },
+                        disabled: !isClickable,
+                        "aria-disabled": !isClickable || step.disabled,
+                        className: cn(
+                          "block focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 rounded-full",
+                          isClickable ? "cursor-pointer hover:opacity-80 transition-opacity" : "cursor-default"
+                        ),
+                        children: /* @__PURE__ */ jsx(
+                          StepIndicator,
+                          {
+                            step,
+                            index,
+                            status,
+                            variant,
+                            size
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center max-w-[80px]", children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "font-semibold leading-tight transition-colors duration-200",
+                            labelSizeClasses[size],
+                            status === "active" && "text-primary",
+                            status === "completed" && "text-text",
+                            status === "upcoming" && "text-text-muted",
+                            status === "error" && "text-error"
+                          ),
+                          children: step.label
+                        }
+                      ),
+                      step.description && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "text-text-muted leading-tight mt-0.5",
+                            descSizeClasses[size],
+                            status === "active" && "text-text-secondary"
+                          ),
+                          children: step.description
+                        }
+                      )
+                    ] })
+                  ] }),
+                  !isLast && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "flex-1 h-[2px] rounded-full transition-all duration-500",
+                        connectorOffsetH[size],
+                        connectorColorClass(status),
+                        connectorClassName
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ]
+              },
+              step.id
+            );
+          }) })
+        ) : (
+          /*
+           * VERTICAL layout
+           * Each step is: [circle | label]
+           *               [vertical line]
+           * The line is a sibling BELOW the circle row, offset left to align under the circle center.
+           */
+          /* @__PURE__ */ jsx("div", { role: "list", "aria-label": "Progress steps", className: "flex flex-col items-start", children: steps.map((step, index) => {
+            const status = deriveStatus(index, currentStep, step.status);
+            const isLast = index === steps.length - 1;
+            const isClickable = clickable && !step.disabled;
+            return /* @__PURE__ */ jsxs("div", { role: "listitem", className: cn("flex flex-col", stepClassName), children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-start gap-3", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      handleStepClick(index, step.disabled);
+                    },
+                    disabled: !isClickable,
+                    "aria-disabled": !isClickable || step.disabled,
+                    className: cn(
+                      "block shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 rounded-full",
+                      isClickable ? "cursor-pointer hover:opacity-80 transition-opacity" : "cursor-default"
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      StepIndicator,
+                      {
+                        step,
+                        index,
+                        status,
+                        variant,
+                        size
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start pt-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "font-semibold leading-tight transition-colors duration-200",
+                        labelSizeClasses[size],
+                        status === "active" && "text-primary",
+                        status === "completed" && "text-text",
+                        status === "upcoming" && "text-text-muted",
+                        status === "error" && "text-error"
+                      ),
+                      children: step.label
+                    }
+                  ),
+                  step.description && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "text-text-muted leading-tight mt-0.5",
+                        descSizeClasses[size],
+                        status === "active" && "text-text-secondary"
+                      ),
+                      children: step.description
+                    }
+                  )
+                ] })
+              ] }),
+              !isLast && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "w-[2px] min-h-[28px] rounded-full transition-all duration-500 my-1",
+                    connectorOffsetV[size],
+                    connectorColorClass(status),
+                    connectorClassName
+                  ),
+                  "aria-hidden": "true"
+                }
+              )
+            ] }, step.id);
+          }) })
+        ),
+        showContent && activeStep?.content && /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "region",
+            "aria-live": "polite",
+            className: "w-full rounded-lg border border-border bg-surface p-5 shadow-sm",
+            children: activeStep.content
+          }
+        )
+      ]
+    }
+  );
+});
+Stepper.displayName = "Stepper";
+var sizeClasses = {
+  sm: {
+    track: "w-8 h-4",
+    thumb: "w-3 h-3 translate-x-0.5 peer-checked:translate-x-[1.125rem]"
+  },
+  md: {
+    track: "w-11 h-6",
+    thumb: "w-5 h-5 translate-x-0.5 peer-checked:translate-x-[1.375rem]"
+  },
+  lg: {
+    track: "w-14 h-8",
+    thumb: "w-7 h-7 translate-x-0.5 peer-checked:translate-x-[1.625rem]"
+  }
+};
+var stateClasses = {
+  default: "peer-checked:bg-primary",
+  error: "peer-checked:bg-error",
+  success: "peer-checked:bg-success",
+  warning: "peer-checked:bg-warning"
+};
+var Toggle = forwardRef(
+  ({ className, size = "md", state = "default", label, helperText, errorText, disabled, ...props }, ref) => {
+    const { track: trackSize, thumb: thumbSize } = sizeClasses[size];
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: cn(
+            "relative inline-flex items-center cursor-pointer select-none",
+            disabled && "cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                ref,
+                className: "sr-only peer",
+                disabled,
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "rounded-full transition-colors duration-200 bg-border peer-focus:ring-2 peer-focus:ring-primary/20",
+                  trackSize,
+                  stateClasses[state],
+                  disabled && "opacity-50"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute top-0.5 left-0 bg-white rounded-full transition-transform duration-200 shadow-sm",
+                  thumbSize
+                )
+              }
+            ),
+            label && /* @__PURE__ */ jsx("span", { className: cn("ml-3 text-sm font-medium text-text", disabled && "opacity-50"), children: label })
+          ]
+        }
+      ),
+      (errorText !== void 0 || helperText !== void 0) && /* @__PURE__ */ jsx("p", { className: cn("text-xs", errorText ? "text-error" : "text-text-muted"), children: errorText ?? helperText })
+    ] });
+  }
+);
+Toggle.displayName = "Toggle";
+var AccordionContext = createContext(void 0);
+var AccordionItemIndexContext = createContext(void 0);
+var AccordionItemContext = createContext(void 0);
+var AccordionItem = ({
+  children,
+  className,
+  isOpen: controlledIsOpen,
+  onToggle,
+  disabled = false
+}) => {
+  const groupContext = useContext(AccordionContext);
+  const index = useContext(AccordionItemIndexContext);
+  const [internalIsOpen, setInternalIsOpen] = useState(false);
+  const isGrouped = groupContext !== void 0 && index !== void 0;
+  const isOpen = controlledIsOpen ?? (isGrouped ? groupContext.openIndices.includes(index) : internalIsOpen);
+  const toggle = useCallback(() => {
+    if (disabled) return;
+    if (onToggle) {
+      onToggle();
+    } else if (isGrouped) {
+      groupContext.toggleIndex(index);
+    } else {
+      setInternalIsOpen((prev) => !prev);
+    }
+  }, [disabled, onToggle, isGrouped, groupContext, index]);
+  return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: { isOpen, toggle, disabled }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("border border-border rounded-lg overflow-hidden mb-2 last:mb-0", className),
+      children
+    }
+  ) });
+};
+var AccordionTrigger = ({
+  children,
+  className,
+  hideChevron = false,
+  icon,
+  rightContent
+}) => {
+  const itemContext = useContext(AccordionItemContext);
+  if (!itemContext) {
+    throw new Error("AccordionTrigger must be used within an AccordionItem");
+  }
+  const { isOpen, toggle, disabled } = itemContext;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between bg-surface transition-colors",
+        !disabled && "hover:bg-interaction-hover",
+        isOpen && "border-b border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "flex flex-1 items-center gap-3 p-4 cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary/20 text-left",
+              disabled && "cursor-not-allowed opacity-50"
+            ),
+            onClick: toggle,
+            disabled,
+            "aria-expanded": isOpen,
+            children: [
+              !hideChevron && (icon ?? /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  className: cn(
+                    "w-5 h-5 transition-transform duration-200 text-text-muted",
+                    isOpen && "rotate-180"
+                  )
+                }
+              )),
+              /* @__PURE__ */ jsx("div", { className: "font-medium text-text", children })
+            ]
+          }
+        ),
+        rightContent && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex items-center p-4",
+            role: "presentation",
+            onClick: (e) => {
+              e.stopPropagation();
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.stopPropagation();
+              }
+            },
+            children: rightContent
+          }
+        )
+      ]
+    }
+  );
+};
+var AccordionContent = ({
+  children,
+  className
+}) => {
+  const itemContext = useContext(AccordionItemContext);
+  if (!itemContext) {
+    throw new Error("AccordionContent must be used within an AccordionItem");
+  }
+  const { isOpen } = itemContext;
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "p-4 bg-surface animate-in fade-in slide-in-from-top-2 duration-200",
+        className
+      ),
+      children
+    }
+  );
+};
+var Accordion = ({
+  children,
+  className,
+  allowMultiple = false,
+  defaultOpenIndices = []
+}) => {
+  const [openIndices, setOpenIndices] = useState(defaultOpenIndices);
+  const toggleIndex = useCallback(
+    (index) => {
+      setOpenIndices((prev) => {
+        if (prev.includes(index)) {
+          return prev.filter((i) => i !== index);
+        }
+        return allowMultiple ? [...prev, index] : [index];
+      });
+    },
+    [allowMultiple]
+  );
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { openIndices, toggleIndex }, children: /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: Children.map(children, (child, index) => /* @__PURE__ */ jsx(AccordionItemIndexContext.Provider, { value: index, children: child }, index)) }) });
+};
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Stepper, Toggle };

package/dist/link/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkBBVWG5GH_cjs = require('../chunk-BBVWG5GH.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () { return chunkBBVWG5GH_cjs.Link; }
+});

package/dist/{components/Link/Link.types.d.ts → link/index.d.mts}

@@ -1,8 +1,9 @@
-import type { AnchorHTMLAttributes, ReactNode } from 'react';
-export type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
-export type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type LinkUnderline = 'always' | 'hover' | 'none';
-export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type LinkUnderline = 'always' | 'hover' | 'none';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /** The styling variant of the link */
     variant?: LinkVariant;
     /** The text size of the link */
@@ -18,3 +19,7 @@ export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /** An optional icon element to display after the text */
     rightIcon?: ReactNode;
 }
+
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, type LinkProps, type LinkSize, type LinkUnderline, type LinkVariant };

package/dist/link/index.d.ts

@@ -0,0 +1,25 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type LinkUnderline = 'always' | 'hover' | 'none';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The styling variant of the link */
+    variant?: LinkVariant;
+    /** The text size of the link */
+    size?: LinkSize;
+    /** Controls when the underline decoration is visible */
+    underline?: LinkUnderline;
+    /** If true, natively configures target="_blank" and secure rel attributes */
+    isExternal?: boolean;
+    /** Disables the link securely (removes pointer events and sets aria-disabled) */
+    disabled?: boolean;
+    /** An optional icon element to display before the text */
+    leftIcon?: ReactNode;
+    /** An optional icon element to display after the text */
+    rightIcon?: ReactNode;
+}
+
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, type LinkProps, type LinkSize, type LinkUnderline, type LinkVariant };

package/dist/link/index.mjs

@@ -0,0 +1,2 @@
+export { Link } from '../chunk-SHQ2MPBE.mjs';
+import '../chunk-OCPFOFJ4.mjs';

package/dist/loader/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkMVUNJPGH_cjs = require('../chunk-MVUNJPGH.cjs');
+require('../chunk-L5VQZZVR.cjs');
+
+
+
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function () { return chunkMVUNJPGH_cjs.Loader; }
+});