@stackframe/stack 2.4.27 → 2.5.0

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

@@ -1,13 +0,0 @@
-import React__default from 'react';
-
-type ButtonProps = {
-    variant?: 'primary' | 'secondary' | 'warning';
-    color?: string;
-    size?: 'sm' | 'md' | 'lg';
-    type?: 'button' | 'submit' | 'reset';
-    loading?: boolean;
-    onClick?: (() => void) | (() => Promise<void>);
-} & Omit<React__default.HTMLProps<HTMLButtonElement>, 'size' | 'type' | 'onClick'>;
-declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps };

package/dist/components-core/button.js

@@ -1,217 +0,0 @@
-"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_react_icons = require("@radix-ui/react-icons");
-var import_jsx_runtime = require("react/jsx-runtime");
-function getColors({
-  propsColor,
-  colors,
-  variant
-}) {
-  let bgColor;
-  switch (variant) {
-    case "primary": {
-      bgColor = colors.primaryColor;
-      break;
-    }
-    case "secondary": {
-      bgColor = colors.secondaryColor;
-      break;
-    }
-    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"
-    };
-  } else {
-    return {
-      bgColor,
-      hoverBgColor: changeColor(10),
-      activeBgColor: changeColor(20),
-      textColor: "white"
-    };
-  }
-}
-var StyledButton = import_styled_components.default.button`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border: 0;
-  border-radius: 0.375rem;
-  font-family: ${import_constants.FONT_FAMILY};
-  font-size: ${import_constants.FONT_SIZES.sm};
-  font-weight: 500;
-  line-height: ${import_constants.LINE_HEIGHTS.sm};
-  cursor: pointer;
-  padding: ${(props) => {
-  switch (props.$size) {
-    case "sm": {
-      return "0rem 0.75rem";
-    }
-    case "md": {
-      return "0.5rem 1rem";
-    }
-    case "lg": {
-      return "0.5rem 2rem";
-    }
-  }
-}};
-  height: ${(props) => {
-  switch (props.$size) {
-    case "sm": {
-      return "2rem";
-    }
-    case "md": {
-      return "2.25rem;";
-    }
-    case "lg": {
-      return "2.5rem;";
-    }
-  }
-}};
-  &: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.$colors.light.activeBgColor};
-    }
-    &:hover {
-      background-color: ${(props) => props.$colors.light.hoverBgColor};
-    }
-  }
-
-  html[data-stack-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};
-      }
-    }
-  }
-`;
-var spin = import_styled_components.keyframes`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-var StyledReloadIcon = (0, import_styled_components.default)(import_react_icons.ReloadIcon)`
-  margin-right: 0.5rem; /* mr-2 */
-  height: 1rem; /* h-4 */
-  width: 1rem; /* w-4 */
-  animation: ${spin} 1s linear infinite; /* animate-spin */
-`;
-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,
-        disabled: props.disabled || loading,
-        children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledReloadIcon, {}),
-          props.children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});
-//# sourceMappingURL=button.js.map

package/dist/components-core/button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/button.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from \"react\";\nimport { useDesign } from \"../providers/design-provider\";\nimport Color from 'color';\nimport styled, { keyframes } from 'styled-components';\nimport { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS } from \"../utils/constants\";\nimport { ReloadIcon } from \"@radix-ui/react-icons\";\n\nfunction getColors({\n  propsColor, \n  colors, \n  variant,\n}: {\n  propsColor?: string, \n  colors: { primaryColor: string, secondaryColor: string, backgroundColor: string },\n  variant: 'primary' | 'secondary' | 'warning',\n}): {\n  bgColor: string, \n  hoverBgColor: string,\n  activeBgColor: string,\n  textColor: string,\n} {\n  let bgColor;\n  switch (variant) {\n    case 'primary': {\n      bgColor = colors.primaryColor;\n      break;\n    }\n    case 'secondary': {\n      bgColor = colors.secondaryColor;\n      break;\n    }\n    case 'warning': {\n      bgColor = '#ff4500';\n      break;\n    }\n  }\n  if (propsColor) {\n    bgColor = propsColor;\n  }\n\n  const c = Color(bgColor);\n  const pc = Color(colors.primaryColor);\n\n  const changeColor = (value: number) => {\n    return c.hsl(c.hue(), c.saturationl(), c.lightness() + value).toString();\n  };\n  \n  const getAlpha = (alpha: number) => {\n    return Color(\n      pc.isDark() ? 'white' : 'black'\n    ).alpha(alpha).toString();\n  };\n\n  if (c.alpha() === 0) {\n    return {\n      bgColor: 'transparent',\n      hoverBgColor: getAlpha(0.1),\n      activeBgColor: getAlpha(0.2),\n      textColor: colors.primaryColor,\n    };\n  } else if (c.isLight()) {\n    return {\n      bgColor,\n      hoverBgColor: changeColor(-10),\n      activeBgColor: changeColor(-20),\n      textColor: 'black',\n    };\n  } else {\n    return {\n      bgColor,\n      hoverBgColor: changeColor(10),\n      activeBgColor: changeColor(20),\n      textColor: 'white',\n    };\n  }\n}\n\nexport type ButtonProps = {\n  variant?: 'primary' | 'secondary' | 'warning',\n  color?: string,\n  size?: 'sm' | 'md' | 'lg',\n  type?: 'button' | 'submit' | 'reset',\n  loading?: boolean,\n  onClick?: (() => void) | (() => Promise<void>),\n} & Omit<React.HTMLProps<HTMLButtonElement>, 'size' | 'type' | 'onClick'>\n\ntype ButtonColors = {\n  bgColor: string, \n  hoverBgColor: string,\n  activeBgColor: string,\n  textColor: string,\n}\n\nconst StyledButton = styled.button<{\n  $size: 'sm' | 'md' | 'lg',\n  $loading: boolean,\n  $colors: {\n    dark: ButtonColors,\n    light: ButtonColors,\n  },\n}>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border: 0;\n  border-radius: 0.375rem;\n  font-family: ${FONT_FAMILY};\n  font-size: ${FONT_SIZES.sm};\n  font-weight: 500;\n  line-height: ${LINE_HEIGHTS.sm};\n  cursor: pointer;\n  padding: ${props => {\n    switch (props.$size) {\n      case 'sm': { return '0rem 0.75rem'; }\n      case 'md': { return '0.5rem 1rem'; }\n      case 'lg': { return '0.5rem 2rem'; }\n    }\n  }};\n  height: ${props => {\n    switch (props.$size) {\n      case 'sm': { return '2rem'; }\n      case 'md': { return '2.25rem;'; }\n      case 'lg': { return '2.5rem;'; }\n    }\n  }};\n  &:disabled {\n    cursor: auto;\n    opacity: 0.5;\n  }\n\n  background-color: ${props => props.$colors.light.bgColor};\n  color: ${props => props.$colors.light.textColor};\n  &:not([disabled]) {\n    &:active,&:hover:active {\n      background-color: ${props => props.$colors.light.activeBgColor};\n    }\n    &:hover {\n      background-color: ${props => props.$colors.light.hoverBgColor};\n    }\n  }\n\n  html[data-stack-theme='dark'] & {\n    background-color: ${props => props.$colors.dark.bgColor};\n    color: ${props => props.$colors.dark.textColor};\n    &:not([disabled]) {\n      &:active,&:hover:active {\n        background-color: ${props => props.$colors.dark.activeBgColor};\n      }\n      &:hover {\n        background-color: ${props => props.$colors.dark.hoverBgColor};\n      }\n    }\n  }\n`;\n\nconst spin = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst StyledReloadIcon = styled(ReloadIcon)`\n  margin-right: 0.5rem; /* mr-2 */\n  height: 1rem; /* h-4 */\n  width: 1rem; /* w-4 */\n  animation: ${spin} 1s linear infinite; /* animate-spin */\n`;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n    variant='primary',\n    size='md',\n    loading=false,\n    ...props\n  }, ref) => {\n    const { colors } = useDesign();\n\n    const { dark, light } = useMemo(() => {\n      return {\n        dark: getColors({ propsColor: props.color, colors: colors.dark, variant }),\n        light: getColors({ propsColor: props.color, colors: colors.light, variant }),\n      };\n    }, [props.color, colors, variant]);\n\n    return (\n      <StyledButton\n        ref={ref}\n        $size={size}\n        $loading={loading}\n        $colors={{ dark, light }}\n        {...props}\n        disabled={props.disabled || loading}\n      >\n        {loading && <StyledReloadIcon />}\n        {props.children}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\nexport {\n  Button,\n};\n"],"mappings":"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","names":["Color","styled","React"]}

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

@@ -1,8 +0,0 @@
-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,8 +0,0 @@
-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.js

@@ -1,89 +0,0 @@
-"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
-});
-module.exports = __toCommonJS(card_exports);
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import__ = require("..");
-var import_constants = require("../utils/constants");
-var import_jsx_runtime = require("react/jsx-runtime");
-var StyledCard = import_styled_components.default.div`
-  border-radius: 0.75rem;
-  box-shadow: ${import_constants.SHADOW};
-  padding: 1.5rem;
-
-  border: 1px solid ${(props) => props.$colors.light.neutralColor};
-  background-color: ${(props) => props.$colors.light.backgroundColor};
-
-  html[data-stack-theme='dark'] & {
-    border-color: ${(props) => props.$colors.dark.neutralColor};
-    background-color: ${(props) => props.$colors.dark.backgroundColor};
-  }
-`;
-var StyledCardHeader = import_styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1.5rem;
-`;
-var StyledCardContent = import_styled_components.default.div`
-`;
-var StyledCardFooter = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-  margin-top: 1.5rem;
-`;
-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
-});
-//# sourceMappingURL=card.js.map

package/dist/components-core/card.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/card.tsx"],"sourcesContent":["'use client';\n\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport { useDesign } from \"..\";\nimport { ColorPalette } from \"../providers/design-provider\";\nimport { SHADOW } from \"../utils/constants\";\n\nconst StyledCard = styled.div<{ \n  $colors: ColorPalette,\n}>`\n  border-radius: 0.75rem;\n  box-shadow: ${SHADOW};\n  padding: 1.5rem;\n\n  border: 1px solid ${props => props.$colors.light.neutralColor};\n  background-color: ${props => props.$colors.light.backgroundColor};\n\n  html[data-stack-theme='dark'] & {\n    border-color: ${props => props.$colors.dark.neutralColor};\n    background-color: ${props => props.$colors.dark.backgroundColor};\n  }\n`;\n\nconst StyledCardHeader = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 1.5rem;\n`;\n\nconst StyledCardContent = styled.div`\n`;\n\nconst StyledCardFooter = styled.div`\n  display: flex;\n  align-items: center;\n  margin-top: 1.5rem;\n`;\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>((props, ref) => {\n  const { colors } = useDesign();\n  return <StyledCard ref={ref} {...props} $colors={colors} />;\n});\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>((props, ref) => (\n  <StyledCardHeader ref={ref} {...props} />\n));\nCardHeader.displayName = \"CardHeader\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>((props, ref) => (\n  <StyledCardContent ref={ref} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>((props, ref) => (\n  <StyledCardFooter ref={ref} {...props} />\n));\nCardFooter.displayName = \"CardFooter\";\n\nexport { \n  Card, \n  CardHeader, \n  CardFooter, \n  CardContent,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,+BAAmB;AACnB,eAA0B;AAE1B,uBAAuB;AAmCd;AAjCT,IAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA,gBAIV,uBAAM;AAAA;AAAA;AAAA,sBAGA,WAAS,MAAM,QAAQ,MAAM,YAAY;AAAA,sBACzC,WAAS,MAAM,QAAQ,MAAM,eAAe;AAAA;AAAA;AAAA,oBAG9C,WAAS,MAAM,QAAQ,KAAK,YAAY;AAAA,wBACpC,WAAS,MAAM,QAAQ,KAAK,eAAe;AAAA;AAAA;AAInE,IAAM,mBAAmB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,IAAM,oBAAoB,yBAAAA,QAAO;AAAA;AAGjC,IAAM,mBAAmB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,IAAM,OAAa,iBAAiE,CAAC,OAAO,QAAQ;AAClG,QAAM,EAAE,OAAO,QAAI,oBAAU;AAC7B,SAAO,4CAAC,cAAW,KAAW,GAAG,OAAO,SAAS,QAAQ;AAC3D,CAAC;AACD,KAAK,cAAc;AAEnB,IAAM,aAAmB,iBAAiE,CAAC,OAAO,QAChG,4CAAC,oBAAiB,KAAW,GAAG,OAAO,CACxC;AACD,WAAW,cAAc;AAEzB,IAAM,cAAoB,iBAAiE,CAAC,OAAO,QACjG,4CAAC,qBAAkB,KAAW,GAAG,OAAO,CACzC;AACD,YAAY,cAAc;AAE1B,IAAM,aAAmB,iBAAiE,CAAC,OAAO,QAChG,4CAAC,oBAAiB,KAAW,GAAG,OAAO,CACxC;AACD,WAAW,cAAc;","names":["styled"]}

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

