@stackframe/stack 2.4.27 → 2.5.0

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

@@ -1,110 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/dropdown.tsx
-import * as React from "react";
-import styled from "styled-components";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { useDesign } from "..";
-import { SELECTED_BACKGROUND_COLORS } from "../utils/constants";
-import { jsx } from "react/jsx-runtime";
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var StyledTrigger = styled(DropdownMenuPrimitive.Trigger)`
-  all: unset;
-  &:focus {
-    outline: none;
-    box-shadow: 0;
-  }
-  &:hover {
-    cursor: pointer;
-  }
-`;
-var DropdownMenuTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(StyledTrigger, { ref, ...props }));
-var StyledContent = styled(DropdownMenuPrimitive.Content)`
-  z-index: 50;
-  min-width: 8rem;
-  overflow: hidden;
-  border-radius: 4px;
-  padding: 0.25rem;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-
-  border: 1px solid ${({ $colors }) => $colors.light.neutralColor};
-  background: ${({ $colors }) => $colors.light.backgroundColor};
-
-  html[data-stack-theme='dark'] & {
-    border-color: ${({ $colors }) => $colors.dark.neutralColor};
-    background: ${({ $colors }) => $colors.dark.backgroundColor};
-  }
-`;
-var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
-  const { colors } = useDesign();
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    StyledContent,
-    {
-      $colors: colors,
-      sideOffset,
-      ref,
-      ...props
-    }
-  ) });
-});
-DropdownMenuContent.displayName = "DropdownMenuContent";
-var StyledItem = styled(DropdownMenuPrimitive.Item)`
-  display: flex;
-  cursor: default;
-  align-items: center;
-  border-radius: 4px;
-  padding: 0.375rem 0.5rem;
-  font-size: 0.875rem;
-  outline: none;
-  transition: color 0.2s ease;
-  &:focus {
-    background-color: var(--accent);
-    color: var(--accent-foreground);
-  }
-  ${({ $inset }) => $inset && "padding-left: 2rem;"}
-
-  &:hover {
-    background-color: ${SELECTED_BACKGROUND_COLORS.light};
-  }
-
-  html[data-stack-theme='dark'] & {
-    &:hover {
-      background-color: ${SELECTED_BACKGROUND_COLORS.dark};
-    }
-  }
-`;
-var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(StyledItem, { ref, ...props, $inset: inset });
-});
-DropdownMenuItem.displayName = "DropdownMenuItem";
-var StyledLabel = styled(DropdownMenuPrimitive.Label)`
-  padding: 0.375rem 0.5rem;
-  font-size: 0.875rem;
-  ${({ inset }) => inset && "padding-left: 2rem;"}
-`;
-var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(StyledLabel, { ref, ...props, inset }));
-DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var StyledSeparator = styled(DropdownMenuPrimitive.Separator)`
-  margin: 0.25rem -0.25rem;
-  height: 1px;
-  background-color: ${({ $colors }) => $colors.light.neutralColor};
-
-  html[data-stack-theme='dark'] & {
-    background-color: ${({ $colors }) => $colors.dark.neutralColor};
-  }
-`;
-var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
-  const { colors } = useDesign();
-  return /* @__PURE__ */ jsx(StyledSeparator, { ref, ...props, $colors: colors });
-});
-DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-export {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-};
-//# sourceMappingURL=dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styled from 'styled-components';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useDesign } from '..';\nimport { SELECTED_BACKGROUND_COLORS } from '../utils/constants';\nimport { ColorPalette } from '../providers/design-provider';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst StyledTrigger = styled(DropdownMenuPrimitive.Trigger)`\n  all: unset;\n  &:focus {\n    outline: none;\n    box-shadow: 0;\n  }\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst DropdownMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <StyledTrigger ref={ref} {...props} />\n));\n\nconst StyledContent = styled(DropdownMenuPrimitive.Content)<{\n  $colors: ColorPalette,\n}>`\n  z-index: 50;\n  min-width: 8rem;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 0.25rem;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n\n  border: 1px solid ${({ $colors }) => $colors.light.neutralColor};\n  background: ${({ $colors }) => $colors.light.backgroundColor};\n\n  html[data-stack-theme='dark'] & {\n    border-color: ${({ $colors }) => $colors.dark.neutralColor};\n    background: ${({ $colors }) => $colors.dark.backgroundColor};\n  }\n`;\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => {\n  const { colors } = useDesign();\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <StyledContent \n        $colors={colors}\n        sideOffset={sideOffset} \n        ref={ref} \n        {...props}  \n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\nconst StyledItem = styled(DropdownMenuPrimitive.Item)<{ \n  $inset?: boolean,\n}>`\n  display: flex;\n  cursor: default;\n  align-items: center;\n  border-radius: 4px;\n  padding: 0.375rem 0.5rem;\n  font-size: 0.875rem;\n  outline: none;\n  transition: color 0.2s ease;\n  &:focus {\n    background-color: var(--accent);\n    color: var(--accent-foreground);\n  }\n  ${({ $inset }) => $inset && 'padding-left: 2rem;'}\n\n  &:hover {\n    background-color: ${SELECTED_BACKGROUND_COLORS.light};\n  }\n\n  html[data-stack-theme='dark'] & {\n    &:hover {\n      background-color: ${SELECTED_BACKGROUND_COLORS.dark};\n    }\n  }\n`;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean,\n  }\n>(({ className, inset, ...props }, ref) => {\n  return <StyledItem ref={ref} {...props} $inset={inset} />;\n});\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst StyledLabel = styled(DropdownMenuPrimitive.Label)<{ inset?: boolean }>`\n  padding: 0.375rem 0.5rem;\n  font-size: 0.875rem;\n  ${({ inset }) => inset && 'padding-left: 2rem;'}\n`;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean,\n  }\n>(({ className, inset, ...props }, ref) => (\n  <StyledLabel ref={ref} {...props} inset={inset} />\n));\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst StyledSeparator = styled(DropdownMenuPrimitive.Separator)<{\n  $colors: ColorPalette,\n}>`\n  margin: 0.25rem -0.25rem;\n  height: 1px;\n  background-color: ${({ $colors }) => $colors.light.neutralColor};\n\n  html[data-stack-theme='dark'] & {\n    background-color: ${({ $colors }) => $colors.dark.neutralColor};\n  }\n`;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { colors } = useDesign();\n  return <StyledSeparator ref={ref} {...props} $colors={colors} />;\n});\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n};\n"],"mappings":";;;AAEA,YAAY,WAAW;AACvB,OAAO,YAAY;AACnB,YAAY,2BAA2B;AACvC,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAoBzC;AAjBF,IAAM,eAAqC;AAE3C,IAAM,gBAAgB,OAA6B,6BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1D,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,iBAAc,KAAW,GAAG,OAAO,CACrC;AAED,IAAM,gBAAgB,OAA6B,6BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAUpC,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,YAAY;AAAA,gBACjD,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,eAAe;AAAA;AAAA;AAAA,oBAG1C,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,YAAY;AAAA,kBAC5C,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,eAAe;AAAA;AAAA;AAI/D,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAAQ;AAClD,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,SACE,oBAAuB,8BAAtB,EACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,oBAAoB,cAAc;AAElC,IAAM,aAAa,OAA6B,0BAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAehD,CAAC,EAAE,OAAO,MAAM,UAAU,qBAAqB;AAAA;AAAA;AAAA,wBAG3B,2BAA2B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,0BAK9B,2BAA2B,IAAI;AAAA;AAAA;AAAA;AAKzD,IAAM,mBAAyB,iBAK7B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QAAQ;AACzC,SAAO,oBAAC,cAAW,KAAW,GAAG,OAAO,QAAQ,OAAO;AACzD,CAAC;AACD,iBAAiB,cAAc;AAE/B,IAAM,cAAc,OAA6B,2BAAK;AAAA;AAAA;AAAA,IAGlD,CAAC,EAAE,MAAM,MAAM,SAAS,qBAAqB;AAAA;AAGjD,IAAM,oBAA0B,iBAK9B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC,oBAAC,eAAY,KAAW,GAAG,OAAO,OAAc,CACjD;AACD,kBAAkB,cAAc;AAEhC,IAAM,kBAAkB,OAA6B,+BAAS;AAAA;AAAA;AAAA,sBAKxC,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,YAAY;AAAA;AAAA;AAAA,wBAGzC,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,YAAY;AAAA;AAAA;AAIlE,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,SAAO,oBAAC,mBAAgB,KAAW,GAAG,OAAO,SAAS,QAAQ;AAChE,CAAC;AACD,sBAAsB,cAAc;","names":[]}

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

