@stackframe/stack 2.4.27 → 2.5.0

package/dist/components-core/label.js

@@ -1,72 +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/label.tsx
-var label_exports = {};
-__export(label_exports, {
-  Label: () => Label
-});
-module.exports = __toCommonJS(label_exports);
-var import_react = __toESM(require("react"));
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_constants = require("../utils/constants");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Primitive = (0, import_styled_components.default)(LabelPrimitive.Root)`
-  font-size: ${import_constants.FONT_SIZES.sm};
-  line-height: 1.5rem;
-  font-weight: 400;
-  font-family: ${import_constants.FONT_FAMILY};
-  display: block;
-
-  color: ${import_constants.SECONDARY_FONT_COLORS.light};
-
-  html[data-stack-theme='dark'] & {
-    color: ${import_constants.SECONDARY_FONT_COLORS.dark};
-  }
-`;
-var Label = import_react.default.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      Primitive,
-      {
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Label.displayName = LabelPrimitive.Root.displayName;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Label
-});
-//# sourceMappingURL=label.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/label.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport styled from 'styled-components';\nimport { FONT_FAMILY, FONT_SIZES, SECONDARY_FONT_COLORS } from \"../utils/constants\";\n\nconst Primitive = styled(LabelPrimitive.Root)`\n  font-size: ${FONT_SIZES.sm};\n  line-height: 1.5rem;\n  font-weight: 400;\n  font-family: ${FONT_FAMILY};\n  display: block;\n\n  color: ${SECONDARY_FONT_COLORS.light};\n\n  html[data-stack-theme='dark'] & {\n    color: ${SECONDARY_FONT_COLORS.dark};\n  }\n`;\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(\n  (props, ref) => {\n    return <Primitive\n      ref={ref}\n      {...props}\n    />;\n  }\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,qBAAgC;AAChC,+BAAmB;AACnB,uBAA+D;AAqBpD;AAnBX,IAAM,gBAAY,yBAAAA,SAAsB,mBAAI;AAAA,eAC7B,4BAAW,EAAE;AAAA;AAAA;AAAA,iBAGX,4BAAW;AAAA;AAAA;AAAA,WAGjB,uCAAsB,KAAK;AAAA;AAAA;AAAA,aAGzB,uCAAsB,IAAI;AAAA;AAAA;AAIvC,IAAM,QAAQ,aAAAC,QAAM;AAAA,EAIlB,CAAC,OAAO,QAAQ;AACd,WAAO;AAAA,MAAC;AAAA;AAAA,QACN;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AACA,MAAM,cAA6B,oBAAK;","names":["styled","React"]}

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

@@ -1,10 +0,0 @@
-import { Url } from 'url';
-import React__default from 'react';
-
-type LinkProps = {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    href: Url | string;
-} & Omit<React__default.HTMLProps<HTMLLinkElement>, 'size' | 'href'>;
-declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
-
-export { Link };

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

@@ -1,10 +0,0 @@
-import { Url } from 'url';
-import React__default from 'react';
-
-type LinkProps = {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    href: Url | string;
-} & Omit<React__default.HTMLProps<HTMLLinkElement>, 'size' | 'href'>;
-declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
-
-export { Link };

package/dist/components-core/link.js

