@deckai/deck-ui 0.0.8 → 0.0.9

package/dist/components/AboutCard.d.cts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ContactItemProps } from './ContactItem.cjs';
+import '@deckai/icons/src/types/icon-names';
+
+type AboutCardProps = {
+    interests: string[];
+    contactItems: ContactItemProps[];
+    description: string;
+};
+declare const AboutCard: ({ interests, contactItems, description, ...props }: AboutCardProps) => React__default.JSX.Element;
+
+export { AboutCard, type AboutCardProps };

package/dist/components/AboutCard.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ContactItemProps } from './ContactItem.js';
+import '@deckai/icons/src/types/icon-names';
+
+type AboutCardProps = {
+    interests: string[];
+    contactItems: ContactItemProps[];
+    description: string;
+};
+declare const AboutCard: ({ interests, contactItems, description, ...props }: AboutCardProps) => React__default.JSX.Element;
+
+export { AboutCard, type AboutCardProps };

package/dist/components/Avatar.d.cts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { Pressable } from './Pressable.cjs';
+
+type AvatarProps = {
+    src: string;
+    size?: number | string;
+} & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
+declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
+
+export { Avatar, type AvatarProps };

package/dist/components/Avatar.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { Pressable } from './Pressable.js';
+
+type AvatarProps = {
+    src: string;
+    size?: number | string;
+} & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
+declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
+
+export { Avatar, type AvatarProps };

package/dist/components/Badge.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IconName } from '@deckai/icons';
+
+type BadgeProps = {
+    variant?: "pink" | "orange" | "green";
+    iconName?: IconName;
+} & React.HTMLAttributes<HTMLSpanElement>;
+declare const Badge: React.ForwardRefExoticComponent<{
+    variant?: "pink" | "orange" | "green";
+    iconName?: IconName;
+} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/components/Badge.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IconName } from '@deckai/icons';
+
+type BadgeProps = {
+    variant?: "pink" | "orange" | "green";
+    iconName?: IconName;
+} & React.HTMLAttributes<HTMLSpanElement>;
+declare const Badge: React.ForwardRefExoticComponent<{
+    variant?: "pink" | "orange" | "green";
+    iconName?: IconName;
+} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/components/Breadcrumbs.d.cts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+type BreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+    className?: string;
+    SeparatorComponent?: React__default.ReactElement;
+    onHomeClick: () => void;
+};
+declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
+
+export { Breadcrumbs, type BreadcrumbsProps };

package/dist/components/Breadcrumbs.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+type BreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+    className?: string;
+    SeparatorComponent?: React__default.ReactElement;
+    onHomeClick: () => void;
+};
+declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
+
+export { Breadcrumbs, type BreadcrumbsProps };

