@jakubmazanec/ui 0.1.0 → 0.1.1-next.80f405d

package/build/components/data-table/internals/DataTablePagination.js

@@ -101,14 +101,14 @@ export const DataTablePagination = memo(
       },
       [clientPagination, onPagination, table]
     );
-    return /* @__PURE__ */ jsxs(Container, { justify: "center", align: "center", children: [
+    return /* @__PURE__ */ jsxs(Container, { align: "center", justify: "center", children: [
       /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "outline",
             "aria-label": "First page",
             disabled: isFirstPage,
+            variant: "outline",
             onClick: handleFirstPageClick,
             children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDoubleLeft" })
           }
@@ -116,9 +116,9 @@ export const DataTablePagination = memo(
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "outline",
             "aria-label": "Previous page",
             disabled: isFirstPage,
+            variant: "outline",
             onClick: handlePreviousPageClick,
             children: /* @__PURE__ */ jsx(Icon, { name: "ChevronLeft" })
           }
@@ -126,8 +126,8 @@ export const DataTablePagination = memo(
         pageCount <= MAX_PAGE_BUTTONS_COUNT ? Array.from({ length: pageCount }).map((_, index) => /* @__PURE__ */ jsx(
           DataTablePageButton,
           {
-            page: index + 1,
             isSelected: page === index + 1,
+            page: index + 1,
             onClick: handlePageClick
           },
           index
@@ -135,9 +135,9 @@ export const DataTablePagination = memo(
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "outline",
             "aria-label": "Next page",
             disabled: isLastPage,
+            variant: "outline",
             onClick: handleNextPageClick,
             children: /* @__PURE__ */ jsx(Icon, { name: "ChevronRight" })
           }
@@ -145,9 +145,9 @@ export const DataTablePagination = memo(
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "outline",
             "aria-label": "Last page",
             disabled: isLastPage,
+            variant: "outline",
             onClick: handleLastPageClick,
             children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDoubleRight" })
           }
@@ -159,15 +159,15 @@ export const DataTablePagination = memo(
         " of ",
         pageCount
       ] }) }) : null,
-      pageCount > MAX_PAGE_BUTTONS_COUNT ? /* @__PURE__ */ jsxs(Container, { spacing: "extra-small", align: "center", children: [
+      pageCount > MAX_PAGE_BUTTONS_COUNT ? /* @__PURE__ */ jsxs(Container, { align: "center", spacing: "extra-small", children: [
         /* @__PURE__ */ jsx(Text, { children: "Go to page:" }),
         /* @__PURE__ */ jsx(
           Input,
           {
-            type: "text",
-            pattern: "[0-9]*",
             className: "w-12",
             defaultValue: page,
+            pattern: "[0-9]*",
+            type: "text",
             onChange: handlePageChange
           }
         )
@@ -175,8 +175,8 @@ export const DataTablePagination = memo(
       /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
         Listbox,
         {
-          value: String(pageSize),
           className: "w-auto min-w-min",
+          value: String(pageSize),
           onChange: handlePageSizeChange,
           children: PAGE_SIZES.map((pageSize2) => /* @__PURE__ */ jsxs(ListboxOption, { value: String(pageSize2), children: [
             "Show ",

package/build/components/data-table/internals/DataTablePagination.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/DataTablePagination.tsx"],
-  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, memo, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {Listbox} from '../../Listbox.js';\nimport {ListboxOption} from '../../ListboxOption.js';\nimport {Text} from '../../Text.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {MAX_PAGE_BUTTONS_COUNT, PAGE_SIZES} from './constants.js';\nimport {DataTablePageButton} from './DataTablePageButton.js';\n\ntype PageSize = (typeof PAGE_SIZES)[number];\n\nexport type DataTablePaginationProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  page: number;\n  pageSize: number;\n  pageCount: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientPagination: DataTableProps<any, any>['clientPagination'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onPagination: DataTableProps<any, any>['onPaginationChange'];\n};\n\nexport const DataTablePagination = memo(\n  ({\n    table,\n    page,\n    pageSize,\n    pageCount,\n    clientPagination,\n    onPagination,\n  }: DataTablePaginationProps) => {\n    let isFirstPage = page === 1;\n    let isLastPage = page >= pageCount;\n\n    let handlePageClick = useCallback(\n      (newPage: number) => {\n        if (clientPagination) {\n          table.setPageIndex(Math.max(0, Math.min(newPage - 1, pageCount)));\n        }\n\n        if (onPagination) {\n          onPagination({\n            page: Math.max(1, Math.min(newPage, pageCount)),\n          });\n        }\n      },\n      [clientPagination, onPagination, pageCount, table],\n    );\n\n    let handleFirstPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.firstPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: 1,\n        });\n      }\n    }, [clientPagination, onPagination, table]);\n\n    let handleLastPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.lastPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: pageCount,\n        });\n      }\n    }, [clientPagination, onPagination, pageCount, table]);\n\n    let handlePreviousPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.previousPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: Math.max(1, Math.min(page - 1, pageCount)),\n        });\n      }\n    }, [clientPagination, onPagination, page, pageCount, table]);\n\n    let handleNextPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.nextPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: Math.max(1, Math.min(page + 1, pageCount)),\n        });\n      }\n    }, [clientPagination, onPagination, page, pageCount, table]);\n\n    let handlePageChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        let pageIndex = event.target.value ? Number(event.target.value) - 1 : 0;\n\n        if (clientPagination) {\n          table.setPageIndex(pageIndex);\n        }\n\n        if (onPagination) {\n          onPagination({\n            page: Math.max(1, Math.min(pageIndex + 1, pageCount)),\n          });\n        }\n      },\n      [clientPagination, onPagination, pageCount, table],\n    );\n\n    let handlePageSizeChange = useCallback(\n      (pageSize: string) => {\n        if (clientPagination) {\n          table.setPageSize(Number(pageSize));\n        }\n\n        if (onPagination) {\n          onPagination({\n            pageSize: Number(pageSize) as PageSize,\n          });\n        }\n      },\n      [clientPagination, onPagination, table],\n    );\n\n    return (\n      <Container justify=\"center\" align=\"center\">\n        <Container spacing=\"small\">\n          <Button\n            variant=\"outline\"\n            aria-label=\"First page\"\n            disabled={isFirstPage}\n            onClick={handleFirstPageClick}\n          >\n            <Icon name=\"ChevronDoubleLeft\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            aria-label=\"Previous page\"\n            disabled={isFirstPage}\n            onClick={handlePreviousPageClick}\n          >\n            <Icon name=\"ChevronLeft\" />\n          </Button>\n\n          {pageCount <= MAX_PAGE_BUTTONS_COUNT ?\n            Array.from({length: pageCount}).map((_, index) => (\n              <DataTablePageButton\n                // eslint-disable-next-line react/no-array-index-key -- needed, there is no other value\n                key={index}\n                page={index + 1}\n                isSelected={page === index + 1}\n                onClick={handlePageClick}\n              />\n            ))\n          : null}\n\n          <Button\n            variant=\"outline\"\n            aria-label=\"Next page\"\n            disabled={isLastPage}\n            onClick={handleNextPageClick}\n          >\n            <Icon name=\"ChevronRight\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            aria-label=\"Last page\"\n            disabled={isLastPage}\n            onClick={handleLastPageClick}\n          >\n            <Icon name=\"ChevronDoubleRight\" />\n          </Button>\n        </Container>\n        {pageCount > MAX_PAGE_BUTTONS_COUNT ?\n          <Container spacing=\"extra-small\">\n            <Text>\n              Page {page} of {pageCount}\n            </Text>\n          </Container>\n        : null}\n        {pageCount > MAX_PAGE_BUTTONS_COUNT ?\n          <Container spacing=\"extra-small\" align=\"center\">\n            <Text>Go to page:</Text>\n            <Input\n              type=\"text\"\n              pattern=\"[0-9]*\"\n              className=\"w-12\"\n              defaultValue={page}\n              onChange={handlePageChange}\n            />\n          </Container>\n        : null}\n        <Container>\n          <Listbox\n            value={String(pageSize)}\n            className=\"w-auto min-w-min\"\n            onChange={handlePageSizeChange}\n          >\n            {PAGE_SIZES.map((pageSize) => (\n              <ListboxOption key={pageSize} value={String(pageSize)}>\n                Show {pageSize}\n              </ListboxOption>\n            ))}\n          </Listbox>\n        </Container>\n      </Container>\n    );\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, memo, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {Listbox} from '../../Listbox.js';\nimport {ListboxOption} from '../../ListboxOption.js';\nimport {Text} from '../../Text.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {MAX_PAGE_BUTTONS_COUNT, PAGE_SIZES} from './constants.js';\nimport {DataTablePageButton} from './DataTablePageButton.js';\n\ntype PageSize = (typeof PAGE_SIZES)[number];\n\nexport type DataTablePaginationProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  page: number;\n  pageSize: number;\n  pageCount: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientPagination: DataTableProps<any, any>['clientPagination'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onPagination: DataTableProps<any, any>['onPaginationChange'];\n};\n\nexport const DataTablePagination = memo(\n  ({\n    table,\n    page,\n    pageSize,\n    pageCount,\n    clientPagination,\n    onPagination,\n  }: DataTablePaginationProps) => {\n    let isFirstPage = page === 1;\n    let isLastPage = page >= pageCount;\n\n    let handlePageClick = useCallback(\n      (newPage: number) => {\n        if (clientPagination) {\n          table.setPageIndex(Math.max(0, Math.min(newPage - 1, pageCount)));\n        }\n\n        if (onPagination) {\n          onPagination({\n            page: Math.max(1, Math.min(newPage, pageCount)),\n          });\n        }\n      },\n      [clientPagination, onPagination, pageCount, table],\n    );\n\n    let handleFirstPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.firstPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: 1,\n        });\n      }\n    }, [clientPagination, onPagination, table]);\n\n    let handleLastPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.lastPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: pageCount,\n        });\n      }\n    }, [clientPagination, onPagination, pageCount, table]);\n\n    let handlePreviousPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.previousPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: Math.max(1, Math.min(page - 1, pageCount)),\n        });\n      }\n    }, [clientPagination, onPagination, page, pageCount, table]);\n\n    let handleNextPageClick = useCallback(() => {\n      if (clientPagination) {\n        table.nextPage();\n      }\n\n      if (onPagination) {\n        onPagination({\n          page: Math.max(1, Math.min(page + 1, pageCount)),\n        });\n      }\n    }, [clientPagination, onPagination, page, pageCount, table]);\n\n    let handlePageChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        let pageIndex = event.target.value ? Number(event.target.value) - 1 : 0;\n\n        if (clientPagination) {\n          table.setPageIndex(pageIndex);\n        }\n\n        if (onPagination) {\n          onPagination({\n            page: Math.max(1, Math.min(pageIndex + 1, pageCount)),\n          });\n        }\n      },\n      [clientPagination, onPagination, pageCount, table],\n    );\n\n    let handlePageSizeChange = useCallback(\n      (pageSize: string) => {\n        if (clientPagination) {\n          table.setPageSize(Number(pageSize));\n        }\n\n        if (onPagination) {\n          onPagination({\n            pageSize: Number(pageSize) as PageSize,\n          });\n        }\n      },\n      [clientPagination, onPagination, table],\n    );\n\n    return (\n      <Container align=\"center\" justify=\"center\">\n        <Container spacing=\"small\">\n          <Button\n            aria-label=\"First page\"\n            disabled={isFirstPage}\n            variant=\"outline\"\n            onClick={handleFirstPageClick}\n          >\n            <Icon name=\"ChevronDoubleLeft\" />\n          </Button>\n          <Button\n            aria-label=\"Previous page\"\n            disabled={isFirstPage}\n            variant=\"outline\"\n            onClick={handlePreviousPageClick}\n          >\n            <Icon name=\"ChevronLeft\" />\n          </Button>\n\n          {pageCount <= MAX_PAGE_BUTTONS_COUNT ?\n            Array.from({length: pageCount}).map((_, index) => (\n              <DataTablePageButton\n                // eslint-disable-next-line react/no-array-index-key -- needed, there is no other value\n                key={index}\n                isSelected={page === index + 1}\n                page={index + 1}\n                onClick={handlePageClick}\n              />\n            ))\n          : null}\n\n          <Button\n            aria-label=\"Next page\"\n            disabled={isLastPage}\n            variant=\"outline\"\n            onClick={handleNextPageClick}\n          >\n            <Icon name=\"ChevronRight\" />\n          </Button>\n          <Button\n            aria-label=\"Last page\"\n            disabled={isLastPage}\n            variant=\"outline\"\n            onClick={handleLastPageClick}\n          >\n            <Icon name=\"ChevronDoubleRight\" />\n          </Button>\n        </Container>\n        {pageCount > MAX_PAGE_BUTTONS_COUNT ?\n          <Container spacing=\"extra-small\">\n            <Text>\n              Page {page} of {pageCount}\n            </Text>\n          </Container>\n        : null}\n        {pageCount > MAX_PAGE_BUTTONS_COUNT ?\n          <Container align=\"center\" spacing=\"extra-small\">\n            <Text>Go to page:</Text>\n            <Input\n              className=\"w-12\"\n              defaultValue={page}\n              pattern=\"[0-9]*\"\n              type=\"text\"\n              onChange={handlePageChange}\n            />\n          </Container>\n        : null}\n        <Container>\n          <Listbox\n            className=\"w-auto min-w-min\"\n            value={String(pageSize)}\n            onChange={handlePageSizeChange}\n          >\n            {PAGE_SIZES.map((pageSize) => (\n              <ListboxOption key={pageSize} value={String(pageSize)}>\n                Show {pageSize}\n              </ListboxOption>\n            ))}\n          </Listbox>\n        </Container>\n      </Container>\n    );\n  },\n);\n"],
+  "mappings": "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",
   "names": ["pageSize"]
 }

