@backstage-community/plugin-apiiro 0.1.0

package/dist/assets/languageIcons/YAML.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAML.esm.js","sources":["../../../src/assets/languageIcons/YAML.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\nimport { SiYaml } from 'react-icons/si';\n\ninterface IconProps {\n  color?: string;\n}\n\nexport const YAML: FC<IconProps> = ({ color = 'currentColor' }) => (\n  <SiYaml size={24} color={color} />\n);\n"],"names":[],"mappings":";;;AAsBO,MAAM,IAAA,GAAsB,CAAC,EAAE,KAAA,GAAQ,cAAA,uBAC5C,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,EAAA,EAAI,KAAA,EAAc;;;;"}

package/dist/assets/providerIcons/Azure.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { VscAzureDevops } from 'react-icons/vsc';
+
+const Azure = ({ color = "#0072c6" }) => /* @__PURE__ */ jsx(VscAzureDevops, { size: 24, color });
+
+export { Azure };
+//# sourceMappingURL=Azure.esm.js.map

package/dist/assets/providerIcons/Azure.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Azure.esm.js","sources":["../../../src/assets/providerIcons/Azure.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\nimport { VscAzureDevops } from 'react-icons/vsc';\n\ninterface IconProps {\n  color?: string;\n}\n\nexport const Azure: FC<IconProps> = ({ color = '#0072c6' }) => (\n  <VscAzureDevops size={24} color={color} />\n);\n"],"names":[],"mappings":";;;AAsBO,MAAM,KAAA,GAAuB,CAAC,EAAE,KAAA,GAAQ,SAAA,uBAC7C,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,EAAA,EAAI,KAAA,EAAc;;;;"}

package/dist/assets/providerIcons/Bitbucket.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { SiBitbucket } from 'react-icons/si';
+
+const Bitbucket = ({ color = "#2684FF" }) => /* @__PURE__ */ jsx(SiBitbucket, { size: 24, color });
+
+export { Bitbucket };
+//# sourceMappingURL=Bitbucket.esm.js.map

package/dist/assets/providerIcons/Bitbucket.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bitbucket.esm.js","sources":["../../../src/assets/providerIcons/Bitbucket.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\nimport { SiBitbucket } from 'react-icons/si';\n\ninterface IconProps {\n  color?: string;\n}\n\nexport const Bitbucket: FC<IconProps> = ({ color = '#2684FF' }) => (\n  <SiBitbucket size={24} color={color} />\n);\n"],"names":[],"mappings":";;;AAsBO,MAAM,SAAA,GAA2B,CAAC,EAAE,KAAA,GAAQ,SAAA,uBACjD,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,KAAA,EAAc;;;;"}

package/dist/assets/providerIcons/Gitlab.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { SiGitlab } from 'react-icons/si';
+
+const Gitlab = ({ color = "#E24329" }) => /* @__PURE__ */ jsx(SiGitlab, { size: 24, color });
+
+export { Gitlab };
+//# sourceMappingURL=Gitlab.esm.js.map

package/dist/assets/providerIcons/Gitlab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gitlab.esm.js","sources":["../../../src/assets/providerIcons/Gitlab.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\nimport { SiGitlab } from 'react-icons/si';\n\ninterface IconProps {\n  color?: string;\n}\n\nexport const Gitlab: FC<IconProps> = ({ color = '#E24329' }) => (\n  <SiGitlab size={24} color={color} />\n);\n"],"names":[],"mappings":";;;AAsBO,MAAM,MAAA,GAAwB,CAAC,EAAE,KAAA,GAAQ,SAAA,uBAC9C,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI,KAAA,EAAc;;;;"}

package/dist/components/ApiiroSidebar.esm.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { SidebarItem } from '@backstage/core-components';
+import { ApiiroSidebar as ApiiroSidebar$1 } from '../assets/apiiroLogo/apiiroSidebar.esm.js';
+
+const ApiiroSidebar = () => {
+  return /* @__PURE__ */ jsx(SidebarItem, { icon: ApiiroSidebar$1, to: "apiiro", text: "apiiro" });
+};
+
+export { ApiiroSidebar };
+//# sourceMappingURL=ApiiroSidebar.esm.js.map

package/dist/components/ApiiroSidebar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiiroSidebar.esm.js","sources":["../../src/components/ApiiroSidebar.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { SidebarItem } from '@backstage/core-components';\nimport { ApiiroSidebar as ApiiroSidebarIcon } from '../assets/apiiroLogo/apiiroSidebar';\n\n/** @public */\nexport const ApiiroSidebar = (): JSX.Element => {\n  return <SidebarItem icon={ApiiroSidebarIcon} to=\"apiiro\" text=\"apiiro\" />;\n};\n"],"names":["ApiiroSidebarIcon"],"mappings":";;;;AAmBO,MAAM,gBAAgB,MAAmB;AAC9C,EAAA,2BAAQ,WAAA,EAAA,EAAY,IAAA,EAAMA,iBAAmB,EAAA,EAAG,QAAA,EAAS,MAAK,QAAA,EAAS,CAAA;AACzE;;;;"}

