fis-component 0.0.22 → 0.0.23

package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts

@@ -1,4 +1,4 @@
 import { Meta } from "@storybook/react";
 declare const _default: Meta;
 export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./index").AvatarProps>;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;

package/dist/esm/types/src/components/{GroupButton/GroupButton.stories.d.ts → ButtonGroup/ButtonGroup.stories.d.ts}

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import FISGroupButton from ".";
-declare const meta: Meta<typeof FISGroupButton>;
+import FISButtonGroup from ".";
+declare const meta: Meta<typeof FISButtonGroup>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/{cjs/types/src/components/GroupButton → esm/types/src/components/ButtonGroup}/index.d.ts

@@ -28,5 +28,5 @@ export interface GroupButtonProps {
     /** List of button options */
     options: ButtonOption[];
 }
-declare const FISGroupButton: React.FC<GroupButtonProps>;
-export default FISGroupButton;
+declare const FISButtonGroup: React.FC<GroupButtonProps>;
+export default FISButtonGroup;

package/dist/esm/types/src/components/{GroupRadio → RadioGroup}/index.d.ts

@@ -16,6 +16,6 @@ type RadioGroupProps<T extends Value> = {
     onFocus?: () => void;
     onBlur?: () => void;
 };
-declare function RadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-export default RadioGroup;
+declare function FISRadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export default FISRadioGroup;
 export type { RadioGroupProps };

package/dist/esm/types/src/index.d.ts

@@ -3,10 +3,12 @@ export type { ThemeType } from "./styles/design-system";
 export { default as FISButton } from "./components/Button";
 export { default as FISLinkButton } from "./components/LinkButton";
 export { default as FISIconButton } from "./components/IconButton";
-export { default as FISGroupButton } from "./components/GroupButton";
+export { default as FISButtonGroup } from "./components/ButtonGroup";
 export { default as FISBreadcrumb } from "./components/Breadcrumb";
 export { default as FISRadio } from "./components/Radio";
+export { default as FISRadioGroup } from "./components/RadioGroup";
 export { default as FISCheckbox } from "./components/Checkbox";
+export { default as FISCheckboxGroup } from "./components/CheckboxGroup";
 export { default as FISInputField } from "./components/Input/InputField";
 export { default as FISInputText } from "./components/Input/InputText";
 export { default as FISInputLabel } from "./components/Input/InputLabel";

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, JSX } from 'react';
 import { DefaultTheme } from 'styled-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ThemeProviderProps {
     theme?: DefaultTheme;
@@ -2827,7 +2828,7 @@ interface GroupButtonProps {
     /** List of button options */
     options: ButtonOption[];
 }
-declare const FISGroupButton: React__default.FC<GroupButtonProps>;
+declare const FISButtonGroup: React__default.FC<GroupButtonProps>;
 
 interface BreadcrumbItemProps extends ComponentPropsWithoutRef<"button"> {
     icon?: React__default.ReactNode;
@@ -2860,6 +2861,26 @@ declare const FISRadio: React__default.ForwardRefExoticComponent<Omit<Omit<React
     inputRef?: Ref<HTMLInputElement>;
 } & React__default.RefAttributes<HTMLLabelElement>>;
 
+type Value$1 = string | number;
+type Option$1<T> = {
+    value: T;
+    label: string;
+};
+type RadioGroupProps<T extends Value$1> = {
+    className?: string;
+    groupLabel: string;
+    options: Option$1<T>[] | readonly Option$1<T>[];
+    value: T | null;
+    direction?: "row" | "column";
+    name?: string;
+    disabled?: boolean;
+    getOptionDisabled?: (option: Option$1<T>) => boolean;
+    onChange: (nextValue: T) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function FISRadioGroup<T extends Value$1>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): react_jsx_runtime.JSX.Element;
+
 type CheckboxSize = "sm" | "md";
 type CheckboxVariant = "primary" | "secondary" | "tertiary";
 declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
@@ -2885,6 +2906,25 @@ declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<React__
     inputRef?: Ref<HTMLInputElement>;
 } & React__default.RefAttributes<HTMLLabelElement>>;
 
+type Value = string | number;
+type Option<T> = {
+    value: T;
+    label: string;
+};
+type CheckboxGroupProps<T extends Value> = {
+    className?: string;
+    groupLabel: string;
+    options: Option<T>[] | readonly Option<T>[];
+    value: T[];
+    direction?: "row" | "column";
+    disabled?: boolean;
+    getOptionDisabled?: (option: Option<T>) => boolean;
+    onChange: (nextValue: T[]) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function FISCheckboxGroup<T extends Value>({ className, groupLabel, options, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>): react_jsx_runtime.JSX.Element;
+
 type InputTypeSuffix = "icon" | "suffix" | "dropdown";
 type InputSize$2 = "md" | "lg";
 interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
@@ -3006,4 +3046,4 @@ interface InputStepperProps extends Omit<React__default.ComponentPropsWithoutRef
 }
 declare const FISInputStepper: React__default.ForwardRefExoticComponent<InputStepperProps & React__default.RefAttributes<HTMLInputElement>>;
 
-export { FISAvatar, FISBreadcrumb, FISButton, FISCheckbox, FISGroupButton, FISIconButton, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISLinkButton, FISRadio, FISTextArea, FISThemeProvider, type ThemeType };
+export { FISAvatar, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISIconButton, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISLinkButton, FISRadio, FISRadioGroup, FISTextArea, FISThemeProvider, type ThemeType };

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://vietdiemtran.github.io/fis-component/",
   "name": "fis-component",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",