@raystack/apsara 0.27.0 → 0.27.2

package/dist/node_modules/.pnpm/@radix-ui_react-presence@1.1.2_@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-presence/dist/index.cjs

@@ -0,0 +1,152 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../../../@radix-ui_react-compose-refs@1.1.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
+var index$1 = require('../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function useStateMachine(initialState, machine) {
+  return React__namespace.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+
+// packages/react/presence/src/Presence.tsx
+var Presence = (props) => {
+  const { present, children } = props;
+  const presence = usePresence(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React__namespace.Children.only(children);
+  const ref = index.useComposedRefs(presence.ref, getElementRef(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React__namespace.cloneElement(child, { ref }) : null;
+};
+Presence.displayName = "Presence";
+function usePresence(present) {
+  const [node, setNode] = React__namespace.useState();
+  const stylesRef = React__namespace.useRef({});
+  const prevPresentRef = React__namespace.useRef(present);
+  const prevAnimationNameRef = React__namespace.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  React__namespace.useEffect(() => {
+    const currentAnimationName = getAnimationName(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  index$1.useLayoutEffect(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  index$1.useLayoutEffect(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React__namespace.useCallback((node2) => {
+      if (node2) stylesRef.current = getComputedStyle(node2);
+      setNode(node2);
+    }, [])
+  };
+}
+function getAnimationName(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+exports.Presence = Presence;
+//# sourceMappingURL=index.cjs.map

package/dist/node_modules/.pnpm/@radix-ui_react-presence@1.1.2_@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-presence/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../../node_modules/.pnpm/@radix-ui+react-presence@1.1.2_@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-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/presence/src/Presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// packages/react/presence/src/useStateMachine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// packages/react/presence/src/Presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef({});\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      if (node2) stylesRef.current = getComputedStyle(node2);\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Presence\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["React","React2","useComposedRefs","useLayoutEffect"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/@radix-ui_react-presence@1.1.2_@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-presence/dist/index.js

@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { useComposedRefs } from '../../../../../@radix-ui_react-compose-refs@1.1.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.js';
+import { useLayoutEffect as useLayoutEffect2 } from '../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.js';
+
+function useStateMachine(initialState, machine) {
+  return React.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+
+// packages/react/presence/src/Presence.tsx
+var Presence = (props) => {
+  const { present, children } = props;
+  const presence = usePresence(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
+  const ref = useComposedRefs(presence.ref, getElementRef(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
+};
+Presence.displayName = "Presence";
+function usePresence(present) {
+  const [node, setNode] = React.useState();
+  const stylesRef = React.useRef({});
+  const prevPresentRef = React.useRef(present);
+  const prevAnimationNameRef = React.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  React.useEffect(() => {
+    const currentAnimationName = getAnimationName(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  useLayoutEffect2(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect2(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React.useCallback((node2) => {
+      if (node2) stylesRef.current = getComputedStyle(node2);
+      setNode(node2);
+    }, [])
+  };
+}
+function getAnimationName(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+export { Presence };
+//# sourceMappingURL=index.js.map

package/dist/node_modules/.pnpm/@radix-ui_react-presence@1.1.2_@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-presence/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/@radix-ui+react-presence@1.1.2_@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-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/presence/src/Presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// packages/react/presence/src/useStateMachine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// packages/react/presence/src/Presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef({});\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      if (node2) stylesRef.current = getComputedStyle(node2);\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nexport {\n  Presence\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["React2","useLayoutEffect"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/sidebar/sidebar.cjs

@@ -6,15 +6,27 @@ 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

@@ -4,15 +4,27 @@ 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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"}