@octave-org/ui 0.0.3 → 0.0.5

package/README.md

@@ -1,26 +1,98 @@
 # @octave-org/ui
 
-This library was generated with [Nx](https://nx.dev).
+A UI component library built on top of [Mantine](https://mantine.dev), designed for use with Next.js projects.
 
-## Branding
+> **Note:** This package is currently only stable on the **Next.js Pages Router**. App Router support is not guaranteed.
 
-Set shared branding once at the provider level:
+---
+
+## Installation
+
+```bash
+# npm
+npm install @octave-org/ui
+
+# yarn
+yarn add @octave-org/ui
+
+# pnpm
+pnpm add @octave-org/ui
+
+# bun
+bun add @octave-org/ui
+```
+
+---
+
+## Setup
+
+### 1. Update `next.config.ts`
+
+Add `@octave-org/ui` to `transpilePackages` so Next.js can process the package correctly:
+
+```ts
+// next.config.ts
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  transpilePackages: ['@octave-org/ui'],
+};
+
+export default nextConfig;
+```
+
+### 2. Wrap your app with `OctaveProvider`
+
+In your `pages/_app.tsx`, wrap your application with the `OctaveProvider` component to enable theming and notifications:
 
 ```tsx
+// pages/_app.tsx
+import type { AppProps } from 'next/app';
 import { OctaveProvider } from '@octave-org/ui';
 
-<OctaveProvider
-  branding={{
-    companyName: 'Acme Inc.',
-    slogan: 'Secure access for modern teams',
-  }}
->
-  <App />
-</OctaveProvider>;
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <OctaveProvider>
+      <Component {...pageProps} />
+    </OctaveProvider>
+  );
+}
+```
+
+---
+
+## Usage
+
+### OctaveButton
+
+Use `OctaveButton` to render a styled button. You can pass a label, an action handler, or a link.
+
+```tsx
+import { OctaveButton } from '@octave-org/ui';
+
+export default function MyPage() {
+  return (
+    <OctaveButton
+      btnProps={{
+        label: 'Click me',
+        action: () => console.log('Button clicked!'),
+        context: 'primary', // 'primary' | 'destructive' | 'success' | 'warning'
+      }}
+    />
+  );
+}
 ```
 
-`OctaveAuthWrapper`, `OctaveAuthForm`, and `OctaveShell` will use that branding by default. You can still override branding per component with a `branding` prop when needed.
+You can also render the button as a link:
 
-## Running unit tests
+```tsx
+<OctaveButton
+  btnProps={{
+    label: 'Go to Dashboard',
+    link: '/dashboard',
+    context: 'success',
+  }}
+/>
+```
 
-Run `nx test @octave-org/ui` to execute the unit tests via [Jest](https://jestjs.io).
+---

package/dist/index.esm.js

@@ -1937,7 +1937,7 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -1966,7 +1966,7 @@ var defaultAttributes = {
 };
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2001,7 +2001,7 @@ const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
 };
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2012,7 +2012,7 @@ const __iconNode$h = [["path", { "d": "M12.802 2.165l5.575 2.389c.48 .206 .863 .
 const IconAlertOctagon = createReactComponent("outline", "alert-octagon", "AlertOctagon", __iconNode$h);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2023,7 +2023,7 @@ const __iconNode$g = [["path", { "d": "M12 9v4", "key": "svg-0" }], ["path", { "
 const IconAlertTriangle = createReactComponent("outline", "alert-triangle", "AlertTriangle", __iconNode$g);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2034,7 +2034,7 @@ const __iconNode$f = [["path", { "d": "M12 5l0 14", "key": "svg-0" }], ["path",
 const IconArrowDown = createReactComponent("outline", "arrow-down", "ArrowDown", __iconNode$f);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2045,7 +2045,7 @@ const __iconNode$e = [["path", { "d": "M12 5l0 14", "key": "svg-0" }], ["path",
 const IconArrowUp = createReactComponent("outline", "arrow-up", "ArrowUp", __iconNode$e);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2056,7 +2056,7 @@ const __iconNode$d = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
 const IconCheck = createReactComponent("outline", "check", "Check", __iconNode$d);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2067,7 +2067,7 @@ const __iconNode$c = [["path", { "d": "M15 6l-6 6l6 6", "key": "svg-0" }]];
 const IconChevronLeft = createReactComponent("outline", "chevron-left", "ChevronLeft", __iconNode$c);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2078,7 +2078,7 @@ const __iconNode$b = [["path", { "d": "M9 6l6 6l-6 6", "key": "svg-0" }]];
 const IconChevronRight = createReactComponent("outline", "chevron-right", "ChevronRight", __iconNode$b);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2089,7 +2089,7 @@ const __iconNode$a = [["path", { "d": "M10.585 10.587a2 2 0 0 0 2.829 2.828", "k
 const IconEyeOff = createReactComponent("outline", "eye-off", "EyeOff", __iconNode$a);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2100,7 +2100,7 @@ const __iconNode$9 = [["path", { "d": "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0", "ke
 const IconEye = createReactComponent("outline", "eye", "Eye", __iconNode$9);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2111,7 +2111,7 @@ const __iconNode$8 = [["path", { "d": "M12 3c-1.333 1 -2 2.5 -2 4.5c0 3 2 4.5 2
 const IconGalaxy = createReactComponent("outline", "galaxy", "Galaxy", __iconNode$8);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2122,7 +2122,7 @@ const __iconNode$7 = [["path", { "d": "M8 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key"
 const IconGripVertical = createReactComponent("outline", "grip-vertical", "GripVertical", __iconNode$7);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2133,7 +2133,7 @@ const __iconNode$6 = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "k
 const IconInfoCircle = createReactComponent("outline", "info-circle", "InfoCircle", __iconNode$6);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2144,7 +2144,7 @@ const __iconNode$5 = [["path", { "d": "M12 9h.01", "key": "svg-0" }], ["path", {
 const IconInfoSquare = createReactComponent("outline", "info-square", "InfoSquare", __iconNode$5);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2155,7 +2155,7 @@ const __iconNode$4 = [["path", { "d": "M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2
 const IconLogout = createReactComponent("outline", "logout", "Logout", __iconNode$4);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2166,7 +2166,7 @@ const __iconNode$3 = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", {
 const IconMenu2 = createReactComponent("outline", "menu-2", "Menu2", __iconNode$3);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2177,7 +2177,7 @@ const __iconNode$2 = [["path", { "d": "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0
 const IconMoon = createReactComponent("outline", "moon", "Moon", __iconNode$2);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2188,7 +2188,7 @@ const __iconNode$1 = [["path", { "d": "M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", "key
 const IconSun = createReactComponent("outline", "sun", "Sun", __iconNode$1);
 
 /**
- * @license @tabler/icons-react v3.40.0 - MIT
+ * @license @tabler/icons-react v3.41.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
@@ -2767,7 +2767,6 @@ function LinksGroup({
       paddingLeft: theme.spacing.md,
       marginLeft: theme.spacing.xl,
       fontSize: theme.fontSizes.sm,
-      color: isDark ? theme.colors.dark[0] : theme.colors.gray[7],
       borderLeft: `1px solid ${isDark ? theme.colors.dark[4] : theme.colors.gray[3]}`,
       backgroundColor: hoveredLink === link.label ? isDark ? theme.colors.dark[7] : theme.colors.gray[0] : 'transparent'
     },
@@ -2784,21 +2783,21 @@ function LinksGroup({
         display: 'block',
         width: '100%',
         fontWeight: 500,
-        padding: `${theme.spacing.xs} ${theme.spacing.md}`,
+        borderRadius: theme.spacing.xs,
+        padding: `${theme.spacing.xs}`,
         fontSize: theme.fontSizes.sm,
-        color: isDark ? theme.white : theme.black,
+        color: isDark ? 'white' : 'black',
         backgroundColor: controlHovered ? isDark ? theme.colors.dark[7] : theme.colors.gray[0] : 'transparent'
       },
       children: jsxs(Group, {
         justify: shellOpened ? 'space-between' : 'center',
-        gap: 0,
+        gap: shellOpened ? 'space-between' : 'center',
         children: [jsxs(Box, {
           style: {
             display: 'flex',
             alignItems: 'center'
           },
           children: [jsx(ThemeIcon, {
-            variant: "light",
             size: 35,
             children: jsx(Icon, {
               size: 18
@@ -3771,7 +3770,7 @@ const useBreakpoints = () => {
 
 const octaveTheme = createTheme({
   primaryColor: 'blue',
-  defaultRadius: 'md',
+  defaultRadius: 0,
   fontFamily: 'DM Sans, sans-serif'
 });
 
@@ -3798,28 +3797,31 @@ function ThemeTrigger() {
 
 const defaultBranding = {
   companyName: 'Octave Designs',
-  slogan: 'The ui system you deserve'
+  slogan: 'The ui system you deserve',
+  logo: jsx(IconGalaxy, {})
 };
 const OctaveBrandingContext = /*#__PURE__*/createContext(defaultBranding);
 function OctaveBrandingProvider({
   children,
   branding
 }) {
-  var _branding$companyName, _branding$slogan;
+  var _branding$companyName, _branding$slogan, _branding$logo;
   return jsx(OctaveBrandingContext.Provider, {
     value: {
       companyName: (_branding$companyName = branding == null ? void 0 : branding.companyName) != null ? _branding$companyName : defaultBranding.companyName,
-      slogan: (_branding$slogan = branding == null ? void 0 : branding.slogan) != null ? _branding$slogan : defaultBranding.slogan
+      slogan: (_branding$slogan = branding == null ? void 0 : branding.slogan) != null ? _branding$slogan : defaultBranding.slogan,
+      logo: (_branding$logo = branding == null ? void 0 : branding.logo) != null ? _branding$logo : defaultBranding.logo
     },
     children: children
   });
 }
 function useOctaveBranding(overrides) {
-  var _overrides$companyNam, _overrides$slogan;
+  var _overrides$companyNam, _overrides$slogan, _overrides$logo;
   const branding = useContext(OctaveBrandingContext);
   return {
     companyName: (_overrides$companyNam = overrides == null ? void 0 : overrides.companyName) != null ? _overrides$companyNam : branding.companyName,
-    slogan: (_overrides$slogan = overrides == null ? void 0 : overrides.slogan) != null ? _overrides$slogan : branding.slogan
+    slogan: (_overrides$slogan = overrides == null ? void 0 : overrides.slogan) != null ? _overrides$slogan : branding.slogan,
+    logo: (_overrides$logo = overrides == null ? void 0 : overrides.logo) != null ? _overrides$logo : branding.logo
   };
 }
 
@@ -3828,19 +3830,23 @@ function OctaveShell({
   props,
   title,
   subTitle,
-  logo,
   user,
   menu,
   branding
 }) {
   const [opened, {
     toggle
-  }] = useDisclosure();
+  }] = useDisclosure(true);
+  const theme = useMantineTheme();
   const {
     setColorScheme,
     colorScheme
   } = useMantineColorScheme();
   const appBranding = useOctaveBranding(branding);
+  const {
+    isMobile
+  } = useBreakpoints();
+  const optimalHeight = `calc(100vh - 60px)`;
   const icon = {
     light: jsx(IconSun, {
       size: 18
@@ -3849,9 +3855,6 @@ function OctaveShell({
       size: 18
     })
   };
-  const {
-    isMobile
-  } = useBreakpoints();
   const links = menu.map(item => (/*#__PURE__*/createElement$1(LinksGroup, Object.assign({
     shellOpened: opened
   }, item, {
@@ -3860,7 +3863,7 @@ function OctaveShell({
   const NavLogo = () => jsxs(Flex, {
     gap: "xs",
     align: "center",
-    children: [logo, (opened || isMobile) && jsxs(Stack, {
+    children: [(opened && isMobile || !isMobile) && appBranding.logo, (opened || isMobile) && jsxs(Stack, {
       gap: 0,
       children: [jsx(Text, {
         fw: 600,
@@ -3881,8 +3884,10 @@ function OctaveShell({
       width: 200,
       children: [jsx(Menu.Target, {
         children: jsx(Avatar, {
+          radius: theme.defaultRadius,
           size: "md",
-          radius: "sm",
+          variant: "filled",
+          color: "primary",
           name: (user == null ? void 0 : user.fullName) || 'Nigus Solomon'
         })
       }), (!opened || isMobile) && jsxs(Menu.Dropdown, {
@@ -3959,7 +3964,7 @@ function OctaveShell({
     },
     padding: props.disablePadding ? 0 : 'md',
     navbar: {
-      width: !opened ? 80 : 300,
+      width: !opened ? 85 : 350,
       breakpoint: 'sm',
       collapsed: {
         desktop: false,
@@ -3985,13 +3990,17 @@ function OctaveShell({
         }), UserAcc()]
       })
     }), jsxs(AppShell.Navbar, {
+      bg: colorScheme === 'dark' ? 'dark' : 'gray.0',
+      p: "xs",
+      withBorder: false,
       children: [jsx(ActionIcon, {
         display: !isMobile ? undefined : 'none',
         onClick: toggle,
+        size: "sm",
         radius: 100,
         pos: "absolute",
-        right: -15,
-        top: 28,
+        right: -10,
+        top: 44,
         style: {
           zIndex: 10
         },
@@ -4005,17 +4014,17 @@ function OctaveShell({
           p: 0,
           children: jsx(Stack, {
             children: opened ? jsx(IconChevronLeft, {
-              size: 18
+              size: 15
             }) : jsx(IconChevronRight, {
-              size: 18
+              size: 15
             })
           })
         })
       }), jsx(AppShell.Section, {
-        px: "sm",
+        p: "xs",
         children: jsx(Stack, {
           w: "100%",
-          h: 80,
+          h: 65,
           justify: "center",
           align: opened ? 'flex-start' : 'center',
           children: jsxs(Flex, {
@@ -4031,26 +4040,31 @@ function OctaveShell({
           })
         })
       }), jsx(Divider, {}), jsx(AppShell.Section, {
+        pt: "xs",
         grow: true,
         children: jsx(ScrollArea, {
           type: "never",
-          h: `calc(100vh - 160px ${isMobile ? ' - 80px' : ''})`,
+          h: `calc(${optimalHeight} - 120px)`,
           children: links
         })
       }), jsx(Divider, {}), jsx(AppShell.Section, {
-        px: "sm",
-        h: 80,
+        h: 60,
         w: "100%",
+        px: "xs",
         children: jsx(Stack, {
           w: "100%",
-          h: 80,
+          h: 60,
           justify: "center",
           align: opened ? 'flex-start' : 'center',
           children: UserAcc()
         })
       })]
     }), jsx(AppShell.Main, {
-      children: children
+      children: jsx(ScrollArea, {
+        type: "never",
+        h: "97vh",
+        children: children
+      })
     })]
   });
 }
@@ -4209,94 +4223,66 @@ function OctaveStatusBadge(props) {
   }));
 }
 
-function OctaveBanner(props) {
-  var _cardProps$bg, _cardProps$bg2;
-  const {
-    cardProps,
-    dividerProps,
-    stackedTextProps,
-    flexProps,
-    icon: Icon,
-    iconProps,
-    actions
-  } = props;
-  return jsx(Card, Object.assign({}, cardProps, {
-    children: jsxs(Flex, {
-      justify: "space-between",
-      align: "center",
-      wrap: "wrap",
-      gap: "md",
-      children: [jsxs(Flex, Object.assign({
-        gap: "xs",
-        align: "center"
-      }, flexProps, {
-        children: [jsx(Icon, Object.assign({
-          size: 30,
-          stroke: 1,
-          color: (cardProps == null || (_cardProps$bg = cardProps.bg) == null ? void 0 : _cardProps$bg.split('.')[0]) || undefined
-        }, iconProps)), jsx(Divider, Object.assign({
-          color: (cardProps == null || (_cardProps$bg2 = cardProps.bg) == null ? void 0 : _cardProps$bg2.split('.')[0]) || 'gray',
-          orientation: "vertical"
-        }, dividerProps)), jsx(OctaveStackedText, Object.assign({}, stackedTextProps))]
-      })), actions]
-    })
-  }));
-}
-
 function OctaveStatCard(props) {
-  var _props$colorMap, _props$colorMap2;
-  const {
-    colorScheme
-  } = useMantineColorScheme();
+  const colorMap = props.colorMap || {
+    up: 'green',
+    down: 'red',
+    neutral: 'primary'
+  };
   const {
     titleProps,
     descriptionProps,
     valueProps
   } = props;
   const Icon = props.icon;
-  return jsx(Card, {
+  return jsx(Card, Object.assign({}, props.cardProps, {
+    p: "xl",
     withBorder: true,
-    bg: `${props.color || 'white'}.0`,
     children: jsxs(Stack, {
       children: [jsxs(Flex, {
         justify: "space-between",
-        children: [Icon && jsx(Icon, {
-          color: colorScheme === 'dark' ? props.color : 'black',
-          size: 50
+        children: [jsx(ThemeIcon, {
+          size: "xl",
+          children: Icon && jsx(Icon, {
+            size: 25
+          })
         }), jsxs(Flex, {
           align: "center",
           gap: "xs",
-          children: [props.direction && props.direction !== 'neutral' && (props.direction === 'up' ? jsx(IconArrowUp, {
-            size: 20,
-            color: ((_props$colorMap = props.colorMap) == null ? void 0 : _props$colorMap.up) || 'green'
-          }) : props.direction === 'down' ? jsx(IconArrowDown, {
-            size: 20,
-            color: ((_props$colorMap2 = props.colorMap) == null ? void 0 : _props$colorMap2.down) || 'red'
-          }) : jsx(IconArrowDown, {
-            size: 20,
-            color: "red"
-          })), jsx(Title, Object.assign({
-            c: colorScheme === 'dark' ? props.color : 'black'
-          }, valueProps, {
+          children: [props.direction && props.direction !== 'neutral' && jsx(ThemeIcon, {
+            size: "xs",
+            color: colorMap == null ? void 0 : colorMap[props.direction],
+            children: props.direction === 'up' ? jsx(IconArrowUp, {
+              size: 12
+            }) : props.direction === 'down' ? jsx(IconArrowDown, {
+              size: 12
+            }) : jsx(IconArrowDown, {
+              size: 20,
+              color: (colorMap == null ? void 0 : colorMap.neutral) || 'primary'
+            })
+          }), jsx(Title, Object.assign({}, valueProps, {
             children: props.isValuePercent ? `${floatToPercent(props.value)}` : props.value
           }))]
         })]
       }), jsxs(Stack, {
-        gap: "xs",
+        gap: 0,
+        mt: "xl",
         children: [jsx(Text, Object.assign({
-          c: colorScheme === 'dark' ? props.color : 'black',
           fw: 900
         }, titleProps, {
+          size: "xl",
           children: props.title
         })), jsx(Text, Object.assign({
-          c: colorScheme === 'dark' ? 'black' : 'dimmed',
           size: "xs"
         }, descriptionProps, {
+          c: "dimmed",
+          truncate: "end",
+          lineClamp: 1,
           children: props.description
         }))]
       })]
     })
-  });
+  }));
 }
 
 var $$3 = _export;
@@ -4630,6 +4616,7 @@ function LoadingTable() {
     children: [jsx(Loader, {
       type: "bars"
     }), jsx(Text, {
+      size: "xs",
       c: "dimmed",
       children: "Table is loading."
     })]
@@ -4657,9 +4644,10 @@ function SortableHeader({
     transition
   };
   return jsx(Table.Th, Object.assign({
+    py: "sm",
     ref: setNodeRef
   }, attributes, {
-    style: style,
+    style: Object.assign({}, style),
     children: jsxs(Flex, {
       gap: "md",
       justify: "space-between",
@@ -4675,9 +4663,10 @@ function SortableHeader({
             size: 14
           })
         })), jsx(Text, Object.assign({
-          c: colorScheme === 'dark' ? 'dark' : 'white',
-          fw: 700
+          fw: 500,
+          size: "sm"
         }, col.labelProps, {
+          c: colorScheme === 'dark' ? 'white' : 'black',
           children: col.label
         }))]
       }), jsxs(Flex, {
@@ -4742,9 +4731,7 @@ function OctaveTable({
         children: jsx(Table, {
           variant: "vertical",
           layout: "fixed",
-          verticalSpacing: "md",
           horizontalSpacing: "md",
-          withColumnBorders: true,
           withRowBorders: true,
           children: jsx(Table.Tbody, {
             children: visibleColumns == null ? void 0 : visibleColumns.map(col => jsxs(Table.Tr, {
@@ -4769,9 +4756,9 @@ function OctaveTable({
     children: [jsxs(Flex, {
       align: "center",
       justify: "space-between",
-      children: [jsx(Box, {
+      children: [jsx("div", {
         children: leftSection
-      }), jsx(MultiSelect, {
+      }), hiddenColumns.length > 0 && jsx(MultiSelect, {
         miw: 200,
         label: "Hidden columns",
         data: columns.map(col => ({
@@ -4801,9 +4788,8 @@ function OctaveTable({
           }
         },
         children: jsxs(Table, {
-          verticalSpacing: "md",
+          verticalSpacing: "xs",
           horizontalSpacing: "md",
-          withColumnBorders: true,
           withRowBorders: true,
           children: [jsx(Table.Thead, {
             children: jsx(SortableContext, {
@@ -4930,13 +4916,7 @@ function OctaveAuthWrapper(props) {
         children: jsxs(Flex, {
           align: "center",
           gap: "xs",
-          children: [jsx(ThemeIcon, {
-            variant: "default",
-            size: 50,
-            children: jsx(IconGalaxy, {
-              size: 30
-            })
-          }), jsx(Divider, {
+          children: [branding.logo, jsx(Divider, {
             orientation: "vertical"
           }), jsx(OctaveStackedText, {
             title: branding.companyName,
@@ -5121,7 +5101,7 @@ function UIProvider({
 }) {
   return jsx(MantineProvider, {
     defaultColorScheme: "light",
-    theme: theme != null ? theme : octaveTheme,
+    theme: theme != null ? theme : Object.assign({}, octaveTheme),
     children: jsxs(OctaveBrandingProvider, {
       branding: branding,
       children: [jsx(Notifications, {}), children]
@@ -5132,4 +5112,4 @@ function OctaveProvider(props) {
   return jsx(UIProvider, Object.assign({}, props));
 }
 
-export { OctaveAuthForm, OctaveAuthWrapper, OctaveBadge, OctaveBanner, OctaveBrandingProvider, OctaveButton, OctaveCheckboxInput, OctaveFormBuilder, OctaveNumberInput, OctaveProvider, OctaveRadioInput, OctaveSecureInput, OctaveSelectInput, OctaveShell, OctaveStackedText, OctaveStatCard, OctaveStatusBadge, OctaveTable, OctaveTextInput, ThemeTrigger, TitleCaseToUnderscore, UIProvider, UnderscoreToTitleCase, clearTokens, error, floatToPercent, formatDate, formatETB, getAccessToken, getRefreshToken, info, octaveTheme, percentToFloat, setTokens, success, useBreakpoints, useOctaveBranding, warning };
+export { OctaveAuthForm, OctaveAuthWrapper, OctaveBadge, OctaveBrandingProvider, OctaveButton, OctaveCheckboxInput, OctaveFormBuilder, OctaveNumberInput, OctaveProvider, OctaveRadioInput, OctaveSecureInput, OctaveSelectInput, OctaveShell, OctaveStackedText, OctaveStatCard, OctaveStatusBadge, OctaveTable, OctaveTextInput, ThemeTrigger, TitleCaseToUnderscore, UIProvider, UnderscoreToTitleCase, clearTokens, error, floatToPercent, formatDate, formatETB, getAccessToken, getRefreshToken, info, octaveTheme, percentToFloat, setTokens, success, useBreakpoints, useOctaveBranding, warning };

package/dist/src/lib/blocks/auth/wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/wrapper.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAqB,MAAM,gBAAgB,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAqD9D"}
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/wrapper.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAqB,MAAM,gBAAgB,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoD9D"}

package/dist/src/lib/branding.d.ts

@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react';
 export interface OctaveBranding {
     companyName?: string;
     slogan?: string;
+    logo?: React.ReactNode;
 }
 export declare function OctaveBrandingProvider({ children, branding, }: PropsWithChildren<{
     branding?: OctaveBranding;
@@ -9,5 +10,6 @@ export declare function OctaveBrandingProvider({ children, branding, }: PropsWit
 export declare function useOctaveBranding(overrides?: OctaveBranding): {
     companyName: string;
     slogan: string;
+    logo: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
 };
 //# sourceMappingURL=branding.d.ts.map

package/dist/src/lib/branding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"branding.d.ts","sourceRoot":"","sources":["../../../src/lib/branding.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAElB,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAWD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,cAAc,CAAA;CAAE,CAAC,2CAWlD;AAED,wBAAgB,iBAAiB,CAAC,SAAS,CAAC,EAAE,cAAc;;;EAO3D"}
+{"version":3,"file":"branding.d.ts","sourceRoot":"","sources":["../../../src/lib/branding.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAWD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,cAAc,CAAA;CAAE,CAAC,2CAYlD;AAED,wBAAgB,iBAAiB,CAAC,SAAS,CAAC,EAAE,cAAc;;;;EAQ3D"}

package/dist/src/lib/data-display/index.d.ts

@@ -1,5 +1,4 @@
 export * from './badge';
-export * from './banner';
 export * from './stat-card';
 export * from './table';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/lib/data-display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/src/lib/data-display/stat-card.d.ts

@@ -1,4 +1,4 @@
-import { TextProps, TitleProps } from '@mantine/core';
+import { CardProps, TextProps, TitleProps } from '@mantine/core';
 import { IconProps } from '@tabler/icons-react';
 type OctaveStatCardDirection = 'up' | 'down' | 'neutral';
 interface OctaveStatCardProps {
@@ -7,12 +7,13 @@ interface OctaveStatCardProps {
     value: number;
     isValuePercent?: boolean;
     direction?: OctaveStatCardDirection;
-    color: string;
+    color?: string;
     icon: React.FC<IconProps>;
     colorMap?: Record<OctaveStatCardDirection, string>;
     titleProps?: TextProps;
     descriptionProps?: TextProps;
     valueProps?: TitleProps;
+    cardProps?: CardProps;
 }
 export declare function OctaveStatCard(props: OctaveStatCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/lib/data-display/stat-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAET,UAAU,EAEX,MAAM,eAAe,CAAC;AACvB,OAAO,EAA8B,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG5E,KAAK,uBAAuB,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEzD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAyDxD"}
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAIT,SAAS,EAGT,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAA8B,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG5E,KAAK,uBAAuB,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEzD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAsDxD"}

package/dist/src/lib/data-display/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,eAAe,EAIf,SAAS,EAEV,MAAM,eAAe,CAAC;AA2BvB,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACrC,KAAK,CAAC,EAAE,eAAe,CAAC;KACzB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;CACjB;AAqFD,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,EACV,WAAW,GACZ,EAAE,gBAAgB,CAAC,CAAC,CAAC,uFA2KrB"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,eAAe,EAIf,SAAS,EAEV,MAAM,eAAe,CAAC;AA2BvB,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACrC,KAAK,CAAC,EAAE,eAAe,CAAC;KACzB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;CACjB;AAwFD,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,EACV,WAAW,GACZ,EAAE,gBAAgB,CAAC,CAAC,CAAC,uFAsKrB"}

package/dist/src/lib/layout/nav-links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-links.d.ts","sourceRoot":"","sources":["../../../../src/lib/layout/nav-links.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAYlE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,IAAI,EACJ,eAAe,EACf,KAAK,EACL,WAAW,GACZ,EAAE,eAAe,2CAmFjB"}
+{"version":3,"file":"nav-links.d.ts","sourceRoot":"","sources":["../../../../src/lib/layout/nav-links.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAYlE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,IAAI,EACJ,eAAe,EACf,KAAK,EACL,WAAW,GACZ,EAAE,eAAe,2CAsFjB"}

package/dist/src/lib/layout/shell.d.ts

@@ -9,12 +9,11 @@ export type OctaveShellProps = {
     hasBack?: boolean;
 };
 export type OctavePageProps<P = Record<string, unknown>, IP = P> = NextPage<P, IP> & OctaveShellProps;
-export declare function OctaveShell({ children, props, title, subTitle, logo, user, menu, branding, }: {
+export declare function OctaveShell({ children, props, title, subTitle, user, menu, branding, }: {
     children: React.ReactNode;
     props: OctaveShellProps;
     title?: string;
     subTitle?: string;
-    logo?: React.ReactNode;
     menu: LinksGroupProps[];
     branding?: OctaveBranding;
     user?: {

package/dist/src/lib/layout/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/lib/layout/shell.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAc,eAAe,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,EAAE,cAAc,EAAqB,MAAM,aAAa,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,QAAQ,CACzE,CAAC,EACD,EAAE,CACH,GACC,gBAAgB,CAAC;AAEnB,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH,2CAkMA"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/lib/layout/shell.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAc,eAAe,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,EAAE,cAAc,EAAqB,MAAM,aAAa,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,QAAQ,CACzE,CAAC,EACD,EAAE,CACH,GACC,gBAAgB,CAAC;AAEnB,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH,2CA4MA"}

package/dist/src/lib/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/lib/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,cAAc,EAA0B,MAAM,YAAY,CAAC;AACpE,OAAO,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CASxE;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAExD"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/lib/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,cAAc,EAA0B,MAAM,YAAY,CAAC;AACpE,OAAO,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAYxE;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAExD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octave-org/ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "main": "./dist/index.esm.js",
   "module": "./dist/index.esm.js",

package/dist/src/lib/data-display/banner.d.ts

@@ -1,15 +0,0 @@
-import { CardProps, DividerProps, FlexProps } from '@mantine/core';
-import { OctaveStackedTextProps } from '../text';
-import { IconProps } from '@tabler/icons-react';
-interface OctaveBannerProps {
-    cardProps?: CardProps;
-    dividerProps?: DividerProps;
-    stackedTextProps: OctaveStackedTextProps;
-    flexProps?: FlexProps;
-    icon: React.FC<IconProps>;
-    iconProps?: IconProps;
-    actions?: React.ReactNode;
-}
-export declare function OctaveBanner(props: OctaveBannerProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=banner.d.ts.map

package/dist/src/lib/data-display/banner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/lib/data-display/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAET,YAAY,EAEZ,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAqB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAgCpD"}