@stackframe/stack 2.3.5 → 2.3.8

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 };

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 };