npm - @powerhousedao/design-system - Versions diffs - 6.2.3-dev.7 → 6.2.3-dev.71 - Mend

@powerhousedao/design-system 6.2.3-dev.7 → 6.2.3-dev.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

package/dist/ui/components/id-autocomplete/id-autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"id-autocomplete.js","names":["twMerge","sharedValueTransformers","Command","React","useId","useMemo","useRef","FormDescription","FormGroup","FormLabel","FormMessageList","Input","Popover","PopoverAnchor","PopoverContent","ValueTransformer","IdAutocompleteInputContainer","IdAutocompleteListOption","IdAutocompleteList","useIdAutocomplete","IdAutocomplete","forwardRef","id","idProp","name","className","label","description","value","defaultValue","disabled","placeholder","required","errors","warnings","onChange","onBlur","onClick","onKeyDown","onMouseDown","autoComplete","variant","maxLength","fetchOptionsCallback","fetchSelectedOptionCallback","isOpenByDefault","initialOptions","renderOption","previewPlaceholder","props","ref","prefix","inputRef","mergedRef","node","current","hasWarning","Array","isArray","length","hasError","selectedValue","selectedOption","isPopoverOpen","commandListRef","options","isLoading","isLoadingSelectedOption","haveFetchError","commandValue","isFetchSelectedOptionSync","toggleOption","handleOpenChange","onTriggerBlur","handleChange","handleCommandValue","handleFetchSelectedOption","handlePaste","fetchOptions","fetchSelectedOption","handleOptionSelection","optionValue","focus","asCard","transformers","trimOnBlur","trimOnEnter","e","preventDefault","target","control","undefined","asPlaceholder","showValue","icon","title","path","Element","displayName"],"sources":["../../../../src/ui/components/id-autocomplete/id-autocomplete.tsx"],"sourcesContent":["import type { TransformerType } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { sharedValueTransformers } from \"#design-system/ui/lib\";\nimport { Command } from \"cmdk\";\nimport React, { useId, useMemo, useRef } from \"react\";\nimport { FormDescription } from \"../form-description/form-description.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { Input } from \"../input/input.js\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"../popover/popover.js\";\nimport { ValueTransformer } from \"../value-transformer/value-transformer.js\";\nimport { IdAutocompleteInputContainer } from \"./id-autocomplete-input-container.js\";\nimport { IdAutocompleteListOption } from \"./id-autocomplete-list-option.js\";\nimport { IdAutocompleteList } from \"./id-autocomplete-list.js\";\nimport type { IdAutocompleteProps } from \"./types.js\";\nimport { useIdAutocomplete } from \"./use-id-autocomplete.js\";\n\nconst IdAutocomplete = React.forwardRef<HTMLInputElement, IdAutocompleteProps>(\n (\n {\n id: idProp,\n name,\n className,\n label,\n description,\n value,\n defaultValue,\n disabled,\n placeholder,\n required,\n errors,\n warnings,\n onChange,\n onBlur,\n onClick,\n onKeyDown,\n onMouseDown,\n autoComplete = true,\n variant = \"withValue\",\n maxLength,\n fetchOptionsCallback,\n fetchSelectedOptionCallback,\n isOpenByDefault, // to be used only in stories\n initialOptions,\n renderOption,\n previewPlaceholder,\n ...props\n },\n ref,\n ) => {\n const prefix = useId();\n const id = idProp ?? `${prefix}-id-autocomplete`;\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const mergedRef = (node: HTMLInputElement \| null) => {\n inputRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n\n const hasWarning = Array.isArray(warnings) && warnings.length > 0;\n const hasError = Array.isArray(errors) && errors.length > 0;\n\n const {\n selectedValue,\n selectedOption,\n isPopoverOpen,\n commandListRef,\n options,\n isLoading,\n isLoadingSelectedOption,\n haveFetchError,\n commandValue,\n isFetchSelectedOptionSync,\n toggleOption,\n handleOpenChange,\n onTriggerBlur,\n handleChange,\n handleCommandValue,\n handleFetchSelectedOption,\n handlePaste,\n } = useIdAutocomplete({\n autoComplete,\n defaultValue,\n value,\n isOpenByDefault,\n initialOptions,\n onChange,\n onBlur,\n fetchOptions: fetchOptionsCallback,\n fetchSelectedOption: fetchSelectedOptionCallback,\n });\n\n const handleOptionSelection = (optionValue: string) => {\n toggleOption(optionValue);\n inputRef.current?.focus();\n };\n\n const asCard =\n variant === \"withValueAndTitle\" \|\|\n variant === \"withValueTitleAndDescription\";\n\n const transformers: TransformerType = useMemo(\n () => [\n sharedValueTransformers.trimOnBlur(),\n sharedValueTransformers.trimOnEnter(),\n ],\n [],\n );\n\n return (\n <FormGroup>\n {!!label && (\n <FormLabel\n htmlFor={id}\n disabled={disabled}\n hasError={hasError}\n required={required}\n onClick={(e) => {\n e.preventDefault();\n (e.target as HTMLLabelElement).control?.focus();\n }}\n >\n {label}\n </FormLabel>\n )}\n {autoComplete && fetchOptionsCallback ? (\n <Popover open={isPopoverOpen} onOpenChange={handleOpenChange}>\n <Command\n shouldFilter={false}\n value={commandValue}\n onValueChange={handleCommandValue}\n className={twMerge(\"bg-muted\")}\n >\n <PopoverAnchor asChild={true}>\n <IdAutocompleteInputContainer\n id={id}\n name={name}\n value={selectedValue}\n className={className}\n isLoading={isLoading}\n haveFetchError={haveFetchError}\n disabled={disabled}\n onChange={handleChange}\n onBlur={onTriggerBlur}\n onClick={onClick}\n selectedOption={selectedOption}\n optionsLength={options.length}\n handleOpenChange={handleOpenChange}\n onKeyDown={onKeyDown}\n onMouseDown={onMouseDown}\n placeholder={placeholder}\n hasError={hasError}\n label={label}\n required={required}\n isPopoverOpen={isPopoverOpen}\n maxLength={maxLength}\n handlePaste={handlePaste}\n {...props}\n ref={mergedRef}\n />\n </PopoverAnchor>\n {asCard &&\n (renderOption ? (\n renderOption(\n selectedOption === undefined && previewPlaceholder\n ? {\n ...previewPlaceholder,\n }\n : {\n ...selectedOption,\n value: selectedOption?.value ?? \"\",\n },\n {\n asPlaceholder: selectedOption === undefined,\n showValue: false,\n isLoadingSelectedOption,\n handleFetchSelectedOption: fetchSelectedOptionCallback\n ? handleFetchSelectedOption\n : undefined,\n isFetchSelectedOptionSync,\n className: twMerge(\"rounded-t-none pt-2\"),\n },\n )\n ) : (\n <IdAutocompleteListOption\n variant={variant}\n icon={selectedOption?.icon ?? previewPlaceholder?.icon}\n title={selectedOption?.title ?? previewPlaceholder?.title}\n path={selectedOption?.path ?? previewPlaceholder?.path}\n value={\n selectedOption?.value ?? previewPlaceholder?.value ?? \"\"\n }\n description={\n selectedOption?.description ??\n previewPlaceholder?.description\n }\n asPlaceholder={selectedOption === undefined}\n showValue={false}\n isLoadingSelectedOption={isLoadingSelectedOption}\n handleFetchSelectedOption={\n fetchSelectedOptionCallback\n ? handleFetchSelectedOption\n : undefined\n }\n isFetchSelectedOptionSync={isFetchSelectedOptionSync}\n className={twMerge(\"rounded-t-none pt-2\")}\n />\n ))}\n <PopoverContent\n align=\"start\"\n onOpenAutoFocus={(e) => e.preventDefault()}\n onInteractOutside={(e) => {\n if (e.target instanceof Element && e.target.id === id) {\n e.preventDefault();\n }\n }}\n >\n <IdAutocompleteList\n variant={variant}\n commandListRef={commandListRef}\n selectedValue={selectedValue}\n options={options}\n toggleOption={handleOptionSelection}\n renderOption={renderOption}\n previewPlaceholder={previewPlaceholder}\n />\n </PopoverContent>\n </Command>\n </Popover>\n ) : (\n <ValueTransformer transformers={transformers}>\n <Input\n id={id}\n name={name}\n value={selectedValue}\n className={className}\n disabled={disabled}\n onChange={handleChange}\n onBlur={onBlur}\n onClick={onClick}\n onMouseDown={onMouseDown}\n placeholder={placeholder}\n aria-invalid={hasError}\n aria-label={!label ? \"Id Autocomplete\" : undefined}\n aria-required={required}\n maxLength={maxLength}\n {...props}\n ref={mergedRef}\n />\n </ValueTransformer>\n )}\n {!!description && <FormDescription>{description}</FormDescription>}\n {hasWarning && <FormMessageList messages={warnings} type=\"warning\" />}\n {hasError && <FormMessageList messages={errors} type=\"error\" />}\n </FormGroup>\n );\n },\n);\n\nIdAutocomplete.displayName = \"IdAutocomplete\";\n\nexport { IdAutocomplete };\n"],"mappings":"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"}
1	+ {"version":3,"file":"id-autocomplete.js","names":["twMerge","sharedValueTransformers","Command","React","useId","useMemo","useRef","FormDescription","FormGroup","FormLabel","FormMessageList","Input","Popover","PopoverAnchor","PopoverContent","ValueTransformer","IdAutocompleteInputContainer","IdAutocompleteListOption","IdAutocompleteList","useIdAutocomplete","IdAutocomplete","forwardRef","id","idProp","name","className","label","description","value","defaultValue","disabled","placeholder","required","errors","warnings","onChange","onBlur","onClick","onKeyDown","onMouseDown","autoComplete","variant","maxLength","fetchOptionsCallback","fetchSelectedOptionCallback","isOpenByDefault","initialOptions","renderOption","previewPlaceholder","props","ref","prefix","inputRef","mergedRef","node","current","hasWarning","Array","isArray","length","hasError","selectedValue","selectedOption","isPopoverOpen","commandListRef","options","isLoading","isLoadingSelectedOption","haveFetchError","commandValue","isFetchSelectedOptionSync","toggleOption","handleOpenChange","onTriggerBlur","handleChange","handleCommandValue","handleFetchSelectedOption","handlePaste","fetchOptions","fetchSelectedOption","handleOptionSelection","optionValue","focus","asCard","transformers","trimOnBlur","trimOnEnter","e","preventDefault","target","control","undefined","asPlaceholder","showValue","icon","title","path","Element","displayName"],"sources":["../../../../src/ui/components/id-autocomplete/id-autocomplete.tsx"],"sourcesContent":["import type { TransformerType } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { sharedValueTransformers } from \"#design-system/ui/lib\";\nimport { Command } from \"cmdk\";\nimport React, { useId, useMemo, useRef } from \"react\";\nimport { FormDescription } from \"../form-description/form-description.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { Input } from \"../input/input.js\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"../popover/popover.js\";\nimport { ValueTransformer } from \"../value-transformer/value-transformer.js\";\nimport { IdAutocompleteInputContainer } from \"./id-autocomplete-input-container.js\";\nimport { IdAutocompleteListOption } from \"./id-autocomplete-list-option.js\";\nimport { IdAutocompleteList } from \"./id-autocomplete-list.js\";\nimport type { IdAutocompleteProps } from \"./types.js\";\nimport { useIdAutocomplete } from \"./use-id-autocomplete.js\";\n\nconst IdAutocomplete = React.forwardRef<HTMLInputElement, IdAutocompleteProps>(\n (\n {\n id: idProp,\n name,\n className,\n label,\n description,\n value,\n defaultValue,\n disabled,\n placeholder,\n required,\n errors,\n warnings,\n onChange,\n onBlur,\n onClick,\n onKeyDown,\n onMouseDown,\n autoComplete = true,\n variant = \"withValue\",\n maxLength,\n fetchOptionsCallback,\n fetchSelectedOptionCallback,\n isOpenByDefault, // to be used only in stories\n initialOptions,\n renderOption,\n previewPlaceholder,\n ...props\n },\n ref,\n ) => {\n const prefix = useId();\n const id = idProp ?? `${prefix}-id-autocomplete`;\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const mergedRef = (node: HTMLInputElement \| null) => {\n inputRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n\n const hasWarning = Array.isArray(warnings) && warnings.length > 0;\n const hasError = Array.isArray(errors) && errors.length > 0;\n\n const {\n selectedValue,\n selectedOption,\n isPopoverOpen,\n commandListRef,\n options,\n isLoading,\n isLoadingSelectedOption,\n haveFetchError,\n commandValue,\n isFetchSelectedOptionSync,\n toggleOption,\n handleOpenChange,\n onTriggerBlur,\n handleChange,\n handleCommandValue,\n handleFetchSelectedOption,\n handlePaste,\n } = useIdAutocomplete({\n autoComplete,\n defaultValue,\n value,\n isOpenByDefault,\n initialOptions,\n onChange,\n onBlur,\n fetchOptions: fetchOptionsCallback,\n fetchSelectedOption: fetchSelectedOptionCallback,\n });\n\n const handleOptionSelection = (optionValue: string) => {\n toggleOption(optionValue);\n inputRef.current?.focus();\n };\n\n const asCard =\n variant === \"withValueAndTitle\" \|\|\n variant === \"withValueTitleAndDescription\";\n\n const transformers: TransformerType = useMemo(\n () => [\n sharedValueTransformers.trimOnBlur(),\n sharedValueTransformers.trimOnEnter(),\n ],\n [],\n );\n\n return (\n <FormGroup>\n {!!label && (\n <FormLabel\n htmlFor={id}\n disabled={disabled}\n hasError={hasError}\n required={required}\n onClick={(e) => {\n e.preventDefault();\n (e.target as HTMLLabelElement).control?.focus();\n }}\n >\n {label}\n </FormLabel>\n )}\n {autoComplete && fetchOptionsCallback ? (\n <Popover open={isPopoverOpen} onOpenChange={handleOpenChange}>\n <Command\n shouldFilter={false}\n value={commandValue}\n onValueChange={handleCommandValue}\n className={twMerge(\"bg-muted\")}\n >\n <PopoverAnchor asChild={true}>\n <IdAutocompleteInputContainer\n id={id}\n name={name}\n value={selectedValue}\n className={className}\n isLoading={isLoading}\n haveFetchError={haveFetchError}\n disabled={disabled}\n onChange={handleChange}\n onBlur={onTriggerBlur}\n onClick={onClick}\n selectedOption={selectedOption}\n optionsLength={options.length}\n handleOpenChange={handleOpenChange}\n onKeyDown={onKeyDown}\n onMouseDown={onMouseDown}\n placeholder={placeholder}\n hasError={hasError}\n label={label}\n required={required}\n isPopoverOpen={isPopoverOpen}\n maxLength={maxLength}\n handlePaste={handlePaste}\n {...props}\n ref={mergedRef}\n />\n </PopoverAnchor>\n {asCard &&\n (renderOption ? (\n renderOption(\n selectedOption === undefined && previewPlaceholder\n ? {\n ...previewPlaceholder,\n }\n : {\n ...selectedOption,\n value: selectedOption?.value ?? \"\",\n },\n {\n asPlaceholder: selectedOption === undefined,\n showValue: false,\n isLoadingSelectedOption,\n handleFetchSelectedOption: fetchSelectedOptionCallback\n ? handleFetchSelectedOption\n : undefined,\n isFetchSelectedOptionSync,\n className: twMerge(\"rounded-t-none pt-2\"),\n },\n )\n ) : (\n <IdAutocompleteListOption\n variant={variant}\n icon={selectedOption?.icon ?? previewPlaceholder?.icon}\n title={selectedOption?.title ?? previewPlaceholder?.title}\n path={selectedOption?.path ?? previewPlaceholder?.path}\n value={\n selectedOption?.value ?? previewPlaceholder?.value ?? \"\"\n }\n description={\n selectedOption?.description ??\n previewPlaceholder?.description\n }\n asPlaceholder={selectedOption === undefined}\n showValue={false}\n isLoadingSelectedOption={isLoadingSelectedOption}\n handleFetchSelectedOption={\n fetchSelectedOptionCallback\n ? handleFetchSelectedOption\n : undefined\n }\n isFetchSelectedOptionSync={isFetchSelectedOptionSync}\n className={twMerge(\"rounded-t-none pt-2\")}\n />\n ))}\n <PopoverContent\n align=\"start\"\n onOpenAutoFocus={(e) => e.preventDefault()}\n onInteractOutside={(e) => {\n if (e.target instanceof Element && e.target.id === id) {\n e.preventDefault();\n }\n }}\n >\n <IdAutocompleteList\n variant={variant}\n commandListRef={commandListRef}\n selectedValue={selectedValue}\n options={options}\n toggleOption={handleOptionSelection}\n renderOption={renderOption}\n previewPlaceholder={previewPlaceholder}\n />\n </PopoverContent>\n </Command>\n </Popover>\n ) : (\n <ValueTransformer transformers={transformers}>\n <Input\n id={id}\n name={name}\n value={selectedValue}\n className={className}\n disabled={disabled}\n onChange={handleChange}\n onBlur={onBlur}\n onClick={onClick}\n onMouseDown={onMouseDown}\n placeholder={placeholder}\n aria-invalid={hasError}\n aria-label={!label ? \"Id Autocomplete\" : undefined}\n aria-required={required}\n maxLength={maxLength}\n {...props}\n ref={mergedRef}\n />\n </ValueTransformer>\n )}\n {!!description && <FormDescription>{description}</FormDescription>}\n {hasWarning && <FormMessageList messages={warnings} type=\"warning\" />}\n {hasError && <FormMessageList messages={errors} type=\"error\" />}\n </FormGroup>\n );\n },\n);\n\nIdAutocomplete.displayName = \"IdAutocomplete\";\n\nexport { IdAutocomplete };\n"],"mappings":"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"}

