ui-arreya-components 0.0.16 → 1.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.
- package/.github/workflows/release.yml +20 -0
- package/.releaserc +10 -0
- package/CHANGELOG.md +29 -0
- package/README.md +3 -1
- package/dist/components/feature/graph-card.d.ts +20 -0
- package/dist/components/feature/graph-card.stories.d.ts +9 -0
- package/dist/components/feature/header.d.ts +15 -0
- package/dist/components/feature/header.stories.d.ts +12 -0
- package/dist/components/feature/login-form.d.ts +1 -0
- package/dist/components/feature/login-form.stories.d.ts +13 -0
- package/dist/components/feature/search-bar.d.ts +10 -0
- package/dist/components/feature/search-bar.stories.d.ts +19 -0
- package/dist/components/feature/wizard.d.ts +57 -0
- package/dist/components/feature/wizard.stories.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts +7 -0
- package/dist/components/ui/alert-dialog.d.ts +20 -0
- package/dist/components/ui/alert-dialog.stories.d.ts +12 -0
- package/dist/components/ui/alert.d.ts +8 -0
- package/dist/components/ui/alert.stories.d.ts +15 -0
- package/dist/components/ui/aspect-ratio.d.ts +3 -0
- package/dist/components/ui/aspect-ratio.stories.d.ts +12 -0
- package/dist/components/ui/avatar.d.ts +6 -0
- package/dist/components/ui/avatar.stories.d.ts +12 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.stories.d.ts +16 -0
- package/dist/components/ui/breadcrumb.d.ts +11 -0
- package/dist/components/ui/breadcrumb.stories.d.ts +16 -0
- package/dist/components/ui/button.d.ts +11 -0
- package/dist/components/ui/button.stories.d.ts +21 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/card.stories.d.ts +27 -0
- package/dist/components/ui/carousel.d.ts +18 -0
- package/dist/components/ui/carousel.stories.d.ts +17 -0
- package/dist/components/ui/chart.d.ts +62 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.stories.d.ts +14 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/collapsible.stories.d.ts +12 -0
- package/dist/components/ui/context-menu.d.ts +27 -0
- package/dist/components/ui/context-menu.stories.d.ts +12 -0
- package/dist/components/ui/dialog.d.ts +19 -0
- package/dist/components/ui/dialog.stories.d.ts +12 -0
- package/dist/components/ui/drawer.d.ts +22 -0
- package/dist/components/ui/drawer.stories.d.ts +15 -0
- package/dist/components/ui/dropdown-menu.d.ts +27 -0
- package/dist/components/ui/dropdown-menu.stories.d.ts +14 -0
- package/dist/components/ui/form.d.ts +23 -0
- package/dist/components/ui/hover-card.d.ts +6 -0
- package/dist/components/ui/hover-card.stories.d.ts +12 -0
- package/dist/components/ui/input-otp.d.ts +34 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/input.stories.d.ts +16 -0
- package/dist/components/ui/label.d.ts +5 -0
- package/dist/components/ui/menubar.d.ts +28 -0
- package/dist/components/ui/navigation-menu.d.ts +12 -0
- package/dist/components/ui/pagination.d.ts +28 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/progress.d.ts +4 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/resizable.d.ts +23 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/select.d.ts +13 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/sheet.d.ts +25 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/slider.d.ts +4 -0
- package/dist/components/ui/sonner.d.ts +4 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/table.stories.d.ts +12 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/toast.d.ts +15 -0
- package/dist/components/ui/toaster.d.ts +1 -0
- package/dist/components/ui/toggle-group.d.ts +12 -0
- package/dist/components/ui/toggle.d.ts +12 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/hooks/use-mobile.d.ts +1 -0
- package/dist/hooks/use-toast.d.ts +44 -0
- package/dist/index.d.ts +50 -0
- package/dist/lib/types.d.ts +4 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/styles.css +1 -1
- package/dist/types/index.d.ts +642 -0
- package/dist/{ui.es.js → ui-arreya-components.es.js} +10284 -11014
- package/dist/ui-arreya-components.umd.js +238 -0
- package/package.json +59 -52
- package/rollup.config.js +12 -0
- package/src/components/feature/search-bar.tsx +1 -1
- package/src/components/ui/breadcrumb.tsx +75 -81
- package/src/components/ui/table.stories.tsx +102 -0
- package/src/index.css +2 -3632
- package/src/index.ts +0 -1
- package/tsconfig.json +34 -7
- package/tsconfig.tsbuildinfo +1 -0
- package/vite.config.ts +5 -8
- package/.github/workflows/npm-publish.yml +0 -35
- package/dist/ui.cjs.js +0 -242
- package/dist/ui.umd.js +0 -242
- package/src/components/ui/sidebar.tsx +0 -771
- package/tsconfig.app.json +0 -30
- package/tsconfig.node.json +0 -24
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
name: Release and version
|
|
2
|
+
|
|
3
|
+
on:
|
|
4
|
+
push:
|
|
5
|
+
branches:
|
|
6
|
+
- main
|
|
7
|
+
|
|
8
|
+
jobs:
|
|
9
|
+
release:
|
|
10
|
+
runs-on: ubuntu-latest
|
|
11
|
+
steps:
|
|
12
|
+
- uses: actions/checkout@v3
|
|
13
|
+
- uses: actions/setup-node@v3
|
|
14
|
+
with:
|
|
15
|
+
node-version: '20'
|
|
16
|
+
- run: npm i
|
|
17
|
+
- run: npx semantic-release
|
|
18
|
+
env:
|
|
19
|
+
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
20
|
+
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
|
package/.releaserc
ADDED
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# [1.1.0](https://github.com/arreya/ui-arreya-components/compare/v1.0.0...v1.1.0) (2025-03-28)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* adding both versions back ([22a7356](https://github.com/arreya/ui-arreya-components/commit/22a7356b76a5bc3ab28727cf5d609883b82d2ce0))
|
|
7
|
+
* breadcrumb fixing ([186ccaf](https://github.com/arreya/ui-arreya-components/commit/186ccaff35fe18216c2ebdbc03115b82744ba614))
|
|
8
|
+
* breadcrumb fixing ([1dc6edd](https://github.com/arreya/ui-arreya-components/commit/1dc6edd5dc5e8f31747312767ce9bb5c973a6eab))
|
|
9
|
+
* build issues ([22c77f8](https://github.com/arreya/ui-arreya-components/commit/22c77f8f8d144ecff011a5cc4f4f6374144c5fca))
|
|
10
|
+
* building for newest breadcrumbs ([a69d3d3](https://github.com/arreya/ui-arreya-components/commit/a69d3d3874ee37be470759901a6c17bf1eb9d7bc))
|
|
11
|
+
* changing build outputs in vite ([73e2ee1](https://github.com/arreya/ui-arreya-components/commit/73e2ee18a869b4559dfd2ab9f06dd5f9916ac450))
|
|
12
|
+
* changing types to react 18 ([dc09431](https://github.com/arreya/ui-arreya-components/commit/dc094310e51d0b25357381a53076f656bf1e2c6c))
|
|
13
|
+
* excluding types ([ec219c0](https://github.com/arreya/ui-arreya-components/commit/ec219c0802b09f2219b4453115956ffd7980f87d))
|
|
14
|
+
* issues with types ([3dd3fa6](https://github.com/arreya/ui-arreya-components/commit/3dd3fa6b5b56903d679b52e062b65e5c9e3281c4))
|
|
15
|
+
* more package.json attempts ([802478b](https://github.com/arreya/ui-arreya-components/commit/802478bd138b64fcde3bc48bb8beaffa8405398d))
|
|
16
|
+
* more tests ([af54e22](https://github.com/arreya/ui-arreya-components/commit/af54e222215a050cea2c605e582a65032f2334d9))
|
|
17
|
+
* package lock cleanup ([9b549ca](https://github.com/arreya/ui-arreya-components/commit/9b549ca52512d9965a407b1967d9b8297e2b99b1))
|
|
18
|
+
* pushing builds ([aaa366e](https://github.com/arreya/ui-arreya-components/commit/aaa366e6ac885cd6c87499555a67df9fe8ed37dc))
|
|
19
|
+
* pushing changes ([b981fae](https://github.com/arreya/ui-arreya-components/commit/b981fae2eb4d92fd8b7e37680d3790edbf03ee5b))
|
|
20
|
+
* pushing changes ([88dca51](https://github.com/arreya/ui-arreya-components/commit/88dca514d4ae2ca9de398118b4cd23f68e7a8b54))
|
|
21
|
+
* pushing changes for build ([2b46731](https://github.com/arreya/ui-arreya-components/commit/2b467313643a6b69c74551faeb7cefa37141f713))
|
|
22
|
+
* pushing changes for package.json ([623606a](https://github.com/arreya/ui-arreya-components/commit/623606a93e4b537d681efcc6f22fe159a71b2bd2))
|
|
23
|
+
* pushing changes for react 19|18 in peer deps ([b51b4a1](https://github.com/arreya/ui-arreya-components/commit/b51b4a194e4898574844d0de156a6c27f239fce9))
|
|
24
|
+
* pushing dist back? ([ce6d733](https://github.com/arreya/ui-arreya-components/commit/ce6d733cabb6f7d7163a2c0b72740e4be92f9c82))
|
|
25
|
+
* removing unneeded workflow for GH ([bef60ac](https://github.com/arreya/ui-arreya-components/commit/bef60ac0dff6a466a656b0a061681b205798e87d))
|
|
26
|
+
* some build flags" ([c2f6a9b](https://github.com/arreya/ui-arreya-components/commit/c2f6a9b328140739c2fe9afabe2010fba4f114b3))
|
|
27
|
+
* updating dev and peer deps to react 19 for new create-next-app installations ([dc8df5c](https://github.com/arreya/ui-arreya-components/commit/dc8df5c28c72ac1d0ddc151931f5bd05e466a85f))
|
|
28
|
+
* vite build config changes ([019fa4d](https://github.com/arreya/ui-arreya-components/commit/019fa4d85c2ca1617b31f8a1c2d237729b50ddd5))
|
|
29
|
+
* vite test ([906f3ee](https://github.com/arreya/ui-arreya-components/commit/906f3ee2f77039284fe248a38466e0a2e0fd9440))
|
package/README.md
CHANGED
|
@@ -4,7 +4,9 @@ increment `version` of ui-arreya-components in `package.json` to newest version
|
|
|
4
4
|
|
|
5
5
|
`npm run prepublish`
|
|
6
6
|
|
|
7
|
-
Push up branch and merge to main to deploy changes
|
|
7
|
+
Push up branch and merge to main to deploy changes to Storybook
|
|
8
|
+
|
|
9
|
+
Publish npm packages, run `npm publish`
|
|
8
10
|
|
|
9
11
|
# React + TypeScript + Vite
|
|
10
12
|
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface GraphCardProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
chart?: React.ReactNode | any;
|
|
6
|
+
value?: string | number;
|
|
7
|
+
previousValue?: string | number;
|
|
8
|
+
change?: number;
|
|
9
|
+
changeType?: "increase" | "decrease" | "neutral";
|
|
10
|
+
changeLabel?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
footerContent?: React.ReactNode;
|
|
13
|
+
menuItems?: Array<{
|
|
14
|
+
label: string;
|
|
15
|
+
onClick: () => void;
|
|
16
|
+
}>;
|
|
17
|
+
chartConfig?: Record<string, any>;
|
|
18
|
+
isLoading?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare function GraphCard({ title, description, chart, value, previousValue, change, changeType, changeLabel, className, footerContent, menuItems, chartConfig, isLoading, }: GraphCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { GraphCard } from './graph-card';
|
|
3
|
+
declare const meta: Meta<typeof GraphCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof GraphCard>;
|
|
6
|
+
export declare const Simple: Story;
|
|
7
|
+
export declare const PositiveChange: Story;
|
|
8
|
+
export declare const NegativeChange: Story;
|
|
9
|
+
export declare const Loading: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type BreadcrumbItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
isCurrentPage?: boolean;
|
|
6
|
+
};
|
|
7
|
+
interface HeaderProps {
|
|
8
|
+
title?: string;
|
|
9
|
+
breadcrumbItems?: BreadcrumbItem[];
|
|
10
|
+
showHomeLink?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare function Header({ title, breadcrumbItems, showHomeLink, className, children }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Header } from './header';
|
|
3
|
+
declare const meta: Meta<typeof Header>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Header>;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const SingleBreadcrumb: Story;
|
|
8
|
+
export declare const MultipleBreadcrumbs: Story;
|
|
9
|
+
export declare const NoHomeLink: Story;
|
|
10
|
+
export declare const WithCustomContent: Story;
|
|
11
|
+
export declare const LongBreadcrumbPath: Story;
|
|
12
|
+
export declare const Minimalist: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function LoginForm({ className, ...props }: React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { LoginForm } from './login-form';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof LoginForm;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type SearchBarProps = {
|
|
2
|
+
search: string[];
|
|
3
|
+
options?: string[];
|
|
4
|
+
submit: (search: string, option?: string) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const SearchBar: {
|
|
7
|
+
({ search, options, submit }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
({ search, options, submit }: {
|
|
6
|
+
search: string[];
|
|
7
|
+
options?: string[];
|
|
8
|
+
submit: (search: string, option?: string) => void;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: string;
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type WizardStepStatus = "upcoming" | "current" | "completed";
|
|
3
|
+
export interface WizardStep {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
optional?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface WizardContextValue {
|
|
10
|
+
currentStepIndex: number;
|
|
11
|
+
steps: WizardStep[];
|
|
12
|
+
goToStep: (index: number) => void;
|
|
13
|
+
nextStep: () => void;
|
|
14
|
+
prevStep: () => void;
|
|
15
|
+
isFirstStep: boolean;
|
|
16
|
+
isLastStep: boolean;
|
|
17
|
+
getStepStatus: (index: number) => WizardStepStatus;
|
|
18
|
+
completeWizard: () => void;
|
|
19
|
+
isComplete: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare function useWizard(): WizardContextValue;
|
|
22
|
+
interface WizardProviderProps {
|
|
23
|
+
steps: WizardStep[];
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
onComplete?: () => void;
|
|
26
|
+
initialStep?: number;
|
|
27
|
+
}
|
|
28
|
+
export declare function WizardProvider({ steps, children, onComplete, initialStep, }: WizardProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
interface WizardProps extends WizardProviderProps {
|
|
30
|
+
className?: string;
|
|
31
|
+
showStepIndicator?: boolean;
|
|
32
|
+
navigationPosition?: "top" | "bottom" | "both";
|
|
33
|
+
}
|
|
34
|
+
export declare function Wizard({ steps, children, onComplete, initialStep, className, showStepIndicator, navigationPosition, }: WizardProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
interface WizardStepIndicatorProps {
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
export declare function WizardStepIndicator({ className }: WizardStepIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
interface WizardNavigationProps {
|
|
40
|
+
className?: string;
|
|
41
|
+
showCancel?: boolean;
|
|
42
|
+
onCancel?: () => void;
|
|
43
|
+
nextLabel?: string;
|
|
44
|
+
backLabel?: string;
|
|
45
|
+
completeLabel?: string;
|
|
46
|
+
}
|
|
47
|
+
export declare function WizardNavigation({ className, showCancel, onCancel, nextLabel, backLabel, completeLabel, }: WizardNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
interface WizardStepContentProps {
|
|
49
|
+
stepId: string;
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
}
|
|
52
|
+
export declare function WizardStepContent({ stepId, children }: WizardStepContentProps): import("react/jsx-runtime").JSX.Element | null;
|
|
53
|
+
interface WizardCompletionProps {
|
|
54
|
+
children: React.ReactNode;
|
|
55
|
+
}
|
|
56
|
+
export declare function WizardCompletion({ children }: WizardCompletionProps): import("react/jsx-runtime").JSX.Element | null;
|
|
57
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Wizard } from './wizard';
|
|
3
|
+
declare const meta: Meta<typeof Wizard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Wizard>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithoutStepIndicator: Story;
|
|
8
|
+
export declare const TopNavigation: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogHeader: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
declare const AlertDialogFooter: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('@radix-ui/react-alert-dialog').AlertDialogProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
7
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
8
|
+
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
5
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
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 Destructive: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('@radix-ui/react-aspect-ratio').AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
5
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-avatar').AvatarProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Badge } from './badge';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Badge;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const Secondary: Story;
|
|
15
|
+
export declare const Outline: Story;
|
|
16
|
+
export declare const Destructive: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Breadcrumb } from './breadcrumb';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Breadcrumb;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const CustomSeperator: Story;
|
|
15
|
+
export declare const Dropdown: Story;
|
|
16
|
+
export declare const Collapsed: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('./button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const Secondary: Story;
|
|
14
|
+
export declare const Destructive: Story;
|
|
15
|
+
export declare const Outline: Story;
|
|
16
|
+
export declare const Ghost: Story;
|
|
17
|
+
export declare const Link: Story;
|
|
18
|
+
export declare const Icon: Story;
|
|
19
|
+
export declare const WithIcon: Story;
|
|
20
|
+
export declare const Loading: Story;
|
|
21
|
+
export declare const ButtonAsChild: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export type notificationProps = {
|
|
14
|
+
title: string;
|
|
15
|
+
description: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const NotificationsCard: {
|
|
18
|
+
args: {
|
|
19
|
+
notifications: {
|
|
20
|
+
title: string;
|
|
21
|
+
description: string;
|
|
22
|
+
}[];
|
|
23
|
+
className: string;
|
|
24
|
+
props: string;
|
|
25
|
+
};
|
|
26
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
4
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
5
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
6
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
7
|
+
type CarouselProps = {
|
|
8
|
+
opts?: CarouselOptions;
|
|
9
|
+
plugins?: CarouselPlugin;
|
|
10
|
+
orientation?: "horizontal" | "vertical";
|
|
11
|
+
setApi?: (api: CarouselApi) => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
opts?: Partial<import('embla-carousel/components/Options').OptionsType> | undefined;
|
|
6
|
+
plugins?: import('embla-carousel').CreatePluginType<import('embla-carousel/components/Plugins').LoosePluginType, {}>[] | undefined;
|
|
7
|
+
orientation?: "horizontal" | "vertical";
|
|
8
|
+
setApi?: (api: import('./carousel').CarouselApi) => void;
|
|
9
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
parameters: {
|
|
11
|
+
layout: string;
|
|
12
|
+
};
|
|
13
|
+
tags: string[];
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as RechartsPrimitive from "recharts";
|
|
3
|
+
declare const THEMES: {
|
|
4
|
+
readonly light: "";
|
|
5
|
+
readonly dark: ".dark";
|
|
6
|
+
};
|
|
7
|
+
export type ChartConfig = {
|
|
8
|
+
[k in string]: {
|
|
9
|
+
label?: React.ReactNode;
|
|
10
|
+
icon?: React.ComponentType;
|
|
11
|
+
} & ({
|
|
12
|
+
color?: string;
|
|
13
|
+
theme?: never;
|
|
14
|
+
} | {
|
|
15
|
+
color?: never;
|
|
16
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
+
config: ChartConfig;
|
|
21
|
+
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
22
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const ChartStyle: ({ id, config }: {
|
|
24
|
+
id: string;
|
|
25
|
+
config: ChartConfig;
|
|
26
|
+
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
28
|
+
declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> & {
|
|
29
|
+
accessibilityLayer?: boolean;
|
|
30
|
+
active?: boolean | undefined;
|
|
31
|
+
includeHidden?: boolean | undefined;
|
|
32
|
+
allowEscapeViewBox?: import('recharts/types/util/types').AllowInDimension;
|
|
33
|
+
animationDuration?: import('recharts/types/util/types').AnimationDuration;
|
|
34
|
+
animationEasing?: import('recharts/types/util/types').AnimationTiming;
|
|
35
|
+
content?: import('recharts/types/component/Tooltip').ContentType<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> | undefined;
|
|
36
|
+
coordinate?: Partial<import('recharts/types/util/types').Coordinate>;
|
|
37
|
+
cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
|
|
38
|
+
filterNull?: boolean;
|
|
39
|
+
defaultIndex?: number;
|
|
40
|
+
isAnimationActive?: boolean;
|
|
41
|
+
offset?: number;
|
|
42
|
+
payloadUniqBy?: import('recharts/types/util/payload/getUniqPayload').UniqueOption<import('recharts/types/component/DefaultTooltipContent').Payload<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType>> | undefined;
|
|
43
|
+
position?: Partial<import('recharts/types/util/types').Coordinate>;
|
|
44
|
+
reverseDirection?: import('recharts/types/util/types').AllowInDimension;
|
|
45
|
+
shared?: boolean;
|
|
46
|
+
trigger?: "hover" | "click";
|
|
47
|
+
useTranslate3d?: boolean;
|
|
48
|
+
viewBox?: import('recharts/types/util/types').CartesianViewBox;
|
|
49
|
+
wrapperStyle?: React.CSSProperties;
|
|
50
|
+
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
51
|
+
hideLabel?: boolean;
|
|
52
|
+
hideIndicator?: boolean;
|
|
53
|
+
indicator?: "line" | "dot" | "dashed";
|
|
54
|
+
nameKey?: string;
|
|
55
|
+
labelKey?: string;
|
|
56
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
58
|
+
declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
59
|
+
hideIcon?: boolean;
|
|
60
|
+
nameKey?: string;
|
|
61
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
+
export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export { Checkbox };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-checkbox').CheckboxProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const CheckboxWithText: Story;
|
|
14
|
+
export declare const Disabled: Story;
|