@@ -1,73 +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/link.tsx
-var link_exports = {};
-__export(link_exports, {
-  Link: () => Link
-});
-module.exports = __toCommonJS(link_exports);
-var import_link = __toESM(require("next/link"));
-var import_constants = require("../utils/constants");
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var StyledNextLink = (0, import_styled_components.default)(import_link.default)`
-  font-size: ${(props) => import_constants.FONT_SIZES[props.$size]};
-  line-height: ${(props) => import_constants.LINE_HEIGHTS[props.$size]};
-  font-weight: 500;
-  font-family: ${import_constants.FONT_FAMILY};
-  text-decoration: underline;
-  margin: 0;
-  padding: 0;
-
-  color: ${import_constants.LINK_COLORS.light};
-
-  html[data-stack-theme='dark'] & {
-    color: ${import_constants.LINK_COLORS.dark};
-  }
-`;
-var Link = import_react.default.forwardRef(({ size = "md", href, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StyledNextLink,
-    {
-      $size: size,
-      href,
-      style: props.style,
-      children: props.children
-    }
-  );
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Link
-});
-//# sourceMappingURL=link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/link.tsx"],"sourcesContent":["'use client';\n\nimport NextLink from \"next/link\";\nimport { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS } from \"../utils/constants\";\nimport { Url } from \"url\";\nimport React from \"react\";\nimport styled from \"styled-components\";\n\ntype LinkProps = {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl',\n  href: Url | string,\n} & Omit<React.HTMLProps<HTMLLinkElement>, 'size' | 'href'>\n\nconst StyledNextLink = styled(NextLink)<{ \n  $size: 'xs' | 'sm' | 'md' | 'lg' | 'xl',\n}>`\n  font-size: ${props => FONT_SIZES[props.$size]};\n  line-height: ${props => LINE_HEIGHTS[props.$size]};\n  font-weight: 500;\n  font-family: ${FONT_FAMILY};\n  text-decoration: underline;\n  margin: 0;\n  padding: 0;\n\n  color: ${LINK_COLORS.light};\n\n  html[data-stack-theme='dark'] & {\n    color: ${LINK_COLORS.dark};\n  }\n`;\n\nexport const Link = React.forwardRef<\n  React.ElementRef<typeof StyledNextLink>,\n  LinkProps\n>(({ size='md', href, ...props }, ref) => {\n  return (\n    <StyledNextLink\n      $size={size}\n      href={href}\n      style={props.style}\n      children={props.children}\n    />\n  );\n});"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAAqB;AACrB,uBAAmE;AAEnE,mBAAkB;AAClB,+BAAmB;AA8Bf;AAvBJ,IAAM,qBAAiB,yBAAAA,SAAO,YAAAC,OAAQ;AAAA,eAGvB,WAAS,4BAAW,MAAM,KAAK,CAAC;AAAA,iBAC9B,WAAS,8BAAa,MAAM,KAAK,CAAC;AAAA;AAAA,iBAElC,4BAAW;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjB,6BAAY,KAAK;AAAA;AAAA;AAAA,aAGf,6BAAY,IAAI;AAAA;AAAA;AAItB,IAAM,OAAO,aAAAC,QAAM,WAGxB,CAAC,EAAE,OAAK,MAAM,MAAM,GAAG,MAAM,GAAG,QAAQ;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,OAAO,MAAM;AAAA,MACb,UAAU,MAAM;AAAA;AAAA,EAClB;AAEJ,CAAC;","names":["styled","NextLink","React"]}

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

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

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

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

package/dist/components-core/popover.js

@@ -1,81 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components-core/popover.tsx
-var popover_exports = {};
-__export(popover_exports, {
-  Popover: () => Popover,
-  PopoverContent: () => PopoverContent,
-  PopoverTrigger: () => PopoverTrigger
-});
-module.exports = __toCommonJS(popover_exports);
-var import_react = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_styled_components = __toESM(require("styled-components"));
-var import__ = require("..");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var StyledContent = (0, import_styled_components.default)(PopoverPrimitive.Content)`
-  z-index: 50;
-  width: 18rem;
-  border-radius: 0.375rem;
-  padding: 1rem;
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-  outline: none;
-
-  border: 1px solid ${({ $colors }) => $colors.light.neutralColor};
-  background-color: ${({ $colors }) => $colors.light.backgroundColor};
-
-  html[data-stack-theme='dark'] & {
-    border-color: ${({ $colors }) => $colors.dark.neutralColor};
-    background-color: ${({ $colors }) => $colors.dark.backgroundColor};
-  }
-`;
-var PopoverContent = import_react.default.forwardRef(({ align = "center", sideOffset = 4, ...props }, ref) => {
-  const { colors } = (0, import__.useDesign)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StyledContent,
-    {
-      $colors: colors,
-      ref,
-      align,
-      sideOffset,
-      ...props
-    }
-  ) });
-});
-PopoverContent.displayName = "PopoverContent";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-});
-//# sourceMappingURL=popover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/popover.tsx"],"sourcesContent":["import React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport styled, { css } from 'styled-components';\nimport { useDesign } from '..';\nimport { ColorPalette } from '../providers/design-provider';\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst StyledContent = styled(PopoverPrimitive.Content)<{\n  $colors: ColorPalette,\n}>`\n  z-index: 50;\n  width: 18rem;\n  border-radius: 0.375rem;\n  padding: 1rem;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  outline: none;\n\n  border: 1px solid ${({ $colors }) => $colors.light.neutralColor};\n  background-color: ${({ $colors }) => $colors.light.backgroundColor};\n\n  html[data-stack-theme='dark'] & {\n    border-color: ${({ $colors }) => $colors.dark.neutralColor};\n    background-color: ${({ $colors }) => $colors.dark.backgroundColor};\n  }\n`;\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ align = 'center', sideOffset = 4, ...props }, ref) => {\n  const { colors } = useDesign();\n  return (\n    <PopoverPrimitive.Portal>\n      <StyledContent\n        $colors={colors}\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n});\nPopoverContent.displayName = 'PopoverContent';\n\nexport { Popover, PopoverTrigger, PopoverContent };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,+BAA4B;AAC5B,eAA0B;AAiCpB;AA9BN,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,oBAAgB,yBAAAA,SAAwB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAU/B,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,YAAY;AAAA,sBAC3C,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,eAAe;AAAA;AAAA;AAAA,oBAGhD,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,YAAY;AAAA,wBACtC,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,eAAe;AAAA;AAAA;AAIrE,IAAM,iBAAiB,aAAAC,QAAM,WAG3B,CAAC,EAAE,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAAQ;AACzD,QAAM,EAAE,OAAO,QAAI,oBAAU;AAC7B,SACE,4CAAkB,yBAAjB,EACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,eAAe,cAAc;","names":["styled","React"]}

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

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

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

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

