npm - @zidsa/zidmui - Versions diffs - 3.0.4 → 3.0.6 - Mend

@zidsa/zidmui 3.0.4 → 3.0.6

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.

Files changed (29) hide show

package/dist/react/cjs/components/app-accordion.js CHANGED Viewed

@@ -26,6 +26,7 @@ const AppAccordion = ({
   summaryLoaderProps,
   isDetailsLoading,
   detailsLoader,
+  detailsProps,
   detailsLoaderProps,
   disable,
   roundedCorners = "all"
@@ -84,7 +85,7 @@ const AppAccordion = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { children: detailsLoaderContent ? /* @__PURE__ */ jsxRuntime.jsx(stackRow.StackRow, { alignItems: "center", justifyContent: "center", ...detailsLoaderProps, children: detailsLoaderContent }) : children })
+        /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { ...detailsProps, children: detailsLoaderContent ? /* @__PURE__ */ jsxRuntime.jsx(stackRow.StackRow, { alignItems: "center", justifyContent: "center", ...detailsLoaderProps, children: detailsLoaderContent }) : children })
       ]
     }
   );

package/dist/react/cjs/components/app-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-accordion.js","sources":["../../../../src/components/app-accordion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\nimport { IconArrowDownSLine } from '../icons/arrows/arrow-down-s-line';\n\nimport {\n Accordion,\n type AccordionProps,\n AccordionDetails,\n AccordionSummary,\n type AccordionSummaryProps,\n type Theme,\n SxProps,\n Box,\n} from '@mui/material';\nimport { StackRow, type StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\nimport ZidLogoSpinner from '../logos/zid/zid-logo-spinner.svg';\n\n//\n//\n\nexport type AppAccordionColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppAccordionRoundedCorners = 'grouped' \| 'all';\n\nexport type AppAccordionProps = {\n children?: React.ReactNode;\n isOpen?: boolean;\n onToggle?: (event: React.SyntheticEvent, expanded: boolean) => void;\n color?: AppAccordionColor;\n disable?: boolean;\n\n roundedCorners?: AppAccordionRoundedCorners;\n\n accordionProps?: Partial<AccordionProps>;\n accordionSummaryProps?: Partial<AccordionSummaryProps>;\n\n unmountOnExit?: boolean;\n\n title?: string \| React.ReactNode;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n\n isSummaryLoading?: boolean;\n summaryLoader?: React.ReactNode;\n summaryLoaderProps?: StackRowProps;\n\n isDetailsLoading?: boolean;\n detailsLoader?: React.ReactNode;\n detailsLoaderProps?: StackRowProps;\n\n sx?: SxProps<Theme>;\n};\n\nexport const AppAccordion: React.FC<AppAccordionProps> = ({\n isOpen,\n color,\n onToggle,\n accordionProps,\n title,\n description,\n descriptionProps,\n accordionSummaryProps,\n titleProps,\n titleSuffix,\n titlePrefix,\n children,\n unmountOnExit = true,\n isSummaryLoading,\n summaryLoader,\n summaryLoaderProps,\n isDetailsLoading,\n detailsLoader,\n detailsLoaderProps,\n disable,\n roundedCorners = 'all',\n}) => {\n // Determine if controlled or uncontrolled mode\n const expandedProp = isOpen !== undefined ? { expanded: isOpen } : {};\n\n // Default loader component\n const defaultSummaryLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 24 }} />;\n const defaultDetailsLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 56 }} />;\n\n // Determine which loader to show\n const summaryLoaderContent = isSummaryLoading\n ? summaryLoader === undefined\n ? defaultSummaryLoader\n : summaryLoader\n : null;\n\n const detailsLoaderContent = isDetailsLoading\n ? detailsLoader === undefined\n ? defaultDetailsLoader\n : detailsLoader\n : null;\n\n return (\n <Accordion\n onChange={onToggle}\n disabled={disable}\n slotProps={{ transition: { unmountOnExit } }}\n data-rounded-corners={roundedCorners}\n data-color={color}\n color={color}\n {...expandedProp}\n {...accordionProps}\n >\n {/* Summary /}\n <AccordionSummary\n expandIcon={summaryLoaderContent ? undefined : <IconArrowDownSLine />}\n {...accordionSummaryProps}\n >\n <StackRow alignItems=\"center\" gap={1} width=\"100%\">\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography\n variant=\"subtitle1\"\n color={disable ? 'text.tertiary' : 'text.primary'}\n gap={1}\n {...titleProps}\n >\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color={disable ? 'text.disabled' : 'text.tertiary'}\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n\n {summaryLoaderContent && (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...summaryLoaderProps}>\n {summaryLoaderContent}\n </StackRow>\n )}\n </StackRow>\n </AccordionSummary>\n\n {/ Details */}\n <AccordionDetails>\n {detailsLoaderContent ? (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...detailsLoaderProps}>\n {detailsLoaderContent}\n </StackRow>\n ) : (\n children\n )}\n </AccordionDetails>\n </Accordion>\n );\n};\n"],"names":["jsx","Box","ZidLogoSpinner","jsxs","Accordion","AccordionSummary","IconArrowDownSLine","StackRow","StackColumn","AppTypography","AccordionDetails"],"mappings":";;;;;;;;;~~AA4DO~~,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAM;AAEJ,QAAM,eAAe,WAAW,SAAY,EAAE,UAAU,OAAA,IAAW,CAAA;AAGnE,QAAM,uBAAuBA,2BAAAA,IAACC,cAAA,EAAI,WAAU,OAAM,KAAKC,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAC1F,QAAM,uBAAuBF,2BAAAA,IAACC,cAAA,EAAI,WAAU,OAAM,KAAKC,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAG1F,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,EAAE,YAAY,EAAE,gBAAc;AAAA,MACzC,wBAAsB;AAAA,MACtB,cAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAAJ,2BAAAA;AAAAA,UAACK,SAAAA;AAAAA,UAAA;AAAA,YACC,YAAY,uBAAuB,SAAYL,2BAAAA,IAACM,eAAAA,oBAAA,CAAA,CAAmB;AAAA,YAClE,GAAG;AAAA,YAEJ,0CAACC,mBAAA,EAAS,YAAW,UAAS,KAAK,GAAG,OAAM,QACzC,UAAA;AAAA,cAAA;AAAA,cAEDJ,2BAAAA,KAACK,YAAAA,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,gBAAA,OAAO,UAAU,WAChBL,2BAAAA;AAAAA,kBAACM,cAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,KAAK;AAAA,oBACJ,GAAG;AAAA,oBAEH,UAAA;AAAA,sBAAA;AAAA,sBAAM;AAAA,sBAAE,cAAc,cAAc;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAGvC;AAAA,gBAGD,eACCT,2BAAAA;AAAAA,kBAACS,cAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,YAAW;AAAA,oBACV,GAAG;AAAA,oBAEH,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,GAEJ;AAAA,cAEC,uDACEF,mBAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIFP,2BAAAA,IAACU,SAAAA,kBAAA,~~EACE~~,~~UAAA~~,~~uBACCV~~,2BAAAA,IAACO,~~SAAAA~~,~~UAAA,~~EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH,IAEA,SAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
1	+ {"version":3,"file":"app-accordion.js","sources":["../../../../src/components/app-accordion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\nimport { IconArrowDownSLine } from '../icons/arrows/arrow-down-s-line';\n\nimport {\n Accordion,\n type AccordionProps,\n AccordionDetails,\n AccordionSummary,\n type AccordionSummaryProps,\n type Theme,\n SxProps,\n Box,\n AccordionDetailsProps,\n} from '@mui/material';\nimport { StackRow, type StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\nimport ZidLogoSpinner from '../logos/zid/zid-logo-spinner.svg';\n\n//\n//\n\nexport type AppAccordionColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppAccordionRoundedCorners = 'grouped' \| 'all';\n\nexport type AppAccordionProps = {\n children?: React.ReactNode;\n isOpen?: boolean;\n onToggle?: (event: React.SyntheticEvent, expanded: boolean) => void;\n color?: AppAccordionColor;\n disable?: boolean;\n\n roundedCorners?: AppAccordionRoundedCorners;\n\n accordionProps?: Partial<AccordionProps>;\n accordionSummaryProps?: Partial<AccordionSummaryProps>;\n\n unmountOnExit?: boolean;\n\n title?: string \| React.ReactNode;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n\n isSummaryLoading?: boolean;\n summaryLoader?: React.ReactNode;\n summaryLoaderProps?: StackRowProps;\n\n isDetailsLoading?: boolean;\n detailsProps?: AccordionDetailsProps;\n detailsLoader?: React.ReactNode;\n detailsLoaderProps?: StackRowProps;\n\n sx?: SxProps<Theme>;\n};\n\nexport const AppAccordion: React.FC<AppAccordionProps> = ({\n isOpen,\n color,\n onToggle,\n accordionProps,\n title,\n description,\n descriptionProps,\n accordionSummaryProps,\n titleProps,\n titleSuffix,\n titlePrefix,\n children,\n unmountOnExit = true,\n isSummaryLoading,\n summaryLoader,\n summaryLoaderProps,\n isDetailsLoading,\n detailsLoader,\n detailsProps,\n detailsLoaderProps,\n disable,\n roundedCorners = 'all',\n}) => {\n // Determine if controlled or uncontrolled mode\n const expandedProp = isOpen !== undefined ? { expanded: isOpen } : {};\n\n // Default loader component\n const defaultSummaryLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 24 }} />;\n const defaultDetailsLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 56 }} />;\n\n // Determine which loader to show\n const summaryLoaderContent = isSummaryLoading\n ? summaryLoader === undefined\n ? defaultSummaryLoader\n : summaryLoader\n : null;\n\n const detailsLoaderContent = isDetailsLoading\n ? detailsLoader === undefined\n ? defaultDetailsLoader\n : detailsLoader\n : null;\n\n return (\n <Accordion\n onChange={onToggle}\n disabled={disable}\n slotProps={{ transition: { unmountOnExit } }}\n data-rounded-corners={roundedCorners}\n data-color={color}\n color={color}\n {...expandedProp}\n {...accordionProps}\n >\n {/* Summary /}\n <AccordionSummary\n expandIcon={summaryLoaderContent ? undefined : <IconArrowDownSLine />}\n {...accordionSummaryProps}\n >\n <StackRow alignItems=\"center\" gap={1} width=\"100%\">\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography\n variant=\"subtitle1\"\n color={disable ? 'text.tertiary' : 'text.primary'}\n gap={1}\n {...titleProps}\n >\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color={disable ? 'text.disabled' : 'text.tertiary'}\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n\n {summaryLoaderContent && (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...summaryLoaderProps}>\n {summaryLoaderContent}\n </StackRow>\n )}\n </StackRow>\n </AccordionSummary>\n\n {/ Details */}\n <AccordionDetails {...detailsProps}>\n {detailsLoaderContent ? (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...detailsLoaderProps}>\n {detailsLoaderContent}\n </StackRow>\n ) : (\n children\n )}\n </AccordionDetails>\n </Accordion>\n );\n};\n"],"names":["jsx","Box","ZidLogoSpinner","jsxs","Accordion","AccordionSummary","IconArrowDownSLine","StackRow","StackColumn","AppTypography","AccordionDetails"],"mappings":";;;;;;;;;AA8DO,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAM;AAEJ,QAAM,eAAe,WAAW,SAAY,EAAE,UAAU,OAAA,IAAW,CAAA;AAGnE,QAAM,uBAAuBA,2BAAAA,IAACC,cAAA,EAAI,WAAU,OAAM,KAAKC,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAC1F,QAAM,uBAAuBF,2BAAAA,IAACC,cAAA,EAAI,WAAU,OAAM,KAAKC,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAG1F,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,EAAE,YAAY,EAAE,gBAAc;AAAA,MACzC,wBAAsB;AAAA,MACtB,cAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAAJ,2BAAAA;AAAAA,UAACK,SAAAA;AAAAA,UAAA;AAAA,YACC,YAAY,uBAAuB,SAAYL,2BAAAA,IAACM,eAAAA,oBAAA,CAAA,CAAmB;AAAA,YAClE,GAAG;AAAA,YAEJ,0CAACC,mBAAA,EAAS,YAAW,UAAS,KAAK,GAAG,OAAM,QACzC,UAAA;AAAA,cAAA;AAAA,cAEDJ,2BAAAA,KAACK,YAAAA,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,gBAAA,OAAO,UAAU,WAChBL,2BAAAA;AAAAA,kBAACM,cAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,KAAK;AAAA,oBACJ,GAAG;AAAA,oBAEH,UAAA;AAAA,sBAAA;AAAA,sBAAM;AAAA,sBAAE,cAAc,cAAc;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAGvC;AAAA,gBAGD,eACCT,2BAAAA;AAAAA,kBAACS,cAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,YAAW;AAAA,oBACV,GAAG;AAAA,oBAEH,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,GAEJ;AAAA,cAEC,uDACEF,mBAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIFP,2BAAAA,IAACU,SAAAA,kBAAA,EAAkB,GAAG,cACnB,iCACCV,2BAAAA,IAACO,mBAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH,IAEA,SAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/react/cjs/components/app-card.js CHANGED Viewed

@@ -14,6 +14,7 @@ const AppCard = ({
   titleContainerProps,
   titleProps,
   titleSuffix,
+  titleAction,
   titlePrefix,
   children,
   actions,
@@ -41,12 +42,13 @@ const AppCard = ({
             children: description
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(stackRow.StackRow, { children: titleAction })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
       children,
       hasActions && !loading && /* @__PURE__ */ jsxRuntime.jsx(stackRow.StackRow, { justifyContent: "end", ...actionsProps, children: actions })
-    ] }) })
+    ] })
   ] });
 };
 exports.AppCard = AppCard;