package/build/components/data-table/internals/DataTableSearch.js

@@ -66,8 +66,8 @@ export function DataTableSearch({
   }, [clientSearch, onSearch, table]);
   return /* @__PURE__ */ jsx(Form, { onSubmit: handleSearchSubmit, children: /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
     /* @__PURE__ */ jsx(Input, { value: search, onChange: handleSearchChange }),
-    /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Filter", onClick: handleSearchClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "MagnifyingGlass" }) }),
-    /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Cancel", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) })
+    /* @__PURE__ */ jsx(Button, { "aria-label": "Filter", variant: "outline", onClick: handleSearchClick, children: /* @__PURE__ */ jsx(Icon, { name: "MagnifyingGlass", size: "large" }) }),
+    /* @__PURE__ */ jsx(Button, { "aria-label": "Cancel", variant: "outline", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "large" }) })
   ] }) });
 }
 //# sourceMappingURL=DataTableSearch.js.map

package/build/components/data-table/internals/DataTableSearch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/DataTableSearch.tsx"],
-  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, type FormEvent, useCallback, useState} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Form} from '../../Form.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {type DataTableProps} from '../DataTable.js';\n\nexport type DataTableSearchProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientSearch: DataTableProps<any, any>['clientSearch'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  search: DataTableProps<any, any>['search'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSearch: DataTableProps<any, any>['onSearchChange'];\n};\n\nexport function DataTableSearch({\n  table,\n  clientSearch,\n  search: controlledSearch,\n  onSearch,\n}: DataTableSearchProps) {\n  let currentSearch =\n    clientSearch ?\n      ((table.getState().globalFilter as string | undefined) ?? null)\n    : (controlledSearch ?? null);\n\n  let [search, setSearch] = useState(currentSearch ?? '');\n\n  let handleSearchChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  }, []);\n\n  let handleSearchClick = useCallback(() => {\n    if (search) {\n      if (clientSearch) {\n        table.setGlobalFilter(search);\n      }\n\n      if (onSearch) {\n        onSearch(search);\n      }\n    } else {\n      if (clientSearch) {\n        table.setGlobalFilter(undefined);\n      }\n\n      if (onSearch) {\n        onSearch(null);\n      }\n    }\n  }, [clientSearch, onSearch, search, table]);\n\n  let handleSearchSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n\n      if (search) {\n        if (clientSearch) {\n          table.setGlobalFilter(search);\n        }\n\n        if (onSearch) {\n          onSearch(search);\n        }\n      } else {\n        if (clientSearch) {\n          table.setGlobalFilter(undefined);\n        }\n\n        if (onSearch) {\n          onSearch(null);\n        }\n      }\n    },\n    [clientSearch, onSearch, search, table],\n  );\n\n  let handleResetClick = useCallback(() => {\n    setSearch('');\n\n    if (clientSearch) {\n      table.setGlobalFilter(undefined);\n    }\n\n    if (onSearch) {\n      onSearch(null);\n    }\n  }, [clientSearch, onSearch, table]);\n\n  return (\n    <Form onSubmit={handleSearchSubmit}>\n      <Container spacing=\"small\">\n        <Input value={search} onChange={handleSearchChange} />\n        <Button variant=\"outline\" aria-label=\"Filter\" onClick={handleSearchClick}>\n          <Icon size=\"large\" name=\"MagnifyingGlass\" />\n        </Button>\n        <Button variant=\"outline\" aria-label=\"Cancel\" onClick={handleResetClick}>\n          <Icon size=\"large\" name=\"XMark\" />\n        </Button>\n      </Container>\n    </Form>\n  );\n}\n"],
-  "mappings": ";AAiGM,SACE,KADF;AAhGN,SAA0C,aAAa,gBAAe;AAEtE,SAAQ,cAAa;AACrB,SAAQ,iBAAgB;AACxB,SAAQ,YAAW;AACnB,SAAQ,YAAW;AACnB,SAAQ,aAAY;AAcb,gBAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAyB;AACvB,MAAI,gBACF,eACI,MAAM,SAAS,EAAE,gBAAuC,OACzD,oBAAoB;AAEzB,MAAI,CAAC,QAAQ,SAAS,IAAI,SAAS,iBAAiB,EAAE;AAEtD,MAAI,qBAAqB,YAAY,CAAC,UAAyC;AAC7E,cAAU,MAAM,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,MAAI,oBAAoB,YAAY,MAAM;AACxC,QAAI,QAAQ;AACV,UAAI,cAAc;AAChB,cAAM,gBAAgB,MAAM;AAAA,MAC9B;AAEA,UAAI,UAAU;AACZ,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,OAAO;AACL,UAAI,cAAc;AAChB,cAAM,gBAAgB,MAAS;AAAA,MACjC;AAEA,UAAI,UAAU;AACZ,iBAAS,IAAI;AAAA,MACf;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,QAAQ,KAAK,CAAC;AAE1C,MAAI,qBAAqB;AAAA,IACvB,CAAC,UAAsC;AACrC,YAAM,eAAe;AAErB,UAAI,QAAQ;AACV,YAAI,cAAc;AAChB,gBAAM,gBAAgB,MAAM;AAAA,QAC9B;AAEA,YAAI,UAAU;AACZ,mBAAS,MAAM;AAAA,QACjB;AAAA,MACF,OAAO;AACL,YAAI,cAAc;AAChB,gBAAM,gBAAgB,MAAS;AAAA,QACjC;AAEA,YAAI,UAAU;AACZ,mBAAS,IAAI;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,UAAU,QAAQ,KAAK;AAAA,EACxC;AAEA,MAAI,mBAAmB,YAAY,MAAM;AACvC,cAAU,EAAE;AAEZ,QAAI,cAAc;AAChB,YAAM,gBAAgB,MAAS;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,KAAK,CAAC;AAElC,SACE,oBAAC,QAAK,UAAU,oBACd,+BAAC,aAAU,SAAQ,SACjB;AAAA,wBAAC,SAAM,OAAO,QAAQ,UAAU,oBAAoB;AAAA,IACpD,oBAAC,UAAO,SAAQ,WAAU,cAAW,UAAS,SAAS,mBACrD,8BAAC,QAAK,MAAK,SAAQ,MAAK,mBAAkB,GAC5C;AAAA,IACA,oBAAC,UAAO,SAAQ,WAAU,cAAW,UAAS,SAAS,kBACrD,8BAAC,QAAK,MAAK,SAAQ,MAAK,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
+  "sourcesContent": ["import {type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, type FormEvent, useCallback, useState} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Form} from '../../Form.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {type DataTableProps} from '../DataTable.js';\n\nexport type DataTableSearchProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientSearch: DataTableProps<any, any>['clientSearch'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  search: DataTableProps<any, any>['search'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSearch: DataTableProps<any, any>['onSearchChange'];\n};\n\nexport function DataTableSearch({\n  table,\n  clientSearch,\n  search: controlledSearch,\n  onSearch,\n}: DataTableSearchProps) {\n  let currentSearch =\n    clientSearch ?\n      ((table.getState().globalFilter as string | undefined) ?? null)\n    : (controlledSearch ?? null);\n\n  let [search, setSearch] = useState(currentSearch ?? '');\n\n  let handleSearchChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  }, []);\n\n  let handleSearchClick = useCallback(() => {\n    if (search) {\n      if (clientSearch) {\n        table.setGlobalFilter(search);\n      }\n\n      if (onSearch) {\n        onSearch(search);\n      }\n    } else {\n      if (clientSearch) {\n        table.setGlobalFilter(undefined);\n      }\n\n      if (onSearch) {\n        onSearch(null);\n      }\n    }\n  }, [clientSearch, onSearch, search, table]);\n\n  let handleSearchSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n\n      if (search) {\n        if (clientSearch) {\n          table.setGlobalFilter(search);\n        }\n\n        if (onSearch) {\n          onSearch(search);\n        }\n      } else {\n        if (clientSearch) {\n          table.setGlobalFilter(undefined);\n        }\n\n        if (onSearch) {\n          onSearch(null);\n        }\n      }\n    },\n    [clientSearch, onSearch, search, table],\n  );\n\n  let handleResetClick = useCallback(() => {\n    setSearch('');\n\n    if (clientSearch) {\n      table.setGlobalFilter(undefined);\n    }\n\n    if (onSearch) {\n      onSearch(null);\n    }\n  }, [clientSearch, onSearch, table]);\n\n  return (\n    <Form onSubmit={handleSearchSubmit}>\n      <Container spacing=\"small\">\n        <Input value={search} onChange={handleSearchChange} />\n        <Button aria-label=\"Filter\" variant=\"outline\" onClick={handleSearchClick}>\n          <Icon name=\"MagnifyingGlass\" size=\"large\" />\n        </Button>\n        <Button aria-label=\"Cancel\" variant=\"outline\" onClick={handleResetClick}>\n          <Icon name=\"XMark\" size=\"large\" />\n        </Button>\n      </Container>\n    </Form>\n  );\n}\n"],
+  "mappings": ";AAiGM,SACE,KADF;AAhGN,SAA0C,aAAa,gBAAe;AAEtE,SAAQ,cAAa;AACrB,SAAQ,iBAAgB;AACxB,SAAQ,YAAW;AACnB,SAAQ,YAAW;AACnB,SAAQ,aAAY;AAcb,gBAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAyB;AACvB,MAAI,gBACF,eACI,MAAM,SAAS,EAAE,gBAAuC,OACzD,oBAAoB;AAEzB,MAAI,CAAC,QAAQ,SAAS,IAAI,SAAS,iBAAiB,EAAE;AAEtD,MAAI,qBAAqB,YAAY,CAAC,UAAyC;AAC7E,cAAU,MAAM,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,MAAI,oBAAoB,YAAY,MAAM;AACxC,QAAI,QAAQ;AACV,UAAI,cAAc;AAChB,cAAM,gBAAgB,MAAM;AAAA,MAC9B;AAEA,UAAI,UAAU;AACZ,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,OAAO;AACL,UAAI,cAAc;AAChB,cAAM,gBAAgB,MAAS;AAAA,MACjC;AAEA,UAAI,UAAU;AACZ,iBAAS,IAAI;AAAA,MACf;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,QAAQ,KAAK,CAAC;AAE1C,MAAI,qBAAqB;AAAA,IACvB,CAAC,UAAsC;AACrC,YAAM,eAAe;AAErB,UAAI,QAAQ;AACV,YAAI,cAAc;AAChB,gBAAM,gBAAgB,MAAM;AAAA,QAC9B;AAEA,YAAI,UAAU;AACZ,mBAAS,MAAM;AAAA,QACjB;AAAA,MACF,OAAO;AACL,YAAI,cAAc;AAChB,gBAAM,gBAAgB,MAAS;AAAA,QACjC;AAEA,YAAI,UAAU;AACZ,mBAAS,IAAI;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,UAAU,QAAQ,KAAK;AAAA,EACxC;AAEA,MAAI,mBAAmB,YAAY,MAAM;AACvC,cAAU,EAAE;AAEZ,QAAI,cAAc;AAChB,YAAM,gBAAgB,MAAS;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,KAAK,CAAC;AAElC,SACE,oBAAC,QAAK,UAAU,oBACd,+BAAC,aAAU,SAAQ,SACjB;AAAA,wBAAC,SAAM,OAAO,QAAQ,UAAU,oBAAoB;AAAA,IACpD,oBAAC,UAAO,cAAW,UAAS,SAAQ,WAAU,SAAS,mBACrD,8BAAC,QAAK,MAAK,mBAAkB,MAAK,SAAQ,GAC5C;AAAA,IACA,oBAAC,UAAO,cAAW,UAAS,SAAQ,WAAU,SAAS,kBACrD,8BAAC,QAAK,MAAK,SAAQ,MAAK,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
   "names": []
 }

package/build/components/data-table/internals/addFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/addFilter.ts"],
-  "sourcesContent": ["import {type DataTableProps} from '../DataTable.js';\n\nexport function addFilter(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'],\n  column: string,\n  newFilter: unknown,\n) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  let newFilters: DataTableProps<any, any>['filters'] = [];\n\n  if (filters) {\n    let wasUpdated = false;\n\n    for (let filter of filters) {\n      if (filter.column === column) {\n        newFilters.push({\n          column,\n          filter: newFilter as string | [number, number],\n        });\n\n        wasUpdated = true;\n      } else {\n        newFilters.push(filter);\n      }\n    }\n\n    if (!wasUpdated) {\n      newFilters.push({\n        column,\n        filter: newFilter as string | [number, number],\n      });\n    }\n  } else {\n    newFilters.push({\n      column,\n      filter: newFilter as string | [number, number],\n    });\n  }\n\n  return newFilters;\n}\n"],
+  "sourcesContent": ["import {type DataTableProps} from '../DataTable.js';\n\nexport function addFilter(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'],\n  column: string,\n  newFilter: unknown,\n) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  let newFilters: DataTableProps<any, any>['filters'] = [];\n\n  if (filters) {\n    let wasUpdated = false;\n\n    for (let filter of filters) {\n      if (filter.column === column) {\n        newFilters.push({\n          column,\n          filter: newFilter as [number, number] | string,\n        });\n\n        wasUpdated = true;\n      } else {\n        newFilters.push(filter);\n      }\n    }\n\n    if (!wasUpdated) {\n      newFilters.push({\n        column,\n        filter: newFilter as [number, number] | string,\n      });\n    }\n  } else {\n    newFilters.push({\n      column,\n      filter: newFilter as [number, number] | string,\n    });\n  }\n\n  return newFilters;\n}\n"],
   "mappings": ";AAEO,gBAAS,UAEd,SACA,QACA,WACA;AAEA,MAAI,aAAkD,CAAC;AAEvD,MAAI,SAAS;AACX,QAAI,aAAa;AAEjB,aAAS,UAAU,SAAS;AAC1B,UAAI,OAAO,WAAW,QAAQ;AAC5B,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,QAAQ;AAAA,QACV,CAAC;AAED,qBAAa;AAAA,MACf,OAAO;AACL,mBAAW,KAAK,MAAM;AAAA,MACxB;AAAA,IACF;AAEA,QAAI,CAAC,YAAY;AACf,iBAAW,KAAK;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF,OAAO;AACL,eAAW,KAAK;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }

package/build/development/createTailwindConfig.d.ts

@@ -2,17 +2,17 @@ import { type Config as TailwindConfig } from 'tailwindcss';
 import { type DEFAULT_STOPS } from './internals/constants.js';
 export type CreateTailwindConfigOptions = {
     content?: string[] | undefined;
-    colors?: Record<string, string | {
+    colors?: Record<string, {
+        hex: string;
+        hueShift?: number;
+        saturationShift?: number;
+    } | {
         swatches: Array<{
             hex: string;
             stop: (typeof DEFAULT_STOPS)[number];
         }>;
         hueShift?: number;
         saturationShift?: number;
-    } | {
-        hex: string;
-        hueShift?: number;
-        saturationShift?: number;
-    }>;
+    } | string>;
 };
 export declare function createTailwindConfig({ content, colors, }?: CreateTailwindConfigOptions): TailwindConfig;

package/build/development/createTailwindConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/development/createTailwindConfig.ts"],
-  "sourcesContent": ["import {type Config as TailwindConfig} from 'tailwindcss';\n\nimport {DEFAULT_STOP, type DEFAULT_STOPS} from './internals/constants.js';\nimport {createPalette} from './internals/createPalette.js';\nimport {resolveModule} from './internals/resolveModule.js';\n\nlet defaultCreateTailwindConfigOptions = {\n  content: ['./{.storybook,app,source,stories,tests}/**/*.{js,jsx,ts,tsx,mdx}', '@jakubmazanec/ui'],\n  colors: {\n    gray: '#6c6e79',\n    neutral: '#6c6e79', // copy of \"gray\"\n    red: '#d1002f',\n    danger: '#d1002f', // copy of \"red\"\n    orange: {\n      hex: '#c33909',\n      hueShift: 1,\n    },\n    warning: {\n      hex: '#c33909',\n      hueShift: 1,\n    }, // copy of \"orange\"\n    yellow: {\n      swatches: [\n        {hex: '#fffffa', stop: 10},\n        {hex: '#fffef0', stop: 25},\n        {hex: '#fffbdb', stop: 50},\n        {hex: '#fff3b8', stop: 100},\n        {hex: '#ffe06f', stop: 200},\n        {hex: '#ffc72d', stop: 300},\n        {hex: '#e69d00', stop: 400},\n        {hex: '#9e6300', stop: 500},\n        {hex: '#805701', stop: 600},\n        {hex: '#614700', stop: 700},\n        {hex: '#3d3000', stop: 800},\n        {hex: '#1f1a00', stop: 900},\n        {hex: '#0f0e00', stop: 950},\n        {hex: '#0a0a00', stop: 975},\n        {hex: '#050500', stop: 990},\n      ],\n      hex: '#9e6300',\n      hueShift: 3,\n    },\n    green: '#0a7e22',\n    teal: {\n      hex: '#007c65',\n      hueShift: 5,\n    },\n    blue: '#006dca',\n    primary: '#006dca', // copy of \"blue\"\n    violet: '#8649e1',\n    pink: {\n      hex: '#b229b9',\n      hueShift: 10,\n    },\n  },\n} satisfies CreateTailwindConfigOptions;\n\nexport type CreateTailwindConfigOptions = {\n  content?: string[] | undefined;\n  colors?: Record<\n    string,\n    | string\n    | {\n        swatches: Array<{hex: string; stop: (typeof DEFAULT_STOPS)[number]}>;\n        hueShift?: number;\n        saturationShift?: number;\n      }\n    | {hex: string; hueShift?: number; saturationShift?: number}\n  >;\n};\n\nexport function createTailwindConfig({\n  content,\n  colors,\n}: CreateTailwindConfigOptions = defaultCreateTailwindConfigOptions): TailwindConfig {\n  let themeColors = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: '#fff',\n    black: '#000',\n  };\n\n  for (let [name, color] of Object.entries(colors ?? {})) {\n    if (typeof color === 'string') {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: [\n            {\n              hex: color,\n              stop: DEFAULT_STOP,\n            },\n          ],\n          hueShift: 0,\n          saturationShift: 0,\n        }),\n      };\n    } else if ('swatches' in color) {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: color.swatches,\n          hueShift: color.hueShift ?? 0,\n          saturationShift: color.saturationShift ?? 0,\n        }),\n      };\n    } else if ('hex' in color) {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: [{hex: color.hex, stop: DEFAULT_STOP}],\n          hueShift: color.hueShift ?? 0,\n          saturationShift: color.saturationShift ?? 0,\n        }),\n      };\n    }\n  }\n\n  let resolvedContent = [];\n\n  for (let contentPath of content ?? []) {\n    try {\n      if (contentPath.startsWith('.') || contentPath.startsWith('/')) {\n        resolvedContent.push(contentPath);\n      } else {\n        resolvedContent.push(`${resolveModule(contentPath)}/**`);\n      }\n    } catch {\n      // no-op, because we're catching error caused by `createRequire` not being a function in a browser environment\n    }\n  }\n\n  return {\n    content: resolvedContent,\n    theme: {\n      colors: themeColors,\n      borderRadius: {\n        none: '0',\n        DEFAULT: '0.25rem',\n        '0.5': '0.125rem',\n        '1': '0.25rem',\n        '1.5': '0.375rem',\n        '2': '0.5rem',\n        '2.5': '0.625rem',\n        '3': '0.75rem',\n        '4': '1rem',\n        full: '9999px',\n      },\n      extend: {\n        spacing: {\n          13: '3.25rem',\n          15: '3.75rem',\n          17: '4.25rem',\n          18: '4.5rem',\n          19: '4.75rem',\n          21: '5.25rem',\n          22: '5.5rem',\n          23: '5.75rem',\n          25: '6.25rem',\n          26: '6.5rem',\n          27: '6.75rem',\n          29: '6.25rem',\n          30: '7.5rem',\n          34: '8.5rem',\n          38: '9.5rem',\n          40: '10rem',\n        },\n        fontFamily: {\n          sans: [\n            'InterVariable',\n            'ui-sans-serif',\n            'system-ui',\n            'sans-serif',\n            '\"Apple Color Emoji\"',\n            '\"Segoe UI Emoji\"',\n            '\"Segoe UI Symbol\"',\n            '\"Noto Color Emoji\"',\n          ],\n        },\n      },\n    },\n    future: {\n      hoverOnlyWhenSupported: true,\n    },\n  };\n}\n"],
+  "sourcesContent": ["import {type Config as TailwindConfig} from 'tailwindcss';\n\nimport {DEFAULT_STOP, type DEFAULT_STOPS} from './internals/constants.js';\nimport {createPalette} from './internals/createPalette.js';\nimport {resolveModule} from './internals/resolveModule.js';\n\nlet defaultCreateTailwindConfigOptions = {\n  content: ['./{.storybook,app,source,stories,tests}/**/*.{js,jsx,ts,tsx,mdx}', '@jakubmazanec/ui'],\n  colors: {\n    gray: '#6c6e79',\n    neutral: '#6c6e79', // copy of \"gray\"\n    red: '#d1002f',\n    danger: '#d1002f', // copy of \"red\"\n    orange: {\n      hex: '#c33909',\n      hueShift: 1,\n    },\n    warning: {\n      hex: '#c33909',\n      hueShift: 1,\n    }, // copy of \"orange\"\n    yellow: {\n      swatches: [\n        {hex: '#fffffa', stop: 10},\n        {hex: '#fffef0', stop: 25},\n        {hex: '#fffbdb', stop: 50},\n        {hex: '#fff3b8', stop: 100},\n        {hex: '#ffe06f', stop: 200},\n        {hex: '#ffc72d', stop: 300},\n        {hex: '#e69d00', stop: 400},\n        {hex: '#9e6300', stop: 500},\n        {hex: '#805701', stop: 600},\n        {hex: '#614700', stop: 700},\n        {hex: '#3d3000', stop: 800},\n        {hex: '#1f1a00', stop: 900},\n        {hex: '#0f0e00', stop: 950},\n        {hex: '#0a0a00', stop: 975},\n        {hex: '#050500', stop: 990},\n      ],\n      hex: '#9e6300',\n      hueShift: 3,\n    },\n    green: '#0a7e22',\n    teal: {\n      hex: '#007c65',\n      hueShift: 5,\n    },\n    blue: '#006dca',\n    primary: '#006dca', // copy of \"blue\"\n    violet: '#8649e1',\n    pink: {\n      hex: '#b229b9',\n      hueShift: 10,\n    },\n  },\n} satisfies CreateTailwindConfigOptions;\n\nexport type CreateTailwindConfigOptions = {\n  content?: string[] | undefined;\n  colors?: Record<\n    string,\n    | {hex: string; hueShift?: number; saturationShift?: number}\n    | {\n        swatches: Array<{hex: string; stop: (typeof DEFAULT_STOPS)[number]}>;\n        hueShift?: number;\n        saturationShift?: number;\n      }\n    | string\n  >;\n};\n\nexport function createTailwindConfig({\n  content,\n  colors,\n}: CreateTailwindConfigOptions = defaultCreateTailwindConfigOptions): TailwindConfig {\n  let themeColors = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: '#fff',\n    black: '#000',\n  };\n\n  for (let [name, color] of Object.entries(colors ?? {})) {\n    if (typeof color === 'string') {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: [\n            {\n              hex: color,\n              stop: DEFAULT_STOP,\n            },\n          ],\n          hueShift: 0,\n          saturationShift: 0,\n        }),\n      };\n    } else if ('swatches' in color) {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: color.swatches,\n          hueShift: color.hueShift ?? 0,\n          saturationShift: color.saturationShift ?? 0,\n        }),\n      };\n    } else if ('hex' in color) {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: [{hex: color.hex, stop: DEFAULT_STOP}],\n          hueShift: color.hueShift ?? 0,\n          saturationShift: color.saturationShift ?? 0,\n        }),\n      };\n    }\n  }\n\n  let resolvedContent = [];\n\n  for (let contentPath of content ?? []) {\n    try {\n      if (contentPath.startsWith('.') || contentPath.startsWith('/')) {\n        resolvedContent.push(contentPath);\n      } else {\n        resolvedContent.push(`${resolveModule(contentPath)}/**`);\n      }\n    } catch {\n      // no-op, because we're catching error caused by `createRequire` not being a function in a browser environment\n    }\n  }\n\n  return {\n    content: resolvedContent,\n    theme: {\n      colors: themeColors,\n      borderRadius: {\n        none: '0',\n        DEFAULT: '0.25rem',\n        '0.5': '0.125rem',\n        '1': '0.25rem',\n        '1.5': '0.375rem',\n        '2': '0.5rem',\n        '2.5': '0.625rem',\n        '3': '0.75rem',\n        '4': '1rem',\n        full: '9999px',\n      },\n      extend: {\n        spacing: {\n          13: '3.25rem',\n          15: '3.75rem',\n          17: '4.25rem',\n          18: '4.5rem',\n          19: '4.75rem',\n          21: '5.25rem',\n          22: '5.5rem',\n          23: '5.75rem',\n          25: '6.25rem',\n          26: '6.5rem',\n          27: '6.75rem',\n          29: '6.25rem',\n          30: '7.5rem',\n          34: '8.5rem',\n          38: '9.5rem',\n          40: '10rem',\n        },\n        fontFamily: {\n          sans: [\n            'InterVariable',\n            'ui-sans-serif',\n            'system-ui',\n            'sans-serif',\n            '\"Apple Color Emoji\"',\n            '\"Segoe UI Emoji\"',\n            '\"Segoe UI Symbol\"',\n            '\"Noto Color Emoji\"',\n          ],\n        },\n      },\n    },\n    future: {\n      hoverOnlyWhenSupported: true,\n    },\n  };\n}\n"],
   "mappings": "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",
   "names": []
 }

