npm - jcicl - Versions diffs - 0.0.22 → 0.0.23 - Mend

jcicl 0.0.22 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/.chunks/NavLink.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as C } from "react/jsx-runtime";
-import { NavLinkText as J } from "../supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkText.js";
+import { NavLinkText as J } from "../supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js";
 import { l as K, N as Q } from "./NavLinkButton.js";
 import * as a from "react";
 import { g as w, a as k, s as L, u as O, c as x, P as e, b as U } from "./DefaultPropsProvider.js";

package/README.md CHANGED Viewed

@@ -1,28 +1,27 @@
 # Welcome to the Johnson County Component Library!
-## Usage
+## Quick Start
 ### Runtime Enviromnent
 1. Please download and install [NVM for Windows](https://github.com/coreybutler/nvm-windows?tab=readme-ov-file)
-2. Run `nvm install 20.18.0` to install the current LTS version of node
-3. Run `nvm use 20`
+2. `nvm install 20.18.0`
+3. `nvm use 20`
-### Quick Start
+### Usage
-#### Usage within an existing React project
+`npm install jcicl@latest`
-To add the Johnson County Component Library to your React project, from the root directory of your project, please run `npm install jccomponentlibrary`
-### Add the fonts
+```js
+import Button, { ButtonProps } from 'jcicl/base/Button';
+import Nav, { NavProps } from 'jcicl/supercomposite/Nav';
-```console
-npm install @fontsource/roboto
-npm install @fontsource/material-icons
-npm install @mui/icons-material
+const Component: React.FC<ButtonProps> = ({ ...buttonProps }) => <Button {...buttonProps}>Johnson County Button</Button>;
 ```
-Then, in your project entry (most likely `main.tsx`) point, add:
+### Adding the fonts
+In your project entry point (most likely `main.tsx`), add:
 ```js
 import '@fontsource/roboto/300.css';
@@ -40,8 +39,6 @@ Alternatively, add to project root `index.html` `<head />`:
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
 ```
-**After installation, import any components you wish to use: `import { Component } from jccomponentlibrary`**
 #### Viewing Storybook Documentation
 We are using [Storybook](https://storybook.js.org/docs/get-started/frameworks/react-vite?renderer=react) to document our component library

package/base/Avatar/{Avatar/Avatar.js → Avatar.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c } from "../../../.chunks/createSvgIcon.js";
-import { B as d } from "../../../.chunks/ButtonBase.js";
-import i from "../../../theme.js";
-import { n as a, i as l } from "../../../.chunks/emotion-styled.browser.esm.js";
+import { c } from "../../.chunks/createSvgIcon.js";
+import { B as d } from "../../.chunks/ButtonBase.js";
+import i from "../../theme.js";
+import { n as a, i as l } from "../../.chunks/emotion-styled.browser.esm.js";
 const m = c(/* @__PURE__ */ t("path", {
   d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
 }), "PersonOutlineOutlined"), s = a(m, {

package/base/Avatar/index.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-export { default as Avatar } from './Avatar';
-export { default as AvatarWithImage } from './AvatarWithImage';
+export { default, type AvatarProps } from './Avatar';

package/base/Avatar/index.js CHANGED Viewed

@@ -1,6 +1,4 @@
-import { default as t } from "./Avatar/Avatar.js";
-import { AvatarWithImage as o } from "./AvatarWithImage/AvatarWithImage.js";
+import { default as o } from "./Avatar.js";
 export {
-  t as Avatar,
-  o as AvatarWithImage
+  o as default
 };

package/base/{Avatar/AvatarWithImage → AvatarWithImage}/AvatarWithImage.js RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { B as l } from "../../../.chunks/ButtonBase.js";
-import m from "../../../theme.js";
-import { n as d } from "../../../.chunks/emotion-styled.browser.esm.js";
+import { B as l } from "../../.chunks/ButtonBase.js";
+import m from "../../theme.js";
+import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
 const s = d("img")(
   ({ borderColor: o = m.colors.darkGreen, size: r = 40, objectFit: e = "cover" }) => ({
     border: `1px solid ${o}`,

package/base/AvatarWithImage/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default, type AvatarWithImageProps } from './AvatarWithImage.tsx';

package/base/Button/Button.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs as D, jsx as d } from "react/jsx-runtime";
-import * as b from "react";
-import { a as F, g as U, s as c, r as _, e, h as H, u as A, c as w, P as t, b as q, d as g } from "../../.chunks/DefaultPropsProvider.js";
+import * as g from "react";
+import { a as F, g as U, s as c, r as _, e, h as H, u as A, c as w, P as t, b as q, d as b } from "../../.chunks/DefaultPropsProvider.js";
 import { m as J } from "../../.chunks/memoTheme.js";
 import { c as K } from "../../.chunks/createSimplePaletteValueFilter.js";
 import { B as Q } from "../../.chunks/ButtonBase.js";
@@ -8,9 +8,9 @@ import i from "../../theme.js";
 function X(o) {
   return F("MuiButton", o);
 }
-const l = U("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), I = /* @__PURE__ */ b.createContext({});
+const l = U("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), I = /* @__PURE__ */ g.createContext({});
 process.env.NODE_ENV !== "production" && (I.displayName = "ButtonGroupContext");
-const h = /* @__PURE__ */ b.createContext(void 0);
+const h = /* @__PURE__ */ g.createContext(void 0);
 process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupButtonContext");
 const Y = (o) => {
   const {
@@ -144,15 +144,15 @@ const Y = (o) => {
       style: {
         "--variant-textColor": (o.vars || o).palette[r].main,
         "--variant-outlinedColor": (o.vars || o).palette[r].main,
-        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / 0.5)` : g(o.palette[r].main, 0.5),
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / 0.5)` : b(o.palette[r].main, 0.5),
         "--variant-containedColor": (o.vars || o).palette[r].contrastText,
         "--variant-containedBg": (o.vars || o).palette[r].main,
         "@media (hover: hover)": {
           "&:hover": {
             "--variant-containedBg": (o.vars || o).palette[r].dark,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette[r].main, o.palette.action.hoverOpacity),
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette[r].main, o.palette.action.hoverOpacity),
             "--variant-outlinedBorder": (o.vars || o).palette[r].main,
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette[r].main, o.palette.action.hoverOpacity)
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette[r].main, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -167,8 +167,8 @@ const Y = (o) => {
         "@media (hover: hover)": {
           "&:hover": {
             "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : n,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.text.primary, o.palette.action.hoverOpacity),
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.text.primary, o.palette.action.hoverOpacity)
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.text.primary, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -296,8 +296,8 @@ const Y = (o) => {
       marginRight: -2
     }
   }, ...O]
-}), R = /* @__PURE__ */ b.forwardRef(function(a, n) {
-  const r = b.useContext(I), s = b.useContext(h), p = H(r, a), u = A({
+}), R = /* @__PURE__ */ g.forwardRef(function(a, n) {
+  const r = g.useContext(I), s = g.useContext(h), p = H(r, a), u = A({
     props: p,
     name: "MuiButton"
   }), {
@@ -453,10 +453,6 @@ const E = c(R)`
     justify-content: center;
     align-items: center;
   }
