@raystack/apsara 0.32.0 → 0.33.0

package/dist/sidebar/sidebar.cjs

@@ -7,25 +7,25 @@ var text = require('../text/text.cjs');
 var sidebar_module = require('./sidebar.module.css.cjs');
 
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 const SidebarRoot = ({ children, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: "column", justify: "between", className: sidebar_module.default.sidebar, ...props, children: children }));
 };
 /**
- * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.
  */
 const SidebarLogo = ({ name = "Apsara", logo, onClick, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { align: "center", direction: "row", gap: "small", onClick: onClick, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { gap: "small", children: logo }), jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 2, className: sidebar_module.default.logo, children: name })] }));
 };
 /**
- * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.
  */
 const SidebarNavigations = ({ children, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: "column", gap: "extra-small", ...props, children: children }));
 };
 /**
- * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.
  */
 const SidebarNavigationsGroup = ({ icon, name, children, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", className: sidebar_module.default.navigationgroup, ...props, children: [jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { className: sidebar_module.default.navigationgroupheading, children: [icon && icon, jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 2, style: { color: "var(--foreground-muted)" }, children: name })] }), jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: "column", className: sidebar_module.default.navigationgroupcontent, children: children })] }));
@@ -41,13 +41,13 @@ const cell = index.cva(sidebar_module.default.cell, {
     },
 });
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, asChild = false, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { className: cell({ active, disabled }), ...props, children: asChild ? (children) : (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "small", children: [leadingIcon, jsxRuntime.jsxRuntimeExports.jsx(text.Text, { className: sidebar_module.default.cellText, children: children })] }), trailingIcon] })) }));
 };
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 const SidebarFooter = ({ children, action }) => {
     return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { className: sidebar_module.default.footer, gap: "small", justify: "between", children: [jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: children }), action] }));