package/build/development/internals/createDisplayColor.js

@@ -6,7 +6,7 @@ export function createDisplayColor(hexColor, alphaPlaceholder) {
   if (!hexColor || !isHex(hexColor)) {
     return null;
   }
-  let display = null;
+  let display;
   let oklchColor = oklch(hexColor);
   if (!oklchColor) {
     throw new Error(`Couldn't convert "${hexColor}" to OKLCH!`);

package/build/development/internals/createDisplayColor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/development/internals/createDisplayColor.ts"],
-  "sourcesContent": ["import {oklch} from 'culori';\n\nimport {isHex} from './isHex.js';\nimport {round} from './round.js';\n\nexport function createDisplayColor(hexColor: string, alphaPlaceholder?: boolean): string | null {\n  if (!hexColor || !isHex(hexColor)) {\n    return null;\n  }\n\n  let display = null;\n  let oklchColor = oklch(hexColor);\n\n  if (!oklchColor) {\n    throw new Error(`Couldn't convert \"${hexColor}\" to OKLCH!`);\n  }\n\n  let {l, c, h = 0} = oklchColor;\n\n  display = `oklch(${[\n    `${round(l * 100, 2)}%`,\n    round(c, 3),\n    round(h, 2),\n    `/`,\n    alphaPlaceholder ? `<alpha-value>` : 1,\n  ].join(` `)})`;\n\n  return display;\n}\n"],
-  "mappings": ";AAAA,SAAQ,aAAY;AAEpB,SAAQ,aAAY;AACpB,SAAQ,aAAY;AAEb,gBAAS,mBAAmB,UAAkB,kBAA2C;AAC9F,MAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,GAAG;AACjC,WAAO;AAAA,EACT;AAEA,MAAI,UAAU;AACd,MAAI,aAAa,MAAM,QAAQ;AAE/B,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,qBAAqB,QAAQ,aAAa;AAAA,EAC5D;AAEA,MAAI,EAAC,GAAG,GAAG,IAAI,EAAC,IAAI;AAEpB,YAAU,SAAS;AAAA,IACjB,GAAG,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IACpB,MAAM,GAAG,CAAC;AAAA,IACV,MAAM,GAAG,CAAC;AAAA,IACV;AAAA,IACA,mBAAmB,kBAAkB;AAAA,EACvC,EAAE,KAAK,GAAG,CAAC;AAEX,SAAO;AACT;",
+  "sourcesContent": ["import {oklch} from 'culori';\n\nimport {isHex} from './isHex.js';\nimport {round} from './round.js';\n\nexport function createDisplayColor(hexColor: string, alphaPlaceholder?: boolean): string | null {\n  if (!hexColor || !isHex(hexColor)) {\n    return null;\n  }\n\n  let display;\n  let oklchColor = oklch(hexColor);\n\n  if (!oklchColor) {\n    throw new Error(`Couldn't convert \"${hexColor}\" to OKLCH!`);\n  }\n\n  let {l, c, h = 0} = oklchColor;\n\n  display = `oklch(${[\n    `${round(l * 100, 2)}%`,\n    round(c, 3),\n    round(h, 2),\n    `/`,\n    alphaPlaceholder ? `<alpha-value>` : 1,\n  ].join(` `)})`;\n\n  return display;\n}\n"],
+  "mappings": ";AAAA,SAAQ,aAAY;AAEpB,SAAQ,aAAY;AACpB,SAAQ,aAAY;AAEb,gBAAS,mBAAmB,UAAkB,kBAA2C;AAC9F,MAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,GAAG;AACjC,WAAO;AAAA,EACT;AAEA,MAAI;AACJ,MAAI,aAAa,MAAM,QAAQ;AAE/B,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,qBAAqB,QAAQ,aAAa;AAAA,EAC5D;AAEA,MAAI,EAAC,GAAG,GAAG,IAAI,EAAC,IAAI;AAEpB,YAAU,SAAS;AAAA,IACjB,GAAG,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IACpB,MAAM,GAAG,CAAC;AAAA,IACV,MAAM,GAAG,CAAC;AAAA,IACV;AAAA,IACA,mBAAmB,kBAAkB;AAAA,EACvC,EAAE,KAAK,GAAG,CAAC;AAEX,SAAO;AACT;",
   "names": []
 }

package/build/development/internals/hexToHsl.js

@@ -12,9 +12,9 @@ export function hexToHsl(rawHex) {
   let cmin = Math.min(r, g, b);
   let cmax = Math.max(r, g, b);
   let delta = cmax - cmin;
-  let h = 0;
-  let s = 0;
-  let l = 0;
+  let h;
+  let s;
+  let l;
   if (delta === 0) {
     h = 0;
   } else if (cmax === r) {

package/build/development/internals/hexToHsl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/development/internals/hexToHsl.ts"],
-  "sourcesContent": ["import {hexToRgb} from './hexToRgb.js';\n\nexport function hexToHsl(rawHex: string) {\n  let hex = rawHex;\n\n  if (hex.length === 6 && !hex.startsWith(`#`)) {\n    hex = `#${hex}`;\n  }\n\n  let {r, g, b} = hexToRgb(hex);\n\n  r /= 255;\n  g /= 255;\n  b /= 255;\n\n  let cmin = Math.min(r, g, b);\n  let cmax = Math.max(r, g, b);\n  let delta = cmax - cmin;\n  let h = 0;\n  let s = 0;\n  let l = 0;\n\n  if (delta === 0) {\n    h = 0;\n  } else if (cmax === r) {\n    h = ((g - b) / delta) % 6;\n  } else if (cmax === g) {\n    h = (b - r) / delta + 2;\n  } else {\n    h = (r - g) / delta + 4;\n  }\n\n  h = Math.round(h * 60);\n\n  if (h < 0) {\n    h += 360;\n  }\n\n  l = (cmax + cmin) / 2;\n  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));\n  s = +(s * 100).toFixed(1);\n  l = +(l * 100).toFixed(1);\n\n  return {h, s, l}; // values can be used like this: `hsl(${h}, ${s}%, ${l}%)`\n}\n"],
-  "mappings": ";AAAA,SAAQ,gBAAe;AAEhB,gBAAS,SAAS,QAAgB;AACvC,MAAI,MAAM;AAEV,MAAI,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,GAAG,GAAG;AAC5C,UAAM,IAAI,GAAG;AAAA,EACf;AAEA,MAAI,EAAC,GAAG,GAAG,EAAC,IAAI,SAAS,GAAG;AAE5B,OAAK;AACL,OAAK;AACL,OAAK;AAEL,MAAI,OAAO,KAAK,IAAI,GAAG,GAAG,CAAC;AAC3B,MAAI,OAAO,KAAK,IAAI,GAAG,GAAG,CAAC;AAC3B,MAAI,QAAQ,OAAO;AACnB,MAAI,IAAI;AACR,MAAI,IAAI;AACR,MAAI,IAAI;AAER,MAAI,UAAU,GAAG;AACf,QAAI;AAAA,EACN,WAAW,SAAS,GAAG;AACrB,SAAM,IAAI,KAAK,QAAS;AAAA,EAC1B,WAAW,SAAS,GAAG;AACrB,SAAK,IAAI,KAAK,QAAQ;AAAA,EACxB,OAAO;AACL,SAAK,IAAI,KAAK,QAAQ;AAAA,EACxB;AAEA,MAAI,KAAK,MAAM,IAAI,EAAE;AAErB,MAAI,IAAI,GAAG;AACT,SAAK;AAAA,EACP;AAEA,OAAK,OAAO,QAAQ;AACpB,MAAI,UAAU,IAAI,IAAI,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC;AACrD,MAAI,EAAE,IAAI,KAAK,QAAQ,CAAC;AACxB,MAAI,EAAE,IAAI,KAAK,QAAQ,CAAC;AAExB,SAAO,EAAC,GAAG,GAAG,EAAC;AACjB;",
+  "sourcesContent": ["import {hexToRgb} from './hexToRgb.js';\n\nexport function hexToHsl(rawHex: string) {\n  let hex = rawHex;\n\n  if (hex.length === 6 && !hex.startsWith(`#`)) {\n    hex = `#${hex}`;\n  }\n\n  let {r, g, b} = hexToRgb(hex);\n\n  r /= 255;\n  g /= 255;\n  b /= 255;\n\n  let cmin = Math.min(r, g, b);\n  let cmax = Math.max(r, g, b);\n  let delta = cmax - cmin;\n  let h;\n  let s;\n  let l;\n\n  if (delta === 0) {\n    h = 0;\n  } else if (cmax === r) {\n    h = ((g - b) / delta) % 6;\n  } else if (cmax === g) {\n    h = (b - r) / delta + 2;\n  } else {\n    h = (r - g) / delta + 4;\n  }\n\n  h = Math.round(h * 60);\n\n  if (h < 0) {\n    h += 360;\n  }\n\n  l = (cmax + cmin) / 2;\n  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));\n  s = +(s * 100).toFixed(1);\n  l = +(l * 100).toFixed(1);\n\n  return {h, s, l}; // values can be used like this: `hsl(${h}, ${s}%, ${l}%)`\n}\n"],
+  "mappings": ";AAAA,SAAQ,gBAAe;AAEhB,gBAAS,SAAS,QAAgB;AACvC,MAAI,MAAM;AAEV,MAAI,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,GAAG,GAAG;AAC5C,UAAM,IAAI,GAAG;AAAA,EACf;AAEA,MAAI,EAAC,GAAG,GAAG,EAAC,IAAI,SAAS,GAAG;AAE5B,OAAK;AACL,OAAK;AACL,OAAK;AAEL,MAAI,OAAO,KAAK,IAAI,GAAG,GAAG,CAAC;AAC3B,MAAI,OAAO,KAAK,IAAI,GAAG,GAAG,CAAC;AAC3B,MAAI,QAAQ,OAAO;AACnB,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,UAAU,GAAG;AACf,QAAI;AAAA,EACN,WAAW,SAAS,GAAG;AACrB,SAAM,IAAI,KAAK,QAAS;AAAA,EAC1B,WAAW,SAAS,GAAG;AACrB,SAAK,IAAI,KAAK,QAAQ;AAAA,EACxB,OAAO;AACL,SAAK,IAAI,KAAK,QAAQ;AAAA,EACxB;AAEA,MAAI,KAAK,MAAM,IAAI,EAAE;AAErB,MAAI,IAAI,GAAG;AACT,SAAK;AAAA,EACP;AAEA,OAAK,OAAO,QAAQ;AACpB,MAAI,UAAU,IAAI,IAAI,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC;AACrD,MAAI,EAAE,IAAI,KAAK,QAAQ,CAAC;AACxB,MAAI,EAAE,IAAI,KAAK,QAAQ,CAAC;AAExB,SAAO,EAAC,GAAG,GAAG,EAAC;AACjB;",
   "names": []
 }

package/build/development/internals/isHex.js

@@ -1,7 +1,7 @@
 "use strict";
 export function isHex(value) {
-  const valueHex = value.length === 6 && !value.startsWith(`#`) ? `#${value}` : value;
-  const re = new RegExp(/^#[\da-f]{6}$/i);
-  return re.test(valueHex.toUpperCase());
+  let valueHex = value.length === 6 && !value.startsWith(`#`) ? `#${value}` : value;
+  let regExp = new RegExp(/^#[\da-f]{6}$/i);
+  return regExp.test(valueHex.toUpperCase());
 }
 //# sourceMappingURL=isHex.js.map

package/build/development/internals/isHex.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/development/internals/isHex.ts"],
-  "sourcesContent": ["export function isHex(value: string) {\n  const valueHex = value.length === 6 && !value.startsWith(`#`) ? `#${value}` : value;\n\n  const re = new RegExp(/^#[\\da-f]{6}$/i);\n\n  return re.test(valueHex.toUpperCase());\n}\n"],
-  "mappings": ";AAAO,gBAAS,MAAM,OAAe;AACnC,QAAM,WAAW,MAAM,WAAW,KAAK,CAAC,MAAM,WAAW,GAAG,IAAI,IAAI,KAAK,KAAK;AAE9E,QAAM,KAAK,IAAI,OAAO,gBAAgB;AAEtC,SAAO,GAAG,KAAK,SAAS,YAAY,CAAC;AACvC;",
+  "sourcesContent": ["export function isHex(value: string) {\n  let valueHex = value.length === 6 && !value.startsWith(`#`) ? `#${value}` : value;\n  let regExp = new RegExp(/^#[\\da-f]{6}$/i);\n\n  return regExp.test(valueHex.toUpperCase());\n}\n"],
+  "mappings": ";AAAO,gBAAS,MAAM,OAAe;AACnC,MAAI,WAAW,MAAM,WAAW,KAAK,CAAC,MAAM,WAAW,GAAG,IAAI,IAAI,KAAK,KAAK;AAC5E,MAAI,SAAS,IAAI,OAAO,gBAAgB;AAExC,SAAO,OAAO,KAAK,SAAS,YAAY,CAAC;AAC3C;",
   "names": []
 }

package/build/development/internals/round.js

@@ -1,6 +1,6 @@
 "use strict";
 export function round(value, precision = 0) {
-  const multiplier = 10 ** precision;
+  let multiplier = 10 ** precision;
   return Math.round(value * multiplier) / multiplier;
 }
 //# sourceMappingURL=round.js.map

package/build/development/internals/round.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/development/internals/round.ts"],
-  "sourcesContent": ["export function round(value: number, precision = 0) {\n  const multiplier = 10 ** precision;\n\n  return Math.round(value * multiplier) / multiplier;\n}\n"],
-  "mappings": ";AAAO,gBAAS,MAAM,OAAe,YAAY,GAAG;AAClD,QAAM,aAAa,MAAM;AAEzB,SAAO,KAAK,MAAM,QAAQ,UAAU,IAAI;AAC1C;",
+  "sourcesContent": ["export function round(value: number, precision = 0) {\n  let multiplier = 10 ** precision;\n\n  return Math.round(value * multiplier) / multiplier;\n}\n"],
+  "mappings": ";AAAO,gBAAS,MAAM,OAAe,YAAY,GAAG;AAClD,MAAI,aAAa,MAAM;AAEvB,SAAO,KAAK,MAAM,QAAQ,UAAU,IAAI;AAC1C;",
   "names": []
 }

package/build/development/internals.d.ts

@@ -11,8 +11,8 @@ export * from './internals/hexToRgb.js';
 export * from './internals/hslToHex.js';
 export * from './internals/hslToRgb.js';
 export * from './internals/isHex.js';
-export * from './internals/PaletteConfig.js';
+export type * from './internals/PaletteConfig.js';
 export * from './internals/resolveModule.js';
 export * from './internals/round.js';
-export * from './internals/SwatchValue.js';
+export type * from './internals/SwatchValue.js';
 export * from './internals/unsignedModulo.js';

package/build/development/internals.js

@@ -12,9 +12,7 @@ export * from "./internals/hexToRgb.js";
 export * from "./internals/hslToHex.js";
 export * from "./internals/hslToRgb.js";
 export * from "./internals/isHex.js";
-export * from "./internals/PaletteConfig.js";
 export * from "./internals/resolveModule.js";
 export * from "./internals/round.js";
-export * from "./internals/SwatchValue.js";
 export * from "./internals/unsignedModulo.js";
 //# sourceMappingURL=internals.js.map

package/build/development/internals.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/development/internals.ts"],
-  "sourcesContent": ["export * from './internals/clamp.js';\nexport * from './internals/constants.js';\nexport * from './internals/createDisplayColor.js';\nexport * from './internals/createDistributionValues.js';\nexport * from './internals/createHueScale.js';\nexport * from './internals/createPalette.js';\nexport * from './internals/createSaturationScale.js';\nexport * from './internals/createSwatches.js';\nexport * from './internals/hexToHsl.js';\nexport * from './internals/hexToRgb.js';\nexport * from './internals/hslToHex.js';\nexport * from './internals/hslToRgb.js';\nexport * from './internals/isHex.js';\nexport * from './internals/PaletteConfig.js';\nexport * from './internals/resolveModule.js';\nexport * from './internals/round.js';\nexport * from './internals/SwatchValue.js';\nexport * from './internals/unsignedModulo.js';\n"],
-  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from './internals/clamp.js';\nexport * from './internals/constants.js';\nexport * from './internals/createDisplayColor.js';\nexport * from './internals/createDistributionValues.js';\nexport * from './internals/createHueScale.js';\nexport * from './internals/createPalette.js';\nexport * from './internals/createSaturationScale.js';\nexport * from './internals/createSwatches.js';\nexport * from './internals/hexToHsl.js';\nexport * from './internals/hexToRgb.js';\nexport * from './internals/hslToHex.js';\nexport * from './internals/hslToRgb.js';\nexport * from './internals/isHex.js';\nexport type * from './internals/PaletteConfig.js';\nexport * from './internals/resolveModule.js';\nexport * from './internals/round.js';\nexport type * from './internals/SwatchValue.js';\nexport * from './internals/unsignedModulo.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;",
   "names": []
 }

package/build/theme/Theme.d.ts

@@ -71,10 +71,10 @@ export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
     outputComponentName: true;
 }> & ComponentTheme<typeof useErrorTheme, {
     outputComponentName: true;
-}> & ComponentTheme<typeof useFieldsetTheme, {
-    outputComponentName: true;
 }> & ComponentTheme<typeof useFieldTheme, {
     outputComponentName: true;
+}> & ComponentTheme<typeof useFieldsetTheme, {
+    outputComponentName: true;
 }> & ComponentTheme<typeof useFormTheme, {
     outputComponentName: true;
 }> & ComponentTheme<typeof useIconTheme, {
@@ -93,10 +93,10 @@ export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
     outputComponentName: true;
 }> & ComponentTheme<typeof useMenuHeadingTheme, {
     outputComponentName: true;
-}> & ComponentTheme<typeof useMenuItemsTheme, {
-    outputComponentName: true;
 }> & ComponentTheme<typeof useMenuItemTheme, {
     outputComponentName: true;
+}> & ComponentTheme<typeof useMenuItemsTheme, {
+    outputComponentName: true;
 }> & ComponentTheme<typeof useMenuSectionTheme, {
     outputComponentName: true;
 }> & ComponentTheme<typeof useMenuSeparatorTheme, {
@@ -129,18 +129,18 @@ export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
     outputComponentName: true;
 }> & ComponentTheme<typeof useTableFootTheme, {
     outputComponentName: true;
-}> & ComponentTheme<typeof useTableHeaderTheme, {
-    outputComponentName: true;
 }> & ComponentTheme<typeof useTableHeadTheme, {
     outputComponentName: true;
+}> & ComponentTheme<typeof useTableHeaderTheme, {
+    outputComponentName: true;
 }> & ComponentTheme<typeof useTableRowTheme, {
     outputComponentName: true;
 }> & ComponentTheme<typeof useTableTheme, {
     outputComponentName: true;
-}> & ComponentTheme<typeof useTextareaTheme, {
-    outputComponentName: true;
 }> & ComponentTheme<typeof useTextTheme, {
     outputComponentName: true;
+}> & ComponentTheme<typeof useTextareaTheme, {
+    outputComponentName: true;
 }> & {
     merge: (...rest: ClassName[]) => string;
 }>;