package/dist/ui/components/id-autocomplete/types.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "../../../index--hDSfvJT.js";
-export { IdAutocompleteOption, IdAutocompleteProps };
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "../../../index-Ck34z7kD.js";
+export type { IdAutocompleteOption, IdAutocompleteProps };
+export {};

package/dist/ui/components/id-autocomplete/use-id-autocomplete.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as useIdAutocomplete } from "../../../use-id-autocomplete-By7YSChC.js";
-export { useIdAutocomplete };
+import { t as useIdAutocomplete } from "../../../use-id-autocomplete-WH2ROfQn.js";
+export { useIdAutocomplete };
+export {};

package/dist/ui/components/id-autocomplete/use-id-autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-id-autocomplete.js","names":["useCallback","useEffect","useRef","useState","useDebounceCallback","useIdAutocompleteContext","useIdAutocomplete","autoComplete","defaultValue","value","isOpenByDefault","initialOptions","onChange","onBlur","fetchOptions","fetchSelectedOption","context","shouldFetchOptions","isInternalChange","commandListRef","isPopoverOpen","setIsPopoverOpen","options","setOptions","isLoading","setIsLoading","isLoadingSelectedOption","setIsLoadingSelectedOption","haveFetchError","setHaveFetchError","selectedValue","setSelectedValue","selectedOption","setSelectedOption","undefined","commandValue","setCommandValue","isFetchSelectedOptionSync","setIsFetchSelectedOptionSync","clear","debouncedFetchOptions","newValue","result","Promise","resolve","then","newOptions","matchingOption","find","opt","catch","handleFetchSelectedOption","isPromise","option","prevOptions","optionIndex","findIndex","setTimeout","handleOpenChange","open","toggleOption","optionValue","current","handleChange","e","target","handleCommandValue","onTriggerBlur","handlePaste","clipboardData","getData","trimmedValue","trim","preventDefault","input","currentTarget","start","selectionStart","end","selectionEnd","currentValue","substring","requestAnimationFrame","newPosition","length","setSelectionRange"],"sources":["../../../../src/ui/components/id-autocomplete/use-id-autocomplete.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useIdAutocompleteContext } from \"./id-autocomplete-context.js\";\nimport type { IdAutocompleteOption, IdAutocompleteProps } from \"./types.js\";\n\ninterface UseIdAutocompleteParams {\n autoComplete: IdAutocompleteProps[\"autoComplete\"];\n defaultValue?: string;\n value?: string;\n isOpenByDefault: IdAutocompleteProps[\"isOpenByDefault\"];\n initialOptions: IdAutocompleteProps[\"initialOptions\"];\n onChange?: IdAutocompleteProps[\"onChange\"];\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n fetchOptions: IdAutocompleteProps[\"fetchOptionsCallback\"];\n fetchSelectedOption: IdAutocompleteProps[\"fetchSelectedOptionCallback\"];\n}\n\nexport function useIdAutocomplete({\n autoComplete,\n defaultValue,\n value,\n isOpenByDefault,\n initialOptions,\n onChange,\n onBlur,\n fetchOptions,\n fetchSelectedOption,\n}: UseIdAutocompleteParams) {\n const context = useIdAutocompleteContext();\n const shouldFetchOptions = useRef(false);\n const isInternalChange = useRef(false);\n const commandListRef = useRef<HTMLDivElement>(null);\n\n const [isPopoverOpen, setIsPopoverOpen] = useState(isOpenByDefault ?? false);\n const [options, setOptions] = useState<IdAutocompleteOption[]>(\n initialOptions ?? [],\n );\n const [isLoading, setIsLoading] = useState(false);\n const [isLoadingSelectedOption, setIsLoadingSelectedOption] = useState(false);\n const [haveFetchError, setHaveFetchError] = useState(false);\n const [selectedValue, setSelectedValue] = useState(\n value ?? defaultValue ?? \"\",\n );\n const [selectedOption, setSelectedOption] = useState<\n IdAutocompleteOption \| undefined\n >(undefined);\n const [commandValue, setCommandValue] = useState(\"\");\n const [isFetchSelectedOptionSync, setIsFetchSelectedOptionSync] =\n useState(false);\n\n const clear = useCallback(() => {\n setHaveFetchError(false);\n setIsLoading(false);\n setIsLoadingSelectedOption(false);\n setIsPopoverOpen(false);\n }, []);\n\n const debouncedFetchOptions = useDebounceCallback(\n useCallback(\n (newValue: string) => {\n if (!autoComplete \|\| !fetchOptions) return;\n if (newValue === \"\") {\n clear();\n setOptions([]);\n setSelectedValue(\"\");\n setSelectedOption(undefined);\n return;\n }\n\n setHaveFetchError(false);\n setIsLoading(true);\n\n try {\n const result = fetchOptions(newValue, context);\n Promise.resolve(result)\n .then((newOptions) => {\n setOptions(newOptions);\n const matchingOption = newOptions.find(\n (opt) => opt.value === newValue,\n );\n if (matchingOption) {\n setSelectedOption(matchingOption);\n setIsPopoverOpen(false);\n } else {\n setSelectedOption(undefined);\n setIsPopoverOpen(true);\n }\n setIsLoading(false);\n })\n .catch(() => {\n setHaveFetchError(true);\n setIsLoading(false);\n });\n } catch {\n setHaveFetchError(true);\n setIsLoading(false);\n }\n },\n [clear, autoComplete, fetchOptions, context],\n ),\n );\n\n const handleFetchSelectedOption = useCallback(\n (value: string) => {\n if (!autoComplete \|\| !fetchSelectedOption) return;\n\n setIsLoadingSelectedOption(true);\n\n try {\n const result = fetchSelectedOption(value);\n const isPromise = result instanceof Promise;\n\n Promise.resolve(result)\n .then((option) => {\n if (option) {\n setSelectedOption(option);\n setOptions((prevOptions) => {\n const optionIndex = prevOptions.findIndex(\n (opt) => opt.value === value,\n );\n if (optionIndex !== -1) {\n const newOptions = [...prevOptions];\n newOptions[optionIndex] = option;\n return newOptions;\n }\n return prevOptions;\n });\n } else {\n clear();\n setOptions([]);\n setSelectedValue(\"\");\n setSelectedOption(undefined);\n }\n setIsLoadingSelectedOption(false);\n if (!isPromise) {\n setIsFetchSelectedOptionSync(true);\n setTimeout(() => {\n setIsFetchSelectedOptionSync(false);\n }, 1500);\n }\n })\n .catch(() => {\n setIsLoadingSelectedOption(false);\n });\n } catch {\n setIsLoadingSelectedOption(false);\n }\n },\n [clear, autoComplete, fetchSelectedOption],\n );\n\n const handleOpenChange = useCallback(\n (open: boolean) => {\n if (!open) {\n setCommandValue(options[0]?.value ?? \"\");\n }\n setIsPopoverOpen(open);\n },\n [options],\n );\n\n const toggleOption = useCallback(\n (optionValue: string) => {\n shouldFetchOptions.current = false;\n isInternalChange.current = true;\n setSelectedValue(optionValue);\n setSelectedOption(options.find((opt) => opt.value === optionValue));\n clear();\n onChange?.(optionValue);\n },\n [onChange, clear, options],\n );\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.value;\n shouldFetchOptions.current = true;\n setSelectedValue(newValue);\n setSelectedOption(undefined);\n onChange?.(newValue);\n },\n [onChange],\n );\n\n const handleCommandValue = useCallback((value: string) => {\n setCommandValue(value);\n }, []);\n\n const onTriggerBlur = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (!isPopoverOpen) {\n onBlur?.(e);\n }\n },\n [onBlur, isPopoverOpen],\n );\n\n const handlePaste = useCallback(\n (e: React.ClipboardEvent<HTMLInputElement>) => {\n // Get clipboard data and trim it\n const clipboardData = e.clipboardData.getData(\"text\");\n const trimmedValue = clipboardData.trim();\n\n // If trimming changed the value, handle paste manually\n if (clipboardData !== trimmedValue) {\n e.preventDefault();\n\n // Get current input element and selection positions\n const input = e.currentTarget;\n const start = input.selectionStart \|\| 0;\n const end = input.selectionEnd \|\| 0;\n\n // Create new value by inserting trimmed text at cursor position\n const currentValue = input.value;\n const newValue =\n currentValue.substring(0, start) +\n trimmedValue +\n currentValue.substring(end);\n\n // Update input value via onChange\n onChange?.(newValue);\n\n // Set cursor position after pasted text and fetch options\n requestAnimationFrame(() => {\n const newPosition = start + trimmedValue.length;\n input.setSelectionRange(newPosition, newPosition);\n debouncedFetchOptions(newValue);\n });\n } else if (clipboardData === selectedValue) {\n debouncedFetchOptions(selectedValue);\n }\n },\n [selectedValue, debouncedFetchOptions, onChange],\n );\n\n useEffect(() => {\n if (autoComplete) {\n if (shouldFetchOptions.current) {\n debouncedFetchOptions(selectedValue);\n }\n } else {\n clear();\n setOptions([]);\n setSelectedValue(\"\");\n setSelectedOption(undefined);\n }\n }, [autoComplete, selectedValue, debouncedFetchOptions, clear]);\n\n useEffect(() => {\n if (!isInternalChange.current) {\n shouldFetchOptions.current = false;\n setSelectedValue(value ?? defaultValue ?? \"\");\n setSelectedOption(undefined);\n }\n isInternalChange.current = false;\n }, [value]);\n\n useEffect(() => {\n if (initialOptions?.length && selectedValue) {\n const matchingOption = initialOptions.find(\n (opt) => opt.value === selectedValue,\n );\n if (matchingOption) {\n setSelectedOption(matchingOption);\n }\n }\n }, []);\n\n return {\n selectedValue,\n selectedOption,\n isPopoverOpen,\n commandListRef,\n options,\n isLoading,\n isLoadingSelectedOption,\n haveFetchError,\n commandValue,\n isFetchSelectedOptionSync,\n toggleOption,\n handleOpenChange,\n onTriggerBlur,\n handleChange,\n handleCommandValue,\n handleFetchSelectedOption,\n handlePaste,\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-id-autocomplete.js","names":["useCallback","useEffect","useRef","useState","useDebounceCallback","useIdAutocompleteContext","useIdAutocomplete","autoComplete","defaultValue","value","isOpenByDefault","initialOptions","onChange","onBlur","fetchOptions","fetchSelectedOption","context","shouldFetchOptions","isInternalChange","commandListRef","isPopoverOpen","setIsPopoverOpen","options","setOptions","isLoading","setIsLoading","isLoadingSelectedOption","setIsLoadingSelectedOption","haveFetchError","setHaveFetchError","selectedValue","setSelectedValue","selectedOption","setSelectedOption","undefined","commandValue","setCommandValue","isFetchSelectedOptionSync","setIsFetchSelectedOptionSync","clear","debouncedFetchOptions","newValue","result","Promise","resolve","then","newOptions","matchingOption","find","opt","catch","handleFetchSelectedOption","isPromise","option","prevOptions","optionIndex","findIndex","setTimeout","handleOpenChange","open","toggleOption","optionValue","current","handleChange","e","target","handleCommandValue","onTriggerBlur","handlePaste","clipboardData","getData","trimmedValue","trim","preventDefault","input","currentTarget","start","selectionStart","end","selectionEnd","currentValue","substring","requestAnimationFrame","newPosition","length","setSelectionRange"],"sources":["../../../../src/ui/components/id-autocomplete/use-id-autocomplete.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useIdAutocompleteContext } from \"./id-autocomplete-context.js\";\nimport type { IdAutocompleteOption, IdAutocompleteProps } from \"./types.js\";\n\ninterface UseIdAutocompleteParams {\n autoComplete: IdAutocompleteProps[\"autoComplete\"];\n defaultValue?: string;\n value?: string;\n isOpenByDefault: IdAutocompleteProps[\"isOpenByDefault\"];\n initialOptions: IdAutocompleteProps[\"initialOptions\"];\n onChange?: IdAutocompleteProps[\"onChange\"];\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n fetchOptions: IdAutocompleteProps[\"fetchOptionsCallback\"];\n fetchSelectedOption: IdAutocompleteProps[\"fetchSelectedOptionCallback\"];\n}\n\nexport function useIdAutocomplete({\n autoComplete,\n defaultValue,\n value,\n isOpenByDefault,\n initialOptions,\n onChange,\n onBlur,\n fetchOptions,\n fetchSelectedOption,\n}: UseIdAutocompleteParams) {\n const context = useIdAutocompleteContext();\n const shouldFetchOptions = useRef(false);\n const isInternalChange = useRef(false);\n const commandListRef = useRef<HTMLDivElement>(null);\n\n const [isPopoverOpen, setIsPopoverOpen] = useState(isOpenByDefault ?? false);\n const [options, setOptions] = useState<IdAutocompleteOption[]>(\n initialOptions ?? [],\n );\n const [isLoading, setIsLoading] = useState(false);\n const [isLoadingSelectedOption, setIsLoadingSelectedOption] = useState(false);\n const [haveFetchError, setHaveFetchError] = useState(false);\n const [selectedValue, setSelectedValue] = useState(\n value ?? defaultValue ?? \"\",\n );\n const [selectedOption, setSelectedOption] = useState<\n IdAutocompleteOption \| undefined\n >(undefined);\n const [commandValue, setCommandValue] = useState(\"\");\n const [isFetchSelectedOptionSync, setIsFetchSelectedOptionSync] =\n useState(false);\n\n const clear = useCallback(() => {\n setHaveFetchError(false);\n setIsLoading(false);\n setIsLoadingSelectedOption(false);\n setIsPopoverOpen(false);\n }, []);\n\n const debouncedFetchOptions = useDebounceCallback(\n useCallback(\n (newValue: string) => {\n if (!autoComplete \|\| !fetchOptions) return;\n if (newValue === \"\") {\n clear();\n setOptions([]);\n setSelectedValue(\"\");\n setSelectedOption(undefined);\n return;\n }\n\n setHaveFetchError(false);\n setIsLoading(true);\n\n try {\n const result = fetchOptions(newValue, context);\n Promise.resolve(result)\n .then((newOptions) => {\n setOptions(newOptions);\n const matchingOption = newOptions.find(\n (opt) => opt.value === newValue,\n );\n if (matchingOption) {\n setSelectedOption(matchingOption);\n setIsPopoverOpen(false);\n } else {\n setSelectedOption(undefined);\n setIsPopoverOpen(true);\n }\n setIsLoading(false);\n })\n .catch(() => {\n setHaveFetchError(true);\n setIsLoading(false);\n });\n } catch {\n setHaveFetchError(true);\n setIsLoading(false);\n }\n },\n [clear, autoComplete, fetchOptions, context],\n ),\n );\n\n const handleFetchSelectedOption = useCallback(\n (value: string) => {\n if (!autoComplete \|\| !fetchSelectedOption) return;\n\n setIsLoadingSelectedOption(true);\n\n try {\n const result = fetchSelectedOption(value);\n const isPromise = result instanceof Promise;\n\n Promise.resolve(result)\n .then((option) => {\n if (option) {\n setSelectedOption(option);\n setOptions((prevOptions) => {\n const optionIndex = prevOptions.findIndex(\n (opt) => opt.value === value,\n );\n if (optionIndex !== -1) {\n const newOptions = [...prevOptions];\n newOptions[optionIndex] = option;\n return newOptions;\n }\n return prevOptions;\n });\n } else {\n clear();\n setOptions([]);\n setSelectedValue(\"\");\n setSelectedOption(undefined);\n }\n setIsLoadingSelectedOption(false);\n if (!isPromise) {\n setIsFetchSelectedOptionSync(true);\n setTimeout(() => {\n setIsFetchSelectedOptionSync(false);\n }, 1500);\n }\n })\n .catch(() => {\n setIsLoadingSelectedOption(false);\n });\n } catch {\n setIsLoadingSelectedOption(false);\n }\n },\n [clear, autoComplete, fetchSelectedOption],\n );\n\n const handleOpenChange = useCallback(\n (open: boolean) => {\n if (!open) {\n setCommandValue(options[0]?.value ?? \"\");\n }\n setIsPopoverOpen(open);\n },\n [options],\n );\n\n const toggleOption = useCallback(\n (optionValue: string) => {\n shouldFetchOptions.current = false;\n isInternalChange.current = true;\n setSelectedValue(optionValue);\n setSelectedOption(options.find((opt) => opt.value === optionValue));\n clear();\n onChange?.(optionValue);\n },\n [onChange, clear, options],\n );\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.value;\n shouldFetchOptions.current = true;\n setSelectedValue(newValue);\n setSelectedOption(undefined);\n onChange?.(newValue);\n },\n [onChange],\n );\n\n const handleCommandValue = useCallback((value: string) => {\n setCommandValue(value);\n }, []);\n\n const onTriggerBlur = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (!isPopoverOpen) {\n onBlur?.(e);\n }\n },\n [onBlur, isPopoverOpen],\n );\n\n const handlePaste = useCallback(\n (e: React.ClipboardEvent<HTMLInputElement>) => {\n // Get clipboard data and trim it\n const clipboardData = e.clipboardData.getData(\"text\");\n const trimmedValue = clipboardData.trim();\n\n // If trimming changed the value, handle paste manually\n if (clipboardData !== trimmedValue) {\n e.preventDefault();\n\n // Get current input element and selection positions\n const input = e.currentTarget;\n const start = input.selectionStart \|\| 0;\n const end = input.selectionEnd \|\| 0;\n\n // Create new value by inserting trimmed text at cursor position\n const currentValue = input.value;\n const newValue =\n currentValue.substring(0, start) +\n trimmedValue +\n currentValue.substring(end);\n\n // Update input value via onChange\n onChange?.(newValue);\n\n // Set cursor position after pasted text and fetch options\n requestAnimationFrame(() => {\n const newPosition = start + trimmedValue.length;\n input.setSelectionRange(newPosition, newPosition);\n debouncedFetchOptions(newValue);\n });\n } else if (clipboardData === selectedValue) {\n debouncedFetchOptions(selectedValue);\n }\n },\n [selectedValue, debouncedFetchOptions, onChange],\n );\n\n useEffect(() => {\n if (autoComplete) {\n if (shouldFetchOptions.current) {\n debouncedFetchOptions(selectedValue);\n }\n } else {\n clear();\n setOptions([]);\n setSelectedValue(\"\");\n setSelectedOption(undefined);\n }\n }, [autoComplete, selectedValue, debouncedFetchOptions, clear]);\n\n useEffect(() => {\n if (!isInternalChange.current) {\n shouldFetchOptions.current = false;\n setSelectedValue(value ?? defaultValue ?? \"\");\n setSelectedOption(undefined);\n }\n isInternalChange.current = false;\n }, [value]);\n\n useEffect(() => {\n if (initialOptions?.length && selectedValue) {\n const matchingOption = initialOptions.find(\n (opt) => opt.value === selectedValue,\n );\n if (matchingOption) {\n setSelectedOption(matchingOption);\n }\n }\n }, []);\n\n return {\n selectedValue,\n selectedOption,\n isPopoverOpen,\n commandListRef,\n options,\n isLoading,\n isLoadingSelectedOption,\n haveFetchError,\n commandValue,\n isFetchSelectedOptionSync,\n toggleOption,\n handleOpenChange,\n onTriggerBlur,\n handleChange,\n handleCommandValue,\n handleFetchSelectedOption,\n handlePaste,\n };\n}\n"],"mappings":";;;;AAiBA,SAAgBM,kBAAkB,EAChCC,cACAC,cACAC,OACAC,iBACAC,gBACAC,UACAC,QACAC,cACAC,uBAC0B;CAC1B,MAAMC,UAAUX,yBAAyB;CACzC,MAAMY,qBAAqBf,OAAO,KAAK;CACvC,MAAMgB,mBAAmBhB,OAAO,KAAK;CACrC,MAAMiB,iBAAiBjB,OAAuB,IAAI;CAElD,MAAM,CAACkB,eAAeC,oBAAoBlB,SAASO,mBAAmB,KAAK;CAC3E,MAAM,CAACY,SAASC,cAAcpB,SAC5BQ,kBAAkB,CAAA,CACpB;CACA,MAAM,CAACa,WAAWC,gBAAgBtB,SAAS,KAAK;CAChD,MAAM,CAACuB,yBAAyBC,8BAA8BxB,SAAS,KAAK;CAC5E,MAAM,CAACyB,gBAAgBC,qBAAqB1B,SAAS,KAAK;CAC1D,MAAM,CAAC2B,eAAeC,oBAAoB5B,SACxCM,SAASD,gBAAgB,EAC3B;CACA,MAAM,CAACwB,gBAAgBC,qBAAqB9B,SAE1C+B,KAAAA,CAAS;CACX,MAAM,CAACC,cAAcC,mBAAmBjC,SAAS,EAAE;CACnD,MAAM,CAACkC,2BAA2BC,gCAChCnC,SAAS,KAAK;CAEhB,MAAMoC,QAAQvC,kBAAkB;EAC9B6B,kBAAkB,KAAK;EACvBJ,aAAa,KAAK;EAClBE,2BAA2B,KAAK;EAChCN,iBAAiB,KAAK;CACxB,GAAG,CAAA,CAAE;CAEL,MAAMmB,wBAAwBpC,oBAC5BJ,aACGyC,aAAqB;EACpB,IAAI,CAAClC,gBAAgB,CAACO,cAAc;EACpC,IAAI2B,aAAa,IAAI;GACnBF,MAAM;GACNhB,WAAW,CAAA,CAAE;GACbQ,iBAAiB,EAAE;GACnBE,kBAAkBC,KAAAA,CAAS;GAC3B;EACF;EAEAL,kBAAkB,KAAK;EACvBJ,aAAa,IAAI;EAEjB,IAAI;GACF,MAAMiB,SAAS5B,aAAa2B,UAAUzB,OAAO;GAC7C2B,QAAQC,QAAQF,MAAM,CAAC,CACpBG,MAAMC,eAAe;IACpBvB,WAAWuB,UAAU;IACrB,MAAMC,iBAAiBD,WAAWE,MAC/BC,QAAQA,IAAIxC,UAAUgC,QACzB;IACA,IAAIM,gBAAgB;KAClBd,kBAAkBc,cAAc;KAChC1B,iBAAiB,KAAK;IACxB,OAAO;KACLY,kBAAkBC,KAAAA,CAAS;KAC3Bb,iBAAiB,IAAI;IACvB;IACAI,aAAa,KAAK;GACpB,CAAC,CAAC,CACDyB,YAAY;IACXrB,kBAAkB,IAAI;IACtBJ,aAAa,KAAK;GACpB,CAAC;EACL,QAAQ;GACNI,kBAAkB,IAAI;GACtBJ,aAAa,KAAK;EACpB;CACF,GACA;EAACc;EAAOhC;EAAcO;EAAcE;CAAO,CAC7C,CACF;CAEA,MAAMmC,4BAA4BnD,aAC/BS,UAAkB;EACjB,IAAI,CAACF,gBAAgB,CAACQ,qBAAqB;EAE3CY,2BAA2B,IAAI;EAE/B,IAAI;GACF,MAAMe,SAAS3B,oBAAoBN,KAAK;GACxC,MAAM2C,YAAYV,kBAAkBC;GAEpCA,QAAQC,QAAQF,MAAM,CAAC,CACpBG,MAAMQ,WAAW;IAChB,IAAIA,QAAQ;KACVpB,kBAAkBoB,MAAM;KACxB9B,YAAY+B,gBAAgB;MAC1B,MAAMC,cAAcD,YAAYE,WAC7BP,QAAQA,IAAIxC,UAAUA,KACzB;MACA,IAAI8C,gBAAgB,IAAI;OACtB,MAAMT,aAAa,CAAC,GAAGQ,WAAW;OAClCR,WAAWS,eAAeF;OAC1B,OAAOP;MACT;MACA,OAAOQ;KACT,CAAC;IACH,OAAO;KACLf,MAAM;KACNhB,WAAW,CAAA,CAAE;KACbQ,iBAAiB,EAAE;KACnBE,kBAAkBC,KAAAA,CAAS;IAC7B;IACAP,2BAA2B,KAAK;IAChC,IAAI,CAACyB,WAAW;KACdd,6BAA6B,IAAI;KACjCmB,iBAAiB;MACfnB,6BAA6B,KAAK;KACpC,GAAG,IAAI;IACT;GACF,CAAC,CAAC,CACDY,YAAY;IACXvB,2BAA2B,KAAK;GAClC,CAAC;EACL,QAAQ;GACNA,2BAA2B,KAAK;EAClC;CACF,GACA;EAACY;EAAOhC;EAAcQ;CAAmB,CAC3C;CAEA,MAAM2C,mBAAmB1D,aACtB2D,SAAkB;EACjB,IAAI,CAACA,MACHvB,gBAAgBd,QAAQ,EAAE,EAAEb,SAAS,EAAE;EAEzCY,iBAAiBsC,IAAI;CACvB,GACA,CAACrC,OAAO,CACV;CAEA,MAAMsC,eAAe5D,aAClB6D,gBAAwB;EACvB5C,mBAAmB6C,UAAU;EAC7B5C,iBAAiB4C,UAAU;EAC3B/B,iBAAiB8B,WAAW;EAC5B5B,kBAAkBX,QAAQ0B,MAAMC,QAAQA,IAAIxC,UAAUoD,WAAW,CAAC;EAClEtB,MAAM;EACN3B,WAAWiD,WAAW;CACxB,GACA;EAACjD;EAAU2B;EAAOjB;CAAO,CAC3B;CAEA,MAAMyC,eAAe/D,aAClBgE,MAA2C;EAC1C,MAAMvB,WAAWuB,EAAEC,OAAOxD;EAC1BQ,mBAAmB6C,UAAU;EAC7B/B,iBAAiBU,QAAQ;EACzBR,kBAAkBC,KAAAA,CAAS;EAC3BtB,WAAW6B,QAAQ;CACrB,GACA,CAAC7B,QAAQ,CACX;CAEA,MAAMsD,qBAAqBlE,aAAaS,UAAkB;EACxD2B,gBAAgB3B,KAAK;CACvB,GAAG,CAAA,CAAE;CAEL,MAAM0D,gBAAgBnE,aACnBgE,MAA0C;EACzC,IAAI,CAAC5C,eACHP,SAASmD,CAAC;CAEd,GACA,CAACnD,QAAQO,aAAa,CACxB;CAEA,MAAMgD,cAAcpE,aACjBgE,MAA8C;EAE7C,MAAMK,gBAAgBL,EAAEK,cAAcC,QAAQ,MAAM;EACpD,MAAMC,eAAeF,cAAcG,KAAK;EAGxC,IAAIH,kBAAkBE,cAAc;GAClCP,EAAES,eAAe;GAGjB,MAAMC,QAAQV,EAAEW;GAChB,MAAMC,QAAQF,MAAMG,kBAAkB;GACtC,MAAMC,MAAMJ,MAAMK,gBAAgB;GAGlC,MAAMC,eAAeN,MAAMjE;GAC3B,MAAMgC,WACJuC,aAAaC,UAAU,GAAGL,KAAK,IAC/BL,eACAS,aAAaC,UAAUH,GAAG;GAG5BlE,WAAW6B,QAAQ;GAGnByC,4BAA4B;IAC1B,MAAMC,cAAcP,QAAQL,aAAaa;IACzCV,MAAMW,kBAAkBF,aAAaA,WAAW;IAChD3C,sBAAsBC,QAAQ;GAChC,CAAC;EACH,OAAO,IAAI4B,kBAAkBvC,eAC3BU,sBAAsBV,aAAa;CAEvC,GACA;EAACA;EAAeU;EAAuB5B;CAAQ,CACjD;CAEAX,gBAAgB;EACd,IAAIM,cACEU;OAAAA,mBAAmB6C,SACrBtB,sBAAsBV,aAAa;EAAA,OAEhC;GACLS,MAAM;GACNhB,WAAW,CAAA,CAAE;GACbQ,iBAAiB,EAAE;GACnBE,kBAAkBC,KAAAA,CAAS;EAC7B;CACF,GAAG;EAAC3B;EAAcuB;EAAeU;EAAuBD;CAAK,CAAC;CAE9DtC,gBAAgB;EACd,IAAI,CAACiB,iBAAiB4C,SAAS;GAC7B7C,mBAAmB6C,UAAU;GAC7B/B,iBAAiBtB,SAASD,gBAAgB,EAAE;GAC5CyB,kBAAkBC,KAAAA,CAAS;EAC7B;EACAhB,iBAAiB4C,UAAU;CAC7B,GAAG,CAACrD,KAAK,CAAC;CAEVR,gBAAgB;EACd,IAAIU,gBAAgByE,UAAUtD,eAAe;GAC3C,MAAMiB,iBAAiBpC,eAAeqC,MACnCC,QAAQA,IAAIxC,UAAUqB,aACzB;GACA,IAAIiB,gBACFd,kBAAkBc,cAAc;EAEpC;CACF,GAAG,CAAA,CAAE;CAEL,OAAO;EACLjB;EACAE;EACAZ;EACAD;EACAG;EACAE;EACAE;EACAE;EACAO;EACAE;EACAuB;EACAF;EACAS;EACAJ;EACAG;EACAf;EACAiB;CACF;AACF"}