@@ -1,8 +0,0 @@
-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,8 +0,0 @@
-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,50 +0,0 @@
-"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/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
-});
-//# sourceMappingURL=collapsible.js.map

package/dist/components-core/collapsible.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nconst Collapsible = CollapsiblePrimitive.Root;\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,4BAAAA;AAAA,EAAA,0BAAAC;AAAA;AAAA;AAEA,2BAAsC;AAEtC,IAAM,cAAmC;AACzC,IAAMA,sBAA0C;AAChD,IAAMD,sBAA0C;","names":["CollapsibleContent","CollapsibleTrigger"]}

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

@@ -1,8 +0,0 @@
-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,8 +0,0 @@
-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.js

@@ -1,70 +0,0 @@
-"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%;
-`;
-var InnerContainer = import_styled_components.default.div`
-  width: 100%;
-  @media (min-width: ${(props) => props.$breakpoint}px) {
-    width: ${(props) => props.$breakpoint}px;
-  }
-`;
-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
-});
-//# sourceMappingURL=container.js.map

package/dist/components-core/container.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/container.tsx"],"sourcesContent":["'use client';\n\nimport { useDesign } from \"../providers/design-provider\";\nimport styled from 'styled-components';\n\ntype ContainerProps = {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number,\n} & Omit<React.HTMLProps<HTMLDivElement>, 'size'>\n\nconst OuterContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  width: 100%;\n`;\n\nconst InnerContainer = styled.div<{ $breakpoint: number }>`\n  width: 100%;\n  @media (min-width: ${props => props.$breakpoint}px) {\n    width: ${props => props.$breakpoint}px;\n  }\n`;\n\nexport function Container({\n  size='md',\n  ...props\n} : ContainerProps) {\n  const { breakpoints } = useDesign();\n  return (\n    <OuterContainer>\n      <InnerContainer\n        $breakpoint={typeof size === 'number' ? size : breakpoints[size]}\n        {...props}\n      >\n        {props.children}\n      </InnerContainer>\n    </OuterContainer>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAA0B;AAC1B,+BAAmB;AA0Bb;AApBN,IAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,IAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA,uBAEP,WAAS,MAAM,WAAW;AAAA,aACpC,WAAS,MAAM,WAAW;AAAA;AAAA;AAIhC,SAAS,UAAU;AAAA,EACxB,OAAK;AAAA,EACL,GAAG;AACL,GAAoB;AAClB,QAAM,EAAE,YAAY,QAAI,kCAAU;AAClC,SACE,4CAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,OAAO,SAAS,WAAW,OAAO,YAAY,IAAI;AAAA,MAC9D,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT,GACF;AAEJ;","names":["styled"]}

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

@@ -1,15 +0,0 @@
-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 };

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

@@ -1,15 +0,0 @@
-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 };