@ryanodd/design-system 0.0.0-dev3 → 0.0.0-dev5

package/dist/esm/index.d.ts

@@ -1,2 +1,189 @@
-export * from '../index'
-export {}
+import { ButtonHTMLAttributes } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixMenuButton from '@radix-ui/react-dropdown-menu';
+import * as RadixToast from '@radix-ui/react-toast';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SVGProps } from 'react';
+
+export declare const ArrowLeft: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const ArrowRight: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Button: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Props & RefAttributes<HTMLButtonElement>>;
+
+export declare type ButtonProps = ComponentPropsWithoutRef<"button"> & Props;
+
+export declare const Check: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Checkbox: ({ id, labelContent, checked, onClick }: CheckboxProps) => JSX.Element;
+
+export declare type CheckboxProps = {
+    id: string;
+    labelContent: ReactNode;
+    checked: boolean;
+    onClick: (checked: boolean) => void;
+};
+
+export declare const Circle: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Close: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const createIcon: (SVG: ComponentType<HTMLAttributes<SVGSVGElement>>, label: string) => ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Dialog: ({ trigger, content, title, ...props }: DialogProps) => JSX.Element;
+
+export declare type DialogProps = RadixDialog.DialogProps & {
+    title: ReactNode;
+    trigger: ReactNode;
+    content: ReactNode;
+};
+
+export declare const ExternalLink: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Gear: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Hammer: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Heart: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const IconMap: Record<string, ComponentType<IconProps> | null>;
+
+export declare type IconProps = ComponentPropsWithoutRef<"svg"> & {
+    size?: typeof iconSizes[number];
+};
+
+export declare const iconSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
+
+export declare const Kebab: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Lightning: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Mail: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Menu: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const MenuButton: ({ children, ...props }: MenuButtonProps) => JSX.Element;
+
+export declare const MenuButtonItem: ({ children, ...props }: MenuButtonItemProps) => JSX.Element;
+
+export declare type MenuButtonItemProps = React.ComponentPropsWithoutRef<typeof RadixMenuButton.Item> & {
+    children: ReactNode;
+};
+
+export declare type MenuButtonProps = React.ComponentPropsWithoutRef<typeof RadixMenuButton.Root> & {
+    children: ReactNode;
+};
+
+export declare const NoMobile: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+export declare const Pencil: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
+size?: (typeof iconSizes)[number];
+} & RefAttributes<SVGSVGElement>>;
+
+declare type Props = {
+    children?: ReactNode;
+    size?: "small" | "medium" | "large";
+    variant?: "primary" | "secondary" | "destructive" | "tertiary";
+    loading?: boolean;
+    iconOnly?: boolean;
+    notificationDotText?: string;
+    /**
+     * Optionally indicates which icon to use as a leading icon before the button text,
+     * or the icon for an icon-only button.
+     */
+    icon?: keyof typeof IconMap;
+    /**
+     * Optionally indicates which icon to use as a trailing icon after the button text.
+     */
+    trailingIcon?: keyof typeof IconMap;
+};
+
+export declare const Spinner: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+/**
+* Indicates the diameter (height/width) of the `Spinner`'s container
+*/
+size?: SpinnerSize;
+} & RefAttributes<HTMLDivElement>>;
+
+export declare type SpinnerProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Indicates the diameter (height/width) of the `Spinner`'s container
+     */
+    size?: SpinnerSize;
+};
+
+export declare type SpinnerSize = typeof iconSizes[number];
+
+export declare const Toast: ForwardRefExoticComponent<RadixToast.ToastProps & {
+toastTitle: ReactNode;
+toastDescription?: ReactNode;
+toastAction?: ReactNode;
+} & RefAttributes<HTMLLIElement>>;
+
+export declare type ToastProps = RadixToast.ToastProps & {
+    toastTitle: ReactNode;
+    toastDescription?: ReactNode;
+    toastAction?: ReactNode;
+};
+
+export declare const ToastProvider: ({ ...props }: ToastProviderProps) => JSX.Element;
+
+export declare type ToastProviderProps = RadixToast.ToastProviderProps;
+
+export declare const ToastViewport: ForwardRefExoticComponent<RadixToast.ToastViewportProps & RefAttributes<HTMLOListElement>>;
+
+export declare type ToastViewportProps = RadixToast.ToastViewportProps;
+
+export declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, ...props }: TooltipProps): JSX.Element;
+
+export declare type TooltipProps = Omit<RadixTooltip.TooltipContentProps, "content"> & {
+    children: ReactNode;
+    content: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+
+export declare const TooltipProvider: ({ ...props }: TooltipProviderProps) => JSX.Element;
+
+export declare type TooltipProviderProps = RadixTooltip.TooltipProviderProps;
+
+export { }

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "@ryanodd/design-system",
-  "version": "0.0.0-dev3",
+  "version": "0.0.0-dev5",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
   "files": [
     "dist"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "vite build",
+    "build": "vite build && mv dist/design-system.css dist/index.css 2>/dev/null || true",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },