@ultraviolet/plus 3.0.0-beta.8 → 3.0.0

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

@@ -3,5 +3,5 @@ export declare const ItemContext: import("react").Context<boolean>;
 type ItemProviderProps = {
     children: ReactNode;
 };
-export declare const ItemProvider: ({ children }: ItemProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ItemProvider: ({ children }: ItemProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Navigation/components/ItemProvider.js

@@ -1,10 +1,8 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useMemo } from "react";
 const ItemContext = createContext(false);
-const ItemProvider = ({
-  children
-}) => {
+const ItemProvider = ({ children }) => {
   const value = useMemo(() => true, []);
   return /* @__PURE__ */ jsx(ItemContext.Provider, { value, children });
 };

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

@@ -1,4 +1,4 @@
-import type { ReactElement } from 'react';
+import type { CSSProperties, ReactElement } from 'react';
 type PinnedItemsProps = {
     /**
      * This prop is used to control if the item is expanded or collapsed
@@ -17,6 +17,7 @@ type PinnedItemsProps = {
      * Use this prop if it is needed to wrap each PinnedItem component into another component (eg NavLink)
      */
     itemWrapper?: (item: ReactElement, itemId: string) => ReactElement;
+    style?: CSSProperties;
 };
-export declare const PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, }: PinnedItemsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, style, }: PinnedItemsProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Navigation/components/PinnedItems.js

@@ -1,59 +1,24 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { useTheme } from "@emotion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PinCategoryIcon } from "@ultraviolet/icons/category";
+import { useTheme } from "@ultraviolet/themes";
 import { Text } from "@ultraviolet/ui";
 import { useCallback } from "react";
 import { useNavigation } from "../NavigationProvider.js";
 import { Item } from "./Item.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const DropableArea = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e5ys0ny2"
