@new-black/lyra 1.0.20 → 1.0.22

package/dist/lyra27.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.js","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {fileName}\n          </Text>\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}
+{"version":3,"file":"lyra27.js","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}

package/dist/lyra28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({slots:{layout:["flex flex-col gap-4"],dropAreaLayout:["flex flex-col gap-1"],dropzone:["w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between"],iconAndTitleLayout:["flex items-center gap-2.5"],fileInformation:["flex justify-between"],multipleFilesLayout:["flex flex-col gap-1"]},variants:{isDropTarget:{true:{dropzone:"border-focus ring ring-highlight"}},error:{true:{icon:"bg-indication-red",dropzone:"border-error"}}}}),o=e.tv({slots:{layout:["flex min-h-16 w-full items-center justify-between rounded border border-default p-4"],fileInformation:["flex items-center gap-2.5"],fileInformationRows:["flex flex-col"]}});exports.fileInputStyles=t;exports.uploadedItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),o=e.tv({slots:{layout:["flex flex-col gap-4"],dropAreaLayout:["flex flex-col gap-1"],dropzone:["w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between"],iconAndTitleLayout:["flex items-center gap-2.5"],fileInformation:["flex justify-between"],multipleFilesLayout:["flex flex-col gap-1"]},variants:{isDropTarget:{true:{dropzone:"border-focus ring ring-highlight"}},error:{true:{icon:"bg-indication-red",dropzone:"border-error"}}}}),t=e.tv({slots:{layout:["flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4"],fileInformation:["flex items-center gap-2.5 overflow-x-hidden"],fileInformationRows:["flex flex-col overflow-x-hidden"]}});exports.fileInputStyles=o;exports.uploadedItemStyles=t;

package/dist/lyra28.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra28.cjs","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\"flex min-h-16 w-full items-center justify-between rounded border border-default p-4\"],\n    fileInformation: [\"flex items-center gap-2.5\"],\n    fileInformationRows: [\"flex flex-col\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":"iHAEaA,EAAkBC,EAAAA,GAAG,CAChC,MAAO,CACL,OAAQ,CAAC,qBAAqB,EAC9B,eAAgB,CAAC,qBAAqB,EACtC,SAAU,CACR,6GACF,EACA,mBAAoB,CAAC,2BAA2B,EAChD,gBAAiB,CAAC,sBAAsB,EACxC,oBAAqB,CAAC,qBAAqB,CAC7C,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,SAAU,kCACZ,CACF,EACA,MAAO,CACL,KAAM,CACJ,KAAM,oBACN,SAAU,cACZ,CACF,CACF,CACF,CAAC,EAEYC,EAAqBD,EAAAA,GAAG,CACnC,MAAO,CACL,OAAQ,CAAC,qFAAqF,EAC9F,gBAAiB,CAAC,2BAA2B,EAC7C,oBAAqB,CAAC,eAAe,CACvC,CACF,CAAC"}
+{"version":3,"file":"lyra28.cjs","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\n      \"flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4\",\n    ],\n    fileInformation: [\"flex items-center gap-2.5 overflow-x-hidden\"],\n    fileInformationRows: [\"flex flex-col overflow-x-hidden\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":"iHAEaA,EAAkBC,EAAAA,GAAG,CAChC,MAAO,CACL,OAAQ,CAAC,qBAAqB,EAC9B,eAAgB,CAAC,qBAAqB,EACtC,SAAU,CACR,6GACF,EACA,mBAAoB,CAAC,2BAA2B,EAChD,gBAAiB,CAAC,sBAAsB,EACxC,oBAAqB,CAAC,qBAAqB,CAC7C,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,SAAU,kCACZ,CACF,EACA,MAAO,CACL,KAAM,CACJ,KAAM,oBACN,SAAU,cACZ,CACF,CACF,CACF,CAAC,EAEYC,EAAqBD,EAAAA,GAAG,CACnC,MAAO,CACL,OAAQ,CACN,2FACF,EACA,gBAAiB,CAAC,6CAA6C,EAC/D,oBAAqB,CAAC,iCAAiC,CACzD,CACF,CAAC"}

package/dist/lyra28.js

