@powerhousedao/design-system 1.40.2 → 2.5.0-dev.0

package/dist/src/ui/components/data-entry/phid-input/phid-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phid-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/phid-input.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qFAAqF,CAAC;AAC5H,OAAO,EAAE,wBAAwB,EAAE,MAAM,yFAAyF,CAAC;AACnI,OAAO,EAAE,cAAc,EAAE,MAAM,mEAAmE,CAAC;AAGnG,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EAAE,gBAAgB,EAC9B,OAAO,GAAG,WAAW,EACrB,SAAS,EACT,oBAAoB,EACpB,2BAA2B,EAC3B,eAAe,EAAE,6BAA6B;AAC9C,cAAc,EAAE,6BAA6B;AAC7C,kBAAkB,EAClB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EAAE,GAAG,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;IACtC,MAAM,YAAY,GAAG,gBAAgB,IAAI,IAAI,CAAC;IAE9C,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,EACpC,CAAC,SAAS,EAAE,aAAa,CAAC,CAC3B,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CACE,MAAkB,EAClB,YAOC,EACD,EAAE,CAAC,CACH,KAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EACF,YAAY,EAAE,aAAa;YACzB,CAAC,CAAC,kBAAkB,EAAE,IAAI,IAAI,oBAAoB;YAClD,CAAC,CAAC,MAAM,CAAC,IAAI,EAEjB,KAAK,EACH,YAAY,EAAE,aAAa;YACzB,CAAC,CAAC,kBAAkB,EAAE,KAAK,IAAI,oBAAoB;YACnD,CAAC,CAAC,MAAM,CAAC,KAAK,EAElB,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,eAAe,EAAE,kBAAkB,EAAE,IAAI,IAAI,SAAS,KAClD,YAAY,GAChB,CACH,EACD,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAChD,YAAY,IAAI,oBAAoB,CAAC,CAAC,CAAC,CACtC,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,EACxD,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,KAClC,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,SAAS,KAChB,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,GAC8B,CAClC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"phid-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/phid-input.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/phid-input/types.d.ts

@@ -1,4 +1,12 @@
 import type { IdAutocompleteOption, IdAutocompleteProps } from "../../../../scalars/components/fragments/id-autocomplete/types.js";
+import type { DiffMode, WithDifference } from "../../../../scalars/components/types.js";
+export interface PHIDInputWithDifference extends Omit<WithDifference<string>, "diffMode"> {
+    diffMode?: Extract<DiffMode, "sentences">;
+    basePreviewIcon?: string | React.ReactElement;
+    basePreviewTitle?: string;
+    basePreviewPath?: string;
+    basePreviewDescription?: string;
+}
 type PHIDOption = IdAutocompleteOption;
 type PHIDInputBaseProps = Omit<IdAutocompleteProps, "autoComplete" | "fetchOptionsCallback" | "fetchSelectedOptionCallback" | "previewPlaceholder" | "renderOption"> & ({
     allowUris: true;
@@ -17,6 +25,6 @@ type PHIDInputProps = PHIDInputBaseProps & ({
     fetchOptionsCallback: (userInput: string, context?: Record<string, unknown>) => Promise<PHIDOption[]> | PHIDOption[];
     fetchSelectedOptionCallback?: (value: string) => Promise<PHIDOption | undefined> | PHIDOption | undefined;
     previewPlaceholder?: PHIDOption;
-});
+}) & PHIDInputWithDifference;
 export type { PHIDInputProps, PHIDOption };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/phid-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,mEAAmE,CAAC;AAE3E,KAAK,UAAU,GAAG,oBAAoB,CAAC;AAEvC,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,oBAAoB,GACpB,cAAc,CACjB,GACC,CACI;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CACJ,CAAC;AAEJ,KAAK,cAAc,GAAG,kBAAkB,GACtC,CACI;IACE,YAAY,EAAE,KAAK,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,2BAA2B,CAAC,EAAE,KAAK,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC;IAC1C,2BAA2B,CAAC,EAAE,CAC5B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,kBAAkB,CAAC,EAAE,UAAU,CAAC;CACjC,CACJ,CAAC;AAEJ,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,mEAAmE,CAAC;AAC3E,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACf,MAAM,yCAAyC,CAAC;AAEjD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,KAAK,UAAU,GAAG,oBAAoB,CAAC;AAEvC,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,oBAAoB,GACpB,cAAc,CACjB,GACC,CACI;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CACJ,CAAC;AAEJ,KAAK,cAAc,GAAG,kBAAkB,GACtC,CACI;IACE,YAAY,EAAE,KAAK,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,2BAA2B,CAAC,EAAE,KAAK,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC;IAC1C,2BAA2B,CAAC,EAAE,CAC5B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,kBAAkB,CAAC,EAAE,UAAU,CAAC;CACjC,CACJ,GACD,uBAAuB,CAAC;AAE1B,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts

@@ -0,0 +1,9 @@
+import type { WithDifference } from "../../../../scalars/components/types.js";
+interface TextInputDiffProps extends WithDifference<string> {
+    value: string;
+    label?: React.ReactNode;
+    required?: boolean;
+}
+declare const TextInputDiff: ({ value, label, required, baseValue, viewMode, diffMode, }: TextInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInputDiff;
+//# sourceMappingURL=text-input-diff.d.ts.map

package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAE9E,UAAU,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,aAAa,GAAI,4DAOpB,kBAAkB,4CAgBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input-diff.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormGroup, FormLabel } from "#scalars";
+import { SplittedInputDiff } from "../input/splitted-input-diff.js";
+const TextInputDiff = ({ value, label, required, baseValue = "", viewMode = "edition", diffMode = "sentences", }) => {
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { value: value, baseValue: baseValue, diffMode: diffMode, viewMode: viewMode })] }));
+};
+export default TextInputDiff;
+//# sourceMappingURL=text-input-diff.js.map

package/dist/src/ui/components/data-entry/text-input/text-input-diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAMpE,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,WAAW,GACH,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,IACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input.d.ts

@@ -1,8 +1,9 @@
-import type { InputBaseProps } from "../../../../scalars/components/types.js";
+import type { DiffMode, InputBaseProps, WithDifference } from "../../../../scalars/components/types.js";
 import type { CommonTextProps } from "./types.js";
-interface TextInputProps extends Omit<InputBaseProps<string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "pattern"> & CommonTextProps, "value" | "autoComplete"> {
+interface TextInputProps extends Omit<InputBaseProps<string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "pattern"> & CommonTextProps, "value" | "autoComplete">, Omit<WithDifference<string>, "diffMode"> {
     value?: string;
     autoComplete?: boolean;
+    diffMode?: Extract<DiffMode, "sentences">;
 }
 declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export { TextInput, type TextInputProps };

package/dist/src/ui/components/data-entry/text-input/text-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAG9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,cACR,SAAQ,IAAI,CACV,cAAc,CAAC,MAAM,CAAC,GACpB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAC5D,eAAe,EACjB,OAAO,GAAG,cAAc,CACzB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,SAAS,6GA+Ed,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,yCAAyC,CAAC;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,cACR,SAAQ,IAAI,CACR,cAAc,CAAC,MAAM,CAAC,GACpB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAC5D,eAAe,EACjB,OAAO,GAAG,cAAc,CACzB,EACD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;CAC3C;AAED,QAAA,MAAM,SAAS,6GAiGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input.js

@@ -8,9 +8,12 @@ import { FormLabel } from "../../../../scalars/components/fragments/form-label/f
 import ValueTransformer from "../../../../scalars/components/fragments/value-transformer/value-transformer.js";
 import { sharedValueTransformers } from "../../../../scalars/lib/shared-value-transformers.js";
 import { Input } from "../input/index.js";
+import TextInputDiff from "./text-input-diff.js";
 const TextInput = forwardRef(({ label, description, value, defaultValue, onChange, errors, warnings, 
 // TextProps
-pattern, trim, uppercase, lowercase, maxLength, autoComplete, ...props }, ref) => {
+pattern, trim, uppercase, lowercase, maxLength, autoComplete, 
+// Difference Props
+baseValue, viewMode = "edition", diffMode, ...props }, ref) => {
     const idGenerated = useId();
     const id = props.id ?? idGenerated;
     const autoCompleteValue = autoComplete === undefined ? undefined : autoComplete ? "on" : "off";
@@ -23,7 +26,11 @@ pattern, trim, uppercase, lowercase, maxLength, autoComplete, ...props }, ref) =
         sharedValueTransformers.uppercaseOnChange(!!uppercase),
         sharedValueTransformers.trimOnEnter(!!trim),
     ], [trim, lowercase, uppercase]);
