chore: deprecate old components (#369)

* chore: deprecate old components

* chore: inputfield

Author: paanSinghCoder

apps/www/src/content/docs/components/checkbox/index.mdx

@@ -12,7 +12,7 @@ import { playground, statesExamples } from "./demo.ts";
 You can control the checkbox state using the `checked` and `onCheckedChange` props:
 
 ```tsx
-import { Checkbox } from "@raystack/apsara";
+import { Checkbox } from "@raystack/apsara/v1";
 
 const [checked, setChecked] = useState(false);
 

apps/www/src/content/docs/components/command/index.mdx

@@ -12,7 +12,7 @@ import { preview } from "./demo.ts";
 Import all parts and piece them together.
 
 ```tsx
-import { Command } from "@raystack/apsara";
+import { Command } from "@raystack/apsara/v1";
 
 <Command>
   <Command.Input placeholder="Type a command or search..." />

packages/raystack/errorstate/errorstate.tsx

@@ -72,6 +72,9 @@ type ErrorStateProps = PropsWithChildren<VariantProps<typeof errorstate>> &
     message?: string;
   };
 
+/**
+ * @deprecated Use EmptyState from '@raystack/apsara/v1' instead.
+ */
 export function ErrorState({
   children,
   className,

packages/raystack/textfield/textfield.tsx

@@ -27,6 +27,9 @@ const textfield = cva(styles.textfield, {
   },
 });
 
+/**
+ * @deprecated Use InputFieldProps from '@raystack/apsara/v1' instead.
+ */
 export type TextfieldProps = Omit<
   InputHTMLAttributes<HTMLInputElement>,
   "size"
@@ -37,6 +40,9 @@ export type TextfieldProps = Omit<
     iconClass?: { leadingIcon?: string; trailingIcon?: string };
   };
 
+/**
+ * @deprecated Use InputField from '@raystack/apsara/v1' instead.
+ */
 export const TextField = forwardRef<HTMLInputElement, TextfieldProps>(
   (
     {