@stackframe/stack 2.4.28 → 2.5.0

package/dist/esm/components-core/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core/tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport styled from 'styled-components';\nimport { Text, useDesign } from '..';\nimport { ColorPalette } from '../providers/design-provider';\nimport { FONT_SIZES, SHADOW } from '../utils/constants';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst StyledTabsList = styled(TabsPrimitive.List)`\n  display: flex;\n  height: 2.25rem\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.5rem;\n  padding: 0.25rem;\n\n  background-color: rgb(244, 244, 245);\n\n  html[data-stack-theme='dark'] & {\n    background-color: rgb(39, 39, 42);\n  }\n`;\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentProps<typeof TabsPrimitive.List>\n>((props, ref) => {\n  return <StyledTabsList\n    {...props} \n    ref={ref} \n  />;\n});\n\nconst StyledTabsTrigger = styled(TabsPrimitive.Trigger)<{\n  $colors: ColorPalette,\n}>`\n  all: unset;\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  border-radius: 0.375rem;\n  padding: 0.25rem 0.75rem;\n  transition: all;\n  outline: none;\n  font-size: ${FONT_SIZES.sm};\n  font-weight: 500;\n  box-shadow: ${SHADOW};\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  &[data-state='active'] {\n    background-color: ${({ $colors }) => $colors.light.backgroundColor};\n  }\n\n  html[data-stack-theme='dark'] & {\n    &[data-state='active'] {\n      background-color: ${({ $colors }) => $colors.dark.backgroundColor};\n    }\n  }\n`;\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentProps<typeof TabsPrimitive.Trigger>\n>(({children, ...props}, ref) => {\n  const { colors } = useDesign();\n  return <StyledTabsTrigger \n    $colors={colors}\n    {...props} \n    ref={ref} \n  >\n    {children}\n  </StyledTabsTrigger>;\n});\n\nconst StyledTabsContent = styled(TabsPrimitive.Content)`\n  margin-top: 1.5rem;\n`;\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentProps<typeof TabsPrimitive.Content>\n>((props, ref) => {\n  return <StyledTabsContent {...props} ref={ref} />;\n});\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAC/B,OAAO,YAAY;AACnB,SAAe,iBAAiB;AAEhC,SAAS,YAAY,cAAc;AAuB1B;AArBT,IAAM,OAAqB;AAE3B,IAAM,iBAAiB,OAAqB,kBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAehD,IAAM,WAAiB,iBAGrB,CAAC,OAAO,QAAQ;AAChB,SAAO;AAAA,IAAC;AAAA;AAAA,MACL,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AACF,CAAC;AAED,IAAM,oBAAoB,OAAqB,qBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAavC,WAAW,EAAE;AAAA;AAAA,gBAEZ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQE,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,0BAK5C,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,eAAe;AAAA;AAAA;AAAA;AAKvE,IAAM,cAAoB,iBAGxB,CAAC,EAAC,UAAU,GAAG,MAAK,GAAG,QAAQ;AAC/B,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,SAAO;AAAA,IAAC;AAAA;AAAA,MACN,SAAS;AAAA,MACR,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,EACH;AACF,CAAC;AAED,IAAM,oBAAoB,OAAqB,qBAAO;AAAA;AAAA;AAItD,IAAM,cAAoB,iBAGxB,CAAC,OAAO,QAAQ;AAChB,SAAO,oBAAC,qBAAmB,GAAG,OAAO,KAAU;AACjD,CAAC;","names":[]}

package/dist/esm/components-core/text.js

@@ -1,64 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/text.tsx
-import React from "react";
-import { createElement } from "react";
-import { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS } from "../utils/constants";
-import styled from "styled-components";
-import { typedFromEntries } from "@stackframe/stack-shared/dist/utils/objects";
-var components = ["p", "h6", "h5", "h4", "h3", "h2", "h1"];
-var StyledComponents = typedFromEntries(components.map((component) => {
-  return [
-    component,
-    styled(component)`
-      font-family: ${FONT_FAMILY};
-      font-size: ${(props) => FONT_SIZES[props.$size]};
-      line-height: ${(props) => LINE_HEIGHTS[props.$size]};
-      margin: 0;
-      padding: 0;
-      color: ${(props) => props.$textColor.light};
-      
-      html[data-stack-theme='dark'] & {
-        color: ${(props) => props.$textColor.dark};
-      }
-    `
-  ];
-}));
-var Text = React.forwardRef(({
-  variant = "primary",
-  size = "md",
-  as = "p",
-  ...props
-}, ref) => {
-  let textColor;
-  switch (variant) {
-    case "primary": {
-      textColor = PRIMARY_FONT_COLORS;
-      break;
-    }
-    case "secondary": {
-      textColor = SECONDARY_FONT_COLORS;
-      break;
-    }
-    case "warning": {
-      textColor = { light: "#b33b1d", dark: "#ff7b5c" };
-      break;
-    }
-    case "success": {
-      textColor = { light: "#3da63d", dark: "#3da63d" };
-      break;
-    }
-  }
-  return createElement(StyledComponents[as], {
-    $size: size,
-    $textColor: textColor,
-    ...props,
-    ref
-  });
-});
-Text.displayName = "Text";
-export {
-  Text
-};
-//# sourceMappingURL=text.js.map