-    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: props.required, disabled: props.disabled, hasError: !!errors?.length, children: label })), _jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, value: value ?? defaultValue ?? "", onChange: onChange, pattern: pattern?.toString(), autoComplete: autoCompleteValue, ...props, ref: ref }) }), typeof maxLength === "number" && maxLength > 0 && (_jsx("div", { className: cn("mt-[-6px] flex justify-end", hasContentBelow && "-mb-1"), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? "" }) })), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    if (viewMode === "edition") {
+        return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: props.required, disabled: props.disabled, hasError: !!errors?.length, children: label })), _jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, value: value ?? defaultValue ?? "", onChange: onChange, pattern: pattern?.toString(), autoComplete: autoCompleteValue, ...props, ref: ref }) }), typeof maxLength === "number" && maxLength > 0 && (_jsx("div", { className: cn("mt-[-6px] flex justify-end", hasContentBelow && "-mb-1"), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? "" }) })), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    }
+    // Diff mode
+    return (_jsx(TextInputDiff, { value: value ?? defaultValue ?? "", viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, label: label, required: props.required }));
 });
 TextInput.displayName = "TextInput";
 export { TextInput };

package/dist/src/ui/components/data-entry/text-input/text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/textarea/subcomponent/splitted-textarea-diff.d.ts

@@ -0,0 +1,13 @@
+import { type WithDifference } from "#scalars";
+interface TextInputDiffProps extends WithDifference<string> {
+    value: string;
+    label?: React.ReactNode;
+    required?: boolean;
+    ellipsis?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    hasPadding?: boolean;
+}
+declare const SplittedTextareaDiff: ({ value, label, required, baseValue, viewMode, diffMode, ellipsis, multiline, rows, hasPadding, }: TextInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export default SplittedTextareaDiff;
+//# sourceMappingURL=splitted-textarea-diff.d.ts.map

package/dist/src/ui/components/data-entry/textarea/subcomponent/splitted-textarea-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitted-textarea-diff.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/textarea/subcomponent/splitted-textarea-diff.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAIzE,UAAU,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,QAAA,MAAM,oBAAoB,GAAI,mGAW3B,kBAAkB,4CAyBpB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/src/ui/components/data-entry/textarea/subcomponent/splitted-textarea-diff.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, FormGroup, FormLabel } from "#scalars";
+import { InputDiff } from "../../input/subcomponent/input-diff.js";
+import { TextDiff } from "../../input/subcomponent/text-diff.js";
+const SplittedTextareaDiff = ({ value, label, required, baseValue = "", viewMode = "edition", diffMode, ellipsis = true, multiline = false, rows = 3, hasPadding = false, }) => {
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(InputDiff, { ellipsis: ellipsis, multiline: multiline, rows: rows, hasPadding: true, children: _jsx(TextDiff, { baseValue: baseValue, value: value, viewMode: viewMode, diffMode: diffMode, className: cn("flex-1") }) })] }));
+};
+export default SplittedTextareaDiff;
+//# sourceMappingURL=splitted-textarea-diff.js.map