package/dist/sidebar/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","sources":["../../sidebar/sidebar.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\n\nimport styles from \"./sidebar.module.css\";\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\ntype SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {\n  children?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\nconst SidebarRoot = ({ children, ...props }: SidebarRootProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      justify=\"between\"\n      className={styles.sidebar}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.\n */\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  name?: string;\n  logo?: ReactNode;\n  onClick?: () => void;\n};\n\n/**\n * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.\n */\nconst SidebarLogo = ({\n  name = \"Apsara\",\n  logo,\n  onClick,\n  ...props\n}: SidebarLogoProps) => {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap=\"small\"\n      onClick={onClick}\n      {...props}\n    >\n      <Flex gap=\"small\">{logo}</Flex>\n      <Text size={2} className={styles.logo}>\n        {name}\n      </Text>\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\n\n/**\n * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigations = ({\n  children,\n  ...props\n}: SidebarNavigationsProps) => {\n  return (\n    <Flex direction=\"column\" gap={\"extra-small\"} {...props}>\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsGroupProps = PropsWithChildren<\n  VariantProps<typeof Flex> & { icon?: React.ReactNode; name: string }\n>;\n\n/**\n * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationsGroup = ({\n  icon,\n  name,\n  children,\n  ...props\n}: SidebarNavigationsGroupProps) => {\n  return (\n    <Flex direction=\"column\" className={styles.navigationgroup} {...props}>\n      <Flex className={styles.navigationgroupheading}>\n        {icon && icon}\n        <Text size={2} style={{ color: \"var(--foreground-muted)\" }}>\n          {name}\n        </Text>\n      </Flex>\n      <Flex direction=\"column\" className={styles.navigationgroupcontent}>\n        {children}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst cell = cva(styles.cell, {\n  variants: {\n    active: {\n      true: styles.active,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n  },\n});\n\ntype SidebarNavigationCellProps = PropsWithChildren<VariantProps<typeof cell>> &\n  VariantProps<typeof Flex> & {\n    leadingIcon?: React.ReactNode;\n    trailingIcon?: React.ReactNode;\n    children?: React.ReactNode;\n    onClick?: () => void;\n    href?: string;\n  };\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationCell = ({\n  leadingIcon,\n  trailingIcon,\n  active,\n  disabled,\n  children,\n  asChild = false,\n  ...props\n}: SidebarNavigationCellProps & { asChild?: boolean }) => {\n  return (\n    <Flex className={cell({ active, disabled })} {...props}>\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <Flex gap=\"small\">\n            {leadingIcon}\n            <Text className={styles.cellText}>{children}</Text>\n          </Flex>\n          {trailingIcon}\n        </>\n      )}\n    </Flex>\n  );\n};\n\ntype SidebarFooterProps = {\n  children?: string;\n  action?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\nconst SidebarFooter = ({ children, action }: SidebarFooterProps) => {\n  return (\n    <Flex className={styles.footer} gap=\"small\" justify=\"between\">\n      <Text>{children}</Text>\n      {action}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.\n */\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Logo: SidebarLogo,\n  Navigations: SidebarNavigations,\n  NavigationGroup: SidebarNavigationsGroup,\n  NavigationCell: SidebarNavigationCell,\n  Footer: SidebarFooter,\n});\n"],"names":["_jsx","Flex","styles","_jsxs","Text","cva"],"mappings":"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"}
+{"version":3,"file":"sidebar.cjs","sources":["../../sidebar/sidebar.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\n\nimport styles from \"./sidebar.module.css\";\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\ntype SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {\n  children?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\nconst SidebarRoot = ({ children, ...props }: SidebarRootProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      justify=\"between\"\n      className={styles.sidebar}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.\n */\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  name?: string;\n  logo?: ReactNode;\n  onClick?: () => void;\n};\n\n/**\n * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.\n */\nconst SidebarLogo = ({\n  name = \"Apsara\",\n  logo,\n  onClick,\n  ...props\n}: SidebarLogoProps) => {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap=\"small\"\n      onClick={onClick}\n      {...props}\n    >\n      <Flex gap=\"small\">{logo}</Flex>\n      <Text size={2} className={styles.logo}>\n        {name}\n      </Text>\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\n\n/**\n * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigations = ({\n  children,\n  ...props\n}: SidebarNavigationsProps) => {\n  return (\n    <Flex direction=\"column\" gap={\"extra-small\"} {...props}>\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsGroupProps = PropsWithChildren<\n  VariantProps<typeof Flex> & { icon?: React.ReactNode; name: string }\n>;\n\n/**\n * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationsGroup = ({\n  icon,\n  name,\n  children,\n  ...props\n}: SidebarNavigationsGroupProps) => {\n  return (\n    <Flex direction=\"column\" className={styles.navigationgroup} {...props}>\n      <Flex className={styles.navigationgroupheading}>\n        {icon && icon}\n        <Text size={2} style={{ color: \"var(--foreground-muted)\" }}>\n          {name}\n        </Text>\n      </Flex>\n      <Flex direction=\"column\" className={styles.navigationgroupcontent}>\n        {children}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst cell = cva(styles.cell, {\n  variants: {\n    active: {\n      true: styles.active,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n  },\n});\n\ntype SidebarNavigationCellProps = PropsWithChildren<VariantProps<typeof cell>> &\n  VariantProps<typeof Flex> & {\n    leadingIcon?: React.ReactNode;\n    trailingIcon?: React.ReactNode;\n    children?: React.ReactNode;\n    onClick?: () => void;\n    href?: string;\n  };\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationCell = ({\n  leadingIcon,\n  trailingIcon,\n  active,\n  disabled,\n  children,\n  asChild = false,\n  ...props\n}: SidebarNavigationCellProps & { asChild?: boolean }) => {\n  return (\n    <Flex className={cell({ active, disabled })} {...props}>\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <Flex gap=\"small\">\n            {leadingIcon}\n            <Text className={styles.cellText}>{children}</Text>\n          </Flex>\n          {trailingIcon}\n        </>\n      )}\n    </Flex>\n  );\n};\n\ntype SidebarFooterProps = {\n  children?: string;\n  action?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\nconst SidebarFooter = ({ children, action }: SidebarFooterProps) => {\n  return (\n    <Flex className={styles.footer} gap=\"small\" justify=\"between\">\n      <Text>{children}</Text>\n      {action}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.\n */\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Logo: SidebarLogo,\n  Navigations: SidebarNavigations,\n  NavigationGroup: SidebarNavigationsGroup,\n  NavigationCell: SidebarNavigationCell,\n  Footer: SidebarFooter,\n});\n"],"names":["_jsx","Flex","styles","_jsxs","Text","cva"],"mappings":"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"}

package/dist/sidebar/sidebar.d.ts

