@bwp-web/components 0.2.0

package/dist/BiampHeader/BiampHeader.d.ts

@@ -0,0 +1,47 @@
+import { BoxProps, ListItemButtonProps, PopoverProps, StackProps, TextFieldProps } from '@mui/material';
+import { JSX } from 'react';
+type BiampHeaderProps = StackProps & {
+    children?: React.ReactNode;
+};
+export declare function BiampHeader({ children, sx, ...props }: BiampHeaderProps): import("react/jsx-runtime").JSX.Element;
+type BiampHeaderTitleProps = BoxProps & {
+    icon?: JSX.Element;
+    title: string;
+};
+export declare function BiampHeaderTitle({ icon, title, sx, ...props }: BiampHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+type BiampHeaderSearchProps = TextFieldProps;
+export declare function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps): import("react/jsx-runtime").JSX.Element;
+type BiampHeaderActionsProps = BoxProps & {
+    children: React.ReactNode;
+};
+export declare function BiampHeaderActions({ children, sx, ...props }: BiampHeaderActionsProps): import("react/jsx-runtime").JSX.Element;
+type BiampHeaderButtonListProps = BoxProps & {
+    children: React.ReactNode;
+};
+export declare function BiampHeaderButtonList({ children, sx, ...props }: BiampHeaderButtonListProps): import("react/jsx-runtime").JSX.Element;
+type BiampHeaderButtonProps = ListItemButtonProps & {
+    icon: JSX.Element;
+    selectedIcon?: JSX.Element;
+    selected?: boolean;
+};
+export declare function BiampHeaderButton({ icon, selectedIcon, selected, sx, ...props }: BiampHeaderButtonProps): import("react/jsx-runtime").JSX.Element;
+type BiampAppPopoverProps = PopoverProps & {
+    children: React.ReactNode;
+};
+export declare function BiampAppPopover({ children, open, sx, ...props }: BiampAppPopoverProps): import("react/jsx-runtime").JSX.Element;
+type BiampAppDialogProps = BoxProps & {
+    children: React.ReactNode;
+};
+export declare function BiampAppDialog({ children, sx, ...props }: BiampAppDialogProps): import("react/jsx-runtime").JSX.Element;
+type BiampAppDialogItemProps = BoxProps & {
+    children: React.ReactNode;
+    name: string;
+};
+export declare function BiampAppDialogItem({ children, name, sx, ...props }: BiampAppDialogItemProps): import("react/jsx-runtime").JSX.Element;
+type BiampHeaderProfileProps = ListItemButtonProps & {
+    image: string;
+    selected?: boolean;
+};
+export declare function BiampHeaderProfile({ image, selected, sx, ...props }: BiampHeaderProfileProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BiampHeader.d.ts.map

package/dist/BiampHeader/BiampHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAGR,mBAAmB,EAEnB,YAAY,EAEZ,UAAU,EAEV,cAAc,EAEf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,KAAK,gBAAgB,GAAG,UAAU,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,KAAK,qBAAqB,GAAG,QAAQ,GAAG;IACtC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA0BvB;AAED,KAAK,sBAAsB,GAAG,cAAc,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAiCzE;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,KAAK,0BAA0B,GAAG,QAAQ,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAS5B;AAED,KAAK,sBAAsB,GAAG,mBAAmB,GAAG;IAClD,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAsBxB;AAED,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuBtB;AAED,KAAK,mBAAmB,GAAG,QAAQ,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmBrB;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkDzB;AAED,KAAK,uBAAuB,GAAG,mBAAmB,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAgCzB"}

package/dist/BiampHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { BiampHeader, BiampHeaderTitle, BiampHeaderSearch, BiampHeaderActions, BiampHeaderButtonList, BiampHeaderButton, BiampHeaderProfile, BiampAppDialog, BiampAppDialogItem, BiampAppPopover, } from './BiampHeader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,eAAe,GAChB,MAAM,eAAe,CAAC"}

package/dist/BiampSidebar/BiampSidebar.d.ts

@@ -0,0 +1,23 @@
+import { ListItemButtonProps, StackProps } from '@mui/material';
+import { JSX } from 'react';
+type BiampSidebarProps = StackProps & {
+    children: React.ReactNode;
+    bottomLogoIcon?: JSX.Element;
+};
+export declare function BiampSidebar({ children, bottomLogoIcon, sx, ...props }: BiampSidebarProps): import("react/jsx-runtime").JSX.Element;
+type BiampSidebarIconList = StackProps & {
+    children: React.ReactNode;
+};
+export declare function BiampSidebarIconList({ children, sx, ...props }: BiampSidebarIconList): import("react/jsx-runtime").JSX.Element;
+type BiampSidebarIconProps = ListItemButtonProps & {
+    selected?: boolean;
+    icon: JSX.Element;
+    selectedIcon?: JSX.Element;
+};
+export declare function BiampSidebarIcon({ selected, icon, selectedIcon, sx, ...props }: BiampSidebarIconProps): import("react/jsx-runtime").JSX.Element;
+type BiampSidebarComponentProps = ListItemButtonProps & {
+    children: React.ReactNode;
+};
+export declare function BiampSidebarComponent({ children, sx, ...props }: BiampSidebarComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BiampSidebar.d.ts.map

package/dist/BiampSidebar/BiampSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiampSidebar.d.ts","sourceRoot":"","sources":["../../src/BiampSidebar/BiampSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,KAAK,iBAAiB,GAAG,UAAU,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,2CASnB;AAED,KAAK,oBAAoB,GAAG,UAAU,GAAG;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAMtB;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAsBvB;AAED,KAAK,0BAA0B,GAAG,mBAAmB,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAmB5B"}

package/dist/BiampSidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { BiampSidebar, BiampSidebarIcon, BiampSidebarIconList, BiampSidebarComponent, } from './BiampSidebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,gBAAgB,CAAC"}

package/dist/BiampWrapper/BiampWrapper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BoxProps } from '@mui/material/Box';
+export type BiampWrapperProps = BoxProps & {
+    children?: React.ReactNode;
+};
+/**
+ * A full-page content wrapper that stretches to fill all available space
+ * with 8px padding, 8px border radius, and scrollable overflow.
+ * Background: white (light) / `grey.800` (dark).
+ */
+export declare function BiampWrapper({ children, sx, ...props }: BiampWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BiampWrapper.d.ts.map

package/dist/BiampWrapper/BiampWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiampWrapper.d.ts","sourceRoot":"","sources":["../../src/BiampWrapper/BiampWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAqBzE"}

package/dist/BiampWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export { BiampWrapper } from './BiampWrapper';
+export type { BiampWrapperProps } from './BiampWrapper';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/Header/Header.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import AppBar from '@mui/material/AppBar';
+export interface HeaderProps {
+    /** The title displayed in the header */
+    title?: string;
+    /** Content rendered on the left side of the header (e.g. logo, navigation) */
+    startContent?: React.ReactNode;
+    /** Content rendered on the right side of the header (e.g. user menu, actions) */
+    endContent?: React.ReactNode;
+    /** Additional props passed to the MUI AppBar */
+    appBarProps?: React.ComponentProps<typeof AppBar>;
+}
+/**
+ * A skeleton header component built on MUI AppBar.
+ * Provides a simple layout with a title and optional start/end content slots.
+ */
+export declare const Header: React.FC<HeaderProps>;
+//# sourceMappingURL=Header.d.ts.map

package/dist/Header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAK1C,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,iFAAiF;IACjF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gDAAgD;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CACnD;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6BxC,CAAC"}

package/dist/Header/index.d.ts

@@ -0,0 +1,3 @@
+export { Header } from './Header';
+export type { HeaderProps } from './Header';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.cjs

@@ -0,0 +1,497 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AppsIcon: () => import_assets3.AppsIcon,
+  AppsIconFilled: () => import_assets3.AppsIconFilled,
+  BiampAppDialog: () => BiampAppDialog,
+  BiampAppDialogItem: () => BiampAppDialogItem,
+  BiampAppPopover: () => BiampAppPopover,
+  BiampHeader: () => BiampHeader,
+  BiampHeaderActions: () => BiampHeaderActions,
+  BiampHeaderButton: () => BiampHeaderButton,
+  BiampHeaderButtonList: () => BiampHeaderButtonList,
+  BiampHeaderProfile: () => BiampHeaderProfile,
+  BiampHeaderSearch: () => BiampHeaderSearch,
+  BiampHeaderTitle: () => BiampHeaderTitle,
+  BiampLogoIcon: () => import_assets3.BiampLogoIcon,
+  BiampSidebar: () => BiampSidebar,
+  BiampSidebarComponent: () => BiampSidebarComponent,
+  BiampSidebarIcon: () => BiampSidebarIcon,
+  BiampSidebarIconList: () => BiampSidebarIconList,
+  BiampWrapper: () => BiampWrapper,
+  Header: () => Header,
+  SearchIcon: () => import_assets3.SearchIcon
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/Header/Header.tsx
+var import_AppBar = __toESM(require("@mui/material/AppBar"), 1);
+var import_Toolbar = __toESM(require("@mui/material/Toolbar"), 1);
+var import_Typography = __toESM(require("@mui/material/Typography"), 1);
+var import_Box = __toESM(require("@mui/material/Box"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Header = ({
+  title,
+  startContent,
+  endContent,
+  appBarProps
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AppBar.default, { position: "static", ...appBarProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Toolbar.default, { children: [
+    startContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { display: "flex", alignItems: "center", mr: 2 }, children: startContent }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: title }),
+    !title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { flexGrow: 1 } }),
+    endContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { display: "flex", alignItems: "center" }, children: endContent })
+  ] }) });
+};
+
+// src/BiampWrapper/BiampWrapper.tsx
+var import_Box2 = __toESM(require("@mui/material/Box"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function BiampWrapper({ children, sx, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_Box2.default,
+    {
+      display: "flex",
+      padding: "8px",
+      alignItems: "flex-start",
+      sx: {
+        flex: 1,
+        height: "100%",
+        width: "100%",
+        borderRadius: "8px",
+        overflow: "auto",
+        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.common.white,
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/BiampSidebar/BiampSidebar.tsx
+var import_material = require("@mui/material");
+var import_assets = require("@bwp-web/assets");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function BiampSidebar({
+  children,
+  bottomLogoIcon,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material.Stack, { width: "48px", height: "100%", sx: { mx: 2.5, ...sx }, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Stack, { height: "100%", children }),
+    bottomLogoIcon ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_assets.BiampLogoIcon, { sx: { width: "48px", height: "15px" } })
+  ] });
+}
+function BiampSidebarIconList({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Stack, { height: "100%", sx: { gap: "4px", ...sx }, ...props, children });
+}
+function BiampSidebarIcon({
+  selected,
+  icon,
+  selectedIcon,
+  sx,
+  ...props
+}) {
+  const displayedSelectedIcon = selectedIcon ?? icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material.ListItemButton,
+    {
+      selected,
+      disableGutters: true,
+      disableRipple: true,
+      sx: {
+        minWidth: "48px",
+        maxWidth: "48px",
+        minHeight: "48px",
+        maxHeight: "48px",
+        borderRadius: "8px",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children: selected ? displayedSelectedIcon : icon
+    }
+  );
+}
+function BiampSidebarComponent({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material.Box,
+    {
+      sx: {
+        minWidth: "48px",
+        maxWidth: "48px",
+        minHeight: "48px",
+        maxHeight: "48px",
+        borderRadius: "8px",
+        overflow: "hidden",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/BiampHeader/BiampHeader.tsx
+var import_material2 = require("@mui/material");
+var import_assets2 = require("@bwp-web/assets");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function BiampHeader({ children, sx, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.Stack,
+    {
+      direction: "row",
+      alignItems: "center",
+      sx: { px: 2.5, py: 1.5, ...sx },
+      ...props,
+      children
+    }
+  );
+}
+function BiampHeaderTitle({
+  icon,
+  title,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Box, { sx: { pr: 3, ...sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material2.Box, { sx: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_material2.Box,
+      {
+        sx: {
+          width: 24,
+          height: 24,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_material2.Box,
+          {
+            component: "img",
+            src: import_assets2.BiampRedLogo,
+            alt: "Biamp",
+            sx: { width: 24, height: 24 }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: title })
+  ] }) });
+}
+function BiampHeaderSearch({ sx, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.TextField,
+    {
+      placeholder: "Search...",
+      fullWidth: true,
+      sx: {
+        px: 1.5,
+        "& .MuiOutlinedInput-root": {
+          height: "40px !important",
+          minHeight: "40px"
+        },
+        "& .MuiOutlinedInput-input": {
+          height: "40px !important"
+        },
+        "& .MuiOutlinedInput-notchedOutline": {
+          height: "40px !important",
+          border: "none",
+          boxShadow: "none"
+        },
+        ...sx
+      },
+      slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_assets2.SearchIcon, {}) })
+        }
+      },
+      ...props
+    }
+  );
+}
+function BiampHeaderActions({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.Box,
+    {
+      sx: {
+        pl: 3,
+        gap: 2,
+        display: "flex",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampHeaderButtonList({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.Box,
+    {
+      sx: { display: "flex", alignItems: "center", gap: 0.5, ...sx },
+      ...props,
+      children
+    }
+  );
+}
+function BiampHeaderButton({
+  icon,
+  selectedIcon,
+  selected,
+  sx,
+  ...props
+}) {
+  const displayedSelectedIcon = selectedIcon ?? icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.ListItemButton,
+    {
+      selected,
+      disableGutters: true,
+      disableRipple: true,
+      sx: {
+        minWidth: "40px",
+        maxWidth: "40px",
+        minHeight: "40px",
+        maxHeight: "40px",
+        borderRadius: "4px",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children: selected ? displayedSelectedIcon : icon
+    }
+  );
+}
+function BiampAppPopover({
+  children,
+  open,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.Popover,
+    {
+      open,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      sx: { ...sx },
+      transformOrigin: { vertical: -4, horizontal: 150 },
+      slotProps: {
+        paper: {
+          sx: {
+            borderRadius: "16px",
+            backgroundImage: "none",
+            border: ({ palette }) => `0.6px solid ${palette.divider}`,
+            boxShadow: ({ palette }) => `0px 4px 24px 0px ${(0, import_material2.alpha)(palette.common.black, 0.15)};`
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampAppDialog({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.Box,
+    {
+      sx: {
+        p: 2,
+        display: "inline-flex",
+        flexWrap: "wrap",
+        gap: 1.5,
+        maxWidth: "284px",
+        borderRadius: "16px",
+        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.common.white,
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampAppDialogItem({
+  children,
+  name,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_material2.Box,
+    {
+      sx: {
+        width: "76px",
+        height: "89px",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        cursor: "pointer",
+        justifyContent: "center",
+        gap: "4px",
+        borderRadius: "12px",
+        border: "0.6px solid transparent",
+        transition: "background-color 0.2s ease, border-color 0.2s ease",
+        ":hover": {
+          backgroundColor: ({ palette }) => (0, import_material2.alpha)(palette.info.main, 0.1),
+          borderColor: ({ palette }) => palette.info.main
+        },
+        ...sx
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_material2.Box,
+          {
+            sx: {
+              mt: "8px",
+              width: "54px",
+              height: "54px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_material2.Typography,
+          {
+            variant: "caption",
+            fontWeight: 600,
+            sx: {
+              textAlign: "center",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              maxWidth: "100%"
+            },
+            children: name
+          }
+        )
+      ]
+    }
+  );
+}
+function BiampHeaderProfile({
+  image,
+  selected,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material2.ListItemButton,
+    {
+      selected,
+      disableGutters: true,
+      disableRipple: true,
+      sx: {
+        minWidth: "36px",
+        maxWidth: "36px",
+        minHeight: "36px",
+        maxHeight: "36px",
+        borderRadius: "6px",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_material2.Box,
+        {
+          component: "img",
+          src: image,
+          alt: "Profile Image",
+          sx: {
+            width: 32,
+            height: 32,
+            borderRadius: "4px",
+            border: ({ palette }) => `0.6px solid var(--Divider-divider_primary, ${(0, import_material2.alpha)(palette.background.paper, 0.15)})`
+          }
+        }
+      )
+    }
+  );
+}
+
+// src/index.ts
+var import_assets3 = require("@bwp-web/assets");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppsIcon,
+  AppsIconFilled,
+  BiampAppDialog,
+  BiampAppDialogItem,
+  BiampAppPopover,
+  BiampHeader,
+  BiampHeaderActions,
+  BiampHeaderButton,
+  BiampHeaderButtonList,
+  BiampHeaderProfile,
+  BiampHeaderSearch,
+  BiampHeaderTitle,
+  BiampLogoIcon,
+  BiampSidebar,
+  BiampSidebarComponent,
+  BiampSidebarIcon,
+  BiampSidebarIconList,
+  BiampWrapper,
+  Header,
+  SearchIcon
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/Header/Header.tsx","../src/BiampWrapper/BiampWrapper.tsx","../src/BiampSidebar/BiampSidebar.tsx","../src/BiampHeader/BiampHeader.tsx"],"sourcesContent":["export { Header } from './Header';\nexport type { HeaderProps } from './Header';\nexport { BiampWrapper } from './BiampWrapper';\nexport type { BiampWrapperProps } from './BiampWrapper';\nexport * from './BiampSidebar';\nexport * from './BiampHeader';\nexport {\n  AppsIcon,\n  AppsIconFilled,\n  BiampLogoIcon,\n  SearchIcon,\n} from '@bwp-web/assets';\n","import React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nexport interface HeaderProps {\n  /** The title displayed in the header */\n  title?: string;\n  /** Content rendered on the left side of the header (e.g. logo, navigation) */\n  startContent?: React.ReactNode;\n  /** Content rendered on the right side of the header (e.g. user menu, actions) */\n  endContent?: React.ReactNode;\n  /** Additional props passed to the MUI AppBar */\n  appBarProps?: React.ComponentProps<typeof AppBar>;\n}\n\n/**\n * A skeleton header component built on MUI AppBar.\n * Provides a simple layout with a title and optional start/end content slots.\n */\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  startContent,\n  endContent,\n  appBarProps,\n}) => {\n  return (\n    <AppBar position=\"static\" {...appBarProps}>\n      <Toolbar>\n        {startContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center', mr: 2 }}>\n            {startContent}\n          </Box>\n        )}\n\n        {title && (\n          <Typography variant=\"h6\" component=\"div\" sx={{ flexGrow: 1 }}>\n            {title}\n          </Typography>\n        )}\n\n        {!title && <Box sx={{ flexGrow: 1 }} />}\n\n        {endContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>{endContent}</Box>\n        )}\n      </Toolbar>\n    </AppBar>\n  );\n};\n","import React from 'react';\nimport Box, { BoxProps } from '@mui/material/Box';\n\nexport type BiampWrapperProps = BoxProps & {\n  children?: React.ReactNode;\n};\n\n/**\n * A full-page content wrapper that stretches to fill all available space\n * with 8px padding, 8px border radius, and scrollable overflow.\n * Background: white (light) / `grey.800` (dark).\n */\nexport function BiampWrapper({ children, sx, ...props }: BiampWrapperProps) {\n  return (\n    <Box\n      display=\"flex\"\n      padding=\"8px\"\n      alignItems=\"flex-start\"\n      sx={{\n        flex: 1,\n        height: '100%',\n        width: '100%',\n        borderRadius: '8px',\n        overflow: 'auto',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  Box,\n  ListItemButton,\n  ListItemButtonProps,\n  Stack,\n  StackProps,\n} from '@mui/material';\nimport { BiampLogoIcon } from '@bwp-web/assets';\nimport { JSX } from 'react';\n\ntype BiampSidebarProps = StackProps & {\n  children: React.ReactNode;\n  bottomLogoIcon?: JSX.Element;\n};\n\nexport function BiampSidebar({\n  children,\n  bottomLogoIcon,\n  sx,\n  ...props\n}: BiampSidebarProps) {\n  return (\n    <Stack width=\"48px\" height=\"100%\" sx={{ mx: 2.5, ...sx }} {...props}>\n      <Stack height=\"100%\">{children}</Stack>\n      {bottomLogoIcon ?? (\n        <BiampLogoIcon sx={{ width: '48px', height: '15px' }} />\n      )}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconList = StackProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarIconList({\n  children,\n  sx,\n  ...props\n}: BiampSidebarIconList) {\n  return (\n    <Stack height=\"100%\" sx={{ gap: '4px', ...sx }} {...props}>\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconProps = ListItemButtonProps & {\n  selected?: boolean;\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n};\n\nexport function BiampSidebarIcon({\n  selected,\n  icon,\n  selectedIcon,\n  sx,\n  ...props\n}: BiampSidebarIconProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampSidebarComponentProps = ListItemButtonProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarComponent({\n  children,\n  sx,\n  ...props\n}: BiampSidebarComponentProps) {\n  return (\n    <Box\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        overflow: 'hidden',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  alpha,\n  Box,\n  BoxProps,\n  InputAdornment,\n  ListItemButton,\n  ListItemButtonProps,\n  Popover,\n  PopoverProps,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material';\nimport { JSX } from 'react';\nimport { BiampRedLogo, SearchIcon } from '@bwp-web/assets';\n\ntype BiampHeaderProps = StackProps & {\n  children?: React.ReactNode;\n};\n\nexport function BiampHeader({ children, sx, ...props }: BiampHeaderProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{ px: 2.5, py: 1.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampHeaderTitleProps = BoxProps & {\n  icon?: JSX.Element;\n  title: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box sx={{ pr: 3, ...sx }} {...props}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n        <Box\n          sx={{\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon ?? (\n            <Box\n              component=\"img\"\n              src={BiampRedLogo}\n              alt=\"Biamp\"\n              sx={{ width: 24, height: 24 }}\n            />\n          )}\n        </Box>\n        <Typography variant=\"h4\">{title}</Typography>\n      </Box>\n    </Box>\n  );\n}\n\ntype BiampHeaderSearchProps = TextFieldProps;\n\nexport function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps) {\n  return (\n    <TextField\n      placeholder=\"Search...\"\n      fullWidth\n      sx={{\n        px: 1.5,\n        '& .MuiOutlinedInput-root': {\n          height: '40px !important',\n          minHeight: '40px',\n        },\n        '& .MuiOutlinedInput-input': {\n          height: '40px !important',\n        },\n        '& .MuiOutlinedInput-notchedOutline': {\n          height: '40px !important',\n          border: 'none',\n          boxShadow: 'none',\n        },\n        ...sx,\n      }}\n      slotProps={{\n        input: {\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          ),\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\ntype BiampHeaderActionsProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderActions({\n  children,\n  sx,\n  ...props\n}: BiampHeaderActionsProps) {\n  return (\n    <Box\n      sx={{\n        pl: 3,\n        gap: 2,\n        display: 'flex',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonListProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderButtonList({\n  children,\n  sx,\n  ...props\n}: BiampHeaderButtonListProps) {\n  return (\n    <Box\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonProps = ListItemButtonProps & {\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n  selected?: boolean;\n};\n\nexport function BiampHeaderButton({\n  icon,\n  selectedIcon,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderButtonProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '40px',\n        maxWidth: '40px',\n        minHeight: '40px',\n        maxHeight: '40px',\n        borderRadius: '4px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampAppPopoverProps = PopoverProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppPopover({\n  children,\n  open,\n  sx,\n  ...props\n}: BiampAppPopoverProps) {\n  return (\n    <Popover\n      open={open}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      sx={{ ...sx }}\n      transformOrigin={{ vertical: -4, horizontal: 150 }}\n      slotProps={{\n        paper: {\n          sx: {\n            borderRadius: '16px',\n            backgroundImage: 'none',\n            border: ({ palette }) => `0.6px solid ${palette.divider}`,\n            boxShadow: ({ palette }) =>\n              `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`,\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </Popover>\n  );\n}\n\ntype BiampAppDialogProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppDialog({\n  children,\n  sx,\n  ...props\n}: BiampAppDialogProps) {\n  return (\n    <Box\n      sx={{\n        p: 2,\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: 1.5,\n        maxWidth: '284px',\n        borderRadius: '16px',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampAppDialogItemProps = BoxProps & {\n  children: React.ReactNode;\n  name: string;\n};\n\nexport function BiampAppDialogItem({\n  children,\n  name,\n  sx,\n  ...props\n}: BiampAppDialogItemProps) {\n  return (\n    <Box\n      sx={{\n        width: '76px',\n        height: '89px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        cursor: 'pointer',\n        justifyContent: 'center',\n        gap: '4px',\n        borderRadius: '12px',\n        border: '0.6px solid transparent',\n        transition: 'background-color 0.2s ease, border-color 0.2s ease',\n        ':hover': {\n          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),\n          borderColor: ({ palette }) => palette.info.main,\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          mt: '8px',\n          width: '54px',\n          height: '54px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n      <Typography\n        variant=\"caption\"\n        fontWeight={600}\n        sx={{\n          textAlign: 'center',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          maxWidth: '100%',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n\ntype BiampHeaderProfileProps = ListItemButtonProps & {\n  image: string;\n  selected?: boolean;\n};\n\nexport function BiampHeaderProfile({\n  image,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderProfileProps) {\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '36px',\n        maxWidth: '36px',\n        minHeight: '36px',\n        maxHeight: '36px',\n        borderRadius: '6px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        component=\"img\"\n        src={image}\n        alt={'Profile Image'}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: '4px',\n          border: ({ palette }) =>\n            `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`,\n        }}\n      />\n    </ListItemButton>\n  );\n}\n"],"mappings":"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","names":["AppBar","Toolbar","Box","Typography","import_Box","import_jsx_runtime","Box","import_jsx_runtime","import_material","import_assets","import_jsx_runtime","import_assets"]}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { Header } from './Header';
+export type { HeaderProps } from './Header';
+export { BiampWrapper } from './BiampWrapper';
+export type { BiampWrapperProps } from './BiampWrapper';
+export * from './BiampSidebar';
+export * from './BiampHeader';
+export { AppsIcon, AppsIconFilled, BiampLogoIcon, SearchIcon, } from '@bwp-web/assets';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,UAAU,GACX,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,459 @@
+// src/Header/Header.tsx
+import AppBar from "@mui/material/AppBar";
+import Toolbar from "@mui/material/Toolbar";
+import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Header = ({
+  title,
+  startContent,
+  endContent,
+  appBarProps
+}) => {
+  return /* @__PURE__ */ jsx(AppBar, { position: "static", ...appBarProps, children: /* @__PURE__ */ jsxs(Toolbar, { children: [
+    startContent && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", mr: 2 }, children: startContent }),
+    title && /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: title }),
+    !title && /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 } }),
+    endContent && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center" }, children: endContent })
+  ] }) });
+};
+
+// src/BiampWrapper/BiampWrapper.tsx
+import Box2 from "@mui/material/Box";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function BiampWrapper({ children, sx, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    Box2,
+    {
+      display: "flex",
+      padding: "8px",
+      alignItems: "flex-start",
+      sx: {
+        flex: 1,
+        height: "100%",
+        width: "100%",
+        borderRadius: "8px",
+        overflow: "auto",
+        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.common.white,
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/BiampSidebar/BiampSidebar.tsx
+import {
+  Box as Box3,
+  ListItemButton,
+  Stack
+} from "@mui/material";
+import { BiampLogoIcon } from "@bwp-web/assets";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function BiampSidebar({
+  children,
+  bottomLogoIcon,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(Stack, { width: "48px", height: "100%", sx: { mx: 2.5, ...sx }, ...props, children: [
+    /* @__PURE__ */ jsx3(Stack, { height: "100%", children }),
+    bottomLogoIcon ?? /* @__PURE__ */ jsx3(BiampLogoIcon, { sx: { width: "48px", height: "15px" } })
+  ] });
+}
+function BiampSidebarIconList({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(Stack, { height: "100%", sx: { gap: "4px", ...sx }, ...props, children });
+}
+function BiampSidebarIcon({
+  selected,
+  icon,
+  selectedIcon,
+  sx,
+  ...props
+}) {
+  const displayedSelectedIcon = selectedIcon ?? icon;
+  return /* @__PURE__ */ jsx3(
+    ListItemButton,
+    {
+      selected,
+      disableGutters: true,
+      disableRipple: true,
+      sx: {
+        minWidth: "48px",
+        maxWidth: "48px",
+        minHeight: "48px",
+        maxHeight: "48px",
+        borderRadius: "8px",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children: selected ? displayedSelectedIcon : icon
+    }
+  );
+}
+function BiampSidebarComponent({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    Box3,
+    {
+      sx: {
+        minWidth: "48px",
+        maxWidth: "48px",
+        minHeight: "48px",
+        maxHeight: "48px",
+        borderRadius: "8px",
+        overflow: "hidden",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/BiampHeader/BiampHeader.tsx
+import {
+  alpha,
+  Box as Box4,
+  InputAdornment,
+  ListItemButton as ListItemButton2,
+  Popover,
+  Stack as Stack2,
+  TextField,
+  Typography as Typography2
+} from "@mui/material";
+import { BiampRedLogo, SearchIcon } from "@bwp-web/assets";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function BiampHeader({ children, sx, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    Stack2,
+    {
+      direction: "row",
+      alignItems: "center",
+      sx: { px: 2.5, py: 1.5, ...sx },
+      ...props,
+      children
+    }
+  );
+}
+function BiampHeaderTitle({
+  icon,
+  title,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(Box4, { sx: { pr: 3, ...sx }, ...props, children: /* @__PURE__ */ jsxs3(Box4, { sx: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+    /* @__PURE__ */ jsx4(
+      Box4,
+      {
+        sx: {
+          width: 24,
+          height: 24,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: icon ?? /* @__PURE__ */ jsx4(
+          Box4,
+          {
+            component: "img",
+            src: BiampRedLogo,
+            alt: "Biamp",
+            sx: { width: 24, height: 24 }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx4(Typography2, { variant: "h4", children: title })
+  ] }) });
+}
+function BiampHeaderSearch({ sx, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    TextField,
+    {
+      placeholder: "Search...",
+      fullWidth: true,
+      sx: {
+        px: 1.5,
+        "& .MuiOutlinedInput-root": {
+          height: "40px !important",
+          minHeight: "40px"
+        },
+        "& .MuiOutlinedInput-input": {
+          height: "40px !important"
+        },
+        "& .MuiOutlinedInput-notchedOutline": {
+          height: "40px !important",
+          border: "none",
+          boxShadow: "none"
+        },
+        ...sx
+      },
+      slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ jsx4(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx4(SearchIcon, {}) })
+        }
+      },
+      ...props
+    }
+  );
+}
+function BiampHeaderActions({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    Box4,
+    {
+      sx: {
+        pl: 3,
+        gap: 2,
+        display: "flex",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampHeaderButtonList({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    Box4,
+    {
+      sx: { display: "flex", alignItems: "center", gap: 0.5, ...sx },
+      ...props,
+      children
+    }
+  );
+}
+function BiampHeaderButton({
+  icon,
+  selectedIcon,
+  selected,
+  sx,
+  ...props
+}) {
+  const displayedSelectedIcon = selectedIcon ?? icon;
+  return /* @__PURE__ */ jsx4(
+    ListItemButton2,
+    {
+      selected,
+      disableGutters: true,
+      disableRipple: true,
+      sx: {
+        minWidth: "40px",
+        maxWidth: "40px",
+        minHeight: "40px",
+        maxHeight: "40px",
+        borderRadius: "4px",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children: selected ? displayedSelectedIcon : icon
+    }
+  );
+}
+function BiampAppPopover({
+  children,
+  open,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    Popover,
+    {
+      open,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      sx: { ...sx },
+      transformOrigin: { vertical: -4, horizontal: 150 },
+      slotProps: {
+        paper: {
+          sx: {
+            borderRadius: "16px",
+            backgroundImage: "none",
+            border: ({ palette }) => `0.6px solid ${palette.divider}`,
+            boxShadow: ({ palette }) => `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampAppDialog({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    Box4,
+    {
+      sx: {
+        p: 2,
+        display: "inline-flex",
+        flexWrap: "wrap",
+        gap: 1.5,
+        maxWidth: "284px",
+        borderRadius: "16px",
+        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.common.white,
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampAppDialogItem({
+  children,
+  name,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(
+    Box4,
+    {
+      sx: {
+        width: "76px",
+        height: "89px",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        cursor: "pointer",
+        justifyContent: "center",
+        gap: "4px",
+        borderRadius: "12px",
+        border: "0.6px solid transparent",
+        transition: "background-color 0.2s ease, border-color 0.2s ease",
+        ":hover": {
+          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),
+          borderColor: ({ palette }) => palette.info.main
+        },
+        ...sx
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx4(
+          Box4,
+          {
+            sx: {
+              mt: "8px",
+              width: "54px",
+              height: "54px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          Typography2,
+          {
+            variant: "caption",
+            fontWeight: 600,
+            sx: {
+              textAlign: "center",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              maxWidth: "100%"
+            },
+            children: name
+          }
+        )
+      ]
+    }
+  );
+}
+function BiampHeaderProfile({
+  image,
+  selected,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    ListItemButton2,
+    {
+      selected,
+      disableGutters: true,
+      disableRipple: true,
+      sx: {
+        minWidth: "36px",
+        maxWidth: "36px",
+        minHeight: "36px",
+        maxHeight: "36px",
+        borderRadius: "6px",
+        justifyContent: "center",
+        alignItems: "center",
+        ...sx
+      },
+      ...props,
+      children: /* @__PURE__ */ jsx4(
+        Box4,
+        {
+          component: "img",
+          src: image,
+          alt: "Profile Image",
+          sx: {
+            width: 32,
+            height: 32,
+            borderRadius: "4px",
+            border: ({ palette }) => `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`
+          }
+        }
+      )
+    }
+  );
+}
+
+// src/index.ts
+import {
+  AppsIcon,
+  AppsIconFilled,
+  BiampLogoIcon as BiampLogoIcon2,
+  SearchIcon as SearchIcon2
+} from "@bwp-web/assets";
+export {
+  AppsIcon,
+  AppsIconFilled,
+  BiampAppDialog,
+  BiampAppDialogItem,
+  BiampAppPopover,
+  BiampHeader,
+  BiampHeaderActions,
+  BiampHeaderButton,
+  BiampHeaderButtonList,
+  BiampHeaderProfile,
+  BiampHeaderSearch,
+  BiampHeaderTitle,
+  BiampLogoIcon2 as BiampLogoIcon,
+  BiampSidebar,
+  BiampSidebarComponent,
+  BiampSidebarIcon,
+  BiampSidebarIconList,
+  BiampWrapper,
+  Header,
+  SearchIcon2 as SearchIcon
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Header/Header.tsx","../src/BiampWrapper/BiampWrapper.tsx","../src/BiampSidebar/BiampSidebar.tsx","../src/BiampHeader/BiampHeader.tsx","../src/index.ts"],"sourcesContent":["import React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nexport interface HeaderProps {\n  /** The title displayed in the header */\n  title?: string;\n  /** Content rendered on the left side of the header (e.g. logo, navigation) */\n  startContent?: React.ReactNode;\n  /** Content rendered on the right side of the header (e.g. user menu, actions) */\n  endContent?: React.ReactNode;\n  /** Additional props passed to the MUI AppBar */\n  appBarProps?: React.ComponentProps<typeof AppBar>;\n}\n\n/**\n * A skeleton header component built on MUI AppBar.\n * Provides a simple layout with a title and optional start/end content slots.\n */\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  startContent,\n  endContent,\n  appBarProps,\n}) => {\n  return (\n    <AppBar position=\"static\" {...appBarProps}>\n      <Toolbar>\n        {startContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center', mr: 2 }}>\n            {startContent}\n          </Box>\n        )}\n\n        {title && (\n          <Typography variant=\"h6\" component=\"div\" sx={{ flexGrow: 1 }}>\n            {title}\n          </Typography>\n        )}\n\n        {!title && <Box sx={{ flexGrow: 1 }} />}\n\n        {endContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>{endContent}</Box>\n        )}\n      </Toolbar>\n    </AppBar>\n  );\n};\n","import React from 'react';\nimport Box, { BoxProps } from '@mui/material/Box';\n\nexport type BiampWrapperProps = BoxProps & {\n  children?: React.ReactNode;\n};\n\n/**\n * A full-page content wrapper that stretches to fill all available space\n * with 8px padding, 8px border radius, and scrollable overflow.\n * Background: white (light) / `grey.800` (dark).\n */\nexport function BiampWrapper({ children, sx, ...props }: BiampWrapperProps) {\n  return (\n    <Box\n      display=\"flex\"\n      padding=\"8px\"\n      alignItems=\"flex-start\"\n      sx={{\n        flex: 1,\n        height: '100%',\n        width: '100%',\n        borderRadius: '8px',\n        overflow: 'auto',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  Box,\n  ListItemButton,\n  ListItemButtonProps,\n  Stack,\n  StackProps,\n} from '@mui/material';\nimport { BiampLogoIcon } from '@bwp-web/assets';\nimport { JSX } from 'react';\n\ntype BiampSidebarProps = StackProps & {\n  children: React.ReactNode;\n  bottomLogoIcon?: JSX.Element;\n};\n\nexport function BiampSidebar({\n  children,\n  bottomLogoIcon,\n  sx,\n  ...props\n}: BiampSidebarProps) {\n  return (\n    <Stack width=\"48px\" height=\"100%\" sx={{ mx: 2.5, ...sx }} {...props}>\n      <Stack height=\"100%\">{children}</Stack>\n      {bottomLogoIcon ?? (\n        <BiampLogoIcon sx={{ width: '48px', height: '15px' }} />\n      )}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconList = StackProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarIconList({\n  children,\n  sx,\n  ...props\n}: BiampSidebarIconList) {\n  return (\n    <Stack height=\"100%\" sx={{ gap: '4px', ...sx }} {...props}>\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconProps = ListItemButtonProps & {\n  selected?: boolean;\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n};\n\nexport function BiampSidebarIcon({\n  selected,\n  icon,\n  selectedIcon,\n  sx,\n  ...props\n}: BiampSidebarIconProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampSidebarComponentProps = ListItemButtonProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarComponent({\n  children,\n  sx,\n  ...props\n}: BiampSidebarComponentProps) {\n  return (\n    <Box\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        overflow: 'hidden',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  alpha,\n  Box,\n  BoxProps,\n  InputAdornment,\n  ListItemButton,\n  ListItemButtonProps,\n  Popover,\n  PopoverProps,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material';\nimport { JSX } from 'react';\nimport { BiampRedLogo, SearchIcon } from '@bwp-web/assets';\n\ntype BiampHeaderProps = StackProps & {\n  children?: React.ReactNode;\n};\n\nexport function BiampHeader({ children, sx, ...props }: BiampHeaderProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{ px: 2.5, py: 1.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampHeaderTitleProps = BoxProps & {\n  icon?: JSX.Element;\n  title: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box sx={{ pr: 3, ...sx }} {...props}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n        <Box\n          sx={{\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon ?? (\n            <Box\n              component=\"img\"\n              src={BiampRedLogo}\n              alt=\"Biamp\"\n              sx={{ width: 24, height: 24 }}\n            />\n          )}\n        </Box>\n        <Typography variant=\"h4\">{title}</Typography>\n      </Box>\n    </Box>\n  );\n}\n\ntype BiampHeaderSearchProps = TextFieldProps;\n\nexport function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps) {\n  return (\n    <TextField\n      placeholder=\"Search...\"\n      fullWidth\n      sx={{\n        px: 1.5,\n        '& .MuiOutlinedInput-root': {\n          height: '40px !important',\n          minHeight: '40px',\n        },\n        '& .MuiOutlinedInput-input': {\n          height: '40px !important',\n        },\n        '& .MuiOutlinedInput-notchedOutline': {\n          height: '40px !important',\n          border: 'none',\n          boxShadow: 'none',\n        },\n        ...sx,\n      }}\n      slotProps={{\n        input: {\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          ),\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\ntype BiampHeaderActionsProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderActions({\n  children,\n  sx,\n  ...props\n}: BiampHeaderActionsProps) {\n  return (\n    <Box\n      sx={{\n        pl: 3,\n        gap: 2,\n        display: 'flex',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonListProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderButtonList({\n  children,\n  sx,\n  ...props\n}: BiampHeaderButtonListProps) {\n  return (\n    <Box\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonProps = ListItemButtonProps & {\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n  selected?: boolean;\n};\n\nexport function BiampHeaderButton({\n  icon,\n  selectedIcon,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderButtonProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '40px',\n        maxWidth: '40px',\n        minHeight: '40px',\n        maxHeight: '40px',\n        borderRadius: '4px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampAppPopoverProps = PopoverProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppPopover({\n  children,\n  open,\n  sx,\n  ...props\n}: BiampAppPopoverProps) {\n  return (\n    <Popover\n      open={open}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      sx={{ ...sx }}\n      transformOrigin={{ vertical: -4, horizontal: 150 }}\n      slotProps={{\n        paper: {\n          sx: {\n            borderRadius: '16px',\n            backgroundImage: 'none',\n            border: ({ palette }) => `0.6px solid ${palette.divider}`,\n            boxShadow: ({ palette }) =>\n              `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`,\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </Popover>\n  );\n}\n\ntype BiampAppDialogProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppDialog({\n  children,\n  sx,\n  ...props\n}: BiampAppDialogProps) {\n  return (\n    <Box\n      sx={{\n        p: 2,\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: 1.5,\n        maxWidth: '284px',\n        borderRadius: '16px',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampAppDialogItemProps = BoxProps & {\n  children: React.ReactNode;\n  name: string;\n};\n\nexport function BiampAppDialogItem({\n  children,\n  name,\n  sx,\n  ...props\n}: BiampAppDialogItemProps) {\n  return (\n    <Box\n      sx={{\n        width: '76px',\n        height: '89px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        cursor: 'pointer',\n        justifyContent: 'center',\n        gap: '4px',\n        borderRadius: '12px',\n        border: '0.6px solid transparent',\n        transition: 'background-color 0.2s ease, border-color 0.2s ease',\n        ':hover': {\n          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),\n          borderColor: ({ palette }) => palette.info.main,\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          mt: '8px',\n          width: '54px',\n          height: '54px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n      <Typography\n        variant=\"caption\"\n        fontWeight={600}\n        sx={{\n          textAlign: 'center',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          maxWidth: '100%',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n\ntype BiampHeaderProfileProps = ListItemButtonProps & {\n  image: string;\n  selected?: boolean;\n};\n\nexport function BiampHeaderProfile({\n  image,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderProfileProps) {\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '36px',\n        maxWidth: '36px',\n        minHeight: '36px',\n        maxHeight: '36px',\n        borderRadius: '6px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        component=\"img\"\n        src={image}\n        alt={'Profile Image'}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: '4px',\n          border: ({ palette }) =>\n            `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`,\n        }}\n      />\n    </ListItemButton>\n  );\n}\n","export { Header } from './Header';\nexport type { HeaderProps } from './Header';\nexport { BiampWrapper } from './BiampWrapper';\nexport type { BiampWrapperProps } from './BiampWrapper';\nexport * from './BiampSidebar';\nexport * from './BiampHeader';\nexport {\n  AppsIcon,\n  AppsIconFilled,\n  BiampLogoIcon,\n  SearchIcon,\n} from '@bwp-web/assets';\n"],"mappings":";AACA,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAyBV,SAEI,KAFJ;AARC,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,oBAAC,UAAO,UAAS,UAAU,GAAG,aAC5B,+BAAC,WACE;AAAA,oBACC,oBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,IAAI,EAAE,GACrD,wBACH;AAAA,IAGD,SACC,oBAAC,cAAW,SAAQ,MAAK,WAAU,OAAM,IAAI,EAAE,UAAU,EAAE,GACxD,iBACH;AAAA,IAGD,CAAC,SAAS,oBAAC,OAAI,IAAI,EAAE,UAAU,EAAE,GAAG;AAAA,IAEpC,cACC,oBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,SAAS,GAAI,sBAAW;AAAA,KAEpE,GACF;AAEJ;;;ACjDA,OAAOA,UAAuB;AAa1B,gBAAAC,YAAA;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,GAAG,MAAM,GAAsB;AAC1E,SACE,gBAAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,IAAI;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB,CAAC,EAAE,QAAQ,MAC1B,QAAQ,SAAS,SAAS,QAAQ,KAAK,GAAG,IAAI,QAAQ,OAAO;AAAA,QAC/D,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACjCA;AAAA,EACE,OAAAE;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,qBAAqB;AAe1B,SACE,OAAAC,MADF,QAAAC,aAAA;AAPG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,gBAAAA,MAAC,SAAM,OAAM,QAAO,QAAO,QAAO,IAAI,EAAE,IAAI,KAAK,GAAG,GAAG,GAAI,GAAG,OAC5D;AAAA,oBAAAD,KAAC,SAAM,QAAO,QAAQ,UAAS;AAAA,IAC9B,kBACC,gBAAAA,KAAC,iBAAc,IAAI,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG;AAAA,KAE1D;AAEJ;AAMO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,SACE,gBAAAA,KAAC,SAAM,QAAO,QAAO,IAAI,EAAE,KAAK,OAAO,GAAG,GAAG,GAAI,GAAG,OACjD,UACH;AAEJ;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,wBAAwB,gBAAgB;AAC9C,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,qBAAW,wBAAwB;AAAA;AAAA,EACtC;AAEJ;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE,gBAAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;AC9GA;AAAA,EACE;AAAA,EACA,OAAAG;AAAA,EAEA;AAAA,EACA,kBAAAC;AAAA,EAEA;AAAA,EAEA,SAAAC;AAAA,EAEA;AAAA,EAEA,cAAAC;AAAA,OACK;AAEP,SAAS,cAAc,kBAAkB;AAQrC,gBAAAC,MAwBE,QAAAC,aAxBF;AAFG,SAAS,YAAY,EAAE,UAAU,IAAI,GAAG,MAAM,GAAqB;AACxE,SACE,gBAAAD;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,IAAI,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG,GAAG;AAAA,MAC7B,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,SACE,gBAAAE,KAACJ,MAAA,EAAI,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAI,GAAG,OAC7B,0BAAAK,MAACL,MAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,GAC5D;AAAA,oBAAAI;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,QAClB;AAAA,QAEC,kBACC,gBAAAI;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,IAAI,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA;AAAA,QAC9B;AAAA;AAAA,IAEJ;AAAA,IACA,gBAAAI,KAACD,aAAA,EAAW,SAAQ,MAAM,iBAAM;AAAA,KAClC,GACF;AAEJ;AAIO,SAAS,kBAAkB,EAAE,IAAI,GAAG,MAAM,GAA2B;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAS;AAAA,MACT,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,4BAA4B;AAAA,UAC1B,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACA,6BAA6B;AAAA,UAC3B,QAAQ;AAAA,QACV;AAAA,QACA,sCAAsC;AAAA,UACpC,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,WAAW;AAAA,QACT,OAAO;AAAA,UACL,gBACE,gBAAAA,KAAC,kBAAe,UAAS,SACvB,0BAAAA,KAAC,cAAW,GACd;AAAA,QAEJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE,gBAAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE,gBAAAI;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,KAAK,GAAG,GAAG;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,wBAAwB,gBAAgB;AAC9C,SACE,gBAAAI;AAAA,IAACH;AAAA,IAAA;AAAA,MACC;AAAA,MACA,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,qBAAW,wBAAwB;AAAA;AAAA,EACtC;AAEJ;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,SACE,gBAAAG;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,EAAE,UAAU,UAAU,YAAY,OAAO;AAAA,MACvD,IAAI,EAAE,GAAG,GAAG;AAAA,MACZ,iBAAiB,EAAE,UAAU,IAAI,YAAY,IAAI;AAAA,MACjD,WAAW;AAAA,QACT,OAAO;AAAA,UACL,IAAI;AAAA,YACF,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ,CAAC,EAAE,QAAQ,MAAM,eAAe,QAAQ,OAAO;AAAA,YACvD,WAAW,CAAC,EAAE,QAAQ,MACpB,oBAAoB,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,UACzD;AAAA,QACF;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE,gBAAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,GAAG;AAAA,QACH,SAAS;AAAA,QACT,UAAU;AAAA,QACV,KAAK;AAAA,QACL,UAAU;AAAA,QACV,cAAc;AAAA,QACd,iBAAiB,CAAC,EAAE,QAAQ,MAC1B,QAAQ,SAAS,SAAS,QAAQ,KAAK,GAAG,IAAI,QAAQ,OAAO;AAAA,QAC/D,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE,gBAAAK;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,UACR,iBAAiB,CAAC,EAAE,QAAQ,MAAM,MAAM,QAAQ,KAAK,MAAM,GAAG;AAAA,UAC9D,aAAa,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK;AAAA,QAC7C;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,wBAAAI;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA,gBAAAI;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAY;AAAA,YACZ,IAAI;AAAA,cACF,WAAW;AAAA,cACX,UAAU;AAAA,cACV,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU;AAAA,YACZ;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACH;AAAA,IAAA;AAAA,MACC;AAAA,MACA,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEJ,0BAAAG;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA,UACL,IAAI;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,QAAQ,CAAC,EAAE,QAAQ,MACjB,8CAA8C,MAAM,QAAQ,WAAW,OAAO,IAAI,CAAC;AAAA,UACvF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AC/VA;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAAM;AAAA,EACA,cAAAC;AAAA,OACK;","names":["Box","jsx","Box","jsx","jsxs","Box","ListItemButton","Stack","Typography","jsx","jsxs","BiampLogoIcon","SearchIcon"]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@bwp-web/components",
+  "version": "0.2.0",
+  "description": "Shared Biamp Workplace React components",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "clean": "rm -rf dist node_modules .turbo"
+  },
+  "peerDependencies": {
+    "@bwp-web/assets": ">=0.2.0",
+    "@mui/material": ">=7.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@bwp-web/assets": "*",
+    "@bwp-web/eslint-config": "*",
+    "@mui/material": "^7.3.7",
+    "@types/react": "^19.1.0",
+    "eslint": "^9.39.2",
+    "prettier": "^3.8.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.2"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/evoko/workplace-public-packages.git",
+    "directory": "packages/components"
+  }
+}