@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.20

package/dist/src/components/data-table.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../shadcn/components/ui/table.js";
+export function DataTable({ columns, data, stickyHeader = false }) {
+    "use no memo";
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        columnResizeMode: "onChange",
+        enableColumnResizing: true
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        className: "overflow-hidden w-full h-full",
+        children: /*#__PURE__*/ _jsxs(Table, {
+            className: "relative border-spacing-0 border-separate w-full",
+            children: [
+                /*#__PURE__*/ _jsx(TableHeader, {
+                    children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ _jsx(TableRow, {
+                            children: headerGroup.headers.map((header)=>{
+                                return /*#__PURE__*/ _jsxs(TableHead, {
+                                    className: `relative group border ${stickyHeader ? "sticky top-0 z-10 bg-bg-secondary text-elements-assistive" : ""}`,
+                                    style: {
+                                        width: header.column.getIndex() === headerGroup.headers.length - 1 ? "100%" : header.getSize()
+                                    },
+                                    children: [
+                                        header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()),
+                                        header.column.getCanResize() && /*#__PURE__*/ _jsx("div", {
+                                            onMouseDown: header.getResizeHandler(),
+                                            onTouchStart: header.getResizeHandler(),
+                                            className: `hidden group-hover:block absolute top-0 right-0 h-full w-1 bg-border-secondary cursor-col-resize hover:bg-border-secondary`,
+                                            style: {
+                                                userSelect: "none",
+                                                touchAction: "none"
+                                            }
+                                        })
+                                    ]
+                                }, header.id);
+                            })
+                        }, headerGroup.id))
+                }),
+                /*#__PURE__*/ _jsx(TableBody, {
+                    children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row)=>/*#__PURE__*/ _jsx(TableRow, {
+                            "data-state": row.getIsSelected() && "selected",
+                            children: row.getVisibleCells().map((cell)=>/*#__PURE__*/ _jsx(TableCell, {
+                                    className: "border",
+                                    style: {
+                                        width: cell.column.getIndex() === row.getVisibleCells().length - 1 ? "100%" : cell.column.getSize()
+                                    },
+                                    children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                                }, cell.id))
+                        }, row.id)) : /*#__PURE__*/ _jsx(TableRow, {
+                        children: /*#__PURE__*/ _jsx(TableCell, {
+                            colSpan: columns.length,
+                            className: "h-24 text-center",
+                            children: "No results."
+                        })
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=data-table.js.map

package/dist/src/components/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n\ttype AccessorKeyColumnDef,\n\ttype ColumnDef,\n\tflexRender,\n\tgetCoreRowModel,\n\tuseReactTable,\n} from \"@tanstack/react-table\";\n\nimport {\n\tTable,\n\tTableBody,\n\tTableCell,\n\tTableHead,\n\tTableHeader,\n\tTableRow,\n} from \"../shadcn/components/ui/table\";\n\nexport interface DataTableProps<TData> {\n\t// It is not possible to allow arbitrary and nested data structures\n\t// and have more type safety. Note that the useReactTable type definition\n\t// is exactly the same.\n\t// There is an open issue: https://github.com/TanStack/table/issues/4382\n\t// biome-ignore lint/suspicious/noExplicitAny: cannot be stricter while being a useful library\n\tcolumns: ColumnDef<TData, any>[];\n\tdata: TData[];\n\tstickyHeader?: boolean;\n}\n\nexport function DataTable<TData>({\n\tcolumns,\n\tdata,\n\tstickyHeader = false,\n}: DataTableProps<TData>) {\n\t\"use no memo\";\n\tconst table = useReactTable({\n\t\tdata,\n\t\tcolumns,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tcolumnResizeMode: \"onChange\",\n\t\tenableColumnResizing: true,\n\t});\n\n\treturn (\n\t\t<div className=\"overflow-hidden w-full h-full\">\n\t\t\t<Table className=\"relative border-spacing-0 border-separate w-full\">\n\t\t\t\t<TableHeader>\n\t\t\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t\t\t<TableRow key={headerGroup.id}>\n\t\t\t\t\t\t\t{headerGroup.headers.map((header) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`relative group border ${stickyHeader ? \"sticky top-0 z-10 bg-bg-secondary text-elements-assistive\" : \"\"}`}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.getIndex() ===\n\t\t\t\t\t\t\t\t\t\t\t\theaderGroup.headers.length - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"100%\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: header.getSize(),\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{header.isPlaceholder\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{header.column.getCanResize() && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseDown: header.getResizeHandler(),\n\t\t\t\t\t\t\t\t\t\t\t\t\tonTouchStart: header.getResizeHandler(),\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: `hidden group-hover:block absolute top-0 right-0 h-full w-1 bg-border-secondary cursor-col-resize hover:bg-border-secondary`,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tuserSelect: \"none\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttouchAction: \"none\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t))}\n\t\t\t\t</TableHeader>\n\t\t\t\t<TableBody>\n\t\t\t\t\t{table.getRowModel().rows?.length ? (\n\t\t\t\t\t\ttable.getRowModel().rows.map((row) => (\n\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\t\t\tdata-state={row.getIsSelected() && \"selected\"}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{row.getVisibleCells().map((cell) => (\n\t\t\t\t\t\t\t\t\t<TableCell\n\t\t\t\t\t\t\t\t\t\tclassName=\"border\"\n\t\t\t\t\t\t\t\t\t\tkey={cell.id}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.getIndex() ===\n\t\t\t\t\t\t\t\t\t\t\t\trow.getVisibleCells().length - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"100%\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: cell.column.getSize(),\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{flexRender(cell.column.columnDef.cell, cell.getContext())}\n\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t))\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t\t<TableCell colSpan={columns.length} className=\"h-24 text-center\">\n\t\t\t\t\t\t\t\tNo results.\n\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t)}\n\t\t\t\t</TableBody>\n\t\t\t</Table>\n\t\t</div>\n\t);\n}\n\nexport type { ColumnDef, AccessorKeyColumnDef };\n"],"names":["flexRender","getCoreRowModel","useReactTable","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","DataTable","columns","data","stickyHeader","table","columnResizeMode","enableColumnResizing","div","className","getHeaderGroups","map","headerGroup","headers","header","style","width","column","getIndex","length","getSize","isPlaceholder","columnDef","getContext","getCanResize","onMouseDown","getResizeHandler","onTouchStart","userSelect","touchAction","id","getRowModel","rows","row","data-state","getIsSelected","getVisibleCells","cell","colSpan"],"mappings":"AAAA;;AAEA,SAGCA,UAAU,EACVC,eAAe,EACfC,aAAa,QACP,wBAAwB;AAE/B,SACCC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,WAAW,EACXC,QAAQ,QACF,mCAAgC;AAavC,OAAO,SAASC,UAAiB,EAChCC,OAAO,EACPC,IAAI,EACJC,eAAe,KAAK,EACG;IACvB;IACA,MAAMC,QAAQX,cAAc;QAC3BS;QACAD;QACAT,iBAAiBA;QACjBa,kBAAkB;QAClBC,sBAAsB;IACvB;IAEA,qBACC,KAACC;QAAIC,WAAU;kBACd,cAAA,MAACd;YAAMc,WAAU;;8BAChB,KAACV;8BACCM,MAAMK,eAAe,GAAGC,GAAG,CAAC,CAACC,4BAC7B,KAACZ;sCACCY,YAAYC,OAAO,CAACF,GAAG,CAAC,CAACG;gCACzB,qBACC,MAAChB;oCAEAW,WAAW,CAAC,sBAAsB,EAAEL,eAAe,8DAA8D,IAAI;oCACrHW,OAAO;wCACNC,OACCF,OAAOG,MAAM,CAACC,QAAQ,OACtBN,YAAYC,OAAO,CAACM,MAAM,GAAG,IAC1B,SACAL,OAAOM,OAAO;oCACnB;;wCAECN,OAAOO,aAAa,GAClB,OACA7B,WACAsB,OAAOG,MAAM,CAACK,SAAS,CAACR,MAAM,EAC9BA,OAAOS,UAAU;wCAEnBT,OAAOG,MAAM,CAACO,YAAY,oBAC1B,KAAChB;4CAECiB,aAAaX,OAAOY,gBAAgB;4CACpCC,cAAcb,OAAOY,gBAAgB;4CACrCjB,WAAW,CAAC,0HAA0H,CAAC;4CACvIM,OAAO;gDACNa,YAAY;gDACZC,aAAa;4CACd;;;mCAzBEf,OAAOgB,EAAE;4BA+BjB;2BAnCclB,YAAYkB,EAAE;;8BAuC/B,KAAClC;8BACCS,MAAM0B,WAAW,GAAGC,IAAI,EAAEb,SAC1Bd,MAAM0B,WAAW,GAAGC,IAAI,CAACrB,GAAG,CAAC,CAACsB,oBAC7B,KAACjC;4BAEAkC,cAAYD,IAAIE,aAAa,MAAM;sCAElCF,IAAIG,eAAe,GAAGzB,GAAG,CAAC,CAAC0B,qBAC3B,KAACxC;oCACAY,WAAU;oCAEVM,OAAO;wCACNC,OACCqB,KAAKpB,MAAM,CAACC,QAAQ,OACpBe,IAAIG,eAAe,GAAGjB,MAAM,GAAG,IAC5B,SACAkB,KAAKpB,MAAM,CAACG,OAAO;oCACxB;8CAEC5B,WAAW6C,KAAKpB,MAAM,CAACK,SAAS,CAACe,IAAI,EAAEA,KAAKd,UAAU;mCATlDc,KAAKP,EAAE;2BANTG,IAAIH,EAAE,mBAqBb,KAAC9B;kCACA,cAAA,KAACH;4BAAUyC,SAASpC,QAAQiB,MAAM;4BAAEV,WAAU;sCAAmB;;;;;;;AASxE"}

package/dist/src/components/data-table.stories.js

@@ -0,0 +1,240 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTable } from "./data-table.js";
+const meta = {
+    title: "Component/Data table",
+    component: DataTable,
+    tags: [
+        "autodocs"
+    ]
+};
+export default meta;
+function DataTableWrapper({ columns, data }) {
+    return /*#__PURE__*/ _jsx(DataTable, {
+        columns: columns,
+        data: data
+    });
+}
+export const Default = {
+    args: {
+        columns: [
+            {
+                header: "Name",
+                accessorKey: "name"
+            },
+            {
+                header: "Age",
+                accessorKey: "age"
+            }
+        ],
+        data: [
+            {
+                name: "John Doe",
+                age: 30
+            },
+            {
+                name: "Jane Smith",
+                age: 25
+            },
+            {
+                name: "Bob Johnson",
+                age: 42
+            },
+            {
+                name: "Alice Williams",
+                age: 35
+            },
+            {
+                name: "Charlie Brown",
+                age: 28
+            },
+            {
+                name: "Diana Prince",
+                age: 31
+            },
+            {
+                name: "Edward Norton",
+                age: 45
+            },
+            {
+                name: "Fiona Green",
+                age: 27
+            },
+            {
+                name: "George Miller",
+                age: 38
+            },
+            {
+                name: "Hannah Davis",
+                age: 33
+            },
+            {
+                name: "Ian Moore",
+                age: 29
+            },
+            {
+                name: "Julia Taylor",
+                age: 41
+            },
+            {
+                name: "Kevin Anderson",
+                age: 36
+            },
+            {
+                name: "Laura Thomas",
+                age: 32
+            },
+            {
+                name: "Michael Jackson",
+                age: 44
+            },
+            {
+                name: "Nancy Wilson",
+                age: 26
+            },
+            {
+                name: "Oscar Martinez",
+                age: 39
+            },
+            {
+                name: "Patricia Lee",
+                age: 34
+            },
+            {
+                name: "Quinn Harris",
+                age: 37
+            },
+            {
+                name: "Rachel Clark",
+                age: 40
+            },
+            {
+                name: "Samuel Wright",
+                age: 43
+            },
+            {
+                name: "Tina Turner",
+                age: 48
+            },
+            {
+                name: "Ulysses Grant",
+                age: 52
+            },
+            {
+                name: "Victoria Baker",
+                age: 29
+            },
+            {
+                name: "William Scott",
+                age: 35
+            },
+            {
+                name: "Xavier Adams",
+                age: 31
+            },
+            {
+                name: "Yolanda King",
+                age: 38
+            },
+            {
+                name: "Zachary Nelson",
+                age: 27
+            },
+            {
+                name: "Amy Carter",
+                age: 33
+            },
+            {
+                name: "Benjamin Hall",
+                age: 46
+            },
+            {
+                name: "Catherine Allen",
+                age: 24
+            },
+            {
+                name: "David Young",
+                age: 41
+            },
+            {
+                name: "Emily Walker",
+                age: 36
+            },
+            {
+                name: "Frank Robinson",
+                age: 39
+            },
+            {
+                name: "Grace White",
+                age: 28
+            },
+            {
+                name: "Henry Lewis",
+                age: 47
+            },
+            {
+                name: "Isabella Hill",
+                age: 32
+            },
+            {
+                name: "Jack Martin",
+                age: 34
+            },
+            {
+                name: "Katherine Garcia",
+                age: 30
+            },
+            {
+                name: "Louis Rodriguez",
+                age: 45
+            },
+            {
+                name: "Margaret Martinez",
+                age: 37
+            },
+            {
+                name: "Nathan Hernandez",
+                age: 26
+            },
+            {
+                name: "Olivia Lopez",
+                age: 29
+            },
+            {
+                name: "Peter Gonzalez",
+                age: 43
+            },
+            {
+                name: "Quincy Wilson",
+                age: 38
+            },
+            {
+                name: "Rebecca Anderson",
+                age: 31
+            },
+            {
+                name: "Steven Thomas",
+                age: 44
+            },
+            {
+                name: "Teresa Taylor",
+                age: 35
+            },
+            {
+                name: "Ursula Moore",
+                age: 40
+            },
+            {
+                name: "Victor Jackson",
+                age: 42
+            }
+        ]
+    },
+    parameters: {
+        layout: "fullscreen"
+    },
+    render: (args)=>/*#__PURE__*/ _jsx(DataTableWrapper, {
+            ...args
+        })
+};
+
+//# sourceMappingURL=data-table.stories.js.map

