udp-react-enterprise-component-library 26.5.0-beta.9 → 26.5.0

package/dist/test/TestStencilWrappedComponentsPage.mjs

@@ -1,463 +0,0 @@
-import { ClientSideUdpGrid } from "../UI/templates/newGrid/ClientSideUdpGrid.mjs";
-import { c } from "react-compiler-runtime";
-import React, { useEffect, useRef, useState } from "react";
-import { UdpCompoundButton, UdpField, UdpFluentButton, UdpFluentCheckbox, UdpFluentDialog, UdpFluentDrawer, UdpFluentMenu, UdpFluentTablist, UdpFluentTextInput, UdpFormComponent, UdpIcon, UdpTabPanel } from "udp-react-stencil-component-library";
-//#region src/test/TestStencilWrappedComponentsPage.tsx
-const checkboxMenuItems = [
-	{
-		id: "c1-1",
-		text: "Checkbox 1-A",
-		sectionNumber: 1,
-		type: "checkbox"
-	},
-	{
-		id: "c1-2",
-		text: "Checkbox 1-B",
-		sectionNumber: 1,
-		type: "checkbox"
-	},
-	{
-		id: "c2-1",
-		text: "Checkbox 2-A",
-		sectionNumber: 2,
-		type: "checkbox"
-	},
-	{
-		id: "c2-2",
-		text: "Checkbox 2-B",
-		sectionNumber: 2,
-		type: "checkbox"
-	},
-	{
-		id: "c3",
-		text: "More Options"
-	},
-	{
-		id: "c3-1",
-		text: "Sub Checkbox 1",
-		parentId: "c3",
-		type: "checkbox"
-	},
-	{
-		id: "c3-2",
-		text: "Sub Checkbox 2",
-		parentId: "c3",
-		type: "checkbox"
-	}
-];
-const mustHaveExclamation = (value) => {
-	if (!value) return void 0;
-	if (typeof value === "string" && value.includes("!")) return;
-	return "You must include an exclamation mark (!)";
-};
-const TestStencilWrappedComponentsPage = () => {
-	const $ = c(56);
-	const [open, setOpen] = useState(false);
-	const [dialogOpen, setDialogOpen] = useState(false);
-	const [formDrawerOpen, setFormDrawerOpen] = useState(false);
-	const [activeTab, setActiveTab] = useState("tab1");
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = {};
-		$[0] = t0;
-	} else t0 = $[0];
-	const [formData, setFormData] = useState(t0);
-	const [isLoading, setIsLoading] = useState(true);
-	const formInstance = useRef(null);
-	let t1;
-	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = () => {
-			console.log("Fetching data...");
-			const timer = setTimeout(() => {
-				setFormData({
-					firstName: "Async John",
-					email: "async_john@example.com",
-					age: "45",
-					newsletter: true,
-					exclamation: "Late arrival!"
-				});
-				setIsLoading(false);
-			}, 2e3);
-			return () => clearTimeout(timer);
-		};
-		t2 = [];
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t1 = $[1];
-		t2 = $[2];
-	}
-	useEffect(t1, t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			setOpen(false);
-		};
-		$[3] = t3;
-	} else t3 = $[3];
-	const handleDrawerClose = t3;
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => {
-			setDialogOpen(false);
-		};
-		$[4] = t4;
-	} else t4 = $[4];
-	const handleDialogClose = t4;
-	let t5;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => {
-			setFormDrawerOpen(false);
-		};
-		$[5] = t5;
-	} else t5 = $[5];
-	const handleFormDrawerClose = t5;
-	let t6;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (values) => {
-			console.log("Form submitted with values:", values);
-			setFormDrawerOpen(false);
-		};
-		$[6] = t6;
-	} else t6 = $[6];
-	const handleFormSubmit = t6;
-	const validateForm = _temp;
-	let t7;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (e) => {
-			formInstance.current = e.detail;
-		};
-		$[7] = t7;
-	} else t7 = $[7];
-	const handleFormReady = t7;
-	let t8;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = {
-			display: "flex",
-			flexDirection: "column"
-		};
-		$[8] = t8;
-	} else t8 = $[8];
-	let t9;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ React.createElement(UdpFluentButton, { onClick: () => setOpen(true) }, "Open Sidesheet");
-		$[9] = t9;
-	} else t9 = $[9];
-	let t10;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ React.createElement(UdpFluentButton, { onClick: () => setFormDrawerOpen(true) }, "Open Form Drawer");
-		$[10] = t10;
-	} else t10 = $[10];
-	let t11;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ React.createElement(UdpCompoundButton, {
-			appearance: "transparent",
-			shape: "rounded",
-			size: "medium",
-			onClick: _temp2
-		}, /* @__PURE__ */ React.createElement("span", { slot: "description" }, "Description content"), /* @__PURE__ */ React.createElement(UdpIcon, {
-			iconName: "add",
-			slot: "start",
-			color: "inherit"
-		}), "Compound Button");
-		$[11] = t11;
-	} else t11 = $[11];
-	let t12;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ React.createElement(ClientSideUdpGrid, {
-			columnDefs: [
-				{ field: "make" },
-				{ field: "model" },
-				{ field: "price" }
-			],
-			rowData: [
-				{
-					make: "Toyota",
-					model: "Celica",
-					price: 35e3
-				},
-				{
-					make: "Ford",
-					model: "Mondeo",
-					price: 32e3
-				},
-				{
-					make: "Porsche",
-					model: "Boxster",
-					price: 72e3
-				}
-			]
-		});
-		$[12] = t12;
-	} else t12 = $[12];
-	let t13;
-	if ($[13] !== open) {
-		t13 = /* @__PURE__ */ React.createElement(UdpFluentDrawer, {
-			open,
-			onDrawerClose: handleDrawerClose,
-			title: "Drawer Title"
-		}, t12);
-		$[13] = open;
-		$[14] = t13;
-	} else t13 = $[14];
-	let t14;
-	if ($[15] !== formData || $[16] !== isLoading) {
-		t14 = isLoading ? /* @__PURE__ */ React.createElement("div", null, "Loading form data...") : /* @__PURE__ */ React.createElement(UdpFormComponent, {
-			id: "user-form",
-			validate: validateForm,
-			onFormReady: handleFormReady,
-			onSubmit: handleFormSubmit,
-			initialValues: formData
-		}, /* @__PURE__ */ React.createElement("div", { style: {
-			display: "flex",
-			gap: "1rem",
-			flexDirection: "column"
-		} }, /* @__PURE__ */ React.createElement(UdpField, { name: "firstName" }, /* @__PURE__ */ React.createElement(UdpFluentTextInput, { label: "First Name" })), /* @__PURE__ */ React.createElement(UdpField, { name: "email" }, /* @__PURE__ */ React.createElement(UdpFluentTextInput, {
-			label: "Email Address",
-			type: "email",
-			autoFocus: true,
-			controlSize: "large",
-			value: "jordanatchison@univerus.com"
-		})), /* @__PURE__ */ React.createElement(UdpField, { name: "age" }, /* @__PURE__ */ React.createElement(UdpFluentTextInput, {
-			label: "Age",
-			required: true
-		})), /* @__PURE__ */ React.createElement(UdpField, {
-			name: "exclamation",
-			validate: mustHaveExclamation
-		}, /* @__PURE__ */ React.createElement(UdpFluentTextInput, {
-			label: "Exclamation",
-			hint: "exclamation mark please"
-		})), /* @__PURE__ */ React.createElement(UdpField, { name: "newsletter" }, /* @__PURE__ */ React.createElement(UdpFluentCheckbox, {
-			disabled: true,
-			label: "Subscribe to newsletter",
-			hint: "We will only send you emails about important updates"
-		}))));
-		$[15] = formData;
-		$[16] = isLoading;
-		$[17] = t14;
-	} else t14 = $[17];
-	let t15;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ React.createElement(UdpFluentButton, {
-			appearance: "primary",
-			slot: "footer",
-			onClick: () => void formInstance.current?.submit()
-		}, "Submit Form");
-		$[18] = t15;
-	} else t15 = $[18];
-	let t16;
-	if ($[19] !== formDrawerOpen || $[20] !== t14) {
-		t16 = /* @__PURE__ */ React.createElement(UdpFluentDrawer, {
-			open: formDrawerOpen,
-			onDrawerClose: handleFormDrawerClose
-		}, t14, t15);
-		$[19] = formDrawerOpen;
-		$[20] = t14;
-		$[21] = t16;
-	} else t16 = $[21];
-	let t17;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = {
-			display: "flex",
-			flexDirection: "column",
-			gap: "1rem",
-			marginTop: "2rem"
-		};
-		$[22] = t17;
-	} else t17 = $[22];
-	let t18;
-	let t19;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = (e_0) => setActiveTab(e_0.detail);
-		t19 = [
-			{
-				id: "tab1",
-				label: "Tab 1 (Static)"
-			},
-			{
-				id: "tab2",
-				label: "Tab 2 (Lazy)"
-			},
-			{
-				id: "tab3",
-				label: "Tab 3 (Default Lazy)"
-			}
-		];
-		$[23] = t18;
-		$[24] = t19;
-	} else {
-		t18 = $[23];
-		t19 = $[24];
-	}
-	let t20;
-	if ($[25] !== activeTab) {
-		t20 = /* @__PURE__ */ React.createElement(UdpFluentTablist, {
-			activeId: activeTab,
-			appearance: "transparent",
-			size: "small",
-			orientation: "vertical",
-			onTabChange: t18,
-			tabList: t19
-		});
-		$[25] = activeTab;
-		$[26] = t20;
-	} else t20 = $[26];
-	let t21;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = {
-			padding: "1rem",
-			border: "1px solid #ccc"
-		};
-		$[27] = t21;
-	} else t21 = $[27];
-	let t22;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t22 = /* @__PURE__ */ React.createElement("h3", null, "Dialog Example");
-		$[28] = t22;
-	} else t22 = $[28];
-	let t23;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = /* @__PURE__ */ React.createElement(UdpFluentButton, { onClick: () => setDialogOpen(true) }, "Open Dialog");
-		$[29] = t23;
-	} else t23 = $[29];
-	let t24;
-	let t25;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t24 = /* @__PURE__ */ React.createElement(UdpFluentButton, {
-			slot: "action",
-			onClick: handleDialogClose
-		}, "Submit");
-		t25 = /* @__PURE__ */ React.createElement("div", null, "This is a simple dialog example.");
-		$[30] = t24;
-		$[31] = t25;
-	} else {
-		t24 = $[30];
-		t25 = $[31];
-	}
-	let t26;
-	if ($[32] !== dialogOpen) {
-		t26 = /* @__PURE__ */ React.createElement(UdpFluentDialog, {
-			open: dialogOpen,
-			title: "Example Dialog",
-			onDialogClose: handleDialogClose
-		}, t24, t25);
-		$[32] = dialogOpen;
-		$[33] = t26;
-	} else t26 = $[33];
-	let t27;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t27 = /* @__PURE__ */ React.createElement(UdpFluentMenu, {
-			items: checkboxMenuItems,
-			onClick: _temp3,
-			label: "Menu"
-		});
-		$[34] = t27;
-	} else t27 = $[34];
-	let t28;
-	if ($[35] !== activeTab || $[36] !== t26) {
-		t28 = /* @__PURE__ */ React.createElement(UdpTabPanel, {
-			id: "tab1",
-			activeTabId: activeTab
-		}, t22, t23, t26, t27);
-		$[35] = activeTab;
-		$[36] = t26;
-		$[37] = t28;
-	} else t28 = $[37];
-	let t29;
-	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-		t29 = /* @__PURE__ */ React.createElement(ClientSideUdpGrid, {
-			columnDefs: [
-				{ field: "make" },
-				{ field: "model" },
-				{ field: "price" }
-			],
-			rowData: [
-				{
-					make: "Toyota",
-					model: "Celica",
-					price: 35e3
-				},
-				{
-					make: "Ford",
-					model: "Mondeo",
-					price: 32e3
-				},
-				{
-					make: "Porsche",
-					model: "Boxster",
-					price: 72e3
-				}
-			]
-		});
-		$[38] = t29;
-	} else t29 = $[38];
-	let t30;
-	if ($[39] !== activeTab) {
-		t30 = /* @__PURE__ */ React.createElement(UdpTabPanel, {
-			id: "tab2",
-			activeTabId: activeTab
-		}, t29);
-		$[39] = activeTab;
-		$[40] = t30;
-	} else t30 = $[40];
-	let t31;
-	let t32;
-	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-		t31 = /* @__PURE__ */ React.createElement("h3", null, "Tab 3 Content (Default Lazy)");
-		t32 = /* @__PURE__ */ React.createElement("p", null, "This content is lazy loaded by default.");
-		$[41] = t31;
-		$[42] = t32;
-	} else {
-		t31 = $[41];
-		t32 = $[42];
-	}
-	let t33;
-	if ($[43] !== activeTab) {
-		t33 = /* @__PURE__ */ React.createElement(UdpTabPanel, {
-			id: "tab3",
-			activeTabId: activeTab
-		}, t31, t32);
-		$[43] = activeTab;
-		$[44] = t33;
-	} else t33 = $[44];
-	let t34;
-	if ($[45] !== t28 || $[46] !== t30 || $[47] !== t33) {
-		t34 = /* @__PURE__ */ React.createElement("div", { style: t21 }, t28, t30, t33);
-		$[45] = t28;
-		$[46] = t30;
-		$[47] = t33;
-		$[48] = t34;
-	} else t34 = $[48];
-	let t35;
-	if ($[49] !== t20 || $[50] !== t34) {
-		t35 = /* @__PURE__ */ React.createElement("div", { style: t17 }, t20, t34);
-		$[49] = t20;
-		$[50] = t34;
-		$[51] = t35;
-	} else t35 = $[51];
-	let t36;
-	if ($[52] !== t13 || $[53] !== t16 || $[54] !== t35) {
-		t36 = /* @__PURE__ */ React.createElement("div", { style: t8 }, t9, t10, t11, t13, t16, t35);
-		$[52] = t13;
-		$[53] = t16;
-		$[54] = t35;
-		$[55] = t36;
-	} else t36 = $[55];
-	return t36;
-};
-function _temp(values_0) {
-	const errors = {};
-	console.log("Validating:", values_0);
-	return errors;
-}
-function _temp2() {
-	return console.log("Compound Button Clicked");
-}
-function _temp3(item) {
-	return console.log(item);
-}
-//#endregion
-export { TestStencilWrappedComponentsPage };
-
-//# sourceMappingURL=TestStencilWrappedComponentsPage.mjs.map

package/dist/test/TestStencilWrappedComponentsPage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestStencilWrappedComponentsPage.mjs","names":["React","useState","useEffect","useRef","UdpFluentButton","UdpFluentDrawer","UdpFluentTablist","UdpTabPanel","UdpFluentDialog","UdpFluentTextInput","UdpFluentCheckbox","UdpFormComponent","UdpField","UdpFluentMenu","UdpCompoundButton","UdpIcon","ClientSideUdpGrid","FormApi","checkboxMenuItems","id","text","sectionNumber","type","parentId","TestFormValues","firstName","email","age","newsletter","exclamation","mustHaveExclamation","value","undefined","includes","TestStencilWrappedComponentsPage","$","_c","open","setOpen","dialogOpen","setDialogOpen","formDrawerOpen","setFormDrawerOpen","activeTab","setActiveTab","t0","Symbol","for","formData","setFormData","isLoading","setIsLoading","formInstance","t1","t2","console","log","timer","setTimeout","clearTimeout","t3","handleDrawerClose","t4","handleDialogClose","t5","handleFormDrawerClose","t6","values","handleFormSubmit","validateForm","_temp","t7","e","current","detail","handleFormReady","t8","display","flexDirection","t9","t10","t11","_temp2","t12","field","make","model","price","t13","t14","gap","t15","submit","t16","t17","marginTop","t18","t19","e_0","label","t20","t21","padding","border","t22","t23","t24","t25","t26","t27","_temp3","t28","t29","t30","t31","t32","t33","t34","t35","t36","values_0","errors","item"],"sources":["../../src/test/TestStencilWrappedComponentsPage.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport {\n  UdpFluentButton,\n  UdpFluentDrawer,\n  UdpFluentTablist,\n  UdpTabPanel,\n  UdpFluentDialog,\n  UdpFluentTextInput,\n  UdpFluentCheckbox,\n  UdpFormComponent,\n  UdpField,\n  UdpFluentMenu,\n  UdpCompoundButton,\n  UdpIcon\n} from '@univerus/udp-react-stencil-component-library';\nimport { ClientSideUdpGrid } from '../UI/templates/newGrid';\nimport { FormApi } from 'final-form';\n\nconst checkboxMenuItems = [\n  {\n    id: 'c1-1',\n    text: 'Checkbox 1-A',\n    sectionNumber: 1,\n    type: 'checkbox'\n  },\n  {\n    id: 'c1-2',\n    text: 'Checkbox 1-B',\n    sectionNumber: 1,\n    type: 'checkbox'\n  },\n  {\n    id: 'c2-1',\n    text: 'Checkbox 2-A',\n    sectionNumber: 2,\n    type: 'checkbox'\n  },\n  {\n    id: 'c2-2',\n    text: 'Checkbox 2-B',\n    sectionNumber: 2,\n    type: 'checkbox'\n  },\n  { id: 'c3', text: 'More Options' },\n  {\n    id: 'c3-1',\n    text: 'Sub Checkbox 1',\n    parentId: 'c3',\n    type: 'checkbox'\n  },\n  {\n    id: 'c3-2',\n    text: 'Sub Checkbox 2',\n    parentId: 'c3',\n    type: 'checkbox'\n  }\n];\n\n// This file is meant to import react wrapped stencil components and test them individually\n\ninterface TestFormValues {\n  firstName?: string;\n  email?: string;\n  age?: string;\n  newsletter?: boolean;\n  exclamation?: string;\n}\n\nconst mustHaveExclamation = (value: unknown) => {\n  // 1. Skip validation if empty (let 'required' handle empty states)\n  if (!value) return undefined;\n\n  // 2. Check logic\n  if (typeof value === 'string' && value.includes('!')) {\n    return undefined; // Valid\n  }\n\n  // 3. Return error message\n  return 'You must include an exclamation mark (!)';\n};\n\nexport const TestStencilWrappedComponentsPage = () => {\n  const [open, setOpen] = useState(false);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [formDrawerOpen, setFormDrawerOpen] = useState(false);\n  const [activeTab, setActiveTab] = useState('tab1');\n  const [formData, setFormData] = useState<TestFormValues>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const formInstance = useRef<FormApi | null>(null);\n\n  useEffect(() => {\n    // Simulate an API call taking 2 seconds\n    console.log('Fetching data...');\n    const timer = setTimeout(() => {\n      setFormData({\n        firstName: 'Async John',\n        email: 'async_john@example.com',\n        age: '45', // Note: Strings are safer for inputs than numbers\n        newsletter: true,\n        exclamation: 'Late arrival!'\n      });\n      setIsLoading(false);\n    }, 2000);\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  const handleDrawerClose = () => {\n    setOpen(false);\n  };\n\n  const handleDialogClose = () => {\n    setDialogOpen(false);\n  };\n\n  const handleFormDrawerClose = () => {\n    setFormDrawerOpen(false);\n  };\n\n  const handleFormSubmit = (values: TestFormValues) => {\n    console.log('Form submitted with values:', values);\n    setFormDrawerOpen(false);\n  };\n\n  const validateForm = (values: TestFormValues) => {\n    const errors: Partial<Record<keyof TestFormValues, string>> = {};\n    console.log('Validating:', values);\n    return errors;\n  };\n\n  const handleFormReady = (e: CustomEvent<FormApi>) => {\n    formInstance.current = e.detail;\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column'\n      }}\n    >\n      <UdpFluentButton onClick={() => setOpen(true)}>\n        Open Sidesheet\n      </UdpFluentButton>\n      <UdpFluentButton onClick={() => setFormDrawerOpen(true)}>\n        Open Form Drawer\n      </UdpFluentButton>\n      <UdpCompoundButton\n        appearance='transparent'\n        shape='rounded'\n        size='medium'\n        onClick={() => console.log('Compound Button Clicked')}\n      >\n        <span slot='description'>Description content</span>\n        <UdpIcon iconName='add' slot='start' color='inherit'></UdpIcon>\n        Compound Button\n      </UdpCompoundButton>\n      <UdpFluentDrawer\n        open={open}\n        onDrawerClose={handleDrawerClose}\n        title='Drawer Title'\n      >\n        <ClientSideUdpGrid\n          columnDefs={[\n            { field: 'make' },\n            { field: 'model' },\n            { field: 'price' }\n          ]}\n          rowData={[\n            { make: 'Toyota', model: 'Celica', price: 35000 },\n            { make: 'Ford', model: 'Mondeo', price: 32000 },\n            { make: 'Porsche', model: 'Boxster', price: 72000 }\n          ]}\n        />\n      </UdpFluentDrawer>\n\n      <UdpFluentDrawer\n        open={formDrawerOpen}\n        onDrawerClose={handleFormDrawerClose}\n      >\n        {isLoading ? (\n          <div>Loading form data...</div>\n        ) : (\n          <UdpFormComponent\n            id='user-form'\n            validate={validateForm}\n            onFormReady={handleFormReady}\n            onSubmit={handleFormSubmit}\n            initialValues={formData}\n          >\n            <div\n              style={{ display: 'flex', gap: '1rem', flexDirection: 'column' }}\n            >\n              <UdpField name='firstName'>\n                <UdpFluentTextInput label='First Name'></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='email'>\n                <UdpFluentTextInput\n                  label='Email Address'\n                  type='email'\n                  autoFocus={true}\n                  controlSize='large'\n                  value='jordanatchison@univerus.com'\n                ></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='age'>\n                <UdpFluentTextInput label='Age' required></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='exclamation' validate={mustHaveExclamation}>\n                <UdpFluentTextInput\n                  label='Exclamation'\n                  hint='exclamation mark please'\n                ></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='newsletter'>\n                <UdpFluentCheckbox\n                  disabled\n                  label='Subscribe to newsletter'\n                  hint='We will only send you emails about important updates'\n                ></UdpFluentCheckbox>\n              </UdpField>\n            </div>\n          </UdpFormComponent>\n        )}\n\n        <UdpFluentButton\n          appearance='primary'\n          slot='footer'\n          onClick={() => void formInstance.current?.submit()}\n        >\n          Submit Form\n        </UdpFluentButton>\n      </UdpFluentDrawer>\n\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '1rem',\n          marginTop: '2rem'\n        }}\n      >\n        <UdpFluentTablist\n          activeId={activeTab}\n          appearance='transparent'\n          size='small'\n          orientation='vertical'\n          onTabChange={(e: CustomEvent<string>) => setActiveTab(e.detail)}\n          tabList={[\n            { id: 'tab1', label: 'Tab 1 (Static)' },\n            { id: 'tab2', label: 'Tab 2 (Lazy)' },\n            { id: 'tab3', label: 'Tab 3 (Default Lazy)' }\n          ]}\n        />\n        <div style={{ padding: '1rem', border: '1px solid #ccc' }}>\n          <UdpTabPanel id='tab1' activeTabId={activeTab}>\n            <h3>Dialog Example</h3>\n            <UdpFluentButton onClick={() => setDialogOpen(true)}>\n              Open Dialog\n            </UdpFluentButton>\n            <UdpFluentDialog\n              open={dialogOpen}\n              title='Example Dialog'\n              onDialogClose={handleDialogClose}\n            >\n              <UdpFluentButton slot='action' onClick={handleDialogClose}>\n                Submit\n              </UdpFluentButton>\n              <div>This is a simple dialog example.</div>\n            </UdpFluentDialog>\n            <UdpFluentMenu\n              items={checkboxMenuItems}\n              onClick={(item: unknown) => console.log(item)}\n              label='Menu'\n            ></UdpFluentMenu>\n          </UdpTabPanel>\n\n          <UdpTabPanel id='tab2' activeTabId={activeTab}>\n            <ClientSideUdpGrid\n              columnDefs={[\n                { field: 'make' },\n                { field: 'model' },\n                { field: 'price' }\n              ]}\n              rowData={[\n                { make: 'Toyota', model: 'Celica', price: 35000 },\n                { make: 'Ford', model: 'Mondeo', price: 32000 },\n                { make: 'Porsche', model: 'Boxster', price: 72000 }\n              ]}\n            />\n          </UdpTabPanel>\n\n          <UdpTabPanel id='tab3' activeTabId={activeTab}>\n            <h3>Tab 3 Content (Default Lazy)</h3>\n            <p>This content is lazy loaded by default.</p>\n          </UdpTabPanel>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/utilities/form/paymentForm/BankIcon.mjs

@@ -1,56 +0,0 @@
-import { c } from "react-compiler-runtime";
-import * as React$1 from "react";
-//#region src/utilities/form/paymentForm/BankIcon.tsx
-/**
-* BankIcon
-*
-* @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props
-* @return {*}
-*/
-const BankIcon = (props) => {
-	const $ = c(5);
-	const { color: t0 } = props;
-	const color = t0 === void 0 ? "#2196F3" : t0;
-	let t1;
-	if ($[0] !== color) {
-		t1 = /* @__PURE__ */ React$1.createElement("g", { "clip-path": "url(#clip0_3352_7830)" }, /* @__PURE__ */ React$1.createElement("path", {
-			d: "M5.82697 13.5073H8.13464C8.51697 13.5073 8.82697 13.1973 8.82697 12.815C8.82697 12.4327 8.51697 12.1227 8.13464 12.1227H6.98071V11.1996C6.98071 10.8171 6.67072 10.5073 6.28839 10.5073C5.90607 10.5073 5.59607 10.8171 5.59607 11.1996V12.1359C4.55914 12.251 3.75 13.1323 3.75 14.1996V14.8918C3.75 15.2743 4.06 15.5841 4.44232 15.5841H7.44232C7.44232 15.9659 7.13178 16.2764 6.75 16.2764H4.44232C4.06 16.2764 3.75 16.5864 3.75 16.9688C3.75 17.3511 4.06 17.6611 4.44232 17.6611H5.59607V18.5841C5.59607 18.9664 5.90607 19.2764 6.28839 19.2764C6.67072 19.2764 6.98071 18.9664 6.98071 18.5841V17.6479C8.01782 17.5327 8.82697 16.6514 8.82697 15.5841V14.8918C8.82697 14.5095 8.51697 14.1996 8.13464 14.1996H5.13464C5.13464 13.8179 5.44519 13.5073 5.82697 13.5073Z",
-			fill: color
-		}), /* @__PURE__ */ React$1.createElement("path", {
-			d: "M24.0577 7.73804H20.6993L22.923 5.51422C23.7328 4.70453 23.7328 3.3869 22.923 2.57703C22.5308 2.18481 22.0093 1.96875 21.4545 1.96875C20.8997 1.96875 20.3782 2.18481 19.986 2.57703L14.825 7.73804H1.44232C1.06 7.73804 0.75 8.04803 0.75 8.43036V21.3534C0.75 21.7357 1.06 22.0457 1.44232 22.0457H24.0577C24.44 22.0457 24.75 21.7357 24.75 21.3534V8.43036C24.75 8.04803 24.44 7.73804 24.0577 7.73804ZM14.3903 12.089L12.9216 12.5786L13.411 11.1099L19.3332 5.18793L20.3123 6.16699L14.3903 12.089ZM21.4545 3.35339C21.6394 3.35339 21.8132 3.42554 21.9439 3.55627C22.2109 3.82306 22.2109 4.26837 21.9439 4.53534L21.2913 5.18811L20.3123 4.20905L20.965 3.55627C21.0958 3.42554 21.2695 3.35339 21.4545 3.35339ZM23.3654 20.6611H2.13464V9.12268H13.4403L12.3164 10.2466C12.2404 10.3226 12.1831 10.4152 12.1492 10.5172L11.1702 13.4544C11.0945 13.6811 11.127 13.9565 11.2703 14.1498C11.4001 14.3249 11.6089 14.4304 11.827 14.4304H21.0577C21.44 14.4304 21.75 14.1204 21.75 13.738C21.75 13.3557 21.44 13.0457 21.0577 13.0457H15.3917L19.3147 9.12268H23.3654V20.6611Z",
-			fill: color
-		}), /* @__PURE__ */ React$1.createElement("path", {
-			d: "M21.0579 16.0459H15.5195C15.1371 16.0459 14.8271 16.3559 14.8271 16.7382C14.8271 17.1205 15.1371 17.4305 15.5195 17.4305H21.0579C21.4402 17.4305 21.7502 17.1205 21.7502 16.7382C21.7502 16.3559 21.4402 16.0459 21.0579 16.0459Z",
-			fill: color
-		}));
-		$[0] = color;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("clipPath", { id: "clip0_3352_7830" }, /* @__PURE__ */ React$1.createElement("rect", {
-			width: "24",
-			height: "24",
-			fill: "white",
-			transform: "translate(0.75)"
-		})));
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== t1) {
-		t3 = /* @__PURE__ */ React$1.createElement("svg", {
-			width: "25",
-			height: "24",
-			viewBox: "0 0 25 24",
-			fill: "none",
-			xmlns: "http://www.w3.org/2000/svg"
-		}, t1, t2);
-		$[3] = t1;
-		$[4] = t3;
-	} else t3 = $[4];
-	return t3;
-};
-//#endregion
-export { BankIcon };
-
-//# sourceMappingURL=BankIcon.mjs.map

package/dist/utilities/form/paymentForm/BankIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BankIcon.mjs","names":["React","BankIcon","props","$","_c","color","t0","undefined","t1","t2","Symbol","for","t3"],"sources":["../../../../src/utilities/form/paymentForm/BankIcon.tsx"],"sourcesContent":["\nimport * as React from \"react\"\n\n/**\n * BankIcon\n *\n * @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props\n * @return {*}\n */\nexport const BankIcon = (props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>) => {\n\n  const { color = \"#2196F3\" } = props;\n\n  return (\n    <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g clip-path=\"url(#clip0_3352_7830)\">\n        <path d=\"M5.82697 13.5073H8.13464C8.51697 13.5073 8.82697 13.1973 8.82697 12.815C8.82697 12.4327 8.51697 12.1227 8.13464 12.1227H6.98071V11.1996C6.98071 10.8171 6.67072 10.5073 6.28839 10.5073C5.90607 10.5073 5.59607 10.8171 5.59607 11.1996V12.1359C4.55914 12.251 3.75 13.1323 3.75 14.1996V14.8918C3.75 15.2743 4.06 15.5841 4.44232 15.5841H7.44232C7.44232 15.9659 7.13178 16.2764 6.75 16.2764H4.44232C4.06 16.2764 3.75 16.5864 3.75 16.9688C3.75 17.3511 4.06 17.6611 4.44232 17.6611H5.59607V18.5841C5.59607 18.9664 5.90607 19.2764 6.28839 19.2764C6.67072 19.2764 6.98071 18.9664 6.98071 18.5841V17.6479C8.01782 17.5327 8.82697 16.6514 8.82697 15.5841V14.8918C8.82697 14.5095 8.51697 14.1996 8.13464 14.1996H5.13464C5.13464 13.8179 5.44519 13.5073 5.82697 13.5073Z\" fill={color} />\n        <path d=\"M24.0577 7.73804H20.6993L22.923 5.51422C23.7328 4.70453 23.7328 3.3869 22.923 2.57703C22.5308 2.18481 22.0093 1.96875 21.4545 1.96875C20.8997 1.96875 20.3782 2.18481 19.986 2.57703L14.825 7.73804H1.44232C1.06 7.73804 0.75 8.04803 0.75 8.43036V21.3534C0.75 21.7357 1.06 22.0457 1.44232 22.0457H24.0577C24.44 22.0457 24.75 21.7357 24.75 21.3534V8.43036C24.75 8.04803 24.44 7.73804 24.0577 7.73804ZM14.3903 12.089L12.9216 12.5786L13.411 11.1099L19.3332 5.18793L20.3123 6.16699L14.3903 12.089ZM21.4545 3.35339C21.6394 3.35339 21.8132 3.42554 21.9439 3.55627C22.2109 3.82306 22.2109 4.26837 21.9439 4.53534L21.2913 5.18811L20.3123 4.20905L20.965 3.55627C21.0958 3.42554 21.2695 3.35339 21.4545 3.35339ZM23.3654 20.6611H2.13464V9.12268H13.4403L12.3164 10.2466C12.2404 10.3226 12.1831 10.4152 12.1492 10.5172L11.1702 13.4544C11.0945 13.6811 11.127 13.9565 11.2703 14.1498C11.4001 14.3249 11.6089 14.4304 11.827 14.4304H21.0577C21.44 14.4304 21.75 14.1204 21.75 13.738C21.75 13.3557 21.44 13.0457 21.0577 13.0457H15.3917L19.3147 9.12268H23.3654V20.6611Z\" fill={color} />\n        <path d=\"M21.0579 16.0459H15.5195C15.1371 16.0459 14.8271 16.3559 14.8271 16.7382C14.8271 17.1205 15.1371 17.4305 15.5195 17.4305H21.0579C21.4402 17.4305 21.7502 17.1205 21.7502 16.7382C21.7502 16.3559 21.4402 16.0459 21.0579 16.0459Z\" fill={color} />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_3352_7830\">\n          <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.75)\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n};\n"],"mappings":";;;;;;;;;AASA,MAAaC,YAAWC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAEtB,MAAA,EAAAC,OAAAC,OAA8BJ;CAAtB,MAAAG,QAAAC,OAAAC,KAAAA,IAAA,YAAAD;CAAiB,IAAAE;AAAA,KAAAL,EAAA,OAAAE,OAAA;AAIrBG,OAAA,wBAAA,cAAA,KAAA,EAAa,aAAA,yBAIT,EAHF,wBAAA,cAAA,QAAA;GAAQ,GAAA;GAA0vBH,MAAAA;GAClwB,CAAA,EAAA,wBAAA,cAAA,QAAA;GAAQ,GAAA;GAA8hCA,MAAAA;GACtiC,CAAA,EAAA,wBAAA,cAAA,QAAA;GAAQ,GAAA;GAA0OA,MAAAA;GACpP,CAAA,CAAI;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AACJF,OAAA,wBAAA,cAAA,QAAA,MACE,wBAAA,cAAA,YAAA,EAAa,IAAA,mBAGf,EAFI,wBAAA,cAAA,QAAA;GAAY,OAAA;GAAY,QAAA;GAAU,MAAA;GAAkB,WAAA;GACtD,CAAA,CACF,CAAO;AAAAN,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAK,IAAA;AAVTI,OAAA,wBAAA,cAAA,OAAA;GAAW,OAAA;GAAY,QAAA;GAAa,SAAA;GAAiB,MAAA;GAAa,OAAA;GAW5D,EAVJJ,IAKAC,GAKI;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAXNS"}

package/dist/utilities/form/paymentForm/CashIcon.mjs

@@ -1,55 +0,0 @@
-import { c } from "react-compiler-runtime";
-import * as React$1 from "react";
-//#region src/utilities/form/paymentForm/CashIcon.tsx
-/**
-* CashIcon
-*
-* @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props
-* @return {*}
-*/
-const CashIcon = (props) => {
-	const $ = c(6);
-	const { color: t0 } = props;
-	const color = t0 === void 0 ? "#2196F3" : t0;
-	let t1;
-	if ($[0] !== color) {
-		t1 = /* @__PURE__ */ React$1.createElement("g", { "clip-path": "url(#clip0_3352_7835)" }, /* @__PURE__ */ React$1.createElement("path", {
-			d: "M23.5469 4.24902H0.953125C0.564812 4.24902 0.25 4.55927 0.25 4.94196V18.7099C0.25 19.0926 0.564812 19.4029 0.953125 19.4029H23.5469C23.9352 19.4029 24.25 19.0926 24.25 18.7099V4.94196C24.25 4.55927 23.9352 4.24902 23.5469 4.24902ZM1.65625 10.094C4.00342 9.78446 5.86684 7.94805 6.18091 5.63489H18.319C18.6331 7.94805 20.4965 9.78446 22.8438 10.094V13.5579C20.4965 13.8674 18.6331 15.7038 18.319 18.017H6.18091C5.86684 15.7038 4.00342 13.8674 1.65625 13.5579V10.094ZM22.8438 8.69014C21.2735 8.40469 20.0332 7.18236 19.7435 5.63489H22.8438V8.69014ZM4.75642 5.63489C4.46678 7.18236 3.22647 8.40469 1.65625 8.69014V5.63489H4.75642ZM1.65625 14.9618C3.22647 15.2472 4.46678 16.4695 4.75642 18.017H1.65625V14.9618ZM19.7435 18.017C20.0332 16.4695 21.2735 15.2472 22.8438 14.9618V18.017H19.7435Z",
-			fill: color
-		}), /* @__PURE__ */ React$1.createElement("path", {
-			d: "M13.0683 11.1408C12.5517 10.9609 11.9814 10.7443 11.6691 10.5029C11.6035 10.4522 11.5758 10.3114 11.6032 10.1681C11.6182 10.0897 11.6877 9.82792 11.9521 9.74938C12.4412 9.60414 12.7728 9.79401 12.8927 9.88233C13.2037 10.1114 13.6443 10.0487 13.8769 9.74222C14.1094 9.43571 14.0457 9.00148 13.7347 8.7723C13.6151 8.68416 13.3282 8.49827 12.9177 8.39137V8.25251C12.9177 7.86982 12.6029 7.55957 12.2146 7.55957C11.8263 7.55957 11.5115 7.86982 11.5115 8.25251V8.43419C10.8489 8.64521 10.3559 9.20741 10.2213 9.9113C10.0945 10.5743 10.3167 11.2188 10.8013 11.5933C11.2723 11.9574 11.944 12.219 12.5996 12.4474C13.0826 12.6156 13.097 12.9788 13.0626 13.1803C13.0043 13.522 12.7126 13.8912 12.2099 13.8946C11.6612 13.8982 11.5178 13.8759 11.1086 13.6121C10.7837 13.4026 10.3479 13.4924 10.1353 13.8126C9.92272 14.1329 10.0138 14.5623 10.3388 14.7718C10.7847 15.0593 11.1222 15.1893 11.5115 15.2443V15.3996C11.5115 15.7823 11.8263 16.0926 12.2146 16.0926C12.6029 16.0926 12.9177 15.7823 12.9177 15.3996V15.1709C13.7751 14.8969 14.3234 14.1487 14.4494 13.4101C14.6216 12.4006 14.0666 11.4886 13.0683 11.1408Z",
-			fill: color
-		}));
-		$[0] = color;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("clipPath", { id: "clip0_3352_7835" }, /* @__PURE__ */ React$1.createElement("rect", {
-			width: "24",
-			height: "23.6522",
-			fill: "white",
-			transform: "translate(0.25)"
-		})));
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== props || $[4] !== t1) {
-		t3 = /* @__PURE__ */ React$1.createElement("svg", {
-			width: "25",
-			height: "24",
-			viewBox: "0 0 25 24",
-			fill: "none",
-			xmlns: "http://www.w3.org/2000/svg",
-			...props
-		}, t1, t2);
-		$[3] = props;
-		$[4] = t1;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-};
-//#endregion
-export { CashIcon };
-
-//# sourceMappingURL=CashIcon.mjs.map

package/dist/utilities/form/paymentForm/CashIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CashIcon.mjs","names":["React","CashIcon","props","$","_c","color","t0","undefined","t1","t2","Symbol","for","t3"],"sources":["../../../../src/utilities/form/paymentForm/CashIcon.tsx"],"sourcesContent":["import * as React from \"react\"\n\n/**\n * CashIcon\n *\n * @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props\n * @return {*}\n */\nexport const CashIcon = (props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>) => {\n\n  const { color = \"#2196F3\" } = props;\n\n  return (\n    <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <g clip-path=\"url(#clip0_3352_7835)\">\n        <path d=\"M23.5469 4.24902H0.953125C0.564812 4.24902 0.25 4.55927 0.25 4.94196V18.7099C0.25 19.0926 0.564812 19.4029 0.953125 19.4029H23.5469C23.9352 19.4029 24.25 19.0926 24.25 18.7099V4.94196C24.25 4.55927 23.9352 4.24902 23.5469 4.24902ZM1.65625 10.094C4.00342 9.78446 5.86684 7.94805 6.18091 5.63489H18.319C18.6331 7.94805 20.4965 9.78446 22.8438 10.094V13.5579C20.4965 13.8674 18.6331 15.7038 18.319 18.017H6.18091C5.86684 15.7038 4.00342 13.8674 1.65625 13.5579V10.094ZM22.8438 8.69014C21.2735 8.40469 20.0332 7.18236 19.7435 5.63489H22.8438V8.69014ZM4.75642 5.63489C4.46678 7.18236 3.22647 8.40469 1.65625 8.69014V5.63489H4.75642ZM1.65625 14.9618C3.22647 15.2472 4.46678 16.4695 4.75642 18.017H1.65625V14.9618ZM19.7435 18.017C20.0332 16.4695 21.2735 15.2472 22.8438 14.9618V18.017H19.7435Z\" fill={color} />\n        <path d=\"M13.0683 11.1408C12.5517 10.9609 11.9814 10.7443 11.6691 10.5029C11.6035 10.4522 11.5758 10.3114 11.6032 10.1681C11.6182 10.0897 11.6877 9.82792 11.9521 9.74938C12.4412 9.60414 12.7728 9.79401 12.8927 9.88233C13.2037 10.1114 13.6443 10.0487 13.8769 9.74222C14.1094 9.43571 14.0457 9.00148 13.7347 8.7723C13.6151 8.68416 13.3282 8.49827 12.9177 8.39137V8.25251C12.9177 7.86982 12.6029 7.55957 12.2146 7.55957C11.8263 7.55957 11.5115 7.86982 11.5115 8.25251V8.43419C10.8489 8.64521 10.3559 9.20741 10.2213 9.9113C10.0945 10.5743 10.3167 11.2188 10.8013 11.5933C11.2723 11.9574 11.944 12.219 12.5996 12.4474C13.0826 12.6156 13.097 12.9788 13.0626 13.1803C13.0043 13.522 12.7126 13.8912 12.2099 13.8946C11.6612 13.8982 11.5178 13.8759 11.1086 13.6121C10.7837 13.4026 10.3479 13.4924 10.1353 13.8126C9.92272 14.1329 10.0138 14.5623 10.3388 14.7718C10.7847 15.0593 11.1222 15.1893 11.5115 15.2443V15.3996C11.5115 15.7823 11.8263 16.0926 12.2146 16.0926C12.6029 16.0926 12.9177 15.7823 12.9177 15.3996V15.1709C13.7751 14.8969 14.3234 14.1487 14.4494 13.4101C14.6216 12.4006 14.0666 11.4886 13.0683 11.1408Z\" fill={color} />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_3352_7835\">\n          <rect width=\"24\" height=\"23.6522\" fill=\"white\" transform=\"translate(0.25)\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n};\n"],"mappings":";;;;;;;;;AAQA,MAAaC,YAAWC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAEtB,MAAA,EAAAC,OAAAC,OAA8BJ;CAAtB,MAAAG,QAAAC,OAAAC,KAAAA,IAAA,YAAAD;CAAiB,IAAAE;AAAA,KAAAL,EAAA,OAAAE,OAAA;AAIrBG,OAAA,wBAAA,cAAA,KAAA,EAAa,aAAA,yBAGT,EAFF,wBAAA,cAAA,QAAA;GAAQ,GAAA;GAA2xBH,MAAAA;GACnyB,CAAA,EAAA,wBAAA,cAAA,QAAA;GAAQ,GAAA;GAAolCA,MAAAA;GAC9lC,CAAA,CAAI;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AACJF,OAAA,wBAAA,cAAA,QAAA,MACE,wBAAA,cAAA,YAAA,EAAa,IAAA,mBAGf,EAFI,wBAAA,cAAA,QAAA;GAAY,OAAA;GAAY,QAAA;GAAe,MAAA;GAAkB,WAAA;GAC3D,CAAA,CACF,CAAO;AAAAN,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAD,SAAAC,EAAA,OAAAK,IAAA;AATTI,OAAA,wBAAA,cAAA,OAAA;GAAW,OAAA;GAAY,QAAA;GAAa,SAAA;GAAiB,MAAA;GAAa,OAAA;GAA4B,GAAKV;GAU7F,EATJM,IAIAC,GAKI;AAAAN,IAAA,KAAAD;AAAAC,IAAA,KAAAK;AAAAL,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAVNS"}