package/dist/esm/components-core/text.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core/text.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { createElement } from \"react\";\nimport { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS } from \"../utils/constants\";\nimport styled from \"styled-components\";\nimport { typedFromEntries } from \"@stackframe/stack-shared/dist/utils/objects\";\n\nconst components = ['p', 'h6', 'h5', 'h4', 'h3', 'h2', 'h1'] as const;\nconst StyledComponents = typedFromEntries(components.map((component) => {\n  return [\n    component,\n    styled(component)<{\n      $size: 'xs' | 'sm' | 'md' | 'lg' | 'xl',\n      $textColor: { light: string, dark: string },\n    }>`\n      font-family: ${FONT_FAMILY};\n      font-size: ${props => FONT_SIZES[props.$size]};\n      line-height: ${props => LINE_HEIGHTS[props.$size]};\n      margin: 0;\n      padding: 0;\n      color: ${props => props.$textColor.light};\n      \n      html[data-stack-theme='dark'] & {\n        color: ${props => props.$textColor.dark};\n      }\n    `\n  ] as const;\n}));\n\n\ntype TextProps = {\n  variant?: 'primary' | 'secondary' | 'warning' | 'success',\n  as?: 'p' | 'h6'| 'h5' | 'h4' | 'h3' | 'h2' | 'h1',\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl',\n} & Omit<React.HTMLProps<HTMLParagraphElement>, 'size'>\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(({\n  variant='primary',\n  size='md',\n  as='p',\n  ...props\n} : TextProps, ref) => {\n  let textColor: { light: string, dark: string };\n  switch (variant) {\n    case 'primary': {\n      textColor = PRIMARY_FONT_COLORS;\n      break;\n    }\n    case 'secondary': {\n      textColor = SECONDARY_FONT_COLORS;\n      break;\n    }\n    case 'warning': {\n      textColor = { light: '#b33b1d', dark: '#ff7b5c' };\n      break;\n    }\n    case 'success': {\n      textColor = { light: '#3da63d', dark: '#3da63d' };\n      break;\n    }\n  }\n  return createElement(StyledComponents[as], {\n    $size: size,\n    $textColor: textColor,\n    ...props,\n    ref,\n  });\n});\n\nText.displayName = 'Text';\n\nexport { Text };"],"mappings":";;;AAEA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,aAAa,YAAY,cAAc,qBAAqB,6BAA6B;AAClG,OAAO,YAAY;AACnB,SAAS,wBAAwB;AAEjC,IAAM,aAAa,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAC3D,IAAM,mBAAmB,iBAAiB,WAAW,IAAI,CAAC,cAAc;AACtE,SAAO;AAAA,IACL;AAAA,IACA,OAAO,SAAS;AAAA,qBAIC,WAAW;AAAA,mBACb,WAAS,WAAW,MAAM,KAAK,CAAC;AAAA,qBAC9B,WAAS,aAAa,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA,eAGxC,WAAS,MAAM,WAAW,KAAK;AAAA;AAAA;AAAA,iBAG7B,WAAS,MAAM,WAAW,IAAI;AAAA;AAAA;AAAA,EAG7C;AACF,CAAC,CAAC;AASF,IAAM,OAAO,MAAM,WAA4C,CAAC;AAAA,EAC9D,UAAQ;AAAA,EACR,OAAK;AAAA,EACL,KAAG;AAAA,EACH,GAAG;AACL,GAAe,QAAQ;AACrB,MAAI;AACJ,UAAQ,SAAS;AAAA,IACf,KAAK,WAAW;AACd,kBAAY;AACZ;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,kBAAY;AACZ;AAAA,IACF;AAAA,IACA,KAAK,WAAW;AACd,kBAAY,EAAE,OAAO,WAAW,MAAM,UAAU;AAChD;AAAA,IACF;AAAA,IACA,KAAK,WAAW;AACd,kBAAY,EAAE,OAAO,WAAW,MAAM,UAAU;AAChD;AAAA,IACF;AAAA,EACF;AACA,SAAO,cAAc,iBAAiB,EAAE,GAAG;AAAA,IACzC,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;AAED,KAAK,cAAc;","names":[]}

package/dist/esm/components-core-joy/button.js