package/dist/src/components/data-table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { DataTable, type DataTableProps } from \"./data-table\";\n\ntype Data = {\n\tname: string;\n\tage: number;\n};\n\nconst meta: Meta<typeof DataTable<Data>> = {\n\ttitle: \"Component/Data table\",\n\tcomponent: DataTable<Data>,\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nfunction DataTableWrapper({ columns, data }: DataTableProps<Data>) {\n\treturn <DataTable columns={columns} data={data} />;\n}\n\nexport const Default: Story = {\n\targs: {\n\t\tcolumns: [\n\t\t\t{\n\t\t\t\theader: \"Name\",\n\t\t\t\taccessorKey: \"name\",\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: \"Age\",\n\t\t\t\taccessorKey: \"age\",\n\t\t\t},\n\t\t],\n\t\tdata: [\n\t\t\t{ name: \"John Doe\", age: 30 },\n\t\t\t{ name: \"Jane Smith\", age: 25 },\n\t\t\t{ name: \"Bob Johnson\", age: 42 },\n\t\t\t{ name: \"Alice Williams\", age: 35 },\n\t\t\t{ name: \"Charlie Brown\", age: 28 },\n\t\t\t{ name: \"Diana Prince\", age: 31 },\n\t\t\t{ name: \"Edward Norton\", age: 45 },\n\t\t\t{ name: \"Fiona Green\", age: 27 },\n\t\t\t{ name: \"George Miller\", age: 38 },\n\t\t\t{ name: \"Hannah Davis\", age: 33 },\n\t\t\t{ name: \"Ian Moore\", age: 29 },\n\t\t\t{ name: \"Julia Taylor\", age: 41 },\n\t\t\t{ name: \"Kevin Anderson\", age: 36 },\n\t\t\t{ name: \"Laura Thomas\", age: 32 },\n\t\t\t{ name: \"Michael Jackson\", age: 44 },\n\t\t\t{ name: \"Nancy Wilson\", age: 26 },\n\t\t\t{ name: \"Oscar Martinez\", age: 39 },\n\t\t\t{ name: \"Patricia Lee\", age: 34 },\n\t\t\t{ name: \"Quinn Harris\", age: 37 },\n\t\t\t{ name: \"Rachel Clark\", age: 40 },\n\t\t\t{ name: \"Samuel Wright\", age: 43 },\n\t\t\t{ name: \"Tina Turner\", age: 48 },\n\t\t\t{ name: \"Ulysses Grant\", age: 52 },\n\t\t\t{ name: \"Victoria Baker\", age: 29 },\n\t\t\t{ name: \"William Scott\", age: 35 },\n\t\t\t{ name: \"Xavier Adams\", age: 31 },\n\t\t\t{ name: \"Yolanda King\", age: 38 },\n\t\t\t{ name: \"Zachary Nelson\", age: 27 },\n\t\t\t{ name: \"Amy Carter\", age: 33 },\n\t\t\t{ name: \"Benjamin Hall\", age: 46 },\n\t\t\t{ name: \"Catherine Allen\", age: 24 },\n\t\t\t{ name: \"David Young\", age: 41 },\n\t\t\t{ name: \"Emily Walker\", age: 36 },\n\t\t\t{ name: \"Frank Robinson\", age: 39 },\n\t\t\t{ name: \"Grace White\", age: 28 },\n\t\t\t{ name: \"Henry Lewis\", age: 47 },\n\t\t\t{ name: \"Isabella Hill\", age: 32 },\n\t\t\t{ name: \"Jack Martin\", age: 34 },\n\t\t\t{ name: \"Katherine Garcia\", age: 30 },\n\t\t\t{ name: \"Louis Rodriguez\", age: 45 },\n\t\t\t{ name: \"Margaret Martinez\", age: 37 },\n\t\t\t{ name: \"Nathan Hernandez\", age: 26 },\n\t\t\t{ name: \"Olivia Lopez\", age: 29 },\n\t\t\t{ name: \"Peter Gonzalez\", age: 43 },\n\t\t\t{ name: \"Quincy Wilson\", age: 38 },\n\t\t\t{ name: \"Rebecca Anderson\", age: 31 },\n\t\t\t{ name: \"Steven Thomas\", age: 44 },\n\t\t\t{ name: \"Teresa Taylor\", age: 35 },\n\t\t\t{ name: \"Ursula Moore\", age: 40 },\n\t\t\t{ name: \"Victor Jackson\", age: 42 },\n\t\t],\n\t},\n\tparameters: {\n\t\tlayout: \"fullscreen\",\n\t},\n\trender: (args) => <DataTableWrapper {...args} />,\n};\n"],"names":["DataTable","meta","title","component","tags","DataTableWrapper","columns","data","Default","args","header","accessorKey","name","age","parameters","layout","render"],"mappings":"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"}