package/dist/components-core/separator.js

@@ -1,71 +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/separator.tsx
-var separator_exports = {};
-__export(separator_exports, {
-  Separator: () => Separator
-});
-module.exports = __toCommonJS(separator_exports);
-var import_react = __toESM(require("react"));
-var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var import_styled_components = __toESM(require("styled-components"));
-var import__ = require("..");
-var import_jsx_runtime = require("react/jsx-runtime");
-var StyledSeparator = (0, import_styled_components.default)(SeparatorPrimitive.Root)`
-  flex-shrink: 0;
-  ${(props) => props.$orientation === "horizontal" ? "height: 1px; width: 100%;" : "height: 100%; width: 1px;"}
-  
-  background-color: ${(props) => props.$color.light.neutralColor};
-
-  html[data-stack-theme='dark'] & {
-    background-color: ${(props) => props.$color.dark.neutralColor};
-  }
-`;
-var Separator = import_react.default.forwardRef(({ orientation = "horizontal", decorative = true, ...props }, ref) => {
-  const { colors } = (0, import__.useDesign)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StyledSeparator,
-    {
-      ref,
-      decorative,
-      $orientation: orientation,
-      $color: colors,
-      ...props
-    }
-  );
-});
-Separator.displayName = "Separator";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Separator
-});
-//# sourceMappingURL=separator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/separator.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport styled from 'styled-components';\nimport { useDesign } from '..';\nimport { ColorPalette } from '../providers/design-provider';\n\nconst StyledSeparator = styled(SeparatorPrimitive.Root)<{ \n  $orientation: string,\n  $color: ColorPalette,\n}>`\n  flex-shrink: 0;\n  ${(props) =>\n    props.$orientation === 'horizontal'\n      ? 'height: 1px; width: 100%;'\n      : 'height: 100%; width: 1px;'}\n  \n  background-color: ${props => props.$color.light.neutralColor};\n\n  html[data-stack-theme='dark'] & {\n    background-color: ${props => props.$color.dark.neutralColor};\n  }\n`;\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ orientation = 'horizontal', decorative = true, ...props }, ref) => {\n  const { colors } = useDesign();\n\n  return <StyledSeparator\n    ref={ref}\n    decorative={decorative}\n    $orientation={orientation}\n    $color={colors}\n    {...props}\n  />;\n});\n\nSeparator.displayName = 'Separator';\n\nexport { Separator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,yBAAoC;AACpC,+BAAmB;AACnB,eAA0B;AA0BjB;AAvBT,IAAM,sBAAkB,yBAAAA,SAA0B,uBAAI;AAAA;AAAA,IAKlD,CAAC,UACD,MAAM,iBAAiB,eACnB,8BACA,2BAA2B;AAAA;AAAA,sBAEb,WAAS,MAAM,OAAO,MAAM,YAAY;AAAA;AAAA;AAAA,wBAGtC,WAAS,MAAM,OAAO,KAAK,YAAY;AAAA;AAAA;AAI/D,IAAM,YAAY,aAAAC,QAAM,WAGtB,CAAC,EAAE,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QAAQ;AACtE,QAAM,EAAE,OAAO,QAAI,oBAAU;AAE7B,SAAO;AAAA,IAAC;AAAA;AAAA,MACN;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,QAAQ;AAAA,MACP,GAAG;AAAA;AAAA,EACN;AACF,CAAC;AAED,UAAU,cAAc;","names":["styled","React"]}

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