package/dist/src/ui/components/data-entry/textarea/subcomponent/splitted-textarea-diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitted-textarea-diff.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/textarea/subcomponent/splitted-textarea-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAuB,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAWjE,MAAM,oBAAoB,GAAG,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,CAAC,EACR,UAAU,GAAG,KAAK,GACC,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EAED,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,IAAI,YAEhB,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,GACQ,IACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/src/ui/components/data-entry/textarea/textarea.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
-import type { InputBaseProps } from "../../../../scalars/components/types.js";
+import type { DiffMode, InputBaseProps, WithDifference } from "../../../../scalars/components/types.js";
 import type { CommonTextProps } from "../text-input/types.js";
 type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof InputBaseProps<string> | keyof CommonTextProps>;
-interface TextareaProps extends TextareaBaseProps, InputBaseProps<string>, CommonTextProps {
+interface TextareaProps extends TextareaBaseProps, InputBaseProps<string>, CommonTextProps, Omit<WithDifference<string>, "diffMode"> {
     autoExpand?: boolean;
     multiline?: boolean;
+    diffMode?: Extract<DiffMode, "words">;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea, type TextareaProps };

package/dist/src/ui/components/data-entry/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/textarea/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAUjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,eAAe,CACrD,CAAC;AAEF,UAAU,aACR,SAAQ,iBAAiB,EACvB,cAAc,CAAC,MAAM,CAAC,EACtB,eAAe;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD,QAAA,MAAM,QAAQ,2FAmKb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/textarea/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAUjE,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,eAAe,CACrD,CAAC;AAEF,UAAU,aACR,SAAQ,iBAAiB,EACvB,cAAc,CAAC,MAAM,CAAC,EACtB,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;CACvC;AAoBD,QAAA,MAAM,QAAQ,2FAoLb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/textarea/textarea.js

@@ -8,6 +8,7 @@ import { FormGroup } from "../../../../scalars/components/fragments/form-group/i
 import { FormLabel } from "../../../../scalars/components/fragments/form-label/index.js";
 import { FormMessageList } from "../../../../scalars/components/fragments/form-message/index.js";
 import ValueTransformer from "../../../../scalars/components/fragments/value-transformer/index.js";
+import SplittedTextareaDiff from "./subcomponent/splitted-textarea-diff.js";
 const textareaBaseStyles = cn(
 // Base styles
 "flex min-h-9 w-full rounded-md text-sm font-normal leading-5 text-gray-900 dark:text-gray-50", 
@@ -21,7 +22,7 @@ const textareaBaseStyles = cn(
 "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 state
 "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 Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true, className, defaultValue, description, errors, id: propId, label, lowercase, maxLength, minLength, name, onChange, placeholder, required, rows = 3, trim, uppercase, value, warnings, ...props }, ref) => {
+const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true, className, defaultValue, description, errors, id: propId, label, lowercase, maxLength, minLength, name, onChange, placeholder, required, rows = 3, trim, uppercase, value, warnings, viewMode = "edition", diffMode = "words", baseValue, ...props }, ref) => {
     const autoCompleteValue = autoComplete === undefined ? undefined : autoComplete ? "on" : "off";
     const hasError = errors && errors.length > 0;
     const hasContentBelow = !!description ||
@@ -81,18 +82,21 @@ const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true,
             },
         },
     ], [trim, lowercase, uppercase, multiline]);