@@ -1,54 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core-joy/button.tsx
-import React from "react";
-import { Button as JoyButton } from "@mui/joy";
-import Color from "color";
-import { jsx } from "react/jsx-runtime";
-var Button = React.forwardRef(({
-  variant = "primary",
-  color,
-  size = "md",
-  loading = false,
-  ...props
-}, ref) => {
-  const muiVariant = {
-    primary: "primary",
-    secondary: "neutral",
-    warning: "danger"
-  }[variant];
-  const { children, action, ref: _, ...validProps } = props;
-  const c = Color(color);
-  const changeColor = (value) => {
-    return c.hsl(
-      c.hue(),
-      c.saturationl(),
-      c.lightness() + (c.isDark() ? value : -value)
-    ).toString();
-  };
-  return /* @__PURE__ */ jsx(
-    JoyButton,
-    {
-      color: muiVariant,
-      sx: color ? {
-        backgroundColor: color,
-        color: c.isDark() ? "white" : "black",
-        "&:hover": {
-          backgroundColor: changeColor(10)
-        },
-        "&:active": {
-          backgroundColor: changeColor(20)
-        }
-      } : {},
-      size,
-      loading,
-      ...validProps,
-      children
-    }
-  );
-});
-export {
-  Button
-};
-//# sourceMappingURL=button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core-joy/button.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { Button as DefaultButton } from \"../components-core\";\nimport { Button as JoyButton } from '@mui/joy';\nimport Color from \"color\";\n\nexport const Button = React.forwardRef<\n  React.ElementRef<typeof DefaultButton>,\n  React.ComponentProps<typeof DefaultButton>\n>(({\n  variant = \"primary\",\n  color,\n  size = \"md\",\n  loading = false,\n  ...props\n}, ref) => {\n  const muiVariant: \"primary\" | \"neutral\" | \"danger\" = ({\n    primary: \"primary\",\n    secondary: \"neutral\",\n    warning: \"danger\",\n  } as const)[variant];\n\n  const { children, action, ref: _, ...validProps } = props;\n  const c = Color(color);\n  const changeColor = (value: number) => {\n    return c.hsl(\n      c.hue(), \n      c.saturationl(), \n      c.lightness() + (c.isDark() ? value : -value)\n    ).toString();\n  };\n\n  return <JoyButton\n    color={muiVariant}\n    sx={color ? {\n      backgroundColor: color,\n      color: c.isDark() ? 'white' : 'black',\n      '&:hover': {\n        backgroundColor: changeColor(10)\n      },\n      '&:active': {\n        backgroundColor: changeColor(20)\n      },\n    } : {}}\n    size={size}\n    loading={loading}\n    {...validProps}\n  >\n    {children}\n  </JoyButton>;\n});\n"],"mappings":";;;AAEA,OAAO,WAAW;AAElB,SAAS,UAAU,iBAAiB;AACpC,OAAO,WAAW;AA4BT;AA1BF,IAAM,SAAS,MAAM,WAG1B,CAAC;AAAA,EACD,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,GAAG,QAAQ;AACT,QAAM,aAAgD;AAAA,IACpD,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EACX,EAAY,OAAO;AAEnB,QAAM,EAAE,UAAU,QAAQ,KAAK,GAAG,GAAG,WAAW,IAAI;AACpD,QAAM,IAAI,MAAM,KAAK;AACrB,QAAM,cAAc,CAAC,UAAkB;AACrC,WAAO,EAAE;AAAA,MACP,EAAE,IAAI;AAAA,MACN,EAAE,YAAY;AAAA,MACd,EAAE,UAAU,KAAK,EAAE,OAAO,IAAI,QAAQ,CAAC;AAAA,IACzC,EAAE,SAAS;AAAA,EACb;AAEA,SAAO;AAAA,IAAC;AAAA;AAAA,MACN,OAAO;AAAA,MACP,IAAI,QAAQ;AAAA,QACV,iBAAiB;AAAA,QACjB,OAAO,EAAE,OAAO,IAAI,UAAU;AAAA,QAC9B,WAAW;AAAA,UACT,iBAAiB,YAAY,EAAE;AAAA,QACjC;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB,YAAY,EAAE;AAAA,QACjC;AAAA,MACF,IAAI,CAAC;AAAA,MACL;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AACF,CAAC;","names":[]}

package/dist/esm/components-core-joy/input.js

@@ -1,19 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core-joy/input.tsx
-import React from "react";
-import { Input as JoyInput } from "@mui/joy";
-import { jsx } from "react/jsx-runtime";
-var Input = React.forwardRef(({
-  color,
-  size,
-  ref: _,
-  ...validProps
-}, ref) => {
-  return /* @__PURE__ */ jsx(JoyInput, { ...validProps });
-});
-export {
-  Input
-};
-//# sourceMappingURL=input.js.map

package/dist/esm/components-core-joy/input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core-joy/input.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Input as DefaultInput } from \"../components-core\";\nimport { Input as JoyInput } from '@mui/joy';\n\nexport const Input = React.forwardRef<\n  React.ElementRef<typeof DefaultInput>,\n  React.ComponentProps<typeof DefaultInput>\n>(({\n  color,\n  size,\n  ref: _,\n  ...validProps\n}, ref) => {\n  return <JoyInput {...validProps}/>;\n});"],"mappings":";;;AAEA,OAAO,WAAW;AAElB,SAAS,SAAS,gBAAgB;AAWzB;AATF,IAAM,QAAQ,MAAM,WAGzB,CAAC;AAAA,EACD;AAAA,EACA;AAAA,EACA,KAAK;AAAA,EACL,GAAG;AACL,GAAG,QAAQ;AACT,SAAO,oBAAC,YAAU,GAAG,YAAW;AAClC,CAAC;","names":[]}

