@febkosq8/arc 0.3.0 → 0.6.7

package/dist/avatar.d.ts

@@ -0,0 +1,18 @@
+type VariantClassProps = {
+    class?: never;
+    className?: never;
+} | {
+    class?: never;
+    className: string | undefined;
+};
+type AvatarVariantOptions = VariantClassProps & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null;
+};
+export type AvatarSize = NonNullable<AvatarVariantOptions["size"]>;
+export interface AvatarProps extends React.ComponentPropsWithoutRef<"span"> {
+    name?: string | null;
+    image?: string | null;
+    size?: AvatarSize;
+}
+declare const Avatar: ({ name, image: imageSource, size, className, ...props }: AvatarProps) => import('react').JSX.Element;
+export default Avatar;

package/dist/button-double-click.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from './button';
+export interface DoubleClickButtonFeedbackContext {
+    isWaiting: boolean;
+    isActive: boolean;
+    doubleClickMsDuration: number;
+    remainingTime: number;
+    variant: ButtonProps["variant"];
+    feedbackVariant: "primary" | "secondary" | "destructive" | "warning";
+}
+export type DoubleClickButtonFeedbackContent = ReactNode | ((context: DoubleClickButtonFeedbackContext) => ReactNode);
+export interface DoubleClickButtonProps extends ButtonProps {
+    doubleClickMsDuration?: number;
+    feedbackVariant?: "primary" | "secondary" | "destructive" | "warning";
+    feedbackContent?: DoubleClickButtonFeedbackContent;
+}
+declare const DoubleClickButton: ({ doubleClickMsDuration, feedbackVariant, feedbackContent, variant, children, onClick, onDoubleClick, className, style, ...props }: DoubleClickButtonProps) => import('react').JSX.Element;
+export default DoubleClickButton;

package/dist/button-group.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+type ButtonVariant = "primary" | "secondary" | "destructive" | "ghost" | "warning" | "outline-primary" | "outline-secondary" | "outline-destructive" | "outline-ghost" | "outline-warning";
+export interface ButtonGroupProps extends ComponentPropsWithoutRef<"div"> {
+    orientation?: "horizontal" | "vertical";
+    selectedVariant?: ButtonVariant;
+}
+declare const ButtonGroup: ({ className, orientation, selectedVariant, children, ...props }: ButtonGroupProps) => import('react').JSX.Element;
+export default ButtonGroup;

package/dist/button-long-press.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from './button';
+export interface LongPressButtonFeedbackContext {
+    isPressing: boolean;
+    isActive: boolean;
+    longPressMsDuration: number;
+    remainingTime: number;
+    variant: ButtonProps["variant"];
+    feedbackVariant: "primary" | "secondary" | "destructive" | "warning";
+}
+export type LongPressButtonFeedbackContent = ReactNode | ((context: LongPressButtonFeedbackContext) => ReactNode);
+export interface LongPressButtonProps extends ButtonProps {
+    longPressMsDuration?: number;
+    onLongPress?: (event: React.PointerEvent<HTMLButtonElement>) => void;
+    preventClick?: boolean;
+    feedbackVariant?: LongPressButtonFeedbackContext["feedbackVariant"];
+    feedbackContent?: LongPressButtonFeedbackContent;
+}
+declare const LongPressButton: ({ longPressMsDuration, onLongPress, onClick, preventClick, feedbackVariant, feedbackContent, variant, children, ...props }: LongPressButtonProps) => import('react').JSX.Element;
+export default LongPressButton;

package/dist/button.d.ts

@@ -0,0 +1,21 @@
+import { default as ButtonGroup } from './button-group';
+type VariantClassProps = {
+    class?: never;
+    className?: never;
+} | {
+    class?: never;
+    className: string | undefined;
+};
+type ButtonVariantOptions = VariantClassProps & {
+    variant?: "primary" | "secondary" | "destructive" | "ghost" | "warning" | "outline-primary" | "outline-secondary" | "outline-destructive" | "outline-ghost" | "outline-warning" | null;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null;
+};
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariantOptions["variant"];
+    size?: ButtonVariantOptions["size"];
+}
+interface ButtonComponent extends React.FC<ButtonProps> {
+    Group: typeof ButtonGroup;
+}
+declare const Button: ButtonComponent;
+export default Button;

package/dist/card.d.ts

@@ -0,0 +1,17 @@
+export type CardVariant = "primary" | "secondary" | "destructive" | "warning" | "outline-primary" | "outline-secondary" | "outline-destructive" | "outline-warning";
+interface CardProps extends React.ComponentPropsWithoutRef<"div"> {
+    variant?: CardVariant;
+    hoverable?: boolean;
+    hoverLift?: boolean;
+    hoverBorder?: boolean;
+    hoverGradient?: boolean;
+    postHeaderBorder?: boolean;
+    preFooterBorder?: boolean;
+}
+declare const Card: {
+    (props: CardProps): import('react').JSX.Element;
+    Header: (props: CardProps) => import('react').JSX.Element;
+    Content: (props: CardProps) => import('react').JSX.Element;
+    Footer: (props: CardProps) => import('react').JSX.Element;
+};
+export default Card;

package/dist/date-handler.d.ts

@@ -0,0 +1,13 @@
+import { DurationLike, ToRelativeOptions } from 'luxon';
+export declare class DateHandler {
+    private static toDateTime;
+    static getDateTime(date: unknown, format?: string): string;
+    static getRelativeTime(date: unknown, options?: ToRelativeOptions): string;
+    static getTimeDiff(date: unknown): string | null;
+    static generateOffsetDateTime({ offset, future, format, }: {
+        offset: DurationLike;
+        future?: boolean;
+        format?: string | null;
+    }): string;
+    static getFormattedTime(date: unknown, format?: string): string;
+}

package/dist/divider.d.ts

@@ -0,0 +1,2 @@
+declare const Divider: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import('react').JSX.Element;
+export default Divider;

package/dist/dropdown-multi.d.ts

@@ -0,0 +1,16 @@
+import { DropdownItem } from './dropdown';
+export interface MultiDropdownProps {
+    id?: string;
+    items: DropdownItem[];
+    value: string[];
+    onChange?: (items: DropdownItem[]) => void;
+    className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    name?: string;
+    preventEmpty?: boolean;
+    "data-name"?: string;
+    "data-required"?: boolean;
+}
+declare const MultiDropdown: ({ id, items, value, onChange, className, placeholder, disabled, name, preventEmpty, "data-name": dataName, "data-required": dataRequired, }: MultiDropdownProps) => import('react').JSX.Element;
+export default MultiDropdown;

package/dist/dropdown.d.ts

@@ -0,0 +1,19 @@
+export type DropdownItem = {
+    key: string | number;
+    label: string;
+    disabled?: boolean;
+};
+export interface DropdownProps {
+    items: DropdownItem[];
+    value: number | string;
+    onChange?: (item: DropdownItem | null) => void;
+    className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    name?: string;
+    preventEmpty?: boolean;
+    "data-name"?: string;
+    "data-required"?: boolean;
+}
+declare const Dropdown: ({ items, value, onChange, className, placeholder, disabled, name, preventEmpty, "data-name": dataName, "data-required": dataRequired, }: DropdownProps) => import('react').JSX.Element;
+export default Dropdown;

package/dist/error-text.d.ts

@@ -0,0 +1,5 @@
+export interface ErrorTextProps extends Omit<React.ComponentPropsWithoutRef<"em">, "children"> {
+    data?: string[] | string | null;
+}
+declare const ErrorText: ({ data, className, ...props }: ErrorTextProps) => import('react').JSX.Element;
+export default ErrorText;

package/dist/hash-navigation.d.ts

