@mbao01/common 0.0.29 → 0.0.30

package/dist/types/components/Alert/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const getAlertClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/AlertDialog/AlertDialog.d.ts

@@ -21,14 +21,14 @@ declare const AlertDialog: {
     Title: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {} & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {} & React.RefAttributes<HTMLParagraphElement>>;
     Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-        variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         outline?: boolean | undefined;
         wide?: boolean | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
         isLoading?: boolean | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
     Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-        variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         outline?: boolean | undefined;
         wide?: boolean | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/Anchor/Anchor.d.ts

@@ -0,0 +1,2 @@
+import { type AnchorProps } from "./types";
+export declare const Anchor: ({ href, hover, variant, children, className, underline, isExternal, ...props }: AnchorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Anchor/constant.d.ts

@@ -0,0 +1,5 @@
+export declare const getAnchorClasses: (props?: ({
+    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    hover?: boolean | null | undefined;
+    underline?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Anchor/index.d.ts

@@ -0,0 +1 @@
+export { Anchor } from "./Anchor";

package/dist/types/components/Anchor/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { VariantProps } from "../../libs";
+import { getAnchorClasses } from "./constant";
+export type AnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    isExternal?: boolean;
+} & VariantProps<typeof getAnchorClasses>;

package/dist/types/components/Avatar/constants.d.ts

@@ -3,13 +3,13 @@ export declare const getAvatarClasses: (props?: ({
     status?: "online" | "offline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getAvatarImageClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
     ring?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getAvatarFallbackClasses: (props?: ({
     size?: 16 | 4 | 8 | 12 | 24 | 32 | 48 | 64 | null | undefined;
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
     ring?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Badge/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getBadgeClasses: (props?: ({
-    variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     rounded?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/types/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/Button/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getButtonClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/types/components/Carousel/Carousel.d.ts

@@ -6,7 +6,7 @@ declare const Carousel: {
     Content: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Next: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         outline?: boolean | undefined;
         wide?: boolean | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
@@ -15,7 +15,7 @@ declare const Carousel: {
         asChild?: boolean | undefined;
     } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Previous: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         outline?: boolean | undefined;
         wide?: boolean | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/Command/Command.d.ts

@@ -8,7 +8,7 @@ declare const Command: {
         ref?: React.Ref<HTMLInputElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
         value?: string | undefined;
         onValueChange?: ((search: string) => void) | undefined;
     } & React.RefAttributes<HTMLInputElement>, "ref"> & {} & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & {
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/Input/Input.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & {
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "ref" | "size"> & Omit<{
+    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
+    type?: string | number | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+}, "type"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/Input/constants.d.ts

@@ -1,6 +1,7 @@
 export declare const getInputClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    type?: string | number | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Input/types.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type VariantProps } from "../../../libs";
 import { getInputClasses } from "./constants";
-export type InputProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & VariantProps<typeof getInputClasses>;
+export type InputProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & Omit<VariantProps<typeof getInputClasses>, "type">;

package/dist/types/components/Form/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Radio: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & {
+declare const Radio: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/Range/Range.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Range: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & {
+declare const Range: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/Form/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Switch: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & {
+declare const Switch: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/TextField/TextField.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
-export declare const TextField: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & {
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+export declare const TextField: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "ref" | "size"> & Omit<{
+    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
+    type?: string | number | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
-} & {
+}, "type"> & {
     info?: React.ReactNode;
     error?: string | string[] | null | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/Textarea/Textarea.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "ref"> & {
-    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "ref" | "size"> & {
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/Form/Textarea/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getTextareaClasses: (props?: ({
-    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/types/components/Progress/Progress.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 export declare const Progress: React.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
-    variant?: "accent" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    variant?: "accent" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Progress/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const getProgressClasses: (props?: ({
-    variant?: "accent" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getProgressIndicatorClasses: (props?: ({
-    variant?: "accent" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/ScrollArea/ScrollArea.d.ts

@@ -6,6 +6,6 @@ declare const ScrollArea: {
     displayName: string | undefined;
 };
 declare const Scrollbar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export { ScrollArea, Scrollbar };

package/dist/types/components/ScrollArea/constants.d.ts

@@ -3,6 +3,6 @@ export declare const getScrollAreaScrollbarClasses: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getScrollAreaThumbClasses: (props?: ({
-    variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getScrollAreaViewportClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Sonner/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getToastClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getToastButtonClasses: (props?: ({

package/dist/types/components/Toggle/Toggle.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & Omit<{
-    variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/ToggleGroup/ToggleGroup.d.ts

@@ -4,7 +4,7 @@ import type { ToggleGroupProps } from "./types";
 declare const ToggleGroup: {
     ({ className, variant, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & Omit<{
-        variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         outline?: boolean | undefined;
         wide?: boolean | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 /** actions */
+export * from "./components/Anchor";
 export * from "./components/Button";
 export * from "./components/Breadcrumbs";
 export * from "./components/Menu";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.30",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -142,5 +142,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "1ccc8b44c98ab629a4ec708e3ee1bee6d9e13be8"
+  "gitHead": "1ab357d82f27002c7a0fe7211a39248077ce33d3"
 }

package/src/components/Anchor/Anchor.tsx

@@ -0,0 +1,29 @@
+import { ExternalLinkIcon } from "@radix-ui/react-icons";
+import { type AnchorProps } from "./types";
+import { getAnchorClasses } from "./constant";
+import { cn } from "../../utilities";
+
+export const Anchor = ({
+  href,
+  hover,
+  variant,
+  children,
+  className,
+  underline = false,
+  isExternal = false,
+  ...props
+}: AnchorProps) => {
+  return (
+    <a
+      href={href}
+      className={cn(getAnchorClasses({ hover, variant, underline }), className)}
+      {...props}
+      {...(isExternal && { rel: "noopener noreferrer" })}
+    >
+      {children}
+      {isExternal ? (
+        <ExternalLinkIcon name="external" className="ml-[2px] inline" />
+      ) : null}
+    </a>
+  );
+};

package/src/components/Anchor/constant.ts

@@ -0,0 +1,24 @@
+import { cva } from "../../libs";
+
+export const getAnchorClasses = cva("link transition-all", {
+  variants: {
+    variant: {
+      accent: "link-accent",
+      default: "link-default",
+      error: "link-error",
+      info: "link-info",
+      link: "link-link",
+      neutral: "link-neutral",
+      primary: "link-primary",
+      secondary: "link-secondary",
+      success: "link-success",
+      warning: "link-warning",
+    },
+    hover: {
+      true: "link-hover",
+    },
+    underline: {
+      false: "no-underline",
+    },
+  },
+});

package/src/components/Anchor/index.ts

@@ -0,0 +1 @@
+export { Anchor } from "./Anchor";

package/src/components/Anchor/types.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from "../../libs";
+import { getAnchorClasses } from "./constant";
+
+export type AnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  isExternal?: boolean;
+} & VariantProps<typeof getAnchorClasses>;

package/src/components/Form/Input/Input.tsx

@@ -4,11 +4,15 @@ import { cn } from "../../../utilities";
 import { getInputClasses } from "./constants";
 
 export const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ size, variant, wide, outline, className, ...props }: InputProps, ref) => (
+  (
+    { size, variant, wide, outline, className, type, ...props }: InputProps,
+    ref
+  ) => (
     <input
       ref={ref}
+      type={type}
       className={cn(
-        getInputClasses({ size, wide, variant, outline }),
+        getInputClasses({ type, size, wide, variant, outline }),
         className
       )}
       {...props}

package/src/components/Form/Input/constants.ts

@@ -27,6 +27,10 @@ export const getInputClasses = cva(
         md: "input-md",
         lg: "input-lg",
       },
+      type: {
+        ["file" as string]:
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium file:h-full",
+      },
     },
     compoundVariants: [
       {

package/src/components/Form/Input/types.ts

@@ -5,4 +5,4 @@ export type InputProps = Omit<
   React.HTMLProps<HTMLInputElement>,
   "size" | "ref"
 > &
-  VariantProps<typeof getInputClasses>;
+  Omit<VariantProps<typeof getInputClasses>, "type">;

package/src/components/Form/Select/constants.ts

@@ -1,7 +1,7 @@
 import { cva } from "../../../libs";
 
 export const getSelectTriggerClasses = cva(
-  "select flex items-center justify-between rounded-md text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+  "select flex items-center justify-between rounded-md text-sm text-left ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
   {
     variants: {
       variant: {

package/src/index.ts

@@ -1,4 +1,5 @@
 /** actions */
+export * from "./components/Anchor";
 export * from "./components/Button";
 export * from "./components/Breadcrumbs";
 export * from "./components/Menu";