@octave-org/ui 0.0.2 → 0.0.4

package/README.md

@@ -1,7 +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.
 
-## Running unit tests
+> **Note:** This package is currently only stable on the **Next.js Pages Router**. App Router support is not guaranteed.
 
-Run `nx test @octave-org/ui` to execute the unit tests via [Jest](https://jestjs.io).
+---
+
+## 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';
+
+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'
+      }}
+    />
+  );
+}
+```
+
+You can also render the button as a link:
+
+```tsx
+<OctaveButton
+  btnProps={{
+    label: 'Go to Dashboard',
+    link: '/dashboard',
+    context: 'success',
+  }}
+/>
+```
+
+---

package/dist/index.esm.js

@@ -8,7 +8,7 @@ import { notifications as notifications$1, Notifications } from '@mantine/notifi
 export * from '@mantine/notifications';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Link from 'next/link';
-import { forwardRef, createElement as createElement$1, useState, useMemo } from 'react';
+import { forwardRef, createElement as createElement$1, useState, useContext, createContext, useMemo } from 'react';
 import { useSensors, useSensor, PointerSensor, DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, horizontalListSortingStrategy, arrayMove, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -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'
     },
@@ -2786,7 +2785,6 @@ function LinksGroup({
         fontWeight: 500,
         padding: `${theme.spacing.xs} ${theme.spacing.md}`,
         fontSize: theme.fontSizes.sm,
-        color: isDark ? theme.white : theme.black,
         backgroundColor: controlHovered ? isDark ? theme.colors.dark[7] : theme.colors.gray[0] : 'transparent'
       },
       children: jsxs(Group, {
@@ -3796,6 +3794,36 @@ function ThemeTrigger() {
   });
 }
 
+const defaultBranding = {
+  companyName: 'Octave Designs',
+  slogan: 'The ui system you deserve',
+  logo: jsx(IconGalaxy, {})
+};
+const OctaveBrandingContext = /*#__PURE__*/createContext(defaultBranding);
+function OctaveBrandingProvider({
+  children,
+  branding
+}) {
+  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,
+      logo: (_branding$logo = branding == null ? void 0 : branding.logo) != null ? _branding$logo : defaultBranding.logo
+    },
+    children: children
+  });
+}
+function useOctaveBranding(overrides) {
+  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,
+    logo: (_overrides$logo = overrides == null ? void 0 : overrides.logo) != null ? _overrides$logo : branding.logo
+  };
+}
+
 function OctaveShell({
   children,
   props,
@@ -3803,7 +3831,8 @@ function OctaveShell({
   subTitle,
   logo,
   user,
-  menu
+  menu,
+  branding
 }) {
   const [opened, {
     toggle
@@ -3812,6 +3841,7 @@ function OctaveShell({
     setColorScheme,
     colorScheme
   } = useMantineColorScheme();
+  const appBranding = useOctaveBranding(branding);
   const icon = {
     light: jsx(IconSun, {
       size: 18
@@ -3831,15 +3861,15 @@ function OctaveShell({
   const NavLogo = () => jsxs(Flex, {
     gap: "xs",
     align: "center",
-    children: [logo, (opened || isMobile) && jsxs(Stack, {
+    children: [appBranding.logo, (opened || isMobile) && jsxs(Stack, {
       gap: 0,
       children: [jsx(Text, {
         fw: 600,
-        children: title
+        children: title != null ? title : appBranding.companyName
       }), jsx(Text, {
         size: "xs",
         c: "dimmed",
-        children: subTitle
+        children: subTitle != null ? subTitle : appBranding.slogan
       })]
     })]
   });
@@ -4112,6 +4142,7 @@ function OctaveStackedText({
   descProps
 }) {
   return jsxs(Stack, {
+    justify: "center",
     gap: 0,
     children: [jsx(Text, Object.assign({
       size: "xl",
@@ -4834,6 +4865,7 @@ function OctaveAuthWrapper(props) {
   const {
     colorScheme
   } = useMantineColorScheme();
+  const branding = useOctaveBranding(props.branding);
   return jsxs(SimpleGrid, {
     p: "md",
     cols: {
@@ -4902,14 +4934,12 @@ function OctaveAuthWrapper(props) {
           children: [jsx(ThemeIcon, {
             variant: "default",
             size: 50,
-            children: jsx(IconGalaxy, {
-              size: 30
-            })
+            children: branding.logo
           }), jsx(Divider, {
             orientation: "vertical"
           }), jsx(OctaveStackedText, {
-            title: "Octave Designs",
-            description: "The ui system you deserve",
+            title: branding.companyName,
+            description: branding.slogan,
             titleProps: {
               c: colorScheme === 'light' ? 'white' : 'black'
             },
@@ -4993,6 +5023,7 @@ function OctaveAuthForm({
     validate
   });
   return jsx(OctaveAuthWrapper, {
+    branding: config.branding,
     children: jsx(Center, {
       w: "100%",
       h: "100%",
@@ -5084,16 +5115,20 @@ function OctaveAuthForm({
 
 function UIProvider({
   children,
-  theme
+  theme,
+  branding
 }) {
-  return jsxs(MantineProvider, {
+  return jsx(MantineProvider, {
     defaultColorScheme: "light",
     theme: theme != null ? theme : octaveTheme,
-    children: [jsx(Notifications, {}), children]
+    children: jsxs(OctaveBrandingProvider, {
+      branding: branding,
+      children: [jsx(Notifications, {}), children]
+    })
   });
 }
 function OctaveProvider(props) {
   return jsx(UIProvider, Object.assign({}, props));
 }
 
-export { OctaveAuthForm, OctaveBadge, OctaveBanner, 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, warning };
+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 };

package/dist/src/index.d.ts

@@ -4,5 +4,6 @@ export * from '@mantine/hooks';
 export * from '@mantine/notifications';
 export * from './components';
 export * from './utils';
+export * from './lib/branding';
 export { OctaveProvider, UIProvider } from './lib/provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/lib/blocks/auth/authFormBuilder.d.ts

@@ -1,6 +1,7 @@
 import { FormValidateInput } from '@mantine/form';
 import { FormFieldConfig } from '../../input-components/formBuilder';
 import { OctaveButtonContext } from '../../input-components';
+import { OctaveBranding } from '../../branding';
 export interface AuthFormRow<T extends object> {
     columns: FormFieldConfig<T>[][];
 }
@@ -8,6 +9,7 @@ export interface AuthFormConfig<T extends object> {
     title: string;
     description: string;
     icon?: React.ReactNode;
+    branding?: OctaveBranding;
     rows?: AuthFormRow<T>[];
     fields?: FormFieldConfig<T>[];
     pinFieldName?: keyof T;

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

@@ -1 +1 @@
-{"version":3,"file":"authFormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/authFormBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAEL,eAAe,EAChB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAgB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAI3E,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM;IAC3C,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9B,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC/C,CAAC;IAEF,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;QAC3C,OAAO,CAAC,EAAE,mBAAmB,CAAC;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM;IACtC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,EAC/C,MAAM,EACN,aAAa,EACb,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CAiGlB"}
+{"version":3,"file":"authFormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/authFormBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAEL,eAAe,EAChB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAgB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG3E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM;IAC3C,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9B,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC/C,CAAC;IAEF,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;QAC3C,OAAO,CAAC,EAAE,mBAAmB,CAAC;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM;IACtC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,EAC/C,MAAM,EACN,aAAa,EACb,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CAiGlB"}

package/dist/src/lib/blocks/auth/index.d.ts

@@ -1,2 +1,3 @@
 export * from './authFormBuilder';
+export * from './wrapper';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC"}

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

@@ -1,6 +1,8 @@
+import { OctaveBranding } from '../../branding';
 export interface OctaveAuthWrapperProps {
     children: React.ReactNode;
     flip?: boolean;
+    branding?: OctaveBranding;
 }
 export declare function OctaveAuthWrapper(props: OctaveAuthWrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=wrapper.d.ts.map

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":"AAaA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAmD9D"}
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/blocks/auth/wrapper.tsx"],"names":[],"mappings":"AAWA,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"}

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

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+export interface OctaveBranding {
+    companyName?: string;
+    slogan?: string;
+    logo?: React.ReactNode;
+}
+export declare function OctaveBrandingProvider({ children, branding, }: PropsWithChildren<{
+    branding?: OctaveBranding;
+}>): import("react/jsx-runtime").JSX.Element;
+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

@@ -0,0 +1 @@
+{"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/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,2CAiFjB"}

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

@@ -1,5 +1,6 @@
 import { NextPage } from 'next/dist/types';
 import { LinksGroupProps } from './nav-links';
+import { OctaveBranding } from '../branding';
 export type OctaveShellProps = {
     disablePadding?: boolean;
     disabled?: boolean;
@@ -8,13 +9,14 @@ 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, }: {
+export declare function OctaveShell({ children, props, title, subTitle, logo, user, menu, branding, }: {
     children: React.ReactNode;
     props: OctaveShellProps;
-    title: string;
-    subTitle: string;
+    title?: string;
+    subTitle?: string;
     logo?: React.ReactNode;
     menu: LinksGroupProps[];
+    branding?: OctaveBranding;
     user?: {
         fullName: string;
         contact: string;

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;AAI1D,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,GACL,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH,2CAiMA"}
+{"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"}

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

@@ -1,11 +1,13 @@
 import { MantineThemeOverride } from '@mantine/core';
 import type { PropsWithChildren } from 'react';
+import { OctaveBranding } from './branding';
 import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
 export interface UIProviderProps extends PropsWithChildren {
     theme?: MantineThemeOverride;
+    branding?: OctaveBranding;
 }
-export declare function UIProvider({ children, theme }: UIProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function UIProvider({ children, theme, branding }: UIProviderProps): import("react/jsx-runtime").JSX.Element;
 export type OctaveProviderProps = UIProviderProps;
 export declare function OctaveProvider(props: OctaveProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=provider.d.ts.map

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,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,2CAU9D;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,2CASxE;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAExD"}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@octave-org/ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "./dist/index.esm.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
+  "private": false,
   "files": [
     "dist",
     "README.md"