package/dist/esm/components-core-joy/separator.js

@@ -1,18 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core-joy/separator.tsx
-import React from "react";
-import { Divider as JoySeparator } from "@mui/joy";
-import { jsx } from "react/jsx-runtime";
-var Separator = React.forwardRef(({
-  orientation,
-  ref: _,
-  ...validProps
-}, ref) => {
-  return /* @__PURE__ */ jsx(JoySeparator, { ...validProps, orientation });
-});
-export {
-  Separator
-};
-//# sourceMappingURL=separator.js.map

package/dist/esm/components-core-joy/separator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core-joy/separator.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { Separator as DefaultDevider } from \"../components-core\";\nimport { Divider as JoySeparator } from '@mui/joy';\n\nexport const Separator = React.forwardRef<\n  React.ElementRef<typeof DefaultDevider>,\n  React.ComponentProps<typeof DefaultDevider>\n>(({\n  orientation,\n  ref: _,\n  ...validProps\n}, ref) => {\n  return <JoySeparator {...validProps} orientation={orientation} />;\n});"],"mappings":";;;AAEA,OAAO,WAAW;AAElB,SAAS,WAAW,oBAAoB;AAU/B;AARF,IAAM,YAAY,MAAM,WAG7B,CAAC;AAAA,EACD;AAAA,EACA,KAAK;AAAA,EACL,GAAG;AACL,GAAG,QAAQ;AACT,SAAO,oBAAC,gBAAc,GAAG,YAAY,aAA0B;AACjE,CAAC;","names":[]}

package/dist/esm/components-core-joy/tabs.js

@@ -1,30 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core-joy/tabs.tsx
-import React from "react";
-import { Tabs as JoyTabs, TabList as JoyTabsList, Tab as JoyTabsTrigger, TabPanel as JoyTabssContent } from "@mui/joy";
-import { jsx } from "react/jsx-runtime";
-var Tabs = React.forwardRef((props, ref) => {
-  const { color, onChange, ref: _, ...validProps } = props;
-  return /* @__PURE__ */ jsx(JoyTabs, { ref, sx: { bgcolor: "transparent" }, ...validProps });
-});
-var TabsList = React.forwardRef((props, ref) => {
-  const { color, ref: _, ...validProps } = props;
-  return /* @__PURE__ */ jsx(JoyTabsList, { ref, ...validProps });
-});
-var TabsTrigger = React.forwardRef((props, ref) => {
-  const { style, color, onChange, ref: _, ...validProps } = props;
-  return /* @__PURE__ */ jsx(JoyTabsTrigger, { ref, ...validProps, style: { flexGrow: 1, ...style } });
-});
-var TabsContent = React.forwardRef((props, ref) => {
-  const { color, ref: _, ...validProps } = props;
-  return /* @__PURE__ */ jsx(JoyTabssContent, { ref, ...validProps });
-});
-export {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-};
-//# sourceMappingURL=tabs.js.map

package/dist/esm/components-core-joy/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core-joy/tabs.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Tabs as DefaultTabs, TabsList as DefaultTabsList, TabsTrigger as DefaultTabsTrigger, TabsContent as DefaultTabsContent } from \"../components-core\";\nimport { Tabs as JoyTabs, TabList as JoyTabsList, Tab as JoyTabsTrigger, TabPanel as JoyTabssContent } from '@mui/joy';\n\nexport const Tabs = React.forwardRef<\n  React.ElementRef<typeof DefaultTabs>,\n  React.ComponentProps<typeof DefaultTabs>\n>((props, ref) => {\n  const { color, onChange, ref: _, ...validProps } = props; // TODO: add onChange\n  return <JoyTabs ref={ref} sx={{ bgcolor: \"transparent\" }} {...validProps}/>;\n});\n\nexport const TabsList = React.forwardRef<\n  React.ElementRef<typeof DefaultTabsList>,\n  React.ComponentProps<typeof DefaultTabsList>\n>((props, ref) => {\n  const { color, ref: _, ...validProps } = props;\n  return <JoyTabsList ref={ref} {...validProps}/>;\n});\n\nexport const TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof DefaultTabsTrigger>,\n  React.ComponentProps<typeof DefaultTabsTrigger>\n>((props, ref) => {\n  const { style, color, onChange, ref: _, ...validProps } = props; // TODO: add onChange\n  return <JoyTabsTrigger ref={ref} {...validProps} style={{ flexGrow: 1, ...style }}/>;\n});\n\nexport const TabsContent = React.forwardRef<\n  React.ElementRef<typeof DefaultTabsContent>,\n  React.ComponentProps<typeof DefaultTabsContent>\n>((props, ref) => {\n  const { color, ref: _, ...validProps } = props;\n  return <JoyTabssContent ref={ref} {...validProps}/>;\n});\n"],"mappings":";;;AAEA,OAAO,WAAW;AAElB,SAAS,QAAQ,SAAS,WAAW,aAAa,OAAO,gBAAgB,YAAY,uBAAuB;AAOnG;AALF,IAAM,OAAO,MAAM,WAGxB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,UAAU,KAAK,GAAG,GAAG,WAAW,IAAI;AACnD,SAAO,oBAAC,WAAQ,KAAU,IAAI,EAAE,SAAS,cAAc,GAAI,GAAG,YAAW;AAC3E,CAAC;AAEM,IAAM,WAAW,MAAM,WAG5B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,KAAK,GAAG,GAAG,WAAW,IAAI;AACzC,SAAO,oBAAC,eAAY,KAAW,GAAG,YAAW;AAC/C,CAAC;AAEM,IAAM,cAAc,MAAM,WAG/B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,OAAO,UAAU,KAAK,GAAG,GAAG,WAAW,IAAI;AAC1D,SAAO,oBAAC,kBAAe,KAAW,GAAG,YAAY,OAAO,EAAE,UAAU,GAAG,GAAG,MAAM,GAAE;AACpF,CAAC;AAEM,IAAM,cAAc,MAAM,WAG/B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,KAAK,GAAG,GAAG,WAAW,IAAI;AACzC,SAAO,oBAAC,mBAAgB,KAAW,GAAG,YAAW;AACnD,CAAC;","names":[]}