package/dist/ui/components/index.d.ts CHANGED Viewed

@@ -1,40 +1,42 @@
-import { n as ButtonProps, r as buttonVariants, t as Button } from "../../button-C8doazjv.js";
-import { n as CharacterCounterProps, t as CharacterCounter } from "../../character-counter-BWoglM2P.js";
-import { n as CheckboxValue, t as CheckboxBase } from "../../checkbox-base-CZo-4eL0.js";
-import { n as CheckboxProps, t as Checkbox } from "../../checkbox-CGBtXQnI.js";
-import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../../command-tFzjgzge.js";
-import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../radio-group-field-wlqeiLN3.js";
-import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../select-field-C97QIhUL.js";
-import { n as EnumFieldProps, t as EnumField } from "../../enum-field-CwZVs3Ux.js";
-import { n as FormDescriptionProps, t as FormDescription } from "../../form-description-CYkcMEzm.js";
-import { t as FormGroup } from "../../form-group-C8kL6pdZ.js";
-import { n as FormLabelProps, t as FormLabel } from "../../form-label-b6nQi0XO.js";
-import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../../form-message-Dq72nBXz.js";
-import { t as FormServerErrorMessage } from "../../form-server-error-message-DXbaiTfF.js";
-import { t as FormMessageList } from "../../message-list-C4mPpBBa.js";
-import { t as Form } from "../../form-CKRKn0TQ.js";
-import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../../id-autocomplete-input-container-DFEyPh5p.js";
-import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../id-autocomplete-list-option-CB5B07Hi.js";
-import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../id-autocomplete-list-EzLpF23C.js";
-import { t as IdAutocomplete } from "../../id-autocomplete-C-hwriS5.js";
-import { t as useIdAutocomplete } from "../../use-id-autocomplete-By7YSChC.js";
-import { n as InputProps, t as Input } from "../../input-BpEQjaWV.js";
-import { t as SplittedInputDiff } from "../../splitted-input-diff-CwPedpov.js";
-import { t as JsonViewer } from "../../json-viewer-DaTgmzkS.js";
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../popover-XSBOuSih.js";
-import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../radio-group-Bkli6nUz.js";
-import { n as RadioProps, t as Radio } from "../../radio-eL0Oy86J.js";
-import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../types-C04Q_Fan.js";
-import { t as SearchAutocomplete } from "../../search-autocomplete-BJJkrZ1i.js";
-import { t as useSearchAutocomplete } from "../../use-search-autocomplete-IfcQ_gKh.js";
-import { t as Content } from "../../content-BHWIqmio.js";
-import { t as SelectedContent } from "../../selected-content-CGsK5PR4.js";
-import { n as TextInputProps, t as TextInput } from "../../text-input-8zXIWHLi.js";
-import { n as TextFieldProps, t as TextField } from "../../text-field-DSInH67J.js";
-import { a as NodeStatus, i as NodeSortType, n as NodeSortComparisonFn, o as SidebarIcon, r as NodeSortOrder, s as SidebarNode, t as FlattenedNode } from "../../types-CNbvfWjh.js";
-import { n as SidebarProps, t as Sidebar } from "../../sidebar-DOoE4krt.js";
-import { n as useSidebar, t as SidebarProvider } from "../../sidebar-provider-C2eyz9TL.js";
-import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../tooltip-BxS9HpML.js";
-import { t as ValueTransformer } from "../../value-transformer-DQjqtNih.js";
-import { n as withFieldValidation, t as ValidationOptions } from "../../with-field-validation-Di5D8vU-.js";
-export { Button, ButtonProps, CharacterCounter, CharacterCounterProps, Checkbox, CheckboxBase, CheckboxProps, CheckboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, CustomizableRadioGroupProps, EnumField, EnumFieldProps, FlattenedNode, Form, FormDescription, FormDescriptionProps, FormGroup, FormLabel, FormLabelProps, FormMessage, FormMessageList, FormMessageProps, FormMessageType, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, IdAutocompleteInputContainerProps, IdAutocompleteList, IdAutocompleteListOption, IdAutocompleteListOptionProps, IdAutocompleteListProps, Input, InputProps, JsonViewer, NodeSortComparisonFn, NodeSortOrder, NodeSortType, NodeStatus, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioProps, SearchAutocomplete, SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext, SelectField, SelectFieldProps, SelectFieldRaw, SelectedContent, Sidebar, SidebarIcon, SidebarNode, SidebarProps, SidebarProvider, SplittedInputDiff, TextField, TextFieldProps, TextInput, TextInputProps, Tooltip, TooltipContent, TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, ValidationOptions, ValueTransformer, buttonVariants, useIdAutocomplete, useSearchAutocomplete, useSidebar, withFieldValidation };
+import { n as ButtonProps, r as buttonVariants, t as Button } from "../../button-BYcXvZXr.js";
+import { n as CharacterCounterProps, t as CharacterCounter } from "../../character-counter-BZmZZCHN.js";
+import { n as CheckboxValue, t as CheckboxBase } from "../../checkbox-base-Bm0GPWgm.js";
+import { n as CheckboxProps, t as Checkbox } from "../../checkbox-BIhO-KB2.js";
+import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../../command-DHHTsHfH.js";
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../radio-group-field-0-cC_e65.js";
+import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../select-field-VZPf666l.js";
+import { n as EnumFieldProps, t as EnumField } from "../../enum-field-DsyC0ml7.js";
+import { n as FormDescriptionProps, t as FormDescription } from "../../form-description-DJrDJzJi.js";
+import { t as FormGroup } from "../../form-group-Ckd28lpW.js";
+import { n as FormLabelProps, t as FormLabel } from "../../form-label-C8ghd_lR.js";
+import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../../form-message-CnKUkvlj.js";
+import { t as FormServerErrorMessage } from "../../form-server-error-message-D2tFtDZ0.js";
+import { t as FormMessageList } from "../../message-list-D8d2ltLd.js";
+import { t as Form } from "../../form-Brj5AQNr.js";
+import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../../id-autocomplete-input-container-iTw9wYZn.js";
+import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../id-autocomplete-list-option-DlpZer-2.js";
+import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../id-autocomplete-list-BIC3RxOp.js";
+import { t as IdAutocomplete } from "../../id-autocomplete-Cr7p129s.js";
+import { t as useIdAutocomplete } from "../../use-id-autocomplete-WH2ROfQn.js";
+import { n as InputProps, t as Input } from "../../input-WDvjJFqf.js";
+import { t as SplittedInputDiff } from "../../splitted-input-diff-Bkoi0Odc.js";
+import { t as JsonViewer } from "../../json-viewer-Kg0IBIt-.js";
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../popover-TvQxa0RU.js";
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../radio-group-CROIwgYz.js";
+import { n as RadioProps, t as Radio } from "../../radio-CTS4WsNy.js";
+import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../types-D4CirgNk.js";
+import { t as SearchAutocomplete } from "../../search-autocomplete-COvFRZIb.js";
+import { t as useSearchAutocomplete } from "../../use-search-autocomplete-vSvcsvcB.js";
+import { t as Content } from "../../content-Ch3oDYCL.js";
+import { t as SelectedContent } from "../../selected-content-D6NWiceG.js";
+import { n as TextInputProps, t as TextInput } from "../../text-input-CFRCPYq6.js";
+import { n as TextFieldProps, t as TextField } from "../../text-field-CDYSwanK.js";
+import { a as NodeStatus, i as NodeSortType, n as NodeSortComparisonFn, o as SidebarIcon, r as NodeSortOrder, s as SidebarNode, t as FlattenedNode } from "../../types-FTqFl5du.js";
+import { n as SidebarProps, t as Sidebar } from "../../sidebar-DFqreKf1.js";
+import { n as useSidebar, t as SidebarProvider } from "../../sidebar-provider-CZHhqW5n.js";
+import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../tooltip-B4uQJPUm.js";
+import { t as ValueTransformer } from "../../value-transformer-Cg5TEYP2.js";
+import { n as withFieldValidation, t as ValidationOptions } from "../../with-field-validation-CObZoT4r.js";
+import "../../index-Ds9-qjjC.js";
+export { Button, ButtonProps, CharacterCounter, CharacterCounterProps, Checkbox, CheckboxBase, CheckboxProps, type CheckboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, CustomizableRadioGroupProps, EnumField, EnumFieldProps, type FlattenedNode, Form, FormDescription, FormDescriptionProps, FormGroup, FormLabel, FormLabelProps, FormMessage, FormMessageList, FormMessageProps, FormMessageType, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, type IdAutocompleteInputContainerProps, IdAutocompleteList, IdAutocompleteListOption, type IdAutocompleteListOptionProps, type IdAutocompleteListProps, Input, InputProps, JsonViewer, type NodeSortComparisonFn, type NodeSortOrder, type NodeSortType, type NodeStatus, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioProps, SearchAutocomplete, type SearchAutocompleteOption, type SearchAutocompleteProps, type SearchAutocompleteRowContext, SelectField, SelectFieldProps, SelectFieldRaw, SelectedContent, Sidebar, type SidebarIcon, type SidebarNode, SidebarProps, SidebarProvider, SplittedInputDiff, TextField, TextFieldProps, TextInput, type TextInputProps, Tooltip, TooltipContent, type TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, ValidationOptions, ValueTransformer, buttonVariants, useIdAutocomplete, useSearchAutocomplete, useSidebar, withFieldValidation };
+export {};