package/build/theme/internals/ComponentThemeCompoundVariants.d.ts

@@ -1,12 +1,12 @@
 import { type ClassName } from './ClassName.js';
 import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
 import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
-export type ComponentThemeCompoundVariants<V extends ComponentThemeDefinitionVariants, E extends ComponentThemeDefinitionElements | undefined> = Array<(E extends ComponentThemeDefinitionElements ? {
+export type ComponentThemeCompoundVariants<V extends ComponentThemeDefinitionVariants, E extends ComponentThemeDefinitionElements | undefined> = Array<{
+    [K in keyof V]?: Array<V[K][number]> | V[K][number];
+} & (E extends ComponentThemeDefinitionElements ? {
     classNames: {
         [K in E[number]]: ClassName;
     };
 } : {
     className: ClassName;
-}) & {
-    [K in keyof V]?: Array<V[K][number]> | V[K][number];
-}>;
+})>;

package/build/theme/internals/UseComponentTheme.d.ts

@@ -3,19 +3,19 @@ import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitio
 import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
 import { type ComponentThemeProps } from './ComponentThemeProps.js';
 import { type UseComponentThemeReturn } from './UseComponentThemeReturn.js';
-export type UseComponentTheme<N extends string, D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['variants'] extends ComponentThemeDefinitionVariants ? D['elements'] extends ComponentThemeDefinitionElements ? ((themeProps: ComponentThemeProps<D>) => UseComponentThemeReturn<D>) & {
+export type UseComponentTheme<N extends string, D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['variants'] extends ComponentThemeDefinitionVariants ? D['elements'] extends ComponentThemeDefinitionElements ? {
     componentThemeName: N;
     themeDefinition: D;
-} : ((themeProps: ComponentThemeProps<D>) => UseComponentThemeReturn<D>) & {
+} & ((themeProps: ComponentThemeProps<D>) => UseComponentThemeReturn<D>) : {
     componentThemeName: N;
     themeDefinition: D;
-} : D['elements'] extends ComponentThemeDefinitionElements ? (() => UseComponentThemeReturn<D>) & {
+} & ((themeProps: ComponentThemeProps<D>) => UseComponentThemeReturn<D>) : D['elements'] extends ComponentThemeDefinitionElements ? {
     componentThemeName: N;
     themeDefinition: D;
-} : (() => UseComponentThemeReturn<D>) & {
+} & (() => UseComponentThemeReturn<D>) : {
     componentThemeName: N;
     themeDefinition: D;
-} : (() => UseComponentThemeReturn<D>) & {
+} & (() => UseComponentThemeReturn<D>) : {
     componentThemeName: N;
     themeDefinition: D;
-};
+} & (() => UseComponentThemeReturn<D>);