package/dist/esm/components-core-joy/text.js

@@ -1,36 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core-joy/text.tsx
-import React from "react";
-import { Typography as JoyText } from "@mui/joy";
-import { jsx } from "react/jsx-runtime";
-var Text = React.forwardRef((props, ref) => {
-  const { color, size, as, variant, ref: _, ...validProps } = props;
-  const muiLevel = {
-    h1: "h1",
-    h2: "h2",
-    h3: "h3",
-    h4: "h4",
-    h5: "h4",
-    h6: "h4",
-    p: {
-      xl: "body-lg",
-      lg: "body-lg",
-      md: "body-md",
-      sm: "body-sm",
-      xs: "body-xs"
-    }[size || "md"]
-  }[as || "p"];
-  const muiColor = {
-    primary: void 0,
-    secondary: "neutral",
-    success: "success",
-    warning: "danger"
-  }[variant || "primary"];
-  return /* @__PURE__ */ jsx(JoyText, { level: muiLevel, color: muiColor, ...validProps });
-});
-export {
-  Text
-};
-//# sourceMappingURL=text.js.map

package/dist/esm/components-core-joy/text.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core-joy/text.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Text as DefaultText } from \"../components-core\";\nimport { Typography as JoyText } from '@mui/joy';\n\nexport const Text = React.forwardRef<\n  React.ElementRef<typeof DefaultText>,\n  React.ComponentProps<typeof DefaultText>\n>((props, ref) => {\n  const { color, size, as, variant, ref: _, ...validProps } = props;\n  const muiLevel = ({\n    h1: 'h1',\n    h2: 'h2',\n    h3: 'h3',\n    h4: 'h4',\n    h5: 'h4',\n    h6: 'h4',\n    p: ({\n      xl: 'body-lg',\n      lg: 'body-lg',\n      md: 'body-md',\n      sm: 'body-sm',\n      xs: 'body-xs'\n    } as const)[size || 'md']\n  } as const)[as || 'p'];\n  const muiColor = ({\n    primary: undefined,\n    secondary: 'neutral',\n    success: 'success',\n    warning: 'danger',\n  } as const)[variant || 'primary'];\n\n  return <JoyText level={muiLevel} color={muiColor} {...validProps}/>;\n});"],"mappings":";;;AAEA,OAAO,WAAW;AAElB,SAAS,cAAc,eAAe;AA6B7B;AA3BF,IAAM,OAAO,MAAM,WAGxB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,MAAM,IAAI,SAAS,KAAK,GAAG,GAAG,WAAW,IAAI;AAC5D,QAAM,WAAY;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,EAAY,QAAQ,IAAI;AAAA,EAC1B,EAAY,MAAM,GAAG;AACrB,QAAM,WAAY;AAAA,IAChB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX,EAAY,WAAW,SAAS;AAEhC,SAAO,oBAAC,WAAQ,OAAO,UAAU,OAAO,UAAW,GAAG,YAAW;AACnE,CAAC;","names":[]}

package/dist/esm/joy.js

@@ -1,6 +0,0 @@
-// src/joy.tsx
-import { StackJoyTheme } from "./providers/joy-provider";
-export {
-  StackJoyTheme
-};
-//# sourceMappingURL=joy.js.map

package/dist/esm/joy.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/joy.tsx"],"sourcesContent":["export { StackJoyTheme } from './providers/joy-provider';"],"mappings":";AAAA,SAAS,qBAAqB;","names":[]}

package/dist/esm/providers/component-provider.js

