npm - @powerhousedao/design-system - Versions diffs - 6.0.2-staging.8 → 6.1.0-dev.0 - Mend

@powerhousedao/design-system 6.0.2-staging.8 → 6.1.0-dev.0

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 (197) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"id-autocomplete-input-container.js","names":["cn","Icon","sharedValueTransformers","Command","CommandPrimitive","React","useMemo","useState","useMediaQuery","Input","Tooltip","TooltipProvider","ValueTransformer","IdAutocompleteInputContainer","forwardRef","id","name","value","className","isLoading","haveFetchError","disabled","onChange","onBlur","onClick","selectedOption","optionsLength","handleOpenChange","onKeyDown","onMouseDown","placeholder","hasError","label","required","isPopoverOpen","maxLength","handlePaste","onPaste","props","ref","hasCopied","setHasCopied","hasHover","transformers","trimOnBlur","trimOnEnter","e","input","target","isOptionsRelatedKey","includes","key","preventDefault","stopPropagation","contains","document","activeElement","requestAnimationFrame","select","undefined","navigator","clipboard","writeText","then","setTimeout","catch","error","console"],"sources":["../../../../src/ui/components/id-autocomplete/id-autocomplete-input-container.tsx"],"sourcesContent":["import type { TransformerType } from \"#design-system\";\nimport { cn, Icon } from \"#design-system\";\nimport { sharedValueTransformers } from \"#design-system/ui/lib\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React, { useMemo, useState } from \"react\";\nimport { useMediaQuery } from \"usehooks-ts\";\nimport type { InputBaseProps } from \"../../types.js\";\nimport { Input } from \"../input/input.js\";\nimport { Tooltip, TooltipProvider } from \"../tooltip/tooltip.js\";\nimport { ValueTransformer } from \"../value-transformer/value-transformer.js\";\nimport type { IdAutocompleteOption } from \"./types.js\";\n\ninterface IdAutocompleteInputContainerProps extends Omit<\n InputBaseProps<string>,\n \"defaultValue\" \| \"errors\" \| \"warnings\"\n> {\n isLoading: boolean;\n haveFetchError: boolean;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;\n selectedOption?: IdAutocompleteOption;\n optionsLength: number;\n handleOpenChange?: (open: boolean) => void;\n onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n onMouseDown?: (e: React.MouseEvent<HTMLInputElement>) => void;\n placeholder?: string;\n hasError: boolean;\n isPopoverOpen: boolean;\n maxLength?: number;\n handlePaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;\n onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;\n}\n\nconst IdAutocompleteInputContainer = React.forwardRef<\n HTMLInputElement,\n IdAutocompleteInputContainerProps\n>(\n (\n {\n id,\n name,\n value,\n className,\n isLoading,\n haveFetchError,\n disabled,\n onChange,\n onBlur,\n onClick,\n selectedOption,\n optionsLength,\n handleOpenChange,\n onKeyDown,\n onMouseDown,\n placeholder,\n hasError,\n label,\n required,\n isPopoverOpen,\n maxLength,\n handlePaste,\n onPaste,\n ...props\n },\n ref,\n ) => {\n const [hasCopied, setHasCopied] = useState(false);\n const hasHover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\n\n const transformers: TransformerType = useMemo(\n () => [\n sharedValueTransformers.trimOnBlur(),\n sharedValueTransformers.trimOnEnter(),\n ],\n [],\n );\n\n return (\n <div className={cn(\"group relative\")}>\n <ValueTransformer transformers={transformers}>\n <CommandPrimitive.Input asChild>\n <Input\n id={id}\n name={name}\n value={value}\n className={cn(\"pr-9\", className)}\n disabled={disabled}\n onChange={onChange}\n onBlur={onBlur}\n onClick={(e) => {\n const input = e.target as HTMLInputElement;\n if (\n !(isLoading \|\| haveFetchError) &&\n !selectedOption &&\n input.value !== \"\"\n ) {\n handleOpenChange?.(true);\n }\n onClick?.(e);\n }}\n onKeyDown={(e) => {\n onKeyDown?.(e);\n const isOptionsRelatedKey = [\n \"ArrowUp\",\n \"ArrowDown\",\n \"Enter\",\n ].includes(e.key);\n\n if (e.key === \"Enter\" && isPopoverOpen && optionsLength === 0) {\n handleOpenChange?.(false);\n e.preventDefault();\n return;\n }\n if (\n !(isOptionsRelatedKey && isPopoverOpen && optionsLength > 0)\n ) {\n e.stopPropagation();\n }\n }}\n onMouseDown={(e) => {\n const input = e.target as HTMLInputElement;\n if (!input.contains(document.activeElement)) {\n // wait for the next tick to ensure the focus occurs first\n requestAnimationFrame(() => {\n input.select();\n });\n }\n onMouseDown?.(e);\n }}\n onPaste={(e) => {\n handlePaste?.(e);\n onPaste?.(e);\n }}\n placeholder={placeholder}\n aria-invalid={hasError}\n aria-label={!label ? \"Id Autocomplete\" : undefined}\n aria-required={required}\n aria-expanded={isPopoverOpen}\n maxLength={maxLength}\n {...props}\n ref={ref}\n />\n </CommandPrimitive.Input>\n </ValueTransformer>\n <div\n className={cn(\n \"absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center\",\n !isLoading &&\n !haveFetchError &&\n !selectedOption &&\n \"pointer-events-none\",\n )}\n >\n {isLoading && (\n <Icon\n name=\"Reload\"\n size={16}\n className={cn(\"animate-spin text-gray-500 dark:text-gray-600\")}\n />\n )}\n {haveFetchError && (\n <TooltipProvider>\n <Tooltip content=\"Network error!\">\n <Icon name=\"Error\" size={16} className={cn(\"text-red-900\")} />\n </Tooltip>\n </TooltipProvider>\n )}\n {selectedOption && !isLoading && !haveFetchError && (\n <TooltipProvider>\n <Tooltip content=\"Copied!\" open={hasCopied} triggerAsChild>\n <button\n type=\"button\"\n onClick={() => {\n navigator.clipboard\n .writeText(selectedOption.value)\n .then(() => {\n setHasCopied(true);\n setTimeout(() => setHasCopied(false), 2000);\n })\n .catch((error) => {\n console.error(\"Failed to copy value: \", error);\n });\n }}\n className={cn(\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={cn(\"text-gray-500 dark:text-gray-600\")}\n />\n </button>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n </div>\n );\n },\n);\n\nexport { IdAutocompleteInputContainer, type IdAutocompleteInputContainerProps };\n"],"mappings":"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"}
1	+ {"version":3,"file":"id-autocomplete-input-container.js","names":["cn","Icon","sharedValueTransformers","Command","CommandPrimitive","React","useMemo","useState","useMediaQuery","Input","Tooltip","TooltipProvider","ValueTransformer","IdAutocompleteInputContainer","forwardRef","id","name","value","className","isLoading","haveFetchError","disabled","onChange","onBlur","onClick","selectedOption","optionsLength","handleOpenChange","onKeyDown","onMouseDown","placeholder","hasError","label","required","isPopoverOpen","maxLength","handlePaste","onPaste","props","ref","hasCopied","setHasCopied","hasHover","transformers","trimOnBlur","trimOnEnter","e","input","target","isOptionsRelatedKey","includes","key","preventDefault","stopPropagation","contains","document","activeElement","requestAnimationFrame","select","undefined","navigator","clipboard","writeText","then","setTimeout","catch","error","console"],"sources":["../../../../src/ui/components/id-autocomplete/id-autocomplete-input-container.tsx"],"sourcesContent":["import type { TransformerType } from \"#design-system\";\nimport { cn, Icon } from \"#design-system\";\nimport { sharedValueTransformers } from \"#design-system/ui/lib\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React, { useMemo, useState } from \"react\";\nimport { useMediaQuery } from \"usehooks-ts\";\nimport type { InputBaseProps } from \"../../types.js\";\nimport { Input } from \"../input/input.js\";\nimport { Tooltip, TooltipProvider } from \"../tooltip/tooltip.js\";\nimport { ValueTransformer } from \"../value-transformer/value-transformer.js\";\nimport type { IdAutocompleteOption } from \"./types.js\";\n\ninterface IdAutocompleteInputContainerProps extends Omit<\n InputBaseProps<string>,\n \"defaultValue\" \| \"errors\" \| \"warnings\"\n> {\n isLoading: boolean;\n haveFetchError: boolean;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;\n selectedOption?: IdAutocompleteOption;\n optionsLength: number;\n handleOpenChange?: (open: boolean) => void;\n onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n onMouseDown?: (e: React.MouseEvent<HTMLInputElement>) => void;\n placeholder?: string;\n hasError: boolean;\n isPopoverOpen: boolean;\n maxLength?: number;\n handlePaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;\n onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;\n}\n\nconst IdAutocompleteInputContainer = React.forwardRef<\n HTMLInputElement,\n IdAutocompleteInputContainerProps\n>(\n (\n {\n id,\n name,\n value,\n className,\n isLoading,\n haveFetchError,\n disabled,\n onChange,\n onBlur,\n onClick,\n selectedOption,\n optionsLength,\n handleOpenChange,\n onKeyDown,\n onMouseDown,\n placeholder,\n hasError,\n label,\n required,\n isPopoverOpen,\n maxLength,\n handlePaste,\n onPaste,\n ...props\n },\n ref,\n ) => {\n const [hasCopied, setHasCopied] = useState(false);\n const hasHover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\n\n const transformers: TransformerType = useMemo(\n () => [\n sharedValueTransformers.trimOnBlur(),\n sharedValueTransformers.trimOnEnter(),\n ],\n [],\n );\n\n return (\n <div className={cn(\"group relative\")}>\n <ValueTransformer transformers={transformers}>\n <CommandPrimitive.Input asChild>\n <Input\n id={id}\n name={name}\n value={value}\n className={cn(\"pr-9\", className)}\n disabled={disabled}\n onChange={onChange}\n onBlur={onBlur}\n onClick={(e) => {\n const input = e.target as HTMLInputElement;\n if (\n !(isLoading \|\| haveFetchError) &&\n !selectedOption &&\n input.value !== \"\"\n ) {\n handleOpenChange?.(true);\n }\n onClick?.(e);\n }}\n onKeyDown={(e) => {\n onKeyDown?.(e);\n const isOptionsRelatedKey = [\n \"ArrowUp\",\n \"ArrowDown\",\n \"Enter\",\n ].includes(e.key);\n\n if (e.key === \"Enter\" && isPopoverOpen && optionsLength === 0) {\n handleOpenChange?.(false);\n e.preventDefault();\n return;\n }\n if (\n !(isOptionsRelatedKey && isPopoverOpen && optionsLength > 0)\n ) {\n e.stopPropagation();\n }\n }}\n onMouseDown={(e) => {\n const input = e.target as HTMLInputElement;\n if (!input.contains(document.activeElement)) {\n // wait for the next tick to ensure the focus occurs first\n requestAnimationFrame(() => {\n input.select();\n });\n }\n onMouseDown?.(e);\n }}\n onPaste={(e) => {\n handlePaste?.(e);\n onPaste?.(e);\n }}\n placeholder={placeholder}\n aria-invalid={hasError}\n aria-label={!label ? \"Id Autocomplete\" : undefined}\n aria-required={required}\n aria-expanded={isPopoverOpen}\n maxLength={maxLength}\n {...props}\n ref={ref}\n />\n </CommandPrimitive.Input>\n </ValueTransformer>\n <div\n className={cn(\n \"absolute top-1/2 right-3 flex size-4 -translate-y-1/2 items-center\",\n !isLoading &&\n !haveFetchError &&\n !selectedOption &&\n \"pointer-events-none\",\n )}\n >\n {isLoading && (\n <Icon\n name=\"Reload\"\n size={16}\n className={cn(\"animate-spin text-gray-500 dark:text-gray-600\")}\n />\n )}\n {haveFetchError && (\n <TooltipProvider>\n <Tooltip content=\"Network error!\">\n <Icon name=\"Error\" size={16} className={cn(\"text-red-900\")} />\n </Tooltip>\n </TooltipProvider>\n )}\n {selectedOption && !isLoading && !haveFetchError && (\n <TooltipProvider>\n <Tooltip content=\"Copied!\" open={hasCopied} triggerAsChild>\n <button\n type=\"button\"\n onClick={() => {\n navigator.clipboard\n .writeText(selectedOption.value)\n .then(() => {\n setHasCopied(true);\n setTimeout(() => setHasCopied(false), 2000);\n })\n .catch((error) => {\n console.error(\"Failed to copy value: \", error);\n });\n }}\n className={cn(\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={cn(\"text-gray-500 dark:text-gray-600\")}\n />\n </button>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n </div>\n );\n },\n);\n\nexport { IdAutocompleteInputContainer, type IdAutocompleteInputContainerProps };\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../../id-autocomplete-list-option-CyF3v8IB.js";
+import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../../id-autocomplete-list-option-CA9HIqEh.js";
 export { IdAutocompleteListOption, IdAutocompleteListOptionProps };

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

@@ -1,4 +1,4 @@
-import { h as Icon, t as cn } from "../../../src-DTHkTkyy.js";
+import { h as Icon, t as cn } from "../../../src-BgCjYazJ.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx
@@ -25,14 +25,14 @@ const ReloadButton = ({ isLoadingSelectedOption, handleFetchSelectedOption, isFe
 	children: /* @__PURE__ */ jsx(Icon, {
 		name: isFetchSelectedOptionSync ? "Checkmark" : "Reload",
 		size: 16,
-		className: cn("text-gray-500 dark:text-gray-600", isLoadingSelectedOption && "animate-spin", isFetchSelectedOptionSync && "animate-in fade-in duration-500")
+		className: cn("text-gray-500 dark:text-gray-600", isLoadingSelectedOption && "animate-spin", isFetchSelectedOptionSync && "animate-fade-in duration-500")
 	})
 }) });
 const IdAutocompleteListOption = ({ variant = "withValue", icon, title = "Title not available", path = "Path not available", value, description = "Description not available", asPlaceholder, showValue = true, isLoadingSelectedOption, handleFetchSelectedOption, isFetchSelectedOptionSync, className, placeholderIcon = "PowerhouseLogoSmall", ...extraProps }) => {
 	const renderWithValue = () => /* @__PURE__ */ jsx("div", {
 		className: cn("flex w-full items-center"),
 		children: /* @__PURE__ */ jsx("span", {
-			className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
+			className: cn("truncate text-xs/5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
 			children: value
 		})
 	});
@@ -49,16 +49,16 @@ const IdAutocompleteListOption = ({ variant = "withValue", icon, title = "Title
 					/* @__PURE__ */ jsxs("div", {
 						className: cn("flex min-w-0 grow flex-col gap-[-2px]"),
 						children: [/* @__PURE__ */ jsx("span", {
-							className: cn("truncate text-sm font-bold leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300"),
+							className: cn("truncate text-sm/5 font-bold", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300"),
 							children: title
 						}), !showValue && typeof path === "object" ? /* @__PURE__ */ jsx("a", {
 							href: path.url,
 							target: "_blank",
 							rel: "noopener noreferrer",
-							className: cn("truncate text-xs leading-5 text-blue-900 hover:underline focus-visible:outline-none"),
+							className: cn("truncate text-xs/5 text-blue-900 hover:underline focus-visible:outline-none"),
 							children: path.text
 						}) : /* @__PURE__ */ jsx("span", {
-							className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
+							className: cn("truncate text-xs/5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
 							children: typeof path === "object" ? path.text : path
 						})]
 					}),
@@ -73,21 +73,21 @@ const IdAutocompleteListOption = ({ variant = "withValue", icon, title = "Title
 			showValue && /* @__PURE__ */ jsx("div", {
 				className: cn("flex max-w-full items-center"),
 				children: /* @__PURE__ */ jsx("span", {
-					className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
+					className: cn("truncate text-xs/5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
 					children: value
 				})
 			}),
 			showDescription && /* @__PURE__ */ jsx("div", {
 				className: cn("flex flex-col"),
 				children: /* @__PURE__ */ jsx("p", {
-					className: cn("line-clamp-2 text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300"),
+					className: cn("line-clamp-2 text-xs/5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300"),
 					children: description
 				})
 			}),
 			showDescription && "agentType" in extraProps && typeof extraProps.agentType === "string" && /* @__PURE__ */ jsx("div", {
 				className: cn("flex max-w-full items-center justify-end"),
 				children: /* @__PURE__ */ jsx("span", {
-					className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
+					className: cn("truncate text-xs/5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"),
 					children: extraProps.agentType
 				})
 			})

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

	@@ -1 +1 @@
1	- {"version":3,"file":"id-autocomplete-list-option.js","names":["cn","Icon","React","IconRenderer","customIcon","asPlaceholder","isValidElement","ReloadButton","isLoadingSelectedOption","handleFetchSelectedOption","isFetchSelectedOptionSync","value","IdAutocompleteListOption","variant","icon","title","path","description","showValue","className","placeholderIcon","extraProps","renderWithValue","renderWithValueTitleAndDescription","showDescription","url","text","agentType"],"sources":["../../../../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"sourcesContent":["import type { IconName } from \"#design-system\";\nimport { cn, Icon } from \"#design-system\";\nimport React from \"react\";\nimport type { IdAutocompleteOption, IdAutocompleteProps } from \"./types.js\";\n\nconst IconRenderer: React.FC<{\n customIcon?: IconName \| React.ReactElement;\n asPlaceholder?: boolean;\n}> = ({ customIcon, asPlaceholder }) => {\n if (typeof customIcon === \"string\") {\n return (\n <Icon\n name={customIcon}\n size={24}\n className={cn(\n \"shrink-0\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-900 dark:text-gray-300\",\n )}\n />\n );\n }\n if (React.isValidElement(customIcon)) {\n return <div className=\"size-6 shrink-0 overflow-hidden\">{customIcon}</div>;\n }\n return null;\n};\n\nconst ReloadButton: React.FC<{\n isLoadingSelectedOption?: boolean;\n handleFetchSelectedOption: (value: string) => void;\n isFetchSelectedOptionSync?: boolean;\n value: string;\n}> = ({\n isLoadingSelectedOption,\n handleFetchSelectedOption,\n isFetchSelectedOptionSync,\n value,\n}) => (\n <div>\n <button\n type=\"button\"\n disabled={isLoadingSelectedOption \|\| isFetchSelectedOptionSync}\n onClick={() => {\n if (!isLoadingSelectedOption && !isFetchSelectedOptionSync) {\n handleFetchSelectedOption(value);\n }\n }}\n className={cn(\n \"mt-0.5 focus-visible:outline-none\",\n \"disabled:pointer-events-none [&_svg]:pointer-events-none\",\n )}\n aria-label={\n isLoadingSelectedOption\n ? \"Loading\"\n : isFetchSelectedOptionSync\n ? \"Success\"\n : \"Reload\"\n }\n >\n <Icon\n name={isFetchSelectedOptionSync ? \"Checkmark\" : \"Reload\"}\n size={16}\n className={cn(\n \"text-gray-500 dark:text-gray-600\",\n isLoadingSelectedOption && \"animate-spin\",\n isFetchSelectedOptionSync && \"animate-in fade-in duration-500\",\n )}\n />\n </button>\n </div>\n);\n\ntype IdAutocompleteListOptionProps = {\n variant: IdAutocompleteProps[\"variant\"];\n asPlaceholder?: boolean;\n showValue?: boolean;\n isLoadingSelectedOption?: boolean;\n handleFetchSelectedOption?: (value: string) => void;\n isFetchSelectedOptionSync?: boolean;\n className?: string;\n placeholderIcon?: IconName \| React.ReactElement;\n} & IdAutocompleteOption<Record<string, unknown>>;\n\nconst IdAutocompleteListOption: React.FC<IdAutocompleteListOptionProps> = ({\n variant = \"withValue\",\n icon,\n title = \"Title not available\",\n path = \"Path not available\",\n value,\n description = \"Description not available\",\n asPlaceholder,\n showValue = true,\n isLoadingSelectedOption,\n handleFetchSelectedOption,\n isFetchSelectedOptionSync,\n className,\n placeholderIcon = \"PowerhouseLogoSmall\",\n ...extraProps\n}) => {\n const renderWithValue = () => (\n <div className={cn(\"flex w-full items-center\")}>\n <span\n className={cn(\n \"truncate text-xs ~~leading-~~5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {value}\n </span>\n </div>\n );\n\n const renderWithValueTitleAndDescription = (showDescription = true) => (\n <div className={cn(\"flex w-full flex-col gap-1\")}>\n <div className={cn(\"flex gap-2\")}>\n <IconRenderer\n customIcon={asPlaceholder ? placeholderIcon : icon}\n asPlaceholder={asPlaceholder}\n />\n <div className={cn(\"flex min-w-0 grow flex-col gap-[-2px]\")}>\n <span\n className={cn(\n \"truncate text-sm font-bold ~~leading-5~~\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-900 dark:text-gray-300\",\n )}\n >\n {title}\n </span>\n {!showValue && typeof path === \"object\" ? (\n <a\n href={path.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n \"truncate text-xs ~~leading-~~5 text-blue-900 hover:underline focus-visible:outline-none\",\n )}\n >\n {path.text}\n </a>\n ) : (\n <span\n className={cn(\n \"truncate text-xs ~~leading-~~5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {typeof path === \"object\" ? path.text : path}\n </span>\n )}\n </div>\n {asPlaceholder === false && handleFetchSelectedOption && (\n <ReloadButton\n isLoadingSelectedOption={isLoadingSelectedOption}\n handleFetchSelectedOption={handleFetchSelectedOption}\n isFetchSelectedOptionSync={isFetchSelectedOptionSync}\n value={value}\n />\n )}\n </div>\n {showValue && (\n <div className={cn(\"flex max-w-full items-center\")}>\n <span\n className={cn(\n \"truncate text-xs ~~leading-~~5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {value}\n </span>\n </div>\n )}\n {showDescription && (\n <div className={cn(\"flex flex-col\")}>\n <p\n className={cn(\n \"line-clamp-2 text-xs ~~leading-~~5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-900 dark:text-gray-300\",\n )}\n >\n {description}\n </p>\n </div>\n )}\n {showDescription &&\n \"agentType\" in extraProps &&\n typeof extraProps.agentType === \"string\" && (\n <div className={cn(\"flex max-w-full items-center justify-end\")}>\n <span\n className={cn(\n \"truncate text-xs ~~leading-~~5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {extraProps.agentType}\n </span>\n </div>\n )}\n </div>\n );\n\n return (\n <div\n className={cn(\n \"w-full max-w-full rounded-md bg-transparent px-3 pb-2\",\n variant === \"withValue\" ? \"pt-2\" : \"pt-3\",\n className,\n )}\n >\n {variant === \"withValue\" && renderWithValue()}\n {variant === \"withValueAndTitle\" &&\n renderWithValueTitleAndDescription(false)}\n {variant === \"withValueTitleAndDescription\" &&\n renderWithValueTitleAndDescription()}\n </div>\n );\n};\n\nexport { IdAutocompleteListOption, type IdAutocompleteListOptionProps };\n"],"mappings":";;;;AAKA,MAAMG,gBAGA,EAAEC,YAAYC,oBAAoB;AACtC,KAAI,OAAOD,eAAe,SACxB,QACE,oBAAC,MAAD;EACE,MAAMA;EACN,MAAM;EACN,WAAWJ,GACT,YACAK,gBACI,qCACA,mCACL;EACD,CAAA;AAGN,KAAIH,sBAAMI,eAAeF,WAAW,CAClC,QAAO,oBAAC,OAAD;EAAK,WAAU;YAAmCA;EAAiB,CAAA;AAE5E,QAAO;;AAGT,MAAMG,gBAKA,EACJC,yBACAC,2BACAC,2BACAC,YAEA,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD;CACE,MAAK;CACL,UAAUH,2BAA2BE;CACrC,eAAe;AACb,MAAI,CAACF,2BAA2B,CAACE,0BAC/BD,2BAA0BE,MAAM;;CAGpC,WAAWX,GACT,qCACA,2DACD;CACD,cACEQ,0BACI,YACAE,4BACE,YACA;WAGR,oBAAC,MAAD;EACE,MAAMA,4BAA4B,cAAc;EAChD,MAAM;EACN,WAAWV,GACT,oCACAQ,2BAA2B,gBAC3BE,6BAA6B~~,kCAC9B~~;EAAC,CAAA;CAEE,CAAA,EAEX,CAAA;AAaD,MAAME,4BAAqE,EACzEC,UAAU,aACVC,MACAC,QAAQ,uBACRC,OAAO,sBACPL,OACAM,cAAc,6BACdZ,eACAa,YAAY,MACZV,yBACAC,2BACAC,2BACAS,WACAC,kBAAkB,uBAClB,GAAGC,iBACC;CACJ,MAAMC,wBACJ,oBAAC,OAAD;EAAK,WAAWtB,GAAG,2BAA2B;YAC5C,oBAAC,QAAD;GACE,WAAWA,GACT,~~8BACAK~~,gBACI,qCACA,mCACL;aAEAM;GACG,CAAA;EAET,CAAA;CAED,MAAMY,sCAAsCC,kBAAkB,SAC5D,qBAAC,OAAD;EAAK,WAAWxB,GAAG,6BAA6B;YAAhD;GACE,qBAAC,OAAD;IAAK,WAAWA,GAAG,aAAa;cAAhC;KACE,oBAAC,cAAD;MACE,YAAYK,gBAAgBe,kBAAkBN;MAC/BT;MAAc,CAAA;KAE/B,qBAAC,OAAD;MAAK,WAAWL,GAAG,wCAAwC;gBAA3D,CACE,oBAAC,QAAD;OACE,WAAWA,GACT,~~wCACAK~~,gBACI,qCACA,mCACL;iBAEAU;OACG,CAAA,EACL,CAACG,aAAa,OAAOF,SAAS,WAC7B,oBAAC,KAAD;OACE,MAAMA,KAAKS;OACX,QAAO;OACP,KAAI;OACJ,WAAWzB,GACT,~~sFACD~~;iBAEAgB,KAAKU;OACJ,CAAA,GAEJ,oBAAC,QAAD;OACE,WAAW1B,GACT,~~8BACAK~~,gBACI,qCACA,mCACL;iBAEA,OAAOW,SAAS,WAAWA,KAAKU,OAAOV;OAE3C,CAAA,CACE;;KACJX,kBAAkB,SAASI,6BAC1B,oBAAC,cAAD;MAC2BD;MACEC;MACAC;MACpBC;MAEV,CAAA;KACE;;GACJO,aACC,oBAAC,OAAD;IAAK,WAAWlB,GAAG,+BAA+B;cAChD,oBAAC,QAAD;KACE,WAAWA,GACT,~~8BACAK~~,gBACI,qCACA,mCACL;eAEAM;KACG,CAAA;IAET,CAAA;GACAa,mBACC,oBAAC,OAAD;IAAK,WAAWxB,GAAG,gBAAgB;cACjC,oBAAC,KAAD;KACE,WAAWA,GACT,~~kCACAK~~,gBACI,qCACA,mCACL;eAEAY;KACA,CAAA;IAEN,CAAA;GACAO,mBACC,eAAeH,cACf,OAAOA,WAAWM,cAAc,YAC9B,oBAAC,OAAD;IAAK,WAAW3B,GAAG,2CAA2C;cAC5D,oBAAC,QAAD;KACE,WAAWA,GACT,~~8BACAK~~,gBACI,qCACA,mCACL;eAEAgB,WAAWM;KACR,CAAA;IAET,CAAA;GAEN;;AAED,QACE,qBAAC,OAAD;EACE,WAAW3B,GACT,yDACAa,YAAY,cAAc,SAAS,QACnCM,UACD;YALH;GAOGN,YAAY,eAAeS,iBAAiB;GAC5CT,YAAY,uBACXU,mCAAmC,MAAM;GAC1CV,YAAY,kCACXU,oCAAoC;GAClC"}
1	+ {"version":3,"file":"id-autocomplete-list-option.js","names":["cn","Icon","React","IconRenderer","customIcon","asPlaceholder","isValidElement","ReloadButton","isLoadingSelectedOption","handleFetchSelectedOption","isFetchSelectedOptionSync","value","IdAutocompleteListOption","variant","icon","title","path","description","showValue","className","placeholderIcon","extraProps","renderWithValue","renderWithValueTitleAndDescription","showDescription","url","text","agentType"],"sources":["../../../../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"sourcesContent":["import type { IconName } from \"#design-system\";\nimport { cn, Icon } from \"#design-system\";\nimport React from \"react\";\nimport type { IdAutocompleteOption, IdAutocompleteProps } from \"./types.js\";\n\nconst IconRenderer: React.FC<{\n customIcon?: IconName \| React.ReactElement;\n asPlaceholder?: boolean;\n}> = ({ customIcon, asPlaceholder }) => {\n if (typeof customIcon === \"string\") {\n return (\n <Icon\n name={customIcon}\n size={24}\n className={cn(\n \"shrink-0\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-900 dark:text-gray-300\",\n )}\n />\n );\n }\n if (React.isValidElement(customIcon)) {\n return <div className=\"size-6 shrink-0 overflow-hidden\">{customIcon}</div>;\n }\n return null;\n};\n\nconst ReloadButton: React.FC<{\n isLoadingSelectedOption?: boolean;\n handleFetchSelectedOption: (value: string) => void;\n isFetchSelectedOptionSync?: boolean;\n value: string;\n}> = ({\n isLoadingSelectedOption,\n handleFetchSelectedOption,\n isFetchSelectedOptionSync,\n value,\n}) => (\n <div>\n <button\n type=\"button\"\n disabled={isLoadingSelectedOption \|\| isFetchSelectedOptionSync}\n onClick={() => {\n if (!isLoadingSelectedOption && !isFetchSelectedOptionSync) {\n handleFetchSelectedOption(value);\n }\n }}\n className={cn(\n \"mt-0.5 focus-visible:outline-none\",\n \"disabled:pointer-events-none [&_svg]:pointer-events-none\",\n )}\n aria-label={\n isLoadingSelectedOption\n ? \"Loading\"\n : isFetchSelectedOptionSync\n ? \"Success\"\n : \"Reload\"\n }\n >\n <Icon\n name={isFetchSelectedOptionSync ? \"Checkmark\" : \"Reload\"}\n size={16}\n className={cn(\n \"text-gray-500 dark:text-gray-600\",\n isLoadingSelectedOption && \"animate-spin\",\n isFetchSelectedOptionSync && \"animate-fade-in duration-500\",\n )}\n />\n </button>\n </div>\n);\n\ntype IdAutocompleteListOptionProps = {\n variant: IdAutocompleteProps[\"variant\"];\n asPlaceholder?: boolean;\n showValue?: boolean;\n isLoadingSelectedOption?: boolean;\n handleFetchSelectedOption?: (value: string) => void;\n isFetchSelectedOptionSync?: boolean;\n className?: string;\n placeholderIcon?: IconName \| React.ReactElement;\n} & IdAutocompleteOption<Record<string, unknown>>;\n\nconst IdAutocompleteListOption: React.FC<IdAutocompleteListOptionProps> = ({\n variant = \"withValue\",\n icon,\n title = \"Title not available\",\n path = \"Path not available\",\n value,\n description = \"Description not available\",\n asPlaceholder,\n showValue = true,\n isLoadingSelectedOption,\n handleFetchSelectedOption,\n isFetchSelectedOptionSync,\n className,\n placeholderIcon = \"PowerhouseLogoSmall\",\n ...extraProps\n}) => {\n const renderWithValue = () => (\n <div className={cn(\"flex w-full items-center\")}>\n <span\n className={cn(\n \"truncate text-xs/5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {value}\n </span>\n </div>\n );\n\n const renderWithValueTitleAndDescription = (showDescription = true) => (\n <div className={cn(\"flex w-full flex-col gap-1\")}>\n <div className={cn(\"flex gap-2\")}>\n <IconRenderer\n customIcon={asPlaceholder ? placeholderIcon : icon}\n asPlaceholder={asPlaceholder}\n />\n <div className={cn(\"flex min-w-0 grow flex-col gap-[-2px]\")}>\n <span\n className={cn(\n \"truncate text-sm/5 font-bold\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-900 dark:text-gray-300\",\n )}\n >\n {title}\n </span>\n {!showValue && typeof path === \"object\" ? (\n <a\n href={path.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n \"truncate text-xs/5 text-blue-900 hover:underline focus-visible:outline-none\",\n )}\n >\n {path.text}\n </a>\n ) : (\n <span\n className={cn(\n \"truncate text-xs/5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {typeof path === \"object\" ? path.text : path}\n </span>\n )}\n </div>\n {asPlaceholder === false && handleFetchSelectedOption && (\n <ReloadButton\n isLoadingSelectedOption={isLoadingSelectedOption}\n handleFetchSelectedOption={handleFetchSelectedOption}\n isFetchSelectedOptionSync={isFetchSelectedOptionSync}\n value={value}\n />\n )}\n </div>\n {showValue && (\n <div className={cn(\"flex max-w-full items-center\")}>\n <span\n className={cn(\n \"truncate text-xs/5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {value}\n </span>\n </div>\n )}\n {showDescription && (\n <div className={cn(\"flex flex-col\")}>\n <p\n className={cn(\n \"line-clamp-2 text-xs/5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-900 dark:text-gray-300\",\n )}\n >\n {description}\n </p>\n </div>\n )}\n {showDescription &&\n \"agentType\" in extraProps &&\n typeof extraProps.agentType === \"string\" && (\n <div className={cn(\"flex max-w-full items-center justify-end\")}>\n <span\n className={cn(\n \"truncate text-xs/5\",\n asPlaceholder\n ? \"text-gray-400 dark:text-gray-700\"\n : \"text-gray-500 dark:text-gray-600\",\n )}\n >\n {extraProps.agentType}\n </span>\n </div>\n )}\n </div>\n );\n\n return (\n <div\n className={cn(\n \"w-full max-w-full rounded-md bg-transparent px-3 pb-2\",\n variant === \"withValue\" ? \"pt-2\" : \"pt-3\",\n className,\n )}\n >\n {variant === \"withValue\" && renderWithValue()}\n {variant === \"withValueAndTitle\" &&\n renderWithValueTitleAndDescription(false)}\n {variant === \"withValueTitleAndDescription\" &&\n renderWithValueTitleAndDescription()}\n </div>\n );\n};\n\nexport { IdAutocompleteListOption, type IdAutocompleteListOptionProps };\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../../id-autocomplete-list-C5uiH5nJ.js";
+import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../../id-autocomplete-list-Bi2IXdXg.js";
 export { IdAutocompleteList, IdAutocompleteListProps };

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

@@ -1,4 +1,4 @@
-import { t as cn } from "../../../src-DTHkTkyy.js";
+import { t as cn } from "../../../src-BgCjYazJ.js";
 import { CommandEmpty, CommandGroup, CommandItem, CommandList } from "../command/command.js";
 import { IdAutocompleteListOption } from "./id-autocomplete-list-option.js";
 import { useEffect } from "react";

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

@@ -1,2 +1,2 @@
-import { t as IdAutocomplete } from "../../../id-autocomplete-DGTfhFRw.js";
+import { t as IdAutocomplete } from "../../../id-autocomplete-jkaREmPP.js";
 export { IdAutocomplete };

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

@@ -1,4 +1,4 @@
-import { t as cn } from "../../../src-DTHkTkyy.js";
+import { t as cn } from "../../../src-BgCjYazJ.js";
 import { FormLabel } from "../form-label/form-label.js";
 import { FormMessageList } from "../form-message/message-list.js";
 import { FormDescription } from "../form-description/form-description.js";
@@ -62,7 +62,7 @@ const IdAutocomplete = /* @__PURE__ */ React.forwardRef(({ id: idProp, name, cla
 				shouldFilter: false,
 				value: commandValue,
 				onValueChange: handleCommandValue,
-				className: cn("dark:bg-charcoal-900 bg-gray-100"),
+				className: cn("bg-gray-100 dark:bg-charcoal-900"),
 				children: [
 					/* @__PURE__ */ jsx(PopoverAnchor, {
 						asChild: true,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"id-autocomplete.js","names":["cn","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 { cn } from \"#design-system\";\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={cn(\"dark:bg-charcoal-900 bg-gray-100\")}\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: cn(\"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={cn(\"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":["cn","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 { cn } from \"#design-system\";\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={cn(\"bg-gray-100 dark:bg-charcoal-900\")}\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: cn(\"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={cn(\"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,2 @@
-import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "../../../index-DoFR9kRM.js";
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "../../../index-DtPJq-vz.js";
 export { IdAutocompleteOption, IdAutocompleteProps };

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

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

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

@@ -1,37 +1,37 @@
-import { n as ButtonProps, r as buttonVariants, t as Button } from "../../button-DIE3LLBZ.js";
-import { n as CharacterCounterProps, t as CharacterCounter } from "../../character-counter-BZ-4xC7Q.js";
-import { n as CheckboxValue, t as CheckboxBase } from "../../checkbox-base-Bh08IVG2.js";
-import { n as CheckboxProps, t as Checkbox } from "../../checkbox-BgS8z46p.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-COqe4AfR.js";
-import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../radio-group-field-xAiLWNsq.js";
-import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../select-field-U8KSDxbg.js";
-import { n as EnumFieldProps, t as EnumField } from "../../enum-field-7NPFL29j.js";
-import { n as FormDescriptionProps, t as FormDescription } from "../../form-description-Bsurk7mm.js";
-import { t as FormGroup } from "../../form-group-B092xF-f.js";
-import { n as FormLabelProps, t as FormLabel } from "../../form-label-CURXUfpb.js";
-import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../../form-message-BeAVBzjc.js";
-import { t as FormServerErrorMessage } from "../../form-server-error-message-CbKMtocn.js";
-import { t as FormMessageList } from "../../message-list-DDi6OrSM.js";
-import { t as Form } from "../../form-6Lmx7pU_.js";
-import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../../id-autocomplete-input-container-DefHskQg.js";
-import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../id-autocomplete-list-option-CyF3v8IB.js";
-import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../id-autocomplete-list-C5uiH5nJ.js";
-import { t as IdAutocomplete } from "../../id-autocomplete-DGTfhFRw.js";
-import { t as useIdAutocomplete } from "../../use-id-autocomplete-BRzpIF4U.js";
-import { n as InputProps, t as Input } from "../../input-BMf1G8BP.js";
-import { t as SplittedInputDiff } from "../../splitted-input-diff-DSME-KaQ.js";
-import { t as JsonViewer } from "../../json-viewer-DD7b-PP2.js";
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../popover-BXlVJZZW.js";
-import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../radio-group-D2NSfihe.js";
-import { n as RadioProps, t as Radio } from "../../radio-YzIhzpRk.js";
-import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../types-BDeBOEOj.js";
-import { t as SearchAutocomplete } from "../../search-autocomplete-CfSjqceY.js";
-import { t as useSearchAutocomplete } from "../../use-search-autocomplete-ZLxfAC6X.js";
-import { t as Content } from "../../content-ZWaCzypo.js";
-import { t as SelectedContent } from "../../selected-content-iwV6vmSI.js";
-import { n as TextInputProps, t as TextInput } from "../../text-input-t0uGOMAO.js";
-import { n as TextFieldProps, t as TextField } from "../../text-field-Cxpz1D2u.js";
-import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../tooltip-Db1dLIxg.js";
-import { t as ValueTransformer } from "../../value-transformer-MGhQTCdM.js";
-import { n as withFieldValidation, t as ValidationOptions } from "../../with-field-validation-DWMigXJz.js";
+import { n as ButtonProps, r as buttonVariants, t as Button } from "../../button-49Walvwn.js";
+import { n as CharacterCounterProps, t as CharacterCounter } from "../../character-counter-BcuG4STA.js";
+import { n as CheckboxValue, t as CheckboxBase } from "../../checkbox-base-8xXJvAbj.js";
+import { n as CheckboxProps, t as Checkbox } from "../../checkbox-dqrYEK5V.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-BtOLY735.js";
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../radio-group-field-C8MQjHb7.js";
+import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../select-field-BClhLm83.js";
+import { n as EnumFieldProps, t as EnumField } from "../../enum-field-BEyFQh8A.js";
+import { n as FormDescriptionProps, t as FormDescription } from "../../form-description-BpST5Ww-.js";
+import { t as FormGroup } from "../../form-group-BauWlFkQ.js";
+import { n as FormLabelProps, t as FormLabel } from "../../form-label-Cz_gcj-B.js";
+import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../../form-message-BPqNM4gG.js";
+import { t as FormServerErrorMessage } from "../../form-server-error-message-CzMQQ8ru.js";
+import { t as FormMessageList } from "../../message-list-aysvo-xf.js";
+import { t as Form } from "../../form-B9JNvrH6.js";
+import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../../id-autocomplete-input-container-NIuWfCB_.js";
+import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../id-autocomplete-list-option-CA9HIqEh.js";
+import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../id-autocomplete-list-Bi2IXdXg.js";
+import { t as IdAutocomplete } from "../../id-autocomplete-jkaREmPP.js";
+import { t as useIdAutocomplete } from "../../use-id-autocomplete-BPHVmVE8.js";
+import { n as InputProps, t as Input } from "../../input-D11GgWGm.js";
+import { t as SplittedInputDiff } from "../../splitted-input-diff-Ch6IKdEa.js";
+import { t as JsonViewer } from "../../json-viewer-vWp8vOvz.js";
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../popover-glLRVxPS.js";
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../radio-group-DjJbcDzB.js";
+import { n as RadioProps, t as Radio } from "../../radio-DZ4xl9oz.js";
+import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../types-9JRQnd7a.js";
+import { t as SearchAutocomplete } from "../../search-autocomplete-OeZbE-VN.js";
+import { t as useSearchAutocomplete } from "../../use-search-autocomplete-Xf7shCtk.js";
+import { t as Content } from "../../content-OpXUtrTe.js";
+import { t as SelectedContent } from "../../selected-content-q33DjCYy.js";
+import { n as TextInputProps, t as TextInput } from "../../text-input-DUddj4-C.js";
+import { n as TextFieldProps, t as TextField } from "../../text-field-Cx-EfZP6.js";
+import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../tooltip-Cf5jSzdt.js";
+import { t as ValueTransformer } from "../../value-transformer-DCiU65Qa.js";
+import { n as withFieldValidation, t as ValidationOptions } from "../../with-field-validation-vt0l1Sp7.js";
 export { Button, ButtonProps, CharacterCounter, CharacterCounterProps, Checkbox, CheckboxBase, CheckboxProps, CheckboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, CustomizableRadioGroupProps, EnumField, EnumFieldProps, Form, FormDescription, FormDescriptionProps, FormGroup, FormLabel, FormLabelProps, FormMessage, FormMessageList, FormMessageProps, FormMessageType, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, IdAutocompleteInputContainerProps, IdAutocompleteList, IdAutocompleteListOption, IdAutocompleteListOptionProps, IdAutocompleteListProps, Input, InputProps, JsonViewer, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioProps, SearchAutocomplete, SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext, SelectField, SelectFieldProps, SelectFieldRaw, SelectedContent, SplittedInputDiff, TextField, TextFieldProps, TextInput, TextInputProps, Tooltip, TooltipContent, TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, ValidationOptions, ValueTransformer, buttonVariants, useIdAutocomplete, useSearchAutocomplete, withFieldValidation };

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

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

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

@@ -6,7 +6,7 @@ import clsx$1 from "clsx";
 function cn(...inputs) {
 	return twMerge(clsx$1(inputs));
 }
-const inputBaseStyles = cn("flex h-9 w-full rounded-md text-sm font-normal leading-5 text-gray-900 dark:text-gray-50", "dark:border-charcoal-700 dark:bg-charcoal-900 border border-gray-300 bg-white", "px-3 py-2", "font-sans placeholder:text-gray-500 dark:placeholder:text-gray-600", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white", "dark:focus-visible:ring-charcoal-300 dark:focus-visible:ring-offset-charcoal-900 dark:focus:bg-charcoal-900 focus:bg-gray-50", "disabled:cursor-not-allowed", "disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700", "disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300");
+const inputBaseStyles = cn("flex h-9 w-full rounded-md text-sm/5 font-normal text-gray-900 dark:text-gray-50", "border border-gray-300 bg-white dark:border-charcoal-700 dark:bg-charcoal-900", "px-3 py-2", "font-sans placeholder:text-gray-500 dark:placeholder:text-gray-600", "focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white focus-visible:outline-none", "focus:bg-gray-50 dark:focus:bg-charcoal-900 dark:focus-visible:ring-charcoal-300 dark:focus-visible:ring-offset-charcoal-900", "disabled:cursor-not-allowed", "disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700", "disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300");
 const Input = /* @__PURE__ */ React$1.forwardRef(({ className, type, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("input", {
 		type,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","names":["clsx","React","twMerge","cn","inputs","inputBaseStyles","Input","forwardRef","className","type","props","ref","displayName"],"sources":["../../../../src/ui/components/input/input.tsx"],"sourcesContent":["import type { ClassValue } from \"clsx\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nfunction cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst inputBaseStyles = cn(\n // Base styles\n \"flex h-9 w-full rounded-md text-sm font-normal ~~leading-5~~ text-gray-900 dark:text-gray-50\",\n // Border & Background\n \"dark:border-charcoal-700 dark:bg-charcoal-900 ~~border border-gray-300 bg-white~~\",\n // Padding\n \"px-3 py-2\",\n // Placeholder\n \"font-sans placeholder:text-gray-500 dark:placeholder:text-gray-600\",\n // Focus styles\n \"focus-visible:~~outline-none focus-visible:~~ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white\",\n \"dark:focus~~-visible~~:~~ring~~-charcoal-~~300~~ dark:focus-visible:ring-~~offset-~~charcoal-~~900~~ dark:focus:bg-charcoal-900 ~~focus:bg-gray-50~~\",\n // Disabled state\n \"disabled:cursor-not-allowed\",\n \"disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700\",\n \"disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300\",\n);\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(inputBaseStyles, className)}\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"mappings":";;;;;AAIA,SAASG,GAAG,GAAGC,QAAsB;AACnC,QAAOF,QAAQF,OAAKI,OAAO,CAAC;;AAI9B,MAAMC,kBAAkBF,GAEtB,~~4FAEA~~,iFAEA,aAEA,sEAEA,2IACA,gIAEA,+BACA,uEACA,8FACD;AAED,MAAMG,QAAQL,wBAAMM,YACjB,EAAEC,WAAWC,MAAM,GAAGC,SAASC,QAAQ;AACtC,QACE,oBAAC,SAAD;EACQF;EACN,WAAWN,GAAGE,iBAAiBG,UAAU;EACpCG;EACL,GAAID;EACJ,CAAA;EAGP;AAEDJ,MAAMM,cAAc"}
1	+ {"version":3,"file":"input.js","names":["clsx","React","twMerge","cn","inputs","inputBaseStyles","Input","forwardRef","className","type","props","ref","displayName"],"sources":["../../../../src/ui/components/input/input.tsx"],"sourcesContent":["import type { ClassValue } from \"clsx\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nfunction cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst inputBaseStyles = cn(\n // Base styles\n \"flex h-9 w-full rounded-md text-sm/5 font-normal text-gray-900 dark:text-gray-50\",\n // Border & Background\n \"border border-gray-300 bg-white dark:border-charcoal-700 dark:bg-charcoal-900\",\n // Padding\n \"px-3 py-2\",\n // Placeholder\n \"font-sans placeholder:text-gray-500 dark:placeholder:text-gray-600\",\n // Focus styles\n \"focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white focus-visible:outline-none\",\n \"focus:bg-gray-50 dark:focus:bg-charcoal-900 dark:focus-visible:ring-charcoal-300 dark:focus-visible:ring-offset-charcoal-900\",\n // Disabled state\n \"disabled:cursor-not-allowed\",\n \"disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700\",\n \"disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300\",\n);\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(inputBaseStyles, className)}\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"mappings":";;;;;AAIA,SAASG,GAAG,GAAGC,QAAsB;AACnC,QAAOF,QAAQF,OAAKI,OAAO,CAAC;;AAI9B,MAAMC,kBAAkBF,GAEtB,oFAEA,iFAEA,aAEA,sEAEA,2IACA,gIAEA,+BACA,uEACA,8FACD;AAED,MAAMG,QAAQL,wBAAMM,YACjB,EAAEC,WAAWC,MAAM,GAAGC,SAASC,QAAQ;AACtC,QACE,oBAAC,SAAD;EACQF;EACN,WAAWN,GAAGE,iBAAiBG,UAAU;EACpCG;EACL,GAAID;EACJ,CAAA;EAGP;AAEDJ,MAAMM,cAAc"}

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

@@ -1,2 +1,2 @@
-import { t as SplittedInputDiff } from "../../../splitted-input-diff-DSME-KaQ.js";
+import { t as SplittedInputDiff } from "../../../splitted-input-diff-Ch6IKdEa.js";
 export { SplittedInputDiff };

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

@@ -1,4 +1,4 @@
-import { h as Icon, t as cn } from "../../../src-DTHkTkyy.js";
+import { h as Icon, t as cn } from "../../../src-BgCjYazJ.js";
 import { Tooltip, TooltipProvider as Provider } from "../tooltip/tooltip.js";
 import { InputDiff } from "./subcomponent/input-diff.js";
 import { TextDiff } from "./subcomponent/text-diff.js";
@@ -52,7 +52,7 @@ const SplittedInputDiff = ({ baseValue, value, viewMode, diffMode, showCopyIcon
 					hasHover
 				})]
 			}),
-			/* @__PURE__ */ jsx("div", { className: cn("ml-3 mr-3 h-[34px] w-px bg-gray-300") }),
+			/* @__PURE__ */ jsx("div", { className: cn("mx-3 h-[34px] w-px bg-gray-300") }),
 			/* @__PURE__ */ jsxs("div", {
 				className: cn("flex flex-1 items-center gap-2 truncate [&>span]:truncate"),
 				children: [/* @__PURE__ */ jsx(TextDiff, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"splitted-input-diff.js","names":["cn","Icon","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 { cn, Icon } from \"#design-system\";\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={cn(\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 name=\"Copy\" size={16} className={cn(\"text-gray-500\")} />\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={cn(\"group\")}>\n {viewMode === \"mixed\" ? (\n <>\n <div\n className={cn(\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={cn(\"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={cn(\"ml-3 ~~mr-3~~ h-[34px] w-px bg-gray-300\")} />\n <div\n className={cn(\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={cn(\"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={cn(\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={cn(\"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":";;;;;;;;AAcA,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,WAAWZ,GACT,0DACAa,YACE,oEACH;aAED,oBAAC,MAAD;IAAM,MAAK;IAAO,MAAM;IAAI,WAAWb,GAAG,gBAAgB;IAAC,CAAA;GACrD,CAAA;EACD,CAAA,EACO,CAAA;;AAStB,MAAauB,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,WAAWJ,GAAG,QAAQ;YAC9ByB,aAAa,UACZ,qBAAA,YAAA,EAAA,UAAA;GACE,qBAAC,OAAD;IACE,WAAWzB,GACT,4DACD;cAHH,CAKE,oBAAC,UAAD;KACawB;KACJd;KACP,UAAS;KACCgB;KACV,WAAW1B,GAAG,SAAS;KAAC,CAAA,EAEzB2B,gBAAgBH,cAAcQ,KAAAA,KAAaR,cAAc,MACxD,oBAAC,UAAD;KACE,OAAOA;KACP,WAAWI;KACX,cAAcC;KACJhB;KAEb,CAAA,CACE;;GACL,oBAAC,OAAD,EAAK,WAAWb,GAAG,~~sCAAsC~~,EAAC,CAAA;~~GAC1D~~,qBAAC,OAAD;IACE,WAAWA,GACT,4DACD;cAHH,CAKE,oBAAC,UAAD;KACawB;KACJd;KACP,UAAS;KACCgB;KACV,WAAW1B,GAAG,SAAS;KAAC,CAAA,EAEzB2B,gBAAgBjB,UAAU,MACzB,oBAAC,UAAD;KACSA;KACP,WAAWoB;KACX,cAAcC;KACJlB;KAEb,CAAA,CACE;;GACJ,EAAA,CAAA,GAEH,qBAAC,OAAD;GACE,WAAWb,GACT,4DACD;aAHH,CAKE,oBAAC,UAAD;IACawB;IACJd;IACGe;IACAC;IACV,WAAW1B,GAAG,SAAS;IAAC,CAAA,EAEzB2B,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":["cn","Icon","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 { cn, Icon } from \"#design-system\";\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={cn(\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 name=\"Copy\" size={16} className={cn(\"text-gray-500\")} />\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={cn(\"group\")}>\n {viewMode === \"mixed\" ? (\n <>\n <div\n className={cn(\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={cn(\"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={cn(\"mx-3 h-[34px] w-px bg-gray-300\")} />\n <div\n className={cn(\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={cn(\"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={cn(\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={cn(\"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":";;;;;;;;AAcA,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,WAAWZ,GACT,0DACAa,YACE,oEACH;aAED,oBAAC,MAAD;IAAM,MAAK;IAAO,MAAM;IAAI,WAAWb,GAAG,gBAAgB;IAAC,CAAA;GACrD,CAAA;EACD,CAAA,EACO,CAAA;;AAStB,MAAauB,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,WAAWJ,GAAG,QAAQ;YAC9ByB,aAAa,UACZ,qBAAA,YAAA,EAAA,UAAA;GACE,qBAAC,OAAD;IACE,WAAWzB,GACT,4DACD;cAHH,CAKE,oBAAC,UAAD;KACawB;KACJd;KACP,UAAS;KACCgB;KACV,WAAW1B,GAAG,SAAS;KAAC,CAAA,EAEzB2B,gBAAgBH,cAAcQ,KAAAA,KAAaR,cAAc,MACxD,oBAAC,UAAD;KACE,OAAOA;KACP,WAAWI;KACX,cAAcC;KACJhB;KAEb,CAAA,CACE;;GACL,oBAAC,OAAD,EAAK,WAAWb,GAAG,iCAAiC,EAAC,CAAA;GACrD,qBAAC,OAAD;IACE,WAAWA,GACT,4DACD;cAHH,CAKE,oBAAC,UAAD;KACawB;KACJd;KACP,UAAS;KACCgB;KACV,WAAW1B,GAAG,SAAS;KAAC,CAAA,EAEzB2B,gBAAgBjB,UAAU,MACzB,oBAAC,UAAD;KACSA;KACP,WAAWoB;KACX,cAAcC;KACJlB;KAEb,CAAA,CACE;;GACJ,EAAA,CAAA,GAEH,qBAAC,OAAD;GACE,WAAWb,GACT,4DACD;aAHH,CAKE,oBAAC,UAAD;IACawB;IACJd;IACGe;IACAC;IACV,WAAW1B,GAAG,SAAS;IAAC,CAAA,EAEzB2B,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"}

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

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../../src-DTHkTkyy.js";
+import { t as cn } from "../../../../src-BgCjYazJ.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/components/input/subcomponent/input-diff.tsx
 const InputDiff = ({ children, className, ellipsis = true, multiline = false, rows = 3, hasPadding = false }) => {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex w-full items-center rounded-md font-sans text-sm font-normal leading-5 text-gray-700", "cursor-not-allowed border border-gray-300 bg-transparent px-3", !multiline && ellipsis && "truncate [&>span]:truncate", hasPadding && "items-start py-2", className),
+		className: cn("flex w-full items-center rounded-md font-sans text-sm/5 font-normal text-gray-700", "cursor-not-allowed border border-gray-300 bg-transparent px-3", !multiline && ellipsis && "truncate [&>span]:truncate", hasPadding && "items-start py-2", className),
 		style: { minHeight: multiline ? `${rows * 1.5}rem` : "2.25rem" },
 		children
 	});

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

	@@ -1 +1 @@
1	- {"version":3,"file":"input-diff.js","names":["cn","InputDiff","children","className","ellipsis","multiline","rows","hasPadding","minHeight"],"sources":["../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\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={cn(\n \"flex w-full items-center rounded-md font-sans text-sm font-normal ~~leading-5~~ text-gray-700\",\n \"cursor-not-allowed border border-gray-300 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,GACT,~~6FACA~~,iEACA,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":["cn","InputDiff","children","className","ellipsis","multiline","rows","hasPadding","minHeight"],"sources":["../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\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={cn(\n \"flex w-full items-center rounded-md font-sans text-sm/5 font-normal text-gray-700\",\n \"cursor-not-allowed border border-gray-300 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,GACT,qFACA,iEACA,CAACK,aAAaD,YAAY,8BAC1BG,cAAc,oBACdJ,UACD;EACD,OAAO,EACLK,WAAWH,YAAY,GAAGC,OAAO,IAAG,OAAQ,WAC7C;EAEAJ;EACG,CAAA"}

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

@@ -1,4 +1,4 @@
-import { _ as WithDifference } from "../../../../index-DoFR9kRM.js";
+import { _ as WithDifference } from "../../../../index-DtPJq-vz.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/ui/components/input/subcomponent/text-diff.d.ts

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

@@ -1,4 +1,4 @@
-import { t as cn } from "../../../../src-DTHkTkyy.js";
+import { t as cn } from "../../../../src-BgCjYazJ.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { diffSentences, diffWords } from "diff";

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

@@ -1,2 +1,2 @@
-import { t as JsonViewer } from "../../../json-viewer-DD7b-PP2.js";
+import { t as JsonViewer } from "../../../json-viewer-vWp8vOvz.js";
 export { JsonViewer };

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

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

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

@@ -1,4 +1,4 @@
-import { t as cn } from "../../../src-DTHkTkyy.js";
+import { t as cn } from "../../../src-BgCjYazJ.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -14,9 +14,9 @@ const PopoverContent = /* @__PURE__ */ React.forwardRef(({ align = "center", sid
 		"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in",
 		"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right",
 		"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom",
-		"w-(--radix-popover-trigger-width) z-50 border p-0 outline-none",
+		"z-50 w-(--radix-popover-trigger-width) border p-0 outline-none",
 		"border-gray-300 bg-white dark:border-slate-500 dark:bg-slate-600",
-		"rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] dark:shadow-[1px_4px_15.3px_0px_#141921]"
+		"rounded-md shadow-sidebar"
 	], className),
 	ref,
 	...props

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

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.js","names":["cn","PopoverPrimitive","React","Popover","Root","PopoverAnchor","Anchor","PopoverTrigger","Trigger","PopoverContent","forwardRef","align","sideOffset","className","props","ref"],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\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={cn(\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 \"w-(--radix-popover-trigger-width) ~~z-50~~ border p-0 outline-none\",\n \"border-gray-300 bg-white dark:border-slate-500 dark:bg-slate-600\",\n \"rounded-md shadow-~~[1px_4px_15px_0px_rgba(74,88,115,0.25)] dark:shadow-[1px_4px_15.3px_0px_#141921]~~\",\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,GACT;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":["cn","PopoverPrimitive","React","Popover","Root","PopoverAnchor","Anchor","PopoverTrigger","Trigger","PopoverContent","forwardRef","align","sideOffset","className","props","ref"],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { cn } from \"#design-system\";\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={cn(\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-gray-300 bg-white dark:border-slate-500 dark:bg-slate-600\",\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,GACT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACDa,UACD;CACIE;CACL,GAAID;CAAM,CAAA,EAGf,CAAA,CAAC"}

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

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

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

@@ -1,4 +1,4 @@
-import { t as cn } from "../../../src-DTHkTkyy.js";
+import { t as cn } from "../../../src-BgCjYazJ.js";
 import { FormLabel } from "../form-label/form-label.js";
 import { FormMessageList } from "../form-message/message-list.js";
 import { withFieldValidation } from "../with-field-validation/with-field-validation.js";

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

@@ -1,2 +1,2 @@
-import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../../radio-group-D2NSfihe.js";
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../../radio-group-DjJbcDzB.js";
 export { CustomizableRadioGroupProps, RadioGroup };