@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra469.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra469.js","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra469.js","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxDEV","Select","item","changedValue","value","this","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}

package/dist/lyra47.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra89.cjs"),x=require("./lyra449.cjs"),i=require("./lyra92.cjs"),m=require("./lyra72.cjs");require("./lyra73.cjs");const r=require("./lyra48.cjs");function k(t,e){const{list:a}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:e,className:a({className:t.className}),style:t.style,children:t.children})}const w=i.fixedForwardRef(k);w.displayName="KeyValueRowList";function v({children:t,classes:e,label:a,multiline:u=!1,styles:o,type:R="text"},l){const{key:f,keyValueRowBadgeContainer:j,keyValueRowButtonContainer:N,row:C,value:K}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsxs("div",{ref:l,className:C({className:e==null?void 0:e.row}),style:o==null?void 0:o.row,children:[n.jsxRuntimeExports.jsx("div",{className:f({className:e==null?void 0:e.keyContainer}),style:o==null?void 0:o.keyContainer,children:n.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:x.clsx("font-semibold",e==null?void 0:e.key),style:o==null?void 0:o.key,children:a})}),n.jsxRuntimeExports.jsx("div",{className:K({className:x.clsx(R==="badge"&&j(),R==="button"&&N(),e==null?void 0:e.valueContainer)}),style:o==null?void 0:o.valueContainer,children:!t||typeof t=="string"||typeof t=="number"?n.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:x.clsx(u?"":"inline-block max-w-full truncate",e==null?void 0:e.value),style:o==null?void 0:o.value,children:typeof t=="number"?t.toString():t!=null&&t.length?t:"-"}):t})]})}const d=i.fixedForwardRef(v);d.displayName="KeyValueRow";function g({children:t,className:e,style:a},u){const{keyValueRowBadgeContainer:o}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:u,className:o({className:e}),style:a,children:t})}const y=i.fixedForwardRef(g);y.displayName="KeyValueRowBadge";function p({children:t,className:e,style:a},u){const{keyValueRowButtonContainer:o}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:u,className:o({className:e}),style:a,children:t})}const V=i.fixedForwardRef(p);V.displayName="KeyValueRowButtonContainer";exports.KeyValueRow=d;exports.KeyValueRowBadgeContainer=y;exports.KeyValueRowButtonContainer=V;exports.KeyValueRowList=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),m=require("./lyra449.cjs"),i=require("./lyra92.cjs"),y=require("./lyra72.cjs");require("./lyra73.cjs");const u=require("./lyra48.cjs");function f(t,e){const{list:a}=u.keyValueRowStyles();return r.jsxDevRuntimeExports.jsxDEV("div",{ref:e,className:a({className:t.className}),style:t.style,children:t.children},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:19,columnNumber:5},this)}const w=i.fixedForwardRef(f);w.displayName="KeyValueRowList";function V({children:t,classes:e,label:a,multiline:n=!1,styles:o,type:l="text"},N){const{key:k,keyValueRowBadgeContainer:R,keyValueRowButtonContainer:s,row:d,value:p}=u.keyValueRowStyles();return r.jsxDevRuntimeExports.jsxDEV("div",{ref:N,className:d({className:e==null?void 0:e.row}),style:o==null?void 0:o.row,children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:k({className:e==null?void 0:e.keyContainer}),style:o==null?void 0:o.keyContainer,children:r.jsxDevRuntimeExports.jsxDEV(y.Text,{variant:"body-medium",className:m.clsx("font-semibold",e==null?void 0:e.key),style:o==null?void 0:o.key,children:a},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:64,columnNumber:9},this)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:63,columnNumber:7},this),r.jsxDevRuntimeExports.jsxDEV("div",{className:p({className:m.clsx(l==="badge"&&R(),l==="button"&&s(),e==null?void 0:e.valueContainer)}),style:o==null?void 0:o.valueContainer,children:!t||typeof t=="string"||typeof t=="number"?r.jsxDevRuntimeExports.jsxDEV(y.Text,{variant:"body-medium",className:m.clsx(n?"":"inline-block max-w-full truncate",e==null?void 0:e.value),style:o==null?void 0:o.value,children:typeof t=="number"?t.toString():t!=null&&t.length?t:"-"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:83,columnNumber:11},this):t},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:72,columnNumber:7},this)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:62,columnNumber:5},this)}const v=i.fixedForwardRef(V);v.displayName="KeyValueRow";function b({children:t,className:e,style:a},n){const{keyValueRowBadgeContainer:o}=u.keyValueRowStyles();return r.jsxDevRuntimeExports.jsxDEV("div",{ref:n,className:o({className:e}),style:a,children:t},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:118,columnNumber:5},this)}const x=i.fixedForwardRef(b);x.displayName="KeyValueRowBadge";function j({children:t,className:e,style:a},n){const{keyValueRowButtonContainer:o}=u.keyValueRowStyles();return r.jsxDevRuntimeExports.jsxDEV("div",{ref:n,className:o({className:e}),style:a,children:t},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",lineNumber:143,columnNumber:5},this)}const c=i.fixedForwardRef(j);c.displayName="KeyValueRowButtonContainer";exports.KeyValueRow=v;exports.KeyValueRowBadgeContainer=x;exports.KeyValueRowButtonContainer=c;exports.KeyValueRowList=w;