@@ -2,13 +2,13 @@ import { VariantProps } from "class-variance-authority";
 import { PropsWithChildren, ReactNode } from "react";
 import { Flex } from "~/flex";
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 type SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {
     children?: ReactNode;
 };
 /**
- * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.
  */
 type SidebarLogoProps = {
     img?: ReactNode;
@@ -17,11 +17,11 @@ type SidebarLogoProps = {
     onClick?: () => void;
 };
 /**
- * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.
  */
 type SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;
 /**
- * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.
  */
 type SidebarNavigationsGroupProps = PropsWithChildren<VariantProps<typeof Flex> & {
     icon?: React.ReactNode;

package/dist/sidebar/sidebar.js

@@ -5,25 +5,25 @@ import { Text } from '../text/text.js';
 import styles from './sidebar.module.css.js';
 
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 const SidebarRoot = ({ children, ...props }) => {
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles.sidebar, ...props, children: children }));
 };
 /**
- * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.
  */
 const SidebarLogo = ({ name = "Apsara", logo, onClick, ...props }) => {
     return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", onClick: onClick, ...props, children: [jsxRuntimeExports.jsx(Flex, { gap: "small", children: logo }), jsxRuntimeExports.jsx(Text, { size: 2, className: styles.logo, children: name })] }));
 };
 /**
- * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.
  */
 const SidebarNavigations = ({ children, ...props }) => {
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", gap: "extra-small", ...props, children: children }));
 };
 /**
- * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.
  */
 const SidebarNavigationsGroup = ({ icon, name, children, ...props }) => {
     return (jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles.navigationgroup, ...props, children: [jsxRuntimeExports.jsxs(Flex, { className: styles.navigationgroupheading, children: [icon && icon, jsxRuntimeExports.jsx(Text, { size: 2, style: { color: "var(--foreground-muted)" }, children: name })] }), jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles.navigationgroupcontent, children: children })] }));
