@telia/teddy 0.6.16 → 0.7.0

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import clsx from "clsx";
-import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, PRIVATE_LINKS, BUSINESS_LINKS, BUSINESS_UKKO_LINKS, MDU_LINKS, getLinks, getActiveSubLink } from "../navigation-menu/global-navigation/utils.js";
+import { MY_PAGE_RETAILER_LINKS, MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, PRIVATE_LINKS, BUSINESS_LINKS, BUSINESS_UKKO_LINKS, MDU_LINKS, getLinks, getActiveSubLink } from "../navigation-menu/global-navigation/utils.js";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { useComposedRefs } from "../../utils/composeRefs.js";
 import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
@@ -218,15 +218,13 @@ const Root$1 = React__default.forwardRef(
       if (contentRef.current) {
         restoreContentTabOrderRef.current();
         const candidates = getTabbableCandidates(contentRef.current);
-        if (candidates.length)
-          focusFirst(side === "start" ? candidates : candidates.reverse());
+        if (candidates.length) focusFirst(side === "start" ? candidates : candidates.reverse());
       }
     }, []);
     const handleContentExit = React__default.useCallback(() => {
       if (contentRef.current) {
         const candidates = getTabbableCandidates(contentRef.current);
-        if (candidates.length)
-          restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
+        if (candidates.length) restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
       }
     }, []);
     React__default.useEffect(() => {
@@ -320,13 +318,11 @@ const TopMenuTrigger = React__default.forwardRef(
             const isFocusNavigationKey = ["Home", "End", ...ARROW_KEYS].includes(event.key);
             if (isFocusNavigationKey) {
               const triggers = (_a = context.topMenuRef.current) == null ? void 0 : _a.querySelectorAll(`[${ITEM_DATA_ATTR}]`);
-              if (!triggers)
-                return;
+              if (!triggers) return;
               let candidateNodes = Array.from(triggers == null ? void 0 : triggers.values());
               const prevItemKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
               const prevKeys = [prevItemKey, "ArrowUp", "End"];
-              if (prevKeys.includes(event.key))
-                candidateNodes.reverse();
+              if (prevKeys.includes(event.key)) candidateNodes.reverse();
               if (ARROW_KEYS.includes(event.key)) {
                 const currentIndex = candidateNodes.indexOf(event.currentTarget);
                 candidateNodes = candidateNodes.slice(currentIndex + 1);
@@ -363,8 +359,7 @@ const List = React__default.forwardRef(
     const refOnOpen = useComposedRefs(context.contentRef, forwardRef);
     const hasTopMenu = context.selectedTopMenu !== void 0;
     const isOpen = context.selectedTopMenu === value;
-    if (!isOpen)
-      return null;
+    if (!isOpen) return null;
     return /* @__PURE__ */ jsx(
       NavigationMenuPrimitive.List,
       {
@@ -373,8 +368,7 @@ const List = React__default.forwardRef(
         ...props,
         onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
           var _a;
-          if (!value)
-            return;
+          if (!value) return;
           const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
           const isTabKey = event.key === "Tab" && !isMetaKey;
           if (isTabKey) {
@@ -513,20 +507,17 @@ function getTabbableCandidates(container) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     acceptNode: (node) => {
       const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
-      if (node.disabled || node.hidden || isHiddenInput)
-        return NodeFilter.FILTER_SKIP;
+      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
       return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
-  while (walker.nextNode())
-    nodes.push(walker.currentNode);
+  while (walker.nextNode()) nodes.push(walker.currentNode);
   return nodes;
 }
 function focusFirst(candidates) {
   const previouslyFocusedElement = document.activeElement;
   return candidates.some((candidate) => {
-    if (candidate === previouslyFocusedElement)
-      return true;
+    if (candidate === previouslyFocusedElement) return true;
     candidate.focus();
     return document.activeElement !== previouslyFocusedElement;
   });
@@ -622,8 +613,16 @@ function LoggedOutContent() {
   ] });
 }
 function LoggedInContent() {
-  var _a;
+  var _a, _b, _c;
   const rootContext = React__default.useContext(RootContext);
+  const isRetailerLoggedIn = (_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.isRetailer;
+  if (isRetailerLoggedIn) {
+    return /* @__PURE__ */ jsxs(TextSpacing, { children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+      (_b = MY_PAGE_RETAILER_LINKS.links) == null ? void 0 : _b.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link)),
+      /* @__PURE__ */ jsx(Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsx(Icon, { name: "logout", children: "Logg ut" }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Drawer.Title, { children: "Mine sider" }),
     /* @__PURE__ */ jsxs(Tabs, { defaultValue: "private", children: [
@@ -634,7 +633,7 @@ function LoggedInContent() {
       /* @__PURE__ */ jsxs(TextSpacing, { children: [
         /* @__PURE__ */ jsxs(Tabs.Content, { value: "private", children: [
           /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
-          (_a = MY_PAGE_LINKS.links) == null ? void 0 : _a.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
+          (_c = MY_PAGE_LINKS.links) == null ? void 0 : _c.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsxs(Tabs.Content, { value: "business", children: [
           /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),
@@ -659,8 +658,7 @@ const SearchField = React__default.forwardRef(
           if (context == null ? void 0 : context.onSearchSubmit) {
             context.onSearchSubmit(e, (_a = ref.current) == null ? void 0 : _a.value);
           }
-          if (!window || e.isDefaultPrevented())
-            return;
+          if (!window || e.isDefaultPrevented()) return;
           e.preventDefault();
           window.location.href = `/sok?q=${encodeURIComponent(((_b = ref.current) == null ? void 0 : _b.value) || "")}`;
         },
@@ -735,8 +733,7 @@ const ShoppingCart = React__default.forwardRef(() => {
   const shoppingCartContent = rootContext == null ? void 0 : rootContext.shoppingCart;
   const numberOfItemsInCart = (rootContext == null ? void 0 : rootContext.shoppingCartNumberOfItems) || 0;
   const titleSuffix = numberOfItemsInCart > 0 ? `(${numberOfItemsInCart})` : "";
-  if (!numberOfItemsInCart)
-    return null;
+  if (!numberOfItemsInCart) return null;
   return /* @__PURE__ */ jsxs(Drawer, { open: rootContext == null ? void 0 : rootContext.isCartOpen, onOpenChange: rootContext == null ? void 0 : rootContext.onCartOpenChange, children: [
     /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsx(Drawer.Trigger, { children: /* @__PURE__ */ jsxs("button", { children: [
       /* @__PURE__ */ jsxs("div", { className: clsx([styles[`${rootClassName}__item-wrapper`]]), children: [
@@ -776,8 +773,7 @@ const Desktop = React__default.forwardRef(() => {
   React__default.useEffect(() => {
     setIsClientSide(true);
   }, []);
-  if (!rootContext)
-    return null;
+  if (!rootContext) return null;
   const { selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   const handleInteractions = (linkName) => {
@@ -929,8 +925,7 @@ const Desktop = React__default.forwardRef(() => {
 Desktop.displayName = "Desktop";
 const HightlightedLinksDesktop = ({ links, listName, colored, setShowMenu }) => {
   const rootContext = React__default.useContext(RootContext);
-  if (!rootContext)
-    return null;
+  if (!rootContext) return null;
   const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   const firstPart = links.slice(0, 4);
@@ -991,8 +986,7 @@ function Mobile(props) {
   const [specifiedLink, setSpecifiedLink] = React__default.useState("");
   const rootContext = React__default.useContext(RootContext);
   const drawerRef = React__default.useRef(null);
-  if (!rootContext)
-    return null;
+  if (!rootContext) return null;
   const { linkComponent: NavLink } = rootContext;
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
   const linkClasses = clsx([styles[`${rootClassName}__link`]]);
@@ -1107,8 +1101,7 @@ const HighlightedLinks = ({
   drawerRef
 }) => {
   const rootContext = React__default.useContext(RootContext);
-  if (!rootContext)
-    return null;
+  if (!rootContext) return null;
   const { linkComponent: NavLink } = rootContext;
   const currentLocation = rootContext.pathname;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1137,8 +1130,7 @@ const HighlightedLinks = ({
 };
 const DesktopSimplified = React__default.forwardRef(() => {
   const rootContext = React__default.useContext(RootContext);
-  if (!rootContext)
-    return null;
+  if (!rootContext) return null;
   const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
   const isBusinessRental = rootContext.pathname.includes("bedrift/utstyrsavtale");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1173,8 +1165,7 @@ const DesktopSimplified = React__default.forwardRef(() => {
 DesktopSimplified.displayName = "DesktopSimplified";
 function MobileSimplified(props) {
   const rootContext = React__default.useContext(RootContext);
-  if (!rootContext)
-    return null;
+  if (!rootContext) return null;
   const { linkComponent: NavLink } = rootContext;
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
   return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
@@ -1222,21 +1213,18 @@ function Root({
         loggedInUser,
         selectedMenuItem,
         setSelectedMenuItem(v, onlyStateChange) {
-          if (appKey === "open-pages" && !onlyStateChange)
-            return;
+          if (appKey === "open-pages" && !onlyStateChange) return;
           setSelectedMenuItem(v);
         },
         linkComponent,
         selectedDomainItem,
         setSelectedDomainItem(v, onlyStateChange) {
-          if (appKey === "open-pages" && !onlyStateChange)
-            return;
+          if (appKey === "open-pages" && !onlyStateChange) return;
           setSelectedDomainItem(v);
         },
         pathname,
         setPathname(v) {
-          if (appKey === "open-pages")
-            return;
+          if (appKey === "open-pages") return;
           setPathname(v);
         },
         onLogoutClick,
@@ -1261,8 +1249,7 @@ function Root({
           onTopMenuValueChange: setSelectedDomainItem,
           value: selectedMenuItem,
           onValueChange: (v) => {
-            if (v === "" || appKey === "open-pages")
-              return;
+            if (v === "" || appKey === "open-pages") return;
             setSelectedMenuItem(v);
           },
           children: [
@@ -1282,8 +1269,7 @@ function Root({
 }
 Root.displayName = "Root";
 function getInitialDomain(currentPath) {
-  if (!currentPath)
-    return PRIVATE_LINKS.name;
+  if (!currentPath) return PRIVATE_LINKS.name;
   const locationArray = currentPath ? currentPath.split("/") : [];
   const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
   const initDomain = domainPartOfLocation === BUSINESS_LINKS.link ? BUSINESS_LINKS.name : domainPartOfLocation === MDU_LINKS.link ? MDU_LINKS.name : PRIVATE_LINKS.name;
@@ -1291,8 +1277,7 @@ function getInitialDomain(currentPath) {
 }
 function getInitialMenuItem(currentPath) {
   var _a, _b, _c, _d, _e, _f;
-  if (!currentPath)
-    return;
+  if (!currentPath) return;
   const locationArray = currentPath ? currentPath.split("/") : [];
   const initialDomain = getInitialDomain(currentPath);
   if (initialDomain === "Bedrift") {
@@ -1318,14 +1303,32 @@ Root.displayName = "GlobalNavigation";
 const GlobalNavigation = Root;
 export {
   Content$1 as C,
+  Close,
+  Content$1 as Content,
   Desktop as D,
+  Desktop,
+  DesktopSimplified,
   GlobalNavigation as G,
+  GlobalNavigation,
   HighlightedLinks as H,
+  HighlightedLinks,
   ItemContext as I,
+  Item$1 as Item,
+  ItemContext,
   Modal as M,
+  Mobile,
+  MobileSimplified,
+  Modal,
+  MyPages,
   NavigationMenu as N,
+  NavigationMenu,
   RadioCardGroup as R,
+  RadioCardGroup,
   Separator as S,
+  Search,
+  SearchField,
+  Separator,
+  ShoppingCart,
   Title,
   Item$1 as a,
   Close as b,
@@ -1339,5 +1342,6 @@ export {
   rootClassName as j,
   RootContext as k,
   Root as l,
-  rootClassName$1 as r
+  rootClassName$1 as r,
+  rootClassName$1 as rootClassName
 };

package/dist/components/radio-card-group/radio-card-group-item.cjs

@@ -60,5 +60,5 @@ require("../container/container.cjs");
 require("../carousel/carousel-root.cjs");
 require("../slider/slider.cjs");
 require("../../utils/composeRefs.cjs");
-exports.Item = components_radioCardGroup_radioCardGroupItemTitle.Item;
-exports.ItemContext = components_radioCardGroup_radioCardGroupItemTitle.ItemContext;
+exports.Item = components_radioCardGroup_radioCardGroupItemTitle.Item$1;
+exports.ItemContext = components_radioCardGroup_radioCardGroupItemTitle.ItemContext$1;

package/dist/components/scroll-area/index.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
 const components_scrollArea_scrollAreaItem = require("./scroll-area-item.cjs");
-const ScrollArea = Object.assign(components_scrollArea_scrollAreaThumb.Root, {
+const ScrollArea = Object.assign(components_scrollArea_scrollAreaThumb.Root$1, {
   Item: components_scrollArea_scrollAreaItem.Item,
-  Button: components_scrollArea_scrollAreaThumb.Button,
-  Scrollbar: components_scrollArea_scrollAreaThumb.Scrollbar
+  Button: components_scrollArea_scrollAreaThumb.Button$1,
+  Scrollbar: components_scrollArea_scrollAreaThumb.Scrollbar$1
 });
 exports.ScrollArea = ScrollArea;

package/dist/components/scroll-area/index.d.ts

@@ -22,7 +22,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-        borderStyle?: ("default" | "dashed") | undefined;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
@@ -34,7 +34,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-        borderStyle?: ("default" | "dashed") | undefined;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

package/dist/components/scroll-area/index.js

@@ -1,4 +1,4 @@
-import { R as Root, B as Button, S as Scrollbar } from "./scroll-area-thumb.js";
+import { R as Root, S as Scrollbar, B as Button } from "./scroll-area-thumb.js";
 import { Item } from "./scroll-area-item.js";
 const ScrollArea = Object.assign(Root, {
   Item,

package/dist/components/scroll-area/scroll-area-bar.cjs

@@ -5,4 +5,4 @@ require("react");
 require("clsx");
 require("@radix-ui/react-scroll-area");
 const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
-exports.Scrollbar = components_scrollArea_scrollAreaThumb.Scrollbar;
+exports.Scrollbar = components_scrollArea_scrollAreaThumb.Scrollbar$1;

package/dist/components/scroll-area/scroll-area-button.cjs

@@ -8,4 +8,4 @@ require("../button/button.cjs");
 require("../../utils/composeEventHandlers.cjs");
 require("../../assets/sprite.c7653d19-teddy.svg");
 require("../icon/icon.cjs");
-exports.Button = components_scrollArea_scrollAreaThumb.Button;
+exports.Button = components_scrollArea_scrollAreaThumb.Button$1;

package/dist/components/scroll-area/scroll-area-button.d.ts

@@ -18,7 +18,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("default" | "dashed") | undefined;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -30,7 +30,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("default" | "dashed") | undefined;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

package/dist/components/scroll-area/scroll-area-corner.cjs

@@ -5,4 +5,4 @@ require("react");
 require("clsx");
 require("@radix-ui/react-scroll-area");
 const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
-exports.Corner = components_scrollArea_scrollAreaThumb.Corner;
+exports.Corner = components_scrollArea_scrollAreaThumb.Corner$1;

package/dist/components/scroll-area/scroll-area-item.cjs

@@ -24,7 +24,7 @@ function scrollItemToCenter(item, scrollArea, scrollBehavior) {
 }
 const Item = React.forwardRef(
   ({ className, asChild, isSelected, scrollBehavior, scrollBehaviorOnMount, ...props }, forwardRef) => {
-    const classes = clsx([components_scrollArea_scrollAreaThumb.styles[`${components_scrollArea_scrollAreaThumb.rootClassName}__item`]], className);
+    const classes = clsx([components_scrollArea_scrollAreaThumb.styles[`${components_scrollArea_scrollAreaThumb.rootClassName$1}__item`]], className);
     const Comp = asChild ? reactSlot.Slot : "div";
     const ref = React.useRef(null);
     const { ref: inViewRef, inView } = reactIntersectionObserver.useInView({
@@ -37,7 +37,7 @@ const Item = React.forwardRef(
       [inViewRef]
     );
     const composedRef = utils_composeRefs.useComposedRefs(ref, forwardRef, adjustedInViewRef);
-    const context = React.useContext(components_scrollArea_scrollAreaThumb.RootContext);
+    const context = React.useContext(components_scrollArea_scrollAreaThumb.RootContext$1);
     const internalScrollBehavior = scrollBehavior ?? (context == null ? void 0 : context.scrollBehavior) ?? "smooth";
     React.useEffect(() => {
       if (isSelected && ref.current && (context == null ? void 0 : context.scrollRef)) {
@@ -49,10 +49,8 @@ const Item = React.forwardRef(
       {
         ...props,
         onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
-          if (e.defaultPrevented)
-            return;
-          if (!ref.current || !(context == null ? void 0 : context.scrollRef))
-            return;
+          if (e.defaultPrevented) return;
+          if (!ref.current || !(context == null ? void 0 : context.scrollRef)) return;
           scrollItemToCenter(ref.current, context == null ? void 0 : context.scrollRef, internalScrollBehavior);
         }),
         ref: composedRef,

package/dist/components/scroll-area/scroll-area-item.js

@@ -47,10 +47,8 @@ const Item = React__default.forwardRef(
       {
         ...props,
         onClick: composeEventHandlers(props.onClick, (e) => {
-          if (e.defaultPrevented)
-            return;
-          if (!ref.current || !(context == null ? void 0 : context.scrollRef))
-            return;
+          if (e.defaultPrevented) return;
+          if (!ref.current || !(context == null ? void 0 : context.scrollRef)) return;
           scrollItemToCenter(ref.current, context == null ? void 0 : context.scrollRef, internalScrollBehavior);
         }),
         ref: composedRef,

package/dist/components/scroll-area/scroll-area-root.cjs

@@ -5,6 +5,6 @@ require("react");
 require("clsx");
 require("@radix-ui/react-scroll-area");
 const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
-exports.Root = components_scrollArea_scrollAreaThumb.Root;
-exports.RootContext = components_scrollArea_scrollAreaThumb.RootContext;
-exports.rootClassName = components_scrollArea_scrollAreaThumb.rootClassName;
+exports.Root = components_scrollArea_scrollAreaThumb.Root$1;
+exports.RootContext = components_scrollArea_scrollAreaThumb.RootContext$1;
+exports.rootClassName = components_scrollArea_scrollAreaThumb.rootClassName$1;

package/dist/components/scroll-area/scroll-area-thumb.cjs

@@ -87,11 +87,9 @@ const Button = React.forwardRef(
       className
     );
     const handleButtonClick = utils_composeEventHandlers.composeEventHandlers(props.onClick, (event) => {
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
       const scrollAreaElement = scrollAreaContext == null ? void 0 : scrollAreaContext.scrollRef;
-      if (!scrollAreaElement)
-        return;
+      if (!scrollAreaElement) return;
       const scrollableItems = Array.from(scrollAreaElement.querySelectorAll("[data-in-view]"));
       const isHorizontalScroll = direction === "left" || direction === "right";
       const scrollProperty = isHorizontalScroll ? "left" : "top";
@@ -158,8 +156,7 @@ Button.displayName = "Button";
 const rootClassName = "teddy-scroll-area";
 const RootContext = React.createContext(void 0);
 function isScrollable(element) {
-  if (!element)
-    return null;
+  if (!element) return null;
   const buffer = 1;
   const scrollLeft = element.scrollLeft;
   const scrollWidth = element.scrollWidth;
@@ -244,10 +241,16 @@ const Root = React.forwardRef(
 );
 Root.displayName = "Root";
 exports.Button = Button;
+exports.Button$1 = Button;
 exports.Corner = Corner;
+exports.Corner$1 = Corner;
 exports.Root = Root;
+exports.Root$1 = Root;
 exports.RootContext = RootContext;
+exports.RootContext$1 = RootContext;
 exports.Scrollbar = Scrollbar;
+exports.Scrollbar$1 = Scrollbar;
 exports.Thumb = Thumb;
 exports.rootClassName = rootClassName;
+exports.rootClassName$1 = rootClassName;
 exports.styles = styles;

package/dist/components/scroll-area/scroll-area-thumb.js

@@ -68,11 +68,9 @@ const Button = React__default.forwardRef(
       className
     );
     const handleButtonClick = composeEventHandlers(props.onClick, (event) => {
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
       const scrollAreaElement = scrollAreaContext == null ? void 0 : scrollAreaContext.scrollRef;
-      if (!scrollAreaElement)
-        return;
+      if (!scrollAreaElement) return;
       const scrollableItems = Array.from(scrollAreaElement.querySelectorAll("[data-in-view]"));
       const isHorizontalScroll = direction === "left" || direction === "right";
       const scrollProperty = isHorizontalScroll ? "left" : "top";
@@ -139,8 +137,7 @@ Button.displayName = "Button";
 const rootClassName = "teddy-scroll-area";
 const RootContext = React__default.createContext(void 0);
 function isScrollable(element) {
-  if (!element)
-    return null;
+  if (!element) return null;
   const buffer = 1;
   const scrollLeft = element.scrollLeft;
   const scrollWidth = element.scrollWidth;
@@ -226,11 +223,17 @@ const Root = React__default.forwardRef(
 Root.displayName = "Root";
 export {
   Button as B,
+  Button,
   Corner as C,
+  Corner,
   Root as R,
+  Root,
+  RootContext,
   Scrollbar as S,
+  Scrollbar,
   Thumb,
   RootContext as a,
   rootClassName as r,
+  rootClassName,
   styles as s
 };

package/dist/components/select/select-root.cjs

@@ -63,8 +63,7 @@ const Root = React.forwardRef(
     const [isDirty, setIsDirty] = React.useState(false);
     const [currentValue, setCurrentValue] = React.useState("");
     const handleValueChange = (value2) => {
-      if (onValueChange)
-        onValueChange(value2);
+      if (onValueChange) onValueChange(value2);
       setCurrentValue(value2);
       return value2;
     };

package/dist/components/select/select-root.js

@@ -44,8 +44,7 @@ const Root = React__default.forwardRef(
     const [isDirty, setIsDirty] = React__default.useState(false);
     const [currentValue, setCurrentValue] = React__default.useState("");
     const handleValueChange = (value2) => {
-      if (onValueChange)
-        onValueChange(value2);
+      if (onValueChange) onValueChange(value2);
       setCurrentValue(value2);
       return value2;
     };

package/dist/components/skeleton/skeleton-root.cjs

@@ -12,8 +12,7 @@ const rootClassName = "teddy-skeleton";
 const Root = React.forwardRef(
   ({ className, radius = "md", loading = true, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}`]], className);
-    if (!loading)
-      return props.children;
+    if (!loading) return props.children;
     return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { "aria-hidden": true, ...props, radius, ref: forwardRef, className: classes });
   }
 );

package/dist/components/skeleton/skeleton-root.js

@@ -10,8 +10,7 @@ const rootClassName = "teddy-skeleton";
 const Root = React__default.forwardRef(
   ({ className, radius = "md", loading = true, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}`]], className);
-    if (!loading)
-      return props.children;
+    if (!loading) return props.children;
     return /* @__PURE__ */ jsx(Box, { "aria-hidden": true, ...props, radius, ref: forwardRef, className: classes });
   }
 );

package/dist/components/spinner/spinner.cjs

@@ -20,17 +20,10 @@ const styles = {
 };
 const rootClassName = "teddy-spinner";
 const SPINNER_VARIANT = {
-  PRIMARY: "primary",
-  DISABLED: "disabled",
-  NEGATIVE: "negative",
-  NEGATIVE_DISABLED: "negative-disabled"
+  PRIMARY: "primary"
 };
 const SPINNER_SIZE = {
-  XXS: "xxs",
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg"
+  SM: "sm"
 };
 const Spinner = React.forwardRef(
   ({ size = SPINNER_SIZE.SM, variant = SPINNER_VARIANT.PRIMARY, className, ...props }, forwardRef) => {

package/dist/components/spinner/spinner.js

@@ -18,17 +18,10 @@ const styles = {
 };
 const rootClassName = "teddy-spinner";
 const SPINNER_VARIANT = {
-  PRIMARY: "primary",
-  DISABLED: "disabled",
-  NEGATIVE: "negative",
-  NEGATIVE_DISABLED: "negative-disabled"
+  PRIMARY: "primary"
 };
 const SPINNER_SIZE = {
-  XXS: "xxs",
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg"
+  SM: "sm"
 };
 const Spinner = React__default.forwardRef(
   ({ size = SPINNER_SIZE.SM, variant = SPINNER_VARIANT.PRIMARY, className, ...props }, forwardRef) => {

package/dist/components/tabs/tabs-list.cjs

@@ -34,8 +34,7 @@ const List = React.forwardRef(
     React.useEffect(() => {
       if (rootContext) {
         const tabsContainer = rootContext == null ? void 0 : rootContext.listElement.current;
-        if (!tabsContainer)
-          return;
+        if (!tabsContainer) return;
         tabsContainer.style.setProperty("--_duration", isFirstRender.current ? "0ms" : tokens_motion_variables.teddyMotionDuration200);
         isFirstRender.current = false;
       }

package/dist/components/tabs/tabs-list.js

@@ -15,8 +15,7 @@ const List = React__default.forwardRef(
     React__default.useEffect(() => {
       if (rootContext) {
         const tabsContainer = rootContext == null ? void 0 : rootContext.listElement.current;
-        if (!tabsContainer)
-          return;
+        if (!tabsContainer) return;
         tabsContainer.style.setProperty("--_duration", isFirstRender.current ? "0ms" : teddyMotionDuration200);
         isFirstRender.current = false;
       }

package/dist/components/tabs/tabs-scroll-button.d.ts

@@ -11,7 +11,7 @@ export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("default" | "dashed") | undefined;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -23,7 +23,7 @@ export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("default" | "dashed") | undefined;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;