package/dist/components/ApplicationsList/ApplicationsList.esm.js

@@ -0,0 +1,196 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import Link from '@mui/material/Link';
+import { useTheme } from '@mui/material/styles';
+import { SimpleTooltip } from '../SimpleTooltip.esm.js';
+import { CustomTooltip } from '../common/CustomTooltip.esm.js';
+import { getBusinessImpactColors } from '../../theme/themeUtils.esm.js';
+
+const getBusinessImpactColor = (impact, theme) => {
+  const impactColors = getBusinessImpactColors(theme);
+  switch (impact.toLowerCase()) {
+    case "high":
+      return impactColors.high;
+    case "medium":
+      return impactColors.medium;
+    case "low":
+      return impactColors.low;
+    default:
+      return impactColors.default;
+  }
+};
+const ApplicationsList = ({
+  applications,
+  maxVisible = 1
+}) => {
+  const theme = useTheme();
+  if (!applications || applications.length === 0) {
+    return "";
+  }
+  const visibleApplications = applications.slice(0, maxVisible);
+  const remainingCount = applications.length - maxVisible;
+  const renderApplication = (app) => {
+    const applicationElement = /* @__PURE__ */ jsxs(
+      Box,
+      {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.5,
+        justifyContent: "center",
+        children: [
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: app.apiiroUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: {
+                color: "inherit",
+                fontSize: "0.875rem",
+                cursor: "pointer",
+                textDecoration: "underline"
+              },
+              children: app.name
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: app.businessImpact,
+              size: "small",
+              variant: "outlined",
+              style: {
+                borderColor: getBusinessImpactColor(app.businessImpact, theme),
+                color: getBusinessImpactColor(app.businessImpact, theme),
+                backgroundColor: "transparent",
+                fontSize: "0.75rem",
+                height: 20,
+                fontWeight: 500
+              }
+            }
+          )
+        ]
+      },
+      app.id
+    );
+    return /* @__PURE__ */ jsx(
+      SimpleTooltip,
+      {
+        title: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 0.5, children: [
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: app.apiiroUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: {
+                color: "inherit",
+                fontSize: "0.875rem",
+                fontWeight: 500,
+                cursor: "pointer",
+                textDecoration: "underline"
+              },
+              children: app.name
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: app.businessImpact,
+              size: "small",
+              variant: "outlined",
+              style: {
+                borderColor: getBusinessImpactColor(app.businessImpact, theme),
+                color: getBusinessImpactColor(app.businessImpact, theme),
+                backgroundColor: "transparent",
+                fontSize: "0.75rem",
+                height: 20,
+                fontWeight: 500
+              }
+            }
+          )
+        ] }),
+        children: applicationElement
+      },
+      app.id
+    );
+  };
+  const getTooltipContent = () => {
+    const remainingApplications = applications.slice(maxVisible);
+    return /* @__PURE__ */ jsx(Box, { children: remainingApplications.map((app, index) => /* @__PURE__ */ jsx(
+      Box,
+      {
+        mb: index < remainingApplications.length - 1 ? 1 : 0,
+        children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 0.5, children: [
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: app.apiiroUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: {
+                color: "inherit",
+                fontSize: "0.875rem",
+                fontWeight: 500,
+                cursor: "pointer",
+                textDecoration: "underline"
+              },
+              children: app.name
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: app.businessImpact,
+              size: "small",
+              variant: "outlined",
+              style: {
+                borderColor: getBusinessImpactColor(
+                  app.businessImpact,
+                  theme
+                ),
+                color: getBusinessImpactColor(app.businessImpact, theme),
+                backgroundColor: "transparent",
+                fontSize: "0.75rem",
+                height: 20,
+                fontWeight: 500
+              }
+            }
+          )
+        ] })
+      },
+      app.id
+    )) });
+  };
+  return /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", flexWrap: "wrap", children: [
+    visibleApplications.map((app) => renderApplication(app)),
+    remainingCount > 0 && /* @__PURE__ */ jsx(
+      CustomTooltip,
+      {
+        title: getTooltipContent(),
+        placement: "top",
+        enterDelay: 200,
+        leaveDelay: 300,
+        disableInteractive: false,
+        children: /* @__PURE__ */ jsx(
+          Chip,
+          {
+            label: `+${remainingCount}`,
+            size: "small",
+            variant: "outlined",
+            style: {
+              fontSize: "0.75rem",
+              height: 20,
+              fontWeight: 500,
+              cursor: "pointer"
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+
+export { ApplicationsList };
+//# sourceMappingURL=ApplicationsList.esm.js.map

package/dist/components/ApplicationsList/ApplicationsList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationsList.esm.js","sources":["../../../src/components/ApplicationsList/ApplicationsList.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport Link from '@mui/material/Link';\nimport { useTheme, Theme } from '@mui/material/styles';\nimport { SimpleTooltip } from '../SimpleTooltip';\nimport { CustomTooltip } from '../common/CustomTooltip';\nimport { getBusinessImpactColors } from '../../theme/themeUtils';\n\ninterface Application {\n  apiiroUrl: string;\n  businessImpact: string;\n  id: string;\n  name: string;\n}\n\ninterface ApplicationsListProps {\n  applications: Application[];\n  maxVisible?: number;\n}\n\nconst getBusinessImpactColor = (impact: string, theme: Theme): string => {\n  const impactColors = getBusinessImpactColors(theme);\n  switch (impact.toLowerCase()) {\n    case 'high':\n      return impactColors.high;\n    case 'medium':\n      return impactColors.medium;\n    case 'low':\n      return impactColors.low;\n    default:\n      return impactColors.default;\n  }\n};\n\nexport const ApplicationsList = ({\n  applications,\n  maxVisible = 1,\n}: ApplicationsListProps) => {\n  const theme = useTheme();\n\n  if (!applications || applications.length === 0) {\n    return '';\n  }\n\n  const visibleApplications = applications.slice(0, maxVisible);\n  const remainingCount = applications.length - maxVisible;\n\n  const renderApplication = (app: Application) => {\n    const applicationElement = (\n      <Box\n        key={app.id}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap={0.5}\n        justifyContent=\"center\"\n      >\n        <Link\n          href={app.apiiroUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: 'inherit',\n            fontSize: '0.875rem',\n            cursor: 'pointer',\n            textDecoration: 'underline',\n          }}\n        >\n          {app.name}\n        </Link>\n        <Chip\n          label={app.businessImpact}\n          size=\"small\"\n          variant=\"outlined\"\n          style={{\n            borderColor: getBusinessImpactColor(app.businessImpact, theme),\n            color: getBusinessImpactColor(app.businessImpact, theme),\n            backgroundColor: 'transparent',\n            fontSize: '0.75rem',\n            height: 20,\n            fontWeight: 500,\n          }}\n        />\n      </Box>\n    );\n\n    // Wrap with tooltip showing application details\n    return (\n      <SimpleTooltip\n        key={app.id}\n        title={\n          <Box display=\"flex\" alignItems=\"center\" gap={0.5}>\n            <Link\n              href={app.apiiroUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={{\n                color: 'inherit',\n                fontSize: '0.875rem',\n                fontWeight: 500,\n                cursor: 'pointer',\n                textDecoration: 'underline',\n              }}\n            >\n              {app.name}\n            </Link>\n            <Chip\n              label={app.businessImpact}\n              size=\"small\"\n              variant=\"outlined\"\n              style={{\n                borderColor: getBusinessImpactColor(app.businessImpact, theme),\n                color: getBusinessImpactColor(app.businessImpact, theme),\n                backgroundColor: 'transparent',\n                fontSize: '0.75rem',\n                height: 20,\n                fontWeight: 500,\n              }}\n            />\n          </Box>\n        }\n      >\n        {applicationElement}\n      </SimpleTooltip>\n    );\n  };\n\n  const getTooltipContent = () => {\n    const remainingApplications = applications.slice(maxVisible);\n    return (\n      <Box>\n        {remainingApplications.map((app, index) => (\n          <Box\n            key={app.id}\n            mb={index < remainingApplications.length - 1 ? 1 : 0}\n          >\n            <Box display=\"flex\" alignItems=\"center\" gap={0.5}>\n              <Link\n                href={app.apiiroUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  color: 'inherit',\n                  fontSize: '0.875rem',\n                  fontWeight: 500,\n                  cursor: 'pointer',\n                  textDecoration: 'underline',\n                }}\n              >\n                {app.name}\n              </Link>\n              <Chip\n                label={app.businessImpact}\n                size=\"small\"\n                variant=\"outlined\"\n                style={{\n                  borderColor: getBusinessImpactColor(\n                    app.businessImpact,\n                    theme,\n                  ),\n                  color: getBusinessImpactColor(app.businessImpact, theme),\n                  backgroundColor: 'transparent',\n                  fontSize: '0.75rem',\n                  height: 20,\n                  fontWeight: 500,\n                }}\n              />\n            </Box>\n          </Box>\n        ))}\n      </Box>\n    );\n  };\n\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexWrap=\"wrap\">\n      {visibleApplications.map(app => renderApplication(app))}\n\n      {remainingCount > 0 && (\n        <CustomTooltip\n          title={getTooltipContent()}\n          placement=\"top\"\n          enterDelay={200}\n          leaveDelay={300}\n          disableInteractive={false}\n        >\n          <Chip\n            label={`+${remainingCount}`}\n            size=\"small\"\n            variant=\"outlined\"\n            style={{\n              fontSize: '0.75rem',\n              height: 20,\n              fontWeight: 500,\n              cursor: 'pointer',\n            }}\n          />\n        </CustomTooltip>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAmCA,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAgB,KAAA,KAAyB;AACvE,EAAA,MAAM,YAAA,GAAe,wBAAwB,KAAK,CAAA;AAClD,EAAA,QAAQ,MAAA,CAAO,aAAY;AAAG,IAC5B,KAAK,MAAA;AACH,MAAA,OAAO,YAAA,CAAa,IAAA;AAAA,IACtB,KAAK,QAAA;AACH,MAAA,OAAO,YAAA,CAAa,MAAA;AAAA,IACtB,KAAK,KAAA;AACH,MAAA,OAAO,YAAA,CAAa,GAAA;AAAA,IACtB;AACE,MAAA,OAAO,YAAA,CAAa,OAAA;AAAA;AAE1B,CAAA;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,YAAA;AAAA,EACA,UAAA,GAAa;AACf,CAAA,KAA6B;AAC3B,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,IAAI,CAAC,YAAA,IAAgB,YAAA,CAAa,MAAA,KAAW,CAAA,EAAG;AAC9C,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,MAAM,mBAAA,GAAsB,YAAA,CAAa,KAAA,CAAM,CAAA,EAAG,UAAU,CAAA;AAC5D,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,GAAS,UAAA;AAE7C,EAAA,MAAM,iBAAA,GAAoB,CAAC,GAAA,KAAqB;AAC9C,IAAA,MAAM,kBAAA,mBACJ,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAQ,MAAA;AAAA,QACR,UAAA,EAAW,QAAA;AAAA,QACX,GAAA,EAAK,GAAA;AAAA,QACL,cAAA,EAAe,QAAA;AAAA,QAEf,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAM,GAAA,CAAI,SAAA;AAAA,cACV,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cACJ,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,SAAA;AAAA,gBACP,QAAA,EAAU,UAAA;AAAA,gBACV,MAAA,EAAQ,SAAA;AAAA,gBACR,cAAA,EAAgB;AAAA,eAClB;AAAA,cAEC,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA,WACP;AAAA,0BACA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAO,GAAA,CAAI,cAAA;AAAA,cACX,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAQ,UAAA;AAAA,cACR,KAAA,EAAO;AAAA,gBACL,WAAA,EAAa,sBAAA,CAAuB,GAAA,CAAI,cAAA,EAAgB,KAAK,CAAA;AAAA,gBAC7D,KAAA,EAAO,sBAAA,CAAuB,GAAA,CAAI,cAAA,EAAgB,KAAK,CAAA;AAAA,gBACvD,eAAA,EAAiB,aAAA;AAAA,gBACjB,QAAA,EAAU,SAAA;AAAA,gBACV,MAAA,EAAQ,EAAA;AAAA,gBACR,UAAA,EAAY;AAAA;AACd;AAAA;AACF;AAAA,OAAA;AAAA,MA/BK,GAAA,CAAI;AAAA,KAgCX;AAIF,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QAEC,KAAA,uBACG,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,UAAA,EAAW,QAAA,EAAS,KAAK,GAAA,EAC3C,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAM,GAAA,CAAI,SAAA;AAAA,cACV,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cACJ,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,SAAA;AAAA,gBACP,QAAA,EAAU,UAAA;AAAA,gBACV,UAAA,EAAY,GAAA;AAAA,gBACZ,MAAA,EAAQ,SAAA;AAAA,gBACR,cAAA,EAAgB;AAAA,eAClB;AAAA,cAEC,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA,WACP;AAAA,0BACA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAO,GAAA,CAAI,cAAA;AAAA,cACX,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAQ,UAAA;AAAA,cACR,KAAA,EAAO;AAAA,gBACL,WAAA,EAAa,sBAAA,CAAuB,GAAA,CAAI,cAAA,EAAgB,KAAK,CAAA;AAAA,gBAC7D,KAAA,EAAO,sBAAA,CAAuB,GAAA,CAAI,cAAA,EAAgB,KAAK,CAAA;AAAA,gBACvD,eAAA,EAAiB,aAAA;AAAA,gBACjB,QAAA,EAAU,SAAA;AAAA,gBACV,MAAA,EAAQ,EAAA;AAAA,gBACR,UAAA,EAAY;AAAA;AACd;AAAA;AACF,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,EAAA;AAAA,OAAA;AAAA,MAjCI,GAAA,CAAI;AAAA,KAkCX;AAAA,EAEJ,CAAA;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,MAAM,qBAAA,GAAwB,YAAA,CAAa,KAAA,CAAM,UAAU,CAAA;AAC3D,IAAA,2BACG,GAAA,EAAA,EACE,QAAA,EAAA,qBAAA,CAAsB,GAAA,CAAI,CAAC,KAAK,KAAA,qBAC/B,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QAEC,EAAA,EAAI,KAAA,GAAQ,qBAAA,CAAsB,MAAA,GAAS,IAAI,CAAA,GAAI,CAAA;AAAA,QAEnD,+BAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,UAAA,EAAW,QAAA,EAAS,KAAK,GAAA,EAC3C,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAM,GAAA,CAAI,SAAA;AAAA,cACV,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cACJ,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,SAAA;AAAA,gBACP,QAAA,EAAU,UAAA;AAAA,gBACV,UAAA,EAAY,GAAA;AAAA,gBACZ,MAAA,EAAQ,SAAA;AAAA,gBACR,cAAA,EAAgB;AAAA,eAClB;AAAA,cAEC,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA,WACP;AAAA,0BACA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAO,GAAA,CAAI,cAAA;AAAA,cACX,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAQ,UAAA;AAAA,cACR,KAAA,EAAO;AAAA,gBACL,WAAA,EAAa,sBAAA;AAAA,kBACX,GAAA,CAAI,cAAA;AAAA,kBACJ;AAAA,iBACF;AAAA,gBACA,KAAA,EAAO,sBAAA,CAAuB,GAAA,CAAI,cAAA,EAAgB,KAAK,CAAA;AAAA,gBACvD,eAAA,EAAiB,aAAA;AAAA,gBACjB,QAAA,EAAU,SAAA;AAAA,gBACV,MAAA,EAAQ,EAAA;AAAA,gBACR,UAAA,EAAY;AAAA;AACd;AAAA;AACF,SAAA,EACF;AAAA,OAAA;AAAA,MAlCK,GAAA,CAAI;AAAA,KAoCZ,CAAA,EACH,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,4BACG,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,UAAA,EAAW,QAAA,EAAS,UAAS,MAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,mBAAA,CAAoB,GAAA,CAAI,CAAA,GAAA,KAAO,iBAAA,CAAkB,GAAG,CAAC,CAAA;AAAA,IAErD,iBAAiB,CAAA,oBAChB,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,OAAO,iBAAA,EAAkB;AAAA,QACzB,SAAA,EAAU,KAAA;AAAA,QACV,UAAA,EAAY,GAAA;AAAA,QACZ,UAAA,EAAY,GAAA;AAAA,QACZ,kBAAA,EAAoB,KAAA;AAAA,QAEpB,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,IAAI,cAAc,CAAA,CAAA;AAAA,YACzB,IAAA,EAAK,OAAA;AAAA,YACL,OAAA,EAAQ,UAAA;AAAA,YACR,KAAA,EAAO;AAAA,cACL,QAAA,EAAU,SAAA;AAAA,cACV,MAAA,EAAQ,EAAA;AAAA,cACR,UAAA,EAAY,GAAA;AAAA,cACZ,MAAA,EAAQ;AAAA;AACV;AAAA;AACF;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/CalendarDatePicker.esm.js

@@ -0,0 +1,154 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-calendar/dist/Calendar.css';
+import { forwardRef, useMemo, useCallback } from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import { useTheme } from '@mui/material/styles';
+import { CalendarContainer, StyledCalendar, QuickRangeList, QuickRangeItem, QuickRangeText } from './CalendarDatePicker.styles.esm.js';
+
+const createDefaultQuickRanges = () => {
+  const today = /* @__PURE__ */ new Date();
+  const startOfDay = (date) => {
+    const copy = new Date(date);
+    copy.setHours(0, 0, 0, 0);
+    return copy;
+  };
+  const endOfDay = (date) => {
+    const copy = new Date(date);
+    copy.setHours(23, 59, 59, 999);
+    return copy;
+  };
+  const subtractDays = (amount) => {
+    const date = /* @__PURE__ */ new Date();
+    date.setDate(date.getDate() - amount);
+    return date;
+  };
+  return [
+    {
+      label: "All Dates",
+      value: "all",
+      getRange: () => [subtractDays(365 * 10), endOfDay(/* @__PURE__ */ new Date())]
+    },
+    {
+      label: "Last 7 days",
+      value: "last-7-days",
+      getRange: () => [startOfDay(subtractDays(6)), endOfDay(today)]
+    },
+    {
+      label: "Last 14 days",
+      value: "last-14-days",
+      getRange: () => [startOfDay(subtractDays(13)), endOfDay(today)]
+    },
+    {
+      label: "Last 30 days",
+      value: "last-30-days",
+      getRange: () => [startOfDay(subtractDays(29)), endOfDay(today)]
+    },
+    {
+      label: "Last 90 days",
+      value: "last-90-days",
+      getRange: () => [startOfDay(subtractDays(89)), endOfDay(today)]
+    },
+    {
+      label: "Custom",
+      value: "custom",
+      getRange: () => []
+    }
+  ];
+};
+const CalendarDatePicker = forwardRef(
+  ({
+    selectRange = true,
+    showQuickRanges = true,
+    quickRanges,
+    selectedQuickRange,
+    onQuickRangeSelect,
+    value,
+    onChange,
+    ...props
+  }, ref) => {
+    const theme = useTheme();
+    const computedQuickRanges = useMemo(
+      () => quickRanges ?? createDefaultQuickRanges(),
+      [quickRanges]
+    );
+    const formatShortWeekday = useCallback(
+      (locale, date) => date.toLocaleDateString(locale || "en-US", { weekday: "short" }).slice(0, 1),
+      []
+    );
+    const handleCalendarChange = useCallback(
+      (calendarValue) => {
+        if (onChange) {
+          onChange(calendarValue);
+        }
+      },
+      [onChange]
+    );
+    const handleQuickRangeSelect = (range) => {
+      if (onQuickRangeSelect) {
+        onQuickRangeSelect(range);
+      }
+      const nextValue = range.getRange();
+      if (nextValue && onChange) {
+        onChange(nextValue);
+      }
+    };
+    return /* @__PURE__ */ jsxs(CalendarContainer, { ref, children: [
+      /* @__PURE__ */ jsx(
+        StyledCalendar,
+        {
+          value,
+          onChange: handleCalendarChange,
+          selectRange,
+          formatShortWeekday,
+          prev2Label: null,
+          next2Label: null,
+          prevLabel: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+          nextLabel: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+          minDetail: "decade",
+          ...props
+        }
+      ),
+      showQuickRanges && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 1,
+            backgroundColor: theme.palette.background.paper
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "subtitle2",
+                sx: {
+                  color: theme.palette.text.secondary,
+                  fontWeight: 600,
+                  mb: 0.5
+                },
+                children: "Presets"
+              }
+            ),
+            /* @__PURE__ */ jsx(QuickRangeList, { children: computedQuickRanges.map((range) => /* @__PURE__ */ jsx(
+              QuickRangeItem,
+              {
+                $selected: selectedQuickRange === range.value,
+                onClick: () => handleQuickRangeSelect(range),
+                children: /* @__PURE__ */ jsx(QuickRangeText, { primary: range.label })
+              },
+              range.value
+            )) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+CalendarDatePicker.displayName = "CalendarDatePicker";
+
+export { CalendarDatePicker, createDefaultQuickRanges };
+//# sourceMappingURL=CalendarDatePicker.esm.js.map

package/dist/components/CalendarDatePicker.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDatePicker.esm.js","sources":["../../src/components/CalendarDatePicker.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport 'react-calendar/dist/Calendar.css';\n\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { CalendarProps } from 'react-calendar';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  CalendarContainer,\n  StyledCalendar,\n  QuickRangeList,\n  QuickRangeItem,\n  QuickRangeText,\n} from './CalendarDatePicker.styles';\nimport { LooseValue } from 'react-calendar/dist/cjs/shared/types';\n\ntype Value = Date | Date[] | null;\n\nexport type CalendarDateValue = Date | [Date, Date] | [];\n\nexport type CalendarQuickRange = {\n  label: string;\n  value: string;\n  getRange: () => CalendarDateValue | null;\n};\n\ntype CalendarDatePickerProps = {\n  value?: CalendarDateValue;\n  onChange?: (date: CalendarDateValue) => void;\n  quickRanges?: CalendarQuickRange[];\n  selectedQuickRange?: string;\n  onQuickRangeSelect?: (quickRange: CalendarQuickRange) => void;\n  showQuickRanges?: boolean;\n  tileStyle?: (args: {\n    date: Date;\n    view: string;\n  }) => globalThis.React.CSSProperties;\n} & Pick<\n  CalendarProps,\n  | 'activeStartDate'\n  | 'minDate'\n  | 'maxDate'\n  | 'tileClassName'\n  | 'tileContent'\n  | 'tileDisabled'\n  | 'selectRange'\n  | 'onActiveStartDateChange'\n>;\n\nexport const createDefaultQuickRanges = (): CalendarQuickRange[] => {\n  const today = new Date();\n\n  const startOfDay = (date: Date) => {\n    const copy = new Date(date);\n    copy.setHours(0, 0, 0, 0);\n    return copy;\n  };\n\n  const endOfDay = (date: Date) => {\n    const copy = new Date(date);\n    copy.setHours(23, 59, 59, 999);\n    return copy;\n  };\n\n  const subtractDays = (amount: number) => {\n    const date = new Date();\n    date.setDate(date.getDate() - amount);\n    return date;\n  };\n\n  return [\n    {\n      label: 'All Dates',\n      value: 'all',\n      getRange: () => [subtractDays(365 * 10), endOfDay(new Date())],\n    },\n    {\n      label: 'Last 7 days',\n      value: 'last-7-days',\n      getRange: () => [startOfDay(subtractDays(6)), endOfDay(today)],\n    },\n    {\n      label: 'Last 14 days',\n      value: 'last-14-days',\n      getRange: () => [startOfDay(subtractDays(13)), endOfDay(today)],\n    },\n    {\n      label: 'Last 30 days',\n      value: 'last-30-days',\n      getRange: () => [startOfDay(subtractDays(29)), endOfDay(today)],\n    },\n    {\n      label: 'Last 90 days',\n      value: 'last-90-days',\n      getRange: () => [startOfDay(subtractDays(89)), endOfDay(today)],\n    },\n    {\n      label: 'Custom',\n      value: 'custom',\n      getRange: () => [],\n    },\n  ];\n};\n\nexport const CalendarDatePicker = forwardRef<\n  HTMLDivElement,\n  CalendarDatePickerProps\n>(\n  (\n    {\n      selectRange = true,\n      showQuickRanges = true,\n      quickRanges,\n      selectedQuickRange,\n      onQuickRangeSelect,\n      value,\n      onChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n\n    const computedQuickRanges = useMemo(\n      () => quickRanges ?? createDefaultQuickRanges(),\n      [quickRanges],\n    );\n\n    const formatShortWeekday = useCallback(\n      (locale: string | undefined, date: Date) =>\n        date\n          .toLocaleDateString(locale || 'en-US', { weekday: 'short' })\n          .slice(0, 1),\n      [],\n    );\n\n    const handleCalendarChange = useCallback(\n      (calendarValue: Value) => {\n        if (onChange) {\n          onChange(calendarValue as CalendarDateValue);\n        }\n      },\n      [onChange],\n    );\n\n    const handleQuickRangeSelect = (range: CalendarQuickRange) => {\n      if (onQuickRangeSelect) {\n        onQuickRangeSelect(range);\n      }\n      const nextValue = range.getRange();\n      if (nextValue && onChange) {\n        onChange(nextValue);\n      }\n    };\n\n    return (\n      <CalendarContainer ref={ref}>\n        <StyledCalendar\n          value={value as LooseValue}\n          onChange={handleCalendarChange as any}\n          selectRange={selectRange}\n          formatShortWeekday={formatShortWeekday}\n          prev2Label={null}\n          next2Label={null}\n          prevLabel={<ChevronLeftIcon />}\n          nextLabel={<ChevronRightIcon />}\n          minDetail=\"decade\"\n          {...props}\n        />\n        {showQuickRanges && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 1,\n              backgroundColor: theme.palette.background.paper,\n            }}\n          >\n            <Typography\n              variant=\"subtitle2\"\n              sx={{\n                color: theme.palette.text.secondary,\n                fontWeight: 600,\n                mb: 0.5,\n              }}\n            >\n              Presets\n            </Typography>\n            <QuickRangeList>\n              {computedQuickRanges.map(range => (\n                <QuickRangeItem\n                  key={range.value}\n                  $selected={selectedQuickRange === range.value}\n                  onClick={() => handleQuickRangeSelect(range)}\n                >\n                  <QuickRangeText primary={range.label} />\n                </QuickRangeItem>\n              ))}\n            </QuickRangeList>\n          </Box>\n        )}\n      </CalendarContainer>\n    );\n  },\n);\n\nCalendarDatePicker.displayName = 'CalendarDatePicker';\n"],"names":[],"mappings":"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"}

package/dist/components/CalendarDatePicker.styles.esm.js

@@ -0,0 +1,198 @@
+import Calendar from 'react-calendar';
+import List from '@mui/material/List';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemText from '@mui/material/ListItemText';
+import { styled, alpha } from '@mui/material/styles';
+
+const CalendarContainer = styled("div")(({ theme }) => {
+  const isDark = theme.palette.mode === "dark";
+  const surface = theme.palette.background.paper;
+  const borderColor = isDark ? alpha(theme.palette.common.white, 0.08) : alpha(theme.palette.primary.main, 0.12);
+  const shadow = isDark ? "0 24px 48px rgba(8, 12, 41, 0.5)" : "0 24px 48px rgba(38, 54, 140, 0.16)";
+  return {
+    display: "flex",
+    alignItems: "stretch",
+    gap: theme.spacing(2),
+    padding: theme.spacing(2.5),
+    borderRadius: theme.spacing(3),
+    backgroundColor: surface,
+    border: `1px solid ${borderColor}`,
+    boxShadow: shadow,
+    width: "fit-content",
+    maxWidth: "100%"
+  };
+});
+const StyledCalendar = styled(Calendar)(({ theme }) => {
+  const primary = theme.palette.primary.main;
+  const primarySoft = alpha(
+    primary,
+    theme.palette.mode === "dark" ? 0.28 : 0.16
+  );
+  const rangeSoft = alpha(primary, theme.palette.mode === "dark" ? 0.24 : 0.12);
+  const hoverSoft = alpha(primary, theme.palette.mode === "dark" ? 0.32 : 0.18);
+  return {
+    "&.react-calendar": {
+      border: "none",
+      width: 280,
+      backgroundColor: "transparent"
+    },
+    "& .react-calendar__navigation": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: theme.spacing(2.5),
+      button: {
+        minWidth: theme.spacing(4.5),
+        minHeight: theme.spacing(4.5),
+        borderRadius: theme.spacing(2.5),
+        border: "none",
+        backgroundColor: "transparent",
+        color: theme.palette.text.secondary,
+        fontWeight: 600,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        "&:hover:not(:disabled)": {
+          backgroundColor: hoverSoft,
+          color: primary
+        },
+        "&:disabled": {
+          opacity: 0.4,
+          cursor: "not-allowed"
+        }
+      },
+      ".react-calendar__navigation__label": {
+        fontWeight: 700,
+        fontSize: 18,
+        color: theme.palette.text.primary
+      }
+    },
+    "& .react-calendar__month-view__weekdays": {
+      textTransform: "uppercase",
+      fontSize: 12,
+      fontWeight: 600,
+      letterSpacing: 0.4,
+      color: alpha(theme.palette.text.secondary, 0.8),
+      abbr: {
+        textDecoration: "none"
+      }
+    },
+    "& .react-calendar__tile": {
+      height: 40,
+      borderRadius: theme.spacing(3),
+      padding: 0,
+      fontWeight: 500,
+      color: theme.palette.text.primary,
+      transition: "all 0.2s ease",
+      position: "relative",
+      overflow: "hidden",
+      "> abbr": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "100%",
+        borderRadius: "inherit"
+      },
+      "&:hover:not(:disabled)": {
+        backgroundColor: hoverSoft,
+        color: primary
+      },
+      "&:disabled": {
+        color: alpha(theme.palette.text.disabled, 0.7),
+        backgroundColor: "transparent"
+      }
+    },
+    "& .react-calendar__tile--now": {
+      border: `1px solid ${alpha(primary, 0.5)}`,
+      borderRadius: theme.spacing(3),
+      backgroundColor: "inherit"
+    },
+    "& .react-calendar__tile--active": {
+      backgroundColor: primarySoft,
+      color: primary
+    },
+    "& .react-calendar__month-view .react-calendar__tile--range": {
+      backgroundColor: rangeSoft,
+      color: primary,
+      borderRadius: 0
+    },
+    "& .react-calendar__month-view .react-calendar__tile--rangeStart": {
+      backgroundColor: rangeSoft,
+      color: primary,
+      borderRadius: `${theme.spacing(3)} 0 0 ${theme.spacing(3)}`,
+      "> abbr": {
+        backgroundColor: primary,
+        color: theme.palette.primary.contrastText,
+        borderRadius: "50%",
+        width: 32,
+        height: 32,
+        margin: "auto"
+      }
+    },
+    "& .react-calendar__month-view .react-calendar__tile--rangeEnd": {
+      backgroundColor: rangeSoft,
+      color: primary,
+      borderRadius: `0 ${theme.spacing(3)} ${theme.spacing(3)} 0`,
+      "> abbr": {
+        backgroundColor: primary,
+        color: theme.palette.primary.contrastText,
+        borderRadius: "50%",
+        width: 32,
+        height: 32,
+        margin: "auto"
+      }
+    },
+    "& .react-calendar__month-view__days__day--neighboringMonth": {
+      color: alpha(theme.palette.text.disabled, 0.8)
+    },
+    "& .react-calendar__year-view .react-calendar__tile, & .react-calendar__decade-view .react-calendar__tile, & .react-calendar__century-view .react-calendar__tile": {
+      height: 64
+    }
+  };
+});
+const QuickRangeList = styled(List)(({ theme }) => ({
+  width: 160,
+  padding: 0,
+  margin: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+const QuickRangeItem = styled(ListItemButton)(
+  ({ theme, $selected }) => {
+    const primary = theme.palette.primary.main;
+    const isDark = theme.palette.mode === "dark";
+    const inactiveBackground = isDark ? alpha(primary, 0.16) : alpha(primary, 0.06);
+    const hoverBackground = isDark ? alpha(primary, 0.28) : alpha(primary, 0.12);
+    return {
+      borderRadius: theme.spacing(2),
+      justifyContent: "flex-start",
+      alignItems: "center",
+      padding: theme.spacing(1, 1.75),
+      minHeight: 44,
+      border: `1px solid ${$selected ? alpha(primary, 0.48) : alpha(primary, 0.16)}`,
+      backgroundColor: $selected ? primary : inactiveBackground,
+      color: $selected ? theme.palette.primary.contrastText : theme.palette.text.secondary,
+      fontWeight: $selected ? 700 : 500,
+      transition: "all 0.2s ease",
+      "&:hover": {
+        backgroundColor: $selected ? primary : hoverBackground,
+        color: $selected ? theme.palette.primary.contrastText : primary
+      }
+    };
+  }
+);
+const QuickRangeText = styled(ListItemText)(({ theme }) => ({
+  ".MuiListItemText-primary": {
+    fontSize: 14,
+    fontWeight: 600
+  },
+  ".MuiListItemText-secondary": {
+    fontSize: 12,
+    color: theme.palette.text.secondary
+  }
+}));
+
+export { CalendarContainer, QuickRangeItem, QuickRangeList, QuickRangeText, StyledCalendar };
+//# sourceMappingURL=CalendarDatePicker.styles.esm.js.map