@nuvin/ui-design-system 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/components/ApprovalCard.d.ts +25 -0
  2. package/dist/components/ApprovalCard.stories.d.ts +25 -0
  3. package/dist/components/AssistantMessage.d.ts +7 -0
  4. package/dist/components/AssistantMessage.stories.d.ts +15 -0
  5. package/dist/components/Badge.d.ts +9 -0
  6. package/dist/components/Button.d.ts +10 -0
  7. package/dist/components/Button.stories.d.ts +17 -0
  8. package/dist/components/Callout.d.ts +23 -0
  9. package/dist/components/Card.d.ts +10 -0
  10. package/dist/components/Chip.d.ts +2 -0
  11. package/dist/components/Composer.d.ts +19 -0
  12. package/dist/components/Composer.stories.d.ts +13 -0
  13. package/dist/components/DiffBlock.d.ts +17 -0
  14. package/dist/components/DiffBlock.stories.d.ts +49 -0
  15. package/dist/components/Markdown.d.ts +9 -0
  16. package/dist/components/Markdown.stories.d.ts +13 -0
  17. package/dist/components/ReasoningDisclosure.d.ts +10 -0
  18. package/dist/components/ReasoningDisclosure.stories.d.ts +14 -0
  19. package/dist/components/Spinner.d.ts +2 -0
  20. package/dist/components/StatusLine.d.ts +12 -0
  21. package/dist/components/StatusLine.stories.d.ts +11 -0
  22. package/dist/components/ToolCard.d.ts +17 -0
  23. package/dist/components/ToolCard.stories.d.ts +19 -0
  24. package/dist/components/ToolGroup.d.ts +20 -0
  25. package/dist/components/ToolGroup.stories.d.ts +14 -0
  26. package/dist/components/UserMessage.d.ts +7 -0
  27. package/dist/components/UserMessage.stories.d.ts +16 -0
  28. package/dist/components/data/Avatar.d.ts +13 -0
  29. package/dist/components/data/Avatar.stories.d.ts +11 -0
  30. package/dist/components/data/CopyButton.d.ts +7 -0
  31. package/dist/components/data/CopyButton.stories.d.ts +9 -0
  32. package/dist/components/data/Kbd.d.ts +5 -0
  33. package/dist/components/data/Kbd.stories.d.ts +13 -0
  34. package/dist/components/data/StatCard.d.ts +10 -0
  35. package/dist/components/data/StatCard.stories.d.ts +13 -0
  36. package/dist/components/data/Table.d.ts +34 -0
  37. package/dist/components/data/Table.stories.d.ts +14 -0
  38. package/dist/components/disclosure/Accordion.d.ts +6 -0
  39. package/dist/components/disclosure/Accordion.stories.d.ts +9 -0
  40. package/dist/components/feedback/AlertBanner.d.ts +12 -0
  41. package/dist/components/feedback/AlertBanner.stories.d.ts +16 -0
  42. package/dist/components/feedback/Progress.d.ts +7 -0
  43. package/dist/components/feedback/Progress.stories.d.ts +11 -0
  44. package/dist/components/forms/Checkbox.d.ts +9 -0
  45. package/dist/components/forms/Checkbox.stories.d.ts +15 -0
  46. package/dist/components/forms/Combobox.d.ts +16 -0
  47. package/dist/components/forms/Combobox.stories.d.ts +20 -0
  48. package/dist/components/forms/Field.d.ts +19 -0
  49. package/dist/components/forms/Field.stories.d.ts +10 -0
  50. package/dist/components/forms/Input.d.ts +13 -0
  51. package/dist/components/forms/Input.stories.d.ts +17 -0
  52. package/dist/components/forms/RadioGroup.d.ts +9 -0
  53. package/dist/components/forms/RadioGroup.stories.d.ts +20 -0
  54. package/dist/components/forms/Select.d.ts +17 -0
  55. package/dist/components/forms/Select.stories.d.ts +19 -0
  56. package/dist/components/forms/Switch.d.ts +10 -0
  57. package/dist/components/forms/Switch.stories.d.ts +15 -0
  58. package/dist/components/forms/Textarea.d.ts +10 -0
  59. package/dist/components/forms/Textarea.stories.d.ts +14 -0
  60. package/dist/components/layout/Box.d.ts +12 -0
  61. package/dist/components/layout/Divider.d.ts +6 -0
  62. package/dist/components/layout/Inline.d.ts +10 -0
  63. package/dist/components/layout/ScrollArea.d.ts +8 -0
  64. package/dist/components/layout/ScrollArea.stories.d.ts +10 -0
  65. package/dist/components/layout/Separator.d.ts +11 -0
  66. package/dist/components/layout/Separator.stories.d.ts +10 -0
  67. package/dist/components/layout/Stack.d.ts +9 -0
  68. package/dist/components/layout/layout.stories.d.ts +9 -0
  69. package/dist/components/layout/space-maps.d.ts +66 -0
  70. package/dist/components/navigation/Breadcrumb.d.ts +14 -0
  71. package/dist/components/navigation/Breadcrumb.stories.d.ts +11 -0
  72. package/dist/components/navigation/CommandPalette.d.ts +27 -0
  73. package/dist/components/navigation/CommandPalette.stories.d.ts +18 -0
  74. package/dist/components/navigation/Pagination.d.ts +8 -0
  75. package/dist/components/navigation/Pagination.stories.d.ts +17 -0
  76. package/dist/components/navigation/Sidebar.d.ts +16 -0
  77. package/dist/components/navigation/Sidebar.stories.d.ts +11 -0
  78. package/dist/components/navigation/Tabs.d.ts +6 -0
  79. package/dist/components/navigation/Tabs.stories.d.ts +9 -0
  80. package/dist/components/overlays/ConfirmDialog.d.ts +14 -0
  81. package/dist/components/overlays/ConfirmDialog.stories.d.ts +11 -0
  82. package/dist/components/overlays/DropdownMenu.d.ts +17 -0
  83. package/dist/components/overlays/DropdownMenu.stories.d.ts +12 -0
  84. package/dist/components/overlays/EmptyState.d.ts +13 -0
  85. package/dist/components/overlays/EmptyState.stories.d.ts +11 -0
  86. package/dist/components/overlays/Modal.d.ts +15 -0
  87. package/dist/components/overlays/Modal.stories.d.ts +11 -0
  88. package/dist/components/overlays/Popover.d.ts +5 -0
  89. package/dist/components/overlays/Popover.stories.d.ts +9 -0
  90. package/dist/components/overlays/Skeleton.d.ts +5 -0
  91. package/dist/components/overlays/Skeleton.stories.d.ts +10 -0
  92. package/dist/components/overlays/Toast.stories.d.ts +10 -0
  93. package/dist/components/overlays/Toaster.d.ts +3 -0
  94. package/dist/components/overlays/Tooltip.d.ts +11 -0
  95. package/dist/components/overlays/Tooltip.stories.d.ts +10 -0
  96. package/dist/components/overlays/toast.d.ts +26 -0
  97. package/dist/components/typography/Code.d.ts +5 -0
  98. package/dist/components/typography/Heading.d.ts +10 -0
  99. package/dist/components/typography/Link.d.ts +5 -0
  100. package/dist/components/typography/Text.d.ts +9 -0
  101. package/dist/components/typography/type-maps.d.ts +25 -0
  102. package/dist/components/typography/typography.stories.d.ts +7 -0
  103. package/dist/highlighted-body-KPVGNVTW-B7V4eq0Z.js +19 -0
  104. package/dist/highlighted-body-KPVGNVTW-BzLVG-SF.cjs +1 -0
  105. package/dist/index-B8qLWEuY.js +34699 -0
  106. package/dist/index-Ctl3DYP3.cjs +312 -0
  107. package/dist/index.cjs +1 -0
  108. package/dist/index.d.ts +59 -0
  109. package/dist/index.js +84 -0
  110. package/dist/lib/cn.d.ts +2 -0
  111. package/dist/mermaid-HWGCJPDP-B921Bgi1.js +4 -0
  112. package/dist/mermaid-HWGCJPDP-DwanGdS4.cjs +1 -0
  113. package/dist/primitives.css +34 -0
  114. package/dist/semantic.css +98 -0
  115. package/dist/showcases/Conversation.stories.d.ts +13 -0
  116. package/dist/spacing.css +16 -0
  117. package/dist/styles.css +5 -0
  118. package/dist/theme/ThemeProvider.d.ts +14 -0
  119. package/dist/theme.css +96 -0
  120. package/dist/themes/light.css +55 -0
  121. package/package.json +81 -0