-} : {
-  target: "e5ys0ny2",
-  label: "DropableArea"
-})("position:absolute;right:0;left:0;top:0;height:2px;border-top:2px solid;border-color:transparent;padding:", ({
-  theme
-}) => theme.space["0.5"], " 0;&::before{content:'';position:absolute;left:0;top:-4px;height:0px;width:0px;border:3px solid;border-color:inherit;border-radius:", ({
-  theme
-}) => theme.radii.circle, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvUGlubmVkSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFBpbkNhdGVnb3J5SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucy9jYXRlZ29yeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCwgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vSXRlbSdcblxuY29uc3QgRHJvcGFibGVBcmVhID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDJweDtcbiAgYm9yZGVyLXRvcDogMnB4IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX0gMDtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHRvcDogLTRweDtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICB3aWR0aDogMHB4O1xuICAgIGJvcmRlcjogM3B4IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIH1cbmBcblxuY29uc3QgUmVsYXRpdmVEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFRleHRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119IDA7XG5cbiAgJltkYXRhLWV4cGFuZGVkPSd0cnVlJ10ge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgdHJpZ2dlcmVkIG9uIGNsaWNrIG9mIHRoZSBpdGVtLiBJZiB0aGUgaXRlbSBpcyBleHBhbmRhYmxlXG4gICAqIHRvZ2dsZSB3aWxsIGJlIHBhc3NlZCB3aXRoIGl0LlxuICAgKi9cbiAgb25Ub2dnbGU/OiAodG9nZ2xlOiBib29sZWFuKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBVc2UgdGhpcyBwcm9wIGlmIGl0IGlzIG5lZWRlZCB0byB3cmFwIGVhY2ggUGlubmVkSXRlbSBjb21wb25lbnQgaW50byBhbm90aGVyIGNvbXBvbmVudCAoZWcgTmF2TGluaylcbiAgICovXG4gIGl0ZW1XcmFwcGVyPzogKGl0ZW06IFJlYWN0RWxlbWVudCwgaXRlbUlkOiBzdHJpbmcpID0+IFJlYWN0RWxlbWVudFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoe1xuICB0b2dnbGUgPSB0cnVlLFxuICBvblJlb3JkZXIsXG4gIG9uVG9nZ2xlLFxuICBpdGVtV3JhcHBlcixcbn06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIGxvY2FsZXMsXG4gICAgcGlubmVkSXRlbXMsXG4gICAgcGlubmVkRmVhdHVyZSxcbiAgICByZW9yZGVySXRlbXMsXG4gICAgZXhwYW5kZWQsXG4gICAgaXRlbXMsXG4gICAgYW5pbWF0aW9uLFxuICB9ID0gY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleCAtIDEpXG4gICAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG5cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleClcbiAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25SZW9yZGVyLCByZW9yZGVySXRlbXNdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnT3ZlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXG4gICAgfSxcbiAgICBbdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gIH0sIFtdKVxuXG4gIGlmIChPYmplY3Qua2V5cyhpdGVtcykubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGlmIChwaW5uZWRGZWF0dXJlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgc3R5bGU9e3sgd2lkdGg6IGFuaW1hdGlvbiA/ICcxMDAlJyA6IHVuZGVmaW5lZCB9fT5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBjYXRlZ29yeUljb249ezxQaW5DYXRlZ29yeUljb24gdmFyaWFudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgb25Ub2dnbGU9e29uVG9nZ2xlfVxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXRlbXNbaXRlbUlkXT8ubGFiZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtRWxlbWVudCA9IChcbiAgICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpdGVtc1tpdGVtSWRdLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e1xuICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZT17aXRlbXNbaXRlbUlkXT8ub25Ub2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBrZXk9e2l0ZW1JZH0+XG4gICAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB7aXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICA/IGl0ZW1XcmFwcGVyKGl0ZW1FbGVtZW50LCBpdGVtSWQpXG4gICAgICAgICAgICAgICAgICAgICAgOiBpdGVtRWxlbWVudH1cbiAgICAgICAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyIGRhdGEtZXhwYW5kZWQ9e2V4cGFuZGVkfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiY2FwdGlvblwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIDxSZWxhdGl2ZURpdj5cbiAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
-const RelativeDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e5ys0ny1"
-} : {
-  target: "e5ys0ny1",
-  label: "RelativeDiv"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bjn8wh",
-  styles: "position:relative"
-} : {
-  name: "bjn8wh",
-  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBQaW5DYXRlZ29yeUljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMvY2F0ZWdvcnknXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBEcmFnRXZlbnQsIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5cbmNvbnN0IERyb3BhYmxlQXJlYSA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAycHg7XG4gIGJvcmRlci10b3A6IDJweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119IDA7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IC00cHg7XG4gICAgaGVpZ2h0OiAwcHg7XG4gICAgd2lkdGg6IDBweDtcbiAgICBib3JkZXI6IDNweCBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IGluaGVyaXQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICB9XG5gXG5cbmNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAwO1xuXG4gICZbZGF0YS1leHBhbmRlZD0ndHJ1ZSddIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgfVxuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIHRyaWdnZXJlZCBvbiBjbGljayBvZiB0aGUgaXRlbS4gSWYgdGhlIGl0ZW0gaXMgZXhwYW5kYWJsZVxuICAgKiB0b2dnbGUgd2lsbCBiZSBwYXNzZWQgd2l0aCBpdC5cbiAgICovXG4gIG9uVG9nZ2xlPzogKHRvZ2dsZTogYm9vbGVhbikgPT4gdm9pZFxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCB3aGVuIHRoZSB1c2VyIHJlb3JkZXIgdGhlIHBpbm5lZCBpdGVtc1xuICAgKi9cbiAgb25SZW9yZGVyPzogKHBpbm5lZEl0ZW1zOiBzdHJpbmdbXSkgPT4gdm9pZFxuICAvKipcbiAgICogVXNlIHRoaXMgcHJvcCBpZiBpdCBpcyBuZWVkZWQgdG8gd3JhcCBlYWNoIFBpbm5lZEl0ZW0gY29tcG9uZW50IGludG8gYW5vdGhlciBjb21wb25lbnQgKGVnIE5hdkxpbmspXG4gICAqL1xuICBpdGVtV3JhcHBlcj86IChpdGVtOiBSZWFjdEVsZW1lbnQsIGl0ZW1JZDogc3RyaW5nKSA9PiBSZWFjdEVsZW1lbnRcbn1cblxuZXhwb3J0IGNvbnN0IFBpbm5lZEl0ZW1zID0gKHtcbiAgdG9nZ2xlID0gdHJ1ZSxcbiAgb25SZW9yZGVyLFxuICBvblRvZ2dsZSxcbiAgaXRlbVdyYXBwZXIsXG59OiBQaW5uZWRJdGVtc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VOYXZpZ2F0aW9uKClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnTmF2aWdhdGlvbi5QaW5uZWRJdGVtcyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIE5hdmlnYXRpb25Qcm92aWRlci4nLFxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHtcbiAgICBsb2NhbGVzLFxuICAgIHBpbm5lZEl0ZW1zLFxuICAgIHBpbm5lZEZlYXR1cmUsXG4gICAgcmVvcmRlckl0ZW1zLFxuICAgIGV4cGFuZGVkLFxuICAgIGl0ZW1zLFxuICAgIGFuaW1hdGlvbixcbiAgfSA9IGNvbnRleHRcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgb25Ecm9wID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBpZiAoZXZlbnQ/LmRhdGFUcmFuc2Zlcikge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgICAgICAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UoXG4gICAgICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmdldERhdGEoJ3RleHQnKSxcbiAgICAgICAgKSBhcyBEcmFnTkRyb3BEYXRhXG4gICAgICAgIGlmIChkYXRhLmluZGV4ID09PSBpbmRleCAtIDEgfHwgaW5kZXggPiBkYXRhLmluZGV4KSB7XG4gICAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXggLSAxKVxuICAgICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXgpXG4gICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuICAgICAgfVxuICAgIH0sXG4gICAgW29uUmVvcmRlciwgcmVvcmRlckl0ZW1zXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ092ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlclxuICAgIH0sXG4gICAgW3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcl0sXG4gIClcblxuICBjb25zdCBvbkRyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICB9LCBbXSlcblxuICBpZiAoT2JqZWN0LmtleXMoaXRlbXMpLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAocGlubmVkRmVhdHVyZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IHN0eWxlPXt7IHdpZHRoOiBhbmltYXRpb24gPyAnMTAwJScgOiB1bmRlZmluZWQgfX0+XG4gICAgICAgIDxJdGVtXG4gICAgICAgICAgY2F0ZWdvcnlJY29uPXs8UGluQ2F0ZWdvcnlJY29uIHZhcmlhbnQ9XCJuZXV0cmFsXCIgLz59XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGlkPVwicGlubmVkLWdyb3VwXCJcbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIG9uVG9nZ2xlPXtvblRvZ2dsZX1cbiAgICAgICAgICB0b2dnbGU9e3RvZ2dsZX1cbiAgICAgICAgICB0eXBlPVwicGlubmVkR3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGl0ZW1zW2l0ZW1JZF0/LmxhYmVsKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaXRlbUVsZW1lbnQgPSAoXG4gICAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgICBhY3RpdmU9e2l0ZW1zW2l0ZW1JZF0/LmFjdGl2ZSA/PyBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17aXRlbXNbaXRlbUlkXS5sYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGlja1BpblVucGluPXtcbiAgICAgICAgICAgICAgICAgICAgICBpdGVtc1tpdGVtSWRdPy5vbkNsaWNrUGluVW5waW4gPz8gdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGU9e2l0ZW1zW2l0ZW1JZF0/Lm9uVG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0b2dnbGU9e3RvZ2dsZX1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInBpbm5lZFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIClcblxuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICA8UmVsYXRpdmVEaXYga2V5PXtpdGVtSWR9PlxuICAgICAgICAgICAgICAgICAgICA8RHJvcGFibGVBcmVhXG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgb25Ecm9wPXtldmVudCA9PiBvbkRyb3AoZXZlbnQsIGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAge2l0ZW1XcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgPyBpdGVtV3JhcHBlcihpdGVtRWxlbWVudCwgaXRlbUlkKVxuICAgICAgICAgICAgICAgICAgICAgIDogaXRlbUVsZW1lbnR9XG4gICAgICAgICAgICAgICAgICA8L1JlbGF0aXZlRGl2PlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgICB9KVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lciBkYXRhLWV4cGFuZGVkPXtleHBhbmRlZH0+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2xvY2FsZXNbJ25hdmlnYXRpb24ucGlubmVkLml0ZW0uZ3JvdXAuZW1wdHknXX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9UZXh0Q29udGFpbmVyPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICA8UmVsYXRpdmVEaXY+XG4gICAgICAgICAgICA8RHJvcGFibGVBcmVhXG4gICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgb25Ecm9wPXtldmVudCA9PiBvbkRyb3AoZXZlbnQsIHBpbm5lZEl0ZW1zLmxlbmd0aCl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TextContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e5ys0ny0"
-} : {
-  target: "e5ys0ny0",
-  label: "TextContainer"
-})("padding:", ({
-  theme
-}) => theme.space["1"], " 0;&[data-expanded='true']{padding-left:", ({
-  theme
-}) => theme.space["4"], ";margin-left:", ({
-  theme
-}) => theme.space["0.5"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBQaW5DYXRlZ29yeUljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMvY2F0ZWdvcnknXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBEcmFnRXZlbnQsIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5cbmNvbnN0IERyb3BhYmxlQXJlYSA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAycHg7XG4gIGJvcmRlci10b3A6IDJweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119IDA7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IC00cHg7XG4gICAgaGVpZ2h0OiAwcHg7XG4gICAgd2lkdGg6IDBweDtcbiAgICBib3JkZXI6IDNweCBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IGluaGVyaXQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICB9XG5gXG5cbmNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAwO1xuXG4gICZbZGF0YS1leHBhbmRlZD0ndHJ1ZSddIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgfVxuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIHRyaWdnZXJlZCBvbiBjbGljayBvZiB0aGUgaXRlbS4gSWYgdGhlIGl0ZW0gaXMgZXhwYW5kYWJsZVxuICAgKiB0b2dnbGUgd2lsbCBiZSBwYXNzZWQgd2l0aCBpdC5cbiAgICovXG4gIG9uVG9nZ2xlPzogKHRvZ2dsZTogYm9vbGVhbikgPT4gdm9pZFxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCB3aGVuIHRoZSB1c2VyIHJlb3JkZXIgdGhlIHBpbm5lZCBpdGVtc1xuICAgKi9cbiAgb25SZW9yZGVyPzogKHBpbm5lZEl0ZW1zOiBzdHJpbmdbXSkgPT4gdm9pZFxuICAvKipcbiAgICogVXNlIHRoaXMgcHJvcCBpZiBpdCBpcyBuZWVkZWQgdG8gd3JhcCBlYWNoIFBpbm5lZEl0ZW0gY29tcG9uZW50IGludG8gYW5vdGhlciBjb21wb25lbnQgKGVnIE5hdkxpbmspXG4gICAqL1xuICBpdGVtV3JhcHBlcj86IChpdGVtOiBSZWFjdEVsZW1lbnQsIGl0ZW1JZDogc3RyaW5nKSA9PiBSZWFjdEVsZW1lbnRcbn1cblxuZXhwb3J0IGNvbnN0IFBpbm5lZEl0ZW1zID0gKHtcbiAgdG9nZ2xlID0gdHJ1ZSxcbiAgb25SZW9yZGVyLFxuICBvblRvZ2dsZSxcbiAgaXRlbVdyYXBwZXIsXG59OiBQaW5uZWRJdGVtc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VOYXZpZ2F0aW9uKClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnTmF2aWdhdGlvbi5QaW5uZWRJdGVtcyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIE5hdmlnYXRpb25Qcm92aWRlci4nLFxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHtcbiAgICBsb2NhbGVzLFxuICAgIHBpbm5lZEl0ZW1zLFxuICAgIHBpbm5lZEZlYXR1cmUsXG4gICAgcmVvcmRlckl0ZW1zLFxuICAgIGV4cGFuZGVkLFxuICAgIGl0ZW1zLFxuICAgIGFuaW1hdGlvbixcbiAgfSA9IGNvbnRleHRcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgb25Ecm9wID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBpZiAoZXZlbnQ/LmRhdGFUcmFuc2Zlcikge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgICAgICAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UoXG4gICAgICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmdldERhdGEoJ3RleHQnKSxcbiAgICAgICAgKSBhcyBEcmFnTkRyb3BEYXRhXG4gICAgICAgIGlmIChkYXRhLmluZGV4ID09PSBpbmRleCAtIDEgfHwgaW5kZXggPiBkYXRhLmluZGV4KSB7XG4gICAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXggLSAxKVxuICAgICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXgpXG4gICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuICAgICAgfVxuICAgIH0sXG4gICAgW29uUmVvcmRlciwgcmVvcmRlckl0ZW1zXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ092ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlclxuICAgIH0sXG4gICAgW3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcl0sXG4gIClcblxuICBjb25zdCBvbkRyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICB9LCBbXSlcblxuICBpZiAoT2JqZWN0LmtleXMoaXRlbXMpLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAocGlubmVkRmVhdHVyZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IHN0eWxlPXt7IHdpZHRoOiBhbmltYXRpb24gPyAnMTAwJScgOiB1bmRlZmluZWQgfX0+XG4gICAgICAgIDxJdGVtXG4gICAgICAgICAgY2F0ZWdvcnlJY29uPXs8UGluQ2F0ZWdvcnlJY29uIHZhcmlhbnQ9XCJuZXV0cmFsXCIgLz59XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGlkPVwicGlubmVkLWdyb3VwXCJcbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIG9uVG9nZ2xlPXtvblRvZ2dsZX1cbiAgICAgICAgICB0b2dnbGU9e3RvZ2dsZX1cbiAgICAgICAgICB0eXBlPVwicGlubmVkR3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGl0ZW1zW2l0ZW1JZF0/LmxhYmVsKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaXRlbUVsZW1lbnQgPSAoXG4gICAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgICBhY3RpdmU9e2l0ZW1zW2l0ZW1JZF0/LmFjdGl2ZSA/PyBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17aXRlbXNbaXRlbUlkXS5sYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGlja1BpblVucGluPXtcbiAgICAgICAgICAgICAgICAgICAgICBpdGVtc1tpdGVtSWRdPy5vbkNsaWNrUGluVW5waW4gPz8gdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGU9e2l0ZW1zW2l0ZW1JZF0/Lm9uVG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0b2dnbGU9e3RvZ2dsZX1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInBpbm5lZFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIClcblxuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICA8UmVsYXRpdmVEaXYga2V5PXtpdGVtSWR9PlxuICAgICAgICAgICAgICAgICAgICA8RHJvcGFibGVBcmVhXG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgb25Ecm9wPXtldmVudCA9PiBvbkRyb3AoZXZlbnQsIGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAge2l0ZW1XcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgPyBpdGVtV3JhcHBlcihpdGVtRWxlbWVudCwgaXRlbUlkKVxuICAgICAgICAgICAgICAgICAgICAgIDogaXRlbUVsZW1lbnR9XG4gICAgICAgICAgICAgICAgICA8L1JlbGF0aXZlRGl2PlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgICB9KVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lciBkYXRhLWV4cGFuZGVkPXtleHBhbmRlZH0+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2xvY2FsZXNbJ25hdmlnYXRpb24ucGlubmVkLml0ZW0uZ3JvdXAuZW1wdHknXX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9UZXh0Q29udGFpbmVyPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICA8UmVsYXRpdmVEaXY+XG4gICAgICAgICAgICA8RHJvcGFibGVBcmVhXG4gICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgb25Ecm9wPXtldmVudCA9PiBvbkRyb3AoZXZlbnQsIHBpbm5lZEl0ZW1zLmxlbmd0aCl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
+import { navigationPinnedItemRelativeDiv, navigationPinnedItemDropableArea, navigationPinnedItemContainer } from "./styles.css.js";
 const PinnedItems = ({
   toggle = true,
   onReorder,
   onToggle,
-  itemWrapper
+  itemWrapper,
+  style
 }) => {
   const context = useNavigation();
   if (!context) {
-    throw new Error("Navigation.PinnedItems can only be used inside a NavigationProvider.");
+    throw new Error(
+      "Navigation.PinnedItems can only be used inside a NavigationProvider."
+    );
   }
   const {
     locales,
@@ -65,24 +30,32 @@ const PinnedItems = ({
     animation
   } = context;
   const theme = useTheme();
-  const onDrop = useCallback((event, index) => {
-    event.preventDefault();
-    if (event?.dataTransfer) {
-      event.currentTarget.style.borderColor = "transparent";
-      const data = JSON.parse(event.dataTransfer.getData("text"));
-      if (data.index === index - 1 || index > data.index) {
-        const newItems2 = reorderItems(data.index, index - 1);
-        onReorder?.(newItems2);
-        return;
+  const onDrop = useCallback(
+    (event, index) => {
+      event.preventDefault();
+      if (event?.dataTransfer) {
+        event.currentTarget.style.borderColor = "transparent";
+        const data = JSON.parse(
+          event.dataTransfer.getData("text")
+        );
+        if (data.index === index - 1 || index > data.index) {
+          const newItems2 = reorderItems(data.index, index - 1);
+          onReorder?.(newItems2);
+          return;
+        }
+        const newItems = reorderItems(data.index, index);
+        onReorder?.(newItems);
       }
-      const newItems = reorderItems(data.index, index);
-      onReorder?.(newItems);
-    }
-  }, [onReorder, reorderItems]);
-  const onDragOver = useCallback((event) => {
-    event.preventDefault();
-    event.currentTarget.style.borderColor = theme.colors.primary.border;
-  }, [theme.colors.primary.border]);
+    },
+    [onReorder, reorderItems]
+  );
+  const onDragOver = useCallback(
+    (event) => {
+      event.preventDefault();
+      event.currentTarget.style.borderColor = theme.colors.primary.border;
+    },
+    [theme.colors.primary.border]
+  );
   const onDragLeave = useCallback((event) => {
     event.preventDefault();
     event.currentTarget.style.borderColor = "transparent";
@@ -91,21 +64,68 @@ const PinnedItems = ({
     return null;
   }
   if (pinnedFeature) {
-    return /* @__PURE__ */ jsx("div", { style: {
-      width: animation ? "100%" : void 0
-    }, children: /* @__PURE__ */ jsxs(Item, { categoryIcon: /* @__PURE__ */ jsx(PinCategoryIcon, { variant: "neutral" }), "data-testid": "pinned-group", id: "pinned-group", label: locales["navigation.pinned.item.group.label"], onToggle, toggle, type: "pinnedGroup", children: [
-      pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => {
-        if (items[itemId]?.label) {
-          const itemElement = /* @__PURE__ */ jsx(Item, { active: items[itemId]?.active ?? false, id: itemId, index, label: items[itemId].label, onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0, onToggle: items[itemId]?.onToggle, toggle, type: "pinned" });
-          return /* @__PURE__ */ jsxs(RelativeDiv, { children: [
-            /* @__PURE__ */ jsx(DropableArea, { onDragLeave, onDragOver, onDrop: (event) => onDrop(event, index) }),
-            itemWrapper ? itemWrapper(itemElement, itemId) : itemElement
-          ] }, itemId);
-        }
-        return null;
-      }) : /* @__PURE__ */ jsx(TextContainer, { "data-expanded": expanded, children: /* @__PURE__ */ jsx(Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: locales["navigation.pinned.item.group.empty"] }) }),
-      /* @__PURE__ */ jsx(RelativeDiv, { children: /* @__PURE__ */ jsx(DropableArea, { onDragLeave, onDragOver, onDrop: (event) => onDrop(event, pinnedItems.length) }) })
-    ] }) });
+    return /* @__PURE__ */ jsx("div", { style: { width: animation ? "100%" : void 0, ...style }, children: /* @__PURE__ */ jsxs(
+      Item,
+      {
+        categoryIcon: /* @__PURE__ */ jsx(PinCategoryIcon, { variant: "neutral" }),
+        "data-testid": "pinned-group",
+        id: "pinned-group",
+        label: locales["navigation.pinned.item.group.label"],
+        onToggle,
+        toggle,
+        type: "pinnedGroup",
+        children: [
+          pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => {
+            if (items[itemId]?.label) {
+              const itemElement = /* @__PURE__ */ jsx(
+                Item,
+                {
+                  active: items[itemId]?.active ?? false,
+                  id: itemId,
+                  index,
+                  label: items[itemId].label,
+                  onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0,
+                  onToggle: items[itemId]?.onToggle,
+                  toggle,
+                  type: "pinned"
+                }
+              );
+              return /* @__PURE__ */ jsxs("div", { className: navigationPinnedItemRelativeDiv, children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: navigationPinnedItemDropableArea,
+                    onDragLeave,
+                    onDragOver,
+                    onDrop: (event) => onDrop(event, index)
+                  }
+                ),
+                itemWrapper ? itemWrapper(itemElement, itemId) : itemElement
+              ] }, itemId);
+            }
+            return null;
+          }) : /* @__PURE__ */ jsx("div", { className: navigationPinnedItemContainer({ expanded }), children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "p",
+              prominence: "weak",
+              sentiment: "neutral",
+              variant: "caption",
+              children: locales["navigation.pinned.item.group.empty"]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: navigationPinnedItemRelativeDiv, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: navigationPinnedItemDropableArea,
+              onDragLeave,
+              onDragOver,
+              onDrop: (event) => onDrop(event, pinnedItems.length)
+            }
+          ) })
+        ]
+      }
+    ) });
   }
   return null;
 };

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