-  p {
-    margin: 0;
-  }
 `, ao = c(E)`
   background-color: ${i.colors.green};
   border-radius: 0;
@@ -481,7 +477,7 @@ const E = c(R)`
   color: ${i.colors.black};
   border: 3px solid ${i.colors.blue};
   padding: 0.5rem 2rem;
-`, po = ({ variant: o = 1, children: a, ...n }) => o === 2 ? /* @__PURE__ */ d(no, { ...n, children: /* @__PURE__ */ d("p", { children: a }) }) : /* @__PURE__ */ d(ao, { ...n, children: /* @__PURE__ */ d("p", { children: a }) });
+`, po = ({ variant: o = 1, children: a, ...n }) => o === 2 ? /* @__PURE__ */ d(no, { ...n, children: /* @__PURE__ */ d("span", { children: a }) }) : /* @__PURE__ */ d(ao, { ...n, children: /* @__PURE__ */ d("span", { children: a }) });
 export {
   po as Button,
   po as default

package/base/Divider/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export { default } from './Divider';
1	+ export { default, type DividerProps } from './Divider';

package/base/Flex/Flex.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { n as x, i as p } from "../../.chunks/emotion-styled.browser.esm.js";
 const w = x("div", {
   shouldForwardProp: (t) => p(t) && typeof t == "string" && t !== "wrap"
 })(
-  ({ column: t, alignItems: r, justifyContent: n, center: e, wrap: s, full: o, width: l, height: f, styles: d, padding: a, gap: i }) => ({
+  ({ column: t, alignItems: r, justifyContent: n, center: e, wrap: s, full: o, width: l, height: f, styles: m, padding: a, gap: i }) => ({
     display: "flex",
     flexDirection: t ? "column" : "row",
     flexWrap: s ? "wrap" : "nowrap",
@@ -13,9 +13,10 @@ const w = x("div", {
     height: f ?? (o ? "100%" : "auto"),
     gap: i ? `${i}rem` : 0,
     padding: a ? `${a}rem` : 0,
-    ...d
+    fontFamily: "Roboto, sans-serif",
+    ...m
   })
-), h = ({ children: t, ...r }) => /* @__PURE__ */ m(w, { ...r, children: t });
+), y = ({ children: t, ...r }) => /* @__PURE__ */ d(w, { ...r, children: t });
 export {
-  h as default
+  y as default
 };

package/base/Flex/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export { default } from './Flex';
1	+ export { default, type FlexProps } from './Flex';

package/base/Grid/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export { default } from './Grid';
1	+ export { default, type GridProps } from './Grid';

package/base/ScrollContainer/ScrollContainer.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+interface ScrollContainerProps {
+    width?: string;
+    height?: string;
+    direction?: 'vertical' | 'horizontal' | 'all';
+}
+declare const ScrollContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & ScrollContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ScrollContainer;

package/base/ScrollContainer/ScrollContainer.js ADDED Viewed

@@ -0,0 +1,42 @@
+import { n as r } from "../../.chunks/emotion-styled.browser.esm.js";
+import l from "../../theme.js";
+const n = r("div")(
+  ({ width: e = "100%", height: o = "100%", direction: i = "vertical" }) => ({
+    width: e,
+    minWidth: e,
+    height: o,
+    overflowY: i === "all" || i === "vertical" ? "auto" : "hidden",
+    overflowX: i === "all" || i === "horizontal" ? "auto" : "hidden",
+    visibility: "hidden",
+    transition: "313ms all ease-in-out",
+    "&:hover ,:focus": {
+      visibility: "visible"
+    },
+    "*": {
+      visibility: "visible"
+    },
+    "@media screen and (-webkit-min-device-pixel-ratio:0)": {
+      backgroundColor: "transparent",
+      "-webkit-background-clip": "text",
+      transition: "313ms all ease-in-out",
+      "::-webkit-scrollbar": {
+        width: "6px",
+        height: "6px",
+        overflow: "visible"
+      },
+      "::-webkit-scrollbar-track": {
+        display: "none"
+      },
+      "::-webkit-scrollbar-thumb": {
+        backgroundColor: "inherit",
+        borderRadius: "6px"
+      },
+      "&:hover": {
+        backgroundColor: l.colors.darkGreenO99
+      }
+    }
+  })
+);
+export {
+  n as default
+};

package/base/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export { default as Avatar } from './Avatar/Avatar';
-export { default as AvatarWithImage } from './Avatar/AvatarWithImage';
+export { default as Avatar } from './Avatar';
+export { default as AvatarWithImage } from './AvatarWithImage';
 export { default as Button } from './Button';
 export { default as Divider } from './Divider';
 export { default as Flex } from './Flex';

package/base/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { default as t } from "./Avatar/Avatar/Avatar.js";
-import { AvatarWithImage as a } from "./Avatar/AvatarWithImage/AvatarWithImage.js";
+import { default as t } from "./Avatar/Avatar.js";
+import { AvatarWithImage as a } from "./AvatarWithImage/AvatarWithImage.js";
 import { Button as m } from "./Button/Button.js";
 import { Divider as x } from "./Divider/Divider.js";
 import { default as i } from "./Flex/Flex.js";

package/composite/WithLabel/WithLabel.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export interface WithLabelProps {
+    label: string;
+    component: JSX.Element;
+}
+declare const WithLabel: React.FC<WithLabelProps>;
+export default WithLabel;

package/composite/WithLabel/WithLabel.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import n from "../../base/Flex/Flex.js";
+const l = ({ label: r, component: t }) => /* @__PURE__ */ i(n, { gap: 0.5, alignItems: "center", children: [
+  /* @__PURE__ */ e("div", { id: r, children: t }),
+  /* @__PURE__ */ e("label", { htmlFor: r, children: r })
+] });
+export {
+  l as default
+};

package/composite/WithLabel/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default, type WithLabelProps } from './WithLabel';

package/composite/WithLabel/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as o } from "./WithLabel.js";
+export {
+  o as default
+};

package/composite/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default as WithLabel } from './WithLabel';

package/composite/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as t } from "./WithLabel/WithLabel.js";
+export {
+  t as WithLabel
+};

package/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 export { Avatar, AvatarWithImage, Button, Divider, Flex, Grid } from './base';
-export { AppBar, Nav, type NavProps, type NavItemProps } from './supercomposite';
+export { AppHeader, Nav } from './supercomposite';
 export { AppContainer, BasicPage } from './templates';

package/index.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { default as a } from "./base/Avatar/Avatar/Avatar.js";
-import { AvatarWithImage as f } from "./base/Avatar/AvatarWithImage/AvatarWithImage.js";
+import { default as a } from "./base/Avatar/Avatar.js";
+import { AvatarWithImage as f } from "./base/AvatarWithImage/AvatarWithImage.js";
 import { Button as x } from "./base/Button/Button.js";
-import { Divider as d } from "./base/Divider/Divider.js";
+import { Divider as i } from "./base/Divider/Divider.js";
 import { default as s } from "./base/Flex/Flex.js";
 import { Grid as v } from "./base/Grid/Grid.js";
 import "./base/Input/Input.js";
-import { AppBar as n } from "./supercomposite/AppBar/AppBar.js";
-import "./supercomposite/AppHeader/AppHeader.js";
-import { Nav as g } from "./supercomposite/Nav/Nav.js";
+import "./supercomposite/AppBar/AppBar.js";
+import { default as n } from "./supercomposite/AppHeader/AppHeader.js";
+import { Nav as B } from "./supercomposite/Nav/Nav.js";
 import { default as h } from "./templates/AppContainer/AppContainer.js";
 import { default as D } from "./templates/BasicPage/BasicPage.js";
 export {
-  n as AppBar,
   h as AppContainer,
+  n as AppHeader,
   a as Avatar,
   f as AvatarWithImage,
   D as BasicPage,
   x as Button,
-  d as Divider,
+  i as Divider,
   s as Flex,
   v as Grid,
-  g as Nav
+  B as Nav
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",

package/supercomposite/AppBar/AppBar.js CHANGED Viewed

@@ -338,7 +338,7 @@ const E = y(w)({
   position: "sticky",
   top: "0",
   zIndex: 1e3,
-  height: `${f.constants.appBarHeight}px`
+  height: `${f.constants.oldAppBarHeight}px`
 }), G = y(S)(() => ({
   display: "flex",
   width: "calc(100% - 3rem)",

package/supercomposite/AppHeader/AppHeader.js CHANGED Viewed

@@ -1,31 +1,31 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as a } from "react";
+import { useState as s } from "react";
 import { n } from "../../.chunks/emotion-styled.browser.esm.js";
-import o from "../../theme.js";
-import { l as s } from "../../.chunks/jocologo.js";
-import { Input as p } from "../../base/Input/Input.js";
-import { Button as m } from "../../base/Button/Button.js";
-import d from "../../base/Avatar/Avatar/Avatar.js";
-const c = n("div")({
+import e from "../../theme.js";
+import { l as a } from "../../.chunks/jocologo.js";
+import { Input as m } from "../../base/Input/Input.js";
+import { Button as c } from "../../base/Button/Button.js";
+import d from "../../base/Avatar/Avatar.js";
+const l = n("div")({
   display: "grid",
   flexDirection: "row",
   padding: "4px 16px",
   backgroundColor: "transparent",
   alignItems: "center",
   justifyContent: "space-between",
-  gridTemplateColumns: `minmax(${o.constants.appSideNavWidth + o.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
-}), l = n("img")({
+  gridTemplateColumns: `minmax(${e.constants.navWidth + e.constants.actionsPaneWidth}px, 1fr) 2fr 1fr`
+}), p = n("img")({
   width: "36px"
 }), f = n("div")({}), g = n("div")({
   justifySelf: "end"
-}), w = () => {
-  const [r, e] = a(!1);
-  return /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(l, { src: s }) }),
-    /* @__PURE__ */ t(p, { placeholder: "Search..." }),
-    /* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(d, { onClick: () => e(!1) }) : /* @__PURE__ */ t(m, { onClick: () => e(!0), children: "Log In" }) })
+}), y = () => {
+  const [r, o] = s(!1);
+  return /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(p, { src: a }) }),
+    /* @__PURE__ */ t(m, { placeholder: "Search..." }),
+    /* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(d, { onClick: () => o(!1) }) : /* @__PURE__ */ t(c, { onClick: () => o(!0), children: "Log In" }) })
   ] });
 };
 export {
-  w as default
+  y as default
 };

package/supercomposite/Nav/Nav.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
-import { FC } from 'react';
-import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
-import { NavItemProps } from './subcomponents/NavItem/types';
-import { MenuPosition } from './types';
-export interface NavProps extends MuiDrawerProps {
+export interface NavItemProps {
+    label?: string;
+    icon?: JSX.Element;
+    onClick?: () => void;
+    active?: boolean;
+    actionsPanelContent?: JSX.Element;
+}
+export interface NavProps {
     navItems: NavItemProps[];
-    anchor?: MenuPosition;
-    collapsible?: boolean;
-    withAppBar?: boolean;
-    collapsed?: boolean;
+    activeRoute?: string;
 }
-export declare const Nav: FC<NavProps>;
+export declare const Nav: React.FC<NavProps>;
 export default Nav;