@@ -0,0 +1,34 @@
+export type HashNavigationOptions = {
+    /** Delay between attempts to find the hash target, in milliseconds. */
+    intervalMs?: number;
+    /** Maximum number of attempts before giving up. */
+    maxAttempts?: number;
+    /** Scroll behavior used when the target is found. */
+    behavior?: ScrollBehavior;
+    /** Scroll alignment used when the target is found. */
+    block?: ScrollLogicalPosition;
+};
+/**
+ * Scrolls to the element matching the current URL hash once it exists in the DOM.
+ * Retries until the element renders, the hash is cleared or the attempts run out.
+ * Returns a cleanup function that cancels any pending attempt.
+ */
+export declare function navigateToHashOnLoad({ intervalMs, maxAttempts, behavior, block, }?: HashNavigationOptions): () => void;
+/** Runs {@link navigateToHashOnLoad} once on mount. */
+export declare function useHashNavigationOnLoad(options?: HashNavigationOptions): void;
+export type UpdateHashOnScrollOptions = {
+    /** Scrollable element that contains the sections. */
+    container: HTMLElement;
+    /** Section element ids in display order. */
+    sectionIds: string[];
+    /** Defaults to true. When false, the first section maps to an empty hash instead of its own (e.g. `#intro`). */
+    hashFirstSection?: boolean;
+    /** Called on every scroll with the active section index (-1 if none) and the resolved sections. */
+    onActiveChange?: (activeIndex: number, sections: HTMLElement[]) => void;
+};
+/**
+ * Keeps the URL hash in sync with the section vertically centered in the container.
+ * While an initial hash navigation is still scrolling toward its target, the first section
+ * does not clear the hash. Returns a cleanup function that removes the scroll listener.
+ */
+export declare function updateHashOnScroll({ container, sectionIds, hashFirstSection, onActiveChange, }: UpdateHashOnScrollOptions): () => void;

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+export { default as Button } from './button';
+export { default as ButtonGroup } from './button-group';
+export { default as DoubleClickButton } from './button-double-click';
+export type { DoubleClickButtonFeedbackContent, DoubleClickButtonFeedbackContext, DoubleClickButtonProps, } from './button-double-click';
+export { default as LongPressButton } from './button-long-press';
+export type { LongPressButtonFeedbackContent, LongPressButtonFeedbackContext, LongPressButtonProps, } from './button-long-press';
+export { navigateToHashOnLoad, updateHashOnScroll, useHashNavigationOnLoad } from './hash-navigation';
+export type { HashNavigationOptions, UpdateHashOnScrollOptions } from './hash-navigation';
+export { default as Avatar } from './avatar';
+export type { AvatarProps, AvatarSize } from './avatar';
+export { default as Divider } from './divider';
+export { default as Dropdown } from './dropdown';
+export type { DropdownItem, DropdownProps } from './dropdown';
+export { default as ErrorText } from './error-text';
+export type { ErrorTextProps } from './error-text';
+export { default as Input } from './input';
+export { default as Card } from './card';
+export { DateHandler } from './date-handler';
+export { default as InputTimestamp } from './input-timestamp';
+export type { InputTimestampProps } from './input-timestamp';
+export { default as PillLink } from './pill-link';
+export type { PillLinkProps } from './pill-link';
+export { default as Menu } from './menu';
+export { default as Modal } from './modal';
+export type { ModalProps } from './modal';
+export { default as MultiDropdown } from './dropdown-multi';
+export type { MultiDropdownProps } from './dropdown-multi';
+export { default as Pill } from './pill';
+export { default as PreviewCard } from './preview-card';
+export type { PreviewCardProps } from './preview-card';
+export { default as Select } from './select';
+export type { SelectItem, SelectProps } from './select';
+export { default as Tag } from './tag';
+export type { TagProps, TagVariant } from './tag';
+export { default as TextLink } from './text-link';
+export type { TextLinkProps } from './text-link';
+export { default as Switch } from './switch';
+export { default as ThemeSwitcher } from './theme-switcher';
+export type { ThemeSwitcherProps } from './theme-switcher';
+export { default as TypingAnimation } from './typing-animation';
+export type { TypingAnimationPerTickUnit, TypingAnimationAfterString, TypingAnimationProps } from './typing-animation';

package/dist/input-timestamp.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface InputTimestampProps extends Omit<ComponentPropsWithoutRef<"input">, "value"> {
+    value?: unknown;
+    format?: string;
+}
+declare const InputTimestamp: ({ value, format, ...rest }: InputTimestampProps) => import('react').JSX.Element;
+export default InputTimestamp;

package/dist/input.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPropsWithoutRef } from 'react';
+type VariantClassProps = {
+    class?: never;
+    className?: never;
+} | {
+    class?: never;
+    className: string | undefined;
+};
+type InputVariantOptions = VariantClassProps & {
+    variant?: "default" | "ghost" | null;
+    as?: "input" | "textarea" | null;
+};
+export type InputProps = (ComponentPropsWithoutRef<"input"> & Omit<InputVariantOptions, "class" | "className"> & {
+    as?: "input";
+}) | (ComponentPropsWithoutRef<"textarea"> & Omit<InputVariantOptions, "class" | "className"> & {
+    as: "textarea";
+});
+declare const Input: ({ as, className, variant, ...rest }: InputProps) => import('react').JSX.Element;
+export default Input;

package/dist/menu.d.ts

@@ -0,0 +1,29 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+interface MenuProps {
+    className?: string;
+    contentClassName?: string;
+    active?: boolean;
+    activeClassName?: string;
+    buttonText: string | ReactNode;
+    children: ReactNode;
+}
+interface MenuComponent extends React.FC<MenuProps> {
+    Item: typeof MenuItem;
+    Sub: typeof MenuSub;
+}
+type MenuItemProps = Omit<ComponentPropsWithoutRef<typeof BaseMenu.Item>, "className" | "render"> & {
+    active?: boolean;
+    asChild?: boolean;
+    className?: string;
+};
+declare const MenuItem: ({ active, asChild, className, nativeButton, children, ...props }: MenuItemProps) => import('react').JSX.Element;
+declare const MenuComponent: ({ className, contentClassName, active, activeClassName, buttonText, children }: MenuProps) => import('react').JSX.Element;
+interface MenuSubProps {
+    active?: boolean;
+    buttonText: string | ReactNode;
+    children: ReactNode;
+}
+declare const MenuSub: ({ active, buttonText, children }: MenuSubProps) => import('react').JSX.Element;
+declare const Menu: MenuComponent;
+export default Menu;

package/dist/modal.d.ts

@@ -0,0 +1,15 @@
+export interface ModalProps {
+    open?: boolean;
+    setOpen: (open: boolean) => void;
+    children: React.ReactNode;
+    initialFocus?: React.RefObject<HTMLElement | null>;
+    headerContent?: React.ReactNode;
+    footerContent?: React.ReactNode;
+    width?: string;
+    height?: string;
+    className?: string;
+    /** Called with a normalized key name (`esc` or `ctrl+s`) while the modal is open. */
+    customKeyHandler?: (keyname: string, e: KeyboardEvent) => void;
+}
+declare const Modal: ({ open, setOpen, children, initialFocus, headerContent, footerContent, width, height, className, customKeyHandler, }: ModalProps) => import('react').JSX.Element;
+export default Modal;

package/dist/pill-link.d.ts

@@ -0,0 +1,8 @@
+export interface PillLinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    href: string;
+    active?: boolean;
+    variant?: "pill" | "primary" | "outline";
+    size?: "sm" | "md";
+}
+declare const PillLink: ({ active, className, size, variant, ...props }: PillLinkProps) => import('react').JSX.Element;
+export default PillLink;

package/dist/pill.d.ts

@@ -0,0 +1,5 @@
+export interface PillProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+}
+declare const Pill: ({ active, className, ...props }: PillProps) => import('react').JSX.Element;
+export default Pill;

package/dist/preview-card.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+export interface PreviewCardProps {
+    cardContent: ReactNode;
+    children: ReactNode;
+    trigger?: "hover" | "click";
+    triggerRender?: ReactElement;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    className?: string;
+}
+declare const PreviewCard: ({ cardContent, children, trigger, triggerRender, side, align, className, }: PreviewCardProps) => import('react').JSX.Element;
+export default PreviewCard;

package/dist/select.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type SelectItem = {
+    key: string;
+    label: ReactNode;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    id?: string;
+    value: string;
+    onChange: (value: string) => void;
+    data: SelectItem[];
+    className?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    "data-name"?: string;
+}
+declare const Select: ({ id, value, onChange, data, className, disabled, placeholder, ...rest }: SelectProps) => import('react').JSX.Element;
+export default Select;

package/dist/switch.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+export interface SwitchProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    variant?: "primary" | "secondary" | "danger" | "success";
+    children?: (checked: boolean) => JSX.Element;
+}
+declare const Switch: ({ checked, onChange, disabled, variant, children, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;

package/dist/tag.d.ts

@@ -0,0 +1,6 @@
+export type TagVariant = "primary" | "secondary" | "success" | "warning" | "destructive" | "outline";
+export interface TagProps extends React.ComponentPropsWithoutRef<"div"> {
+    variant?: TagVariant;
+}
+declare const Tag: ({ className, variant, ...props }: TagProps) => import('react').JSX.Element;
+export default Tag;

package/dist/text-link.d.ts

@@ -0,0 +1,6 @@
+export interface TextLinkProps extends Omit<React.ComponentPropsWithoutRef<"a">, "children"> {
+    href: string;
+    text: string;
+}
+declare const TextLink: ({ className, href, text, target, rel, ...props }: TextLinkProps) => import('react').JSX.Element;
+export default TextLink;

package/dist/theme-switcher.d.ts

@@ -0,0 +1,5 @@
+export interface ThemeSwitcherProps {
+    variant?: "dropdown" | "toggle";
+    showLabel?: boolean;
+}
+export default function ThemeSwitcher({ variant, showLabel }: ThemeSwitcherProps): import('react').JSX.Element;

package/dist/typing-animation.d.ts

@@ -0,0 +1,23 @@
+export type TypingAnimationPerTickUnit = "character" | "word";
+export type TypingAnimationAfterString = "clear" | "newline" | "comma";
+export interface TypingAnimationProps {
+    strings: string[];
+    placeholder?: string;
+    perTick?: {
+        amount?: number;
+        unit?: TypingAnimationPerTickUnit;
+    };
+    msDelay?: {
+        typing?: number;
+        deleting?: number;
+        hold?: number;
+        dot?: number;
+    };
+    waitTillVisible?: boolean;
+    pauseWhenHidden?: boolean;
+    loop?: boolean;
+    minVisiblePercent?: number;
+    afterString?: TypingAnimationAfterString;
+    trailingDot?: boolean;
+}
+export default function TypingAnimation({ strings, placeholder, perTick, msDelay, waitTillVisible, pauseWhenHidden, loop, minVisiblePercent, afterString, trailingDot, }: TypingAnimationProps): import('react').JSX.Element;

package/package.json

@@ -2,50 +2,64 @@
 	"name": "@febkosq8/arc",
 	"description": "A React components library for febkosq8",
 	"private": false,
-	"version": "0.3.0",
+	"version": "0.6.7",
 	"type": "module",
+	"main": "./dist/arc.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/arc.js"
+		},
+		"./styles.css": "./components/index.css"
+	},
+	"files": [
+		"dist",
+		"components/index.css"
+	],
+	"homepage": "https://www.npmjs.com/package/@febkosq8/arc",
 	"repository": "https://github.com/febkosq8/arc",
+	"packageManager": "pnpm@12.14.0",
 	"scripts": {
 		"build": "vite build",
-        "push-npm": "npm publish --access public",
-		"prepublishOnly": "npm run build"
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"prettier": "prettier --write .",
+		"push-npm": "npm publish --access public",
+		"prepublishOnly": "pnpm run build"
 	},
 	"peerDependencies": {
-		"react": "19.0.0",
-		"react-dom": "19.0.0"
+		"react": "19.3.1",
+		"react-dom": "19.3.1"
 	},
 	"dependencies": {
-		"@fortawesome/free-brands-svg-icons": "6.7.1",
-		"@fortawesome/free-solid-svg-icons": "6.7.1",
-		"@fortawesome/react-fontawesome": "0.2.2",
-		"@headlessui/react": "2.2.0",
-		"@radix-ui/react-dropdown-menu": "2.1.2",
-		"@radix-ui/react-slot": "1.1.0",
-		"@radix-ui/react-switch": "1.1.1",
-		"@rinzai/zen": "0.0.16",
-		"tailwind-merge": "2.5.5"
+		"@base-ui/react": "1.8.0",
+		"@rinzai/zen": "0.14.0",
+		"luxon": "3.7.2",
+		"react-icons": "5.7.0"
 	},
 	"devDependencies": {
-		"@tailwindcss/typography": "0.5.15",
-		"@types/node": "22.10.2",
-		"@types/react": "19.0.1",
-		"@types/react-dom": "19.0.2",
-		"@typescript-eslint/eslint-plugin": "8.18.0",
-		"@typescript-eslint/parser": "8.18.0",
-		"@vitejs/plugin-react-swc": "3.7.2",
-		"autoprefixer": "10.4.20",
-		"eslint": "9.16.0",
-		"eslint-plugin-react-hooks": "5.1.0",
-		"eslint-plugin-react-refresh": "0.4.16",
-		"postcss": "8.4.49",
-		"prettier": "3.4.2",
-		"react": "19.0.0",
-		"react-dom": "19.0.0",
-		"tailwindcss": "3.4.16",
-		"tailwindcss-animate": "1.0.7",
-		"typescript": "5.7.2",
-		"vite": "6.0.3",
-		"vite-plugin-dts": "4.3.0",
-		"vite-tsconfig-paths": "5.1.4"
+		"@storybook/addon-docs": "10.6.2",
+		"@storybook/react-vite": "10.6.2",
+		"@tailwindcss/postcss": "4.3.3",
+		"@types/luxon": "3.7.6",
+		"@types/node": "26.6.5",
+		"@types/react": "19.3.0",
+		"@types/react-dom": "19.3.0",
+		"@typescript/typescript6": "6.0.2",
+		"@vitejs/plugin-react": "6.1.2",
+		"eslint": "10.12.0",
+		"prettier": "3.9.10",
+		"prettier-plugin-css-order": "2.2.0",
+		"prettier-plugin-organize-attributes": "1.0.0",
+		"prettier-plugin-organize-imports": "4.3.0",
+		"prettier-plugin-tailwindcss": "0.8.1",
+		"react": "19.3.1",
+		"react-dom": "19.3.1",
+		"storybook": "10.6.2",
+		"tailwindcss": "4.3.3",
+		"typescript": "7.0.2",
+		"unplugin-dts": "1.1.2",
+		"vite": "8.3.4"
 	}
 }

package/.prettierrc

@@ -1,8 +0,0 @@
-{
-    "tabWidth": 4,
-    "printWidth": 120,
-    "singleQuote": true,
-    "trailingComma": "all",
-    "bracketSpacing": true,
-    "plugins": ["prettier-plugin-organize-imports"]
-}

package/components/button.tsx

@@ -1,42 +0,0 @@
-import { Slot } from "@radix-ui/react-slot";
-import { cva, cx, VariantProps } from "@rinzai/zen";
-
-const buttonVariants = cva(
-	"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 truncate",
-	{
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground hover:bg-primary/90",
-				destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-				ghost: "hover:bg-accent hover:text-accent-foreground",
-				link: " border text-primary underline-offset-4 hover:underline",
-			},
-			size: {
-				default: "h-10 px-4 py-2",
-				sm: "h-9 rounded-md px-3",
-				lg: "h-11 rounded-md px-8",
-				icon: "h-10 w-10",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	},
-);
-
-export interface ButtonProps
-	extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-		VariantProps<typeof buttonVariants> {
-	asChild?: boolean;
-}
-
-const Button =({ className, variant, size, asChild = false, ...props }:ButtonProps) => {
-		const Comp = asChild ? Slot : "button";
-		return <Comp className={cx(buttonVariants({ variant, size, className }))} {...props} />;
-	};
-
-export default Button 
-

package/components/card.tsx

@@ -1,32 +0,0 @@
-import { cx } from "@rinzai/zen";
-interface CardProps extends React.ComponentPropsWithoutRef<"div"> {}
-const Card = (props: CardProps) => {
-	const { className, ...rest } = props;
-	return <div className={cx("card p-4 rounded-lg border shadow-sm", className)} {...rest} />;
-};
-
-const Header = (props: CardProps) => {
-	const { className, ...rest } = props;
-	return <h2 className={cx("card-header flex flex-col typography-heading-2", className)} {...rest} />;
-};
-const Content = (props: CardProps) => {
-	const { className, ...rest } = props;
-	return (
-		<div
-			className={cx("card-content typography-heading-4 justify-between whitespace-pre-wrap py-2", className)}
-			{...rest}
-		/>
-	);
-};
-const Footer = (props: CardProps) => {
-	const { className, ...rest } = props;
-	return (
-		<div className="border-t flex justify-start items-center pt-2">
-			<h2 className={cx("card-footer text-2xl", className)} {...rest} />
-		</div>
-	);
-};
-Card.Header = Header;
-Card.Content = Content;
-Card.Footer = Footer;
-export default Card;

package/components/index.ts

@@ -1,8 +0,0 @@
-export {default as Button} from './button';
-export {default as Input} from './input';
-export {default as Card} from './card';
-export {default as Menu} from './menu';
-export {default as Pill} from './pill';
-export {default as Switch} from './switch';
-export {default as TextArea} from './text-area';
-export {default as ThemeSwitcher} from './theme-switcher';