@@ -1,77 +0,0 @@
-"use client";
-"use client";
-
-// src/providers/component-provider.tsx
-import { createContext, useContext } from "react";
-import { Button } from "../components-core/button";
-import { Container } from "../components-core/container";
-import { Separator } from "../components-core/separator";
-import { Input } from "../components-core/input";
-import { Link } from "../components-core/link";
-import { Label } from "../components-core/label";
-import { Text } from "../components-core/text";
-import { Card, CardHeader, CardContent, CardFooter } from "../components-core/card";
-import { Popover, PopoverTrigger, PopoverContent } from "../components-core/popover";
-import {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator
-} from "../components-core/dropdown";
-import { Avatar, AvatarFallback, AvatarImage } from "../components-core/avatar";
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "../components-core/collapsible";
-import { Tabs, TabsList, TabsContent, TabsTrigger } from "../components-core/tabs";
-import { Skeleton } from "../components-core/skeleton";
-import { jsx } from "react/jsx-runtime";
-var Components = {
-  Input,
-  Button,
-  Container,
-  Separator,
-  Label,
-  Link,
-  Text,
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-  Card,
-  CardHeader,
-  CardContent,
-  CardFooter,
-  Tabs,
-  TabsList,
-  TabsContent,
-  TabsTrigger,
-  Skeleton
-};
-var ComponentContext = createContext(void 0);
-function useComponents() {
-  const context = useContext(ComponentContext);
-  if (!context) {
-    throw new Error("Stack UI components must be used within a StackTheme");
-  }
-  return context;
-}
-function StackComponentProvider(props) {
-  return /* @__PURE__ */ jsx(ComponentContext.Provider, { value: { ...Components, ...props.components }, children: props.children });
-}
-export {
-  Components,
-  StackComponentProvider,
-  useComponents
-};
-//# sourceMappingURL=component-provider.js.map

package/dist/esm/providers/component-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/providers/component-provider.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useContext } from 'react';\nimport { Button } from '../components-core/button';\nimport { Container } from '../components-core/container';\nimport { Separator } from '../components-core/separator';\nimport { Input } from '../components-core/input';\nimport { Link } from '../components-core/link';\nimport { Label } from '../components-core/label';\nimport { Text } from '../components-core/text';\nimport { Card, CardHeader, CardContent, CardFooter } from '../components-core/card';\nimport { Popover, PopoverTrigger, PopoverContent } from '../components-core/popover';\nimport { \n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from '../components-core/dropdown';\nimport { Avatar, AvatarFallback, AvatarImage } from '../components-core/avatar';\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components-core/collapsible';\nimport { Tabs, TabsList, TabsContent, TabsTrigger } from '../components-core/tabs';\nimport { Skeleton } from '../components-core/skeleton';\n\nexport const Components = {\n  Input,\n  Button,\n  Container,\n  Separator,\n  Label,\n  Link,\n  Text,\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Collapsible,\n  CollapsibleTrigger,\n  CollapsibleContent,\n  Card,\n  CardHeader,\n  CardContent,\n  CardFooter,\n  Tabs,\n  TabsList,\n  TabsContent,\n  TabsTrigger,\n  Skeleton,\n} as const;\n\nexport type ComponentConfig = {\n  components?: Partial<typeof Components>,\n}\n\nconst ComponentContext = createContext<typeof Components | undefined>(undefined);\n\nexport function useComponents() {\n  const context = useContext(ComponentContext);\n  if (!context) {\n    throw new Error('Stack UI components must be used within a StackTheme');\n  }\n  return context;\n}\n\nexport function StackComponentProvider(props: { children?: React.ReactNode } & ComponentConfig) {\n  return (\n    <ComponentContext.Provider value={{ ...Components, ...props.components }}>\n      {props.children}\n    </ComponentContext.Provider>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,eAAe,kBAAkB;AACjD,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,MAAM,YAAY,aAAa,kBAAkB;AAC1D,SAAS,SAAS,gBAAgB,sBAAsB;AACxD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,gBAAgB,mBAAmB;AACpD,SAAS,aAAa,oBAAoB,0BAA0B;AACpE,SAAS,MAAM,UAAU,aAAa,mBAAmB;AACzD,SAAS,gBAAgB;AAoDrB;AAlDG,IAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMA,IAAM,mBAAmB,cAA6C,MAAS;AAExE,SAAS,gBAAgB;AAC9B,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,SAAS,uBAAuB,OAAyD;AAC9F,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,GAAG,YAAY,GAAG,MAAM,WAAW,GACpE,gBAAM,UACT;AAEJ;","names":[]}

package/dist/esm/providers/design-provider.js

@@ -1,37 +0,0 @@
-"use client";
-"use client";
-
-// src/providers/design-provider.tsx
-import { createContext, useContext } from "react";
-import { DEFAULT_COLORS } from "../utils/constants";
-import { jsx } from "react/jsx-runtime";
-var DesignContext = createContext(void 0);
-var defaultBreakpoints = {
-  xs: 400,
-  sm: 600,
-  md: 900,
-  lg: 1200,
-  xl: 1536
-};
-function StackDesignProvider(props) {
-  const designValue = {
-    colors: {
-      dark: { ...DEFAULT_COLORS.dark, ...props.colors?.dark },
-      light: { ...DEFAULT_COLORS.light, ...props.colors?.light }
-    },
-    breakpoints: { ...defaultBreakpoints, ...props.breakpoints }
-  };
-  return /* @__PURE__ */ jsx(DesignContext.Provider, { value: designValue, children: props.children });
-}
-function useDesign() {
-  const context = useContext(DesignContext);
-  if (!context) {
-    throw new Error("useDesign must be used within a StackTheme");
-  }
-  return context;
-}
-export {
-  StackDesignProvider,
-  useDesign
-};
-//# sourceMappingURL=design-provider.js.map

package/dist/esm/providers/design-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/providers/design-provider.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { createContext, useContext } from \"react\";\nimport { DEFAULT_COLORS } from '../utils/constants';\n\ntype Colors = {\n  primaryColor: string,\n  secondaryColor: string,\n  backgroundColor: string,\n  neutralColor: string,\n}\n\nexport type ColorPalette = {\n  light: Colors,\n  dark: Colors,\n};\n\ntype Breakpoints = {\n  xs: number,\n  sm: number,\n  md: number,\n  lg: number,\n  xl: number,\n};\n\ntype DesignContextValue = {\n  colors: ColorPalette,\n  breakpoints: Breakpoints,\n}\n\nexport type DesignConfig = {\n  colors?: Partial<ColorPalette>,\n  breakpoints?: Partial<Breakpoints>,\n}\n\nconst DesignContext = createContext<DesignContextValue | undefined>(undefined);\n\nconst defaultBreakpoints: Breakpoints = {\n  xs: 400,\n  sm: 600,\n  md: 900,\n  lg: 1200,\n  xl: 1536,\n};\n\nexport function StackDesignProvider(props: { children?: React.ReactNode } & DesignConfig) {\n  const designValue = {\n    colors: { \n      dark: { ...DEFAULT_COLORS.dark, ...props.colors?.dark }, \n      light: { ...DEFAULT_COLORS.light, ...props.colors?.light } \n    },\n    breakpoints: { ...defaultBreakpoints, ...props.breakpoints },\n  };\n\n  return (\n    <DesignContext.Provider value={designValue}>\n      {props.children}\n    </DesignContext.Provider> \n  );\n}\n\nexport function useDesign(): DesignContextValue {\n  const context = useContext(DesignContext);\n  if (!context) {\n    throw new Error(\"useDesign must be used within a StackTheme\");\n  }\n  return context;\n}\n"],"mappings":";;;AAGA,SAAS,eAAe,kBAAkB;AAC1C,SAAS,sBAAsB;AAoD3B;AApBJ,IAAM,gBAAgB,cAA8C,MAAS;AAE7E,IAAM,qBAAkC;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,oBAAoB,OAAsD;AACxF,QAAM,cAAc;AAAA,IAClB,QAAQ;AAAA,MACN,MAAM,EAAE,GAAG,eAAe,MAAM,GAAG,MAAM,QAAQ,KAAK;AAAA,MACtD,OAAO,EAAE,GAAG,eAAe,OAAO,GAAG,MAAM,QAAQ,MAAM;AAAA,IAC3D;AAAA,IACA,aAAa,EAAE,GAAG,oBAAoB,GAAG,MAAM,YAAY;AAAA,EAC7D;AAEA,SACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,aAC5B,gBAAM,UACT;AAEJ;AAEO,SAAS,YAAgC;AAC9C,QAAM,UAAU,WAAW,aAAa;AACxC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;","names":[]}