package/dist/ui/components/input/input.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as InputProps, t as Input } from "../../../input-BpEQjaWV.js";
-export { Input, InputProps };
+import { n as InputProps, t as Input } from "../../../input-WDvjJFqf.js";
+export { Input, InputProps };
+export {};

package/dist/ui/components/input/input.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { twMerge } from "tailwind-merge";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/components/input/input.tsx
 const inputBaseStyles = twMerge("flex h-9 w-full rounded-md text-sm/5 font-normal text-foreground", "border border-border bg-background", "px-3 py-2", "font-sans placeholder:text-muted-foreground disabled:disabled-effect", "focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 focus-visible:ring-offset-white focus-visible:outline-none", "focus:bg-background focus-visible:ring-offset-background", "disabled:disabled-effect", "disabled:disabled-effect");
-const Input = /* @__PURE__ */ React$1.forwardRef(({ className, type, ...props }, ref) => {
+const Input = /*#__PURE__*/ React$1.forwardRef(({ className, type, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("input", {
 		type,
 		className: twMerge(inputBaseStyles, className),

package/dist/ui/components/input/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","names":["React","twMerge","inputBaseStyles","Input","forwardRef","className","type","props","ref","displayName"],"sources":["../../../../src/ui/components/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst inputBaseStyles = twMerge(\n // Base styles\n \"flex h-9 w-full rounded-md text-sm/5 font-normal text-foreground\",\n // Border & Background\n \"border border-border bg-background\",\n // Padding\n \"px-3 py-2\",\n // Placeholder\n \"font-sans placeholder:text-muted-foreground disabled:disabled-effect\",\n // Focus styles\n \"focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 focus-visible:ring-offset-white focus-visible:outline-none\",\n \"focus:bg-background focus-visible:ring-offset-background\",\n // Disabled state\n \"disabled:disabled-effect\",\n \"disabled:disabled-effect\",\n);\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={twMerge(inputBaseStyles, className)}\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"mappings":";;;;AAKA,MAAME,kBAAkBD,QAEtB,oEAEA,sCAEA,aAEA,wEAEA,uIACA,4DAEA,4BACA,~~2BACD~~;~~AAED~~,MAAME,QAAQH,~~wBAAMI~~,YACjB,EAAEC,WAAWC,MAAM,GAAGC,SAASC,QAAQ;~~AACtC~~,~~QACE~~,oBAAC,SAAD;EACQF;EACN,WAAWL,QAAQC,iBAAiBG,~~UAAU~~;~~EACzCG~~;EACL,GAAID;~~EACJ~~,CAAA;~~EAGP~~;~~AAEDJ~~,MAAMM,cAAc"}
1	+ {"version":3,"file":"input.js","names":["React","twMerge","inputBaseStyles","Input","forwardRef","className","type","props","ref","displayName"],"sources":["../../../../src/ui/components/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst inputBaseStyles = twMerge(\n // Base styles\n \"flex h-9 w-full rounded-md text-sm/5 font-normal text-foreground\",\n // Border & Background\n \"border border-border bg-background\",\n // Padding\n \"px-3 py-2\",\n // Placeholder\n \"font-sans placeholder:text-muted-foreground disabled:disabled-effect\",\n // Focus styles\n \"focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 focus-visible:ring-offset-white focus-visible:outline-none\",\n \"focus:bg-background focus-visible:ring-offset-background\",\n // Disabled state\n \"disabled:disabled-effect\",\n \"disabled:disabled-effect\",\n);\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={twMerge(inputBaseStyles, className)}\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"mappings":";;;;AAKA,MAAME,kBAAkBD,QAEtB,oEAEA,sCAEA,aAEA,wEAEA,uIACA,4DAEA,4BACA,0BACF;AAEA,MAAME,QAAQH,sBAAMI,YACjB,EAAEC,WAAWC,MAAM,GAAGC,SAASC,QAAQ;CACtC,OACE,oBAAC,SAAD;EACQF;EACN,WAAWL,QAAQC,iBAAiBG,SAAS;EACxCG;EACL,GAAID;CAAM,CAAA;AAGhB,CACF;AAEAJ,MAAMM,cAAc"}

package/dist/ui/components/input/splitted-input-diff.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as SplittedInputDiff } from "../../../splitted-input-diff-CwPedpov.js";
-export { SplittedInputDiff };
+import { t as SplittedInputDiff } from "../../../splitted-input-diff-Bkoi0Odc.js";
+export { SplittedInputDiff };
+export {};

package/dist/ui/components/input/splitted-input-diff.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as Icon } from "../../../icon-C4QOpsdI.js";
+import { t as Icon } from "../../../icon-CHR45tj_.js";
 import { Tooltip, TooltipProvider as Provider } from "../tooltip/tooltip.js";
 import { InputDiff } from "./subcomponent/input-diff.js";
 import { TextDiff } from "./subcomponent/text-diff.js";
@@ -8,20 +8,21 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useMediaQuery } from "usehooks-ts";
 //#region src/ui/components/input/splitted-input-diff.tsx
 const CopyIcon = ({ value, hasCopied, setHasCopied, hasHover }) => {
+	const copy = useCallback(() => {
+		navigator.clipboard.writeText(value).then(() => {
+			setHasCopied(true);
+			setTimeout(() => setHasCopied(false), 2e3);
+		}).catch((error) => {
+			console.error("Failed to copy value: ", error);
+		});
+	}, [value, setHasCopied]);
 	return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(Tooltip, {
 		content: "Copied!",
 		open: hasCopied,
 		triggerAsChild: true,
 		children: /* @__PURE__ */ jsx("button", {
 			type: "button",
-			onClick: useCallback(() => {
-				navigator.clipboard.writeText(value).then(() => {
-					setHasCopied(true);
-					setTimeout(() => setHasCopied(false), 2e3);
-				}).catch((error) => {
-					console.error("Failed to copy value: ", error);
-				});
-			}, [value, setHasCopied]),
+			onClick: copy,
 			className: twMerge("focus-visible:outline-none [&_svg]:pointer-events-none", hasHover && "opacity-0 transition-opacity duration-500 group-hover:opacity-100"),
 			children: /* @__PURE__ */ jsx(Icon, {
 				name: "Copy",

package/dist/ui/components/input/splitted-input-diff.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"splitted-input-diff.js","names":["Icon","twMerge","useCallback","useState","useMediaQuery","Tooltip","TooltipProvider","InputDiff","TextDiff","CopyIcon","value","hasCopied","setHasCopied","hasHover","copy","navigator","clipboard","writeText","then","setTimeout","catch","error","console","SplittedInputDiff","baseValue","viewMode","diffMode","showCopyIcon","hasCopiedLeft","setHasCopiedLeft","hasCopiedRight","setHasCopiedRight","undefined"],"sources":["../../../../src/ui/components/input/splitted-input-diff.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useCallback, useState } from \"react\";\nimport { useMediaQuery } from \"usehooks-ts\";\nimport type { WithDifference } from \"../../types.js\";\nimport { Tooltip, TooltipProvider } from \"../tooltip/tooltip.js\";\nimport { InputDiff } from \"./subcomponent/input-diff.js\";\nimport { TextDiff } from \"./subcomponent/text-diff.js\";\ninterface CopyIconProps {\n value: string;\n hasCopied: boolean;\n setHasCopied: (hasCopied: boolean) => void;\n hasHover: boolean;\n}\n\nconst CopyIcon = ({\n value,\n hasCopied,\n setHasCopied,\n hasHover,\n}: CopyIconProps) => {\n const copy = useCallback(() => {\n navigator.clipboard\n .writeText(value)\n .then(() => {\n setHasCopied(true);\n setTimeout(() => setHasCopied(false), 2000);\n })\n .catch((error: unknown) => {\n console.error(\"Failed to copy value: \", error);\n });\n }, [value, setHasCopied]);\n\n return (\n <TooltipProvider>\n <Tooltip content=\"Copied!\" open={hasCopied} triggerAsChild>\n <button\n type=\"button\"\n onClick={copy}\n className={twMerge(\n \"focus-visible:outline-none [&_svg]:pointer-events-none\",\n hasHover &&\n \"opacity-0 transition-opacity duration-500 group-hover:opacity-100\",\n )}\n >\n <Icon\n name=\"Copy\"\n size={16}\n className={twMerge(\"text-muted-foreground\")}\n />\n </button>\n </Tooltip>\n </TooltipProvider>\n );\n};\n\ninterface SplittedInputDiffProps extends WithDifference<string> {\n value: string;\n showCopyIcon?: boolean;\n}\n\nexport const SplittedInputDiff = ({\n baseValue,\n value,\n viewMode,\n diffMode,\n showCopyIcon = false,\n}: SplittedInputDiffProps) => {\n const [hasCopiedLeft, setHasCopiedLeft] = useState(false);\n const [hasCopiedRight, setHasCopiedRight] = useState(false);\n const hasHover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\n\n return (\n <InputDiff className={twMerge(\"group\")}>\n {viewMode === \"mixed\" ? (\n <>\n <div\n className={twMerge(\n \"flex flex-1 items-center gap-2 truncate [&>span]:truncate\",\n )}\n >\n <TextDiff\n baseValue={baseValue}\n value={value}\n viewMode=\"removal\"\n diffMode={diffMode}\n className={twMerge(\"flex-1\")}\n />\n {showCopyIcon && baseValue !== undefined && baseValue !== \"\" && (\n <CopyIcon\n value={baseValue}\n hasCopied={hasCopiedLeft}\n setHasCopied={setHasCopiedLeft}\n hasHover={hasHover}\n />\n )}\n </div>\n <div className={twMerge(\"mx-3 h-[34px] w-px bg-secondary\")} />\n <div\n className={twMerge(\n \"flex flex-1 items-center gap-2 truncate [&>span]:truncate\",\n )}\n >\n <TextDiff\n baseValue={baseValue}\n value={value}\n viewMode=\"addition\"\n diffMode={diffMode}\n className={twMerge(\"flex-1\")}\n />\n {showCopyIcon && value !== \"\" && (\n <CopyIcon\n value={value}\n hasCopied={hasCopiedRight}\n setHasCopied={setHasCopiedRight}\n hasHover={hasHover}\n />\n )}\n </div>\n </>\n ) : (\n <div\n className={twMerge(\n \"flex flex-1 items-center gap-2 truncate [&>span]:truncate\",\n )}\n >\n <TextDiff\n baseValue={baseValue}\n value={value}\n viewMode={viewMode}\n diffMode={diffMode}\n className={twMerge(\"flex-1\")}\n />\n {showCopyIcon &&\n ((viewMode === \"removal\" &&\n baseValue !== undefined &&\n baseValue !== \"\") \|\|\n (viewMode === \"addition\" && value !== \"\")) && (\n <CopyIcon\n value={viewMode === \"removal\" ? (baseValue ?? \"\") : value}\n hasCopied={hasCopiedLeft}\n setHasCopied={setHasCopiedLeft}\n hasHover={hasHover}\n />\n )}\n </div>\n )}\n </InputDiff>\n );\n};\n"],"mappings":";;;;;;;;;AAeA,MAAMS,YAAY,EAChBC,OACAC,WACAC,cACAC,eACmB;~~AAanB~~,~~QACE~~,~~oBAAC~~,~~UAAD,EAAA,UACE,oBAAC,SAAD;EAAS,SAAQ;EAAU,MAAMF;EAAW,gBAAA;YAC1C,oBAAC,UAAD;GACE,MAAK;GACL,SAjBKT,~~kBAAkB;~~AAC7Ba~~,~~cAAUC~~,UACPC,UAAUP,~~MAAM~~,CAChBQ,WAAW;~~AACVN~~,~~kBAAa~~,~~KAAK~~;~~AAClBO~~,~~sBAAiBP~~,aAAa,~~MAAM~~,~~EAAE~~,~~IAAK~~;~~MAC3C~~,CACDQ,OAAOC,UAAmB;~~AACzBC~~,~~aAAQD~~,MAAM,0BAA0BA,~~MAAM~~;~~MAC9C~~;~~MACH~~,CAACX,OAAOE,~~aAAa~~,CAAC;~~GAQjB~~,~~WAAWX~~,QACT,0DACAY,YACE,~~oEACH~~;~~aAED~~,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAWZ,QAAQ,~~wBAAwB~~;~~IAAC~~,CAAA;~~GAExC~~,CAAA;~~EACD~~,CAAA,~~EACO~~,CAAA~~;;AAStB~~,MAAasB,qBAAqB,EAChCC,WACAd,OACAe,UACAC,UACAC,eAAe,YACa;CAC5B,MAAM,CAACC,eAAeC,oBAAoB1B,SAAS,~~MAAM~~;~~CACzD~~,MAAM,CAAC2B,gBAAgBC,qBAAqB5B,SAAS,~~MAAM~~;~~CAC3D~~,MAAMU,WAAWT,cAAc,~~qCAAqC~~;~~AAEpE~~,~~QACE~~,oBAAC,WAAD;EAAW,WAAWH,QAAQ,~~QAAQ~~;~~YACnCwB~~,aAAa,UACZ,qBAAA,YAAA,EAAA,UAAA;GACE,qBAAC,OAAD;IACE,WAAWxB,QACT,~~4DACD~~;~~cAHH~~,CAKE,oBAAC,UAAD;KACauB;KACJd;KACP,UAAS;KACCgB;KACV,WAAWzB,QAAQ,~~SAAS~~;~~KAAC~~,CAAA,~~EAE9B0B~~,gBAAgBH,cAAcQ,KAAAA,KAAaR,cAAc,MACxD,oBAAC,UAAD;KACE,OAAOA;KACP,WAAWI;KACX,cAAcC;KACJhB;~~KAEb~~,CAAA,~~CACE~~;;GACL,oBAAC,OAAD,EAAK,WAAWZ,QAAQ,~~kCAAkC~~,~~EAAC~~,CAAA;GAC3D,qBAAC,OAAD;IACE,WAAWA,QACT,~~4DACD~~;~~cAHH~~,CAKE,oBAAC,UAAD;KACauB;KACJd;KACP,UAAS;KACCgB;KACV,WAAWzB,QAAQ,~~SAAS~~;~~KAAC~~,CAAA,~~EAE9B0B~~,gBAAgBjB,UAAU,MACzB,oBAAC,UAAD;KACSA;KACP,WAAWoB;KACX,cAAcC;KACJlB;~~KAEb~~,CAAA,~~CACE~~;;~~GACJ~~,EAAA,CAAA,~~GAEH~~,qBAAC,OAAD;GACE,WAAWZ,QACT,~~4DACD~~;~~aAHH~~,CAKE,oBAAC,UAAD;IACauB;IACJd;IACGe;IACAC;IACV,WAAWzB,QAAQ,~~SAAS~~;~~IAAC~~,CAAA,~~EAE9B0B~~,iBACGF,aAAa,aACbD,cAAcQ,KAAAA,KACdR,cAAc,MACbC,aAAa,cAAcf,UAAU,OACtC,oBAAC,UAAD;IACE,OAAOe,aAAa,YAAaD,aAAa,KAAMd;IACpD,WAAWkB;IACX,cAAcC;IACJhB;~~IAEb~~,CAAA,~~CAEN~~;;~~EACS~~,CAAA"}
1	+ {"version":3,"file":"splitted-input-diff.js","names":["Icon","twMerge","useCallback","useState","useMediaQuery","Tooltip","TooltipProvider","InputDiff","TextDiff","CopyIcon","value","hasCopied","setHasCopied","hasHover","copy","navigator","clipboard","writeText","then","setTimeout","catch","error","console","SplittedInputDiff","baseValue","viewMode","diffMode","showCopyIcon","hasCopiedLeft","setHasCopiedLeft","hasCopiedRight","setHasCopiedRight","undefined"],"sources":["../../../../src/ui/components/input/splitted-input-diff.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useCallback, useState } from \"react\";\nimport { useMediaQuery } from \"usehooks-ts\";\nimport type { WithDifference } from \"../../types.js\";\nimport { Tooltip, TooltipProvider } from \"../tooltip/tooltip.js\";\nimport { InputDiff } from \"./subcomponent/input-diff.js\";\nimport { TextDiff } from \"./subcomponent/text-diff.js\";\ninterface CopyIconProps {\n value: string;\n hasCopied: boolean;\n setHasCopied: (hasCopied: boolean) => void;\n hasHover: boolean;\n}\n\nconst CopyIcon = ({\n value,\n hasCopied,\n setHasCopied,\n hasHover,\n}: CopyIconProps) => {\n const copy = useCallback(() => {\n navigator.clipboard\n .writeText(value)\n .then(() => {\n setHasCopied(true);\n setTimeout(() => setHasCopied(false), 2000);\n })\n .catch((error: unknown) => {\n console.error(\"Failed to copy value: \", error);\n });\n }, [value, setHasCopied]);\n\n return (\n <TooltipProvider>\n <Tooltip content=\"Copied!\" open={hasCopied} triggerAsChild>\n <button\n type=\"button\"\n onClick={copy}\n className={twMerge(\n \"focus-visible:outline-none [&_svg]:pointer-events-none\",\n hasHover &&\n \"opacity-0 transition-opacity duration-500 group-hover:opacity-100\",\n )}\n >\n <Icon\n name=\"Copy\"\n size={16}\n className={twMerge(\"text-muted-foreground\")}\n />\n </button>\n </Tooltip>\n </TooltipProvider>\n );\n};\n\ninterface SplittedInputDiffProps extends WithDifference<string> {\n value: string;\n showCopyIcon?: boolean;\n}\n\nexport const SplittedInputDiff = ({\n baseValue,\n value,\n viewMode,\n diffMode,\n showCopyIcon = false,\n}: SplittedInputDiffProps) => {\n const [hasCopiedLeft, setHasCopiedLeft] = useState(false);\n const [hasCopiedRight, setHasCopiedRight] = useState(false);\n const hasHover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\n\n return (\n <InputDiff className={twMerge(\"group\")}>\n {viewMode === \"mixed\" ? (\n <>\n <div\n className={twMerge(\n \"flex flex-1 items-center gap-2 truncate [&>span]:truncate\",\n )}\n >\n <TextDiff\n baseValue={baseValue}\n value={value}\n viewMode=\"removal\"\n diffMode={diffMode}\n className={twMerge(\"flex-1\")}\n />\n {showCopyIcon && baseValue !== undefined && baseValue !== \"\" && (\n <CopyIcon\n value={baseValue}\n hasCopied={hasCopiedLeft}\n setHasCopied={setHasCopiedLeft}\n hasHover={hasHover}\n />\n )}\n </div>\n <div className={twMerge(\"mx-3 h-[34px] w-px bg-secondary\")} />\n <div\n className={twMerge(\n \"flex flex-1 items-center gap-2 truncate [&>span]:truncate\",\n )}\n >\n <TextDiff\n baseValue={baseValue}\n value={value}\n viewMode=\"addition\"\n diffMode={diffMode}\n className={twMerge(\"flex-1\")}\n />\n {showCopyIcon && value !== \"\" && (\n <CopyIcon\n value={value}\n hasCopied={hasCopiedRight}\n setHasCopied={setHasCopiedRight}\n hasHover={hasHover}\n />\n )}\n </div>\n </>\n ) : (\n <div\n className={twMerge(\n \"flex flex-1 items-center gap-2 truncate [&>span]:truncate\",\n )}\n >\n <TextDiff\n baseValue={baseValue}\n value={value}\n viewMode={viewMode}\n diffMode={diffMode}\n className={twMerge(\"flex-1\")}\n />\n {showCopyIcon &&\n ((viewMode === \"removal\" &&\n baseValue !== undefined &&\n baseValue !== \"\") \|\|\n (viewMode === \"addition\" && value !== \"\")) && (\n <CopyIcon\n value={viewMode === \"removal\" ? (baseValue ?? \"\") : value}\n hasCopied={hasCopiedLeft}\n setHasCopied={setHasCopiedLeft}\n hasHover={hasHover}\n />\n )}\n </div>\n )}\n </InputDiff>\n );\n};\n"],"mappings":";;;;;;;;;AAeA,MAAMS,YAAY,EAChBC,OACAC,WACAC,cACAC,eACmB;CACnB,MAAMC,OAAOZ,kBAAkB;EAC7Ba,UAAUC,UACPC,UAAUP,KAAK,CAAC,CAChBQ,WAAW;GACVN,aAAa,IAAI;GACjBO,iBAAiBP,aAAa,KAAK,GAAG,GAAI;EAC5C,CAAC,CAAC,CACDQ,OAAOC,UAAmB;GACzBC,QAAQD,MAAM,0BAA0BA,KAAK;EAC/C,CAAC;CACL,GAAG,CAACX,OAAOE,YAAY,CAAC;CAExB,OACE,oBAAC,UAAD,EAAA,UACE,oBAAC,SAAD;EAAS,SAAQ;EAAU,MAAMD;EAAW,gBAAA;EAC1C,UAAA,oBAAC,UAAD;GACE,MAAK;GACL,SAASG;GACT,WAAWb,QACT,0DACAY,YACE,mEACJ;GAEA,UAAA,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAWZ,QAAQ,uBAAuB;GAAE,CAAA;EAExC,CAAA;CACD,CAAA,EACM,CAAA;AAErB;AAOA,MAAasB,qBAAqB,EAChCC,WACAd,OACAe,UACAC,UACAC,eAAe,YACa;CAC5B,MAAM,CAACC,eAAeC,oBAAoB1B,SAAS,KAAK;CACxD,MAAM,CAAC2B,gBAAgBC,qBAAqB5B,SAAS,KAAK;CAC1D,MAAMU,WAAWT,cAAc,oCAAoC;CAEnE,OACE,oBAAC,WAAD;EAAW,WAAWH,QAAQ,OAAO;EAClCwB,UAAAA,aAAa,UACZ,qBAAA,YAAA,EAAA,UAAA;GACE,qBAAC,OAAD;IACE,WAAWxB,QACT,2DACF;IAHF,UAAA,CAKE,oBAAC,UAAD;KACauB;KACJd;KACP,UAAS;KACCgB;KACV,WAAWzB,QAAQ,QAAQ;IAAE,CAAA,GAE9B0B,gBAAgBH,cAAcQ,KAAAA,KAAaR,cAAc,MACxD,oBAAC,UAAD;KACE,OAAOA;KACP,WAAWI;KACX,cAAcC;KACJhB;IAAS,CAAA,CAGpB;;GACL,oBAAC,OAAD,EAAK,WAAWZ,QAAQ,iCAAiC,EAAE,CAAA;GAC3D,qBAAC,OAAD;IACE,WAAWA,QACT,2DACF;IAHF,UAAA,CAKE,oBAAC,UAAD;KACauB;KACJd;KACP,UAAS;KACCgB;KACV,WAAWzB,QAAQ,QAAQ;IAAE,CAAA,GAE9B0B,gBAAgBjB,UAAU,MACzB,oBAAC,UAAD;KACSA;KACP,WAAWoB;KACX,cAAcC;KACJlB;IAAS,CAAA,CAGpB;;EACP,EAAA,CAAA,IAEA,qBAAC,OAAD;GACE,WAAWZ,QACT,2DACF;GAHF,UAAA,CAKE,oBAAC,UAAD;IACauB;IACJd;IACGe;IACAC;IACV,WAAWzB,QAAQ,QAAQ;GAAE,CAAA,GAE9B0B,iBACGF,aAAa,aACbD,cAAcQ,KAAAA,KACdR,cAAc,MACbC,aAAa,cAAcf,UAAU,OACtC,oBAAC,UAAD;IACE,OAAOe,aAAa,YAAaD,aAAa,KAAMd;IACpD,WAAWkB;IACX,cAAcC;IACJhB;GAAS,CAAA,CAGtB;;CAEE,CAAA;AAEf"}

package/dist/ui/components/input/subcomponent/input-diff.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/ui/components/input/subcomponent/input-diff.d.ts
 interface InputDiffProps {
   children: React.ReactNode;
@@ -9,14 +7,7 @@ interface InputDiffProps {
   rows?: number;
   hasPadding?: boolean;
 }
-declare const InputDiff: ({
-  children,
-  className,
-  ellipsis,
-  multiline,
-  rows,
-  hasPadding
-}: InputDiffProps) => react_jsx_runtime0.JSX.Element;
+export declare const InputDiff: ({ children, className, ellipsis, multiline, rows, hasPadding }: InputDiffProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
-export { InputDiff };
+export {};
 //# sourceMappingURL=input-diff.d.ts.map

package/dist/ui/components/input/subcomponent/input-diff.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-diff.d.ts","names":[],"sources":["../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"mappings":"~~;;;~~UAEU~~,cAAA~~;EACR,~~QAAA~~,~~EAAU,KAAA,CAAM,SAAA~~;EAChB~~,SAAA~~;EACA~~,QAAA~~;EACA~~,SAAA~~;EACA~~,IAAA~~;EACA,UAAA~~;AAAA;AAAA~~,~~cAGW~~,~~SAAA;EAAa~~,~~QAAA;EAAA~~,~~SAAA;EAAA~~,~~QAAA;EAAA~~,~~SAAA;EAAA,~~IAAA~~;EAAA;AAAA,GAOvB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA~~"}
1	+ {"version":3,"file":"input-diff.d.ts","names":[],"sources":["../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"mappings":";UAEU;EACR,UAAU,MAAM;EAChB;EACA;EACA;EACA;EACA;;qBAGW,cAAS,UAAA,WAAA,UAAA,WAAA,MAAA,cAOnB,+CAAc,IAAA"}

package/dist/ui/components/input/subcomponent/input-diff.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-diff.js","names":["twMerge","InputDiff","children","className","ellipsis","multiline","rows","hasPadding","minHeight"],"sources":["../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\n\ninterface InputDiffProps {\n children: React.ReactNode;\n className?: string;\n ellipsis?: boolean;\n multiline?: boolean;\n rows?: number;\n hasPadding?: boolean;\n}\n\nexport const InputDiff = ({\n children,\n className,\n ellipsis = true,\n multiline = false,\n rows = 3,\n hasPadding = false,\n}: InputDiffProps) => {\n return (\n <div\n className={twMerge(\n \"flex w-full items-center rounded-md font-sans text-sm/5 font-normal text-foreground\",\n \"cursor-not-allowed border border-border bg-transparent px-3\",\n !multiline && ellipsis && \"truncate [&>span]:truncate\",\n hasPadding && \"items-start py-2\",\n className,\n )}\n style={{\n minHeight: multiline ? `${rows * 1.5}rem` : \"2.25rem\",\n }}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;AAWA,MAAaC,aAAa,EACxBC,UACAC,WACAC,WAAW,MACXC,YAAY,OACZC,OAAO,GACPC,aAAa,YACO;~~AACpB~~,~~QACE~~,oBAAC,OAAD;EACE,WAAWP,QACT,uFACA,+DACA,CAACK,aAAaD,YAAY,8BAC1BG,cAAc,oBACdJ,~~UACD~~;~~EACD~~,OAAO,EACLK,WAAWH,YAAY,GAAGC,OAAO,IAAG,OAAQ,~~WAC7C~~;~~EAEAJ~~;~~EACG~~,CAAA"}
1	+ {"version":3,"file":"input-diff.js","names":["twMerge","InputDiff","children","className","ellipsis","multiline","rows","hasPadding","minHeight"],"sources":["../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\n\ninterface InputDiffProps {\n children: React.ReactNode;\n className?: string;\n ellipsis?: boolean;\n multiline?: boolean;\n rows?: number;\n hasPadding?: boolean;\n}\n\nexport const InputDiff = ({\n children,\n className,\n ellipsis = true,\n multiline = false,\n rows = 3,\n hasPadding = false,\n}: InputDiffProps) => {\n return (\n <div\n className={twMerge(\n \"flex w-full items-center rounded-md font-sans text-sm/5 font-normal text-foreground\",\n \"cursor-not-allowed border border-border bg-transparent px-3\",\n !multiline && ellipsis && \"truncate [&>span]:truncate\",\n hasPadding && \"items-start py-2\",\n className,\n )}\n style={{\n minHeight: multiline ? `${rows * 1.5}rem` : \"2.25rem\",\n }}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;AAWA,MAAaC,aAAa,EACxBC,UACAC,WACAC,WAAW,MACXC,YAAY,OACZC,OAAO,GACPC,aAAa,YACO;CACpB,OACE,oBAAC,OAAD;EACE,WAAWP,QACT,uFACA,+DACA,CAACK,aAAaD,YAAY,8BAC1BG,cAAc,oBACdJ,SACF;EACA,OAAO,EACLK,WAAWH,YAAY,GAAGC,OAAO,IAAG,OAAQ,UAC9C;EAECJ;CACE,CAAA;AAET"}

package/dist/ui/components/input/subcomponent/text-diff.d.ts CHANGED Viewed

@@ -1,20 +1,11 @@
-import { _ as WithDifference } from "../../../../index--hDSfvJT.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { _ as WithDifference } from "../../../../index-Ck34z7kD.js";
 //#region src/ui/components/input/subcomponent/text-diff.d.ts
 interface TextDiffProps extends WithDifference<string> {
   value: string;
   className?: string;
   childrenClassName?: string;
 }
-declare const TextDiff: ({
-  baseValue,
-  value,
-  viewMode,
-  diffMode,
-  className,
-  childrenClassName
-}: TextDiffProps) => react_jsx_runtime0.JSX.Element;
+export declare const TextDiff: ({ baseValue, value, viewMode, diffMode, className, childrenClassName }: TextDiffProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
-export { TextDiff };
+export {};
 //# sourceMappingURL=text-diff.d.ts.map

package/dist/ui/components/input/subcomponent/text-diff.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-diff.d.ts","names":[],"sources":["../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"mappings":"~~;;;;~~UAKU,~~aAAA,SAAsB,cAAA~~;EAC9B~~,KAAA~~;EACA~~,SAAA~~;EACA,~~iBAAA;AAAA;AAAA~~,~~cAGW~~,~~QAAA;EAAY~~,~~SAAA;EAAA~~,~~KAAA;EAAA~~,~~QAAA;EAAA~~,~~QAAA;EAAA~~,~~SAAA;EAAA;AAAA~~,~~GAOtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA~~"}
1	+ {"version":3,"file":"text-diff.d.ts","names":[],"sources":["../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"mappings":";;UAKU,sBAAsB;EAC9B;EACA;EACA;;qBAGW,aAAQ,WAAA,OAAA,UAAA,UAAA,WAAA,qBAOlB,8CAAa,IAAA"}

package/dist/ui/components/input/subcomponent/text-diff.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-diff.js","names":["twMerge","diffSentences","diffWords","useMemo","TextDiff","baseValue","value","viewMode","diffMode","className","childrenClassName","wordsDiff","hasChanges","some","word","added","removed","bgColor","undefined","map","index"],"sources":["../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"sourcesContent":["import type { WithDifference } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { diffSentences, diffWords } from \"diff\";\nimport { useMemo } from \"react\";\n\ninterface TextDiffProps extends WithDifference<string> {\n value: string;\n className?: string;\n childrenClassName?: string;\n}\n\nexport const TextDiff = ({\n baseValue,\n value,\n viewMode,\n diffMode = \"words\",\n className,\n childrenClassName,\n}: TextDiffProps) => {\n const wordsDiff = useMemo(() => {\n return diffMode === \"words\"\n ? diffWords(baseValue ?? \"\", value)\n : diffSentences(baseValue ?? \"\", value);\n }, [baseValue, value, diffMode]);\n\n const hasChanges = useMemo(() => {\n return wordsDiff.some((word) => word.added \|\| word.removed);\n }, [wordsDiff]);\n\n const bgColor =\n diffMode === \"sentences\" && hasChanges\n ? viewMode === \"addition\"\n ? \"bg-success/10\"\n : viewMode === \"removal\"\n ? \"bg-destructive/10\"\n : undefined\n : undefined;\n\n return (\n <span\n className={twMerge(\"leading-[18px] text-foreground\", bgColor, className)}\n >\n {wordsDiff.map((word, index) => {\n return word.added ? (\n viewMode === \"addition\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-success/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : word.removed ? (\n viewMode === \"removal\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-destructive/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : (\n <span\n key={`${word.value}-${index}`}\n className={twMerge(childrenClassName)}\n >\n {word.value}\n </span>\n );\n })}\n </span>\n );\n};\n"],"mappings":";;;;;AAWA,MAAaI,YAAY,EACvBC,WACAC,OACAC,UACAC,WAAW,SACXC,WACAC,wBACmB;CACnB,MAAMC,YAAYR,cAAc;~~AAC9B~~,~~SAAOK~~,aAAa,UAChBN,UAAUG,aAAa,IAAIC,~~MAAM~~,~~GACjCL~~,cAAcI,aAAa,IAAIC,~~MAAM~~;~~IACxC~~;EAACD;EAAWC;EAAOE;~~EAAS~~,CAAC;~~CAEhC~~,MAAMI,aAAaT,cAAc;~~AAC~~/B,~~SAAOQ~~,UAAUE,MAAMC,SAASA,KAAKC,SAASD,KAAKE,~~QAAQ~~;~~IAC1D~~,CAACL,~~UAAU~~,CAAC;~~AAWf~~,~~QACE~~,oBAAC,QAAD;EACE,WAAWX,QAAQ,kCAVrBQ,aAAa,eAAeI,aACxBL,aAAa,aACX,kBACAA,aAAa,YACX,sBACAW,KAAAA,IACJA,KAAAA,GAI4DT,~~UAAU~~;~~YAEvEE~~,UAAUQ,KAAKL,MAAMM,UAAU;~~AAC9B~~,~~UAAON~~,KAAKC,QACVR,aAAa,cAAcA,aAAa,UACtC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,iBACFG,~~kBACD~~;~~cAGAI~~,KAAKR;~~IACD~~,~~EAHA~~,GAAGQ,KAAKR,MAAK,GAAIc,~~QAGjB~~,~~GACL~~,OACFN,KAAKE,UACPT,aAAa,aAAaA,aAAa,UACrC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,qBACFG,~~kBACD~~;~~cAGAI~~,KAAKR;~~IACD~~,~~EAHA~~,GAAGQ,KAAKR,MAAK,GAAIc,~~QAGjB~~,~~GACL~~,OAEJ,oBAAC,QAAD;IAEE,WAAWpB,QAAQU,~~kBAAkB~~;~~cAEpCI~~,KAAKR;~~IAET~~,~~EALQ~~,GAAGQ,KAAKR,MAAK,GAAIc,~~QAKzB~~;~~IACD~~;~~EACG~~,CAAA"}
1	+ {"version":3,"file":"text-diff.js","names":["twMerge","diffSentences","diffWords","useMemo","TextDiff","baseValue","value","viewMode","diffMode","className","childrenClassName","wordsDiff","hasChanges","some","word","added","removed","bgColor","undefined","map","index"],"sources":["../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"sourcesContent":["import type { WithDifference } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { diffSentences, diffWords } from \"diff\";\nimport { useMemo } from \"react\";\n\ninterface TextDiffProps extends WithDifference<string> {\n value: string;\n className?: string;\n childrenClassName?: string;\n}\n\nexport const TextDiff = ({\n baseValue,\n value,\n viewMode,\n diffMode = \"words\",\n className,\n childrenClassName,\n}: TextDiffProps) => {\n const wordsDiff = useMemo(() => {\n return diffMode === \"words\"\n ? diffWords(baseValue ?? \"\", value)\n : diffSentences(baseValue ?? \"\", value);\n }, [baseValue, value, diffMode]);\n\n const hasChanges = useMemo(() => {\n return wordsDiff.some((word) => word.added \|\| word.removed);\n }, [wordsDiff]);\n\n const bgColor =\n diffMode === \"sentences\" && hasChanges\n ? viewMode === \"addition\"\n ? \"bg-success/10\"\n : viewMode === \"removal\"\n ? \"bg-destructive/10\"\n : undefined\n : undefined;\n\n return (\n <span\n className={twMerge(\"leading-[18px] text-foreground\", bgColor, className)}\n >\n {wordsDiff.map((word, index) => {\n return word.added ? (\n viewMode === \"addition\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-success/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : word.removed ? (\n viewMode === \"removal\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-destructive/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : (\n <span\n key={`${word.value}-${index}`}\n className={twMerge(childrenClassName)}\n >\n {word.value}\n </span>\n );\n })}\n </span>\n );\n};\n"],"mappings":";;;;;AAWA,MAAaI,YAAY,EACvBC,WACAC,OACAC,UACAC,WAAW,SACXC,WACAC,wBACmB;CACnB,MAAMC,YAAYR,cAAc;EAC9B,OAAOK,aAAa,UAChBN,UAAUG,aAAa,IAAIC,KAAK,IAChCL,cAAcI,aAAa,IAAIC,KAAK;CAC1C,GAAG;EAACD;EAAWC;EAAOE;CAAQ,CAAC;CAE/B,MAAMI,aAAaT,cAAc;EAC/B,OAAOQ,UAAUE,MAAMC,SAASA,KAAKC,SAASD,KAAKE,OAAO;CAC5D,GAAG,CAACL,SAAS,CAAC;CAWd,OACE,oBAAC,QAAD;EACE,WAAWX,QAAQ,kCAVrBQ,aAAa,eAAeI,aACxBL,aAAa,aACX,kBACAA,aAAa,YACX,sBACAW,KAAAA,IACJA,KAAAA,GAI4DT,SAAS;EAEtEE,UAAAA,UAAUQ,KAAKL,MAAMM,UAAU;GAC9B,OAAON,KAAKC,QACVR,aAAa,cAAcA,aAAa,UACtC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,iBACFG,iBACF;IAGCI,UAAAA,KAAKR;GACF,GAHC,GAAGQ,KAAKR,MAAK,GAAIc,OAGlB,IACJ,OACFN,KAAKE,UACPT,aAAa,aAAaA,aAAa,UACrC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,qBACFG,iBACF;IAGCI,UAAAA,KAAKR;GACF,GAHC,GAAGQ,KAAKR,MAAK,GAAIc,OAGlB,IACJ,OAEJ,oBAAC,QAAD;IAEE,WAAWpB,QAAQU,iBAAiB;IAEnCI,UAAAA,KAAKR;GACF,GAJC,GAAGQ,KAAKR,MAAK,GAAIc,OAIlB;EAEV,CAAC;CACG,CAAA;AAEV"}

package/dist/ui/components/json-viewer/json-viewer.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as JsonViewer } from "../../../json-viewer-DaTgmzkS.js";
-export { JsonViewer };
+import { t as JsonViewer } from "../../../json-viewer-Kg0IBIt-.js";
+export { JsonViewer };
+export {};

package/dist/ui/components/json-viewer/json-viewer.js CHANGED Viewed

@@ -72,7 +72,7 @@ const defaultStyles = {
 	stringValue: twMerge(_defaultStyles.stringValue, "text-muted-foreground!")
 };
 const allExpanded = () => true;
-const JsonView = /* @__PURE__ */ lazy(() => import("react-json-view-lite").then((m) => ({ default: m.JsonView })));
+const JsonView = /*#__PURE__*/ lazy(() => import("react-json-view-lite").then((m) => ({ default: m.JsonView })));
 function JsonViewer(props) {
 	return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(JsonView, {
 		...props,

package/dist/ui/components/json-viewer/json-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"json-viewer.js","names":["lazy","Suspense","twMerge","styles","pointer","defaultAriaLables","collapseJson","expandJson","_defaultStyles","container","basicChildStyle","childFieldsContainer","label","clickableLabel","nullValue","undefinedValue","stringValue","booleanValue","numberValue","otherValue","punctuation","collapseIcon","expandIcon","collapsedContent","noQuotesForStringValues","quotesForFieldNames","ariaLables","stringifyStringValues","defaultStyles","allExpanded","JsonView","then","m","default","JsonViewer","props","shouldExpandNode","style"],"sources":["../../../../src/ui/components/json-viewer/json-viewer.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport type { Props } from \"react-json-view-lite\";\nimport { twMerge } from \"tailwind-merge\";\n\n// copied from react-json-view-lite to allow lazy loading the component itself\nconst styles = {\n \"container-base\": \"_GzYRV\",\n \"punctuation-base\": \"_3eOF8\",\n pointer: \"_1MFti\",\n \"expander-base\": \"_f10Tu _1MFti\",\n \"expand-icon\": \"_1UmXx\",\n \"collapse-icon\": \"_1LId0\",\n \"collapsed-content-base\": \"_1pNG9 _1MFti\",\n \"container-light\": \"_2IvMF _GzYRV\",\n \"basic-element-style\": \"_2bkNM\",\n \"child-fields-container\": \"_1BXBN\",\n \"label-light\": \"_1MGIk\",\n \"clickable-label-light\": \"_2YKJg _1MGIk _1MFti\",\n \"punctuation-light\": \"_3uHL6 _3eOF8\",\n \"value-null-light\": \"_2T6PJ\",\n \"value-undefined-light\": \"_1Gho6\",\n \"value-string-light\": \"_vGjyY\",\n \"value-number-light\": \"_1bQdo\",\n \"value-boolean-light\": \"_3zQKs\",\n \"value-other-light\": \"_1xvuR\",\n \"collapse-icon-light\": \"_oLqym _f10Tu _1MFti _1LId0\",\n \"expand-icon-light\": \"_2AXVT _f10Tu _1MFti _1UmXx\",\n \"collapsed-content-light\": \"_2KJWg _1pNG9 _1MFti\",\n \"container-dark\": \"_11RoI _GzYRV\",\n \"expand-icon-dark\": \"_17H2C _f10Tu _1MFti _1UmXx\",\n \"collapse-icon-dark\": \"_3QHg2 _f10Tu _1MFti _1LId0\",\n \"collapsed-content-dark\": \"_3fDAz _1pNG9 _1MFti\",\n \"label-dark\": \"_2bSDX\",\n \"clickable-label-dark\": \"_1RQEj _2bSDX _1MFti\",\n \"punctuation-dark\": \"_gsbQL _3eOF8\",\n \"value-null-dark\": \"_LaAZe\",\n \"value-undefined-dark\": \"_GTKgm\",\n \"value-string-dark\": \"_Chy1W\",\n \"value-number-dark\": \"_2bveF\",\n \"value-boolean-dark\": \"_2vRm-\",\n \"value-other-dark\": \"_1prJR\",\n};\nconst defaultAriaLables = {\n collapseJson: \"collapse JSON\",\n expandJson: \"expand JSON\",\n};\nconst _defaultStyles = {\n container: styles[\"container-light\"],\n basicChildStyle: styles[\"basic-element-style\"],\n childFieldsContainer: styles[\"child-fields-container\"],\n label: styles[\"label-light\"],\n clickableLabel: styles[\"clickable-label-light\"],\n nullValue: styles[\"value-null-light\"],\n undefinedValue: styles[\"value-undefined-light\"],\n stringValue: styles[\"value-string-light\"],\n booleanValue: styles[\"value-boolean-light\"],\n numberValue: styles[\"value-number-light\"],\n otherValue: styles[\"value-other-light\"],\n punctuation: styles[\"punctuation-light\"],\n collapseIcon: styles[\"collapse-icon-light\"],\n expandIcon: styles[\"expand-icon-light\"],\n collapsedContent: styles[\"collapsed-content-light\"],\n noQuotesForStringValues: false,\n quotesForFieldNames: false,\n ariaLables: defaultAriaLables,\n stringifyStringValues: false,\n};\nconst defaultStyles = {\n ..._defaultStyles,\n container: twMerge(_defaultStyles.container, \"bg-transparent!\"),\n label: twMerge(_defaultStyles.label, \"text-muted-foreground!\"),\n punctuation: twMerge(\n _defaultStyles.punctuation,\n \"font-semibold! text-foreground!\",\n ),\n collapseIcon: twMerge(_defaultStyles.collapseIcon, \"text-muted-foreground!\"),\n stringValue: twMerge(_defaultStyles.stringValue, \"text-muted-foreground!\"),\n};\n\nconst allExpanded = () => true;\n\nconst JsonView = lazy(() =>\n import(\"react-json-view-lite\").then((m) => ({ default: m.JsonView })),\n);\n\nexport function JsonViewer(props: Props) {\n return (\n <Suspense>\n <JsonView\n {...props}\n shouldExpandNode={props.shouldExpandNode ?? allExpanded}\n style={props.style ?? defaultStyles}\n />\n </Suspense>\n );\n}\n"],"mappings":";;;;AAKA,MAAMG,SAAS;CACb,kBAAkB;CAClB,oBAAoB;CACpBC,SAAS;CACT,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,eAAe;CACf,yBAAyB;CACzB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,sBAAsB;CACtB,sBAAsB;CACtB,uBAAuB;CACvB,qBAAqB;CACrB,uBAAuB;CACvB,qBAAqB;CACrB,2BAA2B;CAC3B,kBAAkB;CAClB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,cAAc;CACd,wBAAwB;CACxB,oBAAoB;CACpB,mBAAmB;CACnB,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,sBAAsB;CACtB,oBAAoB;~~CACrB~~;~~AAKD~~,MAAMI,iBAAiB;CACrBC,WAAWN,OAAO;CAClBO,iBAAiBP,OAAO;CACxBQ,sBAAsBR,OAAO;CAC7BS,OAAOT,OAAO;CACdU,gBAAgBV,OAAO;CACvBW,WAAWX,OAAO;CAClBY,gBAAgBZ,OAAO;CACvBa,aAAab,OAAO;CACpBc,cAAcd,OAAO;CACrBe,aAAaf,OAAO;CACpBgB,YAAYhB,OAAO;CACnBiB,aAAajB,OAAO;CACpBkB,cAAclB,OAAO;CACrBmB,YAAYnB,OAAO;CACnBoB,kBAAkBpB,OAAO;CACzBqB,yBAAyB;CACzBC,qBAAqB;CACrBC,~~YAtBwB~~;~~EACxBpB~~,cAAc;EACdC,YAAY;~~EACb~~;~~CAoBCoB~~,uBAAuB;~~CACxB~~;~~AACD~~,MAAMC,gBAAgB;CACpB,GAAGpB;CACHC,WAAWP,QAAQM,eAAeC,WAAW,~~kBAAkB~~;~~CAC/DG~~,OAAOV,QAAQM,eAAeI,OAAO,~~yBAAyB~~;~~CAC9DQ~~,aAAalB,QACXM,eAAeY,aACf,~~kCACD~~;~~CACDC~~,cAAcnB,QAAQM,eAAea,cAAc,~~yBAAyB~~;~~CAC5EL~~,aAAad,QAAQM,eAAeQ,aAAa,~~yBAAwB~~;~~CAC1E~~;~~AAED~~,MAAMa,oBAAoB;AAE1B,MAAMC,WAAW9B,~~2BACf~~,OAAO,~~wBAAwB~~+B,MAAMC,OAAO,EAAEC,SAASD,EAAEF,~~UAAU~~,~~EACrE~~,~~CAAC~~;~~AAED~~,SAAgBI,WAAWC,OAAc;~~AACvC~~,~~QACE~~,oBAAC,UAAD,EAAA,UACE,oBAAC,UAAD;EACE,GAAIA;EACJ,kBAAkBA,MAAMC,oBAAoBP;EAC5C,OAAOM,MAAME,SAAST;~~EAAc~~,CAAA,~~EAE7B~~,CAAA"}
1	+ {"version":3,"file":"json-viewer.js","names":["lazy","Suspense","twMerge","styles","pointer","defaultAriaLables","collapseJson","expandJson","_defaultStyles","container","basicChildStyle","childFieldsContainer","label","clickableLabel","nullValue","undefinedValue","stringValue","booleanValue","numberValue","otherValue","punctuation","collapseIcon","expandIcon","collapsedContent","noQuotesForStringValues","quotesForFieldNames","ariaLables","stringifyStringValues","defaultStyles","allExpanded","JsonView","then","m","default","JsonViewer","props","shouldExpandNode","style"],"sources":["../../../../src/ui/components/json-viewer/json-viewer.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport type { Props } from \"react-json-view-lite\";\nimport { twMerge } from \"tailwind-merge\";\n\n// copied from react-json-view-lite to allow lazy loading the component itself\nconst styles = {\n \"container-base\": \"_GzYRV\",\n \"punctuation-base\": \"_3eOF8\",\n pointer: \"_1MFti\",\n \"expander-base\": \"_f10Tu _1MFti\",\n \"expand-icon\": \"_1UmXx\",\n \"collapse-icon\": \"_1LId0\",\n \"collapsed-content-base\": \"_1pNG9 _1MFti\",\n \"container-light\": \"_2IvMF _GzYRV\",\n \"basic-element-style\": \"_2bkNM\",\n \"child-fields-container\": \"_1BXBN\",\n \"label-light\": \"_1MGIk\",\n \"clickable-label-light\": \"_2YKJg _1MGIk _1MFti\",\n \"punctuation-light\": \"_3uHL6 _3eOF8\",\n \"value-null-light\": \"_2T6PJ\",\n \"value-undefined-light\": \"_1Gho6\",\n \"value-string-light\": \"_vGjyY\",\n \"value-number-light\": \"_1bQdo\",\n \"value-boolean-light\": \"_3zQKs\",\n \"value-other-light\": \"_1xvuR\",\n \"collapse-icon-light\": \"_oLqym _f10Tu _1MFti _1LId0\",\n \"expand-icon-light\": \"_2AXVT _f10Tu _1MFti _1UmXx\",\n \"collapsed-content-light\": \"_2KJWg _1pNG9 _1MFti\",\n \"container-dark\": \"_11RoI _GzYRV\",\n \"expand-icon-dark\": \"_17H2C _f10Tu _1MFti _1UmXx\",\n \"collapse-icon-dark\": \"_3QHg2 _f10Tu _1MFti _1LId0\",\n \"collapsed-content-dark\": \"_3fDAz _1pNG9 _1MFti\",\n \"label-dark\": \"_2bSDX\",\n \"clickable-label-dark\": \"_1RQEj _2bSDX _1MFti\",\n \"punctuation-dark\": \"_gsbQL _3eOF8\",\n \"value-null-dark\": \"_LaAZe\",\n \"value-undefined-dark\": \"_GTKgm\",\n \"value-string-dark\": \"_Chy1W\",\n \"value-number-dark\": \"_2bveF\",\n \"value-boolean-dark\": \"_2vRm-\",\n \"value-other-dark\": \"_1prJR\",\n};\nconst defaultAriaLables = {\n collapseJson: \"collapse JSON\",\n expandJson: \"expand JSON\",\n};\nconst _defaultStyles = {\n container: styles[\"container-light\"],\n basicChildStyle: styles[\"basic-element-style\"],\n childFieldsContainer: styles[\"child-fields-container\"],\n label: styles[\"label-light\"],\n clickableLabel: styles[\"clickable-label-light\"],\n nullValue: styles[\"value-null-light\"],\n undefinedValue: styles[\"value-undefined-light\"],\n stringValue: styles[\"value-string-light\"],\n booleanValue: styles[\"value-boolean-light\"],\n numberValue: styles[\"value-number-light\"],\n otherValue: styles[\"value-other-light\"],\n punctuation: styles[\"punctuation-light\"],\n collapseIcon: styles[\"collapse-icon-light\"],\n expandIcon: styles[\"expand-icon-light\"],\n collapsedContent: styles[\"collapsed-content-light\"],\n noQuotesForStringValues: false,\n quotesForFieldNames: false,\n ariaLables: defaultAriaLables,\n stringifyStringValues: false,\n};\nconst defaultStyles = {\n ..._defaultStyles,\n container: twMerge(_defaultStyles.container, \"bg-transparent!\"),\n label: twMerge(_defaultStyles.label, \"text-muted-foreground!\"),\n punctuation: twMerge(\n _defaultStyles.punctuation,\n \"font-semibold! text-foreground!\",\n ),\n collapseIcon: twMerge(_defaultStyles.collapseIcon, \"text-muted-foreground!\"),\n stringValue: twMerge(_defaultStyles.stringValue, \"text-muted-foreground!\"),\n};\n\nconst allExpanded = () => true;\n\nconst JsonView = lazy(() =>\n import(\"react-json-view-lite\").then((m) => ({ default: m.JsonView })),\n);\n\nexport function JsonViewer(props: Props) {\n return (\n <Suspense>\n <JsonView\n {...props}\n shouldExpandNode={props.shouldExpandNode ?? allExpanded}\n style={props.style ?? defaultStyles}\n />\n </Suspense>\n );\n}\n"],"mappings":";;;;AAKA,MAAMG,SAAS;CACb,kBAAkB;CAClB,oBAAoB;CACpBC,SAAS;CACT,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,eAAe;CACf,yBAAyB;CACzB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,sBAAsB;CACtB,sBAAsB;CACtB,uBAAuB;CACvB,qBAAqB;CACrB,uBAAuB;CACvB,qBAAqB;CACrB,2BAA2B;CAC3B,kBAAkB;CAClB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,cAAc;CACd,wBAAwB;CACxB,oBAAoB;CACpB,mBAAmB;CACnB,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,sBAAsB;CACtB,oBAAoB;AACtB;AAKA,MAAMI,iBAAiB;CACrBC,WAAWN,OAAO;CAClBO,iBAAiBP,OAAO;CACxBQ,sBAAsBR,OAAO;CAC7BS,OAAOT,OAAO;CACdU,gBAAgBV,OAAO;CACvBW,WAAWX,OAAO;CAClBY,gBAAgBZ,OAAO;CACvBa,aAAab,OAAO;CACpBc,cAAcd,OAAO;CACrBe,aAAaf,OAAO;CACpBgB,YAAYhB,OAAO;CACnBiB,aAAajB,OAAO;CACpBkB,cAAclB,OAAO;CACrBmB,YAAYnB,OAAO;CACnBoB,kBAAkBpB,OAAO;CACzBqB,yBAAyB;CACzBC,qBAAqB;CACrBC,YAAYrB;EArBZC,cAAc;EACdC,YAAY;CAoBAF;CACZsB,uBAAuB;AACzB;AACA,MAAMC,gBAAgB;CACpB,GAAGpB;CACHC,WAAWP,QAAQM,eAAeC,WAAW,iBAAiB;CAC9DG,OAAOV,QAAQM,eAAeI,OAAO,wBAAwB;CAC7DQ,aAAalB,QACXM,eAAeY,aACf,iCACF;CACAC,cAAcnB,QAAQM,eAAea,cAAc,wBAAwB;CAC3EL,aAAad,QAAQM,eAAeQ,aAAa,wBAAwB;AAC3E;AAEA,MAAMa,oBAAoB;AAE1B,MAAMC,WAAW9B,yBACf,OAAO,uBAAuB,CAAC+B,MAAMC,OAAO,EAAEC,SAASD,EAAEF,SAAS,EAAE,CACtE;AAEA,SAAgBI,WAAWC,OAAc;CACvC,OACE,oBAAC,UAAD,EAAA,UACE,oBAAC,UAAD;EACE,GAAIA;EACJ,kBAAkBA,MAAMC,oBAAoBP;EAC5C,OAAOM,MAAME,SAAST;CAAc,CAAA,EAE9B,CAAA;AAEd"}

package/dist/ui/components/popover/popover.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../../popover-XSBOuSih.js";
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../../popover-TvQxa0RU.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+export {};

package/dist/ui/components/popover/popover.js CHANGED Viewed

@@ -6,7 +6,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 const Popover = PopoverPrimitive.Root;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = /* @__PURE__ */ React.forwardRef(({ align = "center", sideOffset = 4, className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+const PopoverContent = /*#__PURE__*/ React.forwardRef(({ align = "center", sideOffset = 4, className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
 	align,
 	sideOffset,
 	className: twMerge([

package/dist/ui/components/popover/popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.js","names":["twMerge","PopoverPrimitive","React","Popover","Root","PopoverAnchor","Anchor","PopoverTrigger","Trigger","PopoverContent","forwardRef","align","sideOffset","className","props","ref"],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ align = \"center\", sideOffset = 4, className, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n align={align}\n sideOffset={sideOffset}\n className={twMerge(\n [\n \"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in\",\n \"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in\",\n \"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right\",\n \"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom\",\n \"z-50 w-(--radix-popover-trigger-width) border p-0 outline-none\",\n \"border-border bg-popover text-popover-foreground\",\n \"rounded-md shadow-sidebar\",\n ],\n className,\n )}\n ref={ref}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\n"],"mappings":";;;;;AAIA,MAAaG,UAAUF,iBAAiBG;AACxC,MAAaC,gBAAgBJ,iBAAiBK;AAC9C,MAAaC,iBAAiBN,iBAAiBO;AAE/C,MAAaC,iBAAiBP,~~sBAAMQ~~,YAGjC,EAAEC,QAAQ,UAAUC,aAAa,GAAGC,WAAW,GAAGC,SAASC,QAC5D,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,iBAAiB,SAAlB;CACSJ;CACKC;CACZ,WAAWZ,QACT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~EACDa~~,~~UACD~~;~~CACIE~~;CACL,GAAID;~~CAAM~~,CAAA,~~EAGf~~,CAAA,~~CAAC~~"}
1	+ {"version":3,"file":"popover.js","names":["twMerge","PopoverPrimitive","React","Popover","Root","PopoverAnchor","Anchor","PopoverTrigger","Trigger","PopoverContent","forwardRef","align","sideOffset","className","props","ref"],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ align = \"center\", sideOffset = 4, className, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n align={align}\n sideOffset={sideOffset}\n className={twMerge(\n [\n \"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in\",\n \"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in\",\n \"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right\",\n \"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom\",\n \"z-50 w-(--radix-popover-trigger-width) border p-0 outline-none\",\n \"border-border bg-popover text-popover-foreground\",\n \"rounded-md shadow-sidebar\",\n ],\n className,\n )}\n ref={ref}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\n"],"mappings":";;;;;AAIA,MAAaG,UAAUF,iBAAiBG;AACxC,MAAaC,gBAAgBJ,iBAAiBK;AAC9C,MAAaC,iBAAiBN,iBAAiBO;AAE/C,MAAaC,iBAAiBP,oBAAMQ,YAGjC,EAAEC,QAAQ,UAAUC,aAAa,GAAGC,WAAW,GAAGC,SAASC,QAC5D,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,iBAAiB,SAAlB;CACSJ;CACKC;CACZ,WAAWZ,QACT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CAA2B,GAE7Ba,SACF;CACKE;CACL,GAAID;AAAM,CAAA,EAEW,CAAA,CAC1B"}

package/dist/ui/components/radio-group-field/radio-group-field.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../../radio-group-field-wlqeiLN3.js";
-export { RadioGroupField, RadioGroupFieldProps };
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../../radio-group-field-0-cC_e65.js";
+export { RadioGroupField, RadioGroupFieldProps };
+export {};

package/dist/ui/components/radio-group-field/radio-group-field.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { forwardRef, useId } from "react";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/radio-group-field/radio-group-field.tsx
-const RadioGroupFieldRaw = /* @__PURE__ */ forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
+const RadioGroupFieldRaw = /*#__PURE__*/ forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
 	const hasLabel = label !== void 0;
 	const hasError = errors.length > 0;
 	const prefix = useId();
@@ -60,8 +60,9 @@ const RadioGroupFieldRaw = /* @__PURE__ */ forwardRef(({ autoFocus, className, d
 		]
 	});
 });
-const RadioGroupField = /* @__PURE__ */ forwardRef(function RadioGroupField(props, ref) {
-	return /* @__PURE__ */ jsx(withFieldValidation(RadioGroupFieldRaw), {
+const RadioGroupField = /*#__PURE__*/ forwardRef(function RadioGroupField(props, ref) {
+	const Component = withFieldValidation(RadioGroupFieldRaw);
+	return /* @__PURE__ */ jsx(Component, {
 		...props,
 		ref
 	});