package/dist/lyra47.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra47.cjs","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  type?: \"text\" | \"badge\" | \"button\";\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles, type = \"text\" }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    key,\n    keyValueRowBadgeContainer,\n    keyValueRowButtonContainer,\n    row,\n    value: valueContainer,\n  } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({\n          className: clsx(\n            type === \"badge\" && keyValueRowBadgeContainer(),\n            type === \"button\" && keyValueRowButtonContainer(),\n            classes?.valueContainer,\n          ),\n        })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"badge\" to KeyValueRow instead\n */\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"button\" to KeyValueRow instead\n */\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","type","key","keyValueRowBadgeContainer","keyValueRowButtonContainer","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"uPAeA,SAASA,EAAiBC,EAA6BC,EAAmC,CAClF,KAAA,CAAE,KAAAC,GAASC,EAAAA,oBACjB,OACGC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAAH,EAAU,UAAWC,EAAK,CAAE,UAAWF,EAAM,SAAA,CAAW,EAAG,MAAOA,EAAM,MAC1E,WAAM,QACT,CAAA,CAEJ,CAEa,MAAAK,EAAkBC,kBAAgBP,CAAgB,EAE/DM,EAAgB,YAAc,kBAuB9B,SAASE,EACP,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAY,GAAO,OAAAC,EAAQ,KAAAC,EAAO,MAAO,EACrEZ,EACA,CACM,KAAA,CACJ,IAAAa,EACA,0BAAAC,EACA,2BAAAC,EACA,IAAAC,EACA,MAAOC,GACLf,EAAkB,kBAAA,EACtB,OACGgB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,IAAAlB,EAAU,UAAWgB,EAAI,CAAE,UAAWR,GAAA,YAAAA,EAAS,GAAK,CAAA,EAAG,MAAOG,GAAA,YAAAA,EAAQ,IACzE,SAAA,CAACR,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWU,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAS,YAAA,CAAc,EAAG,MAAOG,GAAA,YAAAA,EAAQ,aACxE,SAAAR,EAAA,kBAAA,IAACgB,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAA,KAAK,gBAAiBZ,GAAA,YAAAA,EAAS,GAAG,EAC7C,MAAOG,GAAA,YAAAA,EAAQ,IAEd,SAAAF,CAAA,CAAA,EAEL,EACAN,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWc,EAAe,CACxB,UAAWG,EAAA,KACTR,IAAS,SAAWE,EAA0B,EAC9CF,IAAS,UAAYG,EAA2B,EAChDP,GAAA,YAAAA,EAAS,cACX,CAAA,CACD,EACD,MAAOG,GAAA,YAAAA,EAAQ,eAEd,UAACJ,GAAY,OAAOA,GAAa,UAAY,OAAOA,GAAa,SAChEJ,EAAA,kBAAA,IAACgB,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAK,KAAAV,EAAY,GAAK,mCAAoCF,GAAA,YAAAA,EAAS,KAAK,EACnF,MAAOG,GAAA,YAAAA,EAAQ,MAEd,SAAA,OAAOJ,GAAa,SACjBA,EAAS,WACRA,GAAA,MAAAA,EAAiC,OAClCA,EACA,GAAA,CAAA,EAGNA,CAAA,CAEJ,CACF,CAAA,CAAA,CAEJ,CAEa,MAAAc,EAAchB,kBAAgBC,CAAY,EAEvDe,EAAY,YAAc,cAQ1B,SAASC,EACP,CAAE,SAAAf,EAAU,UAAAgB,EAAW,MAAAC,CAAA,EACvBxB,EACA,CACM,KAAA,CAAE,0BAAAc,GAA8BZ,EAAAA,oBAEpC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWc,EAA0B,CAAE,UAAAS,EAAW,EAAG,MAAAC,EACjE,SAAAjB,CACH,CAAA,CAEJ,CAKa,MAAAkB,EAA4BpB,kBAAgBiB,CAA0B,EAEnFG,EAA0B,YAAc,mBAQxC,SAASC,EACP,CAAE,SAAAnB,EAAU,UAAAgB,EAAW,MAAAC,CAAA,EACvBxB,EACA,CACM,KAAA,CAAE,2BAAAe,GAA+Bb,EAAAA,oBAErC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWe,EAA2B,CAAE,UAAAQ,EAAW,EAAG,MAAAC,EAClE,SAAAjB,CACH,CAAA,CAEJ,CAKa,MAAAoB,EAA6BtB,kBAAgBqB,CAA2B,EAErFC,EAA2B,YAAc"}
+{"version":3,"file":"lyra47.cjs","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  type?: \"text\" | \"badge\" | \"button\";\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles, type = \"text\" }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    key,\n    keyValueRowBadgeContainer,\n    keyValueRowButtonContainer,\n    row,\n    value: valueContainer,\n  } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({\n          className: clsx(\n            type === \"badge\" && keyValueRowBadgeContainer(),\n            type === \"button\" && keyValueRowButtonContainer(),\n            classes?.valueContainer,\n          ),\n        })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"badge\" to KeyValueRow instead\n */\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"button\" to KeyValueRow instead\n */\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsxDEV","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","type","key","keyValueRowBadgeContainer","keyValueRowButtonContainer","row","valueContainer","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"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"}

package/dist/lyra47.js

@@ -1,74 +1,118 @@
-import { j as e } from "./lyra89.js";
-import { clsx as m } from "./lyra449.js";
-import { fixedForwardRef as u } from "./lyra92.js";
-import { Text as d } from "./lyra72.js";
+import { j as r } from "./lyra89.js";
+import { clsx as u } from "./lyra449.js";
+import { fixedForwardRef as i } from "./lyra92.js";
+import { Text as N } from "./lyra72.js";
 import "./lyra73.js";
-import { keyValueRowStyles as r } from "./lyra48.js";
-function y(n, o) {
-  const { list: t } = r();
-  return /* @__PURE__ */ e.jsx("div", { ref: o, className: t({ className: n.className }), style: n.style, children: n.children });
+import { keyValueRowStyles as m } from "./lyra48.js";
+function f(a, e) {
+  const { list: n } = m();
+  return /* @__PURE__ */ r.jsxDEV("div", { ref: e, className: n({ className: a.className }), style: a.style, children: a.children }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+    lineNumber: 19,
+    columnNumber: 5
+  }, this);
 }
-const C = u(y);
-C.displayName = "KeyValueRowList";
-function K({ children: n, classes: o, label: t, multiline: i = !1, styles: a, type: w = "text" }, R) {
+const d = i(f);
+d.displayName = "KeyValueRowList";
+function V({ children: a, classes: e, label: n, multiline: t = !1, styles: o, type: l = "text" }, v) {
   const {
-    key: f,
-    keyValueRowBadgeContainer: N,
-    keyValueRowButtonContainer: V,
-    row: x,
-    value: v
-  } = r();
-  return /* @__PURE__ */ e.jsxs("div", { ref: R, className: x({ className: o == null ? void 0 : o.row }), style: a == null ? void 0 : a.row, children: [
-    /* @__PURE__ */ e.jsx("div", { className: f({ className: o == null ? void 0 : o.keyContainer }), style: a == null ? void 0 : a.keyContainer, children: /* @__PURE__ */ e.jsx(
-      d,
+    key: w,
+    keyValueRowBadgeContainer: y,
+    keyValueRowButtonContainer: k,
+    row: p,
+    value: c
+  } = m();
+  return /* @__PURE__ */ r.jsxDEV("div", { ref: v, className: p({ className: e == null ? void 0 : e.row }), style: o == null ? void 0 : o.row, children: [
+    /* @__PURE__ */ r.jsxDEV("div", { className: w({ className: e == null ? void 0 : e.keyContainer }), style: o == null ? void 0 : o.keyContainer, children: /* @__PURE__ */ r.jsxDEV(
+      N,
       {
         variant: "body-medium",
-        className: m("font-semibold", o == null ? void 0 : o.key),
-        style: a == null ? void 0 : a.key,
-        children: t
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx(
+        className: u("font-semibold", e == null ? void 0 : e.key),
+        style: o == null ? void 0 : o.key,
+        children: n
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+        lineNumber: 64,
+        columnNumber: 9
+      },
+      this
+    ) }, void 0, !1, {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+      lineNumber: 63,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ r.jsxDEV(
       "div",
       {
-        className: v({
-          className: m(
-            w === "badge" && N(),
-            w === "button" && V(),
-            o == null ? void 0 : o.valueContainer
+        className: c({
+          className: u(
+            l === "badge" && y(),
+            l === "button" && k(),
+            e == null ? void 0 : e.valueContainer
           )
         }),
-        style: a == null ? void 0 : a.valueContainer,
-        children: !n || typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e.jsx(
-          d,
+        style: o == null ? void 0 : o.valueContainer,
+        children: !a || typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ r.jsxDEV(
+          N,
           {
             variant: "body-medium",
-            className: m(i ? "" : "inline-block max-w-full truncate", o == null ? void 0 : o.value),
-            style: a == null ? void 0 : a.value,
-            children: typeof n == "number" ? n.toString() : n != null && n.length ? n : "-"
-          }
-        ) : n
-      }
+            className: u(t ? "" : "inline-block max-w-full truncate", e == null ? void 0 : e.value),
+            style: o == null ? void 0 : o.value,
+            children: typeof a == "number" ? a.toString() : a != null && a.length ? a : "-"
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+            lineNumber: 83,
+            columnNumber: 11
+          },
+          this
+        ) : a
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+        lineNumber: 72,
+        columnNumber: 7
+      },
+      this
     )
-  ] });
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+    lineNumber: 62,
+    columnNumber: 5
+  }, this);
 }
-const k = u(K);
-k.displayName = "KeyValueRow";
-function j({ children: n, className: o, style: t }, i) {
-  const { keyValueRowBadgeContainer: a } = r();
-  return /* @__PURE__ */ e.jsx("div", { ref: i, className: a({ className: o }), style: t, children: n });
+const b = i(V);
+b.displayName = "KeyValueRow";
+function x({ children: a, className: e, style: n }, t) {
+  const { keyValueRowBadgeContainer: o } = m();
+  return /* @__PURE__ */ r.jsxDEV("div", { ref: t, className: o({ className: e }), style: n, children: a }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+    lineNumber: 118,
+    columnNumber: 5
+  }, this);
 }
-const p = u(j);
-p.displayName = "KeyValueRowBadge";
-function B({ children: n, className: o, style: t }, i) {
-  const { keyValueRowButtonContainer: a } = r();
-  return /* @__PURE__ */ e.jsx("div", { ref: i, className: a({ className: o }), style: t, children: n });
+const R = i(x);
+R.displayName = "KeyValueRowBadge";
+function j({ children: a, className: e, style: n }, t) {
+  const { keyValueRowButtonContainer: o } = m();
+  return /* @__PURE__ */ r.jsxDEV("div", { ref: t, className: o({ className: e }), style: n, children: a }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/key-value-row/key-value-row.tsx",
+    lineNumber: 143,
+    columnNumber: 5
+  }, this);
 }
-const g = u(B);
-g.displayName = "KeyValueRowButtonContainer";
+const C = i(j);
+C.displayName = "KeyValueRowButtonContainer";
 export {
-  k as KeyValueRow,
-  p as KeyValueRowBadgeContainer,
-  g as KeyValueRowButtonContainer,
-  C as KeyValueRowList
+  b as KeyValueRow,
+  R as KeyValueRowBadgeContainer,
+  C as KeyValueRowButtonContainer,
+  d as KeyValueRowList
 };

package/dist/lyra47.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra47.js","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  type?: \"text\" | \"badge\" | \"button\";\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles, type = \"text\" }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    key,\n    keyValueRowBadgeContainer,\n    keyValueRowButtonContainer,\n    row,\n    value: valueContainer,\n  } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({\n          className: clsx(\n            type === \"badge\" && keyValueRowBadgeContainer(),\n            type === \"button\" && keyValueRowButtonContainer(),\n            classes?.valueContainer,\n          ),\n        })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"badge\" to KeyValueRow instead\n */\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"button\" to KeyValueRow instead\n */\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","type","key","keyValueRowBadgeContainer","keyValueRowButtonContainer","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"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"}
+{"version":3,"file":"lyra47.js","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  type?: \"text\" | \"badge\" | \"button\";\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles, type = \"text\" }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    key,\n    keyValueRowBadgeContainer,\n    keyValueRowButtonContainer,\n    row,\n    value: valueContainer,\n  } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({\n          className: clsx(\n            type === \"badge\" && keyValueRowBadgeContainer(),\n            type === \"button\" && keyValueRowButtonContainer(),\n            classes?.valueContainer,\n          ),\n        })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"badge\" to KeyValueRow instead\n */\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"button\" to KeyValueRow instead\n */\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsxDEV","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","type","key","keyValueRowBadgeContainer","keyValueRowButtonContainer","row","valueContainer","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"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"}

package/dist/lyra470.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),i=require("react"),b=require("./lyra94.cjs"),p=require("./lyra11.cjs");require("./lyra12.cjs");const h=require("./lyra13.cjs");require("./lyra14.cjs");const R=require("./lyra60.cjs"),v=({allColumns:o,columnOrder:t,onChangeOrderOfColumns:e,setActive:c})=>{const{cancel:m,save:x}=b.useDictionary(),a=i.useMemo(()=>q(o),[o]),[u,d]=i.useState([]);i.useEffect(()=>{const s=[];t.forEach(n=>{if(n!=="select"&&n!=="actions"){const l=a.find(j=>j.value===n);l&&s.push(l)}}),d(s)},[t,a]);const f=i.useMemo(()=>{let s=[];return t.includes("select")&&s.push("select"),s=s.concat(u.map(n=>n.value)),t.includes("actions")&&s.push("actions"),s},[t,u]);return r.jsxRuntimeExports.jsxs("div",{className:"border-b border-b-default bg-surface-primary p-4 shadow-md",children:[r.jsxRuntimeExports.jsx(R.SortableGrid,{selectedItems:u,setSelectedItems:d,items:a??[]}),r.jsxRuntimeExports.jsx("div",{className:"mt-4 flex justify-end",children:r.jsxRuntimeExports.jsxs(h.ButtonGroup,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"secondary",onPress:()=>c(!1),children:m}),r.jsxRuntimeExports.jsx(p.Button,{variant:"primary",onPress:()=>{e(f),c(!1)},children:x})]})})]})},q=o=>o.filter(e=>e.id!=="select"&&e.id!=="actions").map(e=>({value:e.id,label:e.header||e.id}));exports.TableReorganizeColumns=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra89.cjs"),o=require("react"),v=require("./lyra94.cjs"),d=require("./lyra11.cjs");require("./lyra12.cjs");const j=require("./lyra13.cjs");require("./lyra14.cjs");const N=require("./lyra60.cjs"),y=({allColumns:i,columnOrder:r,onChangeOrderOfColumns:e,setActive:u})=>{const{cancel:p,save:b}=v.useDictionary(),a=o.useMemo(()=>D(i),[i]),[l,c]=o.useState([]);o.useEffect(()=>{const s=[];r.forEach(n=>{if(n!=="select"&&n!=="actions"){const m=a.find(x=>x.value===n);m&&s.push(m)}}),c(s)},[r,a]);const f=o.useMemo(()=>{let s=[];return r.includes("select")&&s.push("select"),s=s.concat(l.map(n=>n.value)),r.includes("actions")&&s.push("actions"),s},[r,l]);return t.jsxDevRuntimeExports.jsxDEV("div",{className:"border-b border-b-default bg-surface-primary p-4 shadow-md",children:[t.jsxDevRuntimeExports.jsxDEV(N.SortableGrid,{selectedItems:l,setSelectedItems:c,items:a??[]},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",lineNumber:56,columnNumber:7},void 0),t.jsxDevRuntimeExports.jsxDEV("div",{className:"mt-4 flex justify-end",children:t.jsxDevRuntimeExports.jsxDEV(j.ButtonGroup,{children:[t.jsxDevRuntimeExports.jsxDEV(d.Button,{variant:"secondary",onPress:()=>u(!1),children:p},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",lineNumber:63,columnNumber:11},void 0),t.jsxDevRuntimeExports.jsxDEV(d.Button,{variant:"primary",onPress:()=>{e(f),u(!1)},children:b},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",lineNumber:66,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",lineNumber:62,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",lineNumber:61,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",lineNumber:55,columnNumber:5},void 0)},D=i=>i.filter(e=>e.id!=="select"&&e.id!=="actions").map(e=>({value:e.id,label:e.header||e.id}));exports.TableReorganizeColumns=y;

package/dist/lyra470.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra470.cjs","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":"uSAQaA,EAAyB,CAAsB,CAC1D,WAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,EAAc,cAAA,EAEjCC,EAAgBC,EAAAA,QAAQ,IAAMC,EAAWT,CAAU,EAAG,CAACA,CAAU,CAAC,EAElE,CAACU,EAAmBC,CAAoB,EAAIC,EAAA,SAAyB,CAAE,CAAA,EAI7EC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAgC,CAAA,EAC1Bb,EAAA,QAASc,GAAQ,CACvB,GAAAA,IAAQ,UAAYA,IAAQ,UAAW,CACzC,MAAMC,EAAQT,EAAc,KAAMU,GAASA,EAAK,QAAUF,CAAG,EAEzDC,GACFF,EAAc,KAAKE,CAAK,CAE5B,CAAA,CACD,EACDL,EAAqBG,CAAa,CAAA,EACjC,CAACb,EAAaM,CAAa,CAAC,EAIzB,MAAAW,EAAWV,EAAAA,QAAQ,IAAM,CAC7B,IAAIW,EAAkB,CAAA,EAClB,OAAAlB,EAAY,SAAS,QAAQ,GAC/BkB,EAAM,KAAK,QAAQ,EAGbA,EAAAA,EAAM,OAAOT,EAAkB,IAAKU,GAAWA,EAAO,KAAK,CAAC,EAEhEnB,EAAY,SAAS,SAAS,GAChCkB,EAAM,KAAK,SAAS,EAGfA,CAAA,EACN,CAAClB,EAAaS,CAAiB,CAAC,EAGjC,OAAAW,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,6DACb,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CACC,cAAeb,EACf,iBAAkBC,EAClB,MAAOJ,GAAiB,CAAC,CAAA,CAC3B,EACCe,wBAAA,MAAA,CAAI,UAAU,wBACb,kCAACE,cACC,CAAA,SAAA,CAACF,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAO,QAAQ,YAAY,QAAS,IAAMtB,EAAU,EAAK,EACvD,SACHC,CAAA,CAAA,EACAkB,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,UACR,QAAS,IAAM,CACbvB,EAAuBgB,CAAQ,EAC/Bf,EAAU,EAAK,CACjB,EAEC,SAAAE,CAAA,CACH,CAAA,CAAA,CACF,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,EAEMI,EAAmCiB,GACxBA,EACZ,OAAQT,GAASA,EAAK,KAAO,UAAYA,EAAK,KAAO,SAAS,EAC9D,IAAKA,IAAU,CACd,MAAOA,EAAK,GACZ,MAAQA,EAAK,QAAqBA,EAAK,EACvC,EAAA"}
+{"version":3,"file":"lyra470.cjs","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxDEV","SortableGrid","this","ButtonGroup","Button","columns"],"mappings":"uSAQaA,EAAyB,CAAsB,CAC1D,WAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,EAAc,cAAA,EAEjCC,EAAgBC,EAAAA,QAAQ,IAAMC,EAAWT,CAAU,EAAG,CAACA,CAAU,CAAC,EAElE,CAACU,EAAmBC,CAAoB,EAAIC,EAAA,SAAyB,CAAE,CAAA,EAI7EC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAgC,CAAA,EAC1Bb,EAAA,QAASc,GAAQ,CACvB,GAAAA,IAAQ,UAAYA,IAAQ,UAAW,CACzC,MAAMC,EAAQT,EAAc,KAAMU,GAASA,EAAK,QAAUF,CAAG,EAEzDC,GACFF,EAAc,KAAKE,CAAK,CAE5B,CAAA,CACD,EACDL,EAAqBG,CAAa,CAAA,EACjC,CAACb,EAAaM,CAAa,CAAC,EAIzB,MAAAW,EAAWV,EAAAA,QAAQ,IAAM,CAC7B,IAAIW,EAAkB,CAAA,EAClB,OAAAlB,EAAY,SAAS,QAAQ,GAC/BkB,EAAM,KAAK,QAAQ,EAGbA,EAAAA,EAAM,OAAOT,EAAkB,IAAKU,GAAWA,EAAO,KAAK,CAAC,EAEhEnB,EAAY,SAAS,SAAS,GAChCkB,EAAM,KAAK,SAAS,EAGfA,CAAA,EACN,CAAClB,EAAaS,CAAiB,CAAC,EAGjC,OAAAW,EAAA,qBAAA,OAAC,MAAI,CAAA,UAAU,6DACb,SAAA,CAAAA,EAAA,qBAAA,OAACC,EAAA,aAAA,CACC,cAAeZ,EACf,iBAAkBC,EAClB,MAAOJ,GAAiB,CAAC,CAAA,EAH3B,OAAA,GAAA,CAAA,SAAA,qFAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAIA,EACCF,8BAAA,MAAA,CAAI,UAAU,wBACb,uCAACG,cACC,CAAA,SAAA,CAACH,EAAAA,qBAAAA,OAAAI,EAAAA,OAAA,CAAO,QAAQ,YAAY,QAAS,IAAMtB,EAAU,EAAK,EACvD,SADHC,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,qFAAA,WAAA,GAAA,aAAA,EAEA,EAAAmB,MAAA,EACAF,EAAA,qBAAA,OAACI,EAAA,OAAA,CACC,QAAQ,UACR,QAAS,IAAM,CACbvB,EAAuBgB,CAAQ,EAC/Bf,EAAU,EAAK,CACjB,EAEC,SAAAE,CAAA,EAPH,OAAA,GAAA,CAAA,SAAA,qFAAA,WAAA,GAAA,aAAA,EAAA,EAAAkB,MAQA,CAAA,GAZF,OAAA,GAAA,CAAA,SAAA,qFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAdF,EAAA,OAAA,GAAA,CAAA,SAAA,qFAAA,WAAA,GAAA,aAAA,CAeA,EAAAA,MAAA,CAAA,GArBF,OAAA,GAAA,CAAA,SAAA,qFAAA,WAAA,GAAA,aAAA,CAsBA,EAAAA,MAAA,CAEJ,EAEMd,EAAmCiB,GACxBA,EACZ,OAAQT,GAASA,EAAK,KAAO,UAAYA,EAAK,KAAO,SAAS,EAC9D,IAAKA,IAAU,CACd,MAAOA,EAAK,GACZ,MAAQA,EAAK,QAAqBA,EAAK,EACvC,EAAA"}

package/dist/lyra470.js

@@ -1,58 +1,90 @@
 import { j as t } from "./lyra89.js";
-import { useMemo as m, useState as j, useEffect as b } from "react";
+import { useMemo as u, useState as x, useEffect as j } from "react";
 import { useDictionary as v } from "./lyra94.js";
-import { Button as l } from "./lyra11.js";
+import { Button as d } from "./lyra11.js";
 import "./lyra12.js";
-import { ButtonGroup as y } from "./lyra13.js";
+import { ButtonGroup as h } from "./lyra13.js";
 import "./lyra14.js";
-import { SortableGrid as S } from "./lyra60.js";
-const P = ({
-  allColumns: a,
+import { SortableGrid as y } from "./lyra60.js";
+const M = ({
+  allColumns: o,
   columnOrder: r,
   onChangeOrderOfColumns: e,
-  setActive: c
+  setActive: l
 }) => {
-  const { cancel: u, save: f } = v(), n = m(() => C(a), [a]), [i, d] = j([]);
-  b(() => {
+  const { cancel: p, save: f } = v(), i = u(() => E(o), [o]), [a, m] = x([]);
+  j(() => {
     const s = [];
-    r.forEach((o) => {
-      if (o !== "select" && o !== "actions") {
-        const p = n.find((x) => x.value === o);
-        p && s.push(p);
+    r.forEach((n) => {
+      if (n !== "select" && n !== "actions") {
+        const c = i.find((N) => N.value === n);
+        c && s.push(c);
       }
-    }), d(s);
-  }, [r, n]);
-  const h = m(() => {
-    let s = [];
-    return r.includes("select") && s.push("select"), s = s.concat(i.map((o) => o.value)), r.includes("actions") && s.push("actions"), s;
+    }), m(s);
   }, [r, i]);
-  return /* @__PURE__ */ t.jsxs("div", { className: "border-b border-b-default bg-surface-primary p-4 shadow-md", children: [
-    /* @__PURE__ */ t.jsx(
-      S,
+  const b = u(() => {
+    let s = [];
+    return r.includes("select") && s.push("select"), s = s.concat(a.map((n) => n.value)), r.includes("actions") && s.push("actions"), s;
+  }, [r, a]);
+  return /* @__PURE__ */ t.jsxDEV("div", { className: "border-b border-b-default bg-surface-primary p-4 shadow-md", children: [
+    /* @__PURE__ */ t.jsxDEV(
+      y,
       {
-        selectedItems: i,
-        setSelectedItems: d,
-        items: n ?? []
-      }
+        selectedItems: a,
+        setSelectedItems: m,
+        items: i ?? []
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",
+        lineNumber: 56,
+        columnNumber: 7
+      },
+      void 0
     ),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ t.jsxs(y, { children: [
-      /* @__PURE__ */ t.jsx(l, { variant: "secondary", onPress: () => c(!1), children: u }),
-      /* @__PURE__ */ t.jsx(
-        l,
+    /* @__PURE__ */ t.jsxDEV("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ t.jsxDEV(h, { children: [
+      /* @__PURE__ */ t.jsxDEV(d, { variant: "secondary", onPress: () => l(!1), children: p }, void 0, !1, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",
+        lineNumber: 63,
+        columnNumber: 11
+      }, void 0),
+      /* @__PURE__ */ t.jsxDEV(
+        d,
         {
           variant: "primary",
           onPress: () => {
-            e(h), c(!1);
+            e(b), l(!1);
           },
           children: f
-        }
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",
+          lineNumber: 66,
+          columnNumber: 11
+        },
+        void 0
       )
-    ] }) })
-  ] });
-}, C = (a) => a.filter((e) => e.id !== "select" && e.id !== "actions").map((e) => ({
+    ] }, void 0, !0, {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",
+      lineNumber: 62,
+      columnNumber: 9
+    }, void 0) }, void 0, !1, {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",
+      lineNumber: 61,
+      columnNumber: 7
+    }, void 0)
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/table/table-reorganize-columns.tsx",
+    lineNumber: 55,
+    columnNumber: 5
+  }, void 0);
+}, E = (o) => o.filter((e) => e.id !== "select" && e.id !== "actions").map((e) => ({
   value: e.id,
   label: e.header || e.id
 }));
 export {
-  P as TableReorganizeColumns
+  M as TableReorganizeColumns
 };

package/dist/lyra470.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra470.js","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":";;;;;;;;AAQO,MAAMA,IAAyB,CAAsB;AAAA,EAC1D,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAK,IAAIC,EAAc,GAEjCC,IAAgBC,EAAQ,MAAMC,EAAWT,CAAU,GAAG,CAACA,CAAU,CAAC,GAElE,CAACU,GAAmBC,CAAoB,IAAIC,EAAyB,CAAE,CAAA;AAI7E,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAgC,CAAA;AAC1B,IAAAb,EAAA,QAAQ,CAACc,MAAQ;AACvB,UAAAA,MAAQ,YAAYA,MAAQ,WAAW;AACzC,cAAMC,IAAQT,EAAc,KAAK,CAACU,MAASA,EAAK,UAAUF,CAAG;AAE7D,QAAIC,KACFF,EAAc,KAAKE,CAAK;AAAA,MAE5B;AAAA,IAAA,CACD,GACDL,EAAqBG,CAAa;AAAA,EAAA,GACjC,CAACb,GAAaM,CAAa,CAAC;AAIzB,QAAAW,IAAWV,EAAQ,MAAM;AAC7B,QAAIW,IAAkB,CAAA;AAClB,WAAAlB,EAAY,SAAS,QAAQ,KAC/BkB,EAAM,KAAK,QAAQ,GAGbA,IAAAA,EAAM,OAAOT,EAAkB,IAAI,CAACU,MAAWA,EAAO,KAAK,CAAC,GAEhEnB,EAAY,SAAS,SAAS,KAChCkB,EAAM,KAAK,SAAS,GAGfA;AAAA,EAAA,GACN,CAAClB,GAAaS,CAAiB,CAAC;AAGjC,SAAAW,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,8DACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAeb;AAAA,QACf,kBAAkBC;AAAA,QAClB,OAAOJ,KAAiB,CAAC;AAAA,MAAA;AAAA,IAC3B;AAAA,IACCe,gBAAAA,MAAA,OAAA,EAAI,WAAU,yBACb,iCAACE,GACC,EAAA,UAAA;AAAA,MAACF,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAAQ,aAAY,SAAS,MAAMtB,EAAU,EAAK,GACvD,UACHC,EAAA,CAAA;AAAA,MACAkB,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAvB,EAAuBgB,CAAQ,GAC/Bf,EAAU,EAAK;AAAA,UACjB;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEMI,IAAa,CAAsBiB,MACxBA,EACZ,OAAO,CAACT,MAASA,EAAK,OAAO,YAAYA,EAAK,OAAO,SAAS,EAC9D,IAAI,CAACA,OAAU;AAAA,EACd,OAAOA,EAAK;AAAA,EACZ,OAAQA,EAAK,UAAqBA,EAAK;AACvC,EAAA;"}
+{"version":3,"file":"lyra470.js","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxDEV","SortableGrid","this","ButtonGroup","Button","columns"],"mappings":"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"}

package/dist/lyra472.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),i=t=>e.jsxRuntimeExports.jsx("svg",{width:"12",height:"5",viewBox:"0 0 12 5",fill:"none",...t,children:e.jsxRuntimeExports.jsx("path",{d:"M12 5C10.6134 5 9.32406 4.30525 8.58953 3.16162L6.85237 0.459604C6.45859 -0.153201 5.54141 -0.153201 5.14763 0.459604L3.41047 3.16162C2.67594 4.30525 1.38658 5 0 5H12Z",fill:"currentColor"})});exports.Beak=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),i=t=>e.jsxDevRuntimeExports.jsxDEV("svg",{width:"12",height:"5",viewBox:"0 0 12 5",fill:"none",...t,children:e.jsxDevRuntimeExports.jsxDEV("path",{d:"M12 5C10.6134 5 9.32406 4.30525 8.58953 3.16162L6.85237 0.459604C6.45859 -0.153201 5.54141 -0.153201 5.14763 0.459604L3.41047 3.16162C2.67594 4.30525 1.38658 5 0 5H12Z",fill:"currentColor"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/beak.tsx",lineNumber:17,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/beak.tsx",lineNumber:16,columnNumber:3},void 0);exports.Beak=i;

package/dist/lyra472.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra472.cjs","sources":["../src/components/tooltip/beak.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\n\n// export const Beak = (props: SVGProps<SVGSVGElement>) => (\n//   <svg\n//     width=\"10\"\n//     viewBox=\"0 0 16 8\"\n//     fill=\"none\"\n//     xmlns=\"http://www.w3.org/2000/svg\"\n//     {...props}\n//   >\n//     <path d=\"M8 8L0 0H16L8 8Z\" fill=\"currentColor\" />\n//   </svg>\n// );\n\nexport const Beak = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"12\" height=\"5\" viewBox=\"0 0 12 5\" fill=\"none\" {...props}>\n    <path\n      d=\"M12 5C10.6134 5 9.32406 4.30525 8.58953 3.16162L6.85237 0.459604C6.45859 -0.153201 5.54141 -0.153201 5.14763 0.459604L3.41047 3.16162C2.67594 4.30525 1.38658 5 0 5H12Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["Beak","props","jsx"],"mappings":"gHAcaA,EAAQC,GACnBC,EAAAA,kBAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,IAAI,QAAQ,WAAW,KAAK,OAAQ,GAAGD,EAC5D,SAAAC,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,0KACF,KAAK,cAAA,CACP,CACF,CAAA"}
+{"version":3,"file":"lyra472.cjs","sources":["../src/components/tooltip/beak.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\n\n// export const Beak = (props: SVGProps<SVGSVGElement>) => (\n//   <svg\n//     width=\"10\"\n//     viewBox=\"0 0 16 8\"\n//     fill=\"none\"\n//     xmlns=\"http://www.w3.org/2000/svg\"\n//     {...props}\n//   >\n//     <path d=\"M8 8L0 0H16L8 8Z\" fill=\"currentColor\" />\n//   </svg>\n// );\n\nexport const Beak = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"12\" height=\"5\" viewBox=\"0 0 12 5\" fill=\"none\" {...props}>\n    <path\n      d=\"M12 5C10.6134 5 9.32406 4.30525 8.58953 3.16162L6.85237 0.459604C6.45859 -0.153201 5.54141 -0.153201 5.14763 0.459604L3.41047 3.16162C2.67594 4.30525 1.38658 5 0 5H12Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["Beak","props","jsxDEV","this"],"mappings":"gHAcaA,EAAQC,GACnBC,EAAAA,qBAAAA,OAAC,OAAI,MAAM,KAAK,OAAO,IAAI,QAAQ,WAAW,KAAK,OAAQ,GAAGD,EAC5D,SAAAC,EAAA,qBAAA,OAAC,OAAA,CACC,EAAE,0KACF,KAAK,cAAA,EAFP,OAAA,GAAA,CAAA,SAAA,mEAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAGA,GAJF,OAAA,GAAA,CAAA,SAAA,mEAAA,WAAA,GAAA,aAAA,CAAA,EAKAA,MAAA"}