@nuvin/ui-design-system 0.1.0

package/dist/components/overlays/ConfirmDialog.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ConfirmDialog } from "./ConfirmDialog.js";
+declare const meta: {
+    title: string;
+    component: typeof ConfirmDialog;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Destructive: Story;

package/dist/components/overlays/DropdownMenu.d.ts

@@ -0,0 +1,17 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import type { ComponentProps } from "react";
+/**
+ * Compound root that implicitly provides the positioned content surface, so
+ * consumers compose `Trigger`, `Item`, `Separator` and `Label` directly
+ * inside `DropdownMenu`. The trigger stays outside the popup; every other
+ * direct child is rendered inside the menu content.
+ */
+declare const DropdownMenu: {
+    ({ children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, };

package/dist/components/overlays/DropdownMenu.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: {
+        ({ children, ...props }: import("react").ComponentProps<import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>>): import("react").JSX.Element;
+        displayName: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/overlays/EmptyState.d.ts

@@ -0,0 +1,13 @@
+import type { LucideIcon } from "lucide-react";
+import type { ReactNode } from "react";
+export interface EmptyStateProps {
+    icon?: LucideIcon;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): import("react").JSX.Element;
+export declare namespace EmptyState {
+    var displayName: string;
+}

package/dist/components/overlays/EmptyState.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { EmptyState } from "./EmptyState.js";
+declare const meta: {
+    title: string;
+    component: typeof EmptyState;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithAction: Story;
+export declare const Minimal: Story;

package/dist/components/overlays/Modal.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ReactNode } from "react";
+declare const panelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ModalProps extends VariantProps<typeof panelVariants> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/overlays/Modal.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Modal.js").ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj;
+export declare const Medium: Story;
+export declare const Small: Story;
+export declare const Large: Story;

package/dist/components/overlays/Popover.d.ts

@@ -0,0 +1,5 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/components/overlays/Popover.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/overlays/Skeleton.d.ts

@@ -0,0 +1,5 @@
+import { type HTMLAttributes } from "react";
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/overlays/Skeleton.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Skeleton.js").SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TextLines: Story;
+export declare const AvatarRow: Story;

package/dist/components/overlays/Toast.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Toaster } from "./Toaster.js";
+declare const meta: {
+    title: string;
+    component: typeof Toaster;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Variants: Story;

package/dist/components/overlays/Toaster.d.ts

@@ -0,0 +1,3 @@
+export declare function Toaster({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/overlays/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    delay?: number;
+    className?: string;
+}
+export declare function Tooltip({ content, children, delay, className }: TooltipProps): import("react").JSX.Element;
+export declare namespace Tooltip {
+    var displayName: string;
+}

package/dist/components/overlays/Tooltip.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Tooltip } from "./Tooltip.js";
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/components/overlays/toast.d.ts

@@ -0,0 +1,26 @@
+export interface ToastOptions {
+    id?: number | string;
+    description?: string;
+    duration?: number;
+    variant?: "success" | "error" | "info" | "warning";
+    onDismiss?: () => void;
+}
+export interface StoredToast {
+    id: number | string;
+    variant: NonNullable<ToastOptions["variant"]>;
+    duration: number;
+    message: string;
+    description?: string;
+    onDismiss?: () => void;
+}
+export type ToastListener = (toasts: StoredToast[]) => void;
+export declare function subscribe(listener: ToastListener): () => void;
+export declare function getSnapshot(): StoredToast[];
+export declare const toast: {
+    success: (message: string, opts?: Omit<ToastOptions, "variant">) => string | number;
+    error: (message: string, opts?: Omit<ToastOptions, "variant">) => string | number;
+    info: (message: string, opts?: Omit<ToastOptions, "variant">) => string | number;
+    warning: (message: string, opts?: Omit<ToastOptions, "variant">) => string | number;
+    dismiss(id: number | string): void;
+    _clearForTests(): void;
+};

package/dist/components/typography/Code.d.ts

@@ -0,0 +1,5 @@
+import { type HTMLAttributes } from "react";
+export interface CodeProps extends HTMLAttributes<HTMLElement> {
+    block?: boolean;
+}
+export declare const Code: import("react").ForwardRefExoticComponent<CodeProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/typography/Heading.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLAttributes } from "react";
+import { type FontWeight, type TextSize } from "./type-maps.js";
+type HeadingLevel = 1 | 2 | 3 | 4;
+export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    level?: HeadingLevel;
+    size?: TextSize;
+    weight?: FontWeight;
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/components/typography/Link.d.ts

@@ -0,0 +1,5 @@
+import { type AnchorHTMLAttributes } from "react";
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    external?: boolean;
+}
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/typography/Text.d.ts

@@ -0,0 +1,9 @@
+import { type HTMLAttributes } from "react";
+import { type FontWeight, type TextColor, type TextSize } from "./type-maps.js";
+export interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    size?: TextSize;
+    weight?: FontWeight;
+    color?: TextColor;
+    as?: "p" | "span" | "div" | "label";
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/components/typography/type-maps.d.ts

@@ -0,0 +1,25 @@
+export type TextSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
+export type FontWeight = "normal" | "medium" | "semibold" | "bold";
+export type TextColor = "foreground" | "text-2" | "text-3" | "brand" | "primary" | "destructive";
+export declare const textSizeMap: {
+    readonly xs: "text-xs";
+    readonly sm: "text-sm";
+    readonly base: "text-base";
+    readonly lg: "text-lg";
+    readonly xl: "text-xl";
+    readonly "2xl": "text-2xl";
+};
+export declare const fontWeightMap: {
+    readonly normal: "font-normal";
+    readonly medium: "font-medium";
+    readonly semibold: "font-semibold";
+    readonly bold: "font-bold";
+};
+export declare const textColorMap: {
+    readonly foreground: "text-foreground";
+    readonly "text-2": "text-text-2";
+    readonly "text-3": "text-text-3";
+    readonly brand: "text-brand";
+    readonly primary: "text-primary";
+    readonly destructive: "text-destructive";
+};

package/dist/components/typography/typography.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    tags: string[];
+};
+export default meta;
+export declare const Scale: StoryObj;

package/dist/highlighted-body-KPVGNVTW-B7V4eq0Z.js

@@ -0,0 +1,19 @@
+import { S as f, E as x, c as d } from "./index-B8qLWEuY.js";
+import { useContext as p, useState as N, useEffect as E } from "react";
+import { jsx as H } from "react/jsx-runtime";
+var C = ({ code: i, language: e, maxHeight: o, raw: t, className: m, startLine: g, lineNumbers: u, ...h }) => {
+  let { shikiTheme: s } = p(f), a = x(), [n, r] = N(t);
+  return E(() => {
+    if (!a) {
+      r(t);
+      return;
+    }
+    let l = a.highlight({ code: i, language: e, themes: s }, (c) => {
+      r(c);
+    });
+    l && r(l);
+  }, [i, e, s, a, t]), H(d, { className: m, language: e, lineNumbers: u, maxHeight: o, result: n, startLine: g, ...h });
+};
+export {
+  C as HighlightedCodeBlockBody
+};

package/dist/highlighted-body-KPVGNVTW-BzLVG-SF.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-Ctl3DYP3.cjs"),s=require("react"),b=require("react/jsx-runtime");var f=({code:l,language:e,maxHeight:g,raw:t,className:o,startLine:c,lineNumbers:h,...m})=>{let{shikiTheme:u}=s.useContext(a.S),i=a.El(),[d,r]=s.useState(t);return s.useEffect(()=>{if(!i){r(t);return}let n=i.highlight({code:l,language:e,themes:u},x=>{r(x)});n&&r(n)},[l,e,u,i,t]),b.jsx(a.co,{className:o,language:e,lineNumbers:h,maxHeight:g,result:d,startLine:c,...m})};exports.HighlightedCodeBlockBody=f;