@@ -39,13 +39,13 @@ const cell = cva(styles.cell, {
     },
 });
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, asChild = false, ...props }) => {
     return (jsxRuntimeExports.jsx(Flex, { className: cell({ active, disabled }), ...props, children: asChild ? (children) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [leadingIcon, jsxRuntimeExports.jsx(Text, { className: styles.cellText, children: children })] }), trailingIcon] })) }));
 };
 /**
- * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.
  */
 const SidebarFooter = ({ children, action }) => {
     return (jsxRuntimeExports.jsxs(Flex, { className: styles.footer, gap: "small", justify: "between", children: [jsxRuntimeExports.jsx(Text, { children: children }), action] }));

package/dist/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../sidebar/sidebar.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\n\nimport styles from \"./sidebar.module.css\";\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\ntype SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {\n  children?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\nconst SidebarRoot = ({ children, ...props }: SidebarRootProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      justify=\"between\"\n      className={styles.sidebar}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.\n */\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  name?: string;\n  logo?: ReactNode;\n  onClick?: () => void;\n};\n\n/**\n * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.\n */\nconst SidebarLogo = ({\n  name = \"Apsara\",\n  logo,\n  onClick,\n  ...props\n}: SidebarLogoProps) => {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap=\"small\"\n      onClick={onClick}\n      {...props}\n    >\n      <Flex gap=\"small\">{logo}</Flex>\n      <Text size={2} className={styles.logo}>\n        {name}\n      </Text>\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\n\n/**\n * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigations = ({\n  children,\n  ...props\n}: SidebarNavigationsProps) => {\n  return (\n    <Flex direction=\"column\" gap={\"extra-small\"} {...props}>\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsGroupProps = PropsWithChildren<\n  VariantProps<typeof Flex> & { icon?: React.ReactNode; name: string }\n>;\n\n/**\n * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationsGroup = ({\n  icon,\n  name,\n  children,\n  ...props\n}: SidebarNavigationsGroupProps) => {\n  return (\n    <Flex direction=\"column\" className={styles.navigationgroup} {...props}>\n      <Flex className={styles.navigationgroupheading}>\n        {icon && icon}\n        <Text size={2} style={{ color: \"var(--foreground-muted)\" }}>\n          {name}\n        </Text>\n      </Flex>\n      <Flex direction=\"column\" className={styles.navigationgroupcontent}>\n        {children}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst cell = cva(styles.cell, {\n  variants: {\n    active: {\n      true: styles.active,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n  },\n});\n\ntype SidebarNavigationCellProps = PropsWithChildren<VariantProps<typeof cell>> &\n  VariantProps<typeof Flex> & {\n    leadingIcon?: React.ReactNode;\n    trailingIcon?: React.ReactNode;\n    children?: React.ReactNode;\n    onClick?: () => void;\n    href?: string;\n  };\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationCell = ({\n  leadingIcon,\n  trailingIcon,\n  active,\n  disabled,\n  children,\n  asChild = false,\n  ...props\n}: SidebarNavigationCellProps & { asChild?: boolean }) => {\n  return (\n    <Flex className={cell({ active, disabled })} {...props}>\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <Flex gap=\"small\">\n            {leadingIcon}\n            <Text className={styles.cellText}>{children}</Text>\n          </Flex>\n          {trailingIcon}\n        </>\n      )}\n    </Flex>\n  );\n};\n\ntype SidebarFooterProps = {\n  children?: string;\n  action?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.\n */\nconst SidebarFooter = ({ children, action }: SidebarFooterProps) => {\n  return (\n    <Flex className={styles.footer} gap=\"small\" justify=\"between\">\n      <Text>{children}</Text>\n      {action}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.\n */\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Logo: SidebarLogo,\n  Navigations: SidebarNavigations,\n  NavigationGroup: SidebarNavigationsGroup,\n  NavigationCell: SidebarNavigationCell,\n  Footer: SidebarFooter,\n});\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../sidebar/sidebar.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\n\nimport styles from \"./sidebar.module.css\";\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\ntype SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {\n  children?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\nconst SidebarRoot = ({ children, ...props }: SidebarRootProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      justify=\"between\"\n      className={styles.sidebar}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.\n */\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  name?: string;\n  logo?: ReactNode;\n  onClick?: () => void;\n};\n\n/**\n * @deprecated Use Sidebar.Header component from @raystack/apsara/v1 instead.\n */\nconst SidebarLogo = ({\n  name = \"Apsara\",\n  logo,\n  onClick,\n  ...props\n}: SidebarLogoProps) => {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap=\"small\"\n      onClick={onClick}\n      {...props}\n    >\n      <Flex gap=\"small\">{logo}</Flex>\n      <Text size={2} className={styles.logo}>\n        {name}\n      </Text>\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\n\n/**\n * @deprecated Use Sidebar.Main component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigations = ({\n  children,\n  ...props\n}: SidebarNavigationsProps) => {\n  return (\n    <Flex direction=\"column\" gap={\"extra-small\"} {...props}>\n      {children}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.\n */\ntype SidebarNavigationsGroupProps = PropsWithChildren<\n  VariantProps<typeof Flex> & { icon?: React.ReactNode; name: string }\n>;\n\n/**\n * @deprecated Use Sidebar.Item component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationsGroup = ({\n  icon,\n  name,\n  children,\n  ...props\n}: SidebarNavigationsGroupProps) => {\n  return (\n    <Flex direction=\"column\" className={styles.navigationgroup} {...props}>\n      <Flex className={styles.navigationgroupheading}>\n        {icon && icon}\n        <Text size={2} style={{ color: \"var(--foreground-muted)\" }}>\n          {name}\n        </Text>\n      </Flex>\n      <Flex direction=\"column\" className={styles.navigationgroupcontent}>\n        {children}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst cell = cva(styles.cell, {\n  variants: {\n    active: {\n      true: styles.active,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n  },\n});\n\ntype SidebarNavigationCellProps = PropsWithChildren<VariantProps<typeof cell>> &\n  VariantProps<typeof Flex> & {\n    leadingIcon?: React.ReactNode;\n    trailingIcon?: React.ReactNode;\n    children?: React.ReactNode;\n    onClick?: () => void;\n    href?: string;\n  };\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\nconst SidebarNavigationCell = ({\n  leadingIcon,\n  trailingIcon,\n  active,\n  disabled,\n  children,\n  asChild = false,\n  ...props\n}: SidebarNavigationCellProps & { asChild?: boolean }) => {\n  return (\n    <Flex className={cell({ active, disabled })} {...props}>\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <Flex gap=\"small\">\n            {leadingIcon}\n            <Text className={styles.cellText}>{children}</Text>\n          </Flex>\n          {trailingIcon}\n        </>\n      )}\n    </Flex>\n  );\n};\n\ntype SidebarFooterProps = {\n  children?: string;\n  action?: ReactNode;\n};\n\n/**\n * @deprecated Use Sidebar component from @raystack/apsara/v1 instead.\n */\nconst SidebarFooter = ({ children, action }: SidebarFooterProps) => {\n  return (\n    <Flex className={styles.footer} gap=\"small\" justify=\"between\">\n      <Text>{children}</Text>\n      {action}\n    </Flex>\n  );\n};\n\n/**\n * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.\n */\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Logo: SidebarLogo,\n  Navigations: SidebarNavigations,\n  NavigationGroup: SidebarNavigationsGroup,\n  NavigationCell: SidebarNavigationCell,\n  Footer: SidebarFooter,\n});\n"],"names":["_jsx","_jsxs"],"mappings":"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"}