package/dist/react/cjs/components/app-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-card.js","sources":["../../../../src/components/app-card.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\n\nimport { type Theme, SxProps, Card, CardContent } from '@mui/material';\nimport { StackRow, StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppCardColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppCardCorners = 'grouped' \| 'all';\n\nexport type ~~AppCard~~ = {\n children?: React.ReactNode;\n color?: AppCardColor;\n roundedCorners?: AppCardCorners;\n title?: string \| React.ReactNode;\n titleContainerProps?: StackRowProps;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n sx?: SxProps<Theme>;\n loading?: boolean;\n actions?: React.ReactElement \| null \| (React.ReactElement \| null)[];\n actionsProps?: StackRowProps;\n};\n\nexport const AppCard: React.FC<~~AppCard~~> = ({\n color,\n title,\n description,\n descriptionProps,\n titleContainerProps,\n titleProps,\n titleSuffix,\n titlePrefix,\n children,\n actions,\n actionsProps,\n loading,\n ...props\n}) => {\n const hasActions = Boolean(actions && React.Children.toArray(actions)?.length > 0);\n\n return (\n <Card color={color} {...props}>\n <StackRow alignItems=\"center\" gap={1} p={1.5} pb={0} width=\"100%\" {...titleContainerProps}>\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography variant=\"subtitle1\" color=\"text.primary\" gap={1} {...titleProps}>\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color=\"text.primary\"\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n </StackRow>\n\n <CardContent>\n ~~<StackColumn gap=~~{~~2}>\n {~~children}\n\n {hasActions && !loading && (\n <StackRow justifyContent=\"end\" {...actionsProps}>\n {actions}\n </StackRow>\n )}\n ~~</StackColumn>\n~~ </CardContent>\n </Card>\n );\n};\n"],"names":["jsxs","Card","StackRow","StackColumn","AppTypography","jsx","CardContent"],"mappings":";;;;;;;;~~AAgCO~~,MAAM,~~UAA6B~~,CAAC;AAAA,~~EACzC~~;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,QAAQ,WAAW,MAAM,SAAS,QAAQ,OAAO,GAAG,SAAS,CAAC;AAEjF,SACEA,2BAAAA,KAACC,SAAAA,MAAA,EAAK,OAAe,GAAG,OACtB,UAAA;AAAA,IAAAD,2BAAAA,KAACE,SAAAA,UAAA,EAAS,YAAW,UAAS,KAAK,GAAG,GAAG,KAAK,IAAI,GAAG,OAAM,QAAQ,GAAG,qBACnE,UAAA;AAAA,MAAA;AAAA,MAEDF,2BAAAA,KAACG,YAAAA,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,QAAA,OAAO,UAAU,WAChBH,2BAAAA,KAACI,cAAAA,eAAA,EAAc,SAAQ,aAAY,OAAM,gBAAe,KAAK,GAAI,GAAG,YACjE,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,cAAc,cAAc;AAAA,QAAA,EAAA,CACvC,IAEA;AAAA,QAGD,eACCC,2BAAAA;AAAAA,UAACD,cAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACV,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,~~EAAA,CAEJ~~;AAAA,~~IAAA~~,~~GACF;AAAA~~,~~IAEAC,+BAACC~~,SAAAA,~~aAAA~~,~~EACC~~,~~UAAAN~~,~~2BAAAA~~,~~KAACG~~,~~YAAAA~~,~~aAAA~~,~~EAAY~~,~~KAAK~~,~~GACf~~,UAAA;AAAA,MAAA;AAAA,MAEA,cAAc,CAAC,~~WACdE~~,2BAAAA,IAACH,qBAAS,gBAAe,OAAO,GAAG,cAChC,UAAA,QAAA,CACH;AAAA,IAAA,EAAA,CAEJ~~,EAAA,CACF~~;AAAA,EAAA,GACF;AAEJ;;"}
1	+ {"version":3,"file":"app-card.js","sources":["../../../../src/components/app-card.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\n\nimport { type Theme, SxProps, Card, CardContent } from '@mui/material';\nimport { StackRow, StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppCardColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppCardCorners = 'grouped' \| 'all';\n\nexport type AppCardProps = {\n children?: React.ReactNode;\n color?: AppCardColor;\n roundedCorners?: AppCardCorners;\n title?: string \| React.ReactNode;\n titleContainerProps?: StackRowProps;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n titleAction?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n sx?: SxProps<Theme>;\n loading?: boolean;\n actions?: React.ReactElement \| null \| (React.ReactElement \| null)[];\n actionsProps?: StackRowProps;\n};\n\nexport const AppCard: React.FC<AppCardProps> = ({\n color,\n title,\n description,\n descriptionProps,\n titleContainerProps,\n titleProps,\n titleSuffix,\n titleAction,\n titlePrefix,\n children,\n actions,\n actionsProps,\n loading,\n ...props\n}) => {\n const hasActions = Boolean(actions && React.Children.toArray(actions)?.length > 0);\n\n return (\n <Card color={color} {...props}>\n <StackRow alignItems=\"center\" gap={1} p={1.5} pb={0} width=\"100%\" {...titleContainerProps}>\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography variant=\"subtitle1\" color=\"text.primary\" gap={1} {...titleProps}>\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color=\"text.primary\"\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n\n <StackRow>{titleAction}</StackRow>\n </StackRow>\n\n <CardContent>\n {children}\n\n {hasActions && !loading && (\n <StackRow justifyContent=\"end\" {...actionsProps}>\n {actions}\n </StackRow>\n )}\n </CardContent>\n </Card>\n );\n};\n"],"names":["jsxs","Card","StackRow","StackColumn","AppTypography","jsx","CardContent"],"mappings":";;;;;;;;AAiCO,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,QAAQ,WAAW,MAAM,SAAS,QAAQ,OAAO,GAAG,SAAS,CAAC;AAEjF,SACEA,2BAAAA,KAACC,SAAAA,MAAA,EAAK,OAAe,GAAG,OACtB,UAAA;AAAA,IAAAD,2BAAAA,KAACE,SAAAA,UAAA,EAAS,YAAW,UAAS,KAAK,GAAG,GAAG,KAAK,IAAI,GAAG,OAAM,QAAQ,GAAG,qBACnE,UAAA;AAAA,MAAA;AAAA,MAEDF,2BAAAA,KAACG,YAAAA,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,QAAA,OAAO,UAAU,WAChBH,2BAAAA,KAACI,cAAAA,eAAA,EAAc,SAAQ,aAAY,OAAM,gBAAe,KAAK,GAAI,GAAG,YACjE,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,cAAc,cAAc;AAAA,QAAA,EAAA,CACvC,IAEA;AAAA,QAGD,eACCC,2BAAAA;AAAAA,UAACD,cAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACV,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GAEJ;AAAA,MAEAC,2BAAAA,IAACH,SAAAA,YAAU,UAAA,YAAA,CAAY;AAAA,IAAA,GACzB;AAAA,oCAECI,SAAAA,aAAA,EACE,UAAA;AAAA,MAAA;AAAA,MAEA,cAAc,CAAC,WACdD,2BAAAA,IAACH,qBAAS,gBAAe,OAAO,GAAG,cAChC,UAAA,QAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/react/cjs/theme/components/accordion.js CHANGED Viewed

@@ -9,6 +9,9 @@ const MuiAccordion = {
     root: ({ theme }) => ({
       border: `1px solid ${theme.palette.divider}`,
       backgroundColor: theme.palette.background.paper,
+      ":before": {
+        display: "none"
+      },
       "&.Mui-disabled": {
         backgroundColor: theme.palette.action.disabledBackground
       },
@@ -112,6 +115,7 @@ const MuiAccordionDetails = {
       // When parent Accordion has no color
       ".MuiAccordion-root:not([data-color]) &": {
         borderTop: `1px solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(0),
         marginTop: 0
       },
       ".Mui-disabled &": {

package/dist/react/cjs/theme/components/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","sources":["../../../../../src/theme/components/accordion.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiAccordion: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordion'] = {\n defaultProps: {\n disableGutters: true,\n elevation: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n '&.Mui-disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n },\n ':first-of-type': {\n borderTopLeftRadius: theme.spacing(2),\n borderTopRightRadius: theme.spacing(2),\n },\n ':last-of-type': {\n borderBottomLeftRadius: theme.spacing(2),\n borderBottomRightRadius: theme.spacing(2),\n },\n '&[data-rounded-corners=\"all\"]': {\n borderRadius: theme.spacing(2),\n },\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.primary.background,\n borderColor: theme.palette._components.accordion.primary.border,\n },\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.success.background,\n borderColor: theme.palette._components.accordion.success.border,\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.error.background,\n borderColor: theme.palette._components.accordion.error.border,\n },\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.warning.background,\n borderColor: theme.palette._components.accordion.warning.border,\n },\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.info.background,\n borderColor: theme.palette._components.accordion.info.border,\n },\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.neutral.background,\n borderColor: theme.palette._components.accordion.neutral.border,\n },\n }),\n },\n ],\n};\n\nexport const MuiAccordionSummary: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionSummary'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n marginInline: theme.spacing(0.5),\n }),\n content: ({ theme }) => ({\n marginBlock: theme.spacing(2),\n }),\n },\n};\n\nexport const MuiAccordionDetails: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionDetails'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.5),\n background: theme.palette.background.paper,\n padding: theme.spacing(2),\n marginInline: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n borderBottomLeftRadius: theme.spacing(1.5),\n borderBottomRightRadius: theme.spacing(1.5),\n borderRadius: theme.spacing(1.5),\n '.MuiAccordion-root[data-color] &': {\n border: `1px solid ${theme.palette.divider}`,\n marginTop: '-2px',\n },\n // When parent Accordion has no color\n '.MuiAccordion-root:not([data-color]) &': {\n borderTop: `1px solid ${theme.palette.divider}`,\n marginTop: 0,\n },\n '.Mui-disabled &': {\n opacity: 0.5,\n },\n }),\n },\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"accordion.js","sources":["../../../../../src/theme/components/accordion.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiAccordion: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordion'] = {\n defaultProps: {\n disableGutters: true,\n elevation: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n ':before': {\n display: 'none',\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n },\n ':first-of-type': {\n borderTopLeftRadius: theme.spacing(2),\n borderTopRightRadius: theme.spacing(2),\n },\n ':last-of-type': {\n borderBottomLeftRadius: theme.spacing(2),\n borderBottomRightRadius: theme.spacing(2),\n },\n '&[data-rounded-corners=\"all\"]': {\n borderRadius: theme.spacing(2),\n },\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.primary.background,\n borderColor: theme.palette._components.accordion.primary.border,\n },\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.success.background,\n borderColor: theme.palette._components.accordion.success.border,\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.error.background,\n borderColor: theme.palette._components.accordion.error.border,\n },\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.warning.background,\n borderColor: theme.palette._components.accordion.warning.border,\n },\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.info.background,\n borderColor: theme.palette._components.accordion.info.border,\n },\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.neutral.background,\n borderColor: theme.palette._components.accordion.neutral.border,\n },\n }),\n },\n ],\n};\n\nexport const MuiAccordionSummary: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionSummary'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n marginInline: theme.spacing(0.5),\n }),\n content: ({ theme }) => ({\n marginBlock: theme.spacing(2),\n }),\n },\n};\n\nexport const MuiAccordionDetails: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionDetails'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.5),\n background: theme.palette.background.paper,\n padding: theme.spacing(2),\n marginInline: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n borderBottomLeftRadius: theme.spacing(1.5),\n borderBottomRightRadius: theme.spacing(1.5),\n borderRadius: theme.spacing(1.5),\n '.MuiAccordion-root[data-color] &': {\n border: `1px solid ${theme.palette.divider}`,\n marginTop: '-2px',\n },\n // When parent Accordion has no color\n '.MuiAccordion-root:not([data-color]) &': {\n borderTop: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.spacing(0),\n marginTop: 0,\n },\n '.Mui-disabled &': {\n opacity: 0.5,\n },\n }),\n },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/card.js CHANGED Viewed

@@ -24,9 +24,15 @@ const MuiCard = {
         padding: 8,
         borderRadius: theme.spacing(2),
         margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,
+        display: "flex",
+        flexDirection: "column",
+        gap: theme.spacing(1.5),
         "&:last-child": {
           paddingBottom: 8,
           borderRadius: theme.spacing(1.25)
+        },
+        ":empty": {
+          display: "none"
         }
       },
       // TODO: check

package/dist/react/cjs/theme/components/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n '&:last-child': {\n paddingBottom: 16,\n },\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root': {\n padding: 8,\n borderRadius: theme.spacing(2),\n margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,\n '&:last-child': {\n paddingBottom: 8,\n borderRadius: theme.spacing(1.25),\n },\n },\n\n // TODO: check\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n border: 'none',\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n },\n boxShadow: 'none',\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.primary.border,\n backgroundColor: theme.palette._components.card.primary.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.success.border,\n backgroundColor: theme.palette._components.card.success.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.error.border,\n backgroundColor: theme.palette._components.card.error.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.warning.border,\n backgroundColor: theme.palette._components.card.warning.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.info.border,\n backgroundColor: theme.palette._components.card.info.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.neutral.border,\n backgroundColor: theme.palette._components.card.neutral.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n ],\n };\n"],"names":[],"mappings":";;AAMA,MAAM,0BAA0B,CAAC,WAAkB;AAAA,EACjD,0BAA0B;AAAA,IACxB,SAAS;AAAA,IACT,iBAAiB,MAAM,QAAQ,WAAW;AAAA,IAC1C,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,gBAAgB;AAAA,MACd,eAAe;AAAA,IAAA;AAAA,EACjB;AAEJ;AAEO,MAAM,UACX;AAAA,EACE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK,MAAM,QAAQ,IAAI;AAAA,MACvB,cAAc,MAAM,MAAM;AAAA,MAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,MAC1C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAC1C,UAAU;AAAA,MAEV,0BAA0B;AAAA,QACxB,SAAS;AAAA,QACT,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,QAAQ,KAAK,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,QACrD,gBAAgB;AAAA,UACd,eAAe;AAAA,UACf,cAAc,MAAM,QAAQ,IAAI;AAAA,QAAA;AAAA,~~MAClC~~;AAAA;AAAA,MAIF,oEAAoE;AAAA,QAClE,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAAA;AAAA,MAE5C,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,QAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,MAAM;AAAA,QAClD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,MAAM;AAAA,QACtD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,KAAK;AAAA,QACjD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,KAAK;AAAA,QACrD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,EACF;AAEJ;;"}
1	+ {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n '&:last-child': {\n paddingBottom: 16,\n },\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root': {\n padding: 8,\n borderRadius: theme.spacing(2),\n margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.5),\n '&:last-child': {\n paddingBottom: 8,\n borderRadius: theme.spacing(1.25),\n },\n ':empty': {\n display: 'none',\n },\n },\n\n // TODO: check\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n border: 'none',\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n },\n boxShadow: 'none',\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.primary.border,\n backgroundColor: theme.palette._components.card.primary.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.success.border,\n backgroundColor: theme.palette._components.card.success.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.error.border,\n backgroundColor: theme.palette._components.card.error.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.warning.border,\n backgroundColor: theme.palette._components.card.warning.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.info.border,\n backgroundColor: theme.palette._components.card.info.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.neutral.border,\n backgroundColor: theme.palette._components.card.neutral.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n ],\n };\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/popover.js ADDED Viewed

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiPopover = {
+  styleOverrides: {
+    paper: ({ theme }) => ({
+      background: theme.palette.background.paper
+    })
+  }
+};
+exports.MuiPopover = MuiPopover;
+//# sourceMappingURL=popover.js.map

package/dist/react/cjs/theme/components/popover.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"popover.js","sources":["../../../../../src/theme/components/popover.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiPopover: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiPopover'] = {\n styleOverrides: {\n paper: ({ theme }) => ({\n background: theme.palette.background.paper,\n }),\n },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,YAAY,MAAM,QAAQ,WAAW;AAAA,IAAA;AAAA,EACvC;AAEJ;;"}

package/dist/react/cjs/theme/components.js CHANGED Viewed

@@ -40,6 +40,7 @@ const select = require("./components/select.js");
 const card = require("./components/card.js");
 const outlinedInput = require("./components/outlined-input.js");
 const filledInput = require("./components/filled-input.js");
+const popover = require("./components/popover.js");
 const components = {
   MuiAccordion: accordion.MuiAccordion,
   MuiAccordionSummary: accordion.MuiAccordionSummary,
@@ -89,7 +90,8 @@ const components = {
   MuiSelect: select.MuiSelect,
   MuiCard: card.MuiCard,
   MuiOutlinedInput: outlinedInput.MuiOutlinedInput,
-  MuiFilledInput: filledInput.MuiFilledInput
+  MuiFilledInput: filledInput.MuiFilledInput,
+  MuiPopover: popover.MuiPopover
 };
 exports.components = components;
 //# sourceMappingURL=components.js.map

package/dist/react/cjs/theme/components.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAccordion, MuiAccordionSummary, MuiAccordionDetails } from './components/accordion';\nimport { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\nimport { MuiOutlinedInput } from './components/outlined-input';\nimport { MuiFilledInput } from './components/filled-input';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiAccordion,\n MuiAccordionSummary,\n MuiAccordionDetails,\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\n MuiOutlinedInput,\n MuiFilledInput,\n};\n"],"names":["MuiAccordion","MuiAccordionSummary","MuiAccordionDetails","MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup","MuiBackdrop","MuiSvgIcon","MuiTimeline","MuiFormControlLabel","MuiFormLabel","MuiFormHelperText","MuiAppBar","MuiAutocomplete","MuiDrawer","MuiMenu","MuiMenuItem","MuiIcon","MuiPaper","MuiTable","MuiTableRow","MuiSelect","MuiCard","MuiOutlinedInput","MuiFilledInput"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CO~~,MAAM,aAAkC;AAAA,EAAA,cAC7CA,UAAAA;AAAAA,EAAA,qBACAC,UAAAA;AAAAA,EAAA,qBACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,QACAC,IAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,gBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,WACAC,QAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,qBACAC,iBAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,iBACAC,aAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,aACAC,KAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,aACAC,MAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,kBACAC,cAAAA;AAAAA,EAAA,gBACAC,YAAAA;AACF;;"}
1	+ {"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAccordion, MuiAccordionSummary, MuiAccordionDetails } from './components/accordion';\nimport { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\nimport { MuiOutlinedInput } from './components/outlined-input';\nimport { MuiFilledInput } from './components/filled-input';\nimport { MuiPopover } from './components/popover';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiAccordion,\n MuiAccordionSummary,\n MuiAccordionDetails,\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\n MuiOutlinedInput,\n MuiFilledInput,\n MuiPopover\n};\n"],"names":["MuiAccordion","MuiAccordionSummary","MuiAccordionDetails","MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup","MuiBackdrop","MuiSvgIcon","MuiTimeline","MuiFormControlLabel","MuiFormLabel","MuiFormHelperText","MuiAppBar","MuiAutocomplete","MuiDrawer","MuiMenu","MuiMenuItem","MuiIcon","MuiPaper","MuiTable","MuiTableRow","MuiSelect","MuiCard","MuiOutlinedInput","MuiFilledInput","MuiPopover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CO,MAAM,aAAkC;AAAA,EAAA,cAC7CA,UAAAA;AAAAA,EAAA,qBACAC,UAAAA;AAAAA,EAAA,qBACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,QACAC,IAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,gBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,WACAC,QAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,qBACAC,iBAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,iBACAC,aAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,aACAC,KAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,aACAC,MAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,kBACAC,cAAAA;AAAAA,EAAA,gBACAC,YAAAA;AAAAA,EAAA,YACAC,QAAAA;AACF;;"}

package/dist/react/es/components/app-accordion.js CHANGED Viewed

@@ -24,6 +24,7 @@ const AppAccordion = ({
   summaryLoaderProps,
   isDetailsLoading,
   detailsLoader,
+  detailsProps,
   detailsLoaderProps,
   disable,
   roundedCorners = "all"
@@ -82,7 +83,7 @@ const AppAccordion = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx(AccordionDetails, { children: detailsLoaderContent ? /* @__PURE__ */ jsx(StackRow, { alignItems: "center", justifyContent: "center", ...detailsLoaderProps, children: detailsLoaderContent }) : children })
+        /* @__PURE__ */ jsx(AccordionDetails, { ...detailsProps, children: detailsLoaderContent ? /* @__PURE__ */ jsx(StackRow, { alignItems: "center", justifyContent: "center", ...detailsLoaderProps, children: detailsLoaderContent }) : children })
       ]
     }
   );

package/dist/react/es/components/app-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-accordion.js","sources":["../../../../src/components/app-accordion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\nimport { IconArrowDownSLine } from '../icons/arrows/arrow-down-s-line';\n\nimport {\n Accordion,\n type AccordionProps,\n AccordionDetails,\n AccordionSummary,\n type AccordionSummaryProps,\n type Theme,\n SxProps,\n Box,\n} from '@mui/material';\nimport { StackRow, type StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\nimport ZidLogoSpinner from '../logos/zid/zid-logo-spinner.svg';\n\n//\n//\n\nexport type AppAccordionColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppAccordionRoundedCorners = 'grouped' \| 'all';\n\nexport type AppAccordionProps = {\n children?: React.ReactNode;\n isOpen?: boolean;\n onToggle?: (event: React.SyntheticEvent, expanded: boolean) => void;\n color?: AppAccordionColor;\n disable?: boolean;\n\n roundedCorners?: AppAccordionRoundedCorners;\n\n accordionProps?: Partial<AccordionProps>;\n accordionSummaryProps?: Partial<AccordionSummaryProps>;\n\n unmountOnExit?: boolean;\n\n title?: string \| React.ReactNode;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n\n isSummaryLoading?: boolean;\n summaryLoader?: React.ReactNode;\n summaryLoaderProps?: StackRowProps;\n\n isDetailsLoading?: boolean;\n detailsLoader?: React.ReactNode;\n detailsLoaderProps?: StackRowProps;\n\n sx?: SxProps<Theme>;\n};\n\nexport const AppAccordion: React.FC<AppAccordionProps> = ({\n isOpen,\n color,\n onToggle,\n accordionProps,\n title,\n description,\n descriptionProps,\n accordionSummaryProps,\n titleProps,\n titleSuffix,\n titlePrefix,\n children,\n unmountOnExit = true,\n isSummaryLoading,\n summaryLoader,\n summaryLoaderProps,\n isDetailsLoading,\n detailsLoader,\n detailsLoaderProps,\n disable,\n roundedCorners = 'all',\n}) => {\n // Determine if controlled or uncontrolled mode\n const expandedProp = isOpen !== undefined ? { expanded: isOpen } : {};\n\n // Default loader component\n const defaultSummaryLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 24 }} />;\n const defaultDetailsLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 56 }} />;\n\n // Determine which loader to show\n const summaryLoaderContent = isSummaryLoading\n ? summaryLoader === undefined\n ? defaultSummaryLoader\n : summaryLoader\n : null;\n\n const detailsLoaderContent = isDetailsLoading\n ? detailsLoader === undefined\n ? defaultDetailsLoader\n : detailsLoader\n : null;\n\n return (\n <Accordion\n onChange={onToggle}\n disabled={disable}\n slotProps={{ transition: { unmountOnExit } }}\n data-rounded-corners={roundedCorners}\n data-color={color}\n color={color}\n {...expandedProp}\n {...accordionProps}\n >\n {/* Summary /}\n <AccordionSummary\n expandIcon={summaryLoaderContent ? undefined : <IconArrowDownSLine />}\n {...accordionSummaryProps}\n >\n <StackRow alignItems=\"center\" gap={1} width=\"100%\">\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography\n variant=\"subtitle1\"\n color={disable ? 'text.tertiary' : 'text.primary'}\n gap={1}\n {...titleProps}\n >\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color={disable ? 'text.disabled' : 'text.tertiary'}\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n\n {summaryLoaderContent && (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...summaryLoaderProps}>\n {summaryLoaderContent}\n </StackRow>\n )}\n </StackRow>\n </AccordionSummary>\n\n {/ Details */}\n <AccordionDetails>\n {detailsLoaderContent ? (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...detailsLoaderProps}>\n {detailsLoaderContent}\n </StackRow>\n ) : (\n children\n )}\n </AccordionDetails>\n </Accordion>\n );\n};\n"],"names":[],"mappings":";;;;;;;~~AA4DO~~,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAM;AAEJ,QAAM,eAAe,WAAW,SAAY,EAAE,UAAU,OAAA,IAAW,CAAA;AAGnE,QAAM,uBAAuB,oBAAC,KAAA,EAAI,WAAU,OAAM,KAAK,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAC1F,QAAM,uBAAuB,oBAAC,KAAA,EAAI,WAAU,OAAM,KAAK,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAG1F,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,EAAE,YAAY,EAAE,gBAAc;AAAA,MACzC,wBAAsB;AAAA,MACtB,cAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAY,uBAAuB,SAAY,oBAAC,oBAAA,CAAA,CAAmB;AAAA,YAClE,GAAG;AAAA,YAEJ,+BAAC,UAAA,EAAS,YAAW,UAAS,KAAK,GAAG,OAAM,QACzC,UAAA;AAAA,cAAA;AAAA,cAED,qBAAC,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,gBAAA,OAAO,UAAU,WAChB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,KAAK;AAAA,oBACJ,GAAG;AAAA,oBAEH,UAAA;AAAA,sBAAA;AAAA,sBAAM;AAAA,sBAAE,cAAc,cAAc;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAGvC;AAAA,gBAGD,eACC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,YAAW;AAAA,oBACV,GAAG;AAAA,oBAEH,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,GAEJ;AAAA,cAEC,4CACE,UAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIF,oBAAC,kBAAA,~~EACE~~,~~UAAA~~,~~uBACC~~,oBAAC,UAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH,IAEA,SAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"app-accordion.js","sources":["../../../../src/components/app-accordion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\nimport { IconArrowDownSLine } from '../icons/arrows/arrow-down-s-line';\n\nimport {\n Accordion,\n type AccordionProps,\n AccordionDetails,\n AccordionSummary,\n type AccordionSummaryProps,\n type Theme,\n SxProps,\n Box,\n AccordionDetailsProps,\n} from '@mui/material';\nimport { StackRow, type StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\nimport ZidLogoSpinner from '../logos/zid/zid-logo-spinner.svg';\n\n//\n//\n\nexport type AppAccordionColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppAccordionRoundedCorners = 'grouped' \| 'all';\n\nexport type AppAccordionProps = {\n children?: React.ReactNode;\n isOpen?: boolean;\n onToggle?: (event: React.SyntheticEvent, expanded: boolean) => void;\n color?: AppAccordionColor;\n disable?: boolean;\n\n roundedCorners?: AppAccordionRoundedCorners;\n\n accordionProps?: Partial<AccordionProps>;\n accordionSummaryProps?: Partial<AccordionSummaryProps>;\n\n unmountOnExit?: boolean;\n\n title?: string \| React.ReactNode;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n\n isSummaryLoading?: boolean;\n summaryLoader?: React.ReactNode;\n summaryLoaderProps?: StackRowProps;\n\n isDetailsLoading?: boolean;\n detailsProps?: AccordionDetailsProps;\n detailsLoader?: React.ReactNode;\n detailsLoaderProps?: StackRowProps;\n\n sx?: SxProps<Theme>;\n};\n\nexport const AppAccordion: React.FC<AppAccordionProps> = ({\n isOpen,\n color,\n onToggle,\n accordionProps,\n title,\n description,\n descriptionProps,\n accordionSummaryProps,\n titleProps,\n titleSuffix,\n titlePrefix,\n children,\n unmountOnExit = true,\n isSummaryLoading,\n summaryLoader,\n summaryLoaderProps,\n isDetailsLoading,\n detailsLoader,\n detailsProps,\n detailsLoaderProps,\n disable,\n roundedCorners = 'all',\n}) => {\n // Determine if controlled or uncontrolled mode\n const expandedProp = isOpen !== undefined ? { expanded: isOpen } : {};\n\n // Default loader component\n const defaultSummaryLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 24 }} />;\n const defaultDetailsLoader = <Box component=\"img\" src={ZidLogoSpinner} sx={{ width: 56 }} />;\n\n // Determine which loader to show\n const summaryLoaderContent = isSummaryLoading\n ? summaryLoader === undefined\n ? defaultSummaryLoader\n : summaryLoader\n : null;\n\n const detailsLoaderContent = isDetailsLoading\n ? detailsLoader === undefined\n ? defaultDetailsLoader\n : detailsLoader\n : null;\n\n return (\n <Accordion\n onChange={onToggle}\n disabled={disable}\n slotProps={{ transition: { unmountOnExit } }}\n data-rounded-corners={roundedCorners}\n data-color={color}\n color={color}\n {...expandedProp}\n {...accordionProps}\n >\n {/* Summary /}\n <AccordionSummary\n expandIcon={summaryLoaderContent ? undefined : <IconArrowDownSLine />}\n {...accordionSummaryProps}\n >\n <StackRow alignItems=\"center\" gap={1} width=\"100%\">\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography\n variant=\"subtitle1\"\n color={disable ? 'text.tertiary' : 'text.primary'}\n gap={1}\n {...titleProps}\n >\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color={disable ? 'text.disabled' : 'text.tertiary'}\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n\n {summaryLoaderContent && (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...summaryLoaderProps}>\n {summaryLoaderContent}\n </StackRow>\n )}\n </StackRow>\n </AccordionSummary>\n\n {/ Details */}\n <AccordionDetails {...detailsProps}>\n {detailsLoaderContent ? (\n <StackRow alignItems=\"center\" justifyContent=\"center\" {...detailsLoaderProps}>\n {detailsLoaderContent}\n </StackRow>\n ) : (\n children\n )}\n </AccordionDetails>\n </Accordion>\n );\n};\n"],"names":[],"mappings":";;;;;;;AA8DO,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAM;AAEJ,QAAM,eAAe,WAAW,SAAY,EAAE,UAAU,OAAA,IAAW,CAAA;AAGnE,QAAM,uBAAuB,oBAAC,KAAA,EAAI,WAAU,OAAM,KAAK,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAC1F,QAAM,uBAAuB,oBAAC,KAAA,EAAI,WAAU,OAAM,KAAK,gBAAgB,IAAI,EAAE,OAAO,GAAA,EAAG,CAAG;AAG1F,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,QAAM,uBAAuB,mBACzB,kBAAkB,SAChB,uBACA,gBACF;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,EAAE,YAAY,EAAE,gBAAc;AAAA,MACzC,wBAAsB;AAAA,MACtB,cAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAY,uBAAuB,SAAY,oBAAC,oBAAA,CAAA,CAAmB;AAAA,YAClE,GAAG;AAAA,YAEJ,+BAAC,UAAA,EAAS,YAAW,UAAS,KAAK,GAAG,OAAM,QACzC,UAAA;AAAA,cAAA;AAAA,cAED,qBAAC,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,gBAAA,OAAO,UAAU,WAChB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,KAAK;AAAA,oBACJ,GAAG;AAAA,oBAEH,UAAA;AAAA,sBAAA;AAAA,sBAAM;AAAA,sBAAE,cAAc,cAAc;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAGvC;AAAA,gBAGD,eACC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,OAAO,UAAU,kBAAkB;AAAA,oBACnC,YAAW;AAAA,oBACV,GAAG;AAAA,oBAEH,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH,GAEJ;AAAA,cAEC,4CACE,UAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIF,oBAAC,kBAAA,EAAkB,GAAG,cACnB,iCACC,oBAAC,UAAA,EAAS,YAAW,UAAS,gBAAe,UAAU,GAAG,oBACvD,UAAA,qBAAA,CACH,IAEA,SAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/react/es/components/app-card.js CHANGED Viewed

@@ -12,6 +12,7 @@ const AppCard = ({
   titleContainerProps,
   titleProps,
   titleSuffix,
+  titleAction,
   titlePrefix,
   children,
   actions,
@@ -39,12 +40,13 @@ const AppCard = ({
             children: description
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx(StackRow, { children: titleAction })
     ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(StackColumn, { gap: 2, children: [
+    /* @__PURE__ */ jsxs(CardContent, { children: [
       children,
       hasActions && !loading && /* @__PURE__ */ jsx(StackRow, { justifyContent: "end", ...actionsProps, children: actions })
-    ] }) })
+    ] })
   ] });
 };
 export {

package/dist/react/es/components/app-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-card.js","sources":["../../../../src/components/app-card.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\n\nimport { type Theme, SxProps, Card, CardContent } from '@mui/material';\nimport { StackRow, StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppCardColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppCardCorners = 'grouped' \| 'all';\n\nexport type ~~AppCard~~ = {\n children?: React.ReactNode;\n color?: AppCardColor;\n roundedCorners?: AppCardCorners;\n title?: string \| React.ReactNode;\n titleContainerProps?: StackRowProps;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n sx?: SxProps<Theme>;\n loading?: boolean;\n actions?: React.ReactElement \| null \| (React.ReactElement \| null)[];\n actionsProps?: StackRowProps;\n};\n\nexport const AppCard: React.FC<~~AppCard~~> = ({\n color,\n title,\n description,\n descriptionProps,\n titleContainerProps,\n titleProps,\n titleSuffix,\n titlePrefix,\n children,\n actions,\n actionsProps,\n loading,\n ...props\n}) => {\n const hasActions = Boolean(actions && React.Children.toArray(actions)?.length > 0);\n\n return (\n <Card color={color} {...props}>\n <StackRow alignItems=\"center\" gap={1} p={1.5} pb={0} width=\"100%\" {...titleContainerProps}>\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography variant=\"subtitle1\" color=\"text.primary\" gap={1} {...titleProps}>\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color=\"text.primary\"\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n </StackRow>\n\n <CardContent>\n ~~<StackColumn gap=~~{~~2}>\n {~~children}\n\n {hasActions && !loading && (\n <StackRow justifyContent=\"end\" {...actionsProps}>\n {actions}\n </StackRow>\n )}\n ~~</StackColumn>\n~~ </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;~~AAgCO~~,MAAM,~~UAA6B~~,CAAC;AAAA,~~EACzC~~;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,QAAQ,WAAW,MAAM,SAAS,QAAQ,OAAO,GAAG,SAAS,CAAC;AAEjF,SACE,qBAAC,MAAA,EAAK,OAAe,GAAG,OACtB,UAAA;AAAA,IAAA,qBAAC,UAAA,EAAS,YAAW,UAAS,KAAK,GAAG,GAAG,KAAK,IAAI,GAAG,OAAM,QAAQ,GAAG,qBACnE,UAAA;AAAA,MAAA;AAAA,MAED,qBAAC,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,QAAA,OAAO,UAAU,WAChB,qBAAC,eAAA,EAAc,SAAQ,aAAY,OAAM,gBAAe,KAAK,GAAI,GAAG,YACjE,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,cAAc,cAAc;AAAA,QAAA,EAAA,CACvC,IAEA;AAAA,QAGD,eACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACV,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,~~EAAA,CAEJ~~;AAAA,~~IAAA~~,~~GACF;AAAA~~,~~IAEA~~,~~oBAAC~~,~~aAAA~~,~~EACC~~,~~UAAA~~,~~qBAAC~~,aAAA,~~EAAY~~,~~KAAK,GACf,~~UAAA;AAAA,MAAA;AAAA,MAEA,cAAc,CAAC,WACd,oBAAC,YAAS,gBAAe,OAAO,GAAG,cAChC,UAAA,QAAA,CACH;AAAA,IAAA,EAAA,CAEJ~~,EAAA,CACF~~;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"app-card.js","sources":["../../../../src/components/app-card.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AppTypography, type AppTypographyProps } from './app-typography';\n\nimport { type Theme, SxProps, Card, CardContent } from '@mui/material';\nimport { StackRow, StackRowProps } from './stack-row';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppCardColor = 'primary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'neutral';\n\nexport type AppCardCorners = 'grouped' \| 'all';\n\nexport type AppCardProps = {\n children?: React.ReactNode;\n color?: AppCardColor;\n roundedCorners?: AppCardCorners;\n title?: string \| React.ReactNode;\n titleContainerProps?: StackRowProps;\n titleProps?: AppTypographyProps;\n titlePrefix?: React.ReactNode;\n titleSuffix?: React.ReactNode;\n titleAction?: React.ReactNode;\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n sx?: SxProps<Theme>;\n loading?: boolean;\n actions?: React.ReactElement \| null \| (React.ReactElement \| null)[];\n actionsProps?: StackRowProps;\n};\n\nexport const AppCard: React.FC<AppCardProps> = ({\n color,\n title,\n description,\n descriptionProps,\n titleContainerProps,\n titleProps,\n titleSuffix,\n titleAction,\n titlePrefix,\n children,\n actions,\n actionsProps,\n loading,\n ...props\n}) => {\n const hasActions = Boolean(actions && React.Children.toArray(actions)?.length > 0);\n\n return (\n <Card color={color} {...props}>\n <StackRow alignItems=\"center\" gap={1} p={1.5} pb={0} width=\"100%\" {...titleContainerProps}>\n {titlePrefix}\n\n <StackColumn gap={0.25} width=\"100%\">\n {typeof title === 'string' ? (\n <AppTypography variant=\"subtitle1\" color=\"text.primary\" gap={1} {...titleProps}>\n {title} {titleSuffix ? titleSuffix : null}\n </AppTypography>\n ) : (\n title\n )}\n\n {description && (\n <AppTypography\n variant=\"body2\"\n color=\"text.primary\"\n whiteSpace=\"pre-line\"\n {...descriptionProps}\n >\n {description}\n </AppTypography>\n )}\n </StackColumn>\n\n <StackRow>{titleAction}</StackRow>\n </StackRow>\n\n <CardContent>\n {children}\n\n {hasActions && !loading && (\n <StackRow justifyContent=\"end\" {...actionsProps}>\n {actions}\n </StackRow>\n )}\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,QAAQ,WAAW,MAAM,SAAS,QAAQ,OAAO,GAAG,SAAS,CAAC;AAEjF,SACE,qBAAC,MAAA,EAAK,OAAe,GAAG,OACtB,UAAA;AAAA,IAAA,qBAAC,UAAA,EAAS,YAAW,UAAS,KAAK,GAAG,GAAG,KAAK,IAAI,GAAG,OAAM,QAAQ,GAAG,qBACnE,UAAA;AAAA,MAAA;AAAA,MAED,qBAAC,aAAA,EAAY,KAAK,MAAM,OAAM,QAC3B,UAAA;AAAA,QAAA,OAAO,UAAU,WAChB,qBAAC,eAAA,EAAc,SAAQ,aAAY,OAAM,gBAAe,KAAK,GAAI,GAAG,YACjE,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,cAAc,cAAc;AAAA,QAAA,EAAA,CACvC,IAEA;AAAA,QAGD,eACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACV,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GAEJ;AAAA,MAEA,oBAAC,YAAU,UAAA,YAAA,CAAY;AAAA,IAAA,GACzB;AAAA,yBAEC,aAAA,EACE,UAAA;AAAA,MAAA;AAAA,MAEA,cAAc,CAAC,WACd,oBAAC,YAAS,gBAAe,OAAO,GAAG,cAChC,UAAA,QAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/react/es/theme/components/accordion.js CHANGED Viewed

@@ -7,6 +7,9 @@ const MuiAccordion = {
     root: ({ theme }) => ({
       border: `1px solid ${theme.palette.divider}`,
       backgroundColor: theme.palette.background.paper,
+      ":before": {
+        display: "none"
+      },
       "&.Mui-disabled": {
         backgroundColor: theme.palette.action.disabledBackground
       },
@@ -110,6 +113,7 @@ const MuiAccordionDetails = {
       // When parent Accordion has no color
       ".MuiAccordion-root:not([data-color]) &": {
         borderTop: `1px solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(0),
         marginTop: 0
       },
       ".Mui-disabled &": {

package/dist/react/es/theme/components/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","sources":["../../../../../src/theme/components/accordion.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiAccordion: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordion'] = {\n defaultProps: {\n disableGutters: true,\n elevation: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n '&.Mui-disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n },\n ':first-of-type': {\n borderTopLeftRadius: theme.spacing(2),\n borderTopRightRadius: theme.spacing(2),\n },\n ':last-of-type': {\n borderBottomLeftRadius: theme.spacing(2),\n borderBottomRightRadius: theme.spacing(2),\n },\n '&[data-rounded-corners=\"all\"]': {\n borderRadius: theme.spacing(2),\n },\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.primary.background,\n borderColor: theme.palette._components.accordion.primary.border,\n },\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.success.background,\n borderColor: theme.palette._components.accordion.success.border,\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.error.background,\n borderColor: theme.palette._components.accordion.error.border,\n },\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.warning.background,\n borderColor: theme.palette._components.accordion.warning.border,\n },\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.info.background,\n borderColor: theme.palette._components.accordion.info.border,\n },\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.neutral.background,\n borderColor: theme.palette._components.accordion.neutral.border,\n },\n }),\n },\n ],\n};\n\nexport const MuiAccordionSummary: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionSummary'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n marginInline: theme.spacing(0.5),\n }),\n content: ({ theme }) => ({\n marginBlock: theme.spacing(2),\n }),\n },\n};\n\nexport const MuiAccordionDetails: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionDetails'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.5),\n background: theme.palette.background.paper,\n padding: theme.spacing(2),\n marginInline: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n borderBottomLeftRadius: theme.spacing(1.5),\n borderBottomRightRadius: theme.spacing(1.5),\n borderRadius: theme.spacing(1.5),\n '.MuiAccordion-root[data-color] &': {\n border: `1px solid ${theme.palette.divider}`,\n marginTop: '-2px',\n },\n // When parent Accordion has no color\n '.MuiAccordion-root:not([data-color]) &': {\n borderTop: `1px solid ${theme.palette.divider}`,\n marginTop: 0,\n },\n '.Mui-disabled &': {\n opacity: 0.5,\n },\n }),\n },\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"accordion.js","sources":["../../../../../src/theme/components/accordion.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiAccordion: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordion'] = {\n defaultProps: {\n disableGutters: true,\n elevation: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n ':before': {\n display: 'none',\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.action.disabledBackground,\n },\n ':first-of-type': {\n borderTopLeftRadius: theme.spacing(2),\n borderTopRightRadius: theme.spacing(2),\n },\n ':last-of-type': {\n borderBottomLeftRadius: theme.spacing(2),\n borderBottomRightRadius: theme.spacing(2),\n },\n '&[data-rounded-corners=\"all\"]': {\n borderRadius: theme.spacing(2),\n },\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.primary.background,\n borderColor: theme.palette._components.accordion.primary.border,\n },\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.success.background,\n borderColor: theme.palette._components.accordion.success.border,\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.error.background,\n borderColor: theme.palette._components.accordion.error.border,\n },\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.warning.background,\n borderColor: theme.palette._components.accordion.warning.border,\n },\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.info.background,\n borderColor: theme.palette._components.accordion.info.border,\n },\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n '&.Mui-expanded': {\n backgroundColor: theme.palette._components.accordion.neutral.background,\n borderColor: theme.palette._components.accordion.neutral.border,\n },\n }),\n },\n ],\n};\n\nexport const MuiAccordionSummary: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionSummary'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n marginInline: theme.spacing(0.5),\n }),\n content: ({ theme }) => ({\n marginBlock: theme.spacing(2),\n }),\n },\n};\n\nexport const MuiAccordionDetails: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiAccordionDetails'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.5),\n background: theme.palette.background.paper,\n padding: theme.spacing(2),\n marginInline: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n borderBottomLeftRadius: theme.spacing(1.5),\n borderBottomRightRadius: theme.spacing(1.5),\n borderRadius: theme.spacing(1.5),\n '.MuiAccordion-root[data-color] &': {\n border: `1px solid ${theme.palette.divider}`,\n marginTop: '-2px',\n },\n // When parent Accordion has no color\n '.MuiAccordion-root:not([data-color]) &': {\n borderTop: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.spacing(0),\n marginTop: 0,\n },\n '.Mui-disabled &': {\n opacity: 0.5,\n },\n }),\n },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/es/theme/components/card.js CHANGED Viewed