package/dist/src/components/date-picker-input.d.ts

@@ -0,0 +1,10 @@
+interface DatePickerInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function DatePickerInput({ value, onChange, placeholder, className, disabled, }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;
+export { DatePickerInput, type DatePickerInputProps };
+//# sourceMappingURL=date-picker-input.d.ts.map

package/dist/src/components/date-picker-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-input.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker-input.tsx"],"names":[],"mappings":"AAiCA,UAAU,oBAAoB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,eAAe,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,SAAS,EACT,QAAQ,GACR,EAAE,oBAAoB,2CAsDtB;AAED,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/src/components/date-picker-input.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "lucide-react";
+import * as React from "react";
+import { Button } from "../shadcn/components/ui/button.js";
+import { Calendar } from "../shadcn/components/ui/calendar.js";
+import { Input } from "../shadcn/components/ui/input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../shadcn/components/ui/popover.js";
+import { cn } from "../shadcn/lib/utils.js";
+function formatDate(date) {
+    if (!date) return "";
+    const d = date.getDate().toString().padStart(2, "0");
+    const m = (date.getMonth() + 1).toString().padStart(2, "0");
+    const y = date.getFullYear();
+    return `${d}.${m}.${y}`;
+}
+function parseDate(value) {
+    if (!value) return undefined;
+    const parts = value.split(".");
+    if (parts.length === 3) {
+        const [d, m, y] = parts;
+        const date = new Date(`${y}-${m}-${d}`);
+        if (!Number.isNaN(date.getTime())) return date;
+    }
+    const date = new Date(value);
+    if (!Number.isNaN(date.getTime())) return date;
+    return undefined;
+}
+function DatePickerInput({ value, onChange, placeholder = "dd.mm.yyyy", className, disabled }) {
+    const [open, setOpen] = React.useState(false);
+    const selectedDate = parseDate(value);
+    const [month, setMonth] = React.useState(selectedDate ?? new Date());
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn("relative", className),
+        children: /*#__PURE__*/ _jsx(Input, {
+            type: "text",
+            placeholder: placeholder,
+            value: value,
+            disabled: disabled,
+            onChange: (e)=>onChange(e.target.value),
+            onKeyDown: (e)=>{
+                if (e.key === "ArrowDown") {
+                    e.preventDefault();
+                    setOpen(true);
+                }
+            },
+            rightSlot: /*#__PURE__*/ _jsxs(Popover, {
+                open: open,
+                onOpenChange: setOpen,
+                children: [
+                    /*#__PURE__*/ _jsx(PopoverTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            variant: "ghost",
+                            size: "small",
+                            className: "p-0 size-5",
+                            "aria-label": "Select date",
+                            disabled: disabled,
+                            onClick: (e)=>{
+                                e.preventDefault();
+                                setOpen((o)=>!o);
+                            },
+                            children: /*#__PURE__*/ _jsx(CalendarIcon, {
+                                className: "size-3.5"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PopoverContent, {
+                        className: "w-auto p-0",
+                        align: "end",
+                        sideOffset: 10,
+                        children: /*#__PURE__*/ _jsx(Calendar, {
+                            mode: "single",
+                            selected: selectedDate,
+                            month: month,
+                            onMonthChange: (m)=>setMonth(m),
+                            onSelect: (date)=>{
+                                onChange(formatDate(date));
+                                if (date) setMonth(date);
+                                setOpen(false);
+                            }
+                        })
+                    })
+                ]
+            })
+        })
+    });
+}
+export { DatePickerInput };
+
+//# sourceMappingURL=date-picker-input.js.map

package/dist/src/components/date-picker-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-picker-input.tsx"],"sourcesContent":["import { CalendarIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { Calendar } from \"#shadcn/components/ui/calendar\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger,\n} from \"#shadcn/components/ui/popover\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction formatDate(date: Date | undefined): string {\n\tif (!date) return \"\";\n\tconst d = date.getDate().toString().padStart(2, \"0\");\n\tconst m = (date.getMonth() + 1).toString().padStart(2, \"0\");\n\tconst y = date.getFullYear();\n\treturn `${d}.${m}.${y}`;\n}\n\nfunction parseDate(value: string): Date | undefined {\n\tif (!value) return undefined;\n\tconst parts = value.split(\".\");\n\tif (parts.length === 3) {\n\t\tconst [d, m, y] = parts;\n\t\tconst date = new Date(`${y}-${m}-${d}`);\n\t\tif (!Number.isNaN(date.getTime())) return date;\n\t}\n\tconst date = new Date(value);\n\tif (!Number.isNaN(date.getTime())) return date;\n\treturn undefined;\n}\n\ninterface DatePickerInputProps {\n\tvalue: string;\n\tonChange: (value: string) => void;\n\tplaceholder?: string;\n\tclassName?: string;\n\tdisabled?: boolean;\n}\n\nfunction DatePickerInput({\n\tvalue,\n\tonChange,\n\tplaceholder = \"dd.mm.yyyy\",\n\tclassName,\n\tdisabled,\n}: DatePickerInputProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst selectedDate = parseDate(value);\n\tconst [month, setMonth] = React.useState<Date>(selectedDate ?? new Date());\n\n\treturn (\n\t\t<div className={cn(\"relative\", className)}>\n\t\t\t<Input\n\t\t\t\ttype=\"text\"\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tvalue={value}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === \"ArrowDown\") {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tsetOpen(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\trightSlot={\n\t\t\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tclassName=\"p-0 size-5\"\n\t\t\t\t\t\t\t\taria-label=\"Select date\"\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\tsetOpen((o) => !o);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CalendarIcon className=\"size-3.5\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t<PopoverContent className=\"w-auto p-0\" align=\"end\" sideOffset={10}>\n\t\t\t\t\t\t\t<Calendar\n\t\t\t\t\t\t\t\tmode=\"single\"\n\t\t\t\t\t\t\t\tselected={selectedDate}\n\t\t\t\t\t\t\t\tmonth={month}\n\t\t\t\t\t\t\t\tonMonthChange={(m) => setMonth(m)}\n\t\t\t\t\t\t\t\tonSelect={(date) => {\n\t\t\t\t\t\t\t\t\tonChange(formatDate(date));\n\t\t\t\t\t\t\t\t\tif (date) setMonth(date);\n\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t</Popover>\n\t\t\t\t}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport { DatePickerInput, type DatePickerInputProps };\n"],"names":["CalendarIcon","React","Button","Calendar","Input","Popover","PopoverContent","PopoverTrigger","cn","formatDate","date","d","getDate","toString","padStart","m","getMonth","y","getFullYear","parseDate","value","undefined","parts","split","length","Date","Number","isNaN","getTime","DatePickerInput","onChange","placeholder","className","disabled","open","setOpen","useState","selectedDate","month","setMonth","div","type","e","target","onKeyDown","key","preventDefault","rightSlot","onOpenChange","asChild","variant","size","aria-label","onClick","o","align","sideOffset","mode","selected","onMonthChange","onSelect"],"mappings":";AAAA,SAASA,YAAY,QAAQ,eAAe;AAC5C,YAAYC,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,oCAA+B;AACtD,SAASC,QAAQ,QAAQ,sCAAiC;AAC1D,SAASC,KAAK,QAAQ,mCAA8B;AACpD,SACCC,OAAO,EACPC,cAAc,EACdC,cAAc,QACR,qCAAgC;AACvC,SAASC,EAAE,QAAQ,yBAAoB;AAEvC,SAASC,WAAWC,IAAsB;IACzC,IAAI,CAACA,MAAM,OAAO;IAClB,MAAMC,IAAID,KAAKE,OAAO,GAAGC,QAAQ,GAAGC,QAAQ,CAAC,GAAG;IAChD,MAAMC,IAAI,AAACL,CAAAA,KAAKM,QAAQ,KAAK,CAAA,EAAGH,QAAQ,GAAGC,QAAQ,CAAC,GAAG;IACvD,MAAMG,IAAIP,KAAKQ,WAAW;IAC1B,OAAO,GAAGP,EAAE,CAAC,EAAEI,EAAE,CAAC,EAAEE,GAAG;AACxB;AAEA,SAASE,UAAUC,KAAa;IAC/B,IAAI,CAACA,OAAO,OAAOC;IACnB,MAAMC,QAAQF,MAAMG,KAAK,CAAC;IAC1B,IAAID,MAAME,MAAM,KAAK,GAAG;QACvB,MAAM,CAACb,GAAGI,GAAGE,EAAE,GAAGK;QAClB,MAAMZ,OAAO,IAAIe,KAAK,GAAGR,EAAE,CAAC,EAAEF,EAAE,CAAC,EAAEJ,GAAG;QACtC,IAAI,CAACe,OAAOC,KAAK,CAACjB,KAAKkB,OAAO,KAAK,OAAOlB;IAC3C;IACA,MAAMA,OAAO,IAAIe,KAAKL;IACtB,IAAI,CAACM,OAAOC,KAAK,CAACjB,KAAKkB,OAAO,KAAK,OAAOlB;IAC1C,OAAOW;AACR;AAUA,SAASQ,gBAAgB,EACxBT,KAAK,EACLU,QAAQ,EACRC,cAAc,YAAY,EAC1BC,SAAS,EACTC,QAAQ,EACc;IACtB,MAAM,CAACC,MAAMC,QAAQ,GAAGlC,MAAMmC,QAAQ,CAAC;IACvC,MAAMC,eAAelB,UAAUC;IAC/B,MAAM,CAACkB,OAAOC,SAAS,GAAGtC,MAAMmC,QAAQ,CAAOC,gBAAgB,IAAIZ;IAEnE,qBACC,KAACe;QAAIR,WAAWxB,GAAG,YAAYwB;kBAC9B,cAAA,KAAC5B;YACAqC,MAAK;YACLV,aAAaA;YACbX,OAAOA;YACPa,UAAUA;YACVH,UAAU,CAACY,IAAMZ,SAASY,EAAEC,MAAM,CAACvB,KAAK;YACxCwB,WAAW,CAACF;gBACX,IAAIA,EAAEG,GAAG,KAAK,aAAa;oBAC1BH,EAAEI,cAAc;oBAChBX,QAAQ;gBACT;YACD;YACAY,yBACC,MAAC1C;gBAAQ6B,MAAMA;gBAAMc,cAAcb;;kCAClC,KAAC5B;wBAAe0C,OAAO;kCACtB,cAAA,KAAC/C;4BACAgD,SAAQ;4BACRC,MAAK;4BACLnB,WAAU;4BACVoB,cAAW;4BACXnB,UAAUA;4BACVoB,SAAS,CAACX;gCACTA,EAAEI,cAAc;gCAChBX,QAAQ,CAACmB,IAAM,CAACA;4BACjB;sCAEA,cAAA,KAACtD;gCAAagC,WAAU;;;;kCAG1B,KAAC1B;wBAAe0B,WAAU;wBAAauB,OAAM;wBAAMC,YAAY;kCAC9D,cAAA,KAACrD;4BACAsD,MAAK;4BACLC,UAAUrB;4BACVC,OAAOA;4BACPqB,eAAe,CAAC5C,IAAMwB,SAASxB;4BAC/B6C,UAAU,CAAClD;gCACVoB,SAASrB,WAAWC;gCACpB,IAAIA,MAAM6B,SAAS7B;gCACnByB,QAAQ;4BACT;;;;;;;AAQR;AAEA,SAASN,eAAe,GAA8B"}

