@stackframe/stack 2.3.4 → 2.3.7

package/dist/components-core/index.js

@@ -1,48 +1,147 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useComponents } from '../providers/component-provider';
-import { useAsyncCallbackWithLoggedError } from '@stackframe/stack-shared/dist/hooks/use-async-callback';
-export const Button = forwardRef((props, ref) => {
-    const { Button } = useComponents();
-    const [onClick, onClickLoading] = useAsyncCallbackWithLoggedError(async () => {
-        return await props.onClick?.();
-    }, [props.onClick]);
-    return _jsx(Button, { ...props, onClick: props.onClick && onClick, loading: props.loading || onClickLoading, disabled: props.disabled || onClickLoading, ref: ref });
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-core/index.tsx
+var components_core_exports = {};
+__export(components_core_exports, {
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger,
+  Container: () => Container,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  Input: () => Input,
+  Label: () => Label,
+  Link: () => Link,
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  Separator: () => Separator,
+  Skeleton: () => Skeleton,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Text: () => Text
+});
+module.exports = __toCommonJS(components_core_exports);
+var import_react = require("react");
+var import_component_provider = require("../providers/component-provider");
+var import_use_async_callback = require("@stackframe/stack-shared/dist/hooks/use-async-callback");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)((props, ref) => {
+  const { Button: Button2 } = (0, import_component_provider.useComponents)();
+  const [onClick, onClickLoading] = (0, import_use_async_callback.useAsyncCallbackWithLoggedError)(async () => {
+    return await props.onClick?.();
+  }, [props.onClick]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Button2,
+    {
+      ...props,
+      onClick: props.onClick && onClick,
+      loading: props.loading || onClickLoading,
+      disabled: props.disabled || onClickLoading,
+      ref
+    }
+  );
 });
 function createDynamicComponent(component) {
-    return forwardRef((props, ref) => {
-        const Component = useComponents()[component];
-        return _jsx(Component, { ...props, ref: ref });
-    });
+  return (0, import_react.forwardRef)((props, ref) => {
+    const Component = (0, import_component_provider.useComponents)()[component];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, ref });
+  });
 }
-;
-export const Input = createDynamicComponent('Input');
-export const Container = createDynamicComponent('Container');
-export const Separator = createDynamicComponent('Separator');
-export const Label = createDynamicComponent('Label');
-export const Link = createDynamicComponent('Link');
-export const Text = createDynamicComponent('Text');
-export const Popover = createDynamicComponent('Popover');
-export const PopoverTrigger = createDynamicComponent('PopoverTrigger');
-export const PopoverContent = createDynamicComponent('PopoverContent');
-export const DropdownMenu = createDynamicComponent('DropdownMenu');
-export const DropdownMenuTrigger = createDynamicComponent('DropdownMenuTrigger');
-export const DropdownMenuContent = createDynamicComponent('DropdownMenuContent');
-export const DropdownMenuItem = createDynamicComponent('DropdownMenuItem');
-export const DropdownMenuLabel = createDynamicComponent('DropdownMenuLabel');
-export const DropdownMenuSeparator = createDynamicComponent('DropdownMenuSeparator');
-export const Avatar = createDynamicComponent('Avatar');
-export const AvatarFallback = createDynamicComponent('AvatarFallback');
-export const AvatarImage = createDynamicComponent('AvatarImage');
-export const Collapsible = createDynamicComponent('Collapsible');
-export const CollapsibleTrigger = createDynamicComponent('CollapsibleTrigger');
-export const CollapsibleContent = createDynamicComponent('CollapsibleContent');
-export const Card = createDynamicComponent('Card');
-export const CardHeader = createDynamicComponent('CardHeader');
-export const CardContent = createDynamicComponent('CardContent');
-export const CardFooter = createDynamicComponent('CardFooter');
-export const Tabs = createDynamicComponent('Tabs');
-export const TabsList = createDynamicComponent('TabsList');
-export const TabsContent = createDynamicComponent('TabsContent');
-export const TabsTrigger = createDynamicComponent('TabsTrigger');
+var Input = createDynamicComponent("Input");
+var Container = createDynamicComponent("Container");
+var Separator = createDynamicComponent("Separator");
+var Label = createDynamicComponent("Label");
+var Link = createDynamicComponent("Link");
+var Text = createDynamicComponent("Text");
+var Popover = createDynamicComponent("Popover");
+var PopoverTrigger = createDynamicComponent("PopoverTrigger");
+var PopoverContent = createDynamicComponent("PopoverContent");
+var DropdownMenu = createDynamicComponent("DropdownMenu");
+var DropdownMenuTrigger = createDynamicComponent("DropdownMenuTrigger");
+var DropdownMenuContent = createDynamicComponent("DropdownMenuContent");
+var DropdownMenuItem = createDynamicComponent("DropdownMenuItem");
+var DropdownMenuLabel = createDynamicComponent("DropdownMenuLabel");
+var DropdownMenuSeparator = createDynamicComponent("DropdownMenuSeparator");
+var Avatar = createDynamicComponent("Avatar");
+var AvatarFallback = createDynamicComponent("AvatarFallback");
+var AvatarImage = createDynamicComponent("AvatarImage");
+var Collapsible = createDynamicComponent("Collapsible");
+var CollapsibleTrigger = createDynamicComponent("CollapsibleTrigger");
+var CollapsibleContent = createDynamicComponent("CollapsibleContent");
+var Card = createDynamicComponent("Card");
+var CardHeader = createDynamicComponent("CardHeader");
+var CardContent = createDynamicComponent("CardContent");
+var CardFooter = createDynamicComponent("CardFooter");
+var Tabs = createDynamicComponent("Tabs");
+var TabsList = createDynamicComponent("TabsList");
+var TabsContent = createDynamicComponent("TabsContent");
+var TabsTrigger = createDynamicComponent("TabsTrigger");
+var Skeleton = createDynamicComponent("Skeleton");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Button,
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Container,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Input,
+  Label,
+  Link,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Separator,
+  Skeleton,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Text
+});

package/dist/components-core/input.d.mts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+type InputProps = React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, 'ref'>;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Input };

package/dist/components-core/input.d.ts

@@ -1,4 +1,6 @@
-import React from "react";
-type InputProps = React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, 'ref'>;
-declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+import React__default from 'react';
+
+type InputProps = React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, 'ref'>;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
 export { Input };

package/dist/components-core/input.js

@@ -1,45 +1,114 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { useDesign } from "../providers/design-provider";
-import styled from 'styled-components';
-import { BORDER_RADIUS, FONT_FAMILY, FONT_SIZES, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS } from "../utils/constants";
-const StyledInput = styled.input `
-  font-family: ${FONT_FAMILY};
-  font-size: ${FONT_SIZES.md};
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-core/input.tsx
+var input_exports = {};
+__export(input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(input_exports);
+var import_react = __toESM(require("react"));
+var import_design_provider = require("../providers/design-provider");
+var import_styled_components = __toESM(require("styled-components"));
+var import_constants = require("../utils/constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledInput = import_styled_components.default.input`
+  font-family: ${import_constants.FONT_FAMILY};
+  font-size: ${import_constants.FONT_SIZES.md};
   height: 2.5rem;
-  border-radius: ${BORDER_RADIUS};
+  border-radius: ${import_constants.BORDER_RADIUS};
   background-color: transparent;
   border: 1px solid;
-  border-color: ${props => props.$borderColor};
   padding: 0rem 1rem;
-  color: ${props => props.$textColor};
-  &::placeholder {
-    color: ${props => props.$placeholderColor};
-  }
-  &:focus-visible {
-    outline: none;
-    box-shadow: 0 0 0 2px ${props => props.$focusShadowColor};
-  }
   &:disabled {
     cursor: auto;
     opacity: 0.5;
   }
-  &[type=file] {
-    color: ${props => props.$fileSelectorColor};
-  }
   &[type=file]::file-selector-button{
     border: none;
-    color: ${props => props.$fileSelectorButtonColor};
     background-color: transparent;
     height: 2.5rem;
     margin-right: 0.5rem;
     padding: 0;
   }
+
+  border-color: ${(props) => props.$colors.light.neutralColor};
+  color: ${import_constants.PRIMARY_FONT_COLORS.light};
+  &::placeholder {
+    color: ${import_constants.SECONDARY_FONT_COLORS.light};
+  }
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px ${(props) => props.$colors.light.primaryColor};
+  }
+  &[type=file] {
+    color: ${import_constants.SECONDARY_FONT_COLORS.light};
+  }
+  &[type=file]::file-selector-button{
+    color: ${import_constants.PRIMARY_FONT_COLORS.light};
+  }
+
+  html[data-theme='dark'] & {
+    border-color: ${(props) => props.$colors.dark.neutralColor};
+    color: ${import_constants.PRIMARY_FONT_COLORS.dark};
+    &::placeholder {
+      color: ${import_constants.SECONDARY_FONT_COLORS.dark};
+    }
+    &:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 2px ${(props) => props.$colors.dark.primaryColor};
+    }
+    &[type=file] {
+      color: ${import_constants.SECONDARY_FONT_COLORS.dark};
+    }
+    &[type=file]::file-selector-button{
+      color: ${import_constants.PRIMARY_FONT_COLORS.dark};
+    }
+  }
 `;
-const Input = React.forwardRef((props, ref) => {
-    const { colors, colorMode } = useDesign();
-    return (_jsx(StyledInput, { ref: ref, "$borderColor": colors.neutralColor, "$placeholderColor": SECONDARY_FONT_COLORS[colorMode], "$textColor": PRIMARY_FONT_COLORS[colorMode], "$fileSelectorColor": SECONDARY_FONT_COLORS[colorMode], "$fileSelectorButtonColor": PRIMARY_FONT_COLORS[colorMode], "$focusShadowColor": colors.primaryColor, ...props }));
+var Input = import_react.default.forwardRef(
+  (props, ref) => {
+    const { colors } = (0, import_design_provider.useDesign)();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StyledInput,
+      {
+        ref,
+        $colors: colors,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input
 });
-Input.displayName = 'Input';
-export { Input };

package/dist/components-core/label.d.mts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import * as _radix_ui_react_label from '@radix-ui/react-label';
+
+declare const Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
+
+export { Label };

package/dist/components-core/label.d.ts

@@ -1,4 +1,6 @@
-import React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+import React__default from 'react';
+import * as _radix_ui_react_label from '@radix-ui/react-label';
+
+declare const Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
+
 export { Label };

package/dist/components-core/label.js

@@ -1,22 +1,72 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import styled from 'styled-components';
-import { FONT_FAMILY, FONT_SIZES, SECONDARY_FONT_COLORS } from "../utils/constants";
-import { useDesign } from "../providers/design-provider";
-const Primitive = styled(LabelPrimitive.Root) `
-  font-size: ${FONT_SIZES.sm};
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-core/label.tsx
+var label_exports = {};
+__export(label_exports, {
+  Label: () => Label
+});
+module.exports = __toCommonJS(label_exports);
+var import_react = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_constants = require("../utils/constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Primitive = (0, import_styled_components.default)(LabelPrimitive.Root)`
+  font-size: ${import_constants.FONT_SIZES.sm};
   line-height: 1;
-  color: ${props => props.$color};
   font-weight: 500;
-  font-family: ${FONT_FAMILY};
+  font-family: ${import_constants.FONT_FAMILY};
   display: block;
   margin-bottom: 0.5rem;
+
+  color: ${import_constants.SECONDARY_FONT_COLORS.light};
+
+  html[data-theme='dark'] & {
+    color: ${import_constants.SECONDARY_FONT_COLORS.dark};
+  }
 `;
-const Label = React.forwardRef((props, ref) => {
-    const { colorMode } = useDesign();
-    return _jsx(Primitive, { "$color": colorMode === 'dark' ? SECONDARY_FONT_COLORS.dark : SECONDARY_FONT_COLORS.light, ref: ref, ...props });
-});
+var Label = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Primitive,
+      {
+        ref,
+        ...props
+      }
+    );
+  }
+);
 Label.displayName = LabelPrimitive.Root.displayName;
-export { Label };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Label
+});

package/dist/components-core/link.d.mts

@@ -0,0 +1,10 @@
+import { Url } from 'url';
+import React__default from 'react';
+
+type LinkProps = {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    href: Url | string;
+} & Omit<React__default.HTMLProps<HTMLLinkElement>, 'size' | 'href'>;
+declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { Link };

package/dist/components-core/link.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="node" />
-import { Url } from "url";
-import React from "react";
+import { Url } from 'url';
+import React__default from 'react';
+
 type LinkProps = {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     href: Url | string;
-} & Omit<React.HTMLProps<HTMLLinkElement>, 'size' | 'href'>;
-export declare function Link({ size, href, style, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
-export {};
+} & Omit<React__default.HTMLProps<HTMLLinkElement>, 'size' | 'href'>;
+declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { Link };

package/dist/components-core/link.js

@@ -1,18 +1,72 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import NextLink from "next/link";
-import { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS } from "../utils/constants";
-import { useDesign } from "..";
-export function Link({ size = 'md', href, style, ...props }) {
-    const { colorMode } = useDesign();
-    return (_jsx(NextLink, { href: href, style: {
-            fontSize: FONT_SIZES[size],
-            lineHeight: LINE_HEIGHTS[size],
-            fontFamily: FONT_FAMILY,
-            color: LINK_COLORS[colorMode],
-            textDecoration: 'underline',
-            margin: 0,
-            padding: 0,
-            ...style
-        }, children: props.children }));
-}
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components-core/link.tsx
+var link_exports = {};
+__export(link_exports, {
+  Link: () => Link
+});
+module.exports = __toCommonJS(link_exports);
+var import_link = __toESM(require("next/link"));
+var import_constants = require("../utils/constants");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledNextLink = (0, import_styled_components.default)(import_link.default)`
+  font-size: ${(props) => import_constants.FONT_SIZES[props.$size]};
+  line-height: ${(props) => import_constants.LINE_HEIGHTS[props.$size]};
+  font-weight: 500;
+  font-family: ${import_constants.FONT_FAMILY};
+  text-decoration: underline;
+  margin: 0;
+  padding: 0;
+
+  color: ${import_constants.LINK_COLORS.light};
+
+  html[data-theme='dark'] & {
+    color: ${import_constants.LINK_COLORS.dark};
+  }
+`;
+var Link = import_react.default.forwardRef(({ size = "md", href, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledNextLink,
+    {
+      $size: size,
+      href,
+      style: props.style,
+      children: props.children
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Link
+});

package/dist/components-core/loading-indicator.d.mts

@@ -0,0 +1,13 @@
+import * as styled_components from 'styled-components';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+import * as React from 'react';
+
+declare const LoadingIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color: {
+        light: string;
+        dark: string;
+    };
+    size?: number | undefined;
+}>>;
+
+export { LoadingIndicator as default };

package/dist/components-core/loading-indicator.d.ts

@@ -1,6 +1,13 @@
-/// <reference types="react" />
-declare const LoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    color: string;
+import * as styled_components from 'styled-components';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+import * as React from 'react';
+
+declare const LoadingIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color: {
+        light: string;
+        dark: string;
+    };
     size?: number | undefined;
 }>>;
-export default LoadingIndicator;
+
+export { LoadingIndicator as default };