@@ -25,9 +25,11 @@ const r = e({
   }
 }), t = e({
   slots: {
-    layout: ["flex min-h-16 w-full items-center justify-between rounded border border-default p-4"],
-    fileInformation: ["flex items-center gap-2.5"],
-    fileInformationRows: ["flex flex-col"]
+    layout: [
+      "flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4"
+    ],
+    fileInformation: ["flex items-center gap-2.5 overflow-x-hidden"],
+    fileInformationRows: ["flex flex-col overflow-x-hidden"]
   }
 });
 export {

package/dist/lyra28.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra28.js","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\"flex min-h-16 w-full items-center justify-between rounded border border-default p-4\"],\n    fileInformation: [\"flex items-center gap-2.5\"],\n    fileInformationRows: [\"flex flex-col\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":";AAEO,MAAMA,IAAkBC,EAAG;AAAA,EAChC,OAAO;AAAA,IACL,QAAQ,CAAC,qBAAqB;AAAA,IAC9B,gBAAgB,CAAC,qBAAqB;AAAA,IACtC,UAAU;AAAA,MACR;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,2BAA2B;AAAA,IAChD,iBAAiB,CAAC,sBAAsB;AAAA,IACxC,qBAAqB,CAAC,qBAAqB;AAAA,EAC7C;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEYC,IAAqBD,EAAG;AAAA,EACnC,OAAO;AAAA,IACL,QAAQ,CAAC,qFAAqF;AAAA,IAC9F,iBAAiB,CAAC,2BAA2B;AAAA,IAC7C,qBAAqB,CAAC,eAAe;AAAA,EACvC;AACF,CAAC;"}
+{"version":3,"file":"lyra28.js","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\n      \"flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4\",\n    ],\n    fileInformation: [\"flex items-center gap-2.5 overflow-x-hidden\"],\n    fileInformationRows: [\"flex flex-col overflow-x-hidden\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":";AAEO,MAAMA,IAAkBC,EAAG;AAAA,EAChC,OAAO;AAAA,IACL,QAAQ,CAAC,qBAAqB;AAAA,IAC9B,gBAAgB,CAAC,qBAAqB;AAAA,IACtC,UAAU;AAAA,MACR;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,2BAA2B;AAAA,IAChD,iBAAiB,CAAC,sBAAsB;AAAA,IACxC,qBAAqB,CAAC,qBAAqB;AAAA,EAC7C;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEYC,IAAqBD,EAAG;AAAA,EACnC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC,6CAA6C;AAAA,IAC/D,qBAAqB,CAAC,iCAAiC;AAAA,EACzD;AACF,CAAC;"}

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),o=require("react"),C=require("./lyra89.cjs"),q=require("./lyra93.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra610.cjs"),V=require("./lyra611.cjs"),D=require("./lyra612.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),o=require("react"),C=require("./lyra89.cjs"),q=require("./lyra93.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra609.cjs"),V=require("./lyra610.cjs"),D=require("./lyra611.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;

package/dist/lyra34.js

@@ -7,9 +7,9 @@ import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
 import { segmentedControlStyles as F } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra610.js";
-import { LayoutGroupContext as q } from "./lyra611.js";
-import { motion as z } from "./lyra612.js";
+import { LayoutGroup as k } from "./lyra609.js";
+import { LayoutGroupContext as q } from "./lyra610.js";
+import { motion as z } from "./lyra611.js";
 const N = B({
   valuesWithSeperator: []
 }), H = ({

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),l=require("react"),T=require("./lyra89.cjs"),_=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const $=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const z=require("./lyra38.cjs"),B=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra596.cjs"),C=require("./lyra453.cjs"),K=require("./lyra454.cjs"),g=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const J=require("./lyra73.cjs");require("./lyra74.cjs");const U=require("./lyra459.cjs");require("./lyra460.cjs");require("react-dom");const I=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Q=require("./lyra88.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,j]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),q=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){j(S),q.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){j(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),q.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&q.current!==m&&(j(n),q.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:j,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:q=>j(m,q),className:"w-full text-start outline-none",onHoverChange:q=>{w(q,m)},onPress:()=>a(o),onKeyDown:q=>k(q),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},X=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:j,setOpenPopover:E,triggerRef:w,value:k})=>{var m,q;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((q=w.current)==null?void 0:q.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:j,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:j,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),j(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:k,onPress:()=>{j(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:j})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{j&&t(j.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,j]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:j.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},Y=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext($.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=Q.useLocale(),P=l.useCallback(b=>{G(b),q==null||q(b),D(!1)},[q]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext($.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=Q.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),q==null||q(A)},[q]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),l=require("react"),T=require("./lyra89.cjs"),_=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const $=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const z=require("./lyra38.cjs"),B=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra597.cjs"),C=require("./lyra453.cjs"),K=require("./lyra454.cjs"),g=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const J=require("./lyra73.cjs");require("./lyra74.cjs");const U=require("./lyra459.cjs");require("./lyra460.cjs");require("react-dom");const I=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Q=require("./lyra88.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,j]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),q=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){j(S),q.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){j(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),q.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&q.current!==m&&(j(n),q.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:j,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:q=>j(m,q),className:"w-full text-start outline-none",onHoverChange:q=>{w(q,m)},onPress:()=>a(o),onKeyDown:q=>k(q),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},X=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:j,setOpenPopover:E,triggerRef:w,value:k})=>{var m,q;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((q=w.current)==null?void 0:q.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:j,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:j,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),j(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:k,onPress:()=>{j(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:j})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{j&&t(j.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,j]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:j.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},Y=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext($.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=Q.useLocale(),P=l.useCallback(b=>{G(b),q==null||q(b),D(!1)},[q]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext($.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=Q.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),q==null||q(A)},[q]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;

package/dist/lyra36.js

@@ -42,7 +42,7 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import rr from "./lyra596.js";
+import rr from "./lyra597.js";
 import { sharedListStyles as or } from "./lyra453.js";
 import { SharedListItem as tr } from "./lyra454.js";
 import { Popover as sr } from "./lyra53.js";

package/dist/lyra37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),D=require("./lyra89.cjs"),se=require("react-dom"),ce=require("./lyra609.cjs"),le=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const g=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const C=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const ue=require("./lyra38.cjs"),ie=require("./lyra39.cjs"),J=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const xe=require("./lyra596.cjs"),ae=require("./lyra453.cjs"),pe=require("./lyra454.cjs"),je=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const re=require("./lyra73.cjs");require("./lyra74.cjs");const ne=require("./lyra459.cjs");require("./lyra460.cjs");const fe=require("./lyra85.cjs"),de=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");const me=require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");const Re=require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const qe=require("./lyra87.cjs"),K=require("./lyra88.cjs"),Ee=({disableClearLogic:n,endSlot:s,fullWidth:t,getLabel:l,isDisabled:d,isInvalid:a,onChange:p,open:j,openPopover:q,placeholder:E,renderCustomElementInValueButton:h,searchInputRef:m,selectRenderElements:c,startSlot:R,value:u})=>{var x;const{buttonExcludedFromTabOrder:S,inputField:y}=J.sharedInputStyles({isInvalid:a,hasEndSlot:!0,fullWidth:t,isDisabled:d}),o=i=>{(i.key==="Escape"||i.key==="Backspace")&&!n?(i.stopPropagation(),p==null||p(void 0)):i.key==="ArrowDown"||i.key==="ArrowUp"?q==null||q():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{q==null||q()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R,e.jsxRuntimeExports.jsxs(D.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:i,isHovered:f})=>y({isHovered:f,isFocused:i,className:"min-h-8 grow"}),isDisabled:d,onKeyDown:o,onPress:q,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow truncate text-start",children:[h&&u?(x=c(u))==null?void 0:x.customElement:null,u&&l(u)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l(u)}):e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",children:E})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[u&&!d&&!n?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:S(),role:"button",onPointerDown:i=>{i.stopPropagation(),p==null||p(void 0)},onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},he=({fullWidth:n,getItemId:s,getLabel:t,isDisabled:l,isInvalid:d,label:a,onChange:p,openPopover:j,placeholder:q,searchInputRef:E,value:h})=>{const{inputField:m}=J.sharedInputStyles({isInvalid:d,hasEndSlot:!0,fullWidth:n,isDisabled:l}),c=r.useCallback(u=>{u.key==="ArrowDown"||u.key==="ArrowUp"?j():u.key&&u.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{j()}),E.current&&(E.current.focus(),E.current.setSelectionRange(0,E.current.value.length)))},[j,E]),R=r.useCallback(u=>{h&&p(h.filter(S=>{const y=s(S);return!u.has(y)}))},[s,p,h]);return e.jsxRuntimeExports.jsx(D.Group,{className:({isFocusWithin:u,isHovered:S})=>m({isHovered:S,isFocused:u,className:le.clsx(S&&!d&&!l&&!u?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus","py-[0.4375rem]")}),children:e.jsxRuntimeExports.jsxs(D.Button,{onPress:j,onKeyDown:c,isDisabled:l,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:h&&h.length?e.jsxRuntimeExports.jsx(ne.InputTagGroup,{label:a??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:l?void 0:R,children:h.map(u=>e.jsxRuntimeExports.jsx(ne.InputTag,{id:s(u),isDisabled:l,children:t(u)},s(u)))}):e.jsxRuntimeExports.jsx(re.Text,{color:"secondary",children:q})}),e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Se=({endSlot:n,isLoading:s,onKeyDown:t,onQueryChange:l,query:d,searchInputRef:a,setQuery:p})=>{const j=r.useId(),{clear:q,search:E}=oe.useDictionary(),h=qe.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:m}=J.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var c;(c=a.current)==null||c.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(D.Input,{ref:a,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:c=>{var R,u;p(((R=c.target)==null?void 0:R.value)??""),l==null||l((u=c.target)==null?void 0:u.value)},placeholder:E,value:d??"",onKeyDown:c=>{c.code==="Tab"&&c.preventDefault(),t==null||t(c)}}),d&&d.length?e.jsxRuntimeExports.jsx(D.Button,{"aria-label":q,className:m(),excludeFromTabOrder:!0,onPress:()=>{var c;p(""),(c=a.current)==null||c.focus()},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})}):null,n,h?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=n=>{const s=r.useRef(null),[t,l]=r.useState(!1);return r.useEffect(()=>l(!1),[n]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:l}},ve=({disabledItemIdKeys:n,filteredItems:s,getItemId:t,onMultiChange:l,onSingleChange:d,value:a})=>{const p=r.useMemo(()=>{if(Array.isArray(a))return a.length?s==null?void 0:s.findIndex(o=>t(o)===t(a[0])):0;if(a)return(s==null?void 0:s.findIndex(o=>t(o)===t(a)))??0},[s,t,a]),j=r.useCallback(o=>{if(Number.isInteger(o)){for(let x=o-1;x>=0;x--)if(!(n!=null&&n.includes(t(s[x]))))return Math.max(x,0)}return-1},[n,s,t]),q=r.useCallback(o=>{if(Number.isInteger(o)){for(let x=o+1;x<s.length;x++)if(!(n!=null&&n.includes(t(s[x]))))return Math.min(s.length-1,x)}return-1},[n,s,t]),E=r.useCallback(o=>{if(l){const x=a?[...a]:[],i=x.map(t),f=i!=null&&i.includes(t(o))?x.filter(B=>t(B)!==t(o)):[...x,o];l==null||l(f)}else d&&(d==null||d(o))},[t,l,d,a]),h=r.useCallback(o=>Array.isArray(a)?a.some(x=>t(x)===t(o)):a?t(a)===t(o):!1,[t,a]),[m,c]=r.useState(p??0),R=de.useMousePosition(),u=r.useRef(void 0),S=r.useCallback(o=>{const x=m;if(o.key==="ArrowDown"){o.preventDefault();const i=q(x);i>=0&&(c(i),u.current=R)}else if(o.key==="ArrowUp"){o.preventDefault();const i=j(x);i>=0&&(c(i),u.current=R)}else o.key==="Enter"&&E(s[m])},[m,s,q,j,R,E]),y=r.useCallback((o,x)=>{o&&u.current!==R&&(c(x),u.current=R)},[R]);return{activeItem:m,setActiveItem:c,getItemIsSelected:h,onKeyDown:S,onHoverChange:y,selectedItemIndex:p,toggleSelection:E}},Ne=({selectedItemIndex:n,setActiveItem:s})=>(r.useEffect(()=>{if(n!==void 0&&n>=0)return s(n),()=>{s(0)}},[n,s]),null),I=({direction:n,disabledItemIdKeys:s,getItemId:t,getLabel:l,isLoading:d,items:a,label:p,onLoadMore:j,onMultiChange:q,onQueryChange:E,onSingleChange:h,open:m,placement:c,searchInputRef:R,selectRenderElements:u,setOpenPopover:S,triggerRef:y,value:o})=>{var H,$,te;const{loadMore:x,noResultsFound:i}=oe.useDictionary(),{filteredItems:f,query:B,setQuery:A}=fe.useFilterItemsByQuery({getLabel:l,items:a,onQueryChange:E}),{item:O}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:L,loadMoreButtonRef:T,setIsLoadMoreButtonFocused:M}=ye(m),{activeItem:v,getItemIsSelected:G,onHoverChange:k,onKeyDown:N,selectedItemIndex:W,setActiveItem:V,toggleSelection:Z}=ve({disabledItemIdKeys:s,filteredItems:f,getItemId:t,loadMoreButtonRef:T,onMultiChange:q,onSingleChange:h,value:o}),[_,Y]=r.useState((H=y.current)==null?void 0:H.offsetWidth);xe.default("resize",()=>{var w;Y((w=y.current)==null?void 0:w.offsetWidth)});const U=_??(($=y.current)==null?void 0:$.offsetWidth),X=r.useRef(null),P=j?((f==null?void 0:f.length)??0)+1:(f==null?void 0:f.length)??0,b=ce.useVirtualizer({count:P,estimateSize:()=>40,getScrollElement:()=>X.current,overscan:6});r.useEffect(()=>{v!==void 0&&v>=0&&(f!=null&&f.length)&&(v===f.length-1&&j?b.scrollToIndex(P):b.scrollToIndex(Math.min(v,P-1)))},[v,P,f.length,j,b]);const z=b.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:m,disablePadding:!0,triggerRef:y,onOpenChange:S,"aria-label":p,shouldUpdatePosition:!0,placement:c,style:{width:U&&U>280?U+"px":"280px",direction:n},children:m?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Se,{onQueryChange:E,isLoading:d,query:B,setQuery:w=>{se.flushSync(()=>{A(w),V(0)}),b.scrollToOffset(0)},searchInputRef:R,onKeyDown:N}),e.jsxRuntimeExports.jsx(Ne,{selectedItemIndex:W,setActiveItem:V}),e.jsxRuntimeExports.jsx("div",{ref:X,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,b.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:b.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=z==null?void 0:z[0])==null?void 0:te.start)??0}px)`},children:z.map(w=>{if(w.index===P-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":w.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(me.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(D.Button,{isDisabled:d,onFocusChange:M,onHoverChange:M,ref:T,className:O({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var F;j(),(F=R.current)==null||F.focus()},onKeyDown:F=>{var Q;F.key==="ArrowUp"&&(F.preventDefault(),(Q=R.current)==null||Q.focus())},children:x})]})},w.key);{const F=f[w.index];return e.jsxRuntimeExports.jsx("div",{"data-index":w.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsx(D.Button,{className:"w-full text-start outline-none",onHoverChange:Q=>{k(Q,w.index)},onPress:()=>Z(F),isDisabled:(s==null?void 0:s.includes(t(F)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:F,state:{active:v===w.index&&!L,disabled:(s==null?void 0:s.includes(t(F)))??!1,selected:G(F)},selectRenderElements:u},t(F))},t(F))},w.key)}})})})}),P?null:e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:i})]}):null})},ee=({getItemId:n,name:s,value:t})=>s?Array.isArray(t)?t.map(l=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(l)},n(l))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(t)}):null:null,be=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:a,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:S,items:y,label:o,name:x,onChange:i,onLoadMore:f,onQueryChange:B,placeholder:A,placement:O="bottom start",renderCustomElementInValueButton:L,selectRenderElements:T,startSlot:M,value:v})=>{const{isDisabled:G}=r.useContext(C.FieldGroupContext),k=r.useRef(null),N=r.useRef(null),W=r.useRef(null),[V,Z]=r.useState(v??n),[_,Y]=r.useState(!1),U=()=>{var $;Y(!0),($=N.current)==null||$.click()},X=()=>Y(!1),P=r.useCallback($=>{Z($),i==null||i($),X()},[i]),{direction:b}=K.useLocale(),{wrapper:z}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||G});r.useEffect(()=>{Z(v??n)},[n,v]);const H=v??V;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:x,value:H,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:z(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:o,hideHintLabel:E,hideInputHeader:m,isRequired:S}),e.jsxRuntimeExports.jsx("div",{ref:W,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,open:_,openPopover:U,onChange:P,placeholder:A,searchInputRef:k,startSlot:M,value:H,renderCustomElementInValueButton:L,selectRenderElements:T})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:a,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{triggerRef:W,label:o,getItemId:j,getLabel:q,items:y,open:_,setOpenPopover:Y,selectRenderElements:T,disabledItemIdKeys:l,direction:b,onQueryChange:B,isLoading:u,searchInputRef:k,onLoadMore:f,placement:O,value:H,onSingleChange:P})]})},ke=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:a,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:S,items:y,label:o,labelId:x,name:i,onChange:f,onLoadMore:B,onQueryChange:A,placeholder:O,placement:L="bottom start",selectRenderElements:T,startSlot:M,value:v})=>{const{isDisabled:G}=r.useContext(C.FieldGroupContext),k=r.useRef(null),N=r.useRef(null),[W,V]=r.useState(v??n),[Z,_]=r.useState(!1),Y=()=>{_(!0)},U=r.useCallback(z=>{var H;V(z),f==null||f(z),(H=k.current)==null||H.focus()},[f]),{direction:X}=K.useLocale(),{wrapper:P}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||G});r.useEffect(()=>{V(v??n)},[n,v]);const b=v??W;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:i,value:b,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:P(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:o,isRequired:S,hideHintLabel:E,hideInputHeader:m,labelId:x}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,onChange:U,open:Z,openPopover:Y,placeholder:O,searchInputRef:k,startSlot:M,value:b})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:a,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{label:o,searchInputRef:k,triggerRef:N,getItemId:j,getLabel:q,items:y,onMultiChange:U,value:b,placement:L,open:Z,setOpenPopover:_,selectRenderElements:T,disabledItemIdKeys:l,direction:X,onQueryChange:A,isLoading:u,onLoadMore:B})]})},we=({children:n,defaultValue:s,disabledItemIdKeys:t,getItemId:l,getLabel:d,isDisabled:a,isInvalid:p,isLoading:j,items:q,label:E,name:h,onChange:m,onQueryChange:c,placement:R="bottom start",selectRenderElements:u,value:S})=>{const{isDisabled:y}=r.useContext(C.FieldGroupContext),o=r.useRef(null),x=r.useRef(null),i=r.useRef(null),[f,B]=r.useState(S??s),[A,O]=r.useState(!1),L=()=>{var N;O(!0),(N=x.current)==null||N.click()},T=()=>O(!1),M=r.useCallback(N=>{B(N),m==null||m(N),T()},[m]),{direction:v}=K.useLocale(),{wrapper:G}=J.sharedInputStyles({fullWidth:!1,isInvalid:p,isDisabled:a});r.useEffect(()=>{B(S??s)},[s,S]);const k=S??f;return e.jsxRuntimeExports.jsx(D.Provider,{values:[[D.ButtonContext,{onPress:()=>L(),isDisabled:a||y}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:h,value:k,getItemId:l}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:i,children:n})}),e.jsxRuntimeExports.jsx(I,{triggerRef:i,label:E,getItemId:l,getLabel:d,items:q,open:A,setOpenPopover:O,selectRenderElements:u,disabledItemIdKeys:t,direction:v,onQueryChange:c,isLoading:j,searchInputRef:o,placement:R,value:k,onSingleChange:M})]})})},Fe=({children:n,defaultValue:s,disabledItemIdKeys:t,fullWidth:l=!0,getItemId:d,getLabel:a,isDisabled:p,isInvalid:j,isLoading:q,items:E,label:h,name:m,onChange:c,onQueryChange:R,placement:u="bottom start",selectRenderElements:S,value:y})=>{const{isDisabled:o}=r.useContext(C.FieldGroupContext),x=r.useRef(null),i=r.useRef(null),f=r.useRef(null),[B,A]=r.useState(y??s),[O,L]=r.useState(!1),T=()=>{var N;L(!0),(N=i.current)==null||N.click()},M=r.useCallback(N=>{var W;A(N),c==null||c(N),(W=x.current)==null||W.focus()},[c]),{direction:v}=K.useLocale(),{wrapper:G}=J.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{A(y??s)},[s,y]);const k=y??B;return e.jsxRuntimeExports.jsx(D.Provider,{values:[[D.ButtonContext,{onPress:()=>T(),isDisabled:p||o}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:m,value:k,getItemId:d}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:f,children:n})}),e.jsxRuntimeExports.jsx(I,{label:h,searchInputRef:x,triggerRef:f,getItemId:d,getLabel:a,items:E,open:O,setOpenPopover:L,selectRenderElements:S,disabledItemIdKeys:t,direction:v,onQueryChange:R,isLoading:q,value:k,onMultiChange:M,placement:u})]})})};exports.MultiSearchListField=ke;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=we;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),D=require("./lyra89.cjs"),se=require("react-dom"),ce=require("./lyra612.cjs"),le=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const g=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const C=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const ue=require("./lyra38.cjs"),ie=require("./lyra39.cjs"),J=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const xe=require("./lyra597.cjs"),ae=require("./lyra453.cjs"),pe=require("./lyra454.cjs"),je=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const re=require("./lyra73.cjs");require("./lyra74.cjs");const ne=require("./lyra459.cjs");require("./lyra460.cjs");const fe=require("./lyra85.cjs"),de=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");const me=require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");const Re=require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const qe=require("./lyra87.cjs"),K=require("./lyra88.cjs"),Ee=({disableClearLogic:n,endSlot:s,fullWidth:t,getLabel:l,isDisabled:d,isInvalid:a,onChange:p,open:j,openPopover:q,placeholder:E,renderCustomElementInValueButton:h,searchInputRef:m,selectRenderElements:c,startSlot:R,value:u})=>{var x;const{buttonExcludedFromTabOrder:S,inputField:y}=J.sharedInputStyles({isInvalid:a,hasEndSlot:!0,fullWidth:t,isDisabled:d}),o=i=>{(i.key==="Escape"||i.key==="Backspace")&&!n?(i.stopPropagation(),p==null||p(void 0)):i.key==="ArrowDown"||i.key==="ArrowUp"?q==null||q():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{q==null||q()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R,e.jsxRuntimeExports.jsxs(D.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:i,isHovered:f})=>y({isHovered:f,isFocused:i,className:"min-h-8 grow"}),isDisabled:d,onKeyDown:o,onPress:q,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow truncate text-start",children:[h&&u?(x=c(u))==null?void 0:x.customElement:null,u&&l(u)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l(u)}):e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",children:E})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[u&&!d&&!n?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:S(),role:"button",onPointerDown:i=>{i.stopPropagation(),p==null||p(void 0)},onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},he=({fullWidth:n,getItemId:s,getLabel:t,isDisabled:l,isInvalid:d,label:a,onChange:p,openPopover:j,placeholder:q,searchInputRef:E,value:h})=>{const{inputField:m}=J.sharedInputStyles({isInvalid:d,hasEndSlot:!0,fullWidth:n,isDisabled:l}),c=r.useCallback(u=>{u.key==="ArrowDown"||u.key==="ArrowUp"?j():u.key&&u.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{j()}),E.current&&(E.current.focus(),E.current.setSelectionRange(0,E.current.value.length)))},[j,E]),R=r.useCallback(u=>{h&&p(h.filter(S=>{const y=s(S);return!u.has(y)}))},[s,p,h]);return e.jsxRuntimeExports.jsx(D.Group,{className:({isFocusWithin:u,isHovered:S})=>m({isHovered:S,isFocused:u,className:le.clsx(S&&!d&&!l&&!u?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus","py-[0.4375rem]")}),children:e.jsxRuntimeExports.jsxs(D.Button,{onPress:j,onKeyDown:c,isDisabled:l,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:h&&h.length?e.jsxRuntimeExports.jsx(ne.InputTagGroup,{label:a??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:l?void 0:R,children:h.map(u=>e.jsxRuntimeExports.jsx(ne.InputTag,{id:s(u),isDisabled:l,children:t(u)},s(u)))}):e.jsxRuntimeExports.jsx(re.Text,{color:"secondary",children:q})}),e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Se=({endSlot:n,isLoading:s,onKeyDown:t,onQueryChange:l,query:d,searchInputRef:a,setQuery:p})=>{const j=r.useId(),{clear:q,search:E}=oe.useDictionary(),h=qe.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:m}=J.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var c;(c=a.current)==null||c.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(D.Input,{ref:a,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:c=>{var R,u;p(((R=c.target)==null?void 0:R.value)??""),l==null||l((u=c.target)==null?void 0:u.value)},placeholder:E,value:d??"",onKeyDown:c=>{c.code==="Tab"&&c.preventDefault(),t==null||t(c)}}),d&&d.length?e.jsxRuntimeExports.jsx(D.Button,{"aria-label":q,className:m(),excludeFromTabOrder:!0,onPress:()=>{var c;p(""),(c=a.current)==null||c.focus()},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})}):null,n,h?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=n=>{const s=r.useRef(null),[t,l]=r.useState(!1);return r.useEffect(()=>l(!1),[n]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:l}},ve=({disabledItemIdKeys:n,filteredItems:s,getItemId:t,onMultiChange:l,onSingleChange:d,value:a})=>{const p=r.useMemo(()=>{if(Array.isArray(a))return a.length?s==null?void 0:s.findIndex(o=>t(o)===t(a[0])):0;if(a)return(s==null?void 0:s.findIndex(o=>t(o)===t(a)))??0},[s,t,a]),j=r.useCallback(o=>{if(Number.isInteger(o)){for(let x=o-1;x>=0;x--)if(!(n!=null&&n.includes(t(s[x]))))return Math.max(x,0)}return-1},[n,s,t]),q=r.useCallback(o=>{if(Number.isInteger(o)){for(let x=o+1;x<s.length;x++)if(!(n!=null&&n.includes(t(s[x]))))return Math.min(s.length-1,x)}return-1},[n,s,t]),E=r.useCallback(o=>{if(l){const x=a?[...a]:[],i=x.map(t),f=i!=null&&i.includes(t(o))?x.filter(B=>t(B)!==t(o)):[...x,o];l==null||l(f)}else d&&(d==null||d(o))},[t,l,d,a]),h=r.useCallback(o=>Array.isArray(a)?a.some(x=>t(x)===t(o)):a?t(a)===t(o):!1,[t,a]),[m,c]=r.useState(p??0),R=de.useMousePosition(),u=r.useRef(void 0),S=r.useCallback(o=>{const x=m;if(o.key==="ArrowDown"){o.preventDefault();const i=q(x);i>=0&&(c(i),u.current=R)}else if(o.key==="ArrowUp"){o.preventDefault();const i=j(x);i>=0&&(c(i),u.current=R)}else o.key==="Enter"&&E(s[m])},[m,s,q,j,R,E]),y=r.useCallback((o,x)=>{o&&u.current!==R&&(c(x),u.current=R)},[R]);return{activeItem:m,setActiveItem:c,getItemIsSelected:h,onKeyDown:S,onHoverChange:y,selectedItemIndex:p,toggleSelection:E}},Ne=({selectedItemIndex:n,setActiveItem:s})=>(r.useEffect(()=>{if(n!==void 0&&n>=0)return s(n),()=>{s(0)}},[n,s]),null),I=({direction:n,disabledItemIdKeys:s,getItemId:t,getLabel:l,isLoading:d,items:a,label:p,onLoadMore:j,onMultiChange:q,onQueryChange:E,onSingleChange:h,open:m,placement:c,searchInputRef:R,selectRenderElements:u,setOpenPopover:S,triggerRef:y,value:o})=>{var H,$,te;const{loadMore:x,noResultsFound:i}=oe.useDictionary(),{filteredItems:f,query:B,setQuery:A}=fe.useFilterItemsByQuery({getLabel:l,items:a,onQueryChange:E}),{item:O}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:L,loadMoreButtonRef:T,setIsLoadMoreButtonFocused:M}=ye(m),{activeItem:v,getItemIsSelected:G,onHoverChange:k,onKeyDown:N,selectedItemIndex:W,setActiveItem:V,toggleSelection:Z}=ve({disabledItemIdKeys:s,filteredItems:f,getItemId:t,loadMoreButtonRef:T,onMultiChange:q,onSingleChange:h,value:o}),[_,Y]=r.useState((H=y.current)==null?void 0:H.offsetWidth);xe.default("resize",()=>{var w;Y((w=y.current)==null?void 0:w.offsetWidth)});const U=_??(($=y.current)==null?void 0:$.offsetWidth),X=r.useRef(null),P=j?((f==null?void 0:f.length)??0)+1:(f==null?void 0:f.length)??0,b=ce.useVirtualizer({count:P,estimateSize:()=>40,getScrollElement:()=>X.current,overscan:6});r.useEffect(()=>{v!==void 0&&v>=0&&(f!=null&&f.length)&&(v===f.length-1&&j?b.scrollToIndex(P):b.scrollToIndex(Math.min(v,P-1)))},[v,P,f.length,j,b]);const z=b.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:m,disablePadding:!0,triggerRef:y,onOpenChange:S,"aria-label":p,shouldUpdatePosition:!0,placement:c,style:{width:U&&U>280?U+"px":"280px",direction:n},children:m?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Se,{onQueryChange:E,isLoading:d,query:B,setQuery:w=>{se.flushSync(()=>{A(w),V(0)}),b.scrollToOffset(0)},searchInputRef:R,onKeyDown:N}),e.jsxRuntimeExports.jsx(Ne,{selectedItemIndex:W,setActiveItem:V}),e.jsxRuntimeExports.jsx("div",{ref:X,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,b.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:b.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=z==null?void 0:z[0])==null?void 0:te.start)??0}px)`},children:z.map(w=>{if(w.index===P-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":w.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(me.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(D.Button,{isDisabled:d,onFocusChange:M,onHoverChange:M,ref:T,className:O({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var F;j(),(F=R.current)==null||F.focus()},onKeyDown:F=>{var Q;F.key==="ArrowUp"&&(F.preventDefault(),(Q=R.current)==null||Q.focus())},children:x})]})},w.key);{const F=f[w.index];return e.jsxRuntimeExports.jsx("div",{"data-index":w.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsx(D.Button,{className:"w-full text-start outline-none",onHoverChange:Q=>{k(Q,w.index)},onPress:()=>Z(F),isDisabled:(s==null?void 0:s.includes(t(F)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:F,state:{active:v===w.index&&!L,disabled:(s==null?void 0:s.includes(t(F)))??!1,selected:G(F)},selectRenderElements:u},t(F))},t(F))},w.key)}})})})}),P?null:e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:i})]}):null})},ee=({getItemId:n,name:s,value:t})=>s?Array.isArray(t)?t.map(l=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(l)},n(l))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(t)}):null:null,be=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:a,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:S,items:y,label:o,name:x,onChange:i,onLoadMore:f,onQueryChange:B,placeholder:A,placement:O="bottom start",renderCustomElementInValueButton:L,selectRenderElements:T,startSlot:M,value:v})=>{const{isDisabled:G}=r.useContext(C.FieldGroupContext),k=r.useRef(null),N=r.useRef(null),W=r.useRef(null),[V,Z]=r.useState(v??n),[_,Y]=r.useState(!1),U=()=>{var $;Y(!0),($=N.current)==null||$.click()},X=()=>Y(!1),P=r.useCallback($=>{Z($),i==null||i($),X()},[i]),{direction:b}=K.useLocale(),{wrapper:z}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||G});r.useEffect(()=>{Z(v??n)},[n,v]);const H=v??V;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:x,value:H,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:z(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:o,hideHintLabel:E,hideInputHeader:m,isRequired:S}),e.jsxRuntimeExports.jsx("div",{ref:W,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,open:_,openPopover:U,onChange:P,placeholder:A,searchInputRef:k,startSlot:M,value:H,renderCustomElementInValueButton:L,selectRenderElements:T})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:a,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{triggerRef:W,label:o,getItemId:j,getLabel:q,items:y,open:_,setOpenPopover:Y,selectRenderElements:T,disabledItemIdKeys:l,direction:b,onQueryChange:B,isLoading:u,searchInputRef:k,onLoadMore:f,placement:O,value:H,onSingleChange:P})]})},ke=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:a,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:S,items:y,label:o,labelId:x,name:i,onChange:f,onLoadMore:B,onQueryChange:A,placeholder:O,placement:L="bottom start",selectRenderElements:T,startSlot:M,value:v})=>{const{isDisabled:G}=r.useContext(C.FieldGroupContext),k=r.useRef(null),N=r.useRef(null),[W,V]=r.useState(v??n),[Z,_]=r.useState(!1),Y=()=>{_(!0)},U=r.useCallback(z=>{var H;V(z),f==null||f(z),(H=k.current)==null||H.focus()},[f]),{direction:X}=K.useLocale(),{wrapper:P}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||G});r.useEffect(()=>{V(v??n)},[n,v]);const b=v??W;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:i,value:b,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:P(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:o,isRequired:S,hideHintLabel:E,hideInputHeader:m,labelId:x}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,onChange:U,open:Z,openPopover:Y,placeholder:O,searchInputRef:k,startSlot:M,value:b})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:a,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{label:o,searchInputRef:k,triggerRef:N,getItemId:j,getLabel:q,items:y,onMultiChange:U,value:b,placement:L,open:Z,setOpenPopover:_,selectRenderElements:T,disabledItemIdKeys:l,direction:X,onQueryChange:A,isLoading:u,onLoadMore:B})]})},we=({children:n,defaultValue:s,disabledItemIdKeys:t,getItemId:l,getLabel:d,isDisabled:a,isInvalid:p,isLoading:j,items:q,label:E,name:h,onChange:m,onQueryChange:c,placement:R="bottom start",selectRenderElements:u,value:S})=>{const{isDisabled:y}=r.useContext(C.FieldGroupContext),o=r.useRef(null),x=r.useRef(null),i=r.useRef(null),[f,B]=r.useState(S??s),[A,O]=r.useState(!1),L=()=>{var N;O(!0),(N=x.current)==null||N.click()},T=()=>O(!1),M=r.useCallback(N=>{B(N),m==null||m(N),T()},[m]),{direction:v}=K.useLocale(),{wrapper:G}=J.sharedInputStyles({fullWidth:!1,isInvalid:p,isDisabled:a});r.useEffect(()=>{B(S??s)},[s,S]);const k=S??f;return e.jsxRuntimeExports.jsx(D.Provider,{values:[[D.ButtonContext,{onPress:()=>L(),isDisabled:a||y}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:h,value:k,getItemId:l}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:i,children:n})}),e.jsxRuntimeExports.jsx(I,{triggerRef:i,label:E,getItemId:l,getLabel:d,items:q,open:A,setOpenPopover:O,selectRenderElements:u,disabledItemIdKeys:t,direction:v,onQueryChange:c,isLoading:j,searchInputRef:o,placement:R,value:k,onSingleChange:M})]})})},Fe=({children:n,defaultValue:s,disabledItemIdKeys:t,fullWidth:l=!0,getItemId:d,getLabel:a,isDisabled:p,isInvalid:j,isLoading:q,items:E,label:h,name:m,onChange:c,onQueryChange:R,placement:u="bottom start",selectRenderElements:S,value:y})=>{const{isDisabled:o}=r.useContext(C.FieldGroupContext),x=r.useRef(null),i=r.useRef(null),f=r.useRef(null),[B,A]=r.useState(y??s),[O,L]=r.useState(!1),T=()=>{var N;L(!0),(N=i.current)==null||N.click()},M=r.useCallback(N=>{var W;A(N),c==null||c(N),(W=x.current)==null||W.focus()},[c]),{direction:v}=K.useLocale(),{wrapper:G}=J.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{A(y??s)},[s,y]);const k=y??B;return e.jsxRuntimeExports.jsx(D.Provider,{values:[[D.ButtonContext,{onPress:()=>T(),isDisabled:p||o}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:m,value:k,getItemId:d}),e.jsxRuntimeExports.jsx("div",{className:G(),children:e.jsxRuntimeExports.jsx("div",{ref:f,children:n})}),e.jsxRuntimeExports.jsx(I,{label:h,searchInputRef:x,triggerRef:f,getItemId:d,getLabel:a,items:E,open:O,setOpenPopover:L,selectRenderElements:S,disabledItemIdKeys:t,direction:v,onQueryChange:R,isLoading:q,value:k,onMultiChange:M,placement:u})]})})};exports.MultiSearchListField=ke;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=we;