@@ -1,7 +0,0 @@
-import React__default from 'react';
-
-declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    deactivated?: boolean | undefined;
-} & React__default.RefAttributes<HTMLSpanElement>>;
-
-export { Skeleton };

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

@@ -1,7 +0,0 @@
-import React__default from 'react';
-
-declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    deactivated?: boolean | undefined;
-} & React__default.RefAttributes<HTMLSpanElement>>;
-
-export { Skeleton };

package/dist/components-core/skeleton.js

@@ -1,87 +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/skeleton.tsx
-var skeleton_exports = {};
-__export(skeleton_exports, {
-  Skeleton: () => Skeleton
-});
-module.exports = __toCommonJS(skeleton_exports);
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var getFilterString = (brightness1, brightness2) => {
-  return `
-    0% {
-      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness1});
-    }
-    100% {
-      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness2});
-    }
-  `;
-};
-var animationLight = import_styled_components.keyframes`${getFilterString(0.8, 0.9)}`;
-var animationDark = import_styled_components.keyframes`${getFilterString(0.2, 0.1)}`;
-var Primitive = (0, import_styled_components.default)("span")`
-  &[data-stack-state="activated"], &[data-stack-state="activated"] * {
-    pointer-events: none !important;
-    -webkit-user-select: none !important;
-    -moz-user-select: none !important;
-    user-select: none !important;
-    cursor: default !important;
-  }
-
-  &[data-stack-state="activated"] {
-    animation: ${animationLight} 1s infinite alternate-reverse !important;
-  }
-
-  html[data-stack-theme='dark'] &[data-stack-state="activated"] {
-    animation: ${animationDark} 1s infinite alternate-reverse !important;
-  }
-`;
-var Skeleton = import_react.default.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      Primitive,
-      {
-        ref,
-        "data-stack-state": props.deactivated ? "deactivated" : "activated",
-        ...props
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Skeleton
-});
-//# sourceMappingURL=skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-core/skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport styled, { keyframes } from 'styled-components';\n\nconst getFilterString = (brightness1: number, brightness2: number) => {\n  return `\n    0% {\n      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness1});\n    }\n    100% {\n      filter: grayscale(1) contrast(0) brightness(0) invert(1) brightness(${brightness2});\n    }\n  `;\n};\n\nconst animationLight = keyframes`${getFilterString(0.8, 0.9)}`;\nconst animationDark = keyframes`${getFilterString(0.2, 0.1)}`;\n\nconst Primitive = styled(\"span\")`\n  &[data-stack-state=\"activated\"], &[data-stack-state=\"activated\"] * {\n    pointer-events: none !important;\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n    user-select: none !important;\n    cursor: default !important;\n  }\n\n  &[data-stack-state=\"activated\"] {\n    animation: ${animationLight} 1s infinite alternate-reverse !important;\n  }\n\n  html[data-stack-theme='dark'] &[data-stack-state=\"activated\"] {\n    animation: ${animationDark} 1s infinite alternate-reverse !important;\n  }\n`;\n\nconst Skeleton = React.forwardRef<\n  React.ElementRef<\"span\">,\n  React.ComponentPropsWithoutRef<\"span\"> & { deactivated?: boolean }\n>(\n  (props, ref) => {\n    return <Primitive\n      ref={ref}\n      data-stack-state={props.deactivated ? \"deactivated\" : \"activated\"}\n      {...props}\n    />;\n  }\n);\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,+BAAkC;AAuCvB;AArCX,IAAM,kBAAkB,CAAC,aAAqB,gBAAwB;AACpE,SAAO;AAAA;AAAA,4EAEmE,WAAW;AAAA;AAAA;AAAA,4EAGX,WAAW;AAAA;AAAA;AAGvF;AAEA,IAAM,iBAAiB,qCAAY,gBAAgB,KAAK,GAAG,CAAC;AAC5D,IAAM,gBAAgB,qCAAY,gBAAgB,KAAK,GAAG,CAAC;AAE3D,IAAM,gBAAY,yBAAAA,SAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAUd,cAAc;AAAA;AAAA;AAAA;AAAA,iBAId,aAAa;AAAA;AAAA;AAI9B,IAAM,WAAW,aAAAC,QAAM;AAAA,EAIrB,CAAC,OAAO,QAAQ;AACd,WAAO;AAAA,MAAC;AAAA;AAAA,QACN;AAAA,QACA,oBAAkB,MAAM,cAAc,gBAAgB;AAAA,QACrD,GAAG;AAAA;AAAA,IACN;AAAA,EACF;AACF;AACA,SAAS,cAAc;","names":["styled","React"]}

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
-
-declare const Tabs: React.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
-
-declare const Tabs: React.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components-core/tabs.js