package/dist/components/Button.d.cts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+type ButtonProps = {
+    /** @default filled */
+    variant?: "filled" | "outlined";
+    /** @default primary */
+    color?: "black" | "accent" | "secondary";
+    isLoading?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: React.ForwardRefExoticComponent<{
+    /** @default filled */
+    variant?: "filled" | "outlined";
+    /** @default primary */
+    color?: "black" | "accent" | "secondary";
+    isLoading?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/components/Button.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+type ButtonProps = {
+    /** @default filled */
+    variant?: "filled" | "outlined";
+    /** @default primary */
+    color?: "black" | "accent" | "secondary";
+    isLoading?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: React.ForwardRefExoticComponent<{
+    /** @default filled */
+    variant?: "filled" | "outlined";
+    /** @default primary */
+    color?: "black" | "accent" | "secondary";
+    isLoading?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/components/Combobox.d.cts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { OptionProps } from './Option.cjs';
+
+type ComboboxProps = {
+    options: OptionProps[];
+    placeholder?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    end?: React__default.ReactNode;
+    className?: string;
+};
+declare const Combobox: ({ options, placeholder, value, onChange, end, className }: ComboboxProps) => React__default.JSX.Element;
+
+export { Combobox, type ComboboxProps };

package/dist/components/Combobox.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { OptionProps } from './Option.js';
+
+type ComboboxProps = {
+    options: OptionProps[];
+    placeholder?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    end?: React__default.ReactNode;
+    className?: string;
+};
+declare const Combobox: ({ options, placeholder, value, onChange, end, className }: ComboboxProps) => React__default.JSX.Element;
+
+export { Combobox, type ComboboxProps };

package/dist/components/ContactItem.d.cts

@@ -0,0 +1,11 @@
+import { IconName } from '@deckai/icons/src/types/icon-names';
+import React__default, { HTMLAttributes } from 'react';
+
+type ContactItemProps = {
+    iconName: IconName;
+    children: React__default.ReactNode;
+    href: string;
+} & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
+declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
+
+export { ContactItem, type ContactItemProps };

package/dist/components/ContactItem.d.ts

@@ -0,0 +1,11 @@
+import { IconName } from '@deckai/icons/src/types/icon-names';
+import React__default, { HTMLAttributes } from 'react';
+
+type ContactItemProps = {
+    iconName: IconName;
+    children: React__default.ReactNode;
+    href: string;
+} & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
+declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
+
+export { ContactItem, type ContactItemProps };

package/dist/components/Icon.d.cts

@@ -0,0 +1,18 @@
+import React__default, { SVGProps } from 'react';
+import { IconName } from '@deckai/icons';
+import { I as IconColors } from '../tailwind-DJFscIlV.cjs';
+
+type IconProps = {
+    name: IconName;
+    /** @default 24 */
+    size?: number | `${Breakpoint}:${number}`;
+    /** @default primary */
+    color?: IconColors;
+    title?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+} & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
+export { Icon, type IconProps };

package/dist/components/Icon.d.ts

@@ -0,0 +1,18 @@
+import React__default, { SVGProps } from 'react';
+import { IconName } from '@deckai/icons';
+import { I as IconColors } from '../tailwind-DJFscIlV.js';
+
+type IconProps = {
+    name: IconName;
+    /** @default 24 */
+    size?: number | `${Breakpoint}:${number}`;
+    /** @default primary */
+    color?: IconColors;
+    title?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+} & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
+export { Icon, type IconProps };

package/dist/components/Input.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IconName } from '@deckai/icons';
+import { IconProps } from './Icon.cjs';
+import '../tailwind-DJFscIlV.cjs';
+
+type InputProps = {
+    className?: string;
+    end?: React.ReactNode;
+    /** renders an icon in the end slot */
+    iconName?: IconName;
+} & React.InputHTMLAttributes<HTMLInputElement> & Pick<IconProps, "color" | "size" | "title">;
+declare const Input: ({ className, end, iconName, color, size, title, ...props }: InputProps) => React.JSX.Element;
+
+export { Input, type InputProps };

package/dist/components/Input.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IconName } from '@deckai/icons';
+import { IconProps } from './Icon.js';
+import '../tailwind-DJFscIlV.js';
+
+type InputProps = {
+    className?: string;
+    end?: React.ReactNode;
+    /** renders an icon in the end slot */
+    iconName?: IconName;
+} & React.InputHTMLAttributes<HTMLInputElement> & Pick<IconProps, "color" | "size" | "title">;
+declare const Input: ({ className, end, iconName, color, size, title, ...props }: InputProps) => React.JSX.Element;
+
+export { Input, type InputProps };

package/dist/components/Link.d.cts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { TextProps } from './Text.cjs';
+import '../tailwind-DJFscIlV.cjs';
+
+type LinkProps = {
+    href: string;
+    children: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+} & Pick<TextProps, "variant" | "color"> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const Link: ({ children, color, variant, href, className, ...props }: LinkProps) => React__default.JSX.Element;
+
+export { Link, type LinkProps };

package/dist/components/Link.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { TextProps } from './Text.js';
+import '../tailwind-DJFscIlV.js';
+
+type LinkProps = {
+    href: string;
+    children: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+} & Pick<TextProps, "variant" | "color"> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const Link: ({ children, color, variant, href, className, ...props }: LinkProps) => React__default.JSX.Element;
+
+export { Link, type LinkProps };

package/dist/components/Logo.d.cts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type LogoProps = {
+    /** @default 76 */
+    width?: number;
+    /** @default 25 */
+    height?: number;
+};
+declare const Logo: ({ width, height }: LogoProps) => React__default.JSX.Element;
+
+export { Logo, type LogoProps };

package/dist/components/Logo.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type LogoProps = {
+    /** @default 76 */
+    width?: number;
+    /** @default 25 */
+    height?: number;
+};
+declare const Logo: ({ width, height }: LogoProps) => React__default.JSX.Element;
+
+export { Logo, type LogoProps };

package/dist/components/Navbar.d.cts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { OptionProps } from './Option.cjs';
+import { NavbarItemProps } from './NavbarItem.cjs';
+import '@deckai/icons';
+import './Icon.cjs';
+import '../tailwind-DJFscIlV.cjs';
+import './Pressable.cjs';
+
+type NavbarProps = {
+    searchOptions: OptionProps[];
+    onSearchChange: (value: string) => void;
+    navbarItems: NavbarItemProps[];
+    onLogoClick?: () => void;
+    onProfileClick?: () => void;
+    avatarImage: string;
+};
+declare const Navbar: ({ searchOptions, onSearchChange, navbarItems, onLogoClick, onProfileClick, avatarImage }: NavbarProps) => React__default.JSX.Element;
+
+export { Navbar, type NavbarProps };

package/dist/components/Navbar.d.ts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { OptionProps } from './Option.js';
+import { NavbarItemProps } from './NavbarItem.js';
+import '@deckai/icons';
+import './Icon.js';
+import '../tailwind-DJFscIlV.js';
+import './Pressable.js';
+
+type NavbarProps = {
+    searchOptions: OptionProps[];
+    onSearchChange: (value: string) => void;
+    navbarItems: NavbarItemProps[];
+    onLogoClick?: () => void;
+    onProfileClick?: () => void;
+    avatarImage: string;
+};
+declare const Navbar: ({ searchOptions, onSearchChange, navbarItems, onLogoClick, onProfileClick, avatarImage }: NavbarProps) => React__default.JSX.Element;
+
+export { Navbar, type NavbarProps };

package/dist/components/NavbarItem.d.cts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { IconName } from '@deckai/icons';
+import { IconProps } from './Icon.cjs';
+import { PressableProps } from './Pressable.cjs';
+import '../tailwind-DJFscIlV.cjs';
+
+type NavbarItemProps = {
+    iconName: IconName;
+    hasNotification?: boolean;
+} & Pick<IconProps, "color" | "title"> & PressableProps;
+declare const NavbarItem: ({ iconName, hasNotification, color, title, ...props }: NavbarItemProps) => React__default.JSX.Element;
+
+export { NavbarItem, type NavbarItemProps };

package/dist/components/NavbarItem.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { IconName } from '@deckai/icons';
+import { IconProps } from './Icon.js';
+import { PressableProps } from './Pressable.js';
+import '../tailwind-DJFscIlV.js';
+
+type NavbarItemProps = {
+    iconName: IconName;
+    hasNotification?: boolean;
+} & Pick<IconProps, "color" | "title"> & PressableProps;
+declare const NavbarItem: ({ iconName, hasNotification, color, title, ...props }: NavbarItemProps) => React__default.JSX.Element;
+
+export { NavbarItem, type NavbarItemProps };

package/dist/components/Option.d.cts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type OptionProps = {
+    label: string;
+    value: string;
+    onChange?: (value: string) => void;
+    selected?: boolean;
+};
+declare const Option: ({ value, label, onChange, selected }: OptionProps) => React__default.JSX.Element;
+
+export { Option, type OptionProps };

package/dist/components/Option.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type OptionProps = {
+    label: string;
+    value: string;
+    onChange?: (value: string) => void;
+    selected?: boolean;
+};
+declare const Option: ({ value, label, onChange, selected }: OptionProps) => React__default.JSX.Element;
+
+export { Option, type OptionProps };

package/dist/components/Pressable.d.cts

@@ -0,0 +1,6 @@
+import React__default, { ButtonHTMLAttributes } from 'react';
+
+type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Pressable: React__default.FC<PressableProps>;
+
+export { Pressable, type PressableProps };

package/dist/components/Pressable.d.ts

@@ -0,0 +1,6 @@
+import React__default, { ButtonHTMLAttributes } from 'react';
+
+type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Pressable: React__default.FC<PressableProps>;
+
+export { Pressable, type PressableProps };

package/dist/components/ProfileCard.d.cts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { BadgeProps } from './Badge.cjs';
+import '@deckai/icons';
+
+type ProfileCardProps = {
+    profileImage: string;
+    name: string;
+    location: string;
+    memberSince?: string;
+    interests?: string[];
+    badges?: BadgeProps[];
+};
+declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges }: ProfileCardProps) => React__default.JSX.Element;
+
+export { ProfileCard, type ProfileCardProps };