package/dist/lyra37.js

@@ -2,7 +2,7 @@ import { j as r } from "./lyra90.js";
 import { useContext as rr, useRef as O, useState as z, useCallback as P, useEffect as Y, useId as xr, useMemo as fr } from "react";
 import { Provider as lr, ButtonContext as pr, Button as K, Group as dr, Input as jr } from "./lyra89.js";
 import { flushSync as nr } from "react-dom";
-import { useVirtualizer as hr } from "./lyra609.js";
+import { useVirtualizer as hr } from "./lyra612.js";
 import { clsx as br } from "./lyra450.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -44,7 +44,7 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import Nr from "./lyra596.js";
+import Nr from "./lyra597.js";
 import { sharedListItemStyles as wr } from "./lyra453.js";
 import { SharedListItem as vr } from "./lyra454.js";
 import { Popover as Sr } from "./lyra53.js";

package/dist/lyra451.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra603.cjs"),D=require("./lyra91.cjs");var H={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},P=a=>a||void 0,V=(...a)=>P(u.e(a).filter(Boolean).join(" ")),N=null,v={},S=!1,j=(...a)=>m=>m.twMerge?((!N||S)&&(S=!1,N=u.b(v)?D.twMerge:D.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),P(N(V(a)))):V(a),F=(a,m)=>{for(let l in m)a.hasOwnProperty(l)?a[l]=V(a[l],m[l]):a[l]=m[l];return a},ee=(a,m)=>{let{extend:l=null,slots:$={},variants:R={},compoundVariants:q=[],compoundSlots:h=[],defaultVariants:B={}}=a,d={...H,...m},k=l!=null&&l.base?V(l.base,a==null?void 0:a.base):a==null?void 0:a.base,y=l!=null&&l.variants&&!u.b(l.variants)?u.g(R,l.variants):R,O=l!=null&&l.defaultVariants&&!u.b(l.defaultVariants)?{...l.defaultVariants,...B}:B;!u.b(d.twMergeConfig)&&!u.c(d.twMergeConfig,v)&&(S=!0,v=d.twMergeConfig);let C=u.b(l==null?void 0:l.slots),T=u.b($)?{}:{base:V(a==null?void 0:a.base,C&&(l==null?void 0:l.base)),...$},w=C?T:F({...l==null?void 0:l.slots},u.b(T)?{base:a==null?void 0:a.base}:T),A=u.b(l==null?void 0:l.compoundVariants)?q:u.f(l==null?void 0:l.compoundVariants,q),b=f=>{if(u.b(y)&&u.b($)&&C)return j(k,f==null?void 0:f.class,f==null?void 0:f.className)(d);if(A&&!Array.isArray(A))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof A}`);if(h&&!Array.isArray(h))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);let L=(e,t,r=[],o)=>{let n=r;if(typeof t=="string")n=n.concat(u.h(t).split(" ").map(i=>`${e}:${i}`));else if(Array.isArray(t))n=n.concat(t.reduce((i,s)=>i.concat(`${e}:${s}`),[]));else if(typeof t=="object"&&typeof o=="string"){for(let i in t)if(t.hasOwnProperty(i)&&i===o){let s=t[i];if(s&&typeof s=="string"){let c=u.h(s);n[o]?n[o]=n[o].concat(c.split(" ").map(p=>`${e}:${p}`)):n[o]=c.split(" ").map(p=>`${e}:${p}`)}else Array.isArray(s)&&s.length>0&&(n[o]=s.reduce((c,p)=>c.concat(`${e}:${p}`),[]))}}return n},E=(e,t=y,r=null,o=null)=>{var n;let i=t[e];if(!i||u.b(i))return null;let s=(n=o==null?void 0:o[e])!=null?n:f==null?void 0:f[e];if(s===null)return null;let c=u.a(s),p=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===!0,M=O==null?void 0:O[e],g=[];if(typeof c=="object"&&p)for(let[G,z]of Object.entries(c)){let Y=i[z];if(G==="initial"){M=z;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(G)||(g=L(G,Y,g,r))}let Q=c!=null&&typeof c!="object"?c:u.a(M),x=i[Q||"false"];return typeof g=="object"&&typeof r=="string"&&g[r]?F(g,x):g.length>0?(g.push(x),g):x},U=()=>y?Object.keys(y).map(e=>E(e,y)):null,W=(e,t)=>{if(!y||typeof y!="object")return null;let r=new Array;for(let o in y){let n=E(o,y,e,t),i=e==="base"&&typeof n=="string"?n:n&&n[e];i&&(r[r.length]=i)}return r},J={};for(let e in f)f[e]!==void 0&&(J[e]=f[e]);let K=(e,t)=>{var r;let o=typeof(f==null?void 0:f[e])=="object"?{[e]:(r=f[e])==null?void 0:r.initial}:{};return{...O,...J,...o,...t}},Z=(e=[],t)=>{let r=[];for(let{class:o,className:n,...i}of e){let s=!0;for(let[c,p]of Object.entries(i)){let M=K(c,t);if(Array.isArray(p)){if(!p.includes(M[c])){s=!1;break}}else if(M[c]!==p){s=!1;break}}s&&(o&&r.push(o),n&&r.push(n))}return r},X=e=>{let t=Z(A,e);if(!Array.isArray(t))return t;let r={};for(let o of t)if(typeof o=="string"&&(r.base=j(r.base,o)(d)),typeof o=="object")for(let[n,i]of Object.entries(o))r[n]=j(r[n],i)(d);return r},_=e=>{if(h.length<1)return null;let t={};for(let{slots:r=[],class:o,className:n,...i}of h){if(!u.b(i)){let s=!0;for(let c of Object.keys(i)){let p=K(c,e)[c];if(p===void 0||(Array.isArray(i[c])?!i[c].includes(p):i[c]!==p)){s=!1;break}}if(!s)continue}for(let s of r)t[s]=t[s]||[],t[s].push([o,n])}return t};if(!u.b($)||!C){let e={};if(typeof w=="object"&&!u.b(w))for(let t of Object.keys(w))e[t]=r=>{var o,n;return j(w[t],W(t,r),((o=X(r))!=null?o:[])[t],((n=_(r))!=null?n:[])[t],r==null?void 0:r.class,r==null?void 0:r.className)(d)};return e}return j(k,U(),Z(A),f==null?void 0:f.class,f==null?void 0:f.className)(d)},I=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return b.variantKeys=I(),b.extend=l,b.base=k,b.slots=w,b.variants=y,b.defaultVariants=O,b.compoundSlots=h,b.compoundVariants=A,b};exports.cn=j;exports.cnBase=V;exports.defaultConfig=H;exports.tv=ee;exports.voidEmpty=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra599.cjs"),D=require("./lyra91.cjs");var H={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},P=a=>a||void 0,V=(...a)=>P(u.e(a).filter(Boolean).join(" ")),N=null,v={},S=!1,j=(...a)=>m=>m.twMerge?((!N||S)&&(S=!1,N=u.b(v)?D.twMerge:D.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),P(N(V(a)))):V(a),F=(a,m)=>{for(let l in m)a.hasOwnProperty(l)?a[l]=V(a[l],m[l]):a[l]=m[l];return a},ee=(a,m)=>{let{extend:l=null,slots:$={},variants:R={},compoundVariants:q=[],compoundSlots:h=[],defaultVariants:B={}}=a,d={...H,...m},k=l!=null&&l.base?V(l.base,a==null?void 0:a.base):a==null?void 0:a.base,y=l!=null&&l.variants&&!u.b(l.variants)?u.g(R,l.variants):R,O=l!=null&&l.defaultVariants&&!u.b(l.defaultVariants)?{...l.defaultVariants,...B}:B;!u.b(d.twMergeConfig)&&!u.c(d.twMergeConfig,v)&&(S=!0,v=d.twMergeConfig);let C=u.b(l==null?void 0:l.slots),T=u.b($)?{}:{base:V(a==null?void 0:a.base,C&&(l==null?void 0:l.base)),...$},w=C?T:F({...l==null?void 0:l.slots},u.b(T)?{base:a==null?void 0:a.base}:T),A=u.b(l==null?void 0:l.compoundVariants)?q:u.f(l==null?void 0:l.compoundVariants,q),b=f=>{if(u.b(y)&&u.b($)&&C)return j(k,f==null?void 0:f.class,f==null?void 0:f.className)(d);if(A&&!Array.isArray(A))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof A}`);if(h&&!Array.isArray(h))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);let L=(e,t,r=[],o)=>{let n=r;if(typeof t=="string")n=n.concat(u.h(t).split(" ").map(i=>`${e}:${i}`));else if(Array.isArray(t))n=n.concat(t.reduce((i,s)=>i.concat(`${e}:${s}`),[]));else if(typeof t=="object"&&typeof o=="string"){for(let i in t)if(t.hasOwnProperty(i)&&i===o){let s=t[i];if(s&&typeof s=="string"){let c=u.h(s);n[o]?n[o]=n[o].concat(c.split(" ").map(p=>`${e}:${p}`)):n[o]=c.split(" ").map(p=>`${e}:${p}`)}else Array.isArray(s)&&s.length>0&&(n[o]=s.reduce((c,p)=>c.concat(`${e}:${p}`),[]))}}return n},E=(e,t=y,r=null,o=null)=>{var n;let i=t[e];if(!i||u.b(i))return null;let s=(n=o==null?void 0:o[e])!=null?n:f==null?void 0:f[e];if(s===null)return null;let c=u.a(s),p=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===!0,M=O==null?void 0:O[e],g=[];if(typeof c=="object"&&p)for(let[G,z]of Object.entries(c)){let Y=i[z];if(G==="initial"){M=z;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(G)||(g=L(G,Y,g,r))}let Q=c!=null&&typeof c!="object"?c:u.a(M),x=i[Q||"false"];return typeof g=="object"&&typeof r=="string"&&g[r]?F(g,x):g.length>0?(g.push(x),g):x},U=()=>y?Object.keys(y).map(e=>E(e,y)):null,W=(e,t)=>{if(!y||typeof y!="object")return null;let r=new Array;for(let o in y){let n=E(o,y,e,t),i=e==="base"&&typeof n=="string"?n:n&&n[e];i&&(r[r.length]=i)}return r},J={};for(let e in f)f[e]!==void 0&&(J[e]=f[e]);let K=(e,t)=>{var r;let o=typeof(f==null?void 0:f[e])=="object"?{[e]:(r=f[e])==null?void 0:r.initial}:{};return{...O,...J,...o,...t}},Z=(e=[],t)=>{let r=[];for(let{class:o,className:n,...i}of e){let s=!0;for(let[c,p]of Object.entries(i)){let M=K(c,t);if(Array.isArray(p)){if(!p.includes(M[c])){s=!1;break}}else if(M[c]!==p){s=!1;break}}s&&(o&&r.push(o),n&&r.push(n))}return r},X=e=>{let t=Z(A,e);if(!Array.isArray(t))return t;let r={};for(let o of t)if(typeof o=="string"&&(r.base=j(r.base,o)(d)),typeof o=="object")for(let[n,i]of Object.entries(o))r[n]=j(r[n],i)(d);return r},_=e=>{if(h.length<1)return null;let t={};for(let{slots:r=[],class:o,className:n,...i}of h){if(!u.b(i)){let s=!0;for(let c of Object.keys(i)){let p=K(c,e)[c];if(p===void 0||(Array.isArray(i[c])?!i[c].includes(p):i[c]!==p)){s=!1;break}}if(!s)continue}for(let s of r)t[s]=t[s]||[],t[s].push([o,n])}return t};if(!u.b($)||!C){let e={};if(typeof w=="object"&&!u.b(w))for(let t of Object.keys(w))e[t]=r=>{var o,n;return j(w[t],W(t,r),((o=X(r))!=null?o:[])[t],((n=_(r))!=null?n:[])[t],r==null?void 0:r.class,r==null?void 0:r.className)(d)};return e}return j(k,U(),Z(A),f==null?void 0:f.class,f==null?void 0:f.className)(d)},I=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return b.variantKeys=I(),b.extend=l,b.base=k,b.slots=w,b.variants=y,b.defaultVariants=O,b.compoundSlots=h,b.compoundVariants=A,b};exports.cn=j;exports.cnBase=V;exports.defaultConfig=H;exports.tv=ee;exports.voidEmpty=P;

package/dist/lyra451.js

@@ -1,4 +1,4 @@
-import { b as p, g as ee, c as re, f as te, e as le, h as F, a as H } from "./lyra603.js";
+import { b as p, g as ee, c as re, f as te, e as le, h as F, a as H } from "./lyra599.js";
 import { twMerge as ne, extendTailwindMerge as oe } from "./lyra91.js";
 var ae = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, J = (s) => s || void 0, $ = (...s) => J(le(s).filter(Boolean).join(" ")), T = null, b = {}, S = !1, w = (...s) => (m) => m.twMerge ? ((!T || S) && (S = !1, T = p(b) ? ne : oe({ ...b, extend: { theme: b.theme, classGroups: b.classGroups, conflictingClassGroupModifiers: b.conflictingClassGroupModifiers, conflictingClassGroups: b.conflictingClassGroups, ...b.extend } })), J(T($(s)))) : $(s), I = (s, m) => {
   for (let l in m)

package/dist/lyra452.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;
+"use strict";

package/dist/lyra452.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.cjs","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra452.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra452.js

@@ -1,16 +1 @@
-import { tv as t } from "./lyra451.js";
-const d = t({
-  slots: {
-    kpi: ["flex flex-col items-center gap-3 px-4"],
-    kpiText: ["max-w-full truncate"],
-    list: [
-      "grid gap-y-5 [&>*:last-child]:border-none",
-      "grid-cols-1",
-      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
-      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
-    ]
-  }
-});
-export {
-  d as KpiStyles
-};
+

package/dist/lyra452.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra452.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra457.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;

package/dist/lyra457.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra457.cjs","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}

package/dist/lyra457.js

@@ -1 +1,16 @@
-
+import { tv as t } from "./lyra451.js";
+const d = t({
+  slots: {
+    kpi: ["flex flex-col items-center gap-3 px-4"],
+    kpiText: ["max-w-full truncate"],
+    list: [
+      "grid gap-y-5 [&>*:last-child]:border-none",
+      "grid-cols-1",
+      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
+      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
+    ]
+  }
+});
+export {
+  d as KpiStyles
+};

package/dist/lyra457.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra457.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra49.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),a=require("./lyra93.cjs"),r=require("./lyra73.cjs");require("./lyra74.cjs");const l=require("./lyra452.cjs"),m=({children:e,className:i,label:t,style:x},o)=>{const{kpi:d,kpiText:n}=l.KpiStyles({});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:d({className:i}),style:x,children:[s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-3",elementType:"span",className:n(),children:t}),s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-1",elementType:"span",className:n(),children:e})]})},c=a.fixedForwardRef(m);c.displayName="Kpi";function u(e,i){const{list:t}=l.KpiStyles();return s.jsxRuntimeExports.jsx("div",{ref:i,className:t({className:e.className}),style:e.style,children:e.children})}const p=a.fixedForwardRef(u);p.displayName="KpiList";exports.Kpi=c;exports.KpiList=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),a=require("./lyra93.cjs"),r=require("./lyra73.cjs");require("./lyra74.cjs");const l=require("./lyra457.cjs"),m=({children:e,className:i,label:t,style:x},o)=>{const{kpi:d,kpiText:n}=l.KpiStyles({});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:d({className:i}),style:x,children:[s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-3",elementType:"span",className:n(),children:t}),s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-1",elementType:"span",className:n(),children:e})]})},c=a.fixedForwardRef(m);c.displayName="Kpi";function u(e,i){const{list:t}=l.KpiStyles();return s.jsxRuntimeExports.jsx("div",{ref:i,className:t({className:e.className}),style:e.style,children:e.children})}const p=a.fixedForwardRef(u);p.displayName="KpiList";exports.Kpi=c;exports.KpiList=p;

package/dist/lyra49.js

@@ -2,7 +2,7 @@ import { j as e } from "./lyra90.js";
 import { fixedForwardRef as r } from "./lyra93.js";
 import { Text as n } from "./lyra73.js";
 import "./lyra74.js";
-import { KpiStyles as m } from "./lyra452.js";
+import { KpiStyles as m } from "./lyra457.js";
 const o = ({ children: s, className: i, label: t, style: l }, p) => {
   const { kpi: c, kpiText: a } = m({});
   return /* @__PURE__ */ e.jsxs("div", { ref: p, className: c({ className: i }), style: l, children: [

package/dist/lyra504.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),h=require("react"),R=require("./lyra95.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const l=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra458.cjs");require("./lyra40.cjs");const S=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");const y=require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra453.cjs");require("./lyra454.cjs");require("./lyra459.cjs");require("./lyra460.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],N=({dataLength:i,hideLimitSelect:a,isLoading:n,table:r,total:g})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:m,lastPage:j,nextPage:c,previousPage:P,rowsPerPage:d}=R.useDictionary(),{loadingButton:s,setLoadingButton:o}=E({isLoading:n,data:r.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(t=>t.value===r.getState().pagination.pageSize),onChange:t=>{if(!t)return;const p=t.value;r.setPageSize(p)},isDisabled:n,getItemId:t=>t.id,getLabel:t=>`${t.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:t=>({label:`${t.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(S.Text,{variant:"body-small",color:"secondary",children:[((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize-(r.getState().pagination.pageSize-1)).toString()," - ",((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize<(g??i)?(r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!r.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{r.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!r.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{r.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:c,isDisabled:!r.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{r.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!r.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{r.setPageIndex(r.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},B=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:r,showNext:g=!0,showPrevious:v=!0,table:u})=>{const{nextPage:m,previousPage:j,rowsPerPage:c}=R.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=E({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":c,items:q,value:q.find(t=>t.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:t=>{if(!t)return;const p=t.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:t=>t.id,getLabel:t=>`${t.value}`,label:c,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:t=>({label:`${t.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:c})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{r==null||r(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!g||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},w=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),D=i=>{var n;switch(w({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(N,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading});case"uncountable":return e.jsxRuntimeExports.jsx(B,{hideLimitSelect:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},E=({data:i,isLoading:a})=>{const[n,r]=h.useState();return h.useEffect(()=>{a||r(void 0)},[a,i]),{loadingButton:n,setLoadingButton:r}};exports.CountablePagination=N;exports.TablePagination=D;exports.UncountablePagination=B;exports.useLoadingButtonState=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),h=require("react"),R=require("./lyra95.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const l=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra458.cjs");require("./lyra40.cjs");const S=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");const y=require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra453.cjs");require("./lyra454.cjs");require("./lyra459.cjs");require("./lyra460.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],N=({dataLength:i,hideLimitSelect:a,isLoading:n,table:t,total:c})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:m,lastPage:j,nextPage:g,previousPage:P,rowsPerPage:d}=R.useDictionary(),{loadingButton:s,setLoadingButton:o}=E({isLoading:n,data:t.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(r=>r.value===t.getState().pagination.pageSize),onChange:r=>{if(!r)return;const p=r.value;t.setPageSize(p)},isDisabled:n,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(S.Text,{variant:"body-small",color:"secondary",children:[((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize-(t.getState().pagination.pageSize-1)).toString()," - ",((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize<(c??i)?(t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize:c??i).toString(),` of ${c??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{t.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{t.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:g,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{t.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{t.setPageIndex(t.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},B=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:t,showNext:c=!0,showPrevious:v=!0,table:u})=>{const{nextPage:m,previousPage:j,rowsPerPage:g}=R.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=E({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":g,items:q,value:q.find(r=>r.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:r=>{if(!r)return;const p=r.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:g,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:g})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{t==null||t(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!c||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},L=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),w=i=>{var n;switch(L({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(N,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading,hideLimitSelect:i.hideLimitSelect});case"uncountable":return e.jsxRuntimeExports.jsx(B,{hideLimitSelect:i.hideLimitSelect,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},E=({data:i,isLoading:a})=>{const[n,t]=h.useState();return h.useEffect(()=>{a||t(void 0)},[a,i]),{loadingButton:n,setLoadingButton:t}};exports.CountablePagination=N;exports.TablePagination=w;exports.UncountablePagination=B;exports.useLoadingButtonState=E;