@motiadev/ui 0.13.0-beta.162-846200 → 0.13.0-beta.162-813224
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/LICENSE +93 -21
- 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 +15 -13
- 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
|
@@ -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"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import { VariantProps } from
|
|
2
|
-
import
|
|
3
|
-
import { InputHTMLAttributes } from "react";
|
|
4
|
-
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
5
|
-
|
|
6
|
-
//#region src/components/ui/input.d.ts
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { InputHTMLAttributes } from 'react';
|
|
7
3
|
declare const inputVariants: (props?: ({
|
|
8
|
-
|
|
9
|
-
} &
|
|
10
|
-
interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
export {
|
|
4
|
+
variant?: "default" | "outline" | "shade" | "outlineReadonly" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
|
|
7
|
+
}
|
|
8
|
+
export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
9
|
+
export {};
|
|
14
10
|
//# sourceMappingURL=input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAG5D,QAAA,MAAM,aAAa;;8EAuBlB,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEhH,eAAO,MAAM,KAAK,yGAEhB,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input } from './input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Filled: Story;
|
|
8
|
+
export declare const Email: Story;
|
|
9
|
+
export declare const Password: Story;
|
|
10
|
+
export declare const SearchType: Story;
|
|
11
|
+
export declare const Number: Story;
|
|
12
|
+
export declare const Error: Story;
|
|
13
|
+
export declare const Disabled: Story;
|
|
14
|
+
export declare const Controlled: Story;
|
|
15
|
+
export declare const PasswordWithToggle: Story;
|
|
16
|
+
export declare const AllStates: Story;
|
|
17
|
+
export declare const InputTypes: Story;
|
|
18
|
+
export declare const FormExample: Story;
|
|
19
|
+
export declare const WithIcons: Story;
|
|
20
|
+
export declare const TypeInteraction: Story;
|
|
21
|
+
export declare const ClearInput: Story;
|
|
22
|
+
export declare const EmailValidation: Story;
|
|
23
|
+
//# sourceMappingURL=input.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAwC5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuCxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqFzB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import * as LabelPrimitive from
|
|
3
|
-
|
|
4
|
-
//#region src/components/ui/label.d.ts
|
|
5
|
-
declare const Label: FC<ComponentProps<typeof LabelPrimitive.Root>>;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Label };
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
+
export declare const Label: FC<ComponentProps<typeof LabelPrimitive.Root>>;
|
|
8
4
|
//# sourceMappingURL=label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAWhE,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Label } from './label';
|
|
3
|
+
declare const meta: Meta<typeof Label>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithInput: Story;
|
|
8
|
+
export declare const Required: Story;
|
|
9
|
+
export declare const WithDescription: Story;
|
|
10
|
+
export declare const ErrorState: Story;
|
|
11
|
+
export declare const DisabledState: Story;
|
|
12
|
+
export declare const FormExample: Story;
|
|
13
|
+
export declare const AllStates: Story;
|
|
14
|
+
export declare const UseCases: Story;
|
|
15
|
+
export declare const AccessibilityExample: Story;
|
|
16
|
+
export declare const LabelClickFocusesInput: Story;
|
|
17
|
+
//# sourceMappingURL=label.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/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,KAIrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiEzB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiDvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwFtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA8ElC,CAAA;AAGD,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import * as React
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
declare const LevelDot: React$1.FC<{
|
|
5
|
-
level: string;
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export declare const LevelDot: React.FC<{
|
|
3
|
+
level: string;
|
|
6
4
|
}>;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { LevelDot };
|
|
9
5
|
//# sourceMappingURL=level-dot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"level-dot.d.ts","
|
|
1
|
+
{"version":3,"file":"level-dot.d.ts","sourceRoot":"","sources":["../../../src/components/ui/level-dot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAenC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAEhD,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { LevelDot } from './level-dot';
|
|
3
|
+
declare const meta: Meta<typeof LevelDot>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Info: Story;
|
|
7
|
+
export declare const Trace: Story;
|
|
8
|
+
export declare const Debug: Story;
|
|
9
|
+
export declare const ErrorLevel: Story;
|
|
10
|
+
export declare const Fatal: Story;
|
|
11
|
+
export declare const Warn: Story;
|
|
12
|
+
export declare const AllVariants: Story;
|
|
13
|
+
export declare const WithLabels: Story;
|
|
14
|
+
export declare const LogLevelIndicators: Story;
|
|
15
|
+
export declare const UseCases: Story;
|
|
16
|
+
export declare const AccessibilityExample: Story;
|
|
17
|
+
export declare const CompactList: Story;
|
|
18
|
+
export declare const AllLevelsRender: Story;
|
|
19
|
+
//# sourceMappingURL=level-dot.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"level-dot.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/level-dot.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA0B/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+EzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAkDhC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA+EtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA8BlC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAA"}
|
|
@@ -1,37 +1,33 @@
|
|
|
1
|
-
import { FC, ReactNode } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
value: string | ReactNode;
|
|
7
|
-
highlighted?: boolean;
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
export interface PanelDetailItemProps {
|
|
3
|
+
label: string | ReactNode;
|
|
4
|
+
value: string | ReactNode;
|
|
5
|
+
highlighted?: boolean;
|
|
8
6
|
}
|
|
9
|
-
interface PanelAction {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
export interface PanelAction {
|
|
8
|
+
active?: boolean;
|
|
9
|
+
icon: ReactNode;
|
|
10
|
+
onClick: () => void;
|
|
11
|
+
label?: string;
|
|
14
12
|
}
|
|
15
|
-
interface PanelProps {
|
|
16
|
-
'data-testid'?: string;
|
|
17
|
-
title?: ReactNode;
|
|
18
|
-
subtitle?: ReactNode;
|
|
19
|
-
details?: PanelDetailItemProps[];
|
|
20
|
-
actions?: PanelAction[];
|
|
21
|
-
className?: string;
|
|
22
|
-
children?: ReactNode;
|
|
23
|
-
size?: 'sm' | 'md';
|
|
24
|
-
variant?: 'default' | 'outlined' | 'filled' | 'ghost';
|
|
25
|
-
tabs?: {
|
|
26
|
-
label: string;
|
|
27
|
-
labelComponent?: ReactNode;
|
|
28
|
-
content: ReactNode;
|
|
13
|
+
export interface PanelProps {
|
|
29
14
|
'data-testid'?: string;
|
|
30
|
-
|
|
31
|
-
|
|
15
|
+
title?: ReactNode;
|
|
16
|
+
subtitle?: ReactNode;
|
|
17
|
+
details?: PanelDetailItemProps[];
|
|
18
|
+
actions?: PanelAction[];
|
|
19
|
+
className?: string;
|
|
20
|
+
children?: ReactNode;
|
|
21
|
+
size?: 'sm' | 'md';
|
|
22
|
+
variant?: 'default' | 'outlined' | 'filled' | 'ghost';
|
|
23
|
+
tabs?: {
|
|
24
|
+
label: string;
|
|
25
|
+
labelComponent?: ReactNode;
|
|
26
|
+
content: ReactNode;
|
|
27
|
+
'data-testid'?: string;
|
|
28
|
+
}[];
|
|
29
|
+
contentClassName?: string;
|
|
32
30
|
}
|
|
33
|
-
declare const PanelDetailItem: FC<PanelDetailItemProps>;
|
|
34
|
-
declare const Panel: FC<PanelProps>;
|
|
35
|
-
//#endregion
|
|
36
|
-
export { Panel, PanelAction, PanelDetailItem, PanelDetailItemProps, PanelProps };
|
|
31
|
+
export declare const PanelDetailItem: FC<PanelDetailItemProps>;
|
|
32
|
+
export declare const Panel: FC<PanelProps>;
|
|
37
33
|
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.d.ts","
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAMxD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,UAAU;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;IACrD,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,cAAc,CAAC,EAAE,SAAS,CAAA;QAC1B,OAAO,EAAE,SAAS,CAAA;QAClB,aAAa,CAAC,EAAE,MAAM,CAAA;KACvB,EAAE,CAAA;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AASD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiBpD,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6HhC,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Panel } from './panel';
|
|
3
|
+
declare const meta: Meta<typeof Panel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const VariantDefault: Story;
|
|
7
|
+
export declare const VariantOutlined: Story;
|
|
8
|
+
export declare const VariantFilled: Story;
|
|
9
|
+
export declare const VariantGhost: Story;
|
|
10
|
+
export declare const SizeComparison: Story;
|
|
11
|
+
export declare const VariantGrid: Story;
|
|
12
|
+
export declare const WithTabs: Story;
|
|
13
|
+
export declare const SimpleTabs: Story;
|
|
14
|
+
export declare const LogDetails: Story;
|
|
15
|
+
export declare const BasicPanel: Story;
|
|
16
|
+
export declare const SimplePanel: Story;
|
|
17
|
+
export declare const WithoutActions: Story;
|
|
18
|
+
export declare const WithCustomContent: Story;
|
|
19
|
+
export declare const WithChildren: Story;
|
|
20
|
+
export declare const TabsWithCustomLabels: Story;
|
|
21
|
+
export declare const WithCustomContentClassName: Story;
|
|
22
|
+
export declare const ActionButtonClick: Story;
|
|
23
|
+
export declare const TabSwitching: Story;
|
|
24
|
+
//# sourceMappingURL=panel.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8D5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwJtB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA8ExB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAwCxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAsE1B,CAAA;AAGD,eAAO,MAAM,oBAAoB,EAAE,KA4ClC,CAAA;AAGD,eAAO,MAAM,0BAA0B,EAAE,KAYxC,CAAA;AAGD,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
declare const
|
|
6
|
-
declare const
|
|
7
|
-
declare const
|
|
8
|
-
declare const
|
|
9
|
-
declare const
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
4
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
|
|
12
14
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAiBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAWxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAW1B,CAAA;AAGF,QAAA,MAAM,aAAa,8JA6BjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JAKf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKAKnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select } from './select';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithGroups: Story;
|
|
8
|
+
export declare const WithDisabledItems: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const Controlled: Story;
|
|
11
|
+
export declare const AllVariants: Story;
|
|
12
|
+
export declare const UseCases: Story;
|
|
13
|
+
export declare const FormExample: Story;
|
|
14
|
+
export declare const AccessibilityExample: Story;
|
|
15
|
+
export declare const SelectOption: Story;
|
|
16
|
+
export declare const KeyboardNavigation: Story;
|
|
17
|
+
export declare const LongList: Story;
|
|
18
|
+
//# sourceMappingURL=select.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EACL,MAAM,EAQP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAwC7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuGzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAyHtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA4GzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgHlC,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA2NtB,CAAA"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import { PropsWithChildren } from
|
|
2
|
-
|
|
3
|
-
//#region src/components/ui/side-panel-detail.d.ts
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
4
2
|
type ItemProps = PropsWithChildren<{
|
|
5
|
-
|
|
3
|
+
title: string;
|
|
6
4
|
}>;
|
|
7
|
-
declare const SidePanelDetail: React.FC<PropsWithChildren>;
|
|
8
|
-
declare const SidePanelDetailItem: React.FC<ItemProps>;
|
|
9
|
-
|
|
10
|
-
export { SidePanelDetail, SidePanelDetailItem };
|
|
5
|
+
export declare const SidePanelDetail: React.FC<PropsWithChildren>;
|
|
6
|
+
export declare const SidePanelDetailItem: React.FC<ItemProps>;
|
|
7
|
+
export {};
|
|
11
8
|
//# sourceMappingURL=side-panel-detail.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel-detail.d.ts","
|
|
1
|
+
{"version":3,"file":"side-panel-detail.d.ts","sourceRoot":"","sources":["../../../src/components/ui/side-panel-detail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEvD,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAOnD,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SidePanelDetail } from './side-panel-detail';
|
|
3
|
+
declare const meta: Meta<typeof SidePanelDetail>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithRichContent: Story;
|
|
8
|
+
export declare const InSidePanel: Story;
|
|
9
|
+
export declare const UseCases: Story;
|
|
10
|
+
export declare const AccessibilityExample: Story;
|
|
11
|
+
export declare const SemanticTableStructure: Story;
|
|
12
|
+
//# sourceMappingURL=side-panel-detail.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-detail.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/side-panel-detail.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAE1E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAoBtC,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,eAAe,EAAE,KAyB7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqDtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAwDlC,CAAA;AAGD,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { FC } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
icon: React.ReactNode;
|
|
7
|
-
onClick: () => void;
|
|
8
|
-
label?: string;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface PanelDetailItem {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string | React.ReactNode;
|
|
5
|
+
highlighted?: boolean;
|
|
9
6
|
}
|
|
10
|
-
interface
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
className?: string;
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
onClose?: () => void;
|
|
7
|
+
export interface PanelAction {
|
|
8
|
+
icon: React.ReactNode;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
label?: string;
|
|
17
11
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
export interface PanelProps {
|
|
13
|
+
title: string;
|
|
14
|
+
subtitle?: string;
|
|
15
|
+
actions?: PanelAction[];
|
|
16
|
+
className?: string;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
onClose?: () => void;
|
|
19
|
+
}
|
|
20
|
+
export declare const SidePanel: FC<PanelProps>;
|
|
21
21
|
//# sourceMappingURL=side-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel.d.ts","
|
|
1
|
+
{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/side-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAmCpC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SidePanel } from './side-panel';
|
|
3
|
+
declare const meta: Meta<typeof SidePanel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithActions: Story;
|
|
8
|
+
export declare const WithRichContent: Story;
|
|
9
|
+
export declare const UseCases: Story;
|
|
10
|
+
export declare const AccessibilityExample: Story;
|
|
11
|
+
export declare const CloseButtonClick: Story;
|
|
12
|
+
export declare const ActionButtonsClick: Story;
|
|
13
|
+
//# sourceMappingURL=side-panel.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/side-panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuChC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+DzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAsF7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsHtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAqFlC,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA2BhC,CAAA"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
initialWidth?: number;
|
|
9
|
-
containerId?: string;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { PanelProps } from './panel';
|
|
3
|
+
export declare const APP_SIDEBAR_CONTAINER_ID = "app-sidebar-container";
|
|
4
|
+
export type SidebarProps = PanelProps & {
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
initialWidth?: number;
|
|
7
|
+
containerId?: string;
|
|
10
8
|
};
|
|
11
|
-
declare const Sidebar: FC<SidebarProps>;
|
|
12
|
-
//#endregion
|
|
13
|
-
export { APP_SIDEBAR_CONTAINER_ID, Sidebar };
|
|
9
|
+
export declare const Sidebar: FC<SidebarProps>;
|
|
14
10
|
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.d.ts","
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,wBAAwB,0BAA0B,CAAA;AAI/D,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA8CpC,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Sidebar } from './sidebar';
|
|
3
|
+
declare const meta: Meta<typeof Sidebar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithInitialWidth: Story;
|
|
8
|
+
export declare const NarrowWidth: Story;
|
|
9
|
+
export declare const AllVariants: Story;
|
|
10
|
+
export declare const UseCases: Story;
|
|
11
|
+
export declare const MultipleSidebars: Story;
|
|
12
|
+
export declare const AccessibilityExample: Story;
|
|
13
|
+
export declare const SidebarRenderTest: Story;
|
|
14
|
+
//# sourceMappingURL=sidebar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAA4B,OAAO,EAAE,MAAM,WAAW,CAAA;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiD9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA4BlC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA4B9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyDzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAuMD,eAAO,MAAM,gBAAgB,EAAE,KAmD9B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA2DlC,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAA"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
|
|
3
|
-
//#region src/components/ui/table.d.ts
|
|
1
|
+
import { default as React } from 'react';
|
|
4
2
|
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
5
3
|
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
6
4
|
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
7
6
|
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
8
7
|
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
9
8
|
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
10
|
-
|
|
11
|
-
export { Table, TableBody,
|
|
9
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
10
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
|
|
12
11
|
//# sourceMappingURL=table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAA,MAAM,KAAK,iHAMV,CAAA;AAGD,QAAA,MAAM,WAAW,+HAEhB,CAAA;AAGD,QAAA,MAAM,SAAS,+HAId,CAAA;AAGD,QAAA,MAAM,WAAW,+HAIhB,CAAA;AAGD,QAAA,MAAM,QAAQ,uHAQb,CAAA;AAGD,QAAA,MAAM,SAAS,2HAWd,CAAA;AAGD,QAAA,MAAM,SAAS,2HAQd,CAAA;AAGD,QAAA,MAAM,YAAY,+HAIjB,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|