package/build/theme/internals/createUseComponentThemeReturn.d.ts

@@ -4,9 +4,9 @@ import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitio
 import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
 import { type ComponentThemeProps } from './ComponentThemeProps.js';
 export declare function createUseComponentThemeReturn(componentTheme: ComponentTheme<{
-    variants: ComponentThemeDefinitionVariants;
     elements: ComponentThemeDefinitionElements;
 }> | ComponentTheme<{
+    variants: ComponentThemeDefinitionVariants;
     elements: ComponentThemeDefinitionElements;
 }> | ComponentTheme<{
     variants: ComponentThemeDefinitionVariants;

package/build/theme/internals/createUseComponentThemeReturn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/theme/internals/createUseComponentThemeReturn.ts"],
-  "sourcesContent": ["/* eslint-disable unicorn/consistent-destructuring -- destructuring leads to messy code because of complicated types */\nimport {booleanToString} from './booleanToString.js';\nimport {type ClassName} from './ClassName.js';\nimport {type ComponentTheme} from './ComponentTheme.js';\nimport {type ComponentThemeDefinitionElements} from './ComponentThemeDefinitionElements.js';\nimport {type ComponentThemeDefinitionVariants} from './ComponentThemeDefinitionVariants.js';\nimport {type ComponentThemeProps} from './ComponentThemeProps.js';\nimport {pickPropertyIfExists} from './pickPropertyIfExists.js';\n\nexport function createUseComponentThemeReturn(\n  componentTheme:\n    | ComponentTheme<{\n        variants: ComponentThemeDefinitionVariants;\n        elements: ComponentThemeDefinitionElements;\n      }>\n    | ComponentTheme<{elements: ComponentThemeDefinitionElements}>\n    | ComponentTheme<{variants: ComponentThemeDefinitionVariants}>\n    | ComponentTheme<undefined>,\n  cx: (...inputs: ClassName[]) => string,\n  themeProps?:\n    | ComponentThemeProps<{variants: ComponentThemeDefinitionVariants}>\n    | ComponentThemeProps<undefined>,\n  elementName?: string,\n) {\n  if (!themeProps || !('variants' in componentTheme)) {\n    return (baseClassName: ClassName, overrideClassName: ClassName) =>\n      cx(\n        baseClassName,\n        'classNames' in componentTheme ?\n          pickPropertyIfExists(componentTheme.classNames, elementName)\n        : 'className' in componentTheme ? componentTheme.className\n        : undefined,\n        overrideClassName,\n      );\n  }\n\n  let {variants, compoundVariants} = componentTheme;\n  let getVariantClassNames = Object.keys(variants).map((variant) => {\n    let variantProp = themeProps[variant as keyof typeof themeProps] as boolean | string;\n    let variantKey = booleanToString(variantProp);\n\n    return pickPropertyIfExists(variants[variant]?.[variantKey as 'false' | 'true'], elementName);\n  });\n  let getCompoundVariantClassNames: ClassName[] = [];\n\n  if (compoundVariants) {\n    for (let compoundVariant of compoundVariants) {\n      let {className, classNames, ...rest} = compoundVariant;\n      let matchesAllSelectors = true;\n\n      for (let [cvKey, cvSelector] of Object.entries(rest)) {\n        let selector = themeProps[cvKey as keyof typeof themeProps];\n\n        if (Array.isArray(cvSelector)) {\n          if (!cvSelector.includes(selector as string)) {\n            matchesAllSelectors = false;\n\n            break;\n          }\n        } else if (selector !== cvSelector) {\n          matchesAllSelectors = false;\n\n          break;\n        }\n      }\n\n      if (matchesAllSelectors) {\n        getCompoundVariantClassNames.push(\n          ('classNames' in compoundVariant ?\n            pickPropertyIfExists(classNames as Record<string, ClassName>, elementName)\n          : className) as ClassName,\n        );\n      }\n    }\n  }\n\n  return (baseClassName: ClassName, overrideClassName: ClassName) =>\n    cx(\n      baseClassName,\n      'classNames' in componentTheme ? pickPropertyIfExists(componentTheme.classNames, elementName)\n      : 'className' in componentTheme ? componentTheme.className\n      : undefined,\n      getVariantClassNames,\n      getCompoundVariantClassNames,\n      overrideClassName,\n    );\n}\n"],
+  "sourcesContent": ["/* eslint-disable unicorn/consistent-destructuring -- destructuring leads to messy code because of complicated types */\nimport {booleanToString} from './booleanToString.js';\nimport {type ClassName} from './ClassName.js';\nimport {type ComponentTheme} from './ComponentTheme.js';\nimport {type ComponentThemeDefinitionElements} from './ComponentThemeDefinitionElements.js';\nimport {type ComponentThemeDefinitionVariants} from './ComponentThemeDefinitionVariants.js';\nimport {type ComponentThemeProps} from './ComponentThemeProps.js';\nimport {pickPropertyIfExists} from './pickPropertyIfExists.js';\n\nexport function createUseComponentThemeReturn(\n  componentTheme:\n    | ComponentTheme<{elements: ComponentThemeDefinitionElements}>\n    | ComponentTheme<{\n        variants: ComponentThemeDefinitionVariants;\n        elements: ComponentThemeDefinitionElements;\n      }>\n    | ComponentTheme<{variants: ComponentThemeDefinitionVariants}>\n    | ComponentTheme<undefined>,\n  cx: (...inputs: ClassName[]) => string,\n  themeProps?:\n    | ComponentThemeProps<{variants: ComponentThemeDefinitionVariants}>\n    | ComponentThemeProps<undefined>,\n  elementName?: string,\n) {\n  if (!themeProps || !('variants' in componentTheme)) {\n    return (baseClassName: ClassName, overrideClassName: ClassName) =>\n      cx(\n        baseClassName,\n        'classNames' in componentTheme ?\n          pickPropertyIfExists(componentTheme.classNames, elementName)\n        : 'className' in componentTheme ? componentTheme.className\n        : undefined,\n        overrideClassName,\n      );\n  }\n\n  let {variants, compoundVariants} = componentTheme;\n  let getVariantClassNames = Object.keys(variants).map((variant) => {\n    let variantProp = themeProps[variant as keyof typeof themeProps] as boolean | string;\n    let variantKey = booleanToString(variantProp);\n\n    return pickPropertyIfExists(variants[variant]?.[variantKey as 'false' | 'true'], elementName);\n  });\n  let getCompoundVariantClassNames: ClassName[] = [];\n\n  if (compoundVariants) {\n    for (let compoundVariant of compoundVariants) {\n      let {className, classNames, ...rest} = compoundVariant;\n      let matchesAllSelectors = true;\n\n      for (let [cvKey, cvSelector] of Object.entries(rest)) {\n        let selector = themeProps[cvKey as keyof typeof themeProps];\n\n        if (Array.isArray(cvSelector)) {\n          if (!cvSelector.includes(selector as string)) {\n            matchesAllSelectors = false;\n\n            break;\n          }\n        } else if (selector !== cvSelector) {\n          matchesAllSelectors = false;\n\n          break;\n        }\n      }\n\n      if (matchesAllSelectors) {\n        getCompoundVariantClassNames.push(\n          ('classNames' in compoundVariant ?\n            pickPropertyIfExists(classNames as Record<string, ClassName>, elementName)\n          : className) as ClassName,\n        );\n      }\n    }\n  }\n\n  return (baseClassName: ClassName, overrideClassName: ClassName) =>\n    cx(\n      baseClassName,\n      'classNames' in componentTheme ? pickPropertyIfExists(componentTheme.classNames, elementName)\n      : 'className' in componentTheme ? componentTheme.className\n      : undefined,\n      getVariantClassNames,\n      getCompoundVariantClassNames,\n      overrideClassName,\n    );\n}\n"],
   "mappings": ";AACA,SAAQ,uBAAsB;AAM9B,SAAQ,4BAA2B;AAE5B,gBAAS,8BACd,gBAQA,IACA,YAGA,aACA;AACA,MAAI,CAAC,cAAc,EAAE,cAAc,iBAAiB;AAClD,WAAO,CAAC,eAA0B,sBAChC;AAAA,MACE;AAAA,MACA,gBAAgB,iBACd,qBAAqB,eAAe,YAAY,WAAW,IAC3D,eAAe,iBAAiB,eAAe,YAC/C;AAAA,MACF;AAAA,IACF;AAAA,EACJ;AAEA,MAAI,EAAC,UAAU,iBAAgB,IAAI;AACnC,MAAI,uBAAuB,OAAO,KAAK,QAAQ,EAAE,IAAI,CAAC,YAAY;AAChE,QAAI,cAAc,WAAW,OAAkC;AAC/D,QAAI,aAAa,gBAAgB,WAAW;AAE5C,WAAO,qBAAqB,SAAS,OAAO,IAAI,UAA8B,GAAG,WAAW;AAAA,EAC9F,CAAC;AACD,MAAI,+BAA4C,CAAC;AAEjD,MAAI,kBAAkB;AACpB,aAAS,mBAAmB,kBAAkB;AAC5C,UAAI,EAAC,WAAW,YAAY,GAAG,KAAI,IAAI;AACvC,UAAI,sBAAsB;AAE1B,eAAS,CAAC,OAAO,UAAU,KAAK,OAAO,QAAQ,IAAI,GAAG;AACpD,YAAI,WAAW,WAAW,KAAgC;AAE1D,YAAI,MAAM,QAAQ,UAAU,GAAG;AAC7B,cAAI,CAAC,WAAW,SAAS,QAAkB,GAAG;AAC5C,kCAAsB;AAEtB;AAAA,UACF;AAAA,QACF,WAAW,aAAa,YAAY;AAClC,gCAAsB;AAEtB;AAAA,QACF;AAAA,MACF;AAEA,UAAI,qBAAqB;AACvB,qCAA6B;AAAA,UAC1B,gBAAgB,kBACf,qBAAqB,YAAyC,WAAW,IACzE;AAAA,QACJ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,CAAC,eAA0B,sBAChC;AAAA,IACE;AAAA,IACA,gBAAgB,iBAAiB,qBAAqB,eAAe,YAAY,WAAW,IAC1F,eAAe,iBAAiB,eAAe,YAC/C;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACJ;",
   "names": []
 }