@stackframe/stack 2.3.5 → 2.3.7

package/dist/components-core/separator.js

@@ -1,20 +1,70 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import styled from 'styled-components';
-import { useDesign } from '..';
-const StyledSeparator = styled(SeparatorPrimitive.Root) `
+"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/separator.tsx
+var separator_exports = {};
+__export(separator_exports, {
+  Separator: () => Separator
+});
+module.exports = __toCommonJS(separator_exports);
+var import_react = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var import_styled_components = __toESM(require("styled-components"));
+var import__ = require("..");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledSeparator = (0, import_styled_components.default)(SeparatorPrimitive.Root)`
   flex-shrink: 0;
-  background-color: ${props => props.$color};
+  ${(props) => props.$orientation === "horizontal" ? "height: 1px; width: 100%;" : "height: 100%; width: 1px;"}
   
-  ${(props) => props.$orientation === 'horizontal'
-    ? 'height: 1px; width: 100%;'
-    : 'height: 100%; width: 1px;'}
+  background-color: ${(props) => props.$color.light.neutralColor};
+
+  html[data-theme='dark'] & {
+    background-color: ${(props) => props.$color.dark.neutralColor};
+  }
 `;
-const Separator = React.forwardRef(({ orientation = 'horizontal', decorative = true, ...props }, ref) => {
-    const { colors } = useDesign();
-    return _jsx(StyledSeparator, { ref: ref, decorative: decorative, "$orientation": orientation, "$color": colors.neutralColor, ...props });
+var Separator = import_react.default.forwardRef(({ orientation = "horizontal", decorative = true, ...props }, ref) => {
+  const { colors } = (0, import__.useDesign)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledSeparator,
+    {
+      ref,
+      decorative,
+      $orientation: orientation,
+      $color: colors,
+      ...props
+    }
+  );
+});
+Separator.displayName = "Separator";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Separator
 });
-Separator.displayName = 'Separator';
-export { Separator };

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

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    deactivated?: boolean | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+export { Skeleton };

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

@@ -1,5 +1,7 @@
-import React from "react";
-declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+import React__default from 'react';
+
+declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     deactivated?: boolean | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
 export { Skeleton };

package/dist/components-core/skeleton.js

@@ -1,21 +1,56 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import styled, { keyframes } from 'styled-components';
-import { SECONDARY_FONT_COLORS } from "../utils/constants";
-import { useDesign } from "../providers/design-provider";
-const animation = keyframes `
-  0% {
-    filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(0.8);
-  }
-  100% {
-    filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(0.7);
-  }
-`;
-const Primitive = styled("span") `
-  &[data-stack-state="activated"] {
-    animation: ${animation} 1s infinite alternate-reverse !important;
+"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/skeleton.tsx
+var skeleton_exports = {};
+__export(skeleton_exports, {
+  Skeleton: () => Skeleton
+});
+module.exports = __toCommonJS(skeleton_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var getFilterString = (brightness1, brightness2) => {
+  return `
+    0% {
+      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness1});
+    }
+    100% {
+      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness2});
+    }
+  `;
+};
+var animationLight = import_styled_components.keyframes`${getFilterString(0.8, 0.9)}`;
+var animationDark = import_styled_components.keyframes`${getFilterString(0.2, 0.1)}`;
+var Primitive = (0, import_styled_components.default)("span")`
   &[data-stack-state="activated"], &[data-stack-state="activated"] * {
     pointer-events: none !important;
     -webkit-user-select: none !important;
@@ -23,10 +58,29 @@ const Primitive = styled("span") `
     user-select: none !important;
     cursor: default !important;
   }
+
+  &[data-stack-state="activated"] {
+    animation: ${animationLight} 1s infinite alternate-reverse !important;
+  }
+
+  html[data-theme='dark'] &[data-stack-state="activated"] {
+    animation: ${animationDark} 1s infinite alternate-reverse !important;
+  }
 `;
-const Skeleton = React.forwardRef((props, ref) => {
-    const { colorMode } = useDesign();
-    return _jsx(Primitive, { "$color": colorMode === 'dark' ? SECONDARY_FONT_COLORS.dark : SECONDARY_FONT_COLORS.light, ref: ref, "data-stack-state": props.deactivated ? "deactivated" : "activated", ...props });
-});
+var Skeleton = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Primitive,
+      {
+        ref,
+        "data-stack-state": props.deactivated ? "deactivated" : "activated",
+        ...props
+      }
+    );
+  }
+);
 Skeleton.displayName = "Skeleton";
-export { Skeleton };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Skeleton
+});

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
+
+declare const Tabs: React.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
+
+declare const Tabs: React.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components-core/tabs.js

@@ -1,23 +1,71 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import styled from 'styled-components';
-import { useDesign } from '..';
-const Tabs = TabsPrimitive.Root;
-const StyledTabsList = styled(TabsPrimitive.List) `
+"use strict";
+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/tabs.tsx
+var tabs_exports = {};
+__export(tabs_exports, {
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger
+});
+module.exports = __toCommonJS(tabs_exports);
+var React = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_styled_components = __toESM(require("styled-components"));
+var import__ = require("..");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tabs = TabsPrimitive.Root;
+var StyledTabsList = (0, import_styled_components.default)(TabsPrimitive.List)`
   display: flex;
   height: 2.5rem
   align-items: center;
   justify-content: center;
   border-radius: 0.375rem;
-  background-color: ${props => props.$bgColor};
   padding: 0.25rem;
+
+  background-color: rgb(244, 244, 245);
+
+  html[data-theme='dark'] & {
+    background-color: rgb(39, 39, 42);
+  }
 `;
-const TabsList = React.forwardRef((props, ref) => {
-    const { colorMode } = useDesign();
-    return _jsx(StyledTabsList, { "$bgColor": colorMode === 'dark' ? 'rgb(39, 39, 42)' : 'rgb(244, 244, 245)', ...props, ref: ref });
+var TabsList = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledTabsList,
+    {
+      ...props,
+      ref
+    }
+  );
 });
