w-design-system 0.0.72 → 0.0.73

package/dist/components/CountryStateSelector/index.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { SelectRef } from '../Select';
+import React from 'react';
+export interface CountryState {
+    id: number;
+    name: string;
+    abbreviation: string;
+}
+export interface CountryStateSelectProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    label?: string;
+    leftIcon?: ReactNode;
+    onOptionChange?: (option: CountryState | null) => void;
+    selectedOption?: CountryState | null;
+    placeholder?: string;
+    rightIcon?: ReactNode;
+    value?: string;
+    dropDownTop?: boolean;
+    dropDownWidth?: string;
+    disableSearch?: boolean;
+    dropDownMaxHeight?: string;
+    allStatesOption?: boolean;
+    /** array of abbreviations of states that will be visible in the select */
+    validStates?: string[];
+}
+export declare const CountryStateSelect: (props: PropsWithChildren<CountryStateSelectProps> & {
+    ref?: React.ForwardedRef<SelectRef>;
+}) => React.ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CountryStateSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AACzF,OAAO,EAAuB,SAAS,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;IACtD,cAAc,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAsFD,eAAO,MAAM,kBAAkB,EAA8C,CAC3E,KAAK,EAAE,iBAAiB,CAAC,uBAAuB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;CAAE,KACxF,KAAK,CAAC,YAAY,CAAA"}

package/dist/components/CountryStateSelector/index.js

@@ -0,0 +1,87 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useMemo, forwardRef } from 'react';
+import { Select } from '../Select';
+import React from 'react';
+const CountryStateSelectFowardRef = (_a, ref) => {
+    var _b;
+    var { children, allStatesOption, validStates } = _a, props = __rest(_a, ["children", "allStatesOption", "validStates"]);
+    const allStatesOptionValue = allStatesOption !== false;
+    const countryStates = useMemo(() => {
+        const base = [
+            { id: 1, name: 'Acre', abbreviation: 'AC' },
+            { id: 2, name: 'Alagoas', abbreviation: 'AL' },
+            { id: 3, name: 'Amapá', abbreviation: 'AP' },
+            { id: 4, name: 'Amazonas', abbreviation: 'AM' },
+            { id: 5, name: 'Bahia', abbreviation: 'BA' },
+            { id: 6, name: 'Ceará', abbreviation: 'CE' },
+            { id: 7, name: 'Espírito Santo', abbreviation: 'ES' },
+            { id: 8, name: 'Goiás', abbreviation: 'GO' },
+            { id: 9, name: 'Maranhão', abbreviation: 'MA' },
+            { id: 10, name: 'Mato Grosso', abbreviation: 'MT' },
+            { id: 11, name: 'Mato Grosso do Sul', abbreviation: 'MS' },
+            { id: 12, name: 'Minas Gerais', abbreviation: 'MG' },
+            { id: 13, name: 'Pará', abbreviation: 'PA' },
+            { id: 14, name: 'Paraíba', abbreviation: 'PB' },
+            { id: 15, name: 'Paraná', abbreviation: 'PR' },
+            { id: 16, name: 'Pernambuco', abbreviation: 'PE' },
+            { id: 17, name: 'Piauí', abbreviation: 'PI' },
+            { id: 18, name: 'Rio de Janeiro', abbreviation: 'RJ' },
+            { id: 19, name: 'Rio Grande do Norte', abbreviation: 'RN' },
+            { id: 20, name: 'Rio Grande do Sul', abbreviation: 'RS' },
+            { id: 21, name: 'Rondônia', abbreviation: 'RO' },
+            { id: 22, name: 'Roraima', abbreviation: 'RR' },
+            { id: 23, name: 'Santa Catarina', abbreviation: 'SC' },
+            { id: 24, name: 'São Paulo', abbreviation: 'SP' },
+            { id: 25, name: 'Sergipe', abbreviation: 'SE' },
+            { id: 26, name: 'Tocantins', abbreviation: 'TO' },
+            { id: 27, name: 'Distrito Federal', abbreviation: 'DF' },
+        ];
+        if (!validStates)
+            return base;
+        return base.filter(state => validStates.includes(state.abbreviation));
+    }, [validStates]);
+    const countrysStateOptions = allStatesOptionValue
+        ? [{ id: 0, name: 'Todos os estados', abbreviation: 'BR' }, ...countryStates]
+        : countryStates;
+    const selectProps = Object.assign(Object.assign({}, props), { placeholder: (_b = props.placeholder) !== null && _b !== void 0 ? _b : 'Estado', options: countrysStateOptions.map(countryState => {
+            return {
+                id: countryState.id,
+                text: countryState.name,
+                countryState,
+            };
+        }), onOptionChange: option => {
+            var _a;
+            if (props.onOptionChange) {
+                if (allStatesOption && !option) {
+                    props.onOptionChange({
+                        id: 0,
+                        name: 'Todos os estados',
+                        abbreviation: 'BR',
+                    });
+                    return;
+                }
+                else {
+                    props.onOptionChange((_a = option === null || option === void 0 ? void 0 : option.countryState) !== null && _a !== void 0 ? _a : null);
+                }
+            }
+        }, selectedOption: props.selectedOption
+            ? {
+                id: props.selectedOption.id,
+                text: props.selectedOption.name,
+                countryState: props.selectedOption,
+            }
+            : null });
+    return (React.createElement(Select, Object.assign({}, selectProps, { ref: ref }), children));
+};
+export const CountryStateSelect = forwardRef(CountryStateSelectFowardRef);
+//# sourceMappingURL=index.js.map

