@powerhousedao/design-system 6.0.0-dev.23 → 6.0.0-dev.230

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,37 @@
+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-BueZ7Wg_.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-CbTi7Jj2.js";
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../radio-group-field-CwX6Rf6O.js";
+import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../select-field-D27IGJrV.js";
+import { n as EnumFieldProps, t as EnumField } from "../../enum-field-BTIEZTAC.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-DsLTOkaT.js";
+import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../../id-autocomplete-list-option-fOnxSbzb.js";
+import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../../id-autocomplete-list-CFWHGDwL.js";
+import { t as IdAutocomplete } from "../../id-autocomplete-CLC7zy-f.js";
+import { t as useIdAutocomplete } from "../../use-id-autocomplete-JE8w4UXf.js";
+import { n as InputProps, t as Input } from "../../input-BpEQjaWV.js";
+import { t as SplittedInputDiff } from "../../splitted-input-diff-Bjrw-jzX.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-DFFfr1mk.js";
+import { t as SelectedContent } from "../../selected-content-CdIw4hcC.js";
+import { n as TextInputProps, t as TextInput } from "../../text-input-BAO78Lzx.js";
+import { n as TextFieldProps, t as TextField } from "../../text-field-Bi7Ze25A.js";
+import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../tooltip-CsucyiCV.js";
+import { t as ValueTransformer } from "../../value-transformer-2yvrA5Rp.js";
+import { n as withFieldValidation, t as ValidationOptions } from "../../with-field-validation-YcGrdIrv.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/index.js

@@ -0,0 +1,36 @@
+import { Button, buttonVariants } from "./button/button.js";
+import { CharacterCounter } from "./character-counter/character-counter.js";
+import { CheckboxBase } from "./checkbox/checkbox-base.js";
+import { Tooltip, TooltipContent, TooltipProvider as Provider, TooltipRoot as Root, TooltipTrigger as Trigger } from "./tooltip/tooltip.js";
+import { FormLabel } from "./form-label/form-label.js";
+import { FormMessage } from "./form-message/form-message.js";
+import { FormMessageList } from "./form-message/message-list.js";
+import { Checkbox } from "./checkbox/checkbox.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading } from "./command/command.js";
+import { withFieldValidation } from "./with-field-validation/with-field-validation.js";
+import { RadioGroup } from "./radio-group-field/radio-group.js";
+import { Radio } from "./radio-group-field/radio.js";
+import { RadioGroupField } from "./radio-group-field/radio-group-field.js";
+import { FormDescription } from "./form-description/form-description.js";
+import { FormGroup } from "./form-group/form-group.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./popover/popover.js";
+import { Content } from "./select-field/content.js";
+import { SelectedContent } from "./select-field/selected-content.js";
+import { SelectField, SelectFieldRaw } from "./select-field/select-field.js";
+import { EnumField } from "./enum-field/enum-field.js";
+import { FormServerErrorMessage } from "./form-message/form-server-error-message.js";
+import { Form } from "./form/form.js";
+import { Input } from "./input/input.js";
+import { ValueTransformer } from "./value-transformer/value-transformer.js";
+import { IdAutocompleteInputContainer } from "./id-autocomplete/id-autocomplete-input-container.js";
+import { IdAutocompleteListOption } from "./id-autocomplete/id-autocomplete-list-option.js";
+import { IdAutocompleteList } from "./id-autocomplete/id-autocomplete-list.js";
+import { useIdAutocomplete } from "./id-autocomplete/use-id-autocomplete.js";
+import { IdAutocomplete } from "./id-autocomplete/id-autocomplete.js";
+import { SplittedInputDiff } from "./input/splitted-input-diff.js";
+import { JsonViewer } from "./json-viewer/json-viewer.js";
+import { useSearchAutocomplete } from "./search-autocomplete/use-search-autocomplete.js";
+import { SearchAutocomplete } from "./search-autocomplete/search-autocomplete.js";
+import { TextInput } from "./text-input/text-input.js";
+import { TextField } from "./text-field/text-field.js";
+export { Button, CharacterCounter, Checkbox, CheckboxBase, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, EnumField, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormMessageList, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, IdAutocompleteList, IdAutocompleteListOption, Input, JsonViewer, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, SearchAutocomplete, SelectField, SelectFieldRaw, SelectedContent, SplittedInputDiff, TextField, TextInput, Tooltip, TooltipContent, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, ValueTransformer, buttonVariants, useIdAutocomplete, useSearchAutocomplete, withFieldValidation };

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

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

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