-    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, disabled: props.disabled, hasError: hasError, required: required, children: label })), _jsxs("div", { className: "relative", children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx("textarea", { "aria-invalid": hasError, "aria-required": required, autoComplete: autoCompleteValue, className: cn(textareaBaseStyles, 
-                            // Resize behavior based on autoExpand
-                            autoExpand
-                                ? "resize-none overflow-hidden"
-                                : [
-                                    "resize-y",
-                                    "scrollbar-thin scrollbar-gutter-stable",
-                                    "scrollbar-track-transparent",
-                                    "scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300",
-                                    "dark:scrollbar-thumb-charcoal-700 dark:hover:scrollbar-thumb-charcoal-700",
-                                    "scrollbar-thumb-rounded-md",
-                                ], className), ref: mergedRef, id: id, name: name, value: value, defaultValue: defaultValue, minLength: minLength, placeholder: placeholder, rows: multiline ? rows : 1, onChange: onChange, onKeyDown: handleKeyDown, ...props }) }), typeof maxLength === "number" && maxLength > 0 && (_jsx("div", { className: cn("mt-0.5 flex justify-end", hasContentBelow && "-mb-1"), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? "" }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    if (viewMode === "edition") {
+        return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, disabled: props.disabled, hasError: hasError, required: required, children: label })), _jsxs("div", { className: "relative", children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx("textarea", { "aria-invalid": hasError, "aria-required": required, autoComplete: autoCompleteValue, className: cn(textareaBaseStyles, 
+                                // Resize behavior based on autoExpand
+                                autoExpand
+                                    ? "resize-none overflow-hidden"
+                                    : [
+                                        "resize-y",
+                                        "scrollbar-thin scrollbar-gutter-stable",
+                                        "scrollbar-track-transparent",
+                                        "scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300",
+                                        "dark:scrollbar-thumb-charcoal-700 dark:hover:scrollbar-thumb-charcoal-700",
+                                        "scrollbar-thumb-rounded-md",
+                                    ], className), ref: mergedRef, id: id, name: name, value: value, defaultValue: defaultValue, minLength: minLength, placeholder: placeholder, rows: multiline ? rows : 1, onChange: onChange, onKeyDown: handleKeyDown, ...props }) }), typeof maxLength === "number" && maxLength > 0 && (_jsx("div", { className: cn("mt-0.5 flex justify-end", hasContentBelow && "-mb-1"), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? "" }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    }
+    return (_jsx(SplittedTextareaDiff, { label: label, value: value ?? defaultValue ?? "", viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, multiline: multiline, rows: rows, hasPadding: true }));
 });
 Textarea.displayName = "Textarea";
 export { Textarea };

package/dist/src/ui/components/data-entry/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/textarea/textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/textarea/textarea.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/toggle/toggle.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
-import { type InputBaseProps } from "../../../../scalars/components/types.js";
+import { type DiffMode, type InputBaseProps, type WithDifference } from "../../../../scalars/components/types.js";
 type ToggleBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<boolean> | "onChange">;
-interface ToggleProps extends ToggleBaseProps, InputBaseProps<boolean> {
+interface ToggleProps extends ToggleBaseProps, Omit<WithDifference<boolean>, "diffMode">, InputBaseProps<boolean> {
     onChange?: (checked: boolean) => void;
+    diffMode?: Extract<DiffMode, "sentences">;
+    optionalLabel?: string;
 }
 declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, type ToggleProps };

package/dist/src/ui/components/data-entry/toggle/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAG9E,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAC3C,CAAC;AAEF,UAAU,WAAY,SAAQ,eAAe,EAAE,cAAc,CAAC,OAAO,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,MAAM,uFA8DX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yCAAyC,CAAC;AAGjD,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAC3C,CAAC;AAEF,UAAU,WACR,SAAQ,eAAe,EACrB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,EACzC,cAAc,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,uFAwFX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/toggle/toggle.js

@@ -4,10 +4,13 @@ import React, { useId } from "react";
 import { FormLabel } from "../../../../scalars/components/fragments/form-label/index.js";
 import { FormMessageList } from "../../../../scalars/components/fragments/form-message/index.js";
 import { ToggleBase } from "./toggle-base.js";
