@stackframe/stack 2.3.4 → 2.3.7

package/dist/components-core/loading-indicator.js

@@ -1,18 +1,58 @@
-import styled, { keyframes } from 'styled-components';
-const l7 = keyframes `
+"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/loading-indicator.tsx
+var loading_indicator_exports = {};
+__export(loading_indicator_exports, {
+  default: () => loading_indicator_default
+});
+module.exports = __toCommonJS(loading_indicator_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var l7 = import_styled_components.keyframes`
   33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }
   50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }
   66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }
 `;
-const LoadingIndicator = styled.div `
-  width: ${props => props.size || 36}px;
+var LoadingIndicator = import_styled_components.default.div`
+  width: ${(props) => props.size || 36}px;
   aspect-ratio: 4;
-  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.color} 90%, #0000);
   background: 
     var(--_g) 0% 50%, 
     var(--_g) 50% 50%, 
     var(--_g) 100% 50%;
   background-size: calc(100%/3) 100%;
   animation: ${l7} 1s infinite linear;
+
+  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.color.light} 90%, #0000);
+
+  html[data-theme='dark'] & {
+    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.color.dark} 90%, #0000);
+  }
 `;
-export default LoadingIndicator;
+var loading_indicator_default = LoadingIndicator;

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

@@ -0,0 +1,8 @@
+import React__default from 'react';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+
+declare const Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
+declare const PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Popover, PopoverContent, PopoverTrigger };

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

@@ -1,6 +1,8 @@
-import React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverContent };
+import React__default from 'react';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+
+declare const Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
+declare const PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Popover, PopoverContent, PopoverTrigger };

package/dist/components-core/popover.js

@@ -1,24 +1,80 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import styled, { css } from 'styled-components';
-import { useDesign } from '..';
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const StyledContent = styled(PopoverPrimitive.Content) `
+"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/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_exports);
+var import_react = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_styled_components = __toESM(require("styled-components"));
+var import__ = require("..");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var StyledContent = (0, import_styled_components.default)(PopoverPrimitive.Content)`
   z-index: 50;
   width: 18rem;
   border-radius: 0.375rem;
-  border: 1px solid ${({ $borderColor }) => $borderColor};
-  background-color: ${({ $bgColor }) => $bgColor};
   padding: 1rem;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   outline: none;
-  ${({ className }) => className && css `${className}`};
+
+  border: 1px solid ${({ $colors }) => $colors.light.neutralColor};
+  background-color: ${({ $colors }) => $colors.light.backgroundColor};
+
+  html[data-theme='dark'] & {
+    border-color: ${({ $colors }) => $colors.dark.neutralColor};
+    background-color: ${({ $colors }) => $colors.dark.backgroundColor};
+  }
 `;
-const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => {
-    const { colors } = useDesign();
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(StyledContent, { "$borderColor": colors.neutralColor, "$bgColor": colors.backgroundColor, ref: ref, align: align, sideOffset: sideOffset, className: className, ...props }) }));
+var PopoverContent = import_react.default.forwardRef(({ align = "center", sideOffset = 4, ...props }, ref) => {
+  const { colors } = (0, import__.useDesign)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledContent,
+    {
+      $colors: colors,
+      ref,
+      align,
+      sideOffset,
+      ...props
+    }
+  ) });
+});
+PopoverContent.displayName = "PopoverContent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
 });
-PopoverContent.displayName = 'PopoverContent';
-export { Popover, PopoverTrigger, PopoverContent };

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

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+
+declare const Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Separator };

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

@@ -1,4 +1,6 @@
-import React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import React__default from 'react';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+
+declare const Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
 export { Separator };

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

@@ -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.js

@@ -0,0 +1,86 @@
+"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/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;
+    -moz-user-select: none !important;
+    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;
+  }
+`;
+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";
+// 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 };