@ultraviolet/plus 3.0.0-beta.8 → 3.0.0

package/dist/components/InfoTable/components/Cell.js

@@ -1,42 +1,36 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Stack, Text } from "@ultraviolet/ui";
-const Term = /* @__PURE__ */ _styled("dt", process.env.NODE_ENV === "production" ? {
-  target: "ezg3fxv2"
-} : {
-  target: "ezg3fxv2",
-  label: "Term"
-})("font-weight:", ({
-  theme
-}) => theme.typography.bodyStrong.weight, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStrong, ";display:inline-flex;align-items:center;min-width:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL2NvbXBvbmVudHMvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL2NvbXBvbmVudHMvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmV4cG9ydCBjb25zdCBUZXJtID0gc3R5bGVkLmR0YFxuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmNvbnN0IERlc2MgPSBzdHlsZWQuZGRgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICBtYXJnaW46IDA7XG4gIG1pbi13aWR0aDogMDtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHRpdGxlOiBSZWFjdE5vZGVcbiAgbXVsdGlsaW5lPzogYm9vbGVhblxufVxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBibG9jazsgLy8gVG8gd29yayB3aXRoIGVsbGlwc2lzIChtdWx0aUxpbmUgPSBmYWxzZSlcbiAgbWluLXdpZHRoOiAwO1xuICB3aWR0aDogMTAwJTtcblxuICAmID4gKiB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7ICAvLyBDaGlsZHJlbiBzaG91bGQgYmUgaW5saW5lXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBSZXBsYWNlcyBnYXBcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgSW5mb1RhYmxlQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgbXVsdGlsaW5lID0gZmFsc2UsXG59OiBDZWxsUHJvcHMpID0+IChcbiAgPFN0YWNrIGdhcD1cIjAuNVwiIG1pbldpZHRoPVwiMFwiIHdpZHRoPVwiMTAwJVwiPlxuICAgIDxUZXJtPlxuICAgICAgPFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgIDwvVGVybT5cbiAgICA8RGVzYz5cbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgb25lTGluZT17IW11bHRpbGluZX1cbiAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImJvZHlcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9EZXNjPlxuICA8L1N0YWNrPlxuKVxuIl19 */"));
-const Desc = /* @__PURE__ */ _styled("dd", process.env.NODE_ENV === "production" ? {
-  target: "ezg3fxv1"
-} : {
-  target: "ezg3fxv1",
-  label: "Desc"
-})("color:", ({
-  theme
-}) => theme.colors.neutral.text, ";margin:0;min-width:0;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL2NvbXBvbmVudHMvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3NCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL2NvbXBvbmVudHMvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmV4cG9ydCBjb25zdCBUZXJtID0gc3R5bGVkLmR0YFxuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmNvbnN0IERlc2MgPSBzdHlsZWQuZGRgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICBtYXJnaW46IDA7XG4gIG1pbi13aWR0aDogMDtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHRpdGxlOiBSZWFjdE5vZGVcbiAgbXVsdGlsaW5lPzogYm9vbGVhblxufVxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBibG9jazsgLy8gVG8gd29yayB3aXRoIGVsbGlwc2lzIChtdWx0aUxpbmUgPSBmYWxzZSlcbiAgbWluLXdpZHRoOiAwO1xuICB3aWR0aDogMTAwJTtcblxuICAmID4gKiB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7ICAvLyBDaGlsZHJlbiBzaG91bGQgYmUgaW5saW5lXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBSZXBsYWNlcyBnYXBcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgSW5mb1RhYmxlQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgbXVsdGlsaW5lID0gZmFsc2UsXG59OiBDZWxsUHJvcHMpID0+IChcbiAgPFN0YWNrIGdhcD1cIjAuNVwiIG1pbldpZHRoPVwiMFwiIHdpZHRoPVwiMTAwJVwiPlxuICAgIDxUZXJtPlxuICAgICAgPFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgIDwvVGVybT5cbiAgICA8RGVzYz5cbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgb25lTGluZT17IW11bHRpbGluZX1cbiAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImJvZHlcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9EZXNjPlxuICA8L1N0YWNrPlxuKVxuIl19 */"));
-const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "ezg3fxv0"
-} : {
-  target: "ezg3fxv0",
-  label: "StyledText"
-})("display:block;min-width:0;width:100%;&>*{display:inline-flex;align-items:center;margin-right:", ({
-  theme
-}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL2NvbXBvbmVudHMvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0luZm9UYWJsZS9jb21wb25lbnRzL0NlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgY29uc3QgVGVybSA9IHN0eWxlZC5kdGBcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U3Ryb25nLndlaWdodH07XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBEZXNjID0gc3R5bGVkLmRkYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgbWFyZ2luOiAwO1xuICBtaW4td2lkdGg6IDA7XG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIENlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0aXRsZTogUmVhY3ROb2RlXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbn1cblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogYmxvY2s7IC8vIFRvIHdvcmsgd2l0aCBlbGxpcHNpcyAobXVsdGlMaW5lID0gZmFsc2UpXG4gIG1pbi13aWR0aDogMDtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJiA+ICoge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4OyAgLy8gQ2hpbGRyZW4gc2hvdWxkIGJlIGlubGluZVxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTsgLy8gUmVwbGFjZXMgZ2FwXG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEluZm9UYWJsZUNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxufTogQ2VsbFByb3BzKSA9PiAoXG4gIDxTdGFjayBnYXA9XCIwLjVcIiBtaW5XaWR0aD1cIjBcIiB3aWR0aD1cIjEwMCVcIj5cbiAgICA8VGVybT5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1Rlcm0+XG4gICAgPERlc2M+XG4gICAgICA8U3R5bGVkVGV4dFxuICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgIG9uZUxpbmU9eyFtdWx0aWxpbmV9XG4gICAgICAgIHByb21pbmVuY2U9XCJkZWZhdWx0XCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHZhcmlhbnQ9XCJib2R5XCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgIDwvRGVzYz5cbiAgPC9TdGFjaz5cbilcbiJdfQ== */"));
+import { term, desc, cellText } from "../styles.css.js";
 const InfoTableCell = ({
   children,
   title,
-  multiline = false
-}) => /* @__PURE__ */ jsxs(Stack, { gap: "0.5", minWidth: "0", width: "100%", children: [
-  /* @__PURE__ */ jsx(Term, { children: /* @__PURE__ */ jsx(Text, { as: "div", prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: title }) }),
-  /* @__PURE__ */ jsx(Desc, { children: /* @__PURE__ */ jsx(StyledText, { as: "div", oneLine: !multiline, prominence: "default", sentiment: "neutral", variant: "body", children }) })
+  multiline = false,
+  style
+}) => /* @__PURE__ */ jsxs(Stack, { gap: "0.5", minWidth: "0", style, width: "100%", children: [
+  /* @__PURE__ */ jsx("dt", { className: term, children: /* @__PURE__ */ jsx(
+    Text,
+    {
+      as: "div",
+      prominence: "weak",
+      sentiment: "neutral",
+      variant: "bodySmallStrong",
+      children: title
+    }
+  ) }),
+  /* @__PURE__ */ jsx("dd", { className: desc, children: /* @__PURE__ */ jsx(
+    Text,
+    {
+      as: "div",
+      className: `${cellText}`,
+      oneLine: !multiline,
+      prominence: "default",
+      sentiment: "neutral",
+      variant: "body",
+      children
+    }
+  ) })
 ] });
 export {
-  InfoTableCell,
-  Term
+  InfoTableCell
 };

package/dist/components/InfoTable/components/Row.d.ts

@@ -1,19 +1,8 @@
-import type { ReactNode } from 'react';
-export declare const StyledRow: import("@emotion/styled").StyledComponent<{
-    className?: string;
-    'data-testid'?: string;
-    children: ReactNode;
-    templateColumns: string | Partial<Record<"medium" | "large" | "small" | "xlarge" | "xsmall" | "xxsmall", string>>;
-    gap?: 0 | 1 | "0" | "1" | "0.5" | 2 | 0.5 | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 0.25 | 1.5 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Partial<Record<"medium" | "large" | "small" | "xlarge" | "xsmall" | "xxsmall", 0 | 1 | "0" | "1" | "0.5" | 2 | 0.5 | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 0.25 | 1.5 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10>>;
-    alignItems?: import("csstype").Property.AlignItems | Partial<Record<"medium" | "large" | "small" | "xlarge" | "xsmall" | "xxsmall", import("csstype").Property.AlignItems | undefined>> | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | Partial<Record<"medium" | "large" | "small" | "xlarge" | "xsmall" | "xxsmall", import("csstype").Property.JustifyContent | undefined>> | undefined;
-    padding?: import("csstype").Property.Padding<string | number> | Partial<Record<"medium" | "large" | "small" | "xlarge" | "xsmall" | "xxsmall", import("csstype").Property.Padding<string | number> | undefined>> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+import type { CSSProperties, ReactNode } from 'react';
 type RowProps = {
     children: ReactNode;
     templateColumns: string;
+    style?: CSSProperties;
 };
-export declare const InfoTableRow: ({ children, templateColumns }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const InfoTableRow: ({ children, templateColumns, style, }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfoTable/components/Row.js

@@ -1,24 +1,31 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { Row } from "@ultraviolet/ui";
-const StyledRow = /* @__PURE__ */ _styled(Row, process.env.NODE_ENV === "production" ? {
-  target: "et2ag5g0"
-} : {
-  target: "et2ag5g0",
-  label: "StyledRow"
-})("border-bottom:1px ", ({
-  theme
-}) => theme.colors.neutral.border, " solid;padding-block:", ({
-  theme
-}) => theme.space[2], ";:first-of-type{padding-top:0;}:last-of-type{padding-bottom:0;border-bottom-color:transparent;}&>*:not(:last-child){padding-right:", ({
-  theme
-}) => theme.space[2], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL2NvbXBvbmVudHMvUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9JbmZvVGFibGUvY29tcG9uZW50cy9Sb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvdyA9IHN0eWxlZChSb3cpYFxuICBib3JkZXItYm90dG9tOiAxcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IHNvbGlkO1xuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcblxuICA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gIH1cblxuICA6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBib3JkZXItYm90dG9tLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICB9XG5cbiAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07IC8vIFVzZSB0aGlzIGluc3RlYWQgb2YgZ2FwIHNvIHRoYXQgZWxlbWVudHMgY2FuIGJlIGFsaWduZWQgZXZlbiBpZiB0aGVyZSBpcyBub3QgdGhlIHNhbWUgbnVtYmVyIG9mIGNvbHVtbnNcblxuICB9XG5gXG50eXBlIFJvd1Byb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHRlbXBsYXRlQ29sdW1uczogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBJbmZvVGFibGVSb3cgPSAoeyBjaGlsZHJlbiwgdGVtcGxhdGVDb2x1bW5zIH06IFJvd1Byb3BzKSA9PiAoXG4gIDxTdHlsZWRSb3cgdGVtcGxhdGVDb2x1bW5zPXt0ZW1wbGF0ZUNvbHVtbnN9PntjaGlsZHJlbn08L1N0eWxlZFJvdz5cbilcbiJdfQ== */"));
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useContext } from "react";
+import { InfoTableContext } from "../context.js";
+import { infoTableRow, rowWidth } from "../styles.css.js";
 const InfoTableRow = ({
   children,
-  templateColumns
-}) => /* @__PURE__ */ jsx(StyledRow, { templateColumns, children });
+  templateColumns,
+  style
+}) => {
+  const { width } = useContext(InfoTableContext);
+  return /* @__PURE__ */ jsx(
+    Row,
+    {
+      className: infoTableRow,
+      style: {
+        ...assignInlineVars({
+          [rowWidth]: width ?? "100%"
+        }),
+        ...style
+      },
+      templateColumns,
+      children
+    }
+  );
+};
 export {
-  InfoTableRow,
-  StyledRow
+  InfoTableRow
 };

package/dist/components/InfoTable/context.d.ts

@@ -0,0 +1,3 @@
+export declare const InfoTableContext: import("react").Context<{
+    width?: string;
+}>;

package/dist/components/InfoTable/context.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const InfoTableContext = createContext({});
+export {
+  InfoTableContext
+};

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

@@ -0,0 +1,6 @@
+export declare const rowWidth: `var(--${string})`;
+export declare const dl: string;
+export declare const infoTableRow: string;
+export declare const term: string;
+export declare const desc: string;
+export declare const cellText: string;

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

@@ -0,0 +1,15 @@
+/* empty css                          */
+var rowWidth = "var(--uv_plus_h6pvpm0)";
+var dl = "uv_plus_h6pvpm1";
+var infoTableRow = "uv_plus_h6pvpm2";
+var term = "uv_plus_h6pvpm3";
+var desc = "uv_plus_h6pvpm4";
+var cellText = "uv_plus_h6pvpm5";
+export {
+  cellText,
+  desc,
+  dl,
+  infoTableRow,
+  rowWidth,
+  term
+};

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

@@ -4,5 +4,5 @@ type FooterProps = {
     onToggleExpand: NavigationProps['onToggleExpand'];
     contentRef: RefObject<HTMLDivElement | null>;
 };
-export declare const Footer: ({ onToggleExpand, contentRef }: FooterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ onToggleExpand, contentRef }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Navigation/Footer.js

@@ -1,34 +1,12 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { ArrowLeftDoubleIcon, ArrowRightDoubleIcon } from "@ultraviolet/icons";
 import { Tooltip, Button } from "@ultraviolet/ui";
 import { useCallback, useState, useEffect, useMemo } from "react";
-import { ANIMATION_DURATION } from "./constants.js";
 import { useNavigation } from "./NavigationProvider.js";
-const StickyFooter = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1j950560"
-} : {
-  target: "e1j950560",
-  label: "StickyFooter"
-})("display:flex;width:100%;background:", ({
-  theme
-}) => theme.colors.neutral.background, ";border-top:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";padding:", ({
-  theme
-}) => `${theme.space["1"]} ${theme.space["2"]}`, ";transition:justify-content ", ANIMATION_DURATION, "ms ease-in-out;box-shadow:", ({
-  theme
-}) => theme.shadows.defaultShadow, ';transition:box-shadow 230ms ease-in-out;justify-content:flex-end;&[data-has-overflow-style="false"]{box-shadow:none;border:none;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9Gb290ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vRm9vdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFycm93TGVmdERvdWJsZUljb24sIEFycm93UmlnaHREb3VibGVJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgQnV0dG9uLCBUb29sdGlwIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBTklNQVRJT05fRFVSQVRJT04gfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgTmF2aWdhdGlvblByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3RpY2t5Rm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycxJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbiAgdHJhbnNpdGlvbjoganVzdGlmeS1jb250ZW50ICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZGVmYXVsdFNoYWRvd307XG4gIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMjMwbXMgZWFzZS1pbi1vdXQ7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5cbiAgJltkYXRhLWhhcy1vdmVyZmxvdy1zdHlsZT1cImZhbHNlXCJdIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYFxuXG50eXBlIEZvb3RlclByb3BzID0ge1xuICBvblRvZ2dsZUV4cGFuZDogTmF2aWdhdGlvblByb3BzWydvblRvZ2dsZUV4cGFuZCddXG4gIGNvbnRlbnRSZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG59XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSAoeyBvblRvZ2dsZUV4cGFuZCwgY29udGVudFJlZiB9OiBGb290ZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGV4cGFuZGVkLCB0b2dnbGVFeHBhbmQsIGxvY2FsZXMgfSA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGNvbnN0IGlzU2Nyb2xsQXRCb3R0b20gPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCkge1xuICAgICAgaWYgKFxuICAgICAgICBjb250ZW50UmVmLmN1cnJlbnQuc2Nyb2xsVG9wICsgY29udGVudFJlZi5jdXJyZW50Lm9mZnNldEhlaWdodCA+PVxuICAgICAgICBjb250ZW50UmVmLmN1cnJlbnQuc2Nyb2xsSGVpZ2h0XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB0cnVlXG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWVcbiAgfSwgW2NvbnRlbnRSZWZdKVxuXG4gIGNvbnN0IFtmb290ZXJIYXNPdmVyZmxvd1N0eWxlLCBzZXRGb290ZXJIYXNPdmVyZmxvd1N0eWxlXSA9IHVzZVN0YXRlKFxuICAgIGlzU2Nyb2xsQXRCb3R0b20oKSxcbiAgKVxuXG4gIC8vIFRoaXMgaXMgZm9yIGRldGVjdGluZyBpZiB0aGVyZSBpcyBzY3JvbGwgb24gdGhlIGNvbnRlbnQgYW5kIHNldCB0aGUgc2hhZG93IG9uIHRoZSBmb290ZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50Q29udGVudFJlZiA9IGNvbnRlbnRSZWYuY3VycmVudFxuXG4gICAgY29uc3Qgc2Nyb2xsID0gKCkgPT4ge1xuICAgICAgY29uc3QgaGFzT3ZlcmZsb3cgPSBpc1Njcm9sbEF0Qm90dG9tKClcblxuICAgICAgaWYgKGZvb3Rlckhhc092ZXJmbG93U3R5bGUgIT09IGhhc092ZXJmbG93KSB7XG4gICAgICAgIHNldEZvb3Rlckhhc092ZXJmbG93U3R5bGUoaGFzT3ZlcmZsb3cpXG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGN1cnJlbnRDb250ZW50UmVmKSB7XG4gICAgICBjdXJyZW50Q29udGVudFJlZi5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBzY3JvbGwpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGN1cnJlbnRDb250ZW50UmVmPy5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBzY3JvbGwpXG4gICAgfVxuICB9LCBbZm9vdGVySGFzT3ZlcmZsb3dTdHlsZSwgaXNTY3JvbGxBdEJvdHRvbSwgY29udGVudFJlZl0pXG5cbiAgLy8gVGhpcyB3aWxsIHNldCB0aGUgc2hhZG93IG9uIHRoZSBmb290ZXIgd2hlbiB0aGUgY29tcG9uZW50IGlzIG1vdW50ZWRcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRGb290ZXJIYXNPdmVyZmxvd1N0eWxlKGlzU2Nyb2xsQXRCb3R0b20oKSlcbiAgfSwgW2lzU2Nyb2xsQXRCb3R0b21dKVxuXG4gIGNvbnN0IEljb24gPSB1c2VNZW1vKFxuICAgICgpID0+IChleHBhbmRlZCA/IEFycm93TGVmdERvdWJsZUljb24gOiBBcnJvd1JpZ2h0RG91YmxlSWNvbiksXG4gICAgW2V4cGFuZGVkXSxcbiAgKVxuXG4gIGNvbnN0IGxhYmVsID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZXhwYW5kZWRcbiAgICAgICAgPyBsb2NhbGVzWyduYXZpZ2F0aW9uLmNvbGxhcHNlLmJ1dHRvbiddXG4gICAgICAgIDogbG9jYWxlc1snbmF2aWdhdGlvbi5leHBhbmQuYnV0dG9uJ10sXG4gICAgW2V4cGFuZGVkLCBsb2NhbGVzXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0aWNreUZvb3RlciBkYXRhLWhhcy1vdmVyZmxvdy1zdHlsZT17Zm9vdGVySGFzT3ZlcmZsb3dTdHlsZX0+XG4gICAgICA8VG9vbHRpcCBwbGFjZW1lbnQ9XCJyaWdodFwiIHRleHQ9e2xhYmVsfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgICBvblRvZ2dsZUV4cGFuZD8uKCFleHBhbmRlZClcbiAgICAgICAgICB9fVxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvU3RpY2t5Rm9vdGVyPlxuICApXG59XG4iXX0= */"));
-const Footer = ({
-  onToggleExpand,
-  contentRef
-}) => {
-  const {
-    expanded,
-    toggleExpand,
-    locales
-  } = useNavigation();
+import { navigationStickyFooter } from "./styles.css.js";
+const Footer = ({ onToggleExpand, contentRef }) => {
+  const { expanded, toggleExpand, locales } = useNavigation();
   const isScrollAtBottom = useCallback(() => {
     if (contentRef.current) {
       if (contentRef.current.scrollTop + contentRef.current.offsetHeight >= contentRef.current.scrollHeight) {
@@ -38,7 +16,9 @@ const Footer = ({
     }
     return true;
   }, [contentRef]);
-  const [footerHasOverflowStyle, setFooterHasOverflowStyle] = useState(isScrollAtBottom());
+  const [footerHasOverflowStyle, setFooterHasOverflowStyle] = useState(
+    isScrollAtBottom()
+  );
   useEffect(() => {
     const currentContentRef = contentRef.current;
     const scroll = () => {
@@ -57,12 +37,34 @@ const Footer = ({
   useEffect(() => {
     setFooterHasOverflowStyle(isScrollAtBottom());
   }, [isScrollAtBottom]);
-  const Icon = useMemo(() => expanded ? ArrowLeftDoubleIcon : ArrowRightDoubleIcon, [expanded]);
-  const label = useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
-  return /* @__PURE__ */ jsx(StickyFooter, { "data-has-overflow-style": footerHasOverflowStyle, children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsx(Button, { "aria-label": label, onClick: () => {
-    toggleExpand();
-    onToggleExpand?.(!expanded);
-  }, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsx(Icon, {}) }) }) });
+  const Icon = useMemo(
+    () => expanded ? ArrowLeftDoubleIcon : ArrowRightDoubleIcon,
+    [expanded]
+  );
+  const label = useMemo(
+    () => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"],
+    [expanded, locales]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: navigationStickyFooter({ overflow: footerHasOverflowStyle }),
+      children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          "aria-label": label,
+          onClick: () => {
+            toggleExpand();
+            onToggleExpand?.(!expanded);
+          },
+          sentiment: "neutral",
+          size: "small",
+          variant: "ghost",
+          children: /* @__PURE__ */ jsx(Icon, {})
+        }
+      ) })
+    }
+  );
 };
 export {
   Footer

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

@@ -2,5 +2,5 @@ import type { NavigationProps } from './types';
 type HeaderProps = {
     logo: NavigationProps['logo'];
 };
-export declare const Header: import("react").MemoExoticComponent<({ logo }: HeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Header: import("react").MemoExoticComponent<({ logo }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Navigation/Header.js

@@ -1,33 +1,20 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { Stack } from "@ultraviolet/ui";
 import { memo } from "react";
 import { useNavigation } from "./NavigationProvider.js";
-const HeaderContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ejjkcpm1"
-} : {
-  target: "ejjkcpm1",
-  label: "HeaderContainer"
-})("background:", ({
-  theme
-}) => theme.colors.neutral.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
-const LogoContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "ejjkcpm0"
-} : {
-  target: "ejjkcpm0",
-  label: "LogoContainer"
-})("margin:", ({
-  theme
-}) => `${theme.space["3"]} ${theme.space["3"]} ${theme.space["2"]} ${theme.space["3"]}`, ";max-width:220px;height:22px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
-const Header = memo(({
-  logo
-}) => {
-  const {
-    animation,
-    expanded
-  } = useNavigation();
-  return /* @__PURE__ */ jsx(HeaderContainer, { children: /* @__PURE__ */ jsx(LogoContainer, { alignItems: "start", justifyContent: !expanded ? "center" : void 0, children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
+import { navigationHeader, navigationLogoContainer } from "./styles.css.js";
+const Header = memo(({ logo }) => {
+  const { animation, expanded } = useNavigation();
+  return /* @__PURE__ */ jsx("div", { className: navigationHeader, children: /* @__PURE__ */ jsx(
+    Stack,
+    {
+      alignItems: "start",
+      className: navigationLogoContainer,
+      justifyContent: !expanded ? "center" : void 0,
+      children: typeof logo === "function" ? logo(animation ? false : expanded) : logo
+    }
+  ) });
 });
 export {
   Header

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

@@ -5,12 +5,13 @@ import type { NavigationProps } from './types';
  * to make it work in your application.
  */
 export declare const Navigation: {
-    ({ children, ...props }: NavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    Group: ({ children, label }: {
+    ({ children, ...props }: NavigationProps): import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, label, style }: {
         children: import("react").ReactNode;
         label: string;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-    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?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    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, }: {
         children?: import("react").ReactNode;
         categoryIcon?: import("react").ReactNode;
         label: string;
@@ -33,12 +34,14 @@ export declare const Navigation: {
         noExpand?: boolean;
         disabled?: boolean;
         'data-testid'?: string;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
-    PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, }: {
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element | null>;
+    PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, style, }: {
         toggle?: boolean;
         onToggle?: (toggle: boolean) => void;
         onReorder?: (pinnedItems: string[]) => void;
         itemWrapper?: (item: import("react").ReactElement, itemId: string) => import("react").ReactElement;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-    Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Separator: () => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/Navigation/Navigation.js

@@ -1,14 +1,11 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Group } from "./components/Group.js";
 import { Item } from "./components/Item.js";
 import { PinnedItems } from "./components/PinnedItems.js";
 import { Separator } from "./components/Separator.js";
 import { NavigationContent } from "./NavigationContent.js";
-const Navigation = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(NavigationContent, { ...props, children });
+const Navigation = ({ children, ...props }) => /* @__PURE__ */ jsx(NavigationContent, { ...props, children });
 Navigation.Group = Group;
 Navigation.Item = Item;
 Navigation.PinnedItems = PinnedItems;

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

@@ -1,2 +1,2 @@
 import type { NavigationProps } from './types';
-export declare const NavigationContent: ({ children, logo, onWidthResize, className, "data-testid": dataTestId, id, onToggleExpand, }: NavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NavigationContent: ({ children, logo, onWidthResize, className, "data-testid": dataTestId, id, onToggleExpand, }: NavigationProps) => import("react/jsx-runtime").JSX.Element;