-const Toggle = React.forwardRef(({ id: idProp, name, label, disabled = false, value, onChange, errors = [], warnings = [], required = false, className, defaultValue, description, ...props }, ref) => {
+const Toggle = React.forwardRef(({ id: idProp, name, label, disabled = false, value, onChange, errors = [], warnings = [], required = false, className, defaultValue, description, viewMode = "edition", optionalLabel, diffMode, baseValue, ...props }, ref) => {
     const generatedId = useId();
     const id = idProp ?? generatedId;
-    return (_jsxs("div", { className: cn("flex flex-col gap-1", className), "data-testid": "custom-class", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(ToggleBase, { "aria-labelledby": `${id}-label`, required: required, disabled: disabled, name: name, id: id, checked: value ?? defaultValue, onCheckedChange: onChange, ref: ref, ...props }), label && (_jsx(FormLabel, { htmlFor: id, className: "ml-2", disabled: disabled, required: required, description: description, inline: true, id: `${id}-label`, children: label }))] }), warnings.length !== 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), errors.length !== 0 && (_jsx(FormMessageList, { messages: errors, type: "error" }))] }));
+    if (viewMode === "edition") {
+        return (_jsxs("div", { className: cn("flex flex-col gap-1", className), "data-testid": "custom-class", children: [_jsxs("div", { className: "flex items-center", children: [optionalLabel && (_jsx(FormLabel, { className: "ml-2", disabled: disabled, required: required, inline: true, id: `${id}-optionalLabel`, children: optionalLabel })), _jsx(ToggleBase, { "aria-labelledby": `${id}-label`, required: required, disabled: disabled, name: name, id: id, checked: value ?? defaultValue, onCheckedChange: onChange, ref: ref, ...props }), label && (_jsx(FormLabel, { htmlFor: id, className: "ml-2", disabled: disabled, required: required, description: description, inline: true, id: `${id}-label`, children: label }))] }), warnings.length !== 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), errors.length !== 0 && (_jsx(FormMessageList, { messages: errors, type: "error" }))] }));
+    }
+    return (_jsx("div", { className: cn("flex flex-col gap-1", className), "data-testid": "custom-class", children: _jsx("div", { children: "Diff component" }) }));
 });
 Toggle.displayName = "Toggle";
 export { Toggle };

package/dist/src/ui/components/data-entry/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAEjG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAW9C,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW,CAAC;IAEjC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,iBACnC,cAAc,aAE1B,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,UAAU,uBACQ,GAAG,EAAE,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,KAAK,IAAI,YAAY,EAC9B,eAAe,EAAE,QAAQ,EACzB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,EACD,KAAK,IAAI,CACR,KAAC,SAAS,IACR,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,QACN,EAAE,EAAE,GAAG,EAAE,QAAQ,YAEhB,KAAK,GACI,CACb,IACG,EACL,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,EACA,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CACtB,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CACnD,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAoB,CAAC"}
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAMjG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAgB9C,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW,CAAC;IAEjC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,iBACnC,cAAc,aAE1B,eAAK,SAAS,EAAC,mBAAmB,aAC/B,aAAa,IAAI,CAChB,KAAC,SAAS,IACR,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,QACN,EAAE,EAAE,GAAG,EAAE,gBAAgB,YAExB,aAAa,GACJ,CACb,EACD,KAAC,UAAU,uBACQ,GAAG,EAAE,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,KAAK,IAAI,YAAY,EAC9B,eAAe,EAAE,QAAQ,EACzB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,EACD,KAAK,IAAI,CACR,KAAC,SAAS,IACR,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,QACN,EAAE,EAAE,GAAG,EAAE,QAAQ,YAEhB,KAAK,GACI,CACb,IACG,EACL,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,EACA,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CACtB,KAAC,eAAe,IAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CACnD,IACG,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,iBACnC,cAAc,YAG1B,2CAAyB,GACrB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAoB,CAAC"}