@@ -0,0 +1,22 @@
+import * as React$1 from "react";
+import { twMerge } from "tailwind-merge";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/ui/components/input/input.tsx
+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 Input = /* @__PURE__ */ React$1.forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn(inputBaseStyles, className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+export { Input };
+
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+import { t as SplittedInputDiff } from "../../../splitted-input-diff-Bjrw-jzX.js";
+export { SplittedInputDiff };

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

@@ -0,0 +1,91 @@
+import { h as Icon, t as cn } from "../../../src-8xf1ueaA.js";
+import { Tooltip, TooltipProvider as Provider } from "../tooltip/tooltip.js";
+import { InputDiff } from "./subcomponent/input-diff.js";
+import { TextDiff } from "./subcomponent/text-diff.js";
+import { useCallback, useState } from "react";
+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 }) => {
+	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]),
+			className: cn("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",
+				size: 16,
+				className: cn("text-gray-500")
+			})
+		})
+	}) });
+};
+const SplittedInputDiff = ({ baseValue, value, viewMode, diffMode, showCopyIcon = false }) => {
+	const [hasCopiedLeft, setHasCopiedLeft] = useState(false);
+	const [hasCopiedRight, setHasCopiedRight] = useState(false);
+	const hasHover = useMediaQuery("(hover: hover) and (pointer: fine)");
+	return /* @__PURE__ */ jsx(InputDiff, {
+		className: cn("group"),
+		children: viewMode === "mixed" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-1 items-center gap-2 truncate [&>span]:truncate"),
+				children: [/* @__PURE__ */ jsx(TextDiff, {
+					baseValue,
+					value,
+					viewMode: "removal",
+					diffMode,
+					className: cn("flex-1")
+				}), showCopyIcon && baseValue !== void 0 && baseValue !== "" && /* @__PURE__ */ jsx(CopyIcon, {
+					value: baseValue,
+					hasCopied: hasCopiedLeft,
+					setHasCopied: setHasCopiedLeft,
+					hasHover
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", { className: cn("ml-3 mr-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, {
+					baseValue,
+					value,
+					viewMode: "addition",
+					diffMode,
+					className: cn("flex-1")
+				}), showCopyIcon && value !== "" && /* @__PURE__ */ jsx(CopyIcon, {
+					value,
+					hasCopied: hasCopiedRight,
+					setHasCopied: setHasCopiedRight,
+					hasHover
+				})]
+			})
+		] }) : /* @__PURE__ */ jsxs("div", {
+			className: cn("flex flex-1 items-center gap-2 truncate [&>span]:truncate"),
+			children: [/* @__PURE__ */ jsx(TextDiff, {
+				baseValue,
+				value,
+				viewMode,
+				diffMode,
+				className: cn("flex-1")
+			}), showCopyIcon && (viewMode === "removal" && baseValue !== void 0 && baseValue !== "" || viewMode === "addition" && value !== "") && /* @__PURE__ */ jsx(CopyIcon, {
+				value: viewMode === "removal" ? baseValue ?? "" : value,
+				hasCopied: hasCopiedLeft,
+				setHasCopied: setHasCopiedLeft,
+				hasHover
+			})]
+		})
+	});
+};
+//#endregion
+export { SplittedInputDiff };
+
+//# sourceMappingURL=splitted-input-diff.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import { t as cn } from "../../../../src-8xf1ueaA.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),
+		style: { minHeight: multiline ? `${rows * 1.5}rem` : "2.25rem" },
+		children
+	});
+};
+//#endregion
+export { InputDiff };
+
+//# sourceMappingURL=input-diff.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+import { _ as WithDifference } from "../../../../index-B6YyDoT1.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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;
+//#endregion
+export { TextDiff };
+//# sourceMappingURL=text-diff.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+import { t as cn } from "../../../../src-8xf1ueaA.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { diffSentences, diffWords } from "diff";
+//#region src/ui/components/input/subcomponent/text-diff.tsx
+const TextDiff = ({ baseValue, value, viewMode, diffMode = "words", className, childrenClassName }) => {
+	const wordsDiff = useMemo(() => {
+		return diffMode === "words" ? diffWords(baseValue ?? "", value) : diffSentences(baseValue ?? "", value);
+	}, [
+		baseValue,
+		value,
+		diffMode
+	]);
+	const hasChanges = useMemo(() => {
+		return wordsDiff.some((word) => word.added || word.removed);
+	}, [wordsDiff]);
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("leading-[18px] text-gray-700", diffMode === "sentences" && hasChanges ? viewMode === "addition" ? "bg-green-600/30" : viewMode === "removal" ? "bg-red-600/30" : void 0 : void 0, className),
+		children: wordsDiff.map((word, index) => {
+			return word.added ? viewMode === "addition" || viewMode === "mixed" ? /* @__PURE__ */ jsx("span", {
+				className: cn((diffMode === "words" || viewMode === "mixed") && "bg-green-600/30", childrenClassName),
+				children: word.value
+			}, `${word.value}-${index}`) : null : word.removed ? viewMode === "removal" || viewMode === "mixed" ? /* @__PURE__ */ jsx("span", {
+				className: cn((diffMode === "words" || viewMode === "mixed") && "bg-red-600/30", childrenClassName),
+				children: word.value
+			}, `${word.value}-${index}`) : null : /* @__PURE__ */ jsx("span", {
+				className: cn(childrenClassName),
+				children: word.value
+			}, `${word.value}-${index}`);
+		})
+	});
+};
+//#endregion
+export { TextDiff };
+
+//# sourceMappingURL=text-diff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-diff.js","names":["cn","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 { cn } from \"#design-system\";\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-green-600/30\"\n        : viewMode === \"removal\"\n          ? \"bg-red-600/30\"\n          : undefined\n      : undefined;\n\n  return (\n    <span className={cn(\"leading-[18px] text-gray-700\", bgColor, className)}>\n      {wordsDiff.map((word, index) => {\n        return word.added ? (\n          viewMode === \"addition\" || viewMode === \"mixed\" ? (\n            <span\n              className={cn(\n                (diffMode === \"words\" || viewMode === \"mixed\") &&\n                  \"bg-green-600/30\",\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={cn(\n                (diffMode === \"words\" || viewMode === \"mixed\") &&\n                  \"bg-red-600/30\",\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={cn(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;EAAM,WAAWX,GAAG,gCATpBQ,aAAa,eAAeI,aACxBL,aAAa,aACX,oBACAA,aAAa,YACX,kBACAW,KAAAA,IACJA,KAAAA,GAGyDT,UAAU;YACpEE,UAAUQ,KAAKL,MAAMM,UAAU;AAC9B,UAAON,KAAKC,QACVR,aAAa,cAAcA,aAAa,UACtC,oBAAC,QAAD;IACE,WAAWP,IACRQ,aAAa,WAAWD,aAAa,YACpC,mBACFG,kBACD;cAGAI,KAAKR;IACD,EAHA,GAAGQ,KAAKR,MAAK,GAAIc,QAGjB,GACL,OACFN,KAAKE,UACPT,aAAa,aAAaA,aAAa,UACrC,oBAAC,QAAD;IACE,WAAWP,IACRQ,aAAa,WAAWD,aAAa,YACpC,iBACFG,kBACD;cAGAI,KAAKR;IACD,EAHA,GAAGQ,KAAKR,MAAK,GAAIc,QAGjB,GACL,OAEJ,oBAAC,QAAD;IAEE,WAAWpB,GAAGU,kBAAkB;cAE/BI,KAAKR;IAET,EALQ,GAAGQ,KAAKR,MAAK,GAAIc,QAKzB;IACD;EACG,CAAA"}

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

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

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