@@ -1 +1 @@
-export declare const Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Separator: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navigation/components/Separator.js

@@ -1,16 +1,8 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { Separator as Separator$1 } from "@ultraviolet/ui";
-const StyledSeparator = /* @__PURE__ */ _styled(Separator$1, process.env.NODE_ENV === "production" ? {
-  target: "e1tbaa9b0"
-} : {
-  target: "e1tbaa9b0",
-  label: "StyledSeparator"
-})("margin:", ({
-  theme
-}) => `${theme.space["2"]} -${theme.space["2"]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTZXBhcmF0b3IgYXMgVVZTZXBhcmF0b3IgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5cbmNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChVVlNlcGFyYXRvcilgXG4gIG1hcmdpbjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAtJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKCkgPT4gPFN0eWxlZFNlcGFyYXRvciAvPlxuIl19 */"));
-const Separator = () => /* @__PURE__ */ jsx(StyledSeparator, {});
+import { navigationSeparator } from "./styles.css.js";
+const Separator = () => /* @__PURE__ */ jsx(Separator$1, { className: navigationSeparator });
 export {
   Separator
 };

package/dist/components/Navigation/components/items.css.d.ts

@@ -0,0 +1,70 @@
+export declare const navigationItemMenuContainer: string;
+export declare const navigationItemRelative: string;
+export declare const navigationItemPadded: string;
+export declare const navigationItemPinIcon: Record<"active" | "inactive", string>;
+export declare const navigationItemMenu: string;
+export declare const navigationItemMenuPinned: string;
+export declare const navigationItemContainerBase: string;
+export declare const navigationItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    noExpand: {
+        false: {
+            cursor: "pointer";
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "not-allowed";
+            backgroundColor: "unset";
+        };
+    };
+    isActive: {
+        true: {
+            selectors: {
+                '&:hover': {
+                    backgroundColor: `var(--${string})`;
+                };
+            };
+            backgroundColor: `var(--${string})`;
+        };
+    };
+    hasActive: {
+        true: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+    subLabel: {
+        true: {
+            padding: `var(--${string}) var(--${string})`;
+        };
+    };
+}>;
+export declare const navigationItemContainerAnimated: Record<"collapse" | "expand", string>;
+export declare const navigationItemShowDraggable: string;
+export declare const navigationItemShowPinButton: string;
+export declare const navigationItemWeakText: string;
+export declare const navigationItemDragIcon: string;
+export declare const navigationItemWrapText: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            color: `var(--${string})`;
+        };
+    };
+    weak: {
+        true: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const navigationItemBadge: string;
+export declare const navigationItemPinnedButton: string;
+export declare const navigationItemAnimatedIcon: Record<"collapse" | "expand", string>;
+export declare const navigationItemMenuStack: string;
+export declare const navigationItemStackIcon: string;
+export declare const navigationItemCategoryIcon: string;
+export declare const navigationItemPaddingStack: import("@vanilla-extract/recipes").RuntimeFn<{
+    hide: {
+        true: {
+            display: "none";
+        };
+    };
+}>;

package/dist/components/Navigation/components/items.css.js

@@ -0,0 +1,47 @@
+/* empty css                               */
+/* empty css                                                            */
+/* empty css                                                                   */
+/* empty css                         */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var navigationItemMenuContainer = "uv_plus_x6an4g0";
+var navigationItemRelative = "uv_plus_x6an4g1";
+var navigationItemPadded = "uv_plus_x6an4g2";
+var navigationItemPinIcon = { active: "uv_plus_x6an4g4 uv_plus_x6an4g3", inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3" };
+var navigationItemMenu = "uv_plus_x6an4g6";
+var navigationItemMenuPinned = "uv_plus_x6an4g7";
+var navigationItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { noExpand: { false: "uv_plus_x6an4ga" }, disabled: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, hasActive: { true: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { noExpand: false, disabled: false, isActive: false, hasActive: false, subLabel: false }, compoundVariants: [[{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gf"], [{ hasActive: true, noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gg"], [{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gh"]] });
+var navigationItemContainerAnimated = { collapse: "uv_plus_x6an4gi", expand: "uv_plus_x6an4gj" };
+var navigationItemShowDraggable = "uv_plus_x6an4gk";
+var navigationItemShowPinButton = "uv_plus_x6an4gl";
+var navigationItemWeakText = "uv_plus_x6an4gm";
+var navigationItemDragIcon = "uv_plus_x6an4gn";
+var navigationItemWrapText = createRuntimeFn({ defaultClassName: "uv_plus_x6an4go", variantClassNames: { disabled: { true: "uv_plus_x6an4gp" }, weak: { true: "uv_plus_x6an4gq" } }, defaultVariants: { disabled: false, weak: false }, compoundVariants: [] });
+var navigationItemBadge = "uv_plus_x6an4gr";
+var navigationItemPinnedButton = "uv_plus_x6an4gs";
+var navigationItemAnimatedIcon = { expand: "uv_plus_x6an4gt", collapse: "uv_plus_x6an4gu" };
+var navigationItemMenuStack = "uv_plus_x6an4gv";
+var navigationItemStackIcon = "uv_plus_x6an4gw";
+var navigationItemCategoryIcon = "uv_plus_x6an4gx";
+var navigationItemPaddingStack = createRuntimeFn({ defaultClassName: "uv_plus_x6an4gy", variantClassNames: { hide: { true: "uv_plus_x6an4gz" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  navigationItemAnimatedIcon,
+  navigationItemBadge,
+  navigationItemCategoryIcon,
+  navigationItemContainer,
+  navigationItemContainerAnimated,
+  navigationItemDragIcon,
+  navigationItemMenu,
+  navigationItemMenuContainer,
+  navigationItemMenuPinned,
+  navigationItemMenuStack,
+  navigationItemPadded,
+  navigationItemPaddingStack,
+  navigationItemPinIcon,
+  navigationItemPinnedButton,
+  navigationItemRelative,
+  navigationItemShowDraggable,
+  navigationItemShowPinButton,
+  navigationItemStackIcon,
+  navigationItemWeakText,
+  navigationItemWrapText
+};

package/dist/components/Navigation/components/styles.css.d.ts

@@ -0,0 +1,23 @@
+export declare const navigationGroupText: import("@vanilla-extract/recipes").RuntimeFn<{
+    animation: {
+        expand: {
+            animation: `${string} 250ms ease-in-out`;
+        };
+        collapse: {
+            animation: `${string} 250ms ease-in-out reverse`;
+        };
+        false: {};
+    };
+}>;
+export declare const navigationGroupStack: string;
+export declare const navigationPinnedItemDropableArea: string;
+export declare const navigationPinnedItemRelativeDiv: string;
+export declare const navigationPinnedItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    expanded: {
+        true: {
+            paddingLeft: `var(--${string})`;
+            marginLeft: `var(--${string})`;
+        };
+    };
+}>;
+export declare const navigationSeparator: string;

package/dist/components/Navigation/components/styles.css.js

@@ -0,0 +1,17 @@
+/* empty css                               */
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var navigationGroupText = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { expand: "uv_plus_nytpcy1", collapse: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationGroupStack = "uv_plus_nytpcy4";
+var navigationPinnedItemDropableArea = "uv_plus_nytpcy5";
+var navigationPinnedItemRelativeDiv = "uv_plus_nytpcy6";
+var navigationPinnedItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy7", variantClassNames: { expanded: { true: "uv_plus_nytpcy8" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationSeparator = "uv_plus_nytpcy9";
+export {
+  navigationGroupStack,
+  navigationGroupText,
+  navigationPinnedItemContainer,
+  navigationPinnedItemDropableArea,
+  navigationPinnedItemRelativeDiv,
+  navigationSeparator
+};

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

@@ -7,15 +7,3 @@ export declare const NAVIGATION_MAX_WIDTH = 320;
  * collapse and expand animation duration of the whole nav in ms
  */
 export declare const ANIMATION_DURATION = 250;
-export declare const shrinkHeight: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
-export declare const groupAnimation: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;

package/dist/components/Navigation/constants.js

@@ -1,37 +1,10 @@
-import { keyframes } from "@emotion/react";
 const NAVIGATION_MIN_WIDTH = 220;
 const NAVIGATION_WIDTH = 280;
 const NAVIGATION_COLLASPED_WIDTH = 67;
-const NAVIGATION_MAX_WIDTH = 320;
 const ANIMATION_DURATION = 250;
-const shrinkHeight = keyframes`
-    0% {
-      max-height: 50px; // this is on purpose higher than the actual height of the item
-    }
-
-    100% {
-      max-height: 32px;
-    }
-`;
-const groupAnimation = keyframes`
-  0% {
-    opacity: 0;
-    max-height: 0;
-    margin-bottom: -8px;
-  }
-
-  100% {
-    opacity: 1;
-    max-height: 40px;
-    margin-bottom: 0;
-  }
-`;
 export {
   ANIMATION_DURATION,
   NAVIGATION_COLLASPED_WIDTH,
-  NAVIGATION_MAX_WIDTH,
   NAVIGATION_MIN_WIDTH,
-  NAVIGATION_WIDTH,
-  groupAnimation,
-  shrinkHeight
+  NAVIGATION_WIDTH
 };

package/dist/components/Navigation/styles.css.d.ts

@@ -0,0 +1,33 @@
+export declare const navigationStickyFooter: import("@vanilla-extract/recipes").RuntimeFn<{
+    overflow: {
+        false: {
+            boxShadow: "none";
+            border: "none";
+        };
+    };
+}>;
+export declare const navigationHeader: string;
+export declare const navigationLogoContainer: string;
+export declare const navigation: string;
+export declare const navigationContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    expanded: {
+        false: {
+            width: "67px";
+        };
+    };
+    animation: {
+        collapse: {
+            transition: "width 250ms ease-in-out";
+            width: "67px";
+        };
+        expand: {
+            transition: "width 250ms ease-in-out";
+            width: `var(--${string})`;
+        };
+        false: {};
+    };
+}>;
+export declare const navigationContentContainer: string;
+export declare const navigationContentContainerCollapsed: string;
+export declare const navigationContent: string;
+export declare const navigationSlider: string;

package/dist/components/Navigation/styles.css.js

@@ -0,0 +1,22 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var navigationStickyFooter = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv0", variantClassNames: { overflow: { false: "uv_plus_19x50fv1" } }, defaultVariants: { overflow: false }, compoundVariants: [] });
+var navigationHeader = "uv_plus_19x50fv2";
+var navigationLogoContainer = "uv_plus_19x50fv3";
+var navigation = "uv_plus_19x50fv4";
+var navigationContainer = createRuntimeFn({ defaultClassName: "uv_plus_19x50fv5", variantClassNames: { expanded: { false: "uv_plus_19x50fv6" }, animation: { collapse: "uv_plus_19x50fv7", expand: "uv_plus_19x50fv8", false: "uv_plus_19x50fv9" } }, defaultVariants: {}, compoundVariants: [[{ expanded: true, animation: false }, "uv_plus_19x50fva"]] });
+var navigationContentContainer = "uv_plus_19x50fvb";
+var navigationContentContainerCollapsed = "uv_plus_19x50fvc";
+var navigationContent = "uv_plus_19x50fvd";
+var navigationSlider = "uv_plus_19x50fve";
+export {
+  navigation,
+  navigationContainer,
+  navigationContent,
+  navigationContentContainer,
+  navigationContentContainerCollapsed,
+  navigationHeader,
+  navigationLogoContainer,
+  navigationSlider,
+  navigationStickyFooter
+};

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 export type DragNDropData = {
     index: number;
     item: string;
@@ -37,4 +37,5 @@ export type NavigationProps = {
      */
     onToggleExpand?: (expanded: boolean) => void;
     'data-testid'?: string;
+    style?: CSSProperties;
 };

package/dist/components/Navigation/variables.css.d.ts

@@ -0,0 +1 @@
+export declare const widthNavigationContainer: `var(--${string})`;

package/dist/components/Navigation/variables.css.js

@@ -0,0 +1,5 @@
+/* empty css                             */
+var widthNavigationContainer = "var(--uv_plus_1rde5pt0)";
+export {
+  widthNavigationContainer
+};