@@ -1,94 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/index.tsx
-import { forwardRef } from "react";
-import { useComponents } from "../providers/component-provider";
-import { useAsyncCallbackWithLoggedError } from "@stackframe/stack-shared/dist/hooks/use-async-callback";
-import { jsx } from "react/jsx-runtime";
-var Button = forwardRef((props, ref) => {
-  const { Button: Button2 } = useComponents();
-  const [onClick, onClickLoading] = useAsyncCallbackWithLoggedError(async () => {
-    return await props.onClick?.();
-  }, [props.onClick]);
-  return /* @__PURE__ */ jsx(
-    Button2,
-    {
-      ...props,
-      onClick: props.onClick && onClick,
-      loading: props.loading || onClickLoading,
-      disabled: props.disabled || onClickLoading,
-      ref
-    }
-  );
-});
-function createDynamicComponent(component) {
-  return forwardRef((props, ref) => {
-    const Component = useComponents()[component];
-    return /* @__PURE__ */ jsx(Component, { ...props, ref });
-  });
-}
-var Input = createDynamicComponent("Input");
-var Container = createDynamicComponent("Container");
-var Separator = createDynamicComponent("Separator");
-var Label = createDynamicComponent("Label");
-var Link = createDynamicComponent("Link");
-var Text = createDynamicComponent("Text");
-var Popover = createDynamicComponent("Popover");
-var PopoverTrigger = createDynamicComponent("PopoverTrigger");
-var PopoverContent = createDynamicComponent("PopoverContent");
-var DropdownMenu = createDynamicComponent("DropdownMenu");
-var DropdownMenuTrigger = createDynamicComponent("DropdownMenuTrigger");
-var DropdownMenuContent = createDynamicComponent("DropdownMenuContent");
-var DropdownMenuItem = createDynamicComponent("DropdownMenuItem");
-var DropdownMenuLabel = createDynamicComponent("DropdownMenuLabel");
-var DropdownMenuSeparator = createDynamicComponent("DropdownMenuSeparator");
-var Avatar = createDynamicComponent("Avatar");
-var AvatarFallback = createDynamicComponent("AvatarFallback");
-var AvatarImage = createDynamicComponent("AvatarImage");
-var Collapsible = createDynamicComponent("Collapsible");
-var CollapsibleTrigger = createDynamicComponent("CollapsibleTrigger");
-var CollapsibleContent = createDynamicComponent("CollapsibleContent");
-var Card = createDynamicComponent("Card");
-var CardHeader = createDynamicComponent("CardHeader");
-var CardContent = createDynamicComponent("CardContent");
-var CardFooter = createDynamicComponent("CardFooter");
-var Tabs = createDynamicComponent("Tabs");
-var TabsList = createDynamicComponent("TabsList");
-var TabsContent = createDynamicComponent("TabsContent");
-var TabsTrigger = createDynamicComponent("TabsTrigger");
-var Skeleton = createDynamicComponent("Skeleton");
-export {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Button,
-  Card,
-  CardContent,
-  CardFooter,
-  CardHeader,
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-  Container,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  Input,
-  Label,
-  Link,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Separator,
-  Skeleton,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  Text
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core/index.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { forwardRef } from 'react';\nimport { Components, useComponents } from '../providers/component-provider';\nimport type { Button as StaticButton } from './button';\nimport { useAsyncCallbackWithLoggedError } from '@stackframe/stack-shared/dist/hooks/use-async-callback';\n\nexport const Button = forwardRef<\n  HTMLButtonElement, \n  React.ComponentProps<typeof StaticButton>\n>((props, ref) => {\n  const { Button } = useComponents();\n  const [onClick, onClickLoading] = useAsyncCallbackWithLoggedError(async () => {\n    return await props.onClick?.();\n  }, [props.onClick]);\n\n  return <Button\n    {...props}\n    onClick={props.onClick && onClick}\n    loading={props.loading || onClickLoading}\n    disabled={props.disabled || onClickLoading}\n    ref={ref}\n  />;\n});\n\nfunction createDynamicComponent<T extends keyof typeof Components>(\n  component: T\n): React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<React.ComponentProps<typeof Components[T]>> & \n  React.RefAttributes<React.ElementRef<typeof Components[T]>>\n> {\n  return forwardRef<\n    React.ElementRef<typeof Components[T]>,\n    React.ComponentProps<typeof Components[T]>\n  >((props, ref) => {\n    const Component = useComponents()[component] as any;\n    return <Component {...props} ref={ref} />;\n  });\n};\n\nexport const Input = createDynamicComponent('Input');\nexport const Container = createDynamicComponent('Container');\nexport const Separator = createDynamicComponent('Separator');\nexport const Label = createDynamicComponent('Label');\nexport const Link = createDynamicComponent('Link');\nexport const Text = createDynamicComponent('Text');\nexport const Popover = createDynamicComponent('Popover');\nexport const PopoverTrigger = createDynamicComponent('PopoverTrigger');\nexport const PopoverContent = createDynamicComponent('PopoverContent');\nexport const DropdownMenu = createDynamicComponent('DropdownMenu');\nexport const DropdownMenuTrigger = createDynamicComponent('DropdownMenuTrigger');\nexport const DropdownMenuContent = createDynamicComponent('DropdownMenuContent');\nexport const DropdownMenuItem = createDynamicComponent('DropdownMenuItem');\nexport const DropdownMenuLabel = createDynamicComponent('DropdownMenuLabel');\nexport const DropdownMenuSeparator = createDynamicComponent('DropdownMenuSeparator');\nexport const Avatar = createDynamicComponent('Avatar');\nexport const AvatarFallback = createDynamicComponent('AvatarFallback');\nexport const AvatarImage = createDynamicComponent('AvatarImage');\nexport const Collapsible = createDynamicComponent('Collapsible');\nexport const CollapsibleTrigger = createDynamicComponent('CollapsibleTrigger');\nexport const CollapsibleContent = createDynamicComponent('CollapsibleContent');\nexport const Card = createDynamicComponent('Card');\nexport const CardHeader = createDynamicComponent('CardHeader');\nexport const CardContent = createDynamicComponent('CardContent');\nexport const CardFooter = createDynamicComponent('CardFooter');\nexport const Tabs = createDynamicComponent('Tabs');\nexport const TabsList = createDynamicComponent('TabsList');\nexport const TabsContent = createDynamicComponent('TabsContent');\nexport const TabsTrigger = createDynamicComponent('TabsTrigger');\nexport const Skeleton = createDynamicComponent('Skeleton');\n"],"mappings":";;;AAGA,SAAS,kBAAkB;AAC3B,SAAqB,qBAAqB;AAE1C,SAAS,uCAAuC;AAWvC;AATF,IAAM,SAAS,WAGpB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,QAAAA,QAAO,IAAI,cAAc;AACjC,QAAM,CAAC,SAAS,cAAc,IAAI,gCAAgC,YAAY;AAC5E,WAAO,MAAM,MAAM,UAAU;AAAA,EAC/B,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AAAA,IAACA;AAAA,IAAA;AAAA,MACL,GAAG;AAAA,MACJ,SAAS,MAAM,WAAW;AAAA,MAC1B,SAAS,MAAM,WAAW;AAAA,MAC1B,UAAU,MAAM,YAAY;AAAA,MAC5B;AAAA;AAAA,EACF;AACF,CAAC;AAED,SAAS,uBACP,WAIA;AACA,SAAO,WAGL,CAAC,OAAO,QAAQ;AAChB,UAAM,YAAY,cAAc,EAAE,SAAS;AAC3C,WAAO,oBAAC,aAAW,GAAG,OAAO,KAAU;AAAA,EACzC,CAAC;AACH;AAEO,IAAM,QAAQ,uBAAuB,OAAO;AAC5C,IAAM,YAAY,uBAAuB,WAAW;AACpD,IAAM,YAAY,uBAAuB,WAAW;AACpD,IAAM,QAAQ,uBAAuB,OAAO;AAC5C,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,UAAU,uBAAuB,SAAS;AAChD,IAAM,iBAAiB,uBAAuB,gBAAgB;AAC9D,IAAM,iBAAiB,uBAAuB,gBAAgB;AAC9D,IAAM,eAAe,uBAAuB,cAAc;AAC1D,IAAM,sBAAsB,uBAAuB,qBAAqB;AACxE,IAAM,sBAAsB,uBAAuB,qBAAqB;AACxE,IAAM,mBAAmB,uBAAuB,kBAAkB;AAClE,IAAM,oBAAoB,uBAAuB,mBAAmB;AACpE,IAAM,wBAAwB,uBAAuB,uBAAuB;AAC5E,IAAM,SAAS,uBAAuB,QAAQ;AAC9C,IAAM,iBAAiB,uBAAuB,gBAAgB;AAC9D,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,qBAAqB,uBAAuB,oBAAoB;AACtE,IAAM,qBAAqB,uBAAuB,oBAAoB;AACtE,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,aAAa,uBAAuB,YAAY;AACtD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,aAAa,uBAAuB,YAAY;AACtD,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,WAAW,uBAAuB,UAAU;AAClD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,WAAW,uBAAuB,UAAU;","names":["Button"]}

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

@@ -1,85 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/input.tsx
-import React from "react";
-import { useDesign } from "../providers/design-provider";
-import styled from "styled-components";
-import { FONT_FAMILY, FONT_SIZES, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SHADOW } from "../utils/constants";
-import { jsx } from "react/jsx-runtime";
-var StyledInput = styled.input`
-  display: flex;
-  font-family: ${FONT_FAMILY};
-  font-size: ${FONT_SIZES.sm};
-  border-radius: 0.375rem;
-  box-shadow: ${SHADOW};
-  width: 100%;
-  line-height: 1.25rem;
-  height: 2.25rem;
-  background-color: transparent;
-  border: 1px solid;
-  padding: 0.25rem 0.75rem;
-  &:disabled {
-    cursor: auto;
-    opacity: 0.5;
-  }
-  &[type=file]::file-selector-button{
-    border: none;
-    background-color: transparent;
-    height: 2.5rem;
-    margin-right: 0.5rem;
-    padding: 0;
-  }
-
-  border-color: ${(props) => props.$colors.light.neutralColor};
-  color: ${PRIMARY_FONT_COLORS.light};
-  &::placeholder {
-    color: ${SECONDARY_FONT_COLORS.light};
-  }
-  &:focus-visible {
-    outline: none;
-    box-shadow: 0 0 0 1px ${(props) => props.$colors.light.primaryColor};
-  }
-  &[type=file] {
-    color: ${SECONDARY_FONT_COLORS.light};
-  }
-  &[type=file]::file-selector-button{
-    color: ${PRIMARY_FONT_COLORS.light};
-  }
-
-  html[data-stack-theme='dark'] & {
-    border-color: ${(props) => props.$colors.dark.neutralColor};
-    color: ${PRIMARY_FONT_COLORS.dark};
-    &::placeholder {
-      color: ${SECONDARY_FONT_COLORS.dark};
-    }
-    &:focus-visible {
-      outline: none;
-      box-shadow: 0 0 0 1px ${(props) => props.$colors.dark.primaryColor};
-    }
-    &[type=file] {
-      color: ${SECONDARY_FONT_COLORS.dark};
-    }
-    &[type=file]::file-selector-button{
-      color: ${PRIMARY_FONT_COLORS.dark};
-    }
-  }
-`;
-var Input = React.forwardRef(
-  (props, ref) => {
-    const { colors } = useDesign();
-    return /* @__PURE__ */ jsx(
-      StyledInput,
-      {
-        ref,
-        $colors: colors,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-export {
-  Input
-};
-//# sourceMappingURL=input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-core/input.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { ColorPalette, useDesign } from \"../providers/design-provider\";\nimport styled from 'styled-components';\nimport { FONT_FAMILY, FONT_SIZES, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SHADOW } from \"../utils/constants\";\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, 'ref'>\n\n\nconst StyledInput = styled.input<{\n  $colors: ColorPalette,\n}>`\n  display: flex;\n  font-family: ${FONT_FAMILY};\n  font-size: ${FONT_SIZES.sm};\n  border-radius: 0.375rem;\n  box-shadow: ${SHADOW};\n  width: 100%;\n  line-height: 1.25rem;\n  height: 2.25rem;\n  background-color: transparent;\n  border: 1px solid;\n  padding: 0.25rem 0.75rem;\n  &:disabled {\n    cursor: auto;\n    opacity: 0.5;\n  }\n  &[type=file]::file-selector-button{\n    border: none;\n    background-color: transparent;\n    height: 2.5rem;\n    margin-right: 0.5rem;\n    padding: 0;\n  }\n\n  border-color: ${props => props.$colors.light.neutralColor};\n  color: ${PRIMARY_FONT_COLORS.light};\n  &::placeholder {\n    color: ${SECONDARY_FONT_COLORS.light};\n  }\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 1px ${props => props.$colors.light.primaryColor};\n  }\n  &[type=file] {\n    color: ${SECONDARY_FONT_COLORS.light};\n  }\n  &[type=file]::file-selector-button{\n    color: ${PRIMARY_FONT_COLORS.light};\n  }\n\n  html[data-stack-theme='dark'] & {\n    border-color: ${props => props.$colors.dark.neutralColor};\n    color: ${PRIMARY_FONT_COLORS.dark};\n    &::placeholder {\n      color: ${SECONDARY_FONT_COLORS.dark};\n    }\n    &:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 1px ${props => props.$colors.dark.primaryColor};\n    }\n    &[type=file] {\n      color: ${SECONDARY_FONT_COLORS.dark};\n    }\n    &[type=file]::file-selector-button{\n      color: ${PRIMARY_FONT_COLORS.dark};\n    }\n  }\n`;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const { colors } = useDesign();\n    return (\n      <StyledInput\n        ref={ref}\n        $colors={colors}\n        {...props}\n      />\n    );\n  }\n);\nInput.displayName = 'Input';\n\nexport { Input };"],"mappings":";;;AAEA,OAAO,WAAW;AAClB,SAAuB,iBAAiB;AACxC,OAAO,YAAY;AACnB,SAAS,aAAa,YAAY,qBAAqB,uBAAuB,cAAc;AAsEtF;AAjEN,IAAM,cAAc,OAAO;AAAA;AAAA,iBAIV,WAAW;AAAA,eACb,WAAW,EAAE;AAAA;AAAA,gBAEZ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAmBJ,WAAS,MAAM,QAAQ,MAAM,YAAY;AAAA,WAChD,oBAAoB,KAAK;AAAA;AAAA,aAEvB,sBAAsB,KAAK;AAAA;AAAA;AAAA;AAAA,4BAIZ,WAAS,MAAM,QAAQ,MAAM,YAAY;AAAA;AAAA;AAAA,aAGxD,sBAAsB,KAAK;AAAA;AAAA;AAAA,aAG3B,oBAAoB,KAAK;AAAA;AAAA;AAAA;AAAA,oBAIlB,WAAS,MAAM,QAAQ,KAAK,YAAY;AAAA,aAC/C,oBAAoB,IAAI;AAAA;AAAA,eAEtB,sBAAsB,IAAI;AAAA;AAAA;AAAA;AAAA,8BAIX,WAAS,MAAM,QAAQ,KAAK,YAAY;AAAA;AAAA;AAAA,eAGvD,sBAAsB,IAAI;AAAA;AAAA;AAAA,eAG1B,oBAAoB,IAAI;AAAA;AAAA;AAAA;AAKvC,IAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

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

@@ -1,38 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/label.tsx
-import React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import styled from "styled-components";
-import { FONT_FAMILY, FONT_SIZES, SECONDARY_FONT_COLORS } from "../utils/constants";
-import { jsx } from "react/jsx-runtime";
-var Primitive = styled(LabelPrimitive.Root)`
-  font-size: ${FONT_SIZES.sm};
-  line-height: 1.5rem;
-  font-weight: 400;
-  font-family: ${FONT_FAMILY};
-  display: block;
-
-  color: ${SECONDARY_FONT_COLORS.light};
-
-  html[data-stack-theme='dark'] & {
-    color: ${SECONDARY_FONT_COLORS.dark};
-  }
-`;
-var Label = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(
-      Primitive,
-      {
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Label.displayName = LabelPrimitive.Root.displayName;
-export {
-  Label
-};
-//# sourceMappingURL=label.js.map

package/dist/esm/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":";;;AAEA,OAAO,WAAW;AAClB,YAAY,oBAAoB;AAChC,OAAO,YAAY;AACnB,SAAS,aAAa,YAAY,6BAA6B;AAqBpD;AAnBX,IAAM,YAAY,OAAsB,mBAAI;AAAA,eAC7B,WAAW,EAAE;AAAA;AAAA;AAAA,iBAGX,WAAW;AAAA;AAAA;AAAA,WAGjB,sBAAsB,KAAK;AAAA;AAAA;AAAA,aAGzB,sBAAsB,IAAI;AAAA;AAAA;AAIvC,IAAM,QAAQ,MAAM;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":[]}

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

@@ -1,39 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/link.tsx
-import NextLink from "next/link";
-import { FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS } from "../utils/constants";
-import React from "react";
-import styled from "styled-components";
-import { jsx } from "react/jsx-runtime";
-var StyledNextLink = styled(NextLink)`
-  font-size: ${(props) => FONT_SIZES[props.$size]};
-  line-height: ${(props) => LINE_HEIGHTS[props.$size]};
-  font-weight: 500;
-  font-family: ${FONT_FAMILY};
-  text-decoration: underline;
-  margin: 0;
-  padding: 0;
-
-  color: ${LINK_COLORS.light};
-
-  html[data-stack-theme='dark'] & {
-    color: ${LINK_COLORS.dark};
-  }
-`;
-var Link = React.forwardRef(({ size = "md", href, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    StyledNextLink,
-    {
-      $size: size,
-      href,
-      style: props.style,
-      children: props.children
-    }
-  );
-});
-export {
-  Link
-};
-//# sourceMappingURL=link.js.map

package/dist/esm/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":";;;AAEA,OAAO,cAAc;AACrB,SAAS,aAAa,YAAY,cAAc,mBAAmB;AAEnE,OAAO,WAAW;AAClB,OAAO,YAAY;AA8Bf;AAvBJ,IAAM,iBAAiB,OAAO,QAAQ;AAAA,eAGvB,WAAS,WAAW,MAAM,KAAK,CAAC;AAAA,iBAC9B,WAAS,aAAa,MAAM,KAAK,CAAC;AAAA;AAAA,iBAElC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjB,YAAY,KAAK;AAAA;AAAA;AAAA,aAGf,YAAY,IAAI;AAAA;AAAA;AAItB,IAAM,OAAO,MAAM,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":[]}

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

@@ -1,44 +0,0 @@
-// src/components-core/popover.tsx
-import React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import styled from "styled-components";
-import { useDesign } from "..";
-import { jsx } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var StyledContent = styled(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 = React.forwardRef(({ align = "center", sideOffset = 4, ...props }, ref) => {
-  const { colors } = useDesign();
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    StyledContent,
-    {
-      $colors: colors,
-      ref,
-      align,
-      sideOffset,
-      ...props
-    }
-  ) });
-});
-PopoverContent.displayName = "PopoverContent";
-export {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-};
-//# sourceMappingURL=popover.js.map

package/dist/esm/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,OAAO,WAAW;AAClB,YAAY,sBAAsB;AAClC,OAAO,YAAqB;AAC5B,SAAS,iBAAiB;AAiCpB;AA9BN,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,gBAAgB,OAAwB,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,MAAM,WAG3B,CAAC,EAAE,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAAQ;AACzD,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,SACE,oBAAkB,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":[]}

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

@@ -1,37 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/separator.tsx
-import React from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import styled from "styled-components";
-import { useDesign } from "..";
-import { jsx } from "react/jsx-runtime";
-var StyledSeparator = styled(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 = React.forwardRef(({ orientation = "horizontal", decorative = true, ...props }, ref) => {
-  const { colors } = useDesign();
-  return /* @__PURE__ */ jsx(
-    StyledSeparator,
-    {
-      ref,
-      decorative,
-      $orientation: orientation,
-      $color: colors,
-      ...props
-    }
-  );
-});
-Separator.displayName = "Separator";
-export {
-  Separator
-};
-//# sourceMappingURL=separator.js.map

package/dist/esm/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":";;;AAEA,OAAO,WAAW;AAClB,YAAY,wBAAwB;AACpC,OAAO,YAAY;AACnB,SAAS,iBAAiB;AA0BjB;AAvBT,IAAM,kBAAkB,OAA0B,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,MAAM,WAGtB,CAAC,EAAE,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QAAQ;AACtE,QAAM,EAAE,OAAO,IAAI,UAAU;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":[]}

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

@@ -1,53 +0,0 @@
-"use client";
-"use client";
-
-// src/components-core/skeleton.tsx
-import React from "react";
-import styled, { keyframes } from "styled-components";
-import { jsx } from "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 = keyframes`${getFilterString(0.8, 0.9)}`;
-var animationDark = keyframes`${getFilterString(0.2, 0.1)}`;
-var Primitive = styled("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 = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(
-      Primitive,
-      {
-        ref,
-        "data-stack-state": props.deactivated ? "deactivated" : "activated",
-        ...props
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-export {
-  Skeleton
-};
-//# sourceMappingURL=skeleton.js.map

package/dist/esm/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":";;;AAEA,OAAO,WAAW;AAClB,OAAO,UAAU,iBAAiB;AAuCvB;AArCX,IAAM,kBAAkB,CAAC,aAAqB,gBAAwB;AACpE,SAAO;AAAA;AAAA,4EAEmE,WAAW;AAAA;AAAA;AAAA,4EAGX,WAAW;AAAA;AAAA;AAGvF;AAEA,IAAM,iBAAiB,YAAY,gBAAgB,KAAK,GAAG,CAAC;AAC5D,IAAM,gBAAgB,YAAY,gBAAgB,KAAK,GAAG,CAAC;AAE3D,IAAM,YAAY,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAUd,cAAc;AAAA;AAAA;AAAA;AAAA,iBAId,aAAa;AAAA;AAAA;AAI9B,IAAM,WAAW,MAAM;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":[]}

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

@@ -1,86 +0,0 @@
-// src/components-core/tabs.tsx
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import styled from "styled-components";
-import { useDesign } from "..";
-import { FONT_SIZES, SHADOW } from "../utils/constants";
-import { jsx } from "react/jsx-runtime";
-var Tabs = TabsPrimitive.Root;
-var StyledTabsList = styled(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__ */ jsx(
-    StyledTabsList,
-    {
-      ...props,
-      ref
-    }
-  );
-});
-var StyledTabsTrigger = styled(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: ${FONT_SIZES.sm};
-  font-weight: 500;
-  box-shadow: ${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 } = useDesign();
-  return /* @__PURE__ */ jsx(
-    StyledTabsTrigger,
-    {
-      $colors: colors,
-      ...props,
-      ref,
-      children
-    }
-  );
-});
-var StyledTabsContent = styled(TabsPrimitive.Content)`
-  margin-top: 1.5rem;
-`;
-var TabsContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(StyledTabsContent, { ...props, ref });
-});
-export {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-};
-//# sourceMappingURL=tabs.js.map