@stackframe/stack 2.3.5 → 2.3.7

package/dist/components-core/button.js

@@ -1,135 +1,199 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { useDesign } from "../providers/design-provider";
-import Color from 'color';
-import styled from 'styled-components';
-import { BORDER_RADIUS, FONT_FAMILY, FONT_SIZES, LINK_COLORS } from "../utils/constants";
-import LoadingIndicator from "./loading-indicator";
-function getColors({ propsColor, colors, variant, colorMode, }) {
-    let bgColor;
-    switch (variant) {
-        case 'primary': {
-            bgColor = colors.primaryColor;
-            break;
-        }
-        case 'secondary': {
-            bgColor = colors.secondaryColor;
-            break;
-        }
-        case 'warning': {
-            bgColor = '#ff4500';
-            break;
-        }
-        case 'link': {
-            bgColor = 'transparent';
-            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/button.tsx
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(button_exports);
+var import_react = __toESM(require("react"));
+var import_design_provider = require("../providers/design-provider");
+var import_color = __toESM(require("color"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_constants = require("../utils/constants");
+var import_loading_indicator = __toESM(require("./loading-indicator"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function getColors({
+  propsColor,
+  colors,
+  variant
+}) {
+  let bgColor;
+  switch (variant) {
+    case "primary": {
+      bgColor = colors.primaryColor;
+      break;
     }
-    if (propsColor) {
-        bgColor = propsColor;
+    case "secondary": {
+      bgColor = colors.secondaryColor;
+      break;
     }
-    const c = Color(bgColor);
-    const pc = Color(colors.primaryColor);
-    const changeColor = (value) => {
-        return c.hsl(c.hue(), c.saturationl(), c.lightness() + value).toString();
+    case "warning": {
+      bgColor = "#ff4500";
+      break;
+    }
+  }
+  if (propsColor) {
+    bgColor = propsColor;
+  }
+  const c = (0, import_color.default)(bgColor);
+  const pc = (0, import_color.default)(colors.primaryColor);
+  const changeColor = (value) => {
+    return c.hsl(c.hue(), c.saturationl(), c.lightness() + value).toString();
+  };
+  const getAlpha = (alpha) => {
+    return (0, import_color.default)(
+      pc.isDark() ? "white" : "black"
+    ).alpha(alpha).toString();
+  };
+  if (c.alpha() === 0) {
+    return {
+      bgColor: "transparent",
+      hoverBgColor: getAlpha(0.1),
+      activeBgColor: getAlpha(0.2),
+      textColor: colors.primaryColor
+    };
+  } else if (c.isLight()) {
+    return {
+      bgColor,
+      hoverBgColor: changeColor(-10),
+      activeBgColor: changeColor(-20),
+      textColor: "black"
     };
-    const getAlpha = (alpha) => {
-        return Color(pc.isDark() ? 'white' : 'black').alpha(alpha).toString();
+  } else {
+    return {
+      bgColor,
+      hoverBgColor: changeColor(10),
+      activeBgColor: changeColor(20),
+      textColor: "white"
     };
-    if (variant === 'link') {
-        return {
-            bgColor: 'transparent',
-            hoverBgColor: getAlpha(0.1),
-            activeBgColor: getAlpha(0.2),
-            textColor: LINK_COLORS[colorMode],
-        };
+  }
+}
+var StyledButton = import_styled_components.default.button`
+  border: 0;
+  border-radius: ${import_constants.BORDER_RADIUS};
+  padding: ${(props) => {
+  switch (props.$size) {
+    case "sm": {
+      return "0rem 0.75rem";
     }
-    if (c.alpha() === 0) {
-        return {
-            bgColor: 'transparent',
-            hoverBgColor: getAlpha(0.1),
-            activeBgColor: getAlpha(0.2),
-            textColor: colors.primaryColor,
-        };
+    case "md": {
+      return "0rem 1rem";
     }
-    else if (c.isLight()) {
-        return {
-            bgColor,
-            hoverBgColor: changeColor(-10),
-            activeBgColor: changeColor(-20),
-            textColor: 'black',
-        };
+    case "lg": {
+      return "0rem 2rem";
     }
-    else {
-        return {
-            bgColor,
-            hoverBgColor: changeColor(10),
-            activeBgColor: changeColor(20),
-            textColor: 'white',
-        };
+  }
+}};
+  height: ${(props) => {
+  switch (props.$size) {
+    case "sm": {
+      return "2rem";
     }
-}
-const StyledButton = styled.button `
-  border: 0;
-  border-radius: ${BORDER_RADIUS};
-  padding: ${props => {
-    switch (props.$size) {
-        case 'sm': {
-            return '0rem 0.75rem';
-        }
-        case 'md': {
-            return '0rem 1rem';
-        }
-        case 'lg': {
-            return '0rem 2rem';
-        }
+    case "md": {
+      return "2.5rem";
     }
-}};
-  height: ${props => {
-    switch (props.$size) {
-        case 'sm': {
-            return '2rem';
-        }
-        case 'md': {
-            return '2.5rem';
-        }
-        case 'lg': {
-            return '3rem';
-        }
+    case "lg": {
+      return "3rem";
     }
+  }
 }};
-  font-size: ${FONT_SIZES.md};
-  background-color: ${props => props.$bgColor};
-  color: ${props => props.$textColor};
-  opacity: ${props => props.disabled ? 0.5 : 1};
+  font-family: ${import_constants.FONT_FAMILY};
+  font-size: ${import_constants.FONT_SIZES.md};
+  opacity: ${(props) => props.disabled ? 0.5 : 1};
   transition: background-color 0.2s;
   cursor: pointer;
+  position: relative;
+  &:disabled {
+    cursor: auto;
+    opacity: 0.5;
+  }
+
+  background-color: ${(props) => props.$colors.light.bgColor};
+  color: ${(props) => props.$colors.light.textColor};
   &:not([disabled]) {
     &:active,&:hover:active {
-      background-color: ${props => props.$activeBgColor};
+      background-color: ${(props) => props.$colors.light.activeBgColor};
     }
     &:hover {
-      background-color: ${props => props.$hoverBgColor};
+      background-color: ${(props) => props.$colors.light.hoverBgColor};
     }
   }
-  &:disabled {
-    cursor: auto;
-    opacity: 0.5;
+
+  html[data-theme='dark'] & {
+    background-color: ${(props) => props.$colors.dark.bgColor};
+    color: ${(props) => props.$colors.dark.textColor};
+    &:not([disabled]) {
+      &:active,&:hover:active {
+        background-color: ${(props) => props.$colors.dark.activeBgColor};
+      }
+      &:hover {
+        background-color: ${(props) => props.$colors.dark.hoverBgColor};
+      }
+    }
   }
-  font-family: ${FONT_FAMILY};
-  text-decoration: ${props => props.$underline ? 'underline' : 'none'};
-  position: relative;
 `;
-const Button = React.forwardRef(({ variant = 'primary', size = 'md', loading = false, ...props }, ref) => {
-    const { colors, colorMode } = useDesign();
-    const buttonColors = getColors({
-        propsColor: props.color,
-        colors,
-        variant,
-        colorMode,
-    });
-    return (_jsxs(StyledButton, { ref: ref, "$size": size, "$bgColor": buttonColors.bgColor, "$hoverBgColor": buttonColors.hoverBgColor, "$activeBgColor": buttonColors.activeBgColor, "$textColor": buttonColors.textColor, "$underline": variant === 'link', "$loading": loading, ...props, children: [_jsx("div", { style: { position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', visibility: loading ? 'visible' : 'hidden' }, children: _jsx(LoadingIndicator, { color: buttonColors.textColor }) }), _jsx("div", { style: { visibility: loading ? 'hidden' : 'visible' }, children: props.children })] }));
+var Button = import_react.default.forwardRef(
+  ({
+    variant = "primary",
+    size = "md",
+    loading = false,
+    ...props
+  }, ref) => {
+    const { colors } = (0, import_design_provider.useDesign)();
+    const { dark, light } = (0, import_react.useMemo)(() => {
+      return {
+        dark: getColors({ propsColor: props.color, colors: colors.dark, variant }),
+        light: getColors({ propsColor: props.color, colors: colors.light, variant })
+      };
+    }, [props.color, colors, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      StyledButton,
+      {
+        ref,
+        $size: size,
+        $loading: loading,
+        $colors: { dark, light },
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", visibility: loading ? "visible" : "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_loading_indicator.default, { color: { light: light.textColor, dark: dark.textColor } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { visibility: loading ? "hidden" : "visible" }, children: props.children })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
 });
-Button.displayName = 'Button';
-export { Button, };

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardFooter, CardHeader };

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

@@ -1,6 +1,8 @@
-import * as React from "react";
+import * as React from 'react';
+
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardContent, };
+
+export { Card, CardContent, CardFooter, CardHeader };

package/dist/components-core/card.js

@@ -1,37 +1,88 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import styled from "styled-components";
-import { useDesign } from "..";
-const Card = React.forwardRef((props, ref) => {
-    const { colors } = useDesign();
-    return _jsx(StyledCard, { ref: ref, ...props, backgroundColor: colors.backgroundColor, borderColor: colors.neutralColor });
+"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/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader
 });
-Card.displayName = "Card";
-const CardHeader = React.forwardRef((props, ref) => (_jsx(StyledCardHeader, { ref: ref, ...props })));
-CardHeader.displayName = "CardHeader";
-const CardContent = React.forwardRef((props, ref) => (_jsx(StyledCardContent, { ref: ref, ...props })));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef((props, ref) => (_jsx(StyledCardFooter, { ref: ref, ...props })));
-CardFooter.displayName = "CardFooter";
-const StyledCard = styled.div `
+module.exports = __toCommonJS(card_exports);
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import__ = require("..");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledCard = import_styled_components.default.div`
   border-radius: 0.5rem;
-  border: 1px solid ${props => props.borderColor};
-  background-color: ${props => props.backgroundColor};
   box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
   padding: 1.5rem;
+
+  border: 1px solid ${(props) => props.$colors.light.neutralColor};
+  background-color: ${(props) => props.$colors.light.backgroundColor};
+
+  html[data-theme='dark'] & {
+    border-color: ${(props) => props.$colors.dark.neutralColor};
+    background-color: ${(props) => props.$colors.dark.backgroundColor};
+  }
 `;
-const StyledCardHeader = styled.div `
+var StyledCardHeader = import_styled_components.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
   margin-bottom: 1.5rem;
 `;
-const StyledCardContent = styled.div `
+var StyledCardContent = import_styled_components.default.div`
 `;
-const StyledCardFooter = styled.div `
+var StyledCardFooter = import_styled_components.default.div`
   display: flex;
   align-items: center;
   margin-top: 1.5rem;
 `;
-export { Card, CardHeader, CardFooter, CardContent, };
+var Card = React.forwardRef((props, ref) => {
+  const { colors } = (0, import__.useDesign)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCard, { ref, ...props, $colors: colors });
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCardHeader, { ref, ...props }));
+CardHeader.displayName = "CardHeader";
+var CardContent = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCardContent, { ref, ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCardFooter, { ref, ...props }));
+CardFooter.displayName = "CardFooter";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader
+});

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
+
+declare const Collapsible: React.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

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

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+import * as React from 'react';
+import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
+
+declare const Collapsible: React.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components-core/collapsible.js

@@ -1,6 +1,49 @@
 "use client";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-const Collapsible = CollapsiblePrimitive.Root;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+"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/collapsible.tsx
+var collapsible_exports = {};
+__export(collapsible_exports, {
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent2,
+  CollapsibleTrigger: () => CollapsibleTrigger2
+});
+module.exports = __toCommonJS(collapsible_exports);
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+});

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ContainerProps = {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+} & Omit<React.HTMLProps<HTMLDivElement>, 'size'>;
+declare function Container({ size, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
+
+export { Container };

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

@@ -1,6 +1,8 @@
-/// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
 type ContainerProps = {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
 } & Omit<React.HTMLProps<HTMLDivElement>, 'size'>;
-export declare function Container({ size, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function Container({ size, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
+
+export { Container };

package/dist/components-core/container.js

@@ -1,19 +1,69 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useDesign } from "../providers/design-provider";
-import styled from 'styled-components';
-const OuterContainer = styled.div `
+"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/container.tsx
+var container_exports = {};
+__export(container_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(container_exports);
+var import_design_provider = require("../providers/design-provider");
+var import_styled_components = __toESM(require("styled-components"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var OuterContainer = import_styled_components.default.div`
   display: flex;
   justify-content: center;
   width: 100%;
 `;
-const InnerContainer = styled.div `
+var InnerContainer = import_styled_components.default.div`
   width: 100%;
-  @media (min-width: ${props => props.$breakpoint}px) {
-    width: ${props => props.$breakpoint}px;
+  @media (min-width: ${(props) => props.$breakpoint}px) {
+    width: ${(props) => props.$breakpoint}px;
   }
 `;
-export function Container({ size = 'md', ...props }) {
-    const { breakpoints } = useDesign();
-    return (_jsx(OuterContainer, { children: _jsx(InnerContainer, { "$breakpoint": typeof size === 'number' ? size : breakpoints[size], ...props, children: props.children }) }));
+function Container({
+  size = "md",
+  ...props
+}) {
+  const { breakpoints } = (0, import_design_provider.useDesign)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OuterContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    InnerContainer,
+    {
+      $breakpoint: typeof size === "number" ? size : breakpoints[size],
+      ...props,
+      children: props.children
+    }
+  ) });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
+
+declare const DropdownMenu: React.FC<_radix_ui_react_dropdown_menu.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger };