@tulip-systems/core 0.4.0 → 0.4.1

package/dist/modules/inline-edit/components/input-recipient.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Contact, RecipientInput } from \"@/components/ui/input-recipient\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineRecipientInputProps = Omit<ComponentProps<typeof RecipientInput>, \"value\" | \"onChange\"> &\n  useInlineEditOptions<string[]> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  ...props\n}: InlineRecipientInputProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string[]>({\n    initialValue,\n    action,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        setValue(newValue);\n        // Update onBlur-achtig gedrag: update direct na elke wijziging\n        handleUpdate(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,qBAAqB,EACnC,cACA,QACA,SACA,UACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAwB;EAC3E;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,YAAS,SAAS;AAElB,gBAAa,SAAS;;EAExB,UAAU,YAAY,CAAC;GACvB"}

package/dist/modules/inline-edit/components/input-toggle.client.d.mts

@@ -0,0 +1,17 @@
+import { Input } from "../../../components/ui/input.mjs";
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/modules/inline-edit/components/input-toggle.client.d.ts
+type InlineStringInputToggleProps<TValue> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<TValue>;
+declare function InlineStringInputToggle({
+  initialValue,
+  action,
+  disabled,
+  className,
+  ...props
+}: InlineStringInputToggleProps<string>): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { InlineStringInputToggle };
+//# sourceMappingURL=input-toggle.client.d.mts.map

package/dist/modules/inline-edit/components/input-toggle.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,uCAAuC,KAAK,sBAAsB,kBACrE,qBAAqB;iBAEP,uBAAA;;;;;;GAMb,uCAAoC,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/input-toggle.client.mjs

@@ -0,0 +1,46 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { CheckIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/modules/inline-edit/components/input-toggle.client.tsx
+function InlineStringInputToggle({ initialValue, action, disabled, className, ...props }) {
+	const [enabled, setEnabled] = useState(!!initialValue);
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action
+	});
+	function handleToggle() {
+		setEnabled(!enabled);
+		if (!enabled) return;
+		handleUpdate("");
+	}
+	const isDisabled = !enabled || disabled || !isAllowed;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ jsx(Input, {
+			...props,
+			type: "text",
+			value,
+			disabled: isDisabled,
+			onChange: (e) => setValue(e.target.value),
+			onBlur: (e) => handleUpdate(e.target.value),
+			className: cn("border-border/70 hover:border-border w-full", className)
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			onClick: handleToggle,
+			tabIndex: -1,
+			className: cn("absolute bottom-0 right-0 top-0 opacity-50", !value && "text-muted-foreground"),
+			children: enabled ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(XIcon, {})
+		})]
+	});
+}
+
+//#endregion
+export { InlineStringInputToggle };
+//# sourceMappingURL=input-toggle.client.mjs.map

package/dist/modules/inline-edit/components/input-toggle.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { ComponentProps, useState } from \"react\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue>;\n\nexport function InlineStringInputToggle({\n  initialValue,\n  action,\n  disabled,\n  className,\n  ...props\n}: InlineStringInputToggleProps<string>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleUpdate(\"\");\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value}\n        disabled={isDisabled}\n        onChange={(e) => setValue(e.target.value)}\n        onBlur={(e) => handleUpdate(e.target.value)}\n        className={cn(\"border-border/70 hover:border-border w-full\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute bottom-0 right-0 top-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,wBAAwB,EACtC,cACA,QACA,UACA,WACA,GAAG,SACoC;CACvC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,eAAa,GAAG;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACE;GACP,UAAU;GACV,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,SAAS,MAAM,aAAa,EAAE,OAAO,MAAM;GAC3C,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}

package/dist/modules/inline-edit/components/input.client.d.mts

@@ -0,0 +1,33 @@
+import { Input } from "../../../components/ui/input.mjs";
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import { InlineEditVariantsProps } from "../lib/variants.mjs";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/modules/inline-edit/components/input.client.d.ts
+type InlineEditInputProps<TValue> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<TValue> & InlineEditVariantsProps;
+/**
+ * The inline edit string input component.
+ */
+declare function InlineStringInput({
+  initialValue,
+  action,
+  variant,
+  className,
+  disabled,
+  ...props
+}: InlineEditInputProps<string | undefined>): react_jsx_runtime23.JSX.Element;
+/**
+ * The inline edit number input component.
+ */
+declare function InlineNumberInput({
+  initialValue,
+  action,
+  variant,
+  className,
+  disabled,
+  ...props
+}: InlineEditInputProps<number | undefined>): react_jsx_runtime23.JSX.Element;
+//#endregion
+export { InlineNumberInput, InlineStringInput };
+//# sourceMappingURL=input.client.d.mts.map

package/dist/modules/inline-edit/components/input.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,+BAA+B,KAAK,sBAAsB,kBAC7D,qBAAqB,UACrB;;;AAJ4E;AAEf,iBAO/C,iBAAA,CAP+C;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAc5D,oBAd4D,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EAcpB,mBAAA,CAAA,GAAA,CAAA,OAdoB;;;;AAC7D,iBAuCc,iBAAA,CAvCd;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA8CC,oBA9CD,CAAA,MAAA,GAAA,SAAA,CAAA,CAAA,EA8CyC,mBAAA,CAAA,GAAA,CAAA,OA9CzC"}

package/dist/modules/inline-edit/components/input.client.mjs

@@ -0,0 +1,49 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline-edit/components/input.client.tsx
+/**
+* The inline edit string input component.
+*/
+function InlineStringInput({ initialValue, action, variant, className, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: "text",
+		value,
+		disabled: disabled || !isAllowed,
+		onChange: (e) => setValue(e.target.value),
+		onBlur: (e) => handleUpdate(e.target.value),
+		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({ variant }), className)
+	});
+}
+/**
+* The inline edit number input component.
+*/
+function InlineNumberInput({ initialValue, action, variant, className, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: "number",
+		value: value ?? void 0,
+		disabled: disabled || !isAllowed,
+		onChange: (e) => setValue(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : void 0),
+		onBlur: (e) => handleUpdate(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : void 0),
+		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({ variant }), className)
+	});
+}
+
+//#endregion
+export { InlineNumberInput, InlineStringInput };
+//# sourceMappingURL=input.client.mjs.map

package/dist/modules/inline-edit/components/input.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: InlineEditInputProps<string | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string | undefined>({\n    initialValue,\n    action,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"text\"\n      value={value}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={(e) => handleUpdate(e.target.value)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nexport function InlineNumberInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: InlineEditInputProps<number | undefined>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<number | undefined>({\n    initialValue,\n    action,\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) =>\n        setValue(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : undefined)\n      }\n      onBlur={(e) =>\n        handleUpdate(!isNaN(e.target.valueAsNumber) ? e.target.valueAsNumber : undefined)\n      }\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAeA,SAAgB,kBAAkB,EAChC,cACA,QACA,SACA,WACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACE;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;EACzC,SAAS,MAAM,aAAa,EAAE,OAAO,MAAM;EAC3C,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD;;;;;AAON,SAAgB,kBAAkB,EAChC,cACA,QACA,SACA,WACA,UACA,GAAG,SACwC;CAC3C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAkC;EACrF;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MACT,SAAS,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,gBAAgB,OAAU;EAE/E,SAAS,MACP,aAAa,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,gBAAgB,OAAU;EAEnF,WAAW,GACT,+CACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD;GACD"}

package/dist/modules/inline-edit/components/richtext.client.d.mts

@@ -0,0 +1,15 @@
+import { Input } from "../../../components/ui/input.mjs";
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/modules/inline-edit/components/richtext.client.d.ts
+declare function InlineRichtext({
+  initialValue,
+  action,
+  disabled,
+  ...props
+}: Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<string>): react_jsx_runtime25.JSX.Element;
+//#endregion
+export { InlineRichtext };
+//# sourceMappingURL=richtext.client.d.mts.map

package/dist/modules/inline-edit/components/richtext.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/richtext.client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASgB,cAAA;;;;;GAKb,KAAK,sBAAsB,kBAAkB,+BAA4B,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/richtext.client.mjs

@@ -0,0 +1,31 @@
+"use client";
+
+import { EditorContextProvider } from "../../../components/editor/context.client.mjs";
+import { Editor } from "../../../components/editor/index.client.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useDebounce } from "use-debounce";
+
+//#region src/modules/inline-edit/components/richtext.client.tsx
+function InlineRichtext({ initialValue, action, disabled, ...props }) {
+	const { value, setValue, handleUpdate } = useInlineEdit({
+		initialValue,
+		action
+	});
+	const [debouncedValue] = useDebounce(value, 500);
+	useEffect(() => {
+		if (!value) return;
+		handleUpdate(value);
+	}, [debouncedValue]);
+	return /* @__PURE__ */ jsx(EditorContextProvider, {
+		value: value ? JSON.parse(value) : void 0,
+		onChange: (value$1) => setValue(JSON.stringify(value$1)),
+		disabled,
+		children: /* @__PURE__ */ jsx(Editor, { ...props })
+	});
+}
+
+//#endregion
+export { InlineRichtext };
+//# sourceMappingURL=richtext.client.mjs.map

package/dist/modules/inline-edit/components/richtext.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/richtext.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { EditorContextProvider } from \"@/components/editor/context.client\";\nimport { Editor } from \"@/components/editor/index.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { ComponentProps, useEffect } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineRichtext({\n  initialValue,\n  action,\n  disabled,\n  ...props\n}: Omit<ComponentProps<typeof Input>, \"type\"> & useInlineEditOptions<string>) {\n  const { value, setValue, handleUpdate } = useInlineEdit<string>({\n    initialValue,\n    action,\n  });\n\n  const [debouncedValue] = useDebounce(value, 500);\n\n  useEffect(() => {\n    if (!value) return;\n    handleUpdate(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue]);\n\n  return (\n    <EditorContextProvider\n      value={value ? JSON.parse(value) : undefined}\n      onChange={(value) => setValue(JSON.stringify(value))}\n      disabled={disabled}\n    >\n      <Editor {...props} />\n    </EditorContextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,eAAe,EAC7B,cACA,QACA,UACA,GAAG,SACyE;CAC5E,MAAM,EAAE,OAAO,UAAU,iBAAiB,cAAsB;EAC9D;EACA;EACD,CAAC;CAEF,MAAM,CAAC,kBAAkB,YAAY,OAAO,IAAI;AAEhD,iBAAgB;AACd,MAAI,CAAC,MAAO;AACZ,eAAa,MAAM;IAElB,CAAC,eAAe,CAAC;AAEpB,QACE,oBAAC;EACC,OAAO,QAAQ,KAAK,MAAM,MAAM,GAAG;EACnC,WAAW,YAAU,SAAS,KAAK,UAAUA,QAAM,CAAC;EAC1C;YAEV,oBAAC,UAAO,GAAI,QAAS;GACC"}

package/dist/modules/inline-edit/components/select.client.d.mts

@@ -0,0 +1,27 @@
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import { InlineEditVariantsProps } from "../lib/variants.mjs";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+import { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from "@radix-ui/react-select";
+
+//#region src/modules/inline-edit/components/select.client.d.ts
+type InlineSelectProps = SelectProps & useInlineEditOptions<string>;
+declare function InlineSelect({
+  initialValue,
+  disabled,
+  ...props
+}: InlineSelectProps): react_jsx_runtime18.JSX.Element;
+type InlineSelectTriggerProps = SelectTriggerProps;
+declare function InlineSelectTrigger({
+  variant,
+  className,
+  ...props
+}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime18.JSX.Element;
+type InlineSelectContentProps = SelectContentProps;
+declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime18.JSX.Element;
+type InlineSelectValueProps = SelectValueProps;
+declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime18.JSX.Element;
+type InlineSelectItenProps = SelectItemProps;
+declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime18.JSX.Element;
+//#endregion
+export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps };
+//# sourceMappingURL=select.client.d.mts.map

package/dist/modules/inline-edit/components/select.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAoBY,iBAAA,GAAoB,cAAc;iBAE9B,YAAA;;;;GAAmD,oBAAiB,mBAAA,CAAA,GAAA,CAAA;KAmBxE,wBAAA,GAA2B;AArB3B,iBAuBI,mBAAA,CAvBgB;EAAA,OAAc;EAAA,SAAA;EAAA,GAAA;AAAoB,CAAA,EA2B/D,wBA3B+D,GA2BpC,uBA3BoC,CAAA,EA2Bb,mBAAA,CAAA,GAAA,CAAA,OA3Ba;AAElD,KA6BJ,wBAAA,GAA2B,kBA7BX;AAAG,iBA+Bf,mBAAA,CA/Be,KAAA,EA+BY,wBA/BZ,CAAA,EA+BoC,mBAAA,CAAA,GAAA,CAAA,OA/BpC;AAAc,KAmCjC,sBAAA,GAAyB,gBAnCQ;AAAsB,iBAqCnD,iBAAA,CArCmD,KAAA,EAqC1B,sBArC0B,CAAA,EAqCJ,mBAAA,CAAA,GAAA,CAAA,OArCI;AAAiB,KAyCxE,qBAAA,GAAwB,eAzCgD;AAAA,iBA2CpE,gBAAA,CA3CoE,KAAA,EA2C5C,qBA3C4C,CAAA,EA2CvB,mBAAA,CAAA,GAAA,CAAA,OA3CuB"}

package/dist/modules/inline-edit/components/select.client.mjs

@@ -0,0 +1,43 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.client.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline-edit/components/select.client.tsx
+function InlineSelect({ initialValue, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action: props.action
+	});
+	return /* @__PURE__ */ jsx(Select, {
+		...props,
+		disabled: disabled || !isAllowed,
+		defaultValue: value,
+		onValueChange: (value$1) => {
+			setValue(value$1);
+			handleUpdate(value$1);
+		}
+	});
+}
+function InlineSelectTrigger({ variant, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectTrigger, {
+		...props,
+		className: cn(inlineEditVariants({ variant }), className)
+	});
+}
+function InlineSelectContent(props) {
+	return /* @__PURE__ */ jsx(SelectContent, { ...props });
+}
+function InlineSelectValue(props) {
+	return /* @__PURE__ */ jsx(SelectValue, { ...props });
+}
+function InlineSelectItem(props) {
+	return /* @__PURE__ */ jsx(SelectItem, { ...props });
+}
+
+//#endregion
+export { InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue };
+//# sourceMappingURL=select.client.mjs.map

package/dist/modules/inline-edit/components/select.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type {\n  SelectContentProps,\n  SelectItemProps,\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n} from \"@radix-ui/react-select\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineSelectProps = SelectProps & useInlineEditOptions<string>;\n\nexport function InlineSelect({ initialValue, disabled, ...props }: InlineSelectProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action: props.action,\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value}\n      onValueChange={(value) => {\n        setValue(value);\n        handleUpdate(value);\n      }}\n    />\n  );\n}\n\nexport type InlineSelectTriggerProps = SelectTriggerProps;\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: InlineSelectTriggerProps & InlineEditVariantsProps) {\n  return <SelectTrigger {...props} className={cn(inlineEditVariants({ variant }), className)} />;\n}\n\nexport type InlineSelectContentProps = SelectContentProps;\n\nexport function InlineSelectContent(props: InlineSelectContentProps) {\n  return <SelectContent {...props} />;\n}\n\nexport type InlineSelectValueProps = SelectValueProps;\n\nexport function InlineSelectValue(props: InlineSelectValueProps) {\n  return <SelectValue {...props} />;\n}\n\nexport type InlineSelectItenProps = SelectItemProps;\n\nexport function InlineSelectItem(props: InlineSelectItenProps) {\n  return <SelectItem {...props} />;\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,aAAa,EAAE,cAAc,UAAU,GAAG,SAA4B;CACpF,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA,QAAQ,MAAM;EACf,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc;EACd,gBAAgB,YAAU;AACxB,YAASA,QAAM;AACf,gBAAaA,QAAM;;GAErB;;AAMN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SACkD;AACrD,QAAO,oBAAC;EAAc,GAAI;EAAO,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;GAAI;;AAKhG,SAAgB,oBAAoB,OAAiC;AACnE,QAAO,oBAAC,iBAAc,GAAI,QAAS;;AAKrC,SAAgB,kBAAkB,OAA+B;AAC/D,QAAO,oBAAC,eAAY,GAAI,QAAS;;AAKnC,SAAgB,iBAAiB,OAA8B;AAC7D,QAAO,oBAAC,cAAW,GAAI,QAAS"}

package/dist/modules/inline-edit/components/switch.client.d.mts

@@ -0,0 +1,14 @@
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { SwitchProps } from "@radix-ui/react-switch";
+
+//#region src/modules/inline-edit/components/switch.client.d.ts
+declare function InlineSwitch({
+  initialValue,
+  action,
+  disabled,
+  ...props
+}: SwitchProps & useInlineEditOptions<boolean>): react_jsx_runtime26.JSX.Element;
+//#endregion
+export { InlineSwitch };
+//# sourceMappingURL=switch.client.d.mts.map

package/dist/modules/inline-edit/components/switch.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMgB,YAAA;;;;;GAKb,cAAc,gCAA6B,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/switch.client.mjs

@@ -0,0 +1,26 @@
+"use client";
+
+import { Switch } from "../../../components/ui/switch.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline-edit/components/switch.client.tsx
+function InlineSwitch({ initialValue, action, disabled, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action
+	});
+	return /* @__PURE__ */ jsx(Switch, {
+		...props,
+		disabled: disabled || !isAllowed,
+		defaultChecked: value,
+		onCheckedChange: (checked) => {
+			setValue(checked);
+			handleUpdate(checked);
+		}
+	});
+}
+
+//#endregion
+export { InlineSwitch };
+//# sourceMappingURL=switch.client.mjs.map

package/dist/modules/inline-edit/components/switch.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch } from \"@/components/ui/switch\";\nimport { type SwitchProps } from \"@radix-ui/react-switch\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch({\n  initialValue,\n  action,\n  disabled,\n  ...props\n}: SwitchProps & useInlineEditOptions<boolean>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  return (\n    <Switch\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultChecked={value}\n      onCheckedChange={(checked) => {\n        setValue(checked);\n        handleUpdate(checked);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAAa,EAC3B,cACA,QACA,UACA,GAAG,SAC2C;CAC9C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,gBAAgB;EAChB,kBAAkB,YAAY;AAC5B,YAAS,QAAQ;AACjB,gBAAa,QAAQ;;GAEvB"}

package/dist/modules/inline-edit/components/toggle.client.d.mts

@@ -0,0 +1,16 @@
+import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/inline-edit/components/toggle.client.d.ts
+type InlineEditToggleProps = React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean>;
+declare function InlineToggle({
+  initialValue,
+  action,
+  children,
+  className,
+  ...props
+}: InlineEditToggleProps): react_jsx_runtime27.JSX.Element;
+//#endregion
+export { InlineEditToggleProps, InlineToggle };
+//# sourceMappingURL=toggle.client.d.mts.map

package/dist/modules/inline-edit/components/toggle.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,qBAAA,GAAwB,KAAA,CAAM,eAAe,kBACvD;iBAEc,YAAA;;;;;;GAMb,wBAAqB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/toggle.client.mjs

@@ -0,0 +1,33 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Toggle } from "../../../components/ui/toggle.mjs";
+import { useInlineEdit } from "../hooks/use-inline.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline-edit/components/toggle.client.tsx
+function InlineToggle({ initialValue, action, children, className, ...props }) {
+	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+		initialValue,
+		action
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-wrap items-center justify-start gap-1", className),
+		children: /* @__PURE__ */ jsx(Toggle, {
+			disabled: !isAllowed,
+			variant: "outline",
+			pressed: value,
+			defaultChecked: initialValue,
+			onPressedChange: (value$1) => {
+				setValue(value$1);
+				handleUpdate(value$1);
+			},
+			children
+		})
+	});
+}
+
+//#endregion
+export { InlineToggle };
+//# sourceMappingURL=toggle.client.mjs.map

