@motiadev/ui 0.13.2-beta.164-110989 → 0.13.2-beta.164-681857
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/dist/components/ui/background-effect.d.ts +4 -7
- package/dist/components/ui/background-effect.d.ts.map +1 -1
- package/dist/components/ui/background-effect.stories.d.ts +12 -0
- package/dist/components/ui/background-effect.stories.d.ts.map +1 -0
- package/dist/components/ui/badge.d.ts +8 -11
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/badge.stories.d.ts +19 -0
- package/dist/components/ui/badge.stories.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +20 -24
- package/dist/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb.stories.d.ts +21 -0
- package/dist/components/ui/breadcrumb.stories.d.ts.map +1 -0
- package/dist/components/ui/button.d.ts +9 -14
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.stories.d.ts +25 -0
- package/dist/components/ui/button.stories.d.ts.map +1 -0
- package/dist/components/ui/checkbox.d.ts +3 -7
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.stories.d.ts +25 -0
- package/dist/components/ui/checkbox.stories.d.ts.map +1 -0
- package/dist/components/ui/collapsible-panel.d.ts +13 -17
- package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
- package/dist/components/ui/collapsible-panel.stories.d.ts +12 -0
- package/dist/components/ui/collapsible-panel.stories.d.ts.map +1 -0
- package/dist/components/ui/container.d.ts +13 -17
- package/dist/components/ui/container.d.ts.map +1 -1
- package/dist/components/ui/container.stories.d.ts +10 -0
- package/dist/components/ui/container.stories.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +21 -23
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.stories.d.ts +18 -0
- package/dist/components/ui/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/components/ui/empty.d.ts +10 -34
- package/dist/components/ui/empty.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts +8 -12
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/input.stories.d.ts +23 -0
- package/dist/components/ui/input.stories.d.ts.map +1 -0
- package/dist/components/ui/label.d.ts +3 -7
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/label.stories.d.ts +17 -0
- package/dist/components/ui/label.stories.d.ts.map +1 -0
- package/dist/components/ui/level-dot.d.ts +3 -7
- package/dist/components/ui/level-dot.d.ts.map +1 -1
- package/dist/components/ui/level-dot.stories.d.ts +19 -0
- package/dist/components/ui/level-dot.stories.d.ts.map +1 -0
- package/dist/components/ui/panel.d.ts +28 -32
- package/dist/components/ui/panel.d.ts.map +1 -1
- package/dist/components/ui/panel.stories.d.ts +24 -0
- package/dist/components/ui/panel.stories.d.ts.map +1 -0
- package/dist/components/ui/select.d.ts +13 -11
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/components/ui/select.stories.d.ts +18 -0
- package/dist/components/ui/select.stories.d.ts.map +1 -0
- package/dist/components/ui/side-panel-detail.d.ts +5 -8
- package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
- package/dist/components/ui/side-panel-detail.stories.d.ts +12 -0
- package/dist/components/ui/side-panel-detail.stories.d.ts.map +1 -0
- package/dist/components/ui/side-panel.d.ts +18 -18
- package/dist/components/ui/side-panel.d.ts.map +1 -1
- package/dist/components/ui/side-panel.stories.d.ts +13 -0
- package/dist/components/ui/side-panel.stories.d.ts.map +1 -0
- package/dist/components/ui/sidebar.d.ts +8 -12
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.stories.d.ts +14 -0
- package/dist/components/ui/sidebar.stories.d.ts.map +1 -0
- package/dist/components/ui/table.d.ts +4 -5
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/table.stories.d.ts +18 -0
- package/dist/components/ui/table.stories.d.ts.map +1 -0
- package/dist/components/ui/tabs.d.ts +6 -10
- package/dist/components/ui/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs.stories.d.ts +16 -0
- package/dist/components/ui/tabs.stories.d.ts.map +1 -0
- package/dist/components/ui/textarea.d.ts +2 -6
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/textarea.stories.d.ts +21 -0
- package/dist/components/ui/textarea.stories.d.ts.map +1 -0
- package/dist/components/ui/tooltip.d.ts +5 -10
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.stories.d.ts +21 -0
- package/dist/components/ui/tooltip.stories.d.ts.map +1 -0
- package/dist/index.cjs +122 -0
- package/dist/index.d.ts +24 -24
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +11031 -25
- package/dist/lib/utils.d.ts +2 -6
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/stores/use-theme-store.d.ts +17 -22
- package/dist/stores/use-theme-store.d.ts.map +1 -1
- package/dist/ui.css +1 -0
- package/package.json +30 -28
- package/dist/components/ui/background-effect.js +0 -31
- package/dist/components/ui/background-effect.js.map +0 -1
- package/dist/components/ui/badge.js +0 -57
- package/dist/components/ui/badge.js.map +0 -1
- package/dist/components/ui/breadcrumb.js +0 -168
- package/dist/components/ui/breadcrumb.js.map +0 -1
- package/dist/components/ui/button.js +0 -88
- package/dist/components/ui/button.js.map +0 -1
- package/dist/components/ui/checkbox.js +0 -53
- package/dist/components/ui/checkbox.js.map +0 -1
- package/dist/components/ui/collapsible-panel.js +0 -252
- package/dist/components/ui/collapsible-panel.js.map +0 -1
- package/dist/components/ui/container.js +0 -143
- package/dist/components/ui/container.js.map +0 -1
- package/dist/components/ui/dropdown-menu.js +0 -430
- package/dist/components/ui/dropdown-menu.js.map +0 -1
- package/dist/components/ui/empty.js +0 -219
- package/dist/components/ui/empty.js.map +0 -1
- package/dist/components/ui/input.js +0 -66
- package/dist/components/ui/input.js.map +0 -1
- package/dist/components/ui/label.js +0 -43
- package/dist/components/ui/label.js.map +0 -1
- package/dist/components/ui/level-dot.js +0 -35
- package/dist/components/ui/level-dot.js.map +0 -1
- package/dist/components/ui/panel.js +0 -284
- package/dist/components/ui/panel.js.map +0 -1
- package/dist/components/ui/select.js +0 -341
- package/dist/components/ui/select.js.map +0 -1
- package/dist/components/ui/side-panel-detail.js +0 -54
- package/dist/components/ui/side-panel-detail.js.map +0 -1
- package/dist/components/ui/side-panel.js +0 -138
- package/dist/components/ui/side-panel.js.map +0 -1
- package/dist/components/ui/sidebar.js +0 -153
- package/dist/components/ui/sidebar.js.map +0 -1
- package/dist/components/ui/table.js +0 -285
- package/dist/components/ui/table.js.map +0 -1
- package/dist/components/ui/tabs.js +0 -142
- package/dist/components/ui/tabs.js.map +0 -1
- package/dist/components/ui/textarea.js +0 -42
- package/dist/components/ui/textarea.js.map +0 -1
- package/dist/components/ui/tooltip.js +0 -54
- package/dist/components/ui/tooltip.js.map +0 -1
- package/dist/lib/utils.js +0 -11
- package/dist/lib/utils.js.map +0 -1
- package/dist/stores/use-theme-store.js +0 -30
- package/dist/stores/use-theme-store.js.map +0 -1
- package/dist/styles.css +0 -2647
- package/dist/styles.css.map +0 -1
- package/dist/styles.js +0 -0
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
|
|
3
|
-
//#region src/components/ui/background-effect.d.ts
|
|
1
|
+
import { default as React } from 'react';
|
|
4
2
|
type PatternType = 'subtle';
|
|
5
3
|
type BackgroundEffectProps = {
|
|
6
|
-
|
|
4
|
+
patternType?: PatternType;
|
|
7
5
|
};
|
|
8
|
-
declare const BackgroundEffect: React.FC<BackgroundEffectProps>;
|
|
9
|
-
|
|
10
|
-
export { BackgroundEffect };
|
|
6
|
+
export declare const BackgroundEffect: React.FC<BackgroundEffectProps>;
|
|
7
|
+
export {};
|
|
11
8
|
//# sourceMappingURL=background-effect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"background-effect.d.ts","
|
|
1
|
+
{"version":3,"file":"background-effect.d.ts","sourceRoot":"","sources":["../../../src/components/ui/background-effect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,WAAW,GAAG,QAAQ,CAAA;AAE3B,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AASD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAc5D,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { BackgroundEffect } from './background-effect';
|
|
3
|
+
declare const meta: Meta<typeof BackgroundEffect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithHeroSection: Story;
|
|
8
|
+
export declare const WithContentSection: Story;
|
|
9
|
+
export declare const UseCases: Story;
|
|
10
|
+
export declare const AccessibilityExample: Story;
|
|
11
|
+
export declare const DecorativeAndNonInteractive: Story;
|
|
12
|
+
//# sourceMappingURL=background-effect.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"background-effect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/background-effect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAyBvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAuDhC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgDtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAiElC,CAAA;AAGD,eAAO,MAAM,2BAA2B,EAAE,KAczC,CAAA"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
import { VariantProps } from
|
|
2
|
-
import { FC, HTMLAttributes } from
|
|
3
|
-
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
|
-
|
|
5
|
-
//#region src/components/ui/badge.d.ts
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { FC, HTMLAttributes } from 'react';
|
|
6
3
|
declare const badgeVariants: (props?: ({
|
|
7
|
-
|
|
8
|
-
} &
|
|
9
|
-
interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export {
|
|
4
|
+
variant?: "info" | "success" | "error" | "default" | "outline" | "warning" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
export declare const Badge: FC<BadgeProps>;
|
|
9
|
+
export {};
|
|
13
10
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG/C,QAAA,MAAM,aAAa;;8EAcjB,CAAA;AAEF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzG,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAEhC,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Badge } from './badge';
|
|
3
|
+
declare const meta: Meta<typeof Badge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Info: Story;
|
|
8
|
+
export declare const Success: Story;
|
|
9
|
+
export declare const Error: Story;
|
|
10
|
+
export declare const Outline: Story;
|
|
11
|
+
export declare const Warning: Story;
|
|
12
|
+
export declare const WithCounts: Story;
|
|
13
|
+
export declare const StatusIndicators: Story;
|
|
14
|
+
export declare const AllVariants: Story;
|
|
15
|
+
export declare const UseCases: Story;
|
|
16
|
+
export declare const AccessibilityExample: Story;
|
|
17
|
+
export declare const DarkModeExample: Story;
|
|
18
|
+
export declare const VariantRendering: Story;
|
|
19
|
+
//# sourceMappingURL=badge.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4B5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+CzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAyFtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAoClC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAA"}
|
|
@@ -1,31 +1,27 @@
|
|
|
1
|
-
import { ComponentProps, FC, ReactNode } from
|
|
2
|
-
|
|
3
|
-
//#region src/components/ui/breadcrumb.d.ts
|
|
4
|
-
interface BreadcrumbItemProps {
|
|
5
|
-
label: string | ReactNode;
|
|
6
|
-
icon?: ReactNode;
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
isLast: boolean;
|
|
9
|
-
dropdownItems?: {
|
|
10
|
-
label: string | ReactNode;
|
|
11
|
-
icon?: ReactNode;
|
|
12
|
-
onClick?: () => void;
|
|
13
|
-
}[];
|
|
14
|
-
}
|
|
15
|
-
declare const BreadcrumbItem: FC<BreadcrumbItemProps>;
|
|
16
|
-
interface BreadcrumbProps extends ComponentProps<'div'> {
|
|
17
|
-
items: {
|
|
1
|
+
import { ComponentProps, FC, ReactNode } from 'react';
|
|
2
|
+
export interface BreadcrumbItemProps {
|
|
18
3
|
label: string | ReactNode;
|
|
19
4
|
icon?: ReactNode;
|
|
20
5
|
onClick?: () => void;
|
|
6
|
+
isLast: boolean;
|
|
21
7
|
dropdownItems?: {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
8
|
+
label: string | ReactNode;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}[];
|
|
12
|
+
}
|
|
13
|
+
export declare const BreadcrumbItem: FC<BreadcrumbItemProps>;
|
|
14
|
+
export interface BreadcrumbProps extends ComponentProps<'div'> {
|
|
15
|
+
items: {
|
|
16
|
+
label: string | ReactNode;
|
|
17
|
+
icon?: ReactNode;
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
dropdownItems?: {
|
|
20
|
+
label: string | ReactNode;
|
|
21
|
+
icon?: ReactNode;
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
}[];
|
|
25
24
|
}[];
|
|
26
|
-
}[];
|
|
27
25
|
}
|
|
28
|
-
declare const Breadcrumb: FC<BreadcrumbProps>;
|
|
29
|
-
//#endregion
|
|
30
|
-
export { Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps };
|
|
26
|
+
export declare const Breadcrumb: FC<BreadcrumbProps>;
|
|
31
27
|
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.d.ts","
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM1D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;QACzB,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KACrB,EAAE,CAAA;CACJ;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4ClD,CAAA;AAID,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC5D,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;QACzB,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;QACpB,aAAa,CAAC,EAAE;YACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;YACzB,IAAI,CAAC,EAAE,SAAS,CAAA;YAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;SACrB,EAAE,CAAA;KACJ,EAAE,CAAA;CACJ;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsB1C,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Breadcrumb } from './breadcrumb';
|
|
3
|
+
declare const meta: Meta<typeof Breadcrumb>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Breadcrumb>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLinks: Story;
|
|
8
|
+
export declare const WithIcons: Story;
|
|
9
|
+
export declare const WithDropdown: Story;
|
|
10
|
+
export declare const SingleItem: Story;
|
|
11
|
+
export declare const LongPath: Story;
|
|
12
|
+
export declare const WithClickHandlers: Story;
|
|
13
|
+
export declare const TruncatedLabels: Story;
|
|
14
|
+
export declare const MixedTypes: Story;
|
|
15
|
+
export declare const AllVariants: Story;
|
|
16
|
+
export declare const UseCases: Story;
|
|
17
|
+
export declare const AccessibilityExample: Story;
|
|
18
|
+
export declare const Interactive: Story;
|
|
19
|
+
export declare const ClickBreadcrumb: Story;
|
|
20
|
+
export declare const DropdownSelection: Story;
|
|
21
|
+
//# sourceMappingURL=breadcrumb.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmBjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkFzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0FtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAmGlC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+EzB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAA"}
|
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
import { VariantProps } from
|
|
2
|
-
import
|
|
3
|
-
import { ButtonHTMLAttributes } from "react";
|
|
4
|
-
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
5
|
-
|
|
6
|
-
//#region src/components/ui/button.d.ts
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
7
3
|
declare const buttonVariants: (props?: ({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} &
|
|
11
|
-
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
12
|
-
|
|
4
|
+
variant?: "link" | "default" | "outline" | "accent" | "light" | "secondary" | "destructive" | "ghost" | "icon" | null | undefined;
|
|
5
|
+
size?: "default" | "icon" | "sm" | "md" | "lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
13
9
|
}
|
|
14
|
-
declare const Button:
|
|
15
|
-
|
|
16
|
-
export { Button, ButtonProps };
|
|
10
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export {};
|
|
17
12
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAA;AAI7D,QAAA,MAAM,cAAc;;;8EA4BnB,CAAA;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IAC/G,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,MAAM,2GAKlB,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from './button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Accent: Story;
|
|
8
|
+
export declare const Light: Story;
|
|
9
|
+
export declare const Secondary: Story;
|
|
10
|
+
export declare const Destructive: Story;
|
|
11
|
+
export declare const Outline: Story;
|
|
12
|
+
export declare const Ghost: Story;
|
|
13
|
+
export declare const Link: Story;
|
|
14
|
+
export declare const Small: Story;
|
|
15
|
+
export declare const Medium: Story;
|
|
16
|
+
export declare const Large: Story;
|
|
17
|
+
export declare const Icon: Story;
|
|
18
|
+
export declare const WithIcon: Story;
|
|
19
|
+
export declare const Disabled: Story;
|
|
20
|
+
export declare const AllVariants: Story;
|
|
21
|
+
export declare const States: Story;
|
|
22
|
+
export declare const ClickInteraction: Story;
|
|
23
|
+
export declare const DisabledNoClick: Story;
|
|
24
|
+
export declare const KeyboardInteraction: Story;
|
|
25
|
+
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqC7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA8CpB,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAcjC,CAAA"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import * as CheckboxPrimitive from
|
|
3
|
-
|
|
4
|
-
//#region src/components/ui/checkbox.d.ts
|
|
5
|
-
declare const Checkbox: FC<ComponentProps<typeof CheckboxPrimitive.Root>>;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Checkbox };
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
+
export declare const Checkbox: FC<ComponentProps<typeof CheckboxPrimitive.Root>>;
|
|
8
4
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAkBtE,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Checkbox } from './checkbox';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Checked: Story;
|
|
8
|
+
export declare const Unchecked: Story;
|
|
9
|
+
export declare const Indeterminate: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const DisabledChecked: Story;
|
|
12
|
+
export declare const DisabledIndeterminate: Story;
|
|
13
|
+
export declare const Error: Story;
|
|
14
|
+
export declare const ErrorChecked: Story;
|
|
15
|
+
export declare const Controlled: Story;
|
|
16
|
+
export declare const WithLabel: Story;
|
|
17
|
+
export declare const WithLabelAndDescription: Story;
|
|
18
|
+
export declare const AllStates: Story;
|
|
19
|
+
export declare const FormExample: Story;
|
|
20
|
+
export declare const CheckboxList: Story;
|
|
21
|
+
export declare const AccessibilityExample: Story;
|
|
22
|
+
export declare const CheckInteraction: Story;
|
|
23
|
+
export declare const KeyboardCheck: Story;
|
|
24
|
+
export declare const IndeterminateInteraction: Story;
|
|
25
|
+
//# sourceMappingURL=checkbox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkEvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0FzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgF1B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAqDlC,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAatC,CAAA"}
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
defaultTab?: string;
|
|
13
|
-
onTabChange?: (tab: string) => void;
|
|
1
|
+
import { default as React, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { PanelGroup } from 'react-resizable-panels';
|
|
3
|
+
import { ContainerHeaderProps } from './container.tsx';
|
|
4
|
+
export interface CollapsiblePanelProps extends PropsWithChildren {
|
|
5
|
+
id: string;
|
|
6
|
+
header: ReactNode;
|
|
7
|
+
withResizeHandle?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
variant?: ContainerHeaderProps['variant'];
|
|
10
|
+
defaultTab?: string;
|
|
11
|
+
onTabChange?: (tab: string) => void;
|
|
14
12
|
}
|
|
15
|
-
declare const CollapsiblePanel: React.FC<CollapsiblePanelProps>;
|
|
16
|
-
declare const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>>;
|
|
17
|
-
//#endregion
|
|
18
|
-
export { CollapsiblePanel, CollapsiblePanelGroup };
|
|
13
|
+
export declare const CollapsiblePanel: React.FC<CollapsiblePanelProps>;
|
|
14
|
+
export declare const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>>;
|
|
19
15
|
//# sourceMappingURL=collapsible-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible-panel.d.ts","
|
|
1
|
+
{"version":3,"file":"collapsible-panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAA;AAC7G,OAAO,EAAqC,UAAU,EAAqB,MAAM,wBAAwB,CAAA;AAEzG,OAAO,EAAgD,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAIvH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AA0CD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAmBnF,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { CollapsiblePanel } from './collapsible-panel';
|
|
3
|
+
declare const meta: Meta<typeof CollapsiblePanel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const MultiplePanels: Story;
|
|
8
|
+
export declare const WithTabs: Story;
|
|
9
|
+
export declare const UseCases: Story;
|
|
10
|
+
export declare const AccessibilityExample: Story;
|
|
11
|
+
export declare const CollapseExpandPanel: Story;
|
|
12
|
+
//# sourceMappingURL=collapsible-panel.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible-panel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible-panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAA;AAG7E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAmDvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2F5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmFtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA2DlC,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAiCjC,CAAA"}
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import { VariantProps } from
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
//#region src/components/ui/container.d.ts
|
|
7
|
-
interface ContainerProps extends HTMLAttributes<HTMLDivElement> {}
|
|
8
|
-
declare const Container: react0.ForwardRefExoticComponent<ContainerProps & react0.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
}
|
|
5
|
+
export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
6
|
declare const containerHeaderVariants: (props?: ({
|
|
10
|
-
|
|
11
|
-
} &
|
|
12
|
-
type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>;
|
|
13
|
-
declare const ContainerHeader:
|
|
14
|
-
|
|
15
|
-
} &
|
|
16
|
-
declare const ContainerContent:
|
|
17
|
-
|
|
18
|
-
export { Container, ContainerContent, ContainerHeader, ContainerHeaderProps };
|
|
7
|
+
variant?: "default" | "tabs" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
+
export type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>;
|
|
10
|
+
export declare const ContainerHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
11
|
+
variant?: "default" | "tabs" | null | undefined;
|
|
12
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const ContainerContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export {};
|
|
19
15
|
//# sourceMappingURL=container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIvD,UAAU,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAElE,eAAO,MAAM,SAAS,2GAapB,CAAA;AAGF,QAAA,MAAM,uBAAuB;;8EAU3B,CAAA;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAEhH,eAAO,MAAM,eAAe;;gIAS3B,CAAA;AAGD,eAAO,MAAM,gBAAgB,2HAM5B,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Container } from './container';
|
|
3
|
+
declare const meta: Meta<typeof Container>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Container>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithTabs: Story;
|
|
8
|
+
export declare const WorkbenchLayout: Story;
|
|
9
|
+
export declare const TabSwitchingInContainer: Story;
|
|
10
|
+
//# sourceMappingURL=container.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAetD,OAAO,EAAE,SAAS,EAAqC,MAAM,aAAa,CAAA;AAG1E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAwBhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAuH7B,CAAA;AAGD,eAAO,MAAM,uBAAuB,EAAE,KAuBrC,CAAA"}
|
|
@@ -1,27 +1,25 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import * as DropdownMenuPrimitive from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
declare const
|
|
6
|
-
declare const
|
|
7
|
-
declare const
|
|
8
|
-
declare const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
variant?: 'default' | 'destructive';
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
3
|
+
export declare const DropdownMenu: FC<ComponentProps<typeof DropdownMenuPrimitive.Root>>;
|
|
4
|
+
export declare const DropdownMenuPortal: FC<ComponentProps<typeof DropdownMenuPrimitive.Portal>>;
|
|
5
|
+
export declare const DropdownMenuTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.Trigger>>;
|
|
6
|
+
export declare const DropdownMenuContent: FC<ComponentProps<typeof DropdownMenuPrimitive.Content>>;
|
|
7
|
+
export declare const DropdownMenuGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.Group>>;
|
|
8
|
+
export declare const DropdownMenuItem: FC<ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
9
|
+
inset?: boolean;
|
|
10
|
+
variant?: 'default' | 'destructive';
|
|
12
11
|
}>;
|
|
13
|
-
declare const DropdownMenuCheckboxItem: FC<ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>>;
|
|
14
|
-
declare const DropdownMenuRadioGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>>;
|
|
15
|
-
declare const DropdownMenuRadioItem: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioItem>>;
|
|
16
|
-
declare const DropdownMenuLabel: FC<ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
17
|
-
|
|
12
|
+
export declare const DropdownMenuCheckboxItem: FC<ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>>;
|
|
13
|
+
export declare const DropdownMenuRadioGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>>;
|
|
14
|
+
export declare const DropdownMenuRadioItem: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioItem>>;
|
|
15
|
+
export declare const DropdownMenuLabel: FC<ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
16
|
+
inset?: boolean;
|
|
18
17
|
}>;
|
|
19
|
-
declare const DropdownMenuSeparator: FC<ComponentProps<typeof DropdownMenuPrimitive.Separator>>;
|
|
20
|
-
declare const
|
|
21
|
-
declare const
|
|
22
|
-
|
|
18
|
+
export declare const DropdownMenuSeparator: FC<ComponentProps<typeof DropdownMenuPrimitive.Separator>>;
|
|
19
|
+
export declare const DropdownMenuShortcut: FC<ComponentProps<'span'>>;
|
|
20
|
+
export declare const DropdownMenuSub: FC<ComponentProps<typeof DropdownMenuPrimitive.Sub>>;
|
|
21
|
+
export declare const DropdownMenuSubTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
22
|
+
inset?: boolean;
|
|
23
23
|
}>;
|
|
24
|
-
declare const DropdownMenuSubContent: FC<ComponentProps<typeof DropdownMenuPrimitive.SubContent>>;
|
|
25
|
-
//#endregion
|
|
26
|
-
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
24
|
+
export declare const DropdownMenuSubContent: FC<ComponentProps<typeof DropdownMenuPrimitive.SubContent>>;
|
|
27
25
|
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAE9E,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAEtF,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAExF,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAkBxF,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAEpF,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAC/B,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAcF,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,CAwBlG,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAE9F,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,CAsB5F,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAChC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAUF,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,CAW5F,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAQ3D,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,CAEhF,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CACrC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAgBF,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAc9F,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DropdownMenu } from './dropdown-menu';
|
|
3
|
+
declare const meta: Meta<typeof DropdownMenu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabelsAndSeparators: Story;
|
|
8
|
+
export declare const WithCheckboxItems: Story;
|
|
9
|
+
export declare const WithRadioGroup: Story;
|
|
10
|
+
export declare const DestructiveVariant: Story;
|
|
11
|
+
export declare const WithInset: Story;
|
|
12
|
+
export declare const ComplexExample: Story;
|
|
13
|
+
export declare const UseCases: Story;
|
|
14
|
+
export declare const AccessibilityExample: Story;
|
|
15
|
+
export declare const OpenAndSelectItem: Story;
|
|
16
|
+
export declare const KeyboardNavigation: Story;
|
|
17
|
+
export declare const CheckboxItemInteraction: Story;
|
|
18
|
+
//# sourceMappingURL=dropdown-menu.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAyBtD,OAAO,EACL,YAAY,EAcb,MAAM,iBAAiB,CAAA;AAExB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAmCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAsFrC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2B/B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAyGtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgHlC,CAAA;AAGD,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAwBrC,CAAA"}
|
|
@@ -1,36 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
//#region src/components/ui/empty.d.ts
|
|
6
|
-
declare function Empty({
|
|
7
|
-
className,
|
|
8
|
-
...props
|
|
9
|
-
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
10
|
-
declare function EmptyHeader({
|
|
11
|
-
className,
|
|
12
|
-
...props
|
|
13
|
-
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
14
4
|
declare const emptyMediaVariants: (props?: ({
|
|
15
|
-
|
|
16
|
-
} &
|
|
17
|
-
declare function EmptyMedia({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
declare function EmptyTitle({
|
|
23
|
-
className,
|
|
24
|
-
...props
|
|
25
|
-
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
26
|
-
declare function EmptyDescription({
|
|
27
|
-
className,
|
|
28
|
-
...props
|
|
29
|
-
}: React.ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
|
|
30
|
-
declare function EmptyContent({
|
|
31
|
-
className,
|
|
32
|
-
...props
|
|
33
|
-
}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
|
|
34
|
-
//#endregion
|
|
35
|
-
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
|
|
5
|
+
variant?: "default" | "icon" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };
|
|
36
12
|
//# sourceMappingURL=empty.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.d.ts","
|
|
1
|
+
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,2CASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAEvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,CAAA"}
|