nexaas-ui-components 1.0.72 → 1.0.76

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.
Files changed (8) hide show
  1. package/dist/index.cjs +239 -215
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.cts +13 -2
  5. package/dist/index.d.ts +13 -2
  6. package/dist/index.js +239 -215
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -124,7 +124,7 @@ var variants = {
124
124
  text: "shadow-button text-white bg-gradient-to-b from-success-start to-success-end hover:from-[#40f09b] hover:to-[#28c67a] active:from-success-600 active:to-success-600 disabled:opacity-50 disabled:from-success-start disabled:to-success-end active:shadow-none"
125
125
  },
126
126
  successOutline: {
127
- text: "active:shadow-none shadow-green-sm text-green-500 font-bold bg-surface border-[0.5px] border-green-500 hover:bg-green-100 active:bg-green-100 active:text-white disabled:opacity-50 disabled:bg-surface disabled:text-green-500"
127
+ text: "active:shadow-none shadow-green-sm text-green-500 font-bold bg-surface border-[0.5px] border-green-500 hover:bg-green-100 active:bg-green-500 active:text-white disabled:opacity-50 disabled:bg-surface disabled:text-green-500"
128
128
  },
129
129
  warn: {
130
130
  text: "shadow-button text-white bg-gradient-to-b from-warning-start to-warning-end hover:from-[#febd5b] hover:to-[#f4a52e] active:from-warning-600 active:to-warning-600 disabled:opacity-50 disabled:from-warning-start disabled:to-warning-end active:shadow-none"
@@ -494,7 +494,7 @@ var Input = ({
494
494
  const hasError = fieldValidationMessages.some((item) => item !== void 0);
495
495
  const [showPassword, setShowPassword] = React5__namespace.default.useState(false);
496
496
  const styles = {
497
- input: `text-p-md pl-2 peer text-paragraph bg-surface shadow-input border border-[0.5px] rounded-lg outline-none block pb-[10px] h-[46px] w-full disabled:bg-neutral-100 focus-visible:ring-[1.5px] focus-visible:ring-blue-500 focus-visible:ring-offset-[2px] focus-visible:rounded-[2px] ${label ? "pt-[22px]" : "pt-[10px]"}
497
+ input: `text-p-md pl-2 peer text-paragraph bg-surface shadow-input border border-[0.5px] rounded-lg outline-none block pb-[10px] h-[46px] w-full disabled:bg-neutral-100 disabled:text-disabled disabled:cursor-not-allowed focus-visible:ring-[1.5px] focus-visible:ring-blue-500 focus-visible:ring-offset-[2px] focus-visible:rounded-[2px] ${label ? "pt-[22px]" : "pt-[10px]"}
498
498
  ${!hasError ? "border-neutral-300" : ""}`,
499
499
  icon: `absolute bg-neutral-100 h-[44px] top-[1px] left-[1.5px] w-[38px] rounded-l-lg text-[20px] ${hasError ? "text-dangerous-500" : "text-label peer-focus:text-blue-500"} peer-focus:border-blue-500`,
500
500
  rightIcon: "absolute h-[44px] top-[1px] right-[1.5px] w-[38px] text-[22px]",
@@ -1234,7 +1234,8 @@ var FilterCalendar = ({
1234
1234
  defaultShortcut,
1235
1235
  shortcutsChange,
1236
1236
  singleMonth = false,
1237
- maxDate = void 0
1237
+ maxDate = void 0,
1238
+ labelClassName
1238
1239
  }) => {
1239
1240
  const style = {
1240
1241
  filter: "rounded-3xl shadow-input bg-surface hover:bg-neutral-100 border border-[0.5px] border-neutral-300 active:text-blue-500 active:bg-blue-100 active:border-blue-500",
@@ -1510,7 +1511,7 @@ var FilterCalendar = ({
1510
1511
  {
1511
1512
  className: clsx9__default.default(
1512
1513
  {
1513
- ["text-paragraph group-active:text-blue-500"]: !field.value && !open,
1514
+ [`${labelClassName != null ? labelClassName : "text-paragraph"} group-active:text-blue-500`]: !field.value && !open,
1514
1515
  ["text-blue-500"]: open && !field.value,
1515
1516
  ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1516
1517
  },
@@ -1620,7 +1621,7 @@ function InputSmall({
1620
1621
  }) {
1621
1622
  const inputRef = React5.useRef(null);
1622
1623
  const styles = {
1623
- input: `text-p-md text-paragraph w-full outline-none placeholder:text-label`,
1624
+ input: `text-p-md text-paragraph w-full outline-none placeholder:text-label disabled:text-disabled disabled:cursor-not-allowed bg-transparent`,
1624
1625
  icon: "text-label group-focus-within:text-neutral-600 m-[10px]",
1625
1626
  wrapper: `shadow-input border border-neutral-300 focus-within:border-blue-500 group rounded-lg h-9 w-full text-paragraph flex items-center justify-between disabled:bg-neutral-100 ${disabled ? "bg-neutral-100" : "bg-surface"} ${className}`,
1626
1627
  clear: "pr-[5px] cursor-pointer text-label text-[16px]"
@@ -1695,7 +1696,13 @@ var FilterOptions = ({
1695
1696
  initialMessage,
1696
1697
  applyOnClick = false,
1697
1698
  showFilter = false,
1698
- renderOption
1699
+ renderOption,
1700
+ searchPlaceholder = "Pesquisar",
1701
+ panelClassName = "p-2",
1702
+ applyLabel = "Aplicar",
1703
+ cancelLabel = "Cancelar",
1704
+ clearLabel = "Limpar",
1705
+ selectAllLabel = "Marcar todos"
1699
1706
  }) => {
1700
1707
  const style = {
1701
1708
  filter: "rounded-3xl shadow-input bg-surface hover:bg-neutral-50 border border-[0.5px] border-neutral-200 active:text-blue-500 active:bg-blue-100 active:border-blue-500",
@@ -1787,9 +1794,10 @@ var FilterOptions = ({
1787
1794
  {
1788
1795
  className: clsx9__default.default(
1789
1796
  {
1790
- ["font-semibold text-accent-label"]: isSelected
1797
+ ["font-semibold text-accent-label"]: isSelected,
1798
+ ["text-label"]: !isSelected
1791
1799
  },
1792
- "w-[200px] whitespace-nowrap text-ellipsis overflow-hidden text-label text-p-sm block"
1800
+ "w-[200px] whitespace-nowrap text-ellipsis overflow-hidden text-p-sm block"
1793
1801
  ),
1794
1802
  children: option == null ? void 0 : option.description
1795
1803
  }
@@ -1819,227 +1827,243 @@ var FilterOptions = ({
1819
1827
  ),
1820
1828
  children: ({ open }) => {
1821
1829
  var _a2, _b2;
1822
- return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Float, { composable: true, shift: 8, zIndex: 99, offset: 2, children: [
1823
- /* @__PURE__ */ jsxRuntime.jsx(react$1.Float.Reference, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverButton, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(
1824
- "div",
1830
+ return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Float, { composable: true, shift: 8, zIndex: 99, offset: 6, children: [
1831
+ /* @__PURE__ */ jsxRuntime.jsx(react$1.Float.Reference, { children: /* @__PURE__ */ jsxRuntime.jsx(
1832
+ react.PopoverButton,
1825
1833
  {
1826
- className: clsx9__default.default(
1834
+ as: "button",
1835
+ className: "rounded-3xl outline-none focus:outline-none focus-visible:ring-[1.5px] focus-visible:ring-blue-500 focus-visible:ring-offset-[2px]",
1836
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1837
+ "div",
1827
1838
  {
1828
- [style.filter]: !hasValue && !open,
1829
- [style.filterOpen]: open && !hasValue,
1830
- [style.filterActive]: open && hasValue || !open && hasValue
1831
- },
1832
- `group px-3 h-[36px] text-p-ls font-bold disabled:shadow-none active:shadow-none flex items-center justify-between outline-none gap-2`
1833
- ),
1834
- children: [
1835
- icon && /* @__PURE__ */ jsxRuntime.jsx(
1836
- "div",
1837
- {
1838
- className: clsx9__default.default({
1839
- ["text-paragraph group-active:text-blue-500"]: !field.value && !open,
1840
- ["text-blue-500"]: open && !field.value,
1841
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
1842
- }),
1843
- children: icon
1844
- }
1845
- ),
1846
- /* @__PURE__ */ jsxRuntime.jsx(
1847
- "label",
1848
- {
1849
- className: clsx9__default.default(
1839
+ className: clsx9__default.default(
1840
+ {
1841
+ [style.filter]: !hasValue && !open,
1842
+ [style.filterOpen]: open && !hasValue,
1843
+ [style.filterActive]: open && hasValue || !open && hasValue
1844
+ },
1845
+ `group px-3 h-[36px] text-p-ls font-bold disabled:shadow-none active:shadow-none flex items-center justify-between outline-none gap-2`
1846
+ ),
1847
+ children: [
1848
+ icon && /* @__PURE__ */ jsxRuntime.jsx(
1849
+ "div",
1850
1850
  {
1851
- ["text-paragraph group-active:text-blue-500"]: !field.value && !open,
1852
- ["text-blue-500"]: open && !field.value,
1853
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
1854
- },
1855
- "truncate cursor-pointer"
1851
+ className: clsx9__default.default({
1852
+ ["text-paragraph group-active:text-blue-500"]: !hasValue && !open,
1853
+ ["text-blue-500"]: open && !hasValue,
1854
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: hasValue
1855
+ }),
1856
+ children: icon
1857
+ }
1856
1858
  ),
1857
- children: isMulti ? label : ((_a2 = field == null ? void 0 : field.value) == null ? void 0 : _a2.id) ? (_b2 = field == null ? void 0 : field.value) == null ? void 0 : _b2.label : label
1858
- }
1859
- ),
1860
- isMulti && field.value && field.value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-blue-500 text-accent-label text-p-xs px-1 py-[2px] rounded group-hover:bg-blue-500", children: field.value.length }),
1861
- open ? /* @__PURE__ */ jsxRuntime.jsx(
1862
- "i",
1863
- {
1864
- className: clsx9__default.default(
1859
+ /* @__PURE__ */ jsxRuntime.jsx(
1860
+ "label",
1865
1861
  {
1866
- ["text-paragraph group-active:text-blue-500"]: !field.value && !open,
1867
- ["text-blue-500"]: open && !field.value,
1868
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
1869
- },
1870
- "uil uil-angle-up text-[18px]"
1871
- )
1872
- }
1873
- ) : /* @__PURE__ */ jsxRuntime.jsx(
1874
- "i",
1875
- {
1876
- className: clsx9__default.default(
1862
+ className: clsx9__default.default(
1863
+ {
1864
+ ["text-paragraph group-active:text-blue-500"]: !hasValue && !open,
1865
+ ["text-blue-500"]: open && !hasValue,
1866
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: hasValue
1867
+ },
1868
+ "truncate cursor-pointer"
1869
+ ),
1870
+ children: isMulti ? label : ((_a2 = field == null ? void 0 : field.value) == null ? void 0 : _a2.id) ? (_b2 = field == null ? void 0 : field.value) == null ? void 0 : _b2.label : label
1871
+ }
1872
+ ),
1873
+ isMulti && field.value && field.value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-blue-500 text-accent-label text-p-xs px-1 py-[2px] rounded group-hover:bg-blue-500", children: field.value.length }),
1874
+ open ? /* @__PURE__ */ jsxRuntime.jsx(
1875
+ "i",
1877
1876
  {
1878
- ["text-paragraph group-active:text-blue-500"]: !field.value && !open,
1879
- ["text-blue-500"]: open && !field.value,
1880
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
1881
- },
1882
- "uil uil-angle-down text-[18px]"
1877
+ className: clsx9__default.default(
1878
+ {
1879
+ ["text-paragraph group-active:text-blue-500"]: !hasValue && !open,
1880
+ ["text-blue-500"]: open && !hasValue,
1881
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: hasValue
1882
+ },
1883
+ "uil uil-angle-up text-[18px]"
1884
+ )
1885
+ }
1886
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
1887
+ "i",
1888
+ {
1889
+ className: clsx9__default.default(
1890
+ {
1891
+ ["text-paragraph group-active:text-blue-500"]: !hasValue && !open,
1892
+ ["text-blue-500"]: open && !hasValue,
1893
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: hasValue
1894
+ },
1895
+ "uil uil-angle-down text-[18px]"
1896
+ )
1897
+ }
1883
1898
  )
1884
- }
1885
- )
1886
- ]
1899
+ ]
1900
+ }
1901
+ )
1887
1902
  }
1888
- ) }) }),
1889
- open && /* @__PURE__ */ jsxRuntime.jsx(react$1.Float.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverPanel, { className: "p-2 whitespace-nowrap bg-surface rounded-lg shadow-dropdown border-[0.5px] border-neutral-200", children: ({ close }) => {
1890
- const onClose = () => {
1891
- setCurrentValue(field.value);
1892
- close();
1893
- };
1894
- React5.useEffect(() => {
1895
- setCurrentValue(field.value);
1896
- }, [open]);
1897
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
1898
- /* @__PURE__ */ jsxRuntime.jsx(
1899
- react.Listbox,
1900
- {
1901
- value: currentValue || [],
1902
- onChange: setCurrentValue,
1903
- multiple: isMulti,
1904
- children: /* @__PURE__ */ jsxRuntime.jsxs(
1905
- react.ListboxOptions,
1903
+ ) }),
1904
+ open && /* @__PURE__ */ jsxRuntime.jsx(react$1.Float.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
1905
+ react.PopoverPanel,
1906
+ {
1907
+ className: clsx9__default.default(
1908
+ "whitespace-nowrap bg-surface rounded-lg shadow-dropdown border-[0.5px] border-neutral-200",
1909
+ panelClassName
1910
+ ),
1911
+ children: ({ close }) => {
1912
+ const onClose = () => {
1913
+ setCurrentValue(field.value);
1914
+ close();
1915
+ };
1916
+ React5.useEffect(() => {
1917
+ setCurrentValue(field.value);
1918
+ }, [open]);
1919
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
1920
+ /* @__PURE__ */ jsxRuntime.jsx(
1921
+ react.Listbox,
1906
1922
  {
1907
- static: true,
1908
- className: clsx9__default.default(
1909
- "max-h-60 w-full overflow-x-hidden overflow-y-auto bg-surface text-p-md focus:outline-none sm:text-sm relative",
1923
+ value: currentValue || [],
1924
+ onChange: setCurrentValue,
1925
+ multiple: isMulti,
1926
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1927
+ react.ListboxOptions,
1910
1928
  {
1911
- "pr-2": options.some(
1912
- (option) => option.description
1913
- ) ? options.length > 3 : options.length > 4
1914
- }
1915
- ),
1916
- children: [
1917
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mr-1 sticky top-0 z-30", children: [
1918
- showFilter && /* @__PURE__ */ jsxRuntime.jsx(
1919
- InputSmall,
1929
+ static: true,
1930
+ className: clsx9__default.default(
1931
+ "max-h-60 w-full overflow-x-hidden overflow-y-auto bg-surface text-p-md focus:outline-none sm:text-sm relative",
1920
1932
  {
1921
- icon: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "uil uil-search" }),
1922
- onChange: (e) => setFilter(e),
1923
- value: filter,
1924
- placeholder: "Pesquisar",
1925
- clearField: true,
1926
- onKeyDown: (e) => {
1927
- if (e.key === " " || e.code === "Space") {
1928
- e.stopPropagation();
1929
- }
1930
- }
1933
+ "pr-2": options.some(
1934
+ (option) => option.description
1935
+ ) ? options.length > 3 : options.length > 4
1931
1936
  }
1932
1937
  ),
1933
- subFilters && fetch && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 pt-2 bg-surface", children: subFilters.map((item, index) => {
1934
- const active = (item == null ? void 0 : item.id) === subFilter;
1935
- return /* @__PURE__ */ jsxRuntime.jsx(
1936
- "button",
1937
- {
1938
- className: clsx9__default.default(
1938
+ children: [
1939
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mr-1 sticky top-0 z-30", children: [
1940
+ showFilter && /* @__PURE__ */ jsxRuntime.jsx(
1941
+ InputSmall,
1942
+ {
1943
+ icon: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "uil uil-search" }),
1944
+ onChange: (e) => setFilter(e),
1945
+ value: filter,
1946
+ placeholder: searchPlaceholder,
1947
+ clearField: true,
1948
+ onKeyDown: (e) => {
1949
+ if (e.key === " " || e.code === "Space") {
1950
+ e.stopPropagation();
1951
+ }
1952
+ }
1953
+ }
1954
+ ),
1955
+ subFilters && fetch && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 pt-2 bg-surface", children: subFilters.map((item, index) => {
1956
+ const active = (item == null ? void 0 : item.id) === subFilter;
1957
+ return /* @__PURE__ */ jsxRuntime.jsx(
1958
+ "button",
1939
1959
  {
1940
- ["bg-blue-500 text-accent-label"]: active,
1941
- ["text-paragraph"]: !active
1960
+ className: clsx9__default.default(
1961
+ {
1962
+ ["bg-blue-500 text-accent-label"]: active,
1963
+ ["text-paragraph"]: !active
1964
+ },
1965
+ `rounded-[20px] border-[0.5px] border-neutral-200 px-4 py-[6px]`
1966
+ ),
1967
+ onClick: () => {
1968
+ if (subFilter == item.id) {
1969
+ setSubFilter(null);
1970
+ } else {
1971
+ setSubFilter(item.id);
1972
+ }
1973
+ },
1974
+ children: item.name
1942
1975
  },
1943
- `rounded-[20px] border-[0.5px] border-neutral-200 px-4 py-[6px]`
1944
- ),
1945
- onClick: () => {
1946
- if (subFilter == item.id) {
1947
- setSubFilter(null);
1948
- } else {
1949
- setSubFilter(item.id);
1950
- }
1951
- },
1952
- children: item.name
1953
- },
1954
- index
1955
- );
1956
- }) })
1957
- ] }),
1958
- loading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 w-full my-4", children: [
1959
- /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: "animate-spin w-[16px] h-[16px]" }),
1960
- "Carregando"
1961
- ] }),
1962
- (data == null ? void 0 : data.length) === 0 && (filter == null ? void 0 : filter.length) > 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label text-p-md", children: emptyMessage }) }),
1963
- initialMessage && (data == null ? void 0 : data.length) === 0 && (filter == null ? void 0 : filter.length) === 0 && !loading && (options == null ? void 0 : options.length) === 0 && !(currentValue == null ? void 0 : currentValue.id) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label text-p-md", children: initialMessage }) }),
1964
- initialMessage && currentValue && (currentValue == null ? void 0 : currentValue.id) && (filter == null ? void 0 : filter.length) === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: isMulti ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: currentValue == null ? void 0 : currentValue.map((option) => {
1965
- let isSelected = isMulti ? currentValue && (currentValue == null ? void 0 : currentValue.length) > 0 && (currentValue == null ? void 0 : currentValue.some(
1966
- (e) => e.id === option.id
1967
- )) : currentValue && (currentValue == null ? void 0 : currentValue.id) === option.id;
1968
- return optionStyle(
1969
- options,
1970
- isSelected
1971
- );
1972
- }) }) : optionStyle(field.value, true) }),
1973
- !loading && (data == null ? void 0 : data.map((option) => {
1974
- let isSelected = isMulti ? currentValue && currentValue.length > 0 && currentValue.some(
1975
- (e) => e.id === option.id
1976
- ) : currentValue && currentValue.id === option.id;
1977
- return optionStyle(option, isSelected);
1978
- }))
1979
- ]
1976
+ index
1977
+ );
1978
+ }) })
1979
+ ] }),
1980
+ loading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 w-full my-4", children: [
1981
+ /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: "animate-spin w-[16px] h-[16px]" }),
1982
+ "Carregando"
1983
+ ] }),
1984
+ (data == null ? void 0 : data.length) === 0 && (filter == null ? void 0 : filter.length) > 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label text-p-md", children: emptyMessage }) }),
1985
+ initialMessage && (data == null ? void 0 : data.length) === 0 && (filter == null ? void 0 : filter.length) === 0 && !loading && (options == null ? void 0 : options.length) === 0 && !(currentValue == null ? void 0 : currentValue.id) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label text-p-md", children: initialMessage }) }),
1986
+ initialMessage && currentValue && (currentValue == null ? void 0 : currentValue.id) && (filter == null ? void 0 : filter.length) === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: isMulti ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: currentValue == null ? void 0 : currentValue.map((option) => {
1987
+ let isSelected = isMulti ? currentValue && (currentValue == null ? void 0 : currentValue.length) > 0 && (currentValue == null ? void 0 : currentValue.some(
1988
+ (e) => e.id === option.id
1989
+ )) : currentValue && (currentValue == null ? void 0 : currentValue.id) === option.id;
1990
+ return optionStyle(
1991
+ options,
1992
+ isSelected
1993
+ );
1994
+ }) }) : optionStyle(field.value, true) }),
1995
+ !loading && (data == null ? void 0 : data.map((option) => {
1996
+ let isSelected = isMulti ? currentValue && currentValue.length > 0 && currentValue.some(
1997
+ (e) => e.id === option.id
1998
+ ) : currentValue && currentValue.id === option.id;
1999
+ return optionStyle(option, isSelected);
2000
+ }))
2001
+ ]
2002
+ }
2003
+ )
1980
2004
  }
1981
- )
1982
- }
1983
- ),
1984
- !applyOnClick && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center justify-end border-t border-t-neutral-200 pt-3", children: [
1985
- isMulti && onSelectAll && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-r pr-2 border-neutral-300", children: /* @__PURE__ */ jsxRuntime.jsx(
1986
- Button,
1987
- {
1988
- variant: "link",
1989
- size: "xxs",
1990
- onClick: () => {
1991
- onSelectAll();
1992
- field.onChange(options);
1993
- setCurrentValue(options);
1994
- close();
1995
- },
1996
- children: "Marcar todos"
1997
- }
1998
- ) }),
1999
- onClear && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-1", children: /* @__PURE__ */ jsxRuntime.jsx(
2000
- Button,
2001
- {
2002
- variant: "link",
2003
- size: "xxs",
2004
- onClick: () => {
2005
- if (onClear) {
2006
- onClear();
2007
- setCurrentValue([]);
2008
- field.onChange([]);
2005
+ ),
2006
+ !applyOnClick && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center justify-end border-t border-t-neutral-200 pt-3", children: [
2007
+ isMulti && onSelectAll && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-r pr-2 border-neutral-300", children: /* @__PURE__ */ jsxRuntime.jsx(
2008
+ Button,
2009
+ {
2010
+ variant: "link",
2011
+ size: "xxs",
2012
+ onClick: () => {
2013
+ onSelectAll();
2014
+ field.onChange(options);
2015
+ setCurrentValue(options);
2016
+ close();
2017
+ },
2018
+ children: selectAllLabel
2009
2019
  }
2010
- close();
2011
- },
2012
- children: "Limpar"
2013
- }
2014
- ) }),
2015
- /* @__PURE__ */ jsxRuntime.jsx(
2016
- Button,
2017
- {
2018
- size: "xs",
2019
- variant: "secondary",
2020
- onClick: () => {
2021
- onClose();
2022
- },
2023
- children: "Cancelar"
2024
- }
2025
- ),
2026
- /* @__PURE__ */ jsxRuntime.jsx(
2027
- Button,
2028
- {
2029
- size: "xs",
2030
- variant: "primary",
2031
- disabled: JSON.stringify(currentValue) === JSON.stringify(field == null ? void 0 : field.value),
2032
- onClick: () => {
2033
- field.onChange(currentValue);
2034
- if (onApply) onApply();
2035
- close();
2036
- },
2037
- children: "Aplicar"
2038
- }
2039
- )
2040
- ] })
2041
- ] });
2042
- } }) })
2020
+ ) }),
2021
+ onClear && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-1", children: /* @__PURE__ */ jsxRuntime.jsx(
2022
+ Button,
2023
+ {
2024
+ variant: "link",
2025
+ size: "xxs",
2026
+ onClick: () => {
2027
+ if (onClear) {
2028
+ onClear();
2029
+ setCurrentValue([]);
2030
+ field.onChange([]);
2031
+ }
2032
+ close();
2033
+ },
2034
+ children: clearLabel
2035
+ }
2036
+ ) }),
2037
+ /* @__PURE__ */ jsxRuntime.jsx(
2038
+ Button,
2039
+ {
2040
+ size: "xs",
2041
+ variant: "secondary",
2042
+ onClick: () => {
2043
+ onClose();
2044
+ },
2045
+ children: cancelLabel
2046
+ }
2047
+ ),
2048
+ /* @__PURE__ */ jsxRuntime.jsx(
2049
+ Button,
2050
+ {
2051
+ size: "xs",
2052
+ variant: "primary",
2053
+ disabled: JSON.stringify(currentValue) === JSON.stringify(field == null ? void 0 : field.value),
2054
+ onClick: () => {
2055
+ field.onChange(currentValue);
2056
+ if (onApply) onApply();
2057
+ close();
2058
+ },
2059
+ children: applyLabel
2060
+ }
2061
+ )
2062
+ ] })
2063
+ ] });
2064
+ }
2065
+ }
2066
+ ) })
2043
2067
  ] });
2044
2068
  }
2045
2069
  }
@@ -3635,7 +3659,7 @@ var Radio = ({
3635
3659
  "input",
3636
3660
  {
3637
3661
  name,
3638
- id: name,
3662
+ id: `${name}-${value}`,
3639
3663
  type: "radio",
3640
3664
  className: "",
3641
3665
  onClick: (e) => {
@@ -3649,7 +3673,7 @@ var Radio = ({
3649
3673
  ),
3650
3674
  /* @__PURE__ */ jsxRuntime.jsx("span", {})
3651
3675
  ] }),
3652
- label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: name, className: "text-p-md cursor-pointer -pt-1", children: label })
3676
+ label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: `${name}-${value}`, className: "text-p-md cursor-pointer -pt-1", children: label })
3653
3677
  ] });
3654
3678
  }
3655
3679
  }
@@ -6719,7 +6743,7 @@ var Tabs = ({
6719
6743
  {
6720
6744
  disabled: tab == null ? void 0 : tab.disabled,
6721
6745
  className: ({ selected }) => clsx9__default.default(
6722
- "group inline-flex rounded-t-lg font-bold text-p-md border border-neutral-200 px-6 py-3 z-20",
6746
+ "group inline-flex rounded-t-lg font-bold text-p-md border border-neutral-200 px-6 py-3 z-20 outline-none focus:outline-none focus-visible:ring-[1.5px] focus-visible:ring-blue-500 focus-visible:ring-offset-[2px]",
6723
6747
  {
6724
6748
  "text-rose-700 border-b-0 bg-surface shadow-tabs": selected,
6725
6749
  "bg-neutral-100 text-rose-700 opacity-80 shadow-tabDisabled": !selected && !tab.disabled,