package/dist/src/components/date-picker-input.stories.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DatePickerInput } from "./date-picker-input.js";
+function DatePickerInputWrapper(props) {
+    const [value, setValue] = useState("");
+    return /*#__PURE__*/ _jsx("div", {
+        className: "w-48",
+        children: /*#__PURE__*/ _jsx(DatePickerInput, {
+            value: value,
+            onChange: setValue,
+            ...props
+        })
+    });
+}
+function DatePickerInputPrefilledWrapper() {
+    const [value, setValue] = useState("15.06.2025");
+    return /*#__PURE__*/ _jsx("div", {
+        className: "w-48",
+        children: /*#__PURE__*/ _jsx(DatePickerInput, {
+            value: value,
+            onChange: setValue
+        })
+    });
+}
+function DatePickerRangeWrapper() {
+    const [from, setFrom] = useState("");
+    const [to, setTo] = useState("");
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+            /*#__PURE__*/ _jsx(DatePickerInput, {
+                value: from,
+                onChange: setFrom,
+                className: "w-40",
+                placeholder: "From"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "text-text-secondary",
+                children: "—"
+            }),
+            /*#__PURE__*/ _jsx(DatePickerInput, {
+                value: to,
+                onChange: setTo,
+                className: "w-40",
+                placeholder: "To"
+            })
+        ]
+    });
+}
+const meta = {
+    title: "Component/DatePickerInput",
+    component: DatePickerInputWrapper,
+    parameters: {
+        layout: "centered"
+    }
+};
+export default meta;
+export const Default = {};
+export const WithPlaceholder = {
+    args: {
+        placeholder: "Select a date..."
+    }
+};
+export const Disabled = {
+    args: {
+        disabled: true
+    }
+};
+export const Prefilled = {
+    render: ()=>/*#__PURE__*/ _jsx(DatePickerInputPrefilledWrapper, {})
+};
+export const DateRange = {
+    render: ()=>/*#__PURE__*/ _jsx(DatePickerRangeWrapper, {})
+};
+
+//# sourceMappingURL=date-picker-input.stories.js.map

package/dist/src/components/date-picker-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-picker-input.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { useState } from \"react\";\nimport { DatePickerInput } from \"./date-picker-input\";\n\nfunction DatePickerInputWrapper(props: {\n\tplaceholder?: string;\n\tdisabled?: boolean;\n}) {\n\tconst [value, setValue] = useState(\"\");\n\treturn (\n\t\t<div className=\"w-48\">\n\t\t\t<DatePickerInput value={value} onChange={setValue} {...props} />\n\t\t</div>\n\t);\n}\n\nfunction DatePickerInputPrefilledWrapper() {\n\tconst [value, setValue] = useState(\"15.06.2025\");\n\treturn (\n\t\t<div className=\"w-48\">\n\t\t\t<DatePickerInput value={value} onChange={setValue} />\n\t\t</div>\n\t);\n}\n\nfunction DatePickerRangeWrapper() {\n\tconst [from, setFrom] = useState(\"\");\n\tconst [to, setTo] = useState(\"\");\n\treturn (\n\t\t<div className=\"flex items-center gap-2\">\n\t\t\t<DatePickerInput\n\t\t\t\tvalue={from}\n\t\t\t\tonChange={setFrom}\n\t\t\t\tclassName=\"w-40\"\n\t\t\t\tplaceholder=\"From\"\n\t\t\t/>\n\t\t\t<span className=\"text-text-secondary\">—</span>\n\t\t\t<DatePickerInput\n\t\t\t\tvalue={to}\n\t\t\t\tonChange={setTo}\n\t\t\t\tclassName=\"w-40\"\n\t\t\t\tplaceholder=\"To\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/DatePickerInput\",\n\tcomponent: DatePickerInputWrapper,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n} satisfies Meta<typeof DatePickerInputWrapper>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {};\n\nexport const WithPlaceholder: Story = {\n\targs: {\n\t\tplaceholder: \"Select a date...\",\n\t},\n};\n\nexport const Disabled: Story = {\n\targs: {\n\t\tdisabled: true,\n\t},\n};\n\nexport const Prefilled: StoryObj = {\n\trender: () => <DatePickerInputPrefilledWrapper />,\n};\n\nexport const DateRange: StoryObj = {\n\trender: () => <DatePickerRangeWrapper />,\n};\n"],"names":["useState","DatePickerInput","DatePickerInputWrapper","props","value","setValue","div","className","onChange","DatePickerInputPrefilledWrapper","DatePickerRangeWrapper","from","setFrom","to","setTo","placeholder","span","meta","title","component","parameters","layout","Default","WithPlaceholder","args","Disabled","disabled","Prefilled","render","DateRange"],"mappings":";AACA,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,eAAe,QAAQ,yBAAsB;AAEtD,SAASC,uBAAuBC,KAG/B;IACA,MAAM,CAACC,OAAOC,SAAS,GAAGL,SAAS;IACnC,qBACC,KAACM;QAAIC,WAAU;kBACd,cAAA,KAACN;YAAgBG,OAAOA;YAAOI,UAAUH;YAAW,GAAGF,KAAK;;;AAG/D;AAEA,SAASM;IACR,MAAM,CAACL,OAAOC,SAAS,GAAGL,SAAS;IACnC,qBACC,KAACM;QAAIC,WAAU;kBACd,cAAA,KAACN;YAAgBG,OAAOA;YAAOI,UAAUH;;;AAG5C;AAEA,SAASK;IACR,MAAM,CAACC,MAAMC,QAAQ,GAAGZ,SAAS;IACjC,MAAM,CAACa,IAAIC,MAAM,GAAGd,SAAS;IAC7B,qBACC,MAACM;QAAIC,WAAU;;0BACd,KAACN;gBACAG,OAAOO;gBACPH,UAAUI;gBACVL,WAAU;gBACVQ,aAAY;;0BAEb,KAACC;gBAAKT,WAAU;0BAAsB;;0BACtC,KAACN;gBACAG,OAAOS;gBACPL,UAAUM;gBACVP,WAAU;gBACVQ,aAAY;;;;AAIhB;AAEA,MAAME,OAAO;IACZC,OAAO;IACPC,WAAWjB;IACXkB,YAAY;QACXC,QAAQ;IACT;AACD;AAEA,eAAeJ,KAAK;AAGpB,OAAO,MAAMK,UAAiB,CAAC,EAAE;AAEjC,OAAO,MAAMC,kBAAyB;IACrCC,MAAM;QACLT,aAAa;IACd;AACD,EAAE;AAEF,OAAO,MAAMU,WAAkB;IAC9BD,MAAM;QACLE,UAAU;IACX;AACD,EAAE;AAEF,OAAO,MAAMC,YAAsB;IAClCC,QAAQ,kBAAM,KAACnB;AAChB,EAAE;AAEF,OAAO,MAAMoB,YAAsB;IAClCD,QAAQ,kBAAM,KAAClB;AAChB,EAAE"}

