@ultraviolet/plus 3.0.0-beta.16 → 3.0.0-beta.17

package/dist/components/Navigation/components/Group.d.ts

@@ -4,5 +4,5 @@ type GroupProps = {
     label: string;
     style?: CSSProperties;
 };
-export declare const Group: ({ children, label, style }: GroupProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const Group: ({ children, label, style }: GroupProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Navigation/components/Group.js

@@ -1,32 +1,33 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack, Text } from "@ultraviolet/ui";
 import { Children } from "react";
 import { useNavigation } from "../NavigationProvider.js";
 import { navigationGroupStack, navigationGroupText } from "./styles.css.js";
-const Group = ({
-  children,
-  label,
-  style
-}) => {
+const Group = ({ children, label, style }) => {
   const context = useNavigation();
   if (!context) {
-    throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
+    throw new Error(
+      "Navigation.Group can only be used inside a NavigationProvider."
+    );
   }
-  const {
-    expanded,
-    animation,
-    animationType
-  } = context;
+  const { expanded, animation, animationType } = context;
   const isDiplay = !animation && expanded;
   if (Children.count(children) > 0) {
-    return /* @__PURE__ */ jsx("div", { style: {
-      width: animation ? "100%" : void 0,
-      ...style
-    }, children: /* @__PURE__ */ jsxs(Stack, { className: navigationGroupStack, direction: "column", children: [
-      isDiplay ? /* @__PURE__ */ jsx(Text, { as: "span", className: navigationGroupText({
-        animation: animationType === "complex" ? animation : false
-      }), prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: label }) : null,
+    return /* @__PURE__ */ jsx("div", { style: { width: animation ? "100%" : void 0, ...style }, children: /* @__PURE__ */ jsxs(Stack, { className: navigationGroupStack, direction: "column", children: [
+      isDiplay ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "span",
+          className: navigationGroupText({
+            animation: animationType === "complex" ? animation : false
+          }),
+          prominence: "weak",
+          sentiment: "neutral",
+          variant: "bodySmallStrong",
+          children: label
+        }
+      ) : null,
       children
     ] }) });
   }

package/dist/components/Navigation/components/Item.d.ts

@@ -80,5 +80,5 @@ type ItemProps = {
     'data-testid'?: string;
     style?: CSSProperties;
 };
-export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, style, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
+export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, style, }: ItemProps) => import("react/jsx-runtime").JSX.Element | null>;
 export {};