package/dist/modules/inline-edit/components/toggle.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps = React.HTMLAttributes<HTMLDivElement> &\n  useInlineEditOptions<boolean>;\n\nexport function InlineToggle({\n  initialValue,\n  action,\n  children,\n  className,\n  ...props\n}: InlineEditToggleProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value}\n        defaultChecked={initialValue}\n        onPressedChange={(value) => {\n          setValue(value);\n          handleUpdate(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAAa,EAC3B,cACA,QACA,UACA,WACA,GAAG,SACqB;CACxB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,kBAAkB,YAAU;AAC1B,aAASA,QAAM;AACf,iBAAaA,QAAM;;GAGpB;IACM;GACL"}

package/dist/modules/inline-edit/hooks/context.client.d.mts

@@ -0,0 +1,28 @@
+import { Permission } from "../../auth/lib/permissions.mjs";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/inline-edit/hooks/context.client.d.ts
+/**
+ * InlineEditContext
+ */
+type InlineEditContextParams = {
+  id: string;
+  permission?: Permission;
+};
+/**
+ * UseInlineEditContext
+ */
+declare function useInlineEditContext(): InlineEditContextParams;
+/**
+ * InlineEditContext Provider
+ */
+declare function InlineEditProvider({
+  children,
+  ...value
+}: InlineEditContextParams & {
+  children: React.ReactNode;
+}): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { InlineEditContextParams, InlineEditProvider, useInlineEditContext };
+//# sourceMappingURL=context.client.d.mts.map

package/dist/modules/inline-edit/hooks/context.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQY,KAAA,uBAAA,GAAuB;EAMnB,EAAA,EAAA,MAAA;EASA,UAAA,CAAA,EAfiD,UAe/B;CAChC;;;;AAEwD,iBAZ1C,oBAAA,CAAA,CAY0C,EAZtB,uBAYsB;;;;iBAH1C,kBAAA;;;GAGb;YAAsC,KAAA,CAAM;IAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/hooks/context.client.mjs

@@ -0,0 +1,28 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import React, { createContext, useContext } from "react";
+
+//#region src/modules/inline-edit/hooks/context.client.tsx
+const InlineEditContext = createContext(void 0);
+/**
+* UseInlineEditContext
+*/
+function useInlineEditContext() {
+	const context = useContext(InlineEditContext);
+	if (!context) throw new Error("InlineEditContext not found!");
+	return context;
+}
+/**
+* InlineEditContext Provider
+*/
+function InlineEditProvider({ children, ...value }) {
+	return /* @__PURE__ */ jsx(InlineEditContext.Provider, {
+		value,
+		children
+	});
+}
+
+//#endregion
+export { InlineEditProvider, useInlineEditContext };
+//# sourceMappingURL=context.client.mjs.map

package/dist/modules/inline-edit/hooks/context.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport React, { createContext, useContext } from \"react\";\n\n/**\n * InlineEditContext\n */\nexport type InlineEditContextParams = { id: string; permission?: Permission };\nconst InlineEditContext = createContext<InlineEditContextParams | undefined>(undefined);\n\n/**\n * UseInlineEditContext\n */\nexport function useInlineEditContext() {\n  const context = useContext(InlineEditContext);\n  if (!context) throw new Error(\"InlineEditContext not found!\");\n  return context;\n}\n\n/**\n * InlineEditContext Provider\n */\nexport function InlineEditProvider({\n  children,\n  ...value\n}: InlineEditContextParams & { children: React.ReactNode }) {\n  return <InlineEditContext.Provider value={value}>{children}</InlineEditContext.Provider>;\n}\n"],"mappings":";;;;;;AASA,MAAM,oBAAoB,cAAmD,OAAU;;;;AAKvF,SAAgB,uBAAuB;CACrC,MAAM,UAAU,WAAW,kBAAkB;AAC7C,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,+BAA+B;AAC7D,QAAO;;;;;AAMT,SAAgB,mBAAmB,EACjC,UACA,GAAG,SACuD;AAC1D,QAAO,oBAAC,kBAAkB;EAAgB;EAAQ;GAAsC"}

package/dist/modules/inline-edit/hooks/use-inline.client.d.mts

@@ -0,0 +1,16 @@
+import { Permission } from "../../auth/lib/permissions.mjs";
+import "react";
+import { JSONContent } from "@tiptap/react";
+
+//#region src/modules/inline-edit/hooks/use-inline.client.d.ts
+type useInlineEditOptions<TValue> = {
+  initialValue?: TValue;
+  action: (value: {
+    id: string;
+    value: TValue;
+  }) => Promise<unknown>;
+  permission?: Permission;
+};
+//#endregion
+export { useInlineEditOptions };
+//# sourceMappingURL=use-inline.client.d.mts.map

package/dist/modules/inline-edit/hooks/use-inline.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-inline.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY;iBACK;;IADL,EAAA,EAAA,MAAA;IACK,KAAA,EACsB,MADtB;EACsB,CAAA,EAAA,GAAa,OAAb,CAAA,OAAA,CAAA;EAAa,UAAA,CAAA,EACrC,UADqC;CACrC"}

package/dist/modules/inline-edit/hooks/use-inline.client.mjs

@@ -0,0 +1,56 @@
+"use client";
+
+import { useAction } from "../../../lib/hooks/use-action.mjs";
+import { usePermission } from "../../auth/hooks/use-permission.mjs";
+import { useInlineEditContext } from "./context.client.mjs";
+import { useState } from "react";
+import { toast } from "sonner";
+
+//#region src/modules/inline-edit/hooks/use-inline.client.tsx
+function useInlineEdit(props) {
+	/**
+	* The inline edit context.
+	*/
+	const context = useInlineEditContext();
+	const { data } = usePermission(props.permission ?? context.permission);
+	const isAllowed = data?.success;
+	/**
+	* The current value of the inline edit.
+	*/
+	const [value, setValue] = useState(props.initialValue);
+	/**
+	* Execute the action to update the value.
+	*/
+	const { mutate, status } = useAction({
+		mutationFn: props.action,
+		onError: (error) => {
+			setValue(props.initialValue);
+			toast.error("Er is iets misgegaan", { description: error instanceof Error ? error.message : void 0 });
+		}
+	});
+	/**
+	* Handle the update of the value.
+	*/
+	const handleUpdate = (value$1) => {
+		if (!isAllowed) {
+			toast.error("Je hebt geen toestemming om dit te bewerken");
+			return;
+		}
+		if (value$1 === props.initialValue) return;
+		return mutate({
+			id: context.id,
+			value: value$1
+		});
+	};
+	return {
+		value,
+		setValue,
+		handleUpdate,
+		status,
+		isAllowed
+	};
+}
+
+//#endregion
+export { useInlineEdit };
+//# sourceMappingURL=use-inline.client.mjs.map

package/dist/modules/inline-edit/hooks/use-inline.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-inline.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { JSONContent } from \"@tiptap/react\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useInlineEditContext } from \"./context.client\";\n\nexport type useInlineEditOptions<TValue> = {\n  initialValue?: TValue;\n  action: (value: { id: string; value: TValue }) => Promise<unknown>;\n  permission?: Permission;\n};\n\nexport function useInlineEdit<\n  TValue extends string | number | Date | boolean | JSON | JSONContent | undefined,\n>(props: useInlineEditOptions<TValue>) {\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  const { data } = usePermission(props.permission ?? context.permission);\n  const isAllowed = data?.success;\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState(props.initialValue);\n\n  /**\n   * Execute the action to update the value.\n   */\n  const { mutate, status } = useAction({\n    mutationFn: props.action,\n    onError: (error) => {\n      setValue(props.initialValue);\n      toast.error(\"Er is iets misgegaan\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n    },\n  });\n\n  /**\n   * Handle the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\n    if (!isAllowed) {\n      toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n      return;\n    }\n\n    // If the value is the same as the initial value, do nothing\n    if (value === props.initialValue) return;\n\n    return mutate({ id: context.id, value });\n  };\n\n  return { value, setValue, handleUpdate, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,cAEd,OAAqC;;;;CAIrC,MAAM,UAAU,sBAAsB;CAEtC,MAAM,EAAE,SAAS,cAAc,MAAM,cAAc,QAAQ,WAAW;CACtE,MAAM,YAAY,MAAM;;;;CAKxB,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM,aAAa;;;;CAKtD,MAAM,EAAE,QAAQ,WAAW,UAAU;EACnC,YAAY,MAAM;EAClB,UAAU,UAAU;AAClB,YAAS,MAAM,aAAa;AAC5B,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,MAAM,aAAc;AAElC,SAAO,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;;AAG1C,QAAO;EAAE;EAAO;EAAU;EAAc;EAAQ;EAAW"}