package/dist/components/CountryStateSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/CountryStateSelector/stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CountryStateSelect } from './index';
+declare const meta: Meta<typeof CountryStateSelect>;
+export default meta;
+type Story = StoryObj<typeof CountryStateSelect>;
+export declare const Default: Story;
+export declare const OnlySudesteRegion: Story;
+export declare const OnlySulRegion: Story;
+export declare const OnlySulRegionWithoutAllOption: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/CountryStateSelector/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AAGrE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAaC,CAAA;AAE3C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAehD,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAA;AAID,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAA;AAGD,eAAO,MAAM,6BAA6B,EAAE,KAU3C,CAAA"}

package/dist/components/CountryStateSelector/stories.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { CountryStateSelect } from './index';
+import React from 'react';
+const meta = {
+    title: 'Components/CountryStateSelect',
+    component: CountryStateSelect,
+    tags: ['autodocs'],
+    argTypes: {
+        placeholder: { control: 'text' },
+        label: { control: 'text' },
+        disabled: { control: 'boolean' },
+        selectedOption: { control: 'number' },
+        onOptionChange: { action: 'selectedOptionChange' },
+        dropDownTop: { control: 'boolean' },
+        allStatesOption: { control: 'boolean' },
+    },
+};
+export default meta;
+const ComponentWrapper = (_a) => {
+    var args = __rest(_a, []);
+    const [selectedOption, setSelectOption] = React.useState(null);
+    return (React.createElement(CountryStateSelect, Object.assign({}, args, { selectedOption: selectedOption, onOptionChange: option => setSelectOption(option) })));
+};
+export const Default = {
+    render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder" }))),
+};
+export const OnlySudesteRegion = {
+    render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", validStates: ['SP', 'RJ', 'MG', 'ES'] }))),
+};
+export const OnlySulRegion = {
+    render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", validStates: ['PR', 'SC', 'RS'] }))),
+};
+export const OnlySulRegionWithoutAllOption = {
+    render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", validStates: ['PR', 'SC', 'RS'], allStatesOption: false }))),
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/CountryStateSelector/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACxC;CACwC,CAAA;AAE3C,eAAe,IAAI,CAAA;AAInB,MAAM,gBAAgB,GAAG,CAAC,EAAoC,EAAE,EAAE;QAAnC,IAAI,cAAT,EAAW,CAAF;IACjC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA4C,IAAI,CAAC,CAAA;IAEzG,OAAO,CACL,oBAAC,kBAAkB,oBACb,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,IACjD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,IACzB,CACH;CACF,CAAA;AAID,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IACrC,CACH;CACF,CAAA;AAID,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAC/B,CACH;CACF,CAAA;AAGD,MAAM,CAAC,MAAM,6BAA6B,GAAU;IAClD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAC/B,eAAe,EAAE,KAAK,IACtB,CACH;CACF,CAAA"}

package/dist/components/Types/index.d.ts

@@ -1,11 +1,12 @@
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+export type { CountryState, CountryStateSelectProps } from '../CountryStateSelector';
 export type { DatePickerProps } from '../DatePicker';
 export type { DateRangePickerProps } from '../DateRangePicker';
+export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect';
 export type { PaginateProps } from '../Paginate';
+export type { Portal, PortalSelectProps } from '../PortalSelect';
 export type { SelectProps, SelectRef } from '../Select';
-export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect';
-export type { PortalSelectProps, Portal } from '../PortalSelect';
-export type { SidebarGroupData, SidebarItemData, SidebarLayoutItemTypeGroup, SidebarLayoutItemTypeItem, SidebarLayoutItemTypeSpacer, SidebarProps, } from '../Sidebar';
+export type { SidebarGroupData, SidebarItemData, SidebarLayoutItemTypeGroup, SidebarLayoutItemTypeItem, SidebarLayoutItemTypeSpacer, SidebarProps } from '../Sidebar';
 type ColorsVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'gray' | 'warning' | 'yellow';
 type ColorsVariantBanner = 'notice' | 'success' | 'danger' | 'warning';
 export interface ButtonTypes extends ButtonHTMLAttributes<HTMLButtonElement> {

package/dist/components/Types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACvD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACtE,YAAY,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAChE,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,YAAY,GACb,MAAM,YAAY,CAAA;AACnB,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACnG,KAAK,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEtE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AACpF,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAChE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACvD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,YAAY,EACb,MAAM,YAAY,CAAA;AACnB,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACnG,KAAK,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AACtE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C"}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { Paragraph } from './components/Paragraph/index';
 export { Select } from './components/Select/index';
 export { MultiSelect } from './components/MultiSelect/index';
 export { PortalSelect } from './components/PortalSelect/index';
+export { CountryStateSelect } from './components/CountryStateSelector/index';
 export { Sidebar } from './components/Sidebar/index';
 export { Table } from './components/Table/index';
 export { Tabs } from './components/Tabs/index';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}

package/dist/index.js

@@ -12,6 +12,7 @@ export { Paragraph } from './components/Paragraph/index';
 export { Select } from './components/Select/index';
 export { MultiSelect } from './components/MultiSelect/index';
 export { PortalSelect } from './components/PortalSelect/index';
+export { CountryStateSelect } from './components/CountryStateSelector/index';
 export { Sidebar } from './components/Sidebar/index';
 export { Table } from './components/Table/index';
 export { Tabs } from './components/Tabs/index';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-design-system",
-  "version": "0.0.72",
+  "version": "0.0.73",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {

package/src/components/CountryStateSelector/index.tsx

@@ -0,0 +1,115 @@
+import { useMemo, HTMLAttributes, PropsWithChildren, ReactNode, forwardRef } from 'react'
+import { Select, SelectProps, SelectRef } from '../Select'
+import React from 'react'
+
+export interface CountryState {
+  id: number
+  name: string
+  abbreviation: string
+}
+
+export interface CountryStateSelectProps extends HTMLAttributes<HTMLDivElement> {
+  disabled?: boolean
+  label?: string
+  leftIcon?: ReactNode
+  onOptionChange?: (option: CountryState | null) => void
+  selectedOption?: CountryState | null
+  placeholder?: string
+  rightIcon?: ReactNode
+  value?: string
+  dropDownTop?: boolean
+  dropDownWidth?: string
+  disableSearch?: boolean
+  dropDownMaxHeight?: string
+  allStatesOption?: boolean
+  /** array of abbreviations of states that will be visible in the select */
+  validStates?: string[]
+}
+
+const CountryStateSelectFowardRef = (
+  { children, allStatesOption, validStates, ...props }: PropsWithChildren<CountryStateSelectProps>,
+  ref: React.ForwardedRef<SelectRef>,
+) => {
+  const allStatesOptionValue = allStatesOption !== false
+
+  const countryStates = useMemo(() => {
+    const base = [
+      { id: 1, name: 'Acre', abbreviation: 'AC' },
+      { id: 2, name: 'Alagoas', abbreviation: 'AL' },
+      { id: 3, name: 'Amapá', abbreviation: 'AP' },
+      { id: 4, name: 'Amazonas', abbreviation: 'AM' },
+      { id: 5, name: 'Bahia', abbreviation: 'BA' },
+      { id: 6, name: 'Ceará', abbreviation: 'CE' },
+      { id: 7, name: 'Espírito Santo', abbreviation: 'ES' },
+      { id: 8, name: 'Goiás', abbreviation: 'GO' },
+      { id: 9, name: 'Maranhão', abbreviation: 'MA' },
+      { id: 10, name: 'Mato Grosso', abbreviation: 'MT' },
+      { id: 11, name: 'Mato Grosso do Sul', abbreviation: 'MS' },
+      { id: 12, name: 'Minas Gerais', abbreviation: 'MG' },
+      { id: 13, name: 'Pará', abbreviation: 'PA' },
+      { id: 14, name: 'Paraíba', abbreviation: 'PB' },
+      { id: 15, name: 'Paraná', abbreviation: 'PR' },
+      { id: 16, name: 'Pernambuco', abbreviation: 'PE' },
+      { id: 17, name: 'Piauí', abbreviation: 'PI' },
+      { id: 18, name: 'Rio de Janeiro', abbreviation: 'RJ' },
+      { id: 19, name: 'Rio Grande do Norte', abbreviation: 'RN' },
+      { id: 20, name: 'Rio Grande do Sul', abbreviation: 'RS' },
+      { id: 21, name: 'Rondônia', abbreviation: 'RO' },
+      { id: 22, name: 'Roraima', abbreviation: 'RR' },
+      { id: 23, name: 'Santa Catarina', abbreviation: 'SC' },
+      { id: 24, name: 'São Paulo', abbreviation: 'SP' },
+      { id: 25, name: 'Sergipe', abbreviation: 'SE' },
+      { id: 26, name: 'Tocantins', abbreviation: 'TO' },
+      { id: 27, name: 'Distrito Federal', abbreviation: 'DF' },
+    ]
+    if (!validStates) return base
+    return base.filter(state => validStates.includes(state.abbreviation))
+  }, [validStates])
+
+  const countrysStateOptions = allStatesOptionValue
+    ? [{ id: 0, name: 'Todos os estados', abbreviation: 'BR' }, ...countryStates]
+    : countryStates
+
+  const selectProps: SelectProps<{ text: string; id: number; countryState: CountryState }> = {
+    ...props,
+    placeholder: props.placeholder ?? 'Estado',
+    options: countrysStateOptions.map(countryState => {
+      return {
+        id: countryState.id,
+        text: countryState.name,
+        countryState,
+      }
+    }),
+    onOptionChange: option => {
+      if (props.onOptionChange) {
+        if (allStatesOption && !option) {
+          props.onOptionChange({
+            id: 0,
+            name: 'Todos os estados',
+            abbreviation: 'BR',
+          })
+          return
+        } else {
+          props.onOptionChange(option?.countryState ?? null)
+        }
+      }
+    },
+    selectedOption: props.selectedOption
+      ? {
+          id: props.selectedOption.id,
+          text: props.selectedOption.name,
+          countryState: props.selectedOption,
+        }
+      : null,
+  }
+
+  return (
+    <Select {...selectProps} ref={ref}>
+      {children}
+    </Select>
+  )
+}
+
+export const CountryStateSelect = forwardRef(CountryStateSelectFowardRef) as (
+  props: PropsWithChildren<CountryStateSelectProps> & { ref?: React.ForwardedRef<SelectRef> },
+) => React.ReactElement

package/src/components/CountryStateSelector/stories.tsx

@@ -0,0 +1,83 @@
+import { Meta, StoryObj } from '@storybook/react'
+import { CountryStateSelect, CountryStateSelectProps } from './index'
+import React from 'react'
+
+const meta: Meta<typeof CountryStateSelect> = {
+  title: 'Components/CountryStateSelect',
+  component: CountryStateSelect,
+  tags: ['autodocs'],
+  argTypes: {
+    placeholder: { control: 'text' },
+    label: { control: 'text' },
+    disabled: { control: 'boolean' },
+    selectedOption: { control: 'number' },
+    onOptionChange: { action: 'selectedOptionChange' },
+    dropDownTop: { control: 'boolean' },
+    allStatesOption: { control: 'boolean' },
+  },
+} satisfies Meta<typeof CountryStateSelect>
+
+export default meta
+type Story = StoryObj<typeof CountryStateSelect>
+
+
+const ComponentWrapper = ({ ...args }: CountryStateSelectProps) => {
+  const [selectedOption, setSelectOption] = React.useState<CountryStateSelectProps['selectedOption']>(null)
+
+  return (
+    <CountryStateSelect
+      {...args}
+      selectedOption={selectedOption}
+      onOptionChange={option => setSelectOption(option)}
+    />
+  )
+}
+
+export const Default: Story = {
+  render: args => (
+    <ComponentWrapper
+      {...args}
+      label="Label"
+      placeholder="Placeholder"
+    />
+  ),
+}
+
+
+
+export const OnlySudesteRegion: Story = {
+  render: args => (
+    <ComponentWrapper
+      {...args}
+      label="Label"
+      placeholder="Placeholder"
+      validStates={['SP', 'RJ', 'MG', 'ES']}
+    />
+  ),
+}
+
+
+
+export const OnlySulRegion: Story = {
+  render: args => (
+    <ComponentWrapper
+      {...args}
+      label="Label"
+      placeholder="Placeholder"
+      validStates={['PR', 'SC', 'RS']}
+    />
+  ),
+}
+
+
+export const OnlySulRegionWithoutAllOption: Story = {
+  render: args => (
+    <ComponentWrapper
+      {...args}
+      label="Label"
+      placeholder="Placeholder"
+      validStates={['PR', 'SC', 'RS']}
+      allStatesOption={false}
+    />
+  ),
+}

package/src/components/Types/index.ts

@@ -1,21 +1,21 @@
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react'
+export type { CountryState, CountryStateSelectProps } from '../CountryStateSelector'
 export type { DatePickerProps } from '../DatePicker'
 export type { DateRangePickerProps } from '../DateRangePicker'
+export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect'
 export type { PaginateProps } from '../Paginate'
+export type { Portal, PortalSelectProps } from '../PortalSelect'
 export type { SelectProps, SelectRef } from '../Select'
-export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect'
-export type { PortalSelectProps, Portal } from '../PortalSelect'
 export type {
   SidebarGroupData,
   SidebarItemData,
   SidebarLayoutItemTypeGroup,
   SidebarLayoutItemTypeItem,
   SidebarLayoutItemTypeSpacer,
-  SidebarProps,
+  SidebarProps
 } from '../Sidebar'
 type ColorsVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'gray' | 'warning' | 'yellow'
 type ColorsVariantBanner = 'notice' | 'success' | 'danger' | 'warning'
-
 export interface ButtonTypes extends ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: ColorsVariant
   icon?: string

package/src/index.tsx

@@ -12,6 +12,7 @@ export { Paragraph } from './components/Paragraph/index'
 export { Select } from './components/Select/index'
 export { MultiSelect } from './components/MultiSelect/index'
 export { PortalSelect } from './components/PortalSelect/index'
+export { CountryStateSelect } from './components/CountryStateSelector/index'
 export { Sidebar } from './components/Sidebar/index'
 export { Table } from './components/Table/index'
 export { Tabs } from './components/Tabs/index'