@@ -22,9 +22,15 @@ const MuiCard = {
         padding: 8,
         borderRadius: theme.spacing(2),
         margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,
+        display: "flex",
+        flexDirection: "column",
+        gap: theme.spacing(1.5),
         "&:last-child": {
           paddingBottom: 8,
           borderRadius: theme.spacing(1.25)
+        },
+        ":empty": {
+          display: "none"
         }
       },
       // TODO: check

package/dist/react/es/theme/components/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n '&:last-child': {\n paddingBottom: 16,\n },\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root': {\n padding: 8,\n borderRadius: theme.spacing(2),\n margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,\n '&:last-child': {\n paddingBottom: 8,\n borderRadius: theme.spacing(1.25),\n },\n },\n\n // TODO: check\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n border: 'none',\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n },\n boxShadow: 'none',\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.primary.border,\n backgroundColor: theme.palette._components.card.primary.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.success.border,\n backgroundColor: theme.palette._components.card.success.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.error.border,\n backgroundColor: theme.palette._components.card.error.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.warning.border,\n backgroundColor: theme.palette._components.card.warning.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.info.border,\n backgroundColor: theme.palette._components.card.info.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.neutral.border,\n backgroundColor: theme.palette._components.card.neutral.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n ],\n };\n"],"names":[],"mappings":"AAMA,MAAM,0BAA0B,CAAC,WAAkB;AAAA,EACjD,0BAA0B;AAAA,IACxB,SAAS;AAAA,IACT,iBAAiB,MAAM,QAAQ,WAAW;AAAA,IAC1C,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,gBAAgB;AAAA,MACd,eAAe;AAAA,IAAA;AAAA,EACjB;AAEJ;AAEO,MAAM,UACX;AAAA,EACE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK,MAAM,QAAQ,IAAI;AAAA,MACvB,cAAc,MAAM,MAAM;AAAA,MAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,MAC1C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAC1C,UAAU;AAAA,MAEV,0BAA0B;AAAA,QACxB,SAAS;AAAA,QACT,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,QAAQ,KAAK,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,QACrD,gBAAgB;AAAA,UACd,eAAe;AAAA,UACf,cAAc,MAAM,QAAQ,IAAI;AAAA,QAAA;AAAA,~~MAClC~~;AAAA;AAAA,MAIF,oEAAoE;AAAA,QAClE,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAAA;AAAA,MAE5C,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,QAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,MAAM;AAAA,QAClD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,MAAM;AAAA,QACtD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,KAAK;AAAA,QACjD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,KAAK;AAAA,QACrD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,aAAa,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACpD,iBAAiB,MAAM,QAAQ,YAAY,KAAK,QAAQ;AAAA,QACxD,GAAG,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nconst coloredCardContentStyle = (theme: Theme) => ({\n '& .MuiCardContent-root': {\n padding: 16,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n '&:last-child': {\n paddingBottom: 16,\n },\n },\n});\n\nexport const MuiCard: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.25),\n borderRadius: theme.shape.standardBorderRadius,\n border: `1px solid ${theme.palette.divider}`,\n backgroundColor: theme.palette.background.paper,\n overflow: 'hidden',\n\n '& .MuiCardContent-root': {\n padding: 8,\n borderRadius: theme.spacing(2),\n margin: `0 ${theme.spacing(0.5)} ${theme.spacing(0.5)}`,\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1.5),\n '&:last-child': {\n paddingBottom: 8,\n borderRadius: theme.spacing(1.25),\n },\n ':empty': {\n display: 'none',\n },\n },\n\n // TODO: check\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n border: 'none',\n borderRadius: 4,\n backgroundColor: theme.palette.background.gray,\n },\n boxShadow: 'none',\n }),\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.primary.border,\n backgroundColor: theme.palette._components.card.primary.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.success.border,\n backgroundColor: theme.palette._components.card.success.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.error.border,\n backgroundColor: theme.palette._components.card.error.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.warning.border,\n backgroundColor: theme.palette._components.card.warning.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.info.border,\n backgroundColor: theme.palette._components.card.info.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n {\n props: { color: 'neutral' },\n style: ({ theme }) => ({\n borderColor: theme.palette._components.card.neutral.border,\n backgroundColor: theme.palette._components.card.neutral.background,\n ...coloredCardContentStyle(theme),\n }),\n },\n ],\n };\n"],"names":[],"mappings":"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"}