package/dist/esm/providers/joy-provider.js

@@ -1,36 +0,0 @@
-"use client";
-"use client";
-
-// src/providers/joy-provider.tsx
-import { StackTheme } from "./theme-provider";
-import { Button } from "../components-core-joy/button";
-import { Input } from "../components-core-joy/input";
-import { Text } from "../components-core-joy/text";
-import { Separator } from "../components-core-joy/separator";
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "../components-core-joy/tabs";
-import { jsx } from "react/jsx-runtime";
-var defaultComponents = {
-  Button,
-  Input,
-  Text,
-  Separator,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent
-};
-function StackJoyTheme(props) {
-  const mergedTheme = {
-    components: {
-      ...defaultComponents,
-      ...props.theme?.components
-    },
-    ...props.theme
-  };
-  return /* @__PURE__ */ jsx(StackTheme, { theme: mergedTheme, children: props.children });
-}
-export {
-  StackJoyTheme,
-  defaultComponents
-};
-//# sourceMappingURL=joy-provider.js.map

package/dist/esm/providers/joy-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/providers/joy-provider.tsx"],"sourcesContent":["'use client';\n\nimport { StackTheme, ThemeConfig } from \"./theme-provider\";\nimport { useColorScheme } from \"@mui/joy\";\nimport { Button } from '../components-core-joy/button';\nimport { Input } from '../components-core-joy/input';\nimport { Text } from '../components-core-joy/text';\nimport { Separator } from '../components-core-joy/separator';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../components-core-joy/tabs';\n\nexport const defaultComponents = {\n  Button,\n  Input,\n  Text,\n  Separator,\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n};\n\nexport function StackJoyTheme(props : { theme?: ThemeConfig, children?: React.ReactNode }) {\n  const mergedTheme = {\n    components: {\n      ...defaultComponents,\n      ...props.theme?.components,\n    },\n    ...props.theme,\n  };\n\n  return (\n    <StackTheme theme={mergedTheme}>\n      {props.children}\n    </StackTheme>\n  );\n}"],"mappings":";;;AAEA,SAAS,kBAA+B;AAExC,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,UAAU,aAAa,mBAAmB;AAuBrD;AArBG,IAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,cAAc,OAA6D;AACzF,QAAM,cAAc;AAAA,IAClB,YAAY;AAAA,MACV,GAAG;AAAA,MACH,GAAG,MAAM,OAAO;AAAA,IAClB;AAAA,IACA,GAAG,MAAM;AAAA,EACX;AAEA,SACE,oBAAC,cAAW,OAAO,aAChB,gBAAM,UACT;AAEJ;","names":[]}