@@ -0,0 +1,85 @@
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/json-viewer/json-viewer.tsx
+const styles = {
+	"container-base": "_GzYRV",
+	"punctuation-base": "_3eOF8",
+	pointer: "_1MFti",
+	"expander-base": "_f10Tu _1MFti",
+	"expand-icon": "_1UmXx",
+	"collapse-icon": "_1LId0",
+	"collapsed-content-base": "_1pNG9 _1MFti",
+	"container-light": "_2IvMF _GzYRV",
+	"basic-element-style": "_2bkNM",
+	"child-fields-container": "_1BXBN",
+	"label-light": "_1MGIk",
+	"clickable-label-light": "_2YKJg _1MGIk _1MFti",
+	"punctuation-light": "_3uHL6 _3eOF8",
+	"value-null-light": "_2T6PJ",
+	"value-undefined-light": "_1Gho6",
+	"value-string-light": "_vGjyY",
+	"value-number-light": "_1bQdo",
+	"value-boolean-light": "_3zQKs",
+	"value-other-light": "_1xvuR",
+	"collapse-icon-light": "_oLqym _f10Tu _1MFti _1LId0",
+	"expand-icon-light": "_2AXVT _f10Tu _1MFti _1UmXx",
+	"collapsed-content-light": "_2KJWg _1pNG9 _1MFti",
+	"container-dark": "_11RoI _GzYRV",
+	"expand-icon-dark": "_17H2C _f10Tu _1MFti _1UmXx",
+	"collapse-icon-dark": "_3QHg2 _f10Tu _1MFti _1LId0",
+	"collapsed-content-dark": "_3fDAz _1pNG9 _1MFti",
+	"label-dark": "_2bSDX",
+	"clickable-label-dark": "_1RQEj _2bSDX _1MFti",
+	"punctuation-dark": "_gsbQL _3eOF8",
+	"value-null-dark": "_LaAZe",
+	"value-undefined-dark": "_GTKgm",
+	"value-string-dark": "_Chy1W",
+	"value-number-dark": "_2bveF",
+	"value-boolean-dark": "_2vRm-",
+	"value-other-dark": "_1prJR"
+};
+const _defaultStyles = {
+	container: styles["container-light"],
+	basicChildStyle: styles["basic-element-style"],
+	childFieldsContainer: styles["child-fields-container"],
+	label: styles["label-light"],
+	clickableLabel: styles["clickable-label-light"],
+	nullValue: styles["value-null-light"],
+	undefinedValue: styles["value-undefined-light"],
+	stringValue: styles["value-string-light"],
+	booleanValue: styles["value-boolean-light"],
+	numberValue: styles["value-number-light"],
+	otherValue: styles["value-other-light"],
+	punctuation: styles["punctuation-light"],
+	collapseIcon: styles["collapse-icon-light"],
+	expandIcon: styles["expand-icon-light"],
+	collapsedContent: styles["collapsed-content-light"],
+	noQuotesForStringValues: false,
+	quotesForFieldNames: false,
+	ariaLables: {
+		collapseJson: "collapse JSON",
+		expandJson: "expand JSON"
+	},
+	stringifyStringValues: false
+};
+const defaultStyles = {
+	..._defaultStyles,
+	container: `${_defaultStyles.container} !bg-transparent`,
+	label: `${_defaultStyles.label} !text-gray-600`,
+	punctuation: `${_defaultStyles.punctuation} !text-gray-700 !font-semibold`,
+	collapseIcon: `${_defaultStyles.collapseIcon} !text-gray-600`,
+	stringValue: `${_defaultStyles.stringValue} !text-gray-600`
+};
+const allExpanded = () => true;
+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,
+		shouldExpandNode: props.shouldExpandNode ?? allExpanded,
+		style: props.style ?? defaultStyles
+	}) });
+}
+//#endregion
+export { JsonViewer };
+
+//# sourceMappingURL=json-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.js","names":["lazy","Suspense","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\";\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: `${_defaultStyles.container} !bg-transparent`,\n  label: `${_defaultStyles.label} !text-gray-600`,\n  punctuation: `${_defaultStyles.punctuation} !text-gray-700 !font-semibold`,\n  collapseIcon: `${_defaultStyles.collapseIcon} !text-gray-600`,\n  stringValue: `${_defaultStyles.stringValue} !text-gray-600`,\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":";;;AAIA,MAAME,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,WAAW,GAAGD,eAAeC,UAAS;CACtCG,OAAO,GAAGJ,eAAeI,MAAK;CAC9BQ,aAAa,GAAGZ,eAAeY,YAAW;CAC1CC,cAAc,GAAGb,eAAea,aAAY;CAC5CL,aAAa,GAAGR,eAAeQ,YAAW;CAC3C;AAED,MAAMa,oBAAoB;AAE1B,MAAMC,WAAW7B,2BACf,OAAO,wBAAwB8B,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"}

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

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

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

