@raystack/apsara 0.26.2 → 0.27.1

package/dist/separator/separator.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { Root as $89eedd556c436f6a$export$be92b6f5f03c0fe9 } from '../node_modules/.pnpm/@radix-ui_react-separator@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._na4co26slzimf5qojej32hgyjm/node_modules/@radix-ui/react-separator/dist/index.js';
-import { cva } from '../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './separator.module.css.js';
 
 const separator = cva(styles.separator, {

package/dist/sheet/sheet.cjs

@@ -3,7 +3,7 @@
 var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var index = require('../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.cjs');
 var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index$1 = require('../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var index$1 = require('../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var sheet_module = require('./sheet.module.css.cjs');
 

package/dist/sheet/sheet.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, Overlay as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, Close as $5d3850c4d0b4e6c7$export$f39c2d165cd861fe, Trigger as $5d3850c4d0b4e6c7$export$41fb9f06171c75f4, Title as $5d3850c4d0b4e6c7$export$f99233281efd08a0, Description as $5d3850c4d0b4e6c7$export$393edc798c47379d, Root as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 } from '../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.js';
 import { Cross1Icon } from '../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cva } from '../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './sheet.module.css.js';
 

package/dist/sidebar/sidebar.cjs

@@ -1,20 +1,32 @@
 'use strict';
 
 var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var index = require('../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
 var sidebar_module = require('./sidebar.module.css.cjs');
 
+/**
+ * @deprecated Use Sidepanel 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.
+ */
 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.
+ */
 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.
+ */
 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 })] }));
 };
@@ -28,12 +40,21 @@ const cell = index.cva(sidebar_module.default.cell, {
         },
     },
 });
+/**
+ * @deprecated Use Sidepanel 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.
+ */
 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] }));
 };
+/**
+ * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.
+ */
 const Sidebar = Object.assign(SidebarRoot, {
     Logo: SidebarLogo,
     Navigations: SidebarNavigations,

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\";\ntype SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {\n  children?: ReactNode;\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\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  name?: string;\n  logo?: ReactNode;\n  onClick?: () => void;\n};\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\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\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\ntype SidebarNavigationsGroupProps = PropsWithChildren<\n  VariantProps<typeof Flex> & { icon?: React.ReactNode; name: string }\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\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\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\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 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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"}

package/dist/sidebar/sidebar.d.ts

@@ -1,16 +1,28 @@
 import { VariantProps } from "class-variance-authority";
 import { PropsWithChildren, ReactNode } from "react";
 import { Flex } from "~/flex";
+/**
+ * @deprecated Use Sidepanel component from @raystack/apsara/v1 instead.
+ */
 type SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {
     children?: ReactNode;
 };
+/**
+ * @deprecated Use Sidepanel.Header component from @raystack/apsara/v1 instead.
+ */
 type SidebarLogoProps = {
     img?: ReactNode;
     name?: string;
     logo?: ReactNode;
     onClick?: () => void;
 };
+/**
+ * @deprecated Use Sidepanel.Main component from @raystack/apsara/v1 instead.
+ */
 type SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;
+/**
+ * @deprecated Use Sidepanel.Item component from @raystack/apsara/v1 instead.
+ */
 type SidebarNavigationsGroupProps = PropsWithChildren<VariantProps<typeof Flex> & {
     icon?: React.ReactNode;
     name: string;
@@ -30,6 +42,9 @@ type SidebarFooterProps = {
     children?: string;
     action?: ReactNode;
 };
+/**
+ * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.
+ */
 export declare const Sidebar: (({ children, ...props }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element) & {
     Logo: ({ name, logo, onClick, ...props }: SidebarLogoProps) => import("react/jsx-runtime").JSX.Element;
     Navigations: ({ children, ...props }: SidebarNavigationsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/sidebar/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF,KAAK,gBAAgB,GAAG;IACtB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAwBF,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;AAY5E,KAAK,4BAA4B,GAAG,iBAAiB,CACnD,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CACrE,CAAC;AAsBF,QAAA,MAAM,IAAI;;;mFASR,CAAC;AAEH,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAC5E,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA4BJ,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,OAAO,4BA1IyB,gBAAgB;8CAyB1D,gBAAgB;0CAqBhB,uBAAuB;0DAgBvB,4BAA4B;;;;;;;;;;;;;;;sBA6Bb,eAAe;uBACd,eAAe;mBACnB,eAAe;yBACV,IAAI;;;;;mCAmCqB,kBAAkB;CAe7D,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAK9B;;GAEG;AACH,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAkBF;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA2BF;;GAEG;AACH,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;AAgB5E;;GAEG;AACH,KAAK,4BAA4B,GAAG,iBAAiB,CACnD,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CACrE,CAAC;AA0BF,QAAA,MAAM,IAAI;;;mFASR,CAAC;AAEH,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAC5E,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BJ,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAcF;;GAEG;AACH,eAAO,MAAM,OAAO,4BAvKyB,gBAAgB;8CA+B1D,gBAAgB;0CA4BhB,uBAAuB;0DAuBvB,4BAA4B;;;;;;;;;;;;;;;sBA6Bb,eAAe;uBACd,eAAe;mBACnB,eAAe;yBACV,IAAI;;;;;mCAyCqB,kBAAkB;CAkB7D,CAAC"}

package/dist/sidebar/sidebar.js

@@ -1,18 +1,30 @@
 import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { cva } from '../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
 import styles from './sidebar.module.css.js';
 
+/**
+ * @deprecated Use Sidepanel 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.
+ */
 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.
+ */
 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.
+ */
 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 })] }));
 };
@@ -26,12 +38,21 @@ const cell = cva(styles.cell, {
         },
     },
 });
+/**
+ * @deprecated Use Sidepanel 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.
+ */
 const SidebarFooter = ({ children, action }) => {
     return (jsxRuntimeExports.jsxs(Flex, { className: styles.footer, gap: "small", justify: "between", children: [jsxRuntimeExports.jsx(Text, { children: children }), action] }));
 };
+/**
+ * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.
+ */
 const Sidebar = Object.assign(SidebarRoot, {
     Logo: SidebarLogo,
     Navigations: SidebarNavigations,

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\";\ntype SidebarRootProps = PropsWithChildren<VariantProps<typeof Flex>> & {\n  children?: ReactNode;\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\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  name?: string;\n  logo?: ReactNode;\n  onClick?: () => void;\n};\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\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\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\ntype SidebarNavigationsGroupProps = PropsWithChildren<\n  VariantProps<typeof Flex> & { icon?: React.ReactNode; name: string }\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\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\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\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 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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"}