@@ -1,124 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components-core/tabs.tsx
-var tabs_exports = {};
-__export(tabs_exports, {
-  Tabs: () => Tabs,
-  TabsContent: () => TabsContent,
-  TabsList: () => TabsList,
-  TabsTrigger: () => TabsTrigger
-});
-module.exports = __toCommonJS(tabs_exports);
-var React = __toESM(require("react"));
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_styled_components = __toESM(require("styled-components"));
-var import__ = require("..");
-var import_constants = require("../utils/constants");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Tabs = TabsPrimitive.Root;
-var StyledTabsList = (0, import_styled_components.default)(TabsPrimitive.List)`
-  display: flex;
-  height: 2.25rem
-  align-items: center;
-  justify-content: center;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-
-  background-color: rgb(244, 244, 245);
-
-  html[data-stack-theme='dark'] & {
-    background-color: rgb(39, 39, 42);
-  }
-`;
-var TabsList = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StyledTabsList,
-    {
-      ...props,
-      ref
-    }
-  );
-});
-var StyledTabsTrigger = (0, import_styled_components.default)(TabsPrimitive.Trigger)`
-  all: unset;
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  border-radius: 0.375rem;
-  padding: 0.25rem 0.75rem;
-  transition: all;
-  outline: none;
-  font-size: ${import_constants.FONT_SIZES.sm};
-  font-weight: 500;
-  box-shadow: ${import_constants.SHADOW};
-
-  &:disabled {
-    pointer-events: none;
-    opacity: 0.5;
-  }
-
-  &[data-state='active'] {
-    background-color: ${({ $colors }) => $colors.light.backgroundColor};
-  }
-
-  html[data-stack-theme='dark'] & {
-    &[data-state='active'] {
-      background-color: ${({ $colors }) => $colors.dark.backgroundColor};
-    }
-  }
-`;
-var TabsTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  const { colors } = (0, import__.useDesign)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StyledTabsTrigger,
-    {
-      $colors: colors,
-      ...props,
-      ref,
-      children
-    }
-  );
-});
-var StyledTabsContent = (0, import_styled_components.default)(TabsPrimitive.Content)`
-  margin-top: 1.5rem;
-`;
-var TabsContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTabsContent, { ...props, ref });
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-});
-//# sourceMappingURL=tabs.js.map

package/dist/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,oBAA+B;AAC/B,+BAAmB;AACnB,eAAgC;AAEhC,uBAAmC;AAuB1B;AArBT,IAAM,OAAqB;AAE3B,IAAM,qBAAiB,yBAAAA,SAAqB,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,wBAAoB,yBAAAA,SAAqB,qBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAavC,4BAAW,EAAE;AAAA;AAAA,gBAEZ,uBAAM;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,QAAI,oBAAU;AAC7B,SAAO;AAAA,IAAC;AAAA;AAAA,MACN,SAAS;AAAA,MACR,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,EACH;AACF,CAAC;AAED,IAAM,wBAAoB,yBAAAA,SAAqB,qBAAO;AAAA;AAAA;AAItD,IAAM,cAAoB,iBAGxB,CAAC,OAAO,QAAQ;AAChB,SAAO,4CAAC,qBAAmB,GAAG,OAAO,KAAU;AACjD,CAAC;","names":["styled"]}