@@ -0,0 +1,27 @@
+import { t as cn } from "../../../src-8xf1ueaA.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/ui/components/popover/popover.tsx
+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, {
+	align,
+	sideOffset,
+	className: cn([
+		"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		"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",
+		"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]"
+	], className),
+	ref,
+	...props
+}) }));
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,73 @@
+import { t as cn } from "../../../src-8xf1ueaA.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";
+import { RadioGroup } from "./radio-group.js";
+import { Radio } from "./radio.js";
+import { forwardRef, useId } from "react";
+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 hasLabel = label !== void 0;
+	const hasError = errors.length > 0;
+	const prefix = useId();
+	const id = propId ?? `${prefix}-radio-group`;
+	return /* @__PURE__ */ jsxs(RadioGroup, {
+		"aria-invalid": hasError,
+		"aria-label": !hasLabel ? "Radio group" : void 0,
+		"aria-required": required,
+		autoFocus,
+		className: cn("flex flex-col gap-2", className),
+		defaultValue,
+		id,
+		name,
+		onValueChange: (newValue) => {
+			onChange?.(newValue);
+		},
+		value,
+		disabled,
+		...props,
+		ref,
+		children: [
+			hasLabel && /* @__PURE__ */ jsx(FormLabel, {
+				description,
+				hasError,
+				htmlFor: id,
+				required,
+				disabled,
+				children: label
+			}),
+			options.map((option, index) => /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2",
+				role: "presentation",
+				children: /* @__PURE__ */ jsx(Radio, {
+					id: `${prefix}-radio-${index}-${option.value}`,
+					label: option.label,
+					value: option.value,
+					description: option.description,
+					disabled: disabled || option.disabled,
+					hasError
+				})
+			}, `${prefix}-radio-${index}-${option.value}`)),
+			warnings.length > 0 && /* @__PURE__ */ jsx(FormMessageList, {
+				messages: warnings,
+				type: "warning"
+			}),
+			hasError && /* @__PURE__ */ jsx(FormMessageList, {
+				messages: errors,
+				type: "error"
+			})
+		]
+	});
+});
+const RadioGroupField = /* @__PURE__ */ forwardRef(function RadioGroupField(props, ref) {
+	return /* @__PURE__ */ jsx(withFieldValidation(RadioGroupFieldRaw), {
+		...props,
+		ref
+	});
+});
+RadioGroupField.displayName = "RadioGroupField";
+//#endregion
+export { RadioGroupField };
+
+//# sourceMappingURL=radio-group-field.js.map