@mriqbox/ui-kit 3.7.0 → 4.0.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/bin/cli.js CHANGED
@@ -17,6 +17,7 @@ const BASE_PREFIX = 'https://raw.githubusercontent.com/mri-Qbox-Brasil/mri-ui-ki
17
17
 
18
18
  const COMPONENT_MAP = {
19
19
  // Atoms
20
+ 'MriAvatar': 'atoms',
20
21
  'MriBadge': 'atoms',
21
22
  'MriSkeleton': 'atoms',
22
23
  'MriSpinner': 'atoms',
@@ -29,6 +30,7 @@ const COMPONENT_MAP = {
29
30
  'mri-button-variants': 'atoms',
30
31
 
31
32
  // Molecules
33
+ 'MriAccordion': 'molecules',
32
34
  'MriActionButton': 'molecules',
33
35
  'MriActionDropdown': 'molecules',
34
36
  'MriActionModal': 'molecules',
@@ -180,7 +182,7 @@ async function checkDependencies(filePath, installDir) {
180
182
  program
181
183
  .name('mri-ui')
182
184
  .description('Add Mri UI components to your project')
183
- .version('3.7.0');
185
+ .version('4.0.0');
184
186
 
185
187
  program
186
188
  .command('add <component>')
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
+ declare const MriAvatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
4
+ declare const MriAvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
5
+ declare const MriAvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
6
+ export { MriAvatar, MriAvatarImage, MriAvatarFallback };
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriAvatar } from './MriAvatar';
3
+
4
+ declare const meta: Meta<typeof MriAvatar>;
5
+ export default meta;
6
+ export declare const WithImage: StoryObj;
7
+ export declare const FallbackOnly: StoryObj;
8
+ export declare const Sizes: StoryObj;
9
+ export declare const Group: StoryObj;
@@ -1,4 +1,4 @@
1
1
  export declare const mriButtonVariants: (props?: ({
2
- variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
2
+ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
3
3
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
4
4
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import * as AccordionPrimitive from "@radix-ui/react-accordion";
3
+ declare const MriAccordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
4
+ declare const MriAccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const MriAccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const MriAccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export { MriAccordion, MriAccordionItem, MriAccordionTrigger, MriAccordionContent };
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MriAccordion } from './MriAccordion';
3
+
4
+ declare const meta: Meta<typeof MriAccordion>;
5
+ export default meta;
6
+ export declare const Single: StoryObj;
7
+ export declare const Multiple: StoryObj;
8
+ export declare const DefaultOpen: StoryObj;
@@ -5,7 +5,7 @@ declare const MriCommand: React.ForwardRefExoticComponent<Omit<{
5
5
  ref?: React.Ref<HTMLDivElement>;
6
6
  } & {
7
7
  asChild?: boolean;
8
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
8
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
9
9
  label?: string;
10
10
  shouldFilter?: boolean;
11
11
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -20,7 +20,7 @@ declare const MriCommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pi
20
20
  ref?: React.Ref<HTMLInputElement>;
21
21
  } & {
22
22
  asChild?: boolean;
23
- }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
23
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
24
24
  value?: string;
25
25
  onValueChange?: (search: string) => void;
26
26
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -30,7 +30,7 @@ declare const MriCommandList: React.ForwardRefExoticComponent<Omit<{
30
30
  ref?: React.Ref<HTMLDivElement>;
31
31
  } & {
32
32
  asChild?: boolean;
33
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
33
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
34
34
  label?: string;
35
35
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
36
  declare const MriCommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -39,14 +39,14 @@ declare const MriCommandEmpty: React.ForwardRefExoticComponent<Omit<{
39
39
  ref?: React.Ref<HTMLDivElement>;
40
40
  } & {
41
41
  asChild?: boolean;
42
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
42
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
43
43
  declare const MriCommandGroup: React.ForwardRefExoticComponent<Omit<{
44
44
  children?: React.ReactNode;
45
45
  } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
46
46
  ref?: React.Ref<HTMLDivElement>;
47
47
  } & {
48
48
  asChild?: boolean;
49
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
49
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
50
50
  heading?: React.ReactNode;
51
51
  value?: string;
52
52
  forceMount?: boolean;
@@ -55,7 +55,7 @@ declare const MriCommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pic
55
55
  ref?: React.Ref<HTMLDivElement>;
56
56
  } & {
57
57
  asChild?: boolean;
58
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
58
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
59
59
  alwaysRender?: boolean;
60
60
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
61
61
  declare const MriCommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -64,7 +64,7 @@ declare const MriCommandItem: React.ForwardRefExoticComponent<Omit<{
64
64
  ref?: React.Ref<HTMLDivElement>;
65
65
  } & {
66
66
  asChild?: boolean;
67
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
67
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
68
68
  disabled?: boolean;
69
69
  onSelect?: (value: string) => void;
70
70
  value?: string;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
 
2
+ export * from './components/atoms/MriAvatar';
2
3
  export * from './components/atoms/MriBadge';
3
4
  export * from './components/atoms/MriButton';
4
5
  export * from './components/atoms/MriIcons';
@@ -8,6 +9,7 @@ export * from './components/atoms/MriStatusBadge';
8
9
  export * from './components/atoms/mri-badge-variants';
9
10
  export * from './components/atoms/mri-button-variants';
10
11
  export * from './components/atoms/MriSpinner';
12
+ export * from './components/molecules/MriAccordion';
11
13
  export * from './components/molecules/MriButtonGroup';
12
14
  export * from './components/molecules/MriCard';
13
15
  export * from './components/molecules/MriCompactSearch';