package/dist/src/components/fhir-structure-view.d.ts

@@ -0,0 +1,34 @@
+import { type TreeViewItem } from "./tree-view";
+type PackageSpec = {
+    name: string;
+    version: string;
+};
+type Coordinate = {
+    id?: string;
+    packageSpec?: PackageSpec;
+    "package-spec"?: PackageSpec;
+    label?: string;
+};
+type FhirStructure = {
+    type?: string;
+    min?: string | number;
+    max?: string | number;
+    lastNode?: boolean;
+    isSummary?: boolean;
+    isModifier?: boolean;
+    mustSupport?: boolean;
+    datatype?: string;
+    short?: string;
+    desc?: string;
+    extensionUrl?: string;
+    extensionCoordinate?: Coordinate;
+    binding?: {
+        valueSet: string;
+    };
+    vsCoordinate?: Coordinate;
+};
+declare function FhirStructureView({ tree, }: {
+    tree: Record<string, TreeViewItem<FhirStructure>>;
+}): import("react/jsx-runtime").JSX.Element;
+export { FhirStructureView, type FhirStructure };
+//# sourceMappingURL=fhir-structure-view.d.ts.map

package/dist/src/components/fhir-structure-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhir-structure-view.d.ts","sourceRoot":"","sources":["../../../src/components/fhir-structure-view.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1D,KAAK,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,OAAO,CAAC,EAAE;QACT,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B,CAAC;AA8JF,iBAAS,iBAAiB,CAAC,EAC1B,IAAI,GACJ,EAAE;IACF,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;CAClD,2CA4BA;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAAa,EAAE,CAAC"}