@12-apps/ui 6.59.0 → 6.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Popover
3
- } from "../../../../chunk-62E2X66R.js";
3
+ } from "../../../../chunk-72BVL6VF.js";
4
4
  import "../../../../chunk-SSX5ITPM.js";
5
5
  import "../../../../chunk-F5H2ZXST.js";
6
6
  import "../../../../chunk-N3GAFIXG.js";
@@ -113,7 +113,7 @@ import "../../../chunk-EJDOH7IN.js";
113
113
  import "../../../chunk-6CUNJ4JF.js";
114
114
  import {
115
115
  Popover
116
- } from "../../../chunk-62E2X66R.js";
116
+ } from "../../../chunk-72BVL6VF.js";
117
117
  import "../../../chunk-62FET2BM.js";
118
118
  import {
119
119
  Carousel
@@ -548,7 +548,7 @@ import "../../chunk-EJDOH7IN.js";
548
548
  import "../../chunk-6CUNJ4JF.js";
549
549
  import {
550
550
  Popover
551
- } from "../../chunk-62E2X66R.js";
551
+ } from "../../chunk-72BVL6VF.js";
552
552
  import "../../chunk-62FET2BM.js";
553
553
  import {
554
554
  Carousel
@@ -106,21 +106,25 @@ var Popover = React.forwardRef(
106
106
  maxWidth,
107
107
  dataTestId,
108
108
  children,
109
+ PaperProps: callerPaper,
109
110
  ...props
110
111
  }, ref) => /* @__PURE__ */ jsx(
111
112
  MuiPopover,
112
113
  {
113
114
  ref,
114
115
  "data-testid": dataTestId || "popover-content",
116
+ ...props,
115
117
  PaperProps: {
118
+ ...callerPaper,
116
119
  component: StyledPaper,
117
120
  customVariant: variant,
118
121
  glow,
119
122
  pulse,
120
- sx: { maxWidth: popoverCap(maxWidth) },
121
- ...props.PaperProps
123
+ sx: [
124
+ { maxWidth: popoverCap(maxWidth) },
125
+ ...Array.isArray(callerPaper?.sx) ? callerPaper.sx : [callerPaper?.sx ?? {}]
126
+ ]
122
127
  },
123
- ...props,
124
128
  children
125
129
  }
126
130
  )
@@ -130,4 +134,4 @@ Popover.displayName = "Popover";
130
134
  export {
131
135
  Popover
132
136
  };
