feat: add base componet type

Author: Ohh-889

packages/ui/src/types/other.ts

@@ -0,0 +1,41 @@
+import type { ClassValue } from 'clsx';
+import type { ReactNode } from 'react';
+
+export type AsTag =
+  | 'a'
+  | 'button'
+  | 'div'
+  | 'form'
+  | 'h2'
+  | 'h3'
+  | 'img'
+  | 'input'
+  | 'label'
+  | 'li'
+  | 'nav'
+  | 'ol'
+  | 'p'
+  | 'span'
+  | 'svg'
+  | 'ul'
+  | 'template'
+  | ({} & string);
+
+export interface PrimitiveProps {
+  /**
+   * The element or component this component should render as. Can be overwrite by `asChild`
+   *
+   * @defaultValue 'div'
+   */
+  as?: AsTag | ReactNode;
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   *
+   * Read our [Composition](https://www.soybean-ui.com/docs/guides/composition) guide for more details.
+   */
+  asChild?: boolean;
+}
+
+export type BaseProps<T> = Omit<T, 'className'> & {
+  className?: ClassValue;
+};