package/dist/joy.d.mts

@@ -1,16 +0,0 @@
-export { StackJoyTheme } from './providers/joy-provider.mjs';
-import 'react/jsx-runtime';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-separator';
-import 'react';
-import './components-core/button.mjs';
-import './providers/theme-provider.mjs';
-import './providers/design-provider.mjs';
-import './providers/component-provider.mjs';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-avatar';
-import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-popover';
-import 'url';
-import '@radix-ui/react-label';
-import './components-core/container.mjs';

package/dist/joy.d.ts

@@ -1,16 +0,0 @@
-export { StackJoyTheme } from './providers/joy-provider.js';
-import 'react/jsx-runtime';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-separator';
-import 'react';
-import './components-core/button.js';
-import './providers/theme-provider.js';
-import './providers/design-provider.js';
-import './providers/component-provider.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-avatar';
-import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-popover';
-import 'url';
-import '@radix-ui/react-label';
-import './components-core/container.js';

package/dist/joy.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/joy.tsx"],"sourcesContent":["export { StackJoyTheme } from './providers/joy-provider';"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA8B;","names":[]}

package/dist/providers/component-provider.d.mts

@@ -1,113 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
-import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
-import * as _radix_ui_react_avatar from '@radix-ui/react-avatar';
-import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
-import * as url from 'url';
-import * as _radix_ui_react_label from '@radix-ui/react-label';
-import * as _radix_ui_react_separator from '@radix-ui/react-separator';
-import { ButtonProps } from '../components-core/button.mjs';
-import React__default from 'react';
-import { Container } from '../components-core/container.mjs';
-
-declare const Components: {
-    readonly Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-    readonly Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly Container: typeof Container;
-    readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
-    readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        href: string | url.Url;
-    } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
-    readonly Text: React__default.ForwardRefExoticComponent<Omit<{
-        variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
-    readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
-    readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly PopoverContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenu: React__default.FC<_radix_ui_react_dropdown_menu.DropdownMenuProps>;
-    readonly DropdownMenuTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean | undefined;
-    } & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean | undefined;
-    } & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Avatar: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_avatar.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
-    readonly AvatarFallback: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_avatar.AvatarFallbackProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
-    readonly AvatarImage: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_avatar.AvatarImageProps & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>>;
-    readonly Collapsible: React__default.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CollapsibleTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly CollapsibleContent: React__default.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Tabs: React__default.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-    readonly TabsList: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly TabsContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly TabsTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly Skeleton: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        deactivated?: boolean | undefined;
-    } & React__default.RefAttributes<HTMLSpanElement>>;
-};
-type ComponentConfig = {
-    components?: Partial<typeof Components>;
-};
-declare function useComponents(): {
-    readonly Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-    readonly Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly Container: typeof Container;
-    readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
-    readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        href: string | url.Url;
-    } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
-    readonly Text: React__default.ForwardRefExoticComponent<Omit<{
-        variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
-    readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
-    readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly PopoverContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenu: React__default.FC<_radix_ui_react_dropdown_menu.DropdownMenuProps>;
-    readonly DropdownMenuTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean | undefined;
-    } & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean | undefined;
-    } & React__default.RefAttributes<HTMLDivElement>>;
-    readonly DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Avatar: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_avatar.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
-    readonly AvatarFallback: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_avatar.AvatarFallbackProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
-    readonly AvatarImage: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_avatar.AvatarImageProps & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>>;
-    readonly Collapsible: React__default.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CollapsibleTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly CollapsibleContent: React__default.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly Tabs: React__default.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-    readonly TabsList: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly TabsContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    readonly TabsTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-    readonly Skeleton: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        deactivated?: boolean | undefined;
-    } & React__default.RefAttributes<HTMLSpanElement>>;
-};
-declare function StackComponentProvider(props: {
-    children?: React__default.ReactNode;
-} & ComponentConfig): react_jsx_runtime.JSX.Element;
-
-export { type ComponentConfig, Components, StackComponentProvider, useComponents };