133
- //# sourceMappingURL=chunk-62E2X66R.js.map
137
+ //# sourceMappingURL=chunk-72BVL6VF.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/data-display/Popover/Popover.tsx"],"sourcesContent":["import type { PaperProps } from '@mui/material/Paper/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport MuiPopover from '@mui/material/Popover/index.js';\nimport { alpha, keyframes, styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { PopoverProps } from './Popover.types';\nimport { shadowInk } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\n// Define pulse animation\nconst pulseAnimation = (theme: Theme) => keyframes`\n 0% {\n box-shadow: 0 0 0 0 currentColor;\n opacity: 1;\n }\n 70% {\n box-shadow: 0 0 0 ${rem(theme, 10)} currentColor;\n opacity: 0;\n }\n 100% {\n box-shadow: 0 0 0 0 currentColor;\n opacity: 0;\n }\n`;\n\nconst StyledPaper = styled(Paper, {\n shouldForwardProp: (prop) => \n !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n customVariant?: string; \n glow?: boolean; \n pulse?: boolean; \n}>(({ theme, customVariant, glow, pulse }) => ({\n borderRadius: theme.spacing(1.5),\n transition: 'all 0.3s ease',\n position: 'relative',\n overflow: 'hidden',\n\n // Variant styles\n ...(customVariant === 'default' && {\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n boxShadow: theme.shadows[8],\n }),\n\n ...(customVariant === 'glass' && {\n backgroundColor: alpha(theme.palette.background.paper, 0.1),\n backdropFilter: `blur(${rem(theme, 20)})`,\n border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n boxShadow: `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.1)}`,\n }),\n\n ...(customVariant === 'arrow' && {\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n boxShadow: theme.shadows[12],\n }),\n\n // Glow effect\n ...(glow && !pulse && {\n boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n filter: 'brightness(1.05)',\n }),\n\n // Pulse animation\n ...(pulse && !glow && {\n position: 'relative',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n borderRadius: 'inherit',\n backgroundColor: theme.palette.primary.main,\n opacity: 0.1,\n animation: `${pulseAnimation(theme)} 2s infinite`,\n pointerEvents: 'none',\n zIndex: -1,\n },\n }),\n\n // Both glow and pulse\n ...(glow && pulse && {\n position: 'relative',\n boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n filter: 'brightness(1.05)',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n borderRadius: 'inherit',\n backgroundColor: theme.palette.primary.main,\n opacity: 0.1,\n animation: `${pulseAnimation(theme)} 2s infinite`,\n pointerEvents: 'none',\n zIndex: -1,\n },\n }),\n}));\n\n/**\n * The paper's cap: 400 design px unless the caller says otherwise. `sx` has\n * always read a number of 1 or less as a fraction of the parent, and that stays so.\n */\nconst popoverCap =\n (maxWidth: number | undefined) =>\n (theme: Theme): string => {\n const cap = maxWidth ?? 400;\n return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);\n };\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n ({\n variant = 'default',\n glow = false,\n pulse = false,\n maxWidth,\n dataTestId,\n children,\n ...props\n }, ref) => (\n <MuiPopover\n ref={ref}\n data-testid={dataTestId || 'popover-content'}\n PaperProps={{\n component: StyledPaper as React.ComponentType<PaperProps>,\n customVariant: variant,\n glow,\n pulse,\n sx: { maxWidth: popoverCap(maxWidth) },\n ...props.PaperProps,\n } as PaperProps & { customVariant?: string; glow?: boolean; pulse?: boolean }}\n {...props}\n >\n {children}\n </MuiPopover>\n )\n);\n\nPopover.displayName = 'Popover';"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/components/data-display/Popover/Popover.tsx"],"sourcesContent":["import type { PaperProps } from '@mui/material/Paper/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport MuiPopover from '@mui/material/Popover/index.js';\nimport { alpha, keyframes, styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { PopoverProps } from './Popover.types';\nimport { shadowInk } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\n// Define pulse animation\nconst pulseAnimation = (theme: Theme) => keyframes`\n 0% {\n box-shadow: 0 0 0 0 currentColor;\n opacity: 1;\n }\n 70% {\n box-shadow: 0 0 0 ${rem(theme, 10)} currentColor;\n opacity: 0;\n }\n 100% {\n box-shadow: 0 0 0 0 currentColor;\n opacity: 0;\n }\n`;\n\nconst StyledPaper = styled(Paper, {\n shouldForwardProp: (prop) => \n !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n customVariant?: string; \n glow?: boolean; \n pulse?: boolean; \n}>(({ theme, customVariant, glow, pulse }) => ({\n borderRadius: theme.spacing(1.5),\n transition: 'all 0.3s ease',\n position: 'relative',\n overflow: 'hidden',\n\n // Variant styles\n ...(customVariant === 'default' && {\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n boxShadow: theme.shadows[8],\n }),\n\n ...(customVariant === 'glass' && {\n backgroundColor: alpha(theme.palette.background.paper, 0.1),\n backdropFilter: `blur(${rem(theme, 20)})`,\n border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n boxShadow: `${rems(theme, 0, 8, 32)} ${shadowInk(theme, 0.1)}`,\n }),\n\n ...(customVariant === 'arrow' && {\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n boxShadow: theme.shadows[12],\n }),\n\n // Glow effect\n ...(glow && !pulse && {\n boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n filter: 'brightness(1.05)',\n }),\n\n // Pulse animation\n ...(pulse && !glow && {\n position: 'relative',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n borderRadius: 'inherit',\n backgroundColor: theme.palette.primary.main,\n opacity: 0.1,\n animation: `${pulseAnimation(theme)} 2s infinite`,\n pointerEvents: 'none',\n zIndex: -1,\n },\n }),\n\n // Both glow and pulse\n ...(glow && pulse && {\n position: 'relative',\n boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n filter: 'brightness(1.05)',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n borderRadius: 'inherit',\n backgroundColor: theme.palette.primary.main,\n opacity: 0.1,\n animation: `${pulseAnimation(theme)} 2s infinite`,\n pointerEvents: 'none',\n zIndex: -1,\n },\n }),\n}));\n\n/**\n * The paper's cap: 400 design px unless the caller says otherwise. `sx` has\n * always read a number of 1 or less as a fraction of the parent, and that stays so.\n */\nconst popoverCap =\n (maxWidth: number | undefined) =>\n (theme: Theme): string => {\n const cap = maxWidth ?? 400;\n return cap <= 1 && cap !== 0 ? `${cap * 100}%` : rem(theme, cap);\n };\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n ({\n variant = 'default',\n glow = false,\n pulse = false,\n maxWidth,\n dataTestId,\n children,\n PaperProps: callerPaper,\n ...props\n }, ref) => (\n <MuiPopover\n ref={ref}\n data-testid={dataTestId || 'popover-content'}\n {...props}\n // After the spread, and merged rather than replaced: a caller's\n // `PaperProps` used to land last and drop the styled paper, its variant\n // and the width cap; and its `sx` now adds to the cap instead.\n PaperProps={{\n ...callerPaper,\n component: StyledPaper as React.ComponentType<PaperProps>,\n customVariant: variant,\n glow,\n pulse,\n sx: [\n { maxWidth: popoverCap(maxWidth) },\n ...(Array.isArray(callerPaper?.sx) ? callerPaper.sx : [callerPaper?.sx ?? {}]),\n ],\n } as PaperProps & { customVariant?: string; glow?: boolean; pulse?: boolean }}\n >\n {children}\n </MuiPopover>\n )\n);\n\nPopover.displayName = 'Popover';"],"mappings":"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","names":[]}
@@ -1,7 +1,7 @@
1
1
  import "../chunk-6CUNJ4JF.js";
2
2
  import {
3
3
  Popover
4
- } from "../chunk-62E2X66R.js";
4
+ } from "../chunk-72BVL6VF.js";
5
5
  import "../chunk-SSX5ITPM.js";
6
6
  import "../chunk-F5H2ZXST.js";
7
7
  import "../chunk-N3GAFIXG.js";
@@ -1,11 +1,12 @@
1
1
  import "../chunk-PZ5AY32C.js";
2
2
 
3
3
  // src/mui/styles.ts
4
- import { alpha, styled, useTheme, createTheme, ThemeProvider } from "@mui/material/styles/index.js";
4
+ import { alpha, keyframes, styled, useTheme, createTheme, ThemeProvider } from "@mui/material/styles/index.js";
5
5
  export {
6
6
  ThemeProvider,
7
7
  alpha,
8
8
  createTheme,
9
+ keyframes,
9
10
  styled,
10
11
  useTheme
11
12
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/mui/styles.ts"],"sourcesContent":["export type { SxProps, Theme } from '@mui/material/styles/index.js';\nexport { alpha, styled, useTheme, createTheme, ThemeProvider } from '@mui/material/styles/index.js';\n"],"mappings":";;;AACA,SAAS,OAAO,QAAQ,UAAU,aAAa,qBAAqB;","names":[]}
1
+ {"version":3,"sources":["../../src/mui/styles.ts"],"sourcesContent":["export type { SxProps, Theme } from '@mui/material/styles/index.js';\nexport { alpha, keyframes, styled, useTheme, createTheme, ThemeProvider } from '@mui/material/styles/index.js';\n"],"mappings":";;;AACA,SAAS,OAAO,WAAW,QAAQ,UAAU,aAAa,qBAAqB;","names":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Popover/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA+GpD,eAAO,MAAM,OAAO,kGA0BnB,CAAC"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Popover/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA+GpD,eAAO,MAAM,OAAO,kGAiCnB,CAAC"}
@@ -1,3 +1,3 @@
1
1
  export type { SxProps, Theme } from '@mui/material/styles/index.js';
2
- export { alpha, styled, useTheme, createTheme, ThemeProvider } from '@mui/material/styles/index.js';
2
+ export { alpha, keyframes, styled, useTheme, createTheme, ThemeProvider } from '@mui/material/styles/index.js';
3
3
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/mui/styles.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/mui/styles.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@12-apps/ui",
3
- "version": "6.59.0",
3
+ "version": "6.60.0",
4
4
  "license": "MIT",
5
5
  "packageManager": "pnpm@10.34.5",
6
6
  "type": "module",
@@ -123,20 +123,27 @@ export const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(
123
123
  maxWidth,
124
124
  dataTestId,
125
125
  children,
126
+ PaperProps: callerPaper,
126
127
  ...props
127
128
  }, ref) => (
128
129
  <MuiPopover
129
130
  ref={ref}
130
131
  data-testid={dataTestId || 'popover-content'}
132
+ {...props}
133
+ // After the spread, and merged rather than replaced: a caller's
134
+ // `PaperProps` used to land last and drop the styled paper, its variant
135
+ // and the width cap; and its `sx` now adds to the cap instead.
131
136
  PaperProps={{
137
+ ...callerPaper,
132
138
  component: StyledPaper as React.ComponentType<PaperProps>,
133
139
  customVariant: variant,
134
140
  glow,
135
141
  pulse,
136
- sx: { maxWidth: popoverCap(maxWidth) },
137
- ...props.PaperProps,
142
+ sx: [
143
+ { maxWidth: popoverCap(maxWidth) },
144
+ ...(Array.isArray(callerPaper?.sx) ? callerPaper.sx : [callerPaper?.sx ?? {}]),
145
+ ],
138
146
  } as PaperProps & { customVariant?: string; glow?: boolean; pulse?: boolean }}
139
- {...props}
140
147
  >
141
148
  {children}
142
149
  </MuiPopover>
package/src/mui/styles.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export type { SxProps, Theme } from '@mui/material/styles/index.js';
2
- export { alpha, styled, useTheme, createTheme, ThemeProvider } from '@mui/material/styles/index.js';
2
+ export { alpha, keyframes, styled, useTheme, createTheme, ThemeProvider } from '@mui/material/styles/index.js';