package/dist/react/es/theme/components/popover.js ADDED Viewed

@@ -0,0 +1,11 @@
+const MuiPopover = {
+  styleOverrides: {
+    paper: ({ theme }) => ({
+      background: theme.palette.background.paper
+    })
+  }
+};
+export {
+  MuiPopover
+};
+//# sourceMappingURL=popover.js.map

package/dist/react/es/theme/components/popover.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"popover.js","sources":["../../../../../src/theme/components/popover.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiPopover: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiPopover'] = {\n styleOverrides: {\n paper: ({ theme }) => ({\n background: theme.palette.background.paper,\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,YAAY,MAAM,QAAQ,WAAW;AAAA,IAAA;AAAA,EACvC;AAEJ;"}

package/dist/react/es/theme/components.js CHANGED Viewed

@@ -38,6 +38,7 @@ import { MuiSelect } from "./components/select.js";
 import { MuiCard } from "./components/card.js";
 import { MuiOutlinedInput } from "./components/outlined-input.js";
 import { MuiFilledInput } from "./components/filled-input.js";
+import { MuiPopover } from "./components/popover.js";
 const components = {
   MuiAccordion,
   MuiAccordionSummary,
@@ -87,7 +88,8 @@ const components = {
   MuiSelect,
   MuiCard,
   MuiOutlinedInput,
-  MuiFilledInput
+  MuiFilledInput,
+  MuiPopover
 };
 export {
   components

package/dist/react/es/theme/components.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAccordion, MuiAccordionSummary, MuiAccordionDetails } from './components/accordion';\nimport { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\nimport { MuiOutlinedInput } from './components/outlined-input';\nimport { MuiFilledInput } from './components/filled-input';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiAccordion,\n MuiAccordionSummary,\n MuiAccordionDetails,\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\n MuiOutlinedInput,\n MuiFilledInput,\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CO~~,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
1	+ {"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAccordion, MuiAccordionSummary, MuiAccordionDetails } from './components/accordion';\nimport { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\nimport { MuiOutlinedInput } from './components/outlined-input';\nimport { MuiFilledInput } from './components/filled-input';\nimport { MuiPopover } from './components/popover';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n MuiAccordion,\n MuiAccordionSummary,\n MuiAccordionDetails,\n MuiTypography,\n MuiChip,\n MuiButton,\n MuiAlert,\n MuiStack,\n MuiList,\n MuiListItemText,\n MuiListItemIcon,\n MuiTooltip,\n MuiDivider,\n MuiIconButton,\n MuiTabs,\n MuiTab,\n MuiSkeleton,\n MuiCheckbox,\n MuiDialog,\n MuiDialogTitle,\n MuiDialogContent,\n MuiDialogActions,\n MuiTextField,\n MuiInputBase,\n MuiInputLabel,\n MuiInputAdornment,\n MuiPagination,\n MuiSwitch,\n MuiRadio,\n MuiFormGroup,\n MuiBackdrop,\n MuiSvgIcon,\n MuiTimeline,\n MuiFormControlLabel,\n MuiFormLabel,\n MuiFormHelperText,\n MuiAppBar,\n MuiAutocomplete,\n MuiDrawer,\n MuiMenu,\n MuiMenuItem,\n MuiIcon,\n MuiPaper,\n MuiTable,\n MuiTableRow,\n MuiSelect,\n MuiCard,\n MuiOutlinedInput,\n MuiFilledInput,\n MuiPopover\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CO,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/react/types/components/app-accordion.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { AppTypographyProps } from './app-typography';
-import { AccordionProps, AccordionSummaryProps, Theme, SxProps } from '@mui/material';
+import { AccordionProps, AccordionSummaryProps, Theme, SxProps, AccordionDetailsProps } from '@mui/material';
 import { StackRowProps } from './stack-row';
 export type AppAccordionColor = 'primary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
 export type AppAccordionRoundedCorners = 'grouped' | 'all';
@@ -24,6 +24,7 @@ export type AppAccordionProps = {
     summaryLoader?: React.ReactNode;
     summaryLoaderProps?: StackRowProps;
     isDetailsLoading?: boolean;
+    detailsProps?: AccordionDetailsProps;
     detailsLoader?: React.ReactNode;
     detailsLoaderProps?: StackRowProps;
     sx?: SxProps<Theme>;

package/dist/react/types/components/app-card.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { Theme, SxProps } from '@mui/material';
 import { StackRowProps } from './stack-row';
 export type AppCardColor = 'primary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
 export type AppCardCorners = 'grouped' | 'all';
-export type AppCard = {
+export type AppCardProps = {
     children?: React.ReactNode;
     color?: AppCardColor;
     roundedCorners?: AppCardCorners;
@@ -13,6 +13,7 @@ export type AppCard = {
     titleProps?: AppTypographyProps;
     titlePrefix?: React.ReactNode;
     titleSuffix?: React.ReactNode;
+    titleAction?: React.ReactNode;
     description?: React.ReactNode;
     descriptionProps?: AppTypographyProps;
     sx?: SxProps<Theme>;
@@ -20,4 +21,4 @@ export type AppCard = {
     actions?: React.ReactElement | null | (React.ReactElement | null)[];
     actionsProps?: StackRowProps;
 };
-export declare const AppCard: React.FC<AppCard>;
+export declare const AppCard: React.FC<AppCardProps>;

package/dist/react/types/theme/components/popover.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Components, CssVarsTheme, Theme } from '@mui/material';
2	+ export declare const MuiPopover: Components<Omit<Theme, 'components' \| 'palette'> & CssVarsTheme>['MuiPopover'];