@bwp-web/components 0.15.0 → 1.0.0

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1892,6 +1892,68 @@ function BiampBannerContent({ children, ...props }) {
 function BiampBannerActions({ children, ...props }) {
   return /* @__PURE__ */ jsx20(Box10, { display: "flex", gap: 1, alignItems: "center", ...props, children });
 }
+
+// src/BiampSegmentedButton/SegmentedButton.tsx
+import { Button as Button2, useTheme } from "@mui/material";
+import { alpha as alpha3 } from "@mui/material/styles";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function SegmentedButton({
+  children,
+  active,
+  small,
+  sx,
+  ...props
+}) {
+  const theme = 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__ */ jsx21(
+    Button2,
+    {
+      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 ${alpha3(theme.palette.common.black, 0.05)} !important` : "none !important",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/BiampSegmentedButton/SegmentedButtonGroup.tsx
+import { Stack as Stack7, useTheme as useTheme2 } from "@mui/material";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function SegmentedButtonGroup({ children, sx, ...props }) {
+  const theme = useTheme2();
+  const isDarkMode = theme.palette.mode === "dark";
+  return /* @__PURE__ */ jsx22(
+    Stack7,
+    {
+      direction: "row",
+      p: 0.5,
+      borderRadius: "6px",
+      gap: 1,
+      sx: {
+        backgroundColor: isDarkMode ? theme.palette.grey[800] : theme.palette.grey[100],
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
 export {
   BIAMP_TABLE_DEBOUNCE_DELAY,
   BiampAppDialog,
@@ -1930,6 +1992,8 @@ export {
   BiampTableToolbarSearch,
   BiampTableTruncatedCell,
   BiampWrapper,
+  SegmentedButton,
+  SegmentedButtonGroup,
   buildCsvString,
   exportToCsv,
   getColumnVisibilityDirtyCount,