@bwp-web/components 0.15.0 → 1.0.0

package/dist/BiampSegmentedButton/SegmentedButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '@mui/material';
+type Props = ButtonProps & {
+    children: React.ReactNode;
+    active?: boolean;
+    small?: boolean;
+    component?: React.ElementType;
+};
+export declare function SegmentedButton({ children, active, small, sx, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SegmentedButton.d.ts.map

package/dist/BiampSegmentedButton/SegmentedButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedButton.d.ts","sourceRoot":"","sources":["../../src/BiampSegmentedButton/SegmentedButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAC;AAG9D,KAAK,KAAK,GAAG,WAAW,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,EAAE,EACF,GAAG,KAAK,EACT,EAAE,KAAK,2CAmCP"}

package/dist/BiampSegmentedButton/SegmentedButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import { StackProps } from '@mui/material';
+type Props = StackProps & {
+    children: React.ReactNode[];
+    component?: React.ElementType;
+};
+export declare function SegmentedButtonGroup({ children, sx, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SegmentedButtonGroup.d.ts.map

package/dist/BiampSegmentedButton/SegmentedButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedButtonGroup.d.ts","sourceRoot":"","sources":["../../src/BiampSegmentedButton/SegmentedButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAY,MAAM,eAAe,CAAC;AAE5D,KAAK,KAAK,GAAG,UAAU,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAoBrE"}

package/dist/BiampSegmentedButton/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampSegmentedButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.cjs

@@ -67,6 +67,8 @@ __export(index_exports, {
   BiampTableToolbarSearch: () => BiampTableToolbarSearch,
   BiampTableTruncatedCell: () => BiampTableTruncatedCell,
   BiampWrapper: () => BiampWrapper,
+  SegmentedButton: () => SegmentedButton,
+  SegmentedButtonGroup: () => SegmentedButtonGroup,
   buildCsvString: () => buildCsvString,
   exportToCsv: () => exportToCsv,
   getColumnVisibilityDirtyCount: () => getColumnVisibilityDirtyCount,
@@ -1908,6 +1910,68 @@ function BiampBannerContent({ children, ...props }) {
 function BiampBannerActions({ children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Box, { display: "flex", gap: 1, alignItems: "center", ...props, children });
 }
+
+// src/BiampSegmentedButton/SegmentedButton.tsx
+var import_material19 = require("@mui/material");
+var import_styles = require("@mui/material/styles");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function SegmentedButton({
+  children,
+  active,
+  small,
+  sx,
+  ...props
+}) {
+  const theme = (0, import_material19.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  const backgroundColor = active ? isDarkMode ? theme.palette.grey[900] : theme.palette.common.white : "transparent";
+  const textColor = active ? theme.palette.text.primary : theme.palette.text.secondary;
+  const border = active ? "solid" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_material19.Button,
+    {
+      sx: {
+        backgroundColor,
+        color: textColor,
+        borderRadius: "4px",
+        border,
+        borderColor: "divider",
+        lineHeight: 1.5,
+        px: 1.5,
+        py: 0,
+        height: small ? "22px" : "26px",
+        ...small && { fontSize: "12px", letterSpacing: "-0.24px" },
+        boxShadow: active ? `0 1px 2px 0 ${(0, import_styles.alpha)(theme.palette.common.black, 0.05)} !important` : "none !important",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/BiampSegmentedButton/SegmentedButtonGroup.tsx
+var import_material20 = require("@mui/material");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function SegmentedButtonGroup({ children, sx, ...props }) {
+  const theme = (0, import_material20.useTheme)();
+  const isDarkMode = theme.palette.mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_material20.Stack,
+    {
+      direction: "row",
+      p: 0.5,
+      borderRadius: "6px",
+      gap: 1,
+      sx: {
+        backgroundColor: isDarkMode ? theme.palette.grey[800] : theme.palette.grey[100],
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BIAMP_TABLE_DEBOUNCE_DELAY,
@@ -1947,6 +2011,8 @@ function BiampBannerActions({ children, ...props }) {
   BiampTableToolbarSearch,
   BiampTableTruncatedCell,
   BiampWrapper,
+  SegmentedButton,
+  SegmentedButtonGroup,
   buildCsvString,
   exportToCsv,
   getColumnVisibilityDirtyCount,