fix: mark old components deprecated and delete old doc (#230)

Author: paanSinghCoder

apps/www/content/primitives/components/togglegroup.mdx

@@ -102,7 +102,6 @@ export const primitivesRoutes = [
       { title: "Text Field", slug: "docs/primitives/components/textfield" },
       { title: "Tooltip", slug: "docs/primitives/components/tooltip", newBadge: true },
       { title: "Text Area", slug: "docs/primitives/components/textArea", newBadge: true },
-      { title: "Toggle Group", slug: "docs/primitives/components/togglegroup" },
       {
         title: "Toast",
         slug: "docs/primitives/components/toast",

apps/www/utils/routes.ts

@@ -145,6 +145,9 @@ const SidebarFooter = ({ children, action }: SidebarFooterProps) => {
   );
 };
 
+/**
+ * @deprecated Use Sidebar from '@raystack/apsara/v1' instead.
+ */
 export const Sidebar = Object.assign(SidebarRoot, {
   Logo: SidebarLogo,
   Navigations: SidebarNavigations,

packages/raystack/sidebar/sidebar.tsx

@@ -5,11 +5,17 @@ import { cva, VariantProps } from "class-variance-authority";
 
 const root = cva(styles.root);
 
+/**
+ * @deprecated Use ToggleGroupProps from '@raystack/apsara/v1' instead.
+ */
 export type ToggleGroupProps = ComponentPropsWithoutRef<
   typeof ToggleGroupPrimitive.Root
 > &
   VariantProps<typeof root>;
 
+/**
+ * @deprecated Use ToggleGroupRoot from '@raystack/apsara/v1' instead.
+ */
 export const ToggleGroupRoot = ({ className, ...props }: ToggleGroupProps) => {
   return (
     <ToggleGroupPrimitive.Root className={root({ className })} {...props} />
@@ -20,10 +26,16 @@ ToggleGroupRoot.defaultProps = { type: "single" };
 
 const item = cva(styles.item);
 
+/**
+ * @deprecated Use ToggleGroupItemProps from '@raystack/apsara/v1' instead.
+ */
 export interface ToggleGroupItemProps
   extends ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,
     VariantProps<typeof item> {}
 
+/**
+ * @deprecated Use ToggleGroupItem from '@raystack/apsara/v1' instead.
+ */
 export const ToggleGroupItem = ({
   className,
   ...props
@@ -33,6 +45,9 @@ export const ToggleGroupItem = ({
   );
 };
 
+/**
+ * @deprecated Use ToggleGroup from '@raystack/apsara/v1' instead.
+ */
 export const ToggleGroup = Object.assign(ToggleGroupRoot, {
   Item: ToggleGroupItem,
 });