package/dist/components/ProfileCard.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { BadgeProps } from './Badge.js';
+import '@deckai/icons';
+
+type ProfileCardProps = {
+    profileImage: string;
+    name: string;
+    location: string;
+    memberSince?: string;
+    interests?: string[];
+    badges?: BadgeProps[];
+};
+declare const ProfileCard: ({ profileImage, name, location, memberSince, interests, badges }: ProfileCardProps) => React__default.JSX.Element;
+
+export { ProfileCard, type ProfileCardProps };

package/dist/components/SocialCard.d.cts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { PressableProps } from './Pressable.cjs';
+import { IconName } from '@deckai/icons';
+
+type SocialCardProps = {
+    icon: IconName;
+    followers: string;
+    engagement: string;
+} & PressableProps;
+declare const SocialCard: ({ icon, followers, engagement, ...pressableProps }: SocialCardProps) => React__default.JSX.Element;
+
+export { SocialCard, type SocialCardProps };

package/dist/components/SocialCard.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { PressableProps } from './Pressable.js';
+import { IconName } from '@deckai/icons';
+
+type SocialCardProps = {
+    icon: IconName;
+    followers: string;
+    engagement: string;
+} & PressableProps;
+declare const SocialCard: ({ icon, followers, engagement, ...pressableProps }: SocialCardProps) => React__default.JSX.Element;
+
+export { SocialCard, type SocialCardProps };

package/dist/components/Switch.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
+    label?: string;
+    description?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    label?: string;
+    description?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/components/Switch.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
+    label?: string;
+    description?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    label?: string;
+    description?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/components/Tabs.d.cts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+type TabItem = {
+    value: string;
+    label: string;
+    content: React__default.ReactNode;
+};
+type TabsProps = {
+    items: TabItem[];
+    defaultValue?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+};
+declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { type TabItem, Tabs, type TabsProps };

package/dist/components/Tabs.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+type TabItem = {
+    value: string;
+    label: string;
+    content: React__default.ReactNode;
+};
+type TabsProps = {
+    items: TabItem[];
+    defaultValue?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+};
+declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { type TabItem, Tabs, type TabsProps };

package/dist/components/Tag.d.cts

@@ -0,0 +1,10 @@
+import React__default, { HTMLAttributes } from 'react';
+
+type TagProps = {
+    children: React__default.ReactNode;
+    padded?: boolean;
+    color?: "primary" | "text";
+} & HTMLAttributes<HTMLDivElement>;
+declare const Tag: ({ children, padded, color, ...props }: TagProps) => React__default.JSX.Element;
+
+export { Tag, type TagProps };

package/dist/components/Tag.d.ts

@@ -0,0 +1,10 @@
+import React__default, { HTMLAttributes } from 'react';
+
+type TagProps = {
+    children: React__default.ReactNode;
+    padded?: boolean;
+    color?: "primary" | "text";
+} & HTMLAttributes<HTMLDivElement>;
+declare const Tag: ({ children, padded, color, ...props }: TagProps) => React__default.JSX.Element;
+
+export { Tag, type TagProps };

package/dist/components/Text.d.cts

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import { C as Colors, T as TextColorVariant, P as PrimaryShades, S as SecondaryShades, a as TertiaryShades, b as Typography } from '../tailwind-DJFscIlV.cjs';
+
+type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
+type HTMLPropsMap = {
+    p: React__default.HTMLAttributes<HTMLParagraphElement>;
+    span: React__default.HTMLAttributes<HTMLSpanElement>;
+    h1: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h2: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h3: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h4: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h5: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h6: React__default.HTMLAttributes<HTMLHeadingElement>;
+    strong: React__default.HTMLAttributes<HTMLElement>;
+    em: React__default.HTMLAttributes<HTMLElement>;
+    blockquote: React__default.HTMLAttributes<HTMLQuoteElement>;
+    pre: React__default.HTMLAttributes<HTMLPreElement>;
+    code: React__default.HTMLAttributes<HTMLElement>;
+    small: React__default.HTMLAttributes<HTMLElement>;
+    label: React__default.LabelHTMLAttributes<HTMLLabelElement>;
+    a: Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
+};
+type ColorCategory = keyof Omit<Colors, "stroke" | "background">;
+type ColorValue<T extends ColorCategory> = T extends "text" ? TextColorVariant : T extends "primary" ? keyof PrimaryShades : T extends "secondary" ? keyof SecondaryShades : T extends "tertiary" ? keyof TertiaryShades : never;
+type ColorKey = {
+    [T in ColorCategory]: `${T}-${ColorValue<T>}`;
+}[ColorCategory];
+type TypographyCategory = keyof Typography;
+type TypographyValue<T extends TypographyCategory> = Extract<keyof Typography[T], string | number | bigint | boolean | null | undefined>;
+type TypographyKey = {
+    [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;
+}[TypographyCategory];
+type Weight = "light" | "regular" | "semibold" | "bold";
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+type ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;
+type TextProps<T extends TextElement = "p"> = {
+    variant?: ResponsiveVariant | ResponsiveVariant[];
+    color?: ColorKey | "inherit";
+    as?: T;
+    className?: string;
+    children: React__default.ReactNode;
+    weight?: Weight;
+} & HTMLPropsMap[T];
+declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLSpanElement | HTMLElement | HTMLPreElement | HTMLAnchorElement | HTMLQuoteElement | HTMLHeadingElement | HTMLLabelElement | HTMLParagraphElement>>;
+
+export { Text, type TextProps };

package/dist/components/Text.d.ts

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import { C as Colors, T as TextColorVariant, P as PrimaryShades, S as SecondaryShades, a as TertiaryShades, b as Typography } from '../tailwind-DJFscIlV.js';
+
+type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
+type HTMLPropsMap = {
+    p: React__default.HTMLAttributes<HTMLParagraphElement>;
+    span: React__default.HTMLAttributes<HTMLSpanElement>;
+    h1: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h2: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h3: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h4: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h5: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h6: React__default.HTMLAttributes<HTMLHeadingElement>;
+    strong: React__default.HTMLAttributes<HTMLElement>;
+    em: React__default.HTMLAttributes<HTMLElement>;
+    blockquote: React__default.HTMLAttributes<HTMLQuoteElement>;
+    pre: React__default.HTMLAttributes<HTMLPreElement>;
+    code: React__default.HTMLAttributes<HTMLElement>;
+    small: React__default.HTMLAttributes<HTMLElement>;
+    label: React__default.LabelHTMLAttributes<HTMLLabelElement>;
+    a: Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
+};
+type ColorCategory = keyof Omit<Colors, "stroke" | "background">;
+type ColorValue<T extends ColorCategory> = T extends "text" ? TextColorVariant : T extends "primary" ? keyof PrimaryShades : T extends "secondary" ? keyof SecondaryShades : T extends "tertiary" ? keyof TertiaryShades : never;
+type ColorKey = {
+    [T in ColorCategory]: `${T}-${ColorValue<T>}`;
+}[ColorCategory];
+type TypographyCategory = keyof Typography;
+type TypographyValue<T extends TypographyCategory> = Extract<keyof Typography[T], string | number | bigint | boolean | null | undefined>;
+type TypographyKey = {
+    [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;
+}[TypographyCategory];
+type Weight = "light" | "regular" | "semibold" | "bold";
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+type ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;
+type TextProps<T extends TextElement = "p"> = {
+    variant?: ResponsiveVariant | ResponsiveVariant[];
+    color?: ColorKey | "inherit";
+    as?: T;
+    className?: string;
+    children: React__default.ReactNode;
+    weight?: Weight;
+} & HTMLPropsMap[T];
+declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLSpanElement | HTMLElement | HTMLPreElement | HTMLAnchorElement | HTMLQuoteElement | HTMLHeadingElement | HTMLLabelElement | HTMLParagraphElement>>;
+
+export { Text, type TextProps };

package/dist/components/Tooltip.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    className?: string;
+    delayDuration?: number;
+}
+declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
+
+export { Tooltip, type TooltipProps };

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    className?: string;
+    delayDuration?: number;
+}
+declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
+
+export { Tooltip, type TooltipProps };

package/dist/components/WorkCard.d.cts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type WorkCardProps = {
+    socialIconName: "instagram-filled" | "tiktok-filled" | "youtube-filled";
+    tags: string[];
+    caption: string;
+    /** play count should already be formatted with k or m */
+    playCount: string;
+    backgroundImage: string;
+};
+declare const WorkCard: ({ socialIconName, tags, caption, playCount, backgroundImage }: WorkCardProps) => React__default.JSX.Element;
+
+export { WorkCard, type WorkCardProps };

package/dist/components/WorkCard.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type WorkCardProps = {
+    socialIconName: "instagram-filled" | "tiktok-filled" | "youtube-filled";
+    tags: string[];
+    caption: string;
+    /** play count should already be formatted with k or m */
+    playCount: string;
+    backgroundImage: string;
+};
+declare const WorkCard: ({ socialIconName, tags, caption, playCount, backgroundImage }: WorkCardProps) => React__default.JSX.Element;
+
+export { WorkCard, type WorkCardProps };

package/dist/index.d.cts

@@ -0,0 +1,78 @@
+export { Navbar, NavbarProps } from './components/Navbar.cjs';
+export { Pressable, PressableProps } from './components/Pressable.cjs';
+export { Link, LinkProps } from './components/Link.cjs';
+export { Tabs, TabsProps } from './components/Tabs.cjs';
+export { WorkCard, WorkCardProps } from './components/WorkCard.cjs';
+export { Icon, IconProps } from './components/Icon.cjs';
+export { Breadcrumbs, BreadcrumbsProps } from './components/Breadcrumbs.cjs';
+export { Tooltip, TooltipProps } from './components/Tooltip.cjs';
+export { Combobox, ComboboxProps } from './components/Combobox.cjs';
+export { Tag, TagProps } from './components/Tag.cjs';
+export { Option, OptionProps } from './components/Option.cjs';
+export { SocialCard, SocialCardProps } from './components/SocialCard.cjs';
+export { Switch, SwitchProps } from './components/Switch.cjs';
+export { ProfileCard, ProfileCardProps } from './components/ProfileCard.cjs';
+export { AboutCard, AboutCardProps } from './components/AboutCard.cjs';
+export { Avatar, AvatarProps } from './components/Avatar.cjs';
+export { NavbarItem, NavbarItemProps } from './components/NavbarItem.cjs';
+export { Logo, LogoProps } from './components/Logo.cjs';
+export { Badge, BadgeProps } from './components/Badge.cjs';
+export { Button, ButtonProps } from './components/Button.cjs';
+export { Text, TextProps } from './components/Text.cjs';
+export { Input, InputProps } from './components/Input.cjs';
+export { ContactItem, ContactItemProps } from './components/ContactItem.cjs';
+import { C as Colors } from './tailwind-DJFscIlV.cjs';
+import 'react';
+import '@deckai/icons';
+import '@radix-ui/react-switch';
+import '@deckai/icons/src/types/icon-names';
+
+declare const config: {
+    content: string[];
+    theme: {
+        extend: {
+            colors: Colors;
+            fontSize: {
+                [x: string]: [string, object];
+            };
+            fontFamily: {
+                sans: [string, string];
+            };
+            fontWeight: {
+                light: string;
+                regular: string;
+                normal: string;
+                semibold: string;
+                bold: string;
+            };
+        };
+    };
+    plugins: {
+        handler: () => void;
+    }[];
+    safelist: string[];
+    keyframes: {
+        "fade-in": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+    };
+    animation: {
+        "fade-in": string;
+        "fade-out": string;
+    };
+};
+
+export { config as tailwindConfig };

package/dist/index.d.ts

@@ -0,0 +1,78 @@
+export { Navbar, NavbarProps } from './components/Navbar.js';
+export { Pressable, PressableProps } from './components/Pressable.js';
+export { Link, LinkProps } from './components/Link.js';
+export { Tabs, TabsProps } from './components/Tabs.js';
+export { WorkCard, WorkCardProps } from './components/WorkCard.js';
+export { Icon, IconProps } from './components/Icon.js';
+export { Breadcrumbs, BreadcrumbsProps } from './components/Breadcrumbs.js';
+export { Tooltip, TooltipProps } from './components/Tooltip.js';
+export { Combobox, ComboboxProps } from './components/Combobox.js';
+export { Tag, TagProps } from './components/Tag.js';
+export { Option, OptionProps } from './components/Option.js';
+export { SocialCard, SocialCardProps } from './components/SocialCard.js';
+export { Switch, SwitchProps } from './components/Switch.js';
+export { ProfileCard, ProfileCardProps } from './components/ProfileCard.js';
+export { AboutCard, AboutCardProps } from './components/AboutCard.js';
+export { Avatar, AvatarProps } from './components/Avatar.js';
+export { NavbarItem, NavbarItemProps } from './components/NavbarItem.js';
+export { Logo, LogoProps } from './components/Logo.js';
+export { Badge, BadgeProps } from './components/Badge.js';
+export { Button, ButtonProps } from './components/Button.js';
+export { Text, TextProps } from './components/Text.js';
+export { Input, InputProps } from './components/Input.js';
+export { ContactItem, ContactItemProps } from './components/ContactItem.js';
+import { C as Colors } from './tailwind-DJFscIlV.js';
+import 'react';
+import '@deckai/icons';
+import '@radix-ui/react-switch';
+import '@deckai/icons/src/types/icon-names';
+
+declare const config: {
+    content: string[];
+    theme: {
+        extend: {
+            colors: Colors;
+            fontSize: {
+                [x: string]: [string, object];
+            };
+            fontFamily: {
+                sans: [string, string];
+            };
+            fontWeight: {
+                light: string;
+                regular: string;
+                normal: string;
+                semibold: string;
+                bold: string;
+            };
+        };
+    };
+    plugins: {
+        handler: () => void;
+    }[];
+    safelist: string[];
+    keyframes: {
+        "fade-in": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+    };
+    animation: {
+        "fade-in": string;
+        "fade-out": string;
+    };
+};
+
+export { config as tailwindConfig };

package/dist/styles/fonts.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/fonts.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/styles.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/styles.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/tailwind-DJFscIlV.d.cts

@@ -0,0 +1,35 @@
+type ColorShade = "5" | "10" | "15" | "20" | "25" | "30" | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "DEFAULT";
+type TextColorVariant = "primary" | "secondary" | "white" | "primary-blue";
+type BackgroundShades = Pick<Record<ColorShade, string>, "50" | "100">;
+type PrimaryShades = Pick<Record<ColorShade, string>, "50" | "100">;
+type SecondaryShades = Pick<Record<ColorShade, string>, "50" | "100" | "200" | "300" | "400" | "500" | "600">;
+type TertiaryShades = Pick<Record<ColorShade, string>, "5" | "10" | "15" | "20" | "25" | "30">;
+type StrokeShades = Pick<Record<ColorShade, string>, "DEFAULT">;
+type TextShades = Record<TextColorVariant, string>;
+type Colors = {
+    background: BackgroundShades;
+    primary: PrimaryShades;
+    secondary: SecondaryShades;
+    tertiary: TertiaryShades;
+    stroke: StrokeShades | string;
+    text: TextShades;
+    overlay: string;
+};
+type HeadingSize = "xl" | "lg" | "md" | "sm" | "xs";
+type BodySize = "lg" | "lg-semibold" | "md" | "default" | "default-medium" | "default-semibold" | "default-bold" | "xs" | "xs-medium" | "xxs" | "xxs-medium" | "xxs-semibold";
+type LabelSize = "default";
+type Typography = {
+    heading: Record<HeadingSize, TypographyConfig>;
+    body: Record<BodySize, TypographyConfig>;
+    label: Record<LabelSize, TypographyConfig>;
+};
+type TypographyConfig = {
+    fontSize: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    fontWeight: string;
+    textTransform?: string;
+};
+type IconColors = "primary" | "secondary" | "white" | "primaryBlue";
+
+export type { Colors as C, IconColors as I, PrimaryShades as P, SecondaryShades as S, TextColorVariant as T, TertiaryShades as a, Typography as b };

package/dist/tailwind-DJFscIlV.d.ts

@@ -0,0 +1,35 @@
+type ColorShade = "5" | "10" | "15" | "20" | "25" | "30" | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "DEFAULT";
+type TextColorVariant = "primary" | "secondary" | "white" | "primary-blue";
+type BackgroundShades = Pick<Record<ColorShade, string>, "50" | "100">;
+type PrimaryShades = Pick<Record<ColorShade, string>, "50" | "100">;
+type SecondaryShades = Pick<Record<ColorShade, string>, "50" | "100" | "200" | "300" | "400" | "500" | "600">;
+type TertiaryShades = Pick<Record<ColorShade, string>, "5" | "10" | "15" | "20" | "25" | "30">;
+type StrokeShades = Pick<Record<ColorShade, string>, "DEFAULT">;
+type TextShades = Record<TextColorVariant, string>;
+type Colors = {
+    background: BackgroundShades;
+    primary: PrimaryShades;
+    secondary: SecondaryShades;
+    tertiary: TertiaryShades;
+    stroke: StrokeShades | string;
+    text: TextShades;
+    overlay: string;
+};
+type HeadingSize = "xl" | "lg" | "md" | "sm" | "xs";
+type BodySize = "lg" | "lg-semibold" | "md" | "default" | "default-medium" | "default-semibold" | "default-bold" | "xs" | "xs-medium" | "xxs" | "xxs-medium" | "xxs-semibold";
+type LabelSize = "default";
+type Typography = {
+    heading: Record<HeadingSize, TypographyConfig>;
+    body: Record<BodySize, TypographyConfig>;
+    label: Record<LabelSize, TypographyConfig>;
+};
+type TypographyConfig = {
+    fontSize: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    fontWeight: string;
+    textTransform?: string;
+};
+type IconColors = "primary" | "secondary" | "white" | "primaryBlue";
+
+export type { Colors as C, IconColors as I, PrimaryShades as P, SecondaryShades as S, TextColorVariant as T, TertiaryShades as a, Typography as b };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deckai/deck-ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
@@ -44,6 +44,8 @@
     "build:css": "tailwindcss -i ./src/styles/styles.css -o ./dist/styles/styles.css",
     "test": "echo \"Error: no test specified\" && exit 1",
     "generate:index": "bun run scripts/generate-index.ts",
+    "typecheck": "tsc --noEmit",
+    "prebuild": "bun run typecheck",
     "build": "NODE_ENV=production bun run generate:index && tsup",
     "dev": "tsup --watch",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -64,7 +66,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@deckai/icons": "workspace:*",
+    "@deckai/icons": "^0.0.3",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.1",