@@ -0,0 +1,16 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./AlertBanner.js").AlertBannerProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ args: {
7
+ children: string;
8
+ };
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Info: Story;
13
+ export declare const Success: Story;
14
+ export declare const Warning: Story;
15
+ export declare const ErrorVariant: Story;
16
+ export declare const Dismissible: Story;
@@ -0,0 +1,7 @@
1
+ export interface ProgressProps {
2
+ value?: number;
3
+ max?: number;
4
+ indeterminate?: boolean;
5
+ className?: string;
6
+ }
7
+ export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Progress.js").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Half: Story;
10
+ export declare const Complete: Story;
11
+ export declare const Indeterminate: Story;
@@ -0,0 +1,9 @@
1
+ export interface CheckboxProps {
2
+ id?: string;
3
+ checked?: boolean;
4
+ onCheckedChange?: (checked: boolean) => void;
5
+ label?: string;
6
+ disabled?: boolean;
7
+ className?: string;
8
+ }
9
+ export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,15 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Checkbox.js").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ tags: string[];
6
+ args: {
7
+ label: string;
8
+ };
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ export declare const Checked: Story;
14
+ export declare const Disabled: Story;
15
+ export declare const NoLabel: Story;
@@ -0,0 +1,16 @@
1
+ export interface ComboboxOption {
2
+ value: string;
3
+ label: string;
4
+ disabled?: boolean;
5
+ }
6
+ export interface ComboboxProps {
7
+ options: ComboboxOption[];
8
+ value?: string;
9
+ onValueChange?: (value: string) => void;
10
+ placeholder?: string;
11
+ size?: "sm" | "md";
12
+ variant?: "default" | "error";
13
+ disabled?: boolean;
14
+ className?: string;
15
+ }
16
+ export declare const Combobox: import("react").ForwardRefExoticComponent<ComboboxProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,20 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Combobox.js").ComboboxProps & import("react").RefAttributes<HTMLInputElement>>;
5
+ tags: string[];
6
+ args: {
7
+ options: {
8
+ value: string;
9
+ label: string;
10
+ }[];
11
+ placeholder: string;
12
+ };
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Story;
17
+ export declare const Small: Story;
18
+ export declare const Disabled: Story;
19
+ export declare const WithDisabledOption: Story;
20
+ export declare const WithField: Story;
@@ -0,0 +1,19 @@
1
+ import { type ReactNode } from "react";
2
+ export interface FieldContextValue {
3
+ id: string;
4
+ /** The field's label text, for accessible-name wiring on custom controls. */
5
+ label: string;
6
+ describedBy?: string;
7
+ invalid: boolean;
8
+ }
9
+ /** ARIA wiring from the enclosing <Field>, or null when rendered standalone. */
10
+ export declare function useField(): FieldContextValue | null;
11
+ export interface FieldProps {
12
+ label: string;
13
+ hint?: string;
14
+ error?: string;
15
+ required?: boolean;
16
+ className?: string;
17
+ children: ReactNode;
18
+ }
19
+ export declare const Field: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Field.js").FieldProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj;
9
+ export declare const WithInput: Story;
10
+ export declare const WithError: Story;
@@ -0,0 +1,13 @@
1
+ import { type VariantProps } from "class-variance-authority";
2
+ import type { LucideIcon } from "lucide-react";
3
+ import { type InputHTMLAttributes, type ReactNode } from "react";
4
+ declare const inputVariants: (props?: ({
5
+ variant?: "default" | "error" | null | undefined;
6
+ size?: "sm" | "md" | null | undefined;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
+ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
9
+ leftIcon?: LucideIcon;
10
+ rightSlot?: ReactNode;
11
+ }
12
+ export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
13
+ export {};
@@ -0,0 +1,17 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Input.js").InputProps & import("react").RefAttributes<HTMLInputElement>>;
5
+ tags: string[];
6
+ args: {
7
+ placeholder: string;
8
+ };
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ export declare const Small: Story;
14
+ export declare const WithLeftIcon: Story;
15
+ export declare const WithRightSlot: Story;
16
+ export declare const Error: Story;
17
+ export declare const Disabled: Story;
@@ -0,0 +1,9 @@
1
+ import type { SelectOption } from "./Select.js";
2
+ export interface RadioGroupProps {
3
+ options: SelectOption[];
4
+ value?: string;
5
+ onValueChange?: (value: string) => void;
6
+ disabled?: boolean;
7
+ className?: string;
8
+ }
9
+ export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,20 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./RadioGroup.js").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ args: {
7
+ options: ({
8
+ value: string;
9
+ label: string;
10
+ disabled?: undefined;
11
+ } | {
12
+ value: string;
13
+ label: string;
14
+ disabled: boolean;
15
+ })[];
16
+ };
17
+ };
18
+ export default meta;
19
+ type Story = StoryObj<typeof meta>;
20
+ export declare const Default: Story;
@@ -0,0 +1,17 @@
1
+ export interface SelectOption {
2
+ value: string;
3
+ label: string;
4
+ disabled?: boolean;
5
+ }
6
+ export interface SelectProps {
7
+ items: SelectOption[];
8
+ value?: string;
9
+ onValueChange?: (value: string) => void;
10
+ placeholder?: string;
11
+ size?: "sm" | "md";
12
+ variant?: "default" | "error";
13
+ disabled?: boolean;
14
+ className?: string;
15
+ id?: string;
16
+ }
17
+ export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,19 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Select.js").SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ tags: string[];
6
+ args: {
7
+ items: {
8
+ value: string;
9
+ label: string;
10
+ }[];
11
+ placeholder: string;
12
+ };
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Story;
17
+ export declare const Small: Story;
18
+ export declare const Disabled: Story;
19
+ export declare const WithDisabledOption: Story;
@@ -0,0 +1,10 @@
1
+ export interface SwitchProps {
2
+ id?: string;
3
+ checked?: boolean;
4
+ onCheckedChange?: (checked: boolean) => void;
5
+ label?: string;
6
+ description?: string;
7
+ disabled?: boolean;
8
+ className?: string;
9
+ }
10
+ export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,15 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Switch.js").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ tags: string[];
6
+ args: {
7
+ label: string;
8
+ description: string;
9
+ };
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Default: Story;
14
+ export declare const Checked: Story;
15
+ export declare const Disabled: Story;
@@ -0,0 +1,10 @@
1
+ import { type VariantProps } from "class-variance-authority";
2
+ import { type TextareaHTMLAttributes } from "react";
3
+ declare const textareaVariants: (props?: ({
4
+ variant?: "default" | "error" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
7
+ minRows?: number;
8
+ }
9
+ export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
10
+ export {};
@@ -0,0 +1,14 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Textarea.js").TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
5
+ tags: string[];
6
+ args: {
7
+ placeholder: string;
8
+ };
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ export declare const TwoRows: Story;
14
+ export declare const Error: Story;
@@ -0,0 +1,12 @@
1
+ import { type HTMLAttributes } from "react";
2
+ import { type SpaceValue } from "./space-maps.js";
3
+ export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
4
+ p?: SpaceValue;
5
+ px?: SpaceValue;
6
+ py?: SpaceValue;
7
+ m?: SpaceValue;
8
+ bg?: "background" | "panel" | "panel-2" | "muted";
9
+ rounded?: "sm" | "md" | "lg" | "xl" | "full";
10
+ as?: "div" | "section" | "article" | "aside" | "main" | "header" | "footer";
11
+ }
12
+ export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,6 @@
1
+ export interface DividerProps {
2
+ orientation?: "horizontal" | "vertical";
3
+ className?: string;
4
+ "data-testid"?: string;
5
+ }
6
+ export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
@@ -0,0 +1,10 @@
1
+ import { type HTMLAttributes } from "react";
2
+ import { type SpaceValue } from "./space-maps.js";
3
+ export interface InlineProps extends HTMLAttributes<HTMLDivElement> {
4
+ gap?: SpaceValue;
5
+ align?: "start" | "center" | "end" | "stretch" | "baseline";
6
+ justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
7
+ wrap?: boolean;
8
+ as?: "div" | "span" | "nav" | "header" | "footer";
9
+ }
10
+ export declare const Inline: import("react").ForwardRefExoticComponent<InlineProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,8 @@
1
+ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
2
+ import { type ComponentProps } from "react";
3
+ export interface ScrollAreaProps extends ComponentProps<typeof ScrollAreaPrimitive.Root> {
4
+ /** Constrain the viewport height; content taller than this scrolls. */
5
+ maxHeight?: number | string;
6
+ "data-testid"?: string;
7
+ }
8
+ export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<Omit<import("./ScrollArea.js").ScrollAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Default: Story;
10
+ export declare const ShortContent: Story;
@@ -0,0 +1,11 @@
1
+ import * as SeparatorPrimitive from "@radix-ui/react-separator";
2
+ import { type ComponentProps } from "react";
3
+ export interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root> {
4
+ "data-testid"?: string;
5
+ }
6
+ /**
7
+ * Visual line backed by Radix Separator so it carries `role="separator"` in
8
+ * menu/toolbar contexts (or removes itself from the a11y tree when
9
+ * `decorative`). Use `Divider` for a plain semantic `<hr>` in page layout.
10
+ */
11
+ export declare const Separator: import("react").ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<Omit<import("./Separator.js").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Horizontal: Story;
10
+ export declare const Vertical: Story;
@@ -0,0 +1,9 @@
1
+ import { type HTMLAttributes } from "react";
2
+ import { type SpaceValue } from "./space-maps.js";
3
+ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
4
+ gap?: SpaceValue;
5
+ align?: "start" | "center" | "end" | "stretch" | "baseline";
6
+ justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
7
+ as?: "div" | "section" | "article" | "aside" | "nav" | "main";
8
+ }
9
+ export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,9 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ tags: string[];
5
+ };
6
+ export default meta;
7
+ export declare const StackExample: StoryObj;
8
+ export declare const InlineExample: StoryObj;
9
+ export declare const DividerExample: StoryObj;
@@ -0,0 +1,66 @@
1
+ export type SpaceValue = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "16";
2
+ export declare const spaceMap: {
3
+ readonly "0": "p-0";
4
+ readonly "1": "p-1";
5
+ readonly "2": "p-2";
6
+ readonly "3": "p-3";
7
+ readonly "4": "p-4";
8
+ readonly "5": "p-5";
9
+ readonly "6": "p-6";
10
+ readonly "8": "p-8";
11
+ readonly "10": "p-10";
12
+ readonly "12": "p-12";
13
+ readonly "16": "p-16";
14
+ };
15
+ export declare const pxMap: {
16
+ readonly "0": "px-0";
17
+ readonly "1": "px-1";
18
+ readonly "2": "px-2";
19
+ readonly "3": "px-3";
20
+ readonly "4": "px-4";
21
+ readonly "5": "px-5";
22
+ readonly "6": "px-6";
23
+ readonly "8": "px-8";
24
+ readonly "10": "px-10";
25
+ readonly "12": "px-12";
26
+ readonly "16": "px-16";
27
+ };
28
+ export declare const pyMap: {
29
+ readonly "0": "py-0";
30
+ readonly "1": "py-1";
31
+ readonly "2": "py-2";
32
+ readonly "3": "py-3";
33
+ readonly "4": "py-4";
34
+ readonly "5": "py-5";
35
+ readonly "6": "py-6";
36
+ readonly "8": "py-8";
37
+ readonly "10": "py-10";
38
+ readonly "12": "py-12";
39
+ readonly "16": "py-16";
40
+ };
41
+ export declare const mMap: {
42
+ readonly "0": "m-0";
43
+ readonly "1": "m-1";
44
+ readonly "2": "m-2";
45
+ readonly "3": "m-3";
46
+ readonly "4": "m-4";
47
+ readonly "5": "m-5";
48
+ readonly "6": "m-6";
49
+ readonly "8": "m-8";
50
+ readonly "10": "m-10";
51
+ readonly "12": "m-12";
52
+ readonly "16": "m-16";
53
+ };
54
+ export declare const gapMap: {
55
+ readonly "0": "gap-0";
56
+ readonly "1": "gap-1";
57
+ readonly "2": "gap-2";
58
+ readonly "3": "gap-3";
59
+ readonly "4": "gap-4";
60
+ readonly "5": "gap-5";
61
+ readonly "6": "gap-6";
62
+ readonly "8": "gap-8";
63
+ readonly "10": "gap-10";
64
+ readonly "12": "gap-12";
65
+ readonly "16": "gap-16";
66
+ };
@@ -0,0 +1,14 @@
1
+ import { type AnchorHTMLAttributes, type HTMLAttributes } from "react";
2
+ export type BreadcrumbProps = HTMLAttributes<HTMLElement>;
3
+ declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
4
+ export type BreadcrumbListProps = HTMLAttributes<HTMLOListElement>;
5
+ declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<HTMLOListElement>>;
6
+ export type BreadcrumbItemProps = HTMLAttributes<HTMLLIElement>;
7
+ declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
8
+ export type BreadcrumbLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
9
+ declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
10
+ export type BreadcrumbSeparatorProps = HTMLAttributes<HTMLLIElement>;
11
+ declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLLIElement>>;
12
+ export type BreadcrumbPageProps = HTMLAttributes<HTMLSpanElement>;
13
+ declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<BreadcrumbPageProps & import("react").RefAttributes<HTMLSpanElement>>;
14
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage, };
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Breadcrumb.js").BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Default: Story;
10
+ export declare const CustomSeparator: Story;
11
+ export declare const SinglePage: Story;
@@ -0,0 +1,27 @@
1
+ export interface CommandPaletteItem {
2
+ id: string;
3
+ label: string;
4
+ /** Keyboard shortcut hint shown on the right of the item, e.g. "⌘N". */
5
+ shortcut?: string;
6
+ onSelect?: () => void;
7
+ }
8
+ export interface CommandPaletteGroup {
9
+ group: string;
10
+ items: CommandPaletteItem[];
11
+ }
12
+ export interface CommandPaletteProps {
13
+ open: boolean;
14
+ onOpenChange: (open: boolean) => void;
15
+ commands: CommandPaletteGroup[];
16
+ /** Search input placeholder. */
17
+ placeholder?: string;
18
+ /** Text shown when the search has no results. */
19
+ emptyText?: string;
20
+ /** Accessible label for the dialog and search input (not shown visibly). */
21
+ label?: string;
22
+ /** Merged onto the dialog panel class list. */
23
+ className?: string;
24
+ /** Merged onto the overlay class list. */
25
+ overlayClassName?: string;
26
+ }
27
+ export declare const CommandPalette: import("react").ForwardRefExoticComponent<CommandPaletteProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,18 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ import { type CommandPaletteGroup, type CommandPaletteProps } from "./CommandPalette.js";
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<CommandPaletteProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ tags: string[];
7
+ args: {
8
+ open: true;
9
+ onOpenChange: () => void;
10
+ commands: CommandPaletteGroup[];
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
16
+ export declare const SingleGroup: Story;
17
+ export declare const NoShortcuts: Story;
18
+ export declare const CustomEmptyText: Story;
@@ -0,0 +1,8 @@
1
+ export interface PaginationProps {
2
+ page: number;
3
+ totalPages: number;
4
+ onPageChange: (page: number) => void;
5
+ siblingCount?: number;
6
+ className?: string;
7
+ }
8
+ export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
@@ -0,0 +1,17 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Pagination.js").PaginationProps & import("react").RefAttributes<HTMLElement>>;
5
+ args: {
6
+ page: number;
7
+ totalPages: number;
8
+ onPageChange: () => void;
9
+ };
10
+ tags: string[];
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
15
+ export declare const FirstPage: Story;
16
+ export declare const LastPage: Story;
17
+ export declare const ManyPages: Story;
@@ -0,0 +1,16 @@
1
+ import { type AnchorHTMLAttributes, type HTMLAttributes } from "react";
2
+ export type SidebarProps = HTMLAttributes<HTMLElement>;
3
+ declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
4
+ export type SidebarHeaderProps = HTMLAttributes<HTMLDivElement>;
5
+ declare const SidebarHeader: import("react").ForwardRefExoticComponent<SidebarHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ export type SidebarNavProps = HTMLAttributes<HTMLElement>;
7
+ declare const SidebarNav: import("react").ForwardRefExoticComponent<SidebarNavProps & import("react").RefAttributes<HTMLElement>>;
8
+ export type SidebarNavItemProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
9
+ active?: boolean;
10
+ };
11
+ declare const SidebarNavItem: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
12
+ active?: boolean;
13
+ } & import("react").RefAttributes<HTMLAnchorElement>>;
14
+ export type SidebarFooterProps = HTMLAttributes<HTMLDivElement>;
15
+ declare const SidebarFooter: import("react").ForwardRefExoticComponent<SidebarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
16
+ export { Sidebar, SidebarHeader, SidebarNav, SidebarNavItem, SidebarFooter };
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Sidebar.js").SidebarProps & import("react").RefAttributes<HTMLElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Default: Story;
10
+ export declare const NoActiveItem: Story;
11
+ export declare const LongNavigation: Story;
@@ -0,0 +1,6 @@
1
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
2
+ declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
3
+ declare const TabsList: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const TabsTrigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
5
+ declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1,9 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ tags: string[];
6
+ };
7
+ export default meta;
8
+ type Story = StoryObj<typeof meta>;
9
+ export declare const Default: Story;
@@ -0,0 +1,14 @@
1
+ export interface ConfirmDialogProps {
2
+ open: boolean;
3
+ onOpenChange: (open: boolean) => void;
4
+ title: string;
5
+ message: string;
6
+ confirmLabel?: string;
7
+ cancelLabel?: string;
8
+ intent?: "default" | "destructive";
9
+ onConfirm: () => void | Promise<void>;
10
+ }
11
+ export declare function ConfirmDialog({ open, onOpenChange, title, message, confirmLabel, cancelLabel, intent, onConfirm, }: ConfirmDialogProps): import("react").JSX.Element;
12
+ export declare namespace ConfirmDialog {
13
+ var displayName: string;
14
+ }