-const StayledTabsTrigger = styled(TabsPrimitive.Trigger) `
+var StayledTabsTrigger = (0, import_styled_components.default)(TabsPrimitive.Trigger)`
   display: flex;
   flex-grow: 1;
   align-items: center;
@@ -34,17 +82,36 @@ const StayledTabsTrigger = styled(TabsPrimitive.Trigger) `
   }
 
   &[data-state='active'] {
-    background-color: ${props => props.$bgColor};
+    background-color: ${({ $colors }) => $colors.light.backgroundColor};
+  }
+
+  html[data-theme='dark'] & {
+    &[data-state='active'] {
+      background-color: ${({ $colors }) => $colors.dark.backgroundColor};
+    }
   }
 `;
-const TabsTrigger = React.forwardRef((props, ref) => {
-    const { colors } = useDesign();
-    return _jsx(StayledTabsTrigger, { "$bgColor": colors.backgroundColor, ...props, ref: ref });
+var TabsTrigger = React.forwardRef((props, ref) => {
+  const { colors } = (0, import__.useDesign)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StayledTabsTrigger,
+    {
+      $colors: colors,
+      ...props,
+      ref
+    }
+  );
 });
-const StyledTabsContent = styled(TabsPrimitive.Content) `
+var StyledTabsContent = (0, import_styled_components.default)(TabsPrimitive.Content)`
   margin-top: 1.5rem;
 `;
-const TabsContent = React.forwardRef((props, ref) => {
-    return _jsx(StyledTabsContent, { ...props, ref: ref });
+var TabsContent = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTabsContent, { ...props, ref });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
 });
-export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+type TextProps = {
+    variant?: 'primary' | 'secondary' | 'warning' | 'success';
+    as?: 'p' | 'h6' | 'h5' | 'h4' | 'h3' | 'h2' | 'h1';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+} & Omit<React__default.HTMLProps<HTMLParagraphElement>, 'size'>;
+declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { Text };

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

@@ -1,8 +1,10 @@
-import React from "react";
+import React__default from 'react';
+
 type TextProps = {
     variant?: 'primary' | 'secondary' | 'warning' | 'success';
     as?: 'p' | 'h6' | 'h5' | 'h4' | 'h3' | 'h2' | 'h1';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-} & Omit<React.HTMLProps<HTMLParagraphElement>, 'size'>;
-declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+} & Omit<React__default.HTMLProps<HTMLParagraphElement>, 'size'>;
+declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
+
 export { Text };

package/dist/components-core/text.js

@@ -1,42 +1,97 @@
-'use client';
-import React from "react";
-import { createElement } from "react";
-import { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS } from "../utils/constants";
-import { useDesign } from "../providers/design-provider";
-const Text = React.forwardRef(({ variant = 'primary', size = 'md', as = 'p', style, ...props }, ref) => {
-    const { colorMode } = useDesign();
-    let textColor;
-    switch (variant) {
-        case 'primary': {
-            textColor = PRIMARY_FONT_COLORS[colorMode];
-            break;
-        }
-        case 'secondary': {
-            textColor = SECONDARY_FONT_COLORS[colorMode];
-            break;
-        }
-        case 'warning': {
-            textColor = '#b33b1d';
-            break;
-        }
-        case 'success': {
-            textColor = '#3da63d';
-            break;
-        }
+"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/text.tsx
+var text_exports = {};
+__export(text_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(text_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+var import_constants = require("../utils/constants");
+var import_styled_components = __toESM(require("styled-components"));
+var import_objects = require("@stackframe/stack-shared/dist/utils/objects");
+var components = ["p", "h6", "h5", "h4", "h3", "h2", "h1"];
+var StyledComponents = (0, import_objects.typedFromEntries)(components.map((component) => {
+  return [
+    component,
+    (0, import_styled_components.default)(component)`
+      font-family: ${import_constants.FONT_FAMILY};
+      font-size: ${(props) => import_constants.FONT_SIZES[props.$size]};
+      line-height: ${(props) => import_constants.LINE_HEIGHTS[props.$size]};
+      margin: 0;
+      padding: 0;
+      color: ${(props) => props.$textColor.light};
+      
+      html[data-theme='dark'] & {
+        color: ${(props) => props.$textColor.dark};
+      }
+    `
+  ];
+}));
+var Text = import_react.default.forwardRef(({
+  variant = "primary",
+  size = "md",
+  as = "p",
+  ...props
+}, ref) => {
+  let textColor;
+  switch (variant) {
+    case "primary": {
+      textColor = import_constants.PRIMARY_FONT_COLORS;
+      break;
+    }
+    case "secondary": {
+      textColor = import_constants.SECONDARY_FONT_COLORS;
+      break;
+    }
+    case "warning": {
+      textColor = { light: "#b33b1d", dark: "#ff7b5c" };
+      break;
     }
-    return createElement(as, {
-        style: {
-            fontSize: FONT_SIZES[size],
-            lineHeight: LINE_HEIGHTS[size],
-            fontFamily: FONT_FAMILY,
-            color: textColor,
-            padding: 0,
-            margin: 0,
-            ...style
-        },
-        ref,
-        ...props
-    }, props.children);
+    case "success": {
+      textColor = { light: "#3da63d", dark: "#3da63d" };
+      break;
+    }
+  }
+  return (0, import_react2.createElement)(StyledComponents[as], {
+    $size: size,
+    $textColor: textColor,
+    ...props,
+    ref
+  });
+});
+Text.displayName = "Text";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Text
 });
-Text.displayName = 'Typography';
-export { Text };

package/dist/components-core-joy/button.d.mts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../components-core/button.mjs';
+import React__default from 'react';
+
+declare const Button: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button };

package/dist/components-core-joy/button.d.ts

@@ -1,2 +1,6 @@
-import React from "react";
-export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../components-core/button").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import { ButtonProps } from '../components-core/button.js';
+import React__default from 'react';
+
+declare const Button: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button };