@acmekit/ui 4.1.1

package/dist/esm/blocks/data-table/components/data-table-command-bar.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+interface DataTableCommandBarProps {
+    /**
+     * The label to show when items are selected. If a function is passed,
+     * it will be called with the count of selected items.
+     */
+    selectedLabel?: ((count: number) => string) | string;
+}
+/**
+ * This component adds a command bar to the data table, which is used
+ * to show commands that can be executed on the selected rows.
+ */
+declare const DataTableCommandBar: {
+    (props: DataTableCommandBarProps): React.JSX.Element | null;
+    displayName: string;
+};
+export { DataTableCommandBar };
+export type { DataTableCommandBarProps };
+//# sourceMappingURL=data-table-command-bar.d.ts.map

package/dist/esm/blocks/data-table/components/data-table-command-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-command-bar.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,wBAAwB;IAChC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,MAAM,CAAA;CACrD;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB;YAAW,wBAAwB;;CA6C3D,CAAA;AAGD,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/esm/blocks/data-table/components/data-table-command-bar.js

@@ -0,0 +1,35 @@
+"use client";
+import * as React from "react";
+import { useDataTableContext } from "../../data-table/context/use-data-table-context";
+import { CommandBar } from "../../../components/command-bar";
+/**
+ * This component adds a command bar to the data table, which is used
+ * to show commands that can be executed on the selected rows.
+ */
+const DataTableCommandBar = (props) => {
+    const { instance } = useDataTableContext();
+    const commands = instance.getCommands();
+    const rowSelection = instance.getRowSelection();
+    const count = Object.keys(rowSelection || []).length;
+    const open = commands && commands.length > 0 && count > 0;
+    function getSelectedLabel(count) {
+        if (typeof props.selectedLabel === "function") {
+            return props.selectedLabel(count);
+        }
+        return props.selectedLabel;
+    }
+    if (!commands || commands.length === 0) {
+        return null;
+    }
+    return (React.createElement(CommandBar, { open: open },
+        React.createElement(CommandBar.Bar, null,
+            props.selectedLabel && (React.createElement(React.Fragment, null,
+                React.createElement(CommandBar.Value, null, getSelectedLabel(count)),
+                React.createElement(CommandBar.Seperator, null))),
+            commands.map((command, idx) => (React.createElement(React.Fragment, { key: idx },
+                React.createElement(CommandBar.Command, { key: command.label, action: () => command.action(rowSelection), label: command.label, shortcut: command.shortcut }),
+                idx < commands.length - 1 && React.createElement(CommandBar.Seperator, null)))))));
+};
+DataTableCommandBar.displayName = "DataTable.CommandBar";
+export { DataTableCommandBar };
+//# sourceMappingURL=data-table-command-bar.js.map

package/dist/esm/blocks/data-table/components/data-table-command-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-command-bar.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-command-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAA;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAUrD;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAA;IACvC,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,EAAE,CAAA;IAE/C,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,CAAA;IAEpD,MAAM,IAAI,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAA;IAEzD,SAAS,gBAAgB,CAAC,KAAa;QACrC,IAAI,OAAO,KAAK,CAAC,aAAa,KAAK,UAAU,EAAE,CAAC;YAC9C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;QAED,OAAO,KAAK,CAAC,aAAa,CAAA;IAC5B,CAAC;IAED,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI;QACpB,oBAAC,UAAU,CAAC,GAAG;YACZ,KAAK,CAAC,aAAa,IAAI,CACtB,oBAAC,KAAK,CAAC,QAAQ;gBACb,oBAAC,UAAU,CAAC,KAAK,QAAE,gBAAgB,CAAC,KAAK,CAAC,CAAoB;gBAC9D,oBAAC,UAAU,CAAC,SAAS,OAAG,CACT,CAClB;YACA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9B,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG;gBACtB,oBAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,EAC1C,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B;gBACD,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAC,UAAU,CAAC,SAAS,OAAG,CACvC,CAClB,CAAC,CACa,CACN,CACd,CAAA;AACH,CAAC,CAAA;AACD,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,OAAO,EAAE,mBAAmB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { useDataTableContext } from \"@/blocks/data-table/context/use-data-table-context\"\nimport { CommandBar } from \"@/components/command-bar\"\n\ninterface DataTableCommandBarProps {\n  /**\n   * The label to show when items are selected. If a function is passed, \n   * it will be called with the count of selected items.\n   */\n  selectedLabel?: ((count: number) => string) | string\n}\n\n/**\n * This component adds a command bar to the data table, which is used\n * to show commands that can be executed on the selected rows.\n */\nconst DataTableCommandBar = (props: DataTableCommandBarProps) => {\n  const { instance } = useDataTableContext()\n\n  const commands = instance.getCommands()\n  const rowSelection = instance.getRowSelection()\n\n  const count = Object.keys(rowSelection || []).length\n\n  const open = commands && commands.length > 0 && count > 0\n\n  function getSelectedLabel(count: number) {\n    if (typeof props.selectedLabel === \"function\") {\n      return props.selectedLabel(count)\n    }\n\n    return props.selectedLabel\n  }\n\n  if (!commands || commands.length === 0) {\n    return null\n  }\n\n  return (\n    <CommandBar open={open}>\n      <CommandBar.Bar>\n        {props.selectedLabel && (\n          <React.Fragment>\n            <CommandBar.Value>{getSelectedLabel(count)}</CommandBar.Value>\n            <CommandBar.Seperator />\n          </React.Fragment>\n        )}\n        {commands.map((command, idx) => (\n          <React.Fragment key={idx}>\n            <CommandBar.Command\n              key={command.label}\n              action={() => command.action(rowSelection)}\n              label={command.label}\n              shortcut={command.shortcut}\n            />\n            {idx < commands.length - 1 && <CommandBar.Seperator />}\n          </React.Fragment>\n        ))}\n      </CommandBar.Bar>\n    </CommandBar>\n  )\n}\nDataTableCommandBar.displayName = \"DataTable.CommandBar\"\n\nexport { DataTableCommandBar }\nexport type { DataTableCommandBarProps }\n\n"]}

package/dist/esm/blocks/data-table/components/data-table-filter-bar.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface DataTableFilterBarProps {
+    clearAllFiltersLabel?: string;
+    alwaysShow?: boolean;
+    sortingTooltip?: string;
+    columnsTooltip?: string;
+    children?: React.ReactNode;
+}
+declare const DataTableFilterBar: {
+    ({ clearAllFiltersLabel, alwaysShow, sortingTooltip, columnsTooltip, children, }: DataTableFilterBarProps): React.JSX.Element | null;
+    displayName: string;
+};
+export { DataTableFilterBar };
+export type { DataTableFilterBarProps };
+//# sourceMappingURL=data-table-filter-bar.d.ts.map

package/dist/esm/blocks/data-table/components/data-table-filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-bar.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-filter-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,UAAU,uBAAuB;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAQD,QAAA,MAAM,kBAAkB;sFAMrB,uBAAuB;;CAgHzB,CAAA;AAkBD,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,YAAY,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/esm/blocks/data-table/components/data-table-filter-bar.js

@@ -0,0 +1,93 @@
+"use client";
+import * as React from "react";
+import { DataTableFilter } from "../../data-table/components/data-table-filter";
+import { DataTableFilterMenu } from "../../data-table/components/data-table-filter-menu";
+import { DataTableSortingMenu } from "../../data-table/components/data-table-sorting-menu";
+import { DataTableColumnVisibilityMenu } from "../../data-table/components/data-table-column-visibility-menu";
+import { useDataTableContext } from "../../data-table/context/use-data-table-context";
+import { Skeleton } from "../../../components/skeleton";
+const DataTableFilterBar = ({ clearAllFiltersLabel = "Clear all", alwaysShow = false, sortingTooltip, columnsTooltip, children, }) => {
+    const { instance, enableColumnVisibility } = useDataTableContext();
+    // Local state for managing intermediate filters
+    const [localFilters, setLocalFilters] = React.useState([]);
+    const parentFilterState = instance.getFiltering();
+    const availableFilters = instance.getFilters();
+    // Sync parent filters with local state
+    React.useEffect(() => {
+        setLocalFilters(prevLocalFilters => {
+            const parentIds = Object.keys(parentFilterState);
+            const localIds = prevLocalFilters.map(f => f.id);
+            // Remove local filters that have been removed from parent
+            const updatedLocalFilters = prevLocalFilters.filter(f => parentIds.includes(f.id) || f.isNew);
+            // Add parent filters that don't exist locally
+            parentIds.forEach(id => {
+                if (!localIds.includes(id)) {
+                    updatedLocalFilters.push({
+                        id,
+                        value: parentFilterState[id],
+                        isNew: false
+                    });
+                }
+            });
+            // Only update if there's an actual change
+            if (updatedLocalFilters.length !== prevLocalFilters.length ||
+                updatedLocalFilters.some((f, i) => { var _a; return f.id !== ((_a = prevLocalFilters[i]) === null || _a === void 0 ? void 0 : _a.id); })) {
+                return updatedLocalFilters;
+            }
+            return prevLocalFilters;
+        });
+    }, [parentFilterState]);
+    // Add a new filter locally
+    const addLocalFilter = React.useCallback((id, value) => {
+        setLocalFilters(prev => [...prev, { id, value, isNew: true }]);
+    }, []);
+    // Update a local filter's value
+    const updateLocalFilter = React.useCallback((id, value) => {
+        setLocalFilters(prev => prev.map(f => f.id === id ? { ...f, value, isNew: false } : f));
+        // If the filter has a meaningful value, propagate to parent
+        if (value !== undefined && value !== null && value !== '' &&
+            !(Array.isArray(value) && value.length === 0)) {
+            instance.updateFilter({ id, value });
+        }
+    }, [instance]);
+    // Remove a local filter
+    const removeLocalFilter = React.useCallback((id) => {
+        setLocalFilters(prev => prev.filter(f => f.id !== id));
+        // Also remove from parent if it exists there
+        if (parentFilterState[id] !== undefined) {
+            instance.removeFilter(id);
+        }
+    }, [instance, parentFilterState]);
+    const clearFilters = React.useCallback(() => {
+        setLocalFilters([]);
+        instance.clearFilters();
+    }, [instance]);
+    const filterCount = localFilters.length;
+    const hasAvailableFilters = availableFilters.length > 0;
+    // Check if sorting is enabled
+    const sortableColumns = instance.getAllColumns().filter((column) => column.getCanSort());
+    const hasSorting = instance.enableSorting && sortableColumns.length > 0;
+    // Always show the filter bar when there are available filters, sorting, column visibility, or when forced
+    if (filterCount === 0 && !hasAvailableFilters && !hasSorting && !enableColumnVisibility && !alwaysShow && !children) {
+        return null;
+    }
+    if (instance.showSkeleton) {
+        return React.createElement(DataTableFilterBarSkeleton, { filterCount: filterCount });
+    }
+    return (React.createElement("div", { className: "bg-ui-bg-subtle flex w-full flex-nowrap items-center justify-between gap-2 overflow-x-auto border-t px-6 py-2" },
+        React.createElement("div", { className: "flex flex-nowrap items-center gap-2 md:flex-wrap" },
+            localFilters.map((localFilter) => (React.createElement(DataTableFilter, { key: localFilter.id, id: localFilter.id, filter: localFilter.value, isNew: localFilter.isNew, onUpdate: (value) => updateLocalFilter(localFilter.id, value), onRemove: () => removeLocalFilter(localFilter.id) }))),
+            hasAvailableFilters && (React.createElement(DataTableFilterMenu, { onAddFilter: addLocalFilter }))),
+        React.createElement("div", { className: "flex flex-shrink-0 items-center gap-2" },
+            hasSorting && React.createElement(DataTableSortingMenu, { tooltip: sortingTooltip }),
+            enableColumnVisibility && React.createElement(DataTableColumnVisibilityMenu, { tooltip: columnsTooltip }),
+            children)));
+};
+DataTableFilterBar.displayName = "DataTable.FilterBar";
+const DataTableFilterBarSkeleton = ({ filterCount, }) => {
+    return (React.createElement("div", { className: "bg-ui-bg-subtle flex w-full flex-nowrap items-center gap-2 overflow-x-auto border-t px-6 py-2 md:flex-wrap" },
+        Array.from({ length: filterCount }).map((_, index) => (React.createElement(Skeleton, { key: index, className: "h-7 w-[180px]" }))),
+        filterCount > 0 ? React.createElement(Skeleton, { className: "h-7 w-[66px]" }) : null));
+};
+export { DataTableFilterBar };
+//# sourceMappingURL=data-table-filter-bar.js.map

package/dist/esm/blocks/data-table/components/data-table-filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-bar.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-filter-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uDAAuD,CAAA;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAA;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAA;AAChH,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAA;AAExF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAgBhD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,oBAAoB,GAAG,WAAW,EAClC,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,cAAc,EACd,QAAQ,GACgB,EAAE,EAAE;IAC5B,MAAM,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAElE,gDAAgD;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,EAAE,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAA;IACjD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAA;IAE9C,uCAAuC;IACvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAe,CAAC,gBAAgB,CAAC,EAAE;YACjC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;YAChD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;YAEhD,0DAA0D;YAC1D,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACtD,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,CACpC,CAAA;YAED,8CAA8C;YAC9C,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC3B,mBAAmB,CAAC,IAAI,CAAC;wBACvB,EAAE;wBACF,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC;wBAC5B,KAAK,EAAE,KAAK;qBACb,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC,CAAC,CAAA;YAEF,0CAA0C;YAC1C,IAAI,mBAAmB,CAAC,MAAM,KAAK,gBAAgB,CAAC,MAAM;gBACtD,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,EAAE,MAAK,MAAA,gBAAgB,CAAC,CAAC,CAAC,0CAAE,EAAE,CAAA,CAAA,EAAA,CAAC,EAAE,CAAC;gBACzE,OAAO,mBAAmB,CAAA;YAC5B,CAAC;YACD,OAAO,gBAAgB,CAAA;QACzB,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,2BAA2B;IAC3B,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,EAAE,KAAc,EAAE,EAAE;QACtE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAChE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,gCAAgC;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,EAAE,KAAc,EAAE,EAAE;QACzE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACnC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAChD,CAAC,CAAA;QAEF,4DAA4D;QAC5D,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;YACrD,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YAClD,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,wBAAwB;IACxB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QACzD,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;QACtD,6CAA6C;QAC7C,IAAI,iBAAiB,CAAC,EAAE,CAAC,KAAK,SAAS,EAAE,CAAC;YACxC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEjC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,EAAE,CAAC,CAAA;QACnB,QAAQ,CAAC,YAAY,EAAE,CAAA;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAA;IACvC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAA;IAEvD,8BAA8B;IAC9B,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAA;IACxF,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAA;IAEvE,0GAA0G;IAC1G,IAAI,WAAW,KAAK,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,UAAU,IAAI,CAAC,sBAAsB,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpH,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC1B,OAAO,oBAAC,0BAA0B,IAAC,WAAW,EAAE,WAAW,GAAI,CAAA;IACjE,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,+GAA+G;QAC5H,6BAAK,SAAS,EAAC,kDAAkD;YAC9D,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,oBAAC,eAAe,IACd,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,MAAM,EAAE,WAAW,CAAC,KAAK,EACzB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,EAC7D,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,CAAC,GACjD,CACH,CAAC;YACD,mBAAmB,IAAI,CACtB,oBAAC,mBAAmB,IAAC,WAAW,EAAE,cAAc,GAAI,CACrD,CACG;QACN,6BAAK,SAAS,EAAC,uCAAuC;YACnD,UAAU,IAAI,oBAAC,oBAAoB,IAAC,OAAO,EAAE,cAAc,GAAI;YAC/D,sBAAsB,IAAI,oBAAC,6BAA6B,IAAC,OAAO,EAAE,cAAc,GAAI;YACpF,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AACD,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEtD,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,GAGZ,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,4GAA4G;QACxH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,GAAG,CACnD,CAAC;QACD,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,IAAI,CAC3D,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { DataTableFilter } from \"@/blocks/data-table/components/data-table-filter\"\nimport { DataTableFilterMenu } from \"@/blocks/data-table/components/data-table-filter-menu\"\nimport { DataTableSortingMenu } from \"@/blocks/data-table/components/data-table-sorting-menu\"\nimport { DataTableColumnVisibilityMenu } from \"@/blocks/data-table/components/data-table-column-visibility-menu\"\nimport { useDataTableContext } from \"@/blocks/data-table/context/use-data-table-context\"\nimport { Button } from \"@/components/button\"\nimport { Skeleton } from \"@/components/skeleton\"\n\ninterface DataTableFilterBarProps {\n  clearAllFiltersLabel?: string\n  alwaysShow?: boolean\n  sortingTooltip?: string\n  columnsTooltip?: string\n  children?: React.ReactNode\n}\n\ninterface LocalFilter {\n  id: string\n  value: unknown\n  isNew: boolean\n}\n\nconst DataTableFilterBar = ({\n  clearAllFiltersLabel = \"Clear all\",\n  alwaysShow = false,\n  sortingTooltip,\n  columnsTooltip,\n  children,\n}: DataTableFilterBarProps) => {\n  const { instance, enableColumnVisibility } = useDataTableContext()\n  \n  // Local state for managing intermediate filters\n  const [localFilters, setLocalFilters] = React.useState<LocalFilter[]>([])\n  \n  const parentFilterState = instance.getFiltering()\n  const availableFilters = instance.getFilters()\n  \n  // Sync parent filters with local state\n  React.useEffect(() => {\n    setLocalFilters(prevLocalFilters => {\n      const parentIds = Object.keys(parentFilterState)\n      const localIds = prevLocalFilters.map(f => f.id)\n      \n      // Remove local filters that have been removed from parent\n      const updatedLocalFilters = prevLocalFilters.filter(f => \n        parentIds.includes(f.id) || f.isNew\n      )\n      \n      // Add parent filters that don't exist locally\n      parentIds.forEach(id => {\n        if (!localIds.includes(id)) {\n          updatedLocalFilters.push({\n            id,\n            value: parentFilterState[id],\n            isNew: false\n          })\n        }\n      })\n      \n      // Only update if there's an actual change\n      if (updatedLocalFilters.length !== prevLocalFilters.length ||\n          updatedLocalFilters.some((f, i) => f.id !== prevLocalFilters[i]?.id)) {\n        return updatedLocalFilters\n      }\n      return prevLocalFilters\n    })\n  }, [parentFilterState])\n  \n  // Add a new filter locally\n  const addLocalFilter = React.useCallback((id: string, value: unknown) => {\n    setLocalFilters(prev => [...prev, { id, value, isNew: true }])\n  }, [])\n  \n  // Update a local filter's value\n  const updateLocalFilter = React.useCallback((id: string, value: unknown) => {\n    setLocalFilters(prev => prev.map(f => \n      f.id === id ? { ...f, value, isNew: false } : f\n    ))\n    \n    // If the filter has a meaningful value, propagate to parent\n    if (value !== undefined && value !== null && value !== '' && \n        !(Array.isArray(value) && value.length === 0)) {\n      instance.updateFilter({ id, value })\n    }\n  }, [instance])\n  \n  // Remove a local filter\n  const removeLocalFilter = React.useCallback((id: string) => {\n    setLocalFilters(prev => prev.filter(f => f.id !== id))\n    // Also remove from parent if it exists there\n    if (parentFilterState[id] !== undefined) {\n      instance.removeFilter(id)\n    }\n  }, [instance, parentFilterState])\n\n  const clearFilters = React.useCallback(() => {\n    setLocalFilters([])\n    instance.clearFilters()\n  }, [instance])\n\n  const filterCount = localFilters.length\n  const hasAvailableFilters = availableFilters.length > 0\n  \n  // Check if sorting is enabled\n  const sortableColumns = instance.getAllColumns().filter((column) => column.getCanSort())\n  const hasSorting = instance.enableSorting && sortableColumns.length > 0\n\n  // Always show the filter bar when there are available filters, sorting, column visibility, or when forced\n  if (filterCount === 0 && !hasAvailableFilters && !hasSorting && !enableColumnVisibility && !alwaysShow && !children) {\n    return null\n  }\n\n  if (instance.showSkeleton) {\n    return <DataTableFilterBarSkeleton filterCount={filterCount} />\n  }\n\n  return (\n    <div className=\"bg-ui-bg-subtle flex w-full flex-nowrap items-center justify-between gap-2 overflow-x-auto border-t px-6 py-2\">\n      <div className=\"flex flex-nowrap items-center gap-2 md:flex-wrap\">\n        {localFilters.map((localFilter) => (\n          <DataTableFilter \n            key={localFilter.id} \n            id={localFilter.id} \n            filter={localFilter.value} \n            isNew={localFilter.isNew}\n            onUpdate={(value) => updateLocalFilter(localFilter.id, value)}\n            onRemove={() => removeLocalFilter(localFilter.id)}\n          />\n        ))}\n        {hasAvailableFilters && (\n          <DataTableFilterMenu onAddFilter={addLocalFilter} />\n        )}\n      </div>\n      <div className=\"flex flex-shrink-0 items-center gap-2\">\n        {hasSorting && <DataTableSortingMenu tooltip={sortingTooltip} />}\n        {enableColumnVisibility && <DataTableColumnVisibilityMenu tooltip={columnsTooltip} />}\n        {children}\n      </div>\n    </div>\n  )\n}\nDataTableFilterBar.displayName = \"DataTable.FilterBar\"\n\nconst DataTableFilterBarSkeleton = ({\n  filterCount,\n}: {\n  filterCount: number\n}) => {\n  return (\n    <div className=\"bg-ui-bg-subtle flex w-full flex-nowrap items-center gap-2 overflow-x-auto border-t px-6 py-2 md:flex-wrap\">\n      {Array.from({ length: filterCount }).map((_, index) => (\n        <Skeleton key={index} className=\"h-7 w-[180px]\" />\n      ))}\n      {filterCount > 0 ? <Skeleton className=\"h-7 w-[66px]\" /> : null}\n    </div>\n  )\n}\n\nexport { DataTableFilterBar }\nexport type { DataTableFilterBarProps }\n\n"]}

package/dist/esm/blocks/data-table/components/data-table-filter-menu.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+interface DataTableFilterMenuProps {
+    /**
+     * The tooltip to show when hovering over the filter menu.
+     */
+    tooltip?: string;
+    /**
+     * Callback when a filter is added
+     */
+    onAddFilter?: (id: string, value: unknown) => void;
+}
+/**
+ * This component adds a filter menu to the data table, allowing users
+ * to filter the table's data.
+ */
+declare const DataTableFilterMenu: {
+    ({ tooltip, onAddFilter }: DataTableFilterMenuProps): React.JSX.Element;
+    displayName: string;
+};
+export { DataTableFilterMenu };
+export type { DataTableFilterMenuProps };
+//# sourceMappingURL=data-table-filter-menu.d.ts.map

package/dist/esm/blocks/data-table/components/data-table-filter-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-menu.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-filter-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,UAAU,wBAAwB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACnD;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB;+BAA8B,wBAAwB;;CA2E9E,CAAA;AAOD,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/esm/blocks/data-table/components/data-table-filter-menu.js

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { useDataTableContext } from "../../data-table/context/use-data-table-context";
+import { DropdownMenu } from "../../../components/dropdown-menu";
+import { IconButton } from "../../../components/icon-button";
+import { Skeleton } from "../../../components/skeleton";
+import { Tooltip } from "../../../components/tooltip";
+import { Funnel } from "@acmekit/icons";
+/**
+ * This component adds a filter menu to the data table, allowing users
+ * to filter the table's data.
+ */
+const DataTableFilterMenu = ({ tooltip, onAddFilter }) => {
+    const { instance } = useDataTableContext();
+    const enabledFilters = Object.keys(instance.getFiltering());
+    const filterOptions = instance
+        .getFilters()
+        .filter((filter) => !enabledFilters.includes(filter.id));
+    if (!enabledFilters.length && !filterOptions.length) {
+        throw new Error("DataTable.FilterMenu was rendered but there are no filters to apply. Make sure to pass filters to 'useDataTable'");
+    }
+    const Wrapper = tooltip ? Tooltip : React.Fragment;
+    const wrapperProps = tooltip
+        ? { content: tooltip, hidden: filterOptions.length === 0 }
+        : {};
+    if (instance.showSkeleton) {
+        return React.createElement(DataTableFilterMenuSkeleton, null);
+    }
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(Wrapper, { ...wrapperProps },
+            React.createElement(DropdownMenu.Trigger, { asChild: true, disabled: filterOptions.length === 0 },
+                React.createElement(IconButton, { size: "small" },
+                    React.createElement(Funnel, null)))),
+        React.createElement(DropdownMenu.Content, { side: "bottom", align: "start" }, filterOptions.map((filter) => {
+            const getDefaultValue = () => {
+                switch (filter.type) {
+                    case "select":
+                    case "multiselect":
+                        return [];
+                    case "string":
+                        return "";
+                    case "number":
+                        return null;
+                    case "date":
+                        return null;
+                    case "radio":
+                        return null;
+                    case "custom":
+                        return null;
+                    default:
+                        return null;
+                }
+            };
+            return (React.createElement(DropdownMenu.Item, { key: filter.id, onClick: (e) => {
+                    // Prevent any bubbling that might interfere
+                    e.stopPropagation();
+                    if (onAddFilter) {
+                        onAddFilter(filter.id, getDefaultValue());
+                    }
+                    else {
+                        instance.addFilter({ id: filter.id, value: getDefaultValue() });
+                    }
+                } }, filter.label));
+        }))));
+};
+DataTableFilterMenu.displayName = "DataTable.FilterMenu";
+const DataTableFilterMenuSkeleton = () => {
+    return React.createElement(Skeleton, { className: "size-7" });
+};
+export { DataTableFilterMenu };
+//# sourceMappingURL=data-table-filter-menu.js.map

package/dist/esm/blocks/data-table/components/data-table-filter-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter-menu.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-filter-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAA;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAavC;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAA4B,EAAE,EAAE;IACjF,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAE1C,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAA;IAE3D,MAAM,aAAa,GAAG,QAAQ;SAC3B,UAAU,EAAE;SACZ,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;IAE1D,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QACpD,MAAM,IAAI,KAAK,CACb,kHAAkH,CACnH,CAAA;IACH,CAAC;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAA;IAClD,MAAM,YAAY,GAAG,OAAO;QAC1B,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1D,CAAC,CAAE,EAAU,CAAA;IAEf,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC1B,OAAO,oBAAC,2BAA2B,OAAG,CAAA;IACxC,CAAC;IAED,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,OAAO,OAAK,YAAY;YACvB,oBAAC,YAAY,CAAC,OAAO,IAAC,OAAO,QAAC,QAAQ,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;gBAChE,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO;oBACtB,oBAAC,MAAM,OAAG,CACC,CACQ,CACf;QACV,oBAAC,YAAY,CAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,IAC9C,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5B,MAAM,eAAe,GAAG,GAAG,EAAE;gBAC3B,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;oBACpB,KAAK,QAAQ,CAAC;oBACd,KAAK,aAAa;wBAChB,OAAO,EAAE,CAAA;oBACX,KAAK,QAAQ;wBACX,OAAO,EAAE,CAAA;oBACX,KAAK,QAAQ;wBACX,OAAO,IAAI,CAAA;oBACb,KAAK,MAAM;wBACT,OAAO,IAAI,CAAA;oBACb,KAAK,OAAO;wBACV,OAAO,IAAI,CAAA;oBACb,KAAK,QAAQ;wBACX,OAAO,IAAI,CAAA;oBACb;wBACE,OAAO,IAAI,CAAA;gBACf,CAAC;YACH,CAAC,CAAA;YAED,OAAO,CACL,oBAAC,YAAY,CAAC,IAAI,IAChB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,4CAA4C;oBAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,IAAI,WAAW,EAAE,CAAC;wBAChB,WAAW,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,CAAA;oBAC3C,CAAC;yBAAM,CAAC;wBACN,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAA;oBACjE,CAAC;gBACH,CAAC,IAEA,MAAM,CAAC,KAAK,CACK,CACrB,CAAA;QACH,CAAC,CAAC,CACmB,CACV,CAChB,CAAA;AACH,CAAC,CAAA;AACD,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,OAAO,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;AACxC,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { useDataTableContext } from \"@/blocks/data-table/context/use-data-table-context\"\nimport { DropdownMenu } from \"@/components/dropdown-menu\"\nimport { IconButton } from \"@/components/icon-button\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport { Tooltip } from \"@/components/tooltip\"\nimport { Funnel } from \"@acmekit/icons\"\n\ninterface DataTableFilterMenuProps {\n  /**\n   * The tooltip to show when hovering over the filter menu.\n   */\n  tooltip?: string\n  /**\n   * Callback when a filter is added\n   */\n  onAddFilter?: (id: string, value: unknown) => void\n}\n\n/**\n * This component adds a filter menu to the data table, allowing users\n * to filter the table's data.\n */\nconst DataTableFilterMenu = ({ tooltip, onAddFilter }: DataTableFilterMenuProps) => {\n  const { instance } = useDataTableContext()\n\n  const enabledFilters = Object.keys(instance.getFiltering())\n\n  const filterOptions = instance\n    .getFilters()\n    .filter((filter) => !enabledFilters.includes(filter.id))\n\n  if (!enabledFilters.length && !filterOptions.length) {\n    throw new Error(\n      \"DataTable.FilterMenu was rendered but there are no filters to apply. Make sure to pass filters to 'useDataTable'\"\n    )\n  }\n\n  const Wrapper = tooltip ? Tooltip : React.Fragment\n  const wrapperProps = tooltip\n    ? { content: tooltip, hidden: filterOptions.length === 0 }\n    : ({} as any)\n\n  if (instance.showSkeleton) {\n    return <DataTableFilterMenuSkeleton />\n  }\n\n  return (\n    <DropdownMenu>\n      <Wrapper {...wrapperProps}>\n        <DropdownMenu.Trigger asChild disabled={filterOptions.length === 0}>\n          <IconButton size=\"small\">\n            <Funnel />\n          </IconButton>\n        </DropdownMenu.Trigger>\n      </Wrapper>\n      <DropdownMenu.Content side=\"bottom\" align=\"start\">\n        {filterOptions.map((filter) => {\n          const getDefaultValue = () => {\n            switch (filter.type) {\n              case \"select\":\n              case \"multiselect\":\n                return []\n              case \"string\":\n                return \"\"\n              case \"number\":\n                return null\n              case \"date\":\n                return null\n              case \"radio\":\n                return null\n              case \"custom\":\n                return null\n              default:\n                return null\n            }\n          }\n          \n          return (\n            <DropdownMenu.Item\n              key={filter.id}\n              onClick={(e) => {\n                // Prevent any bubbling that might interfere\n                e.stopPropagation()\n                if (onAddFilter) {\n                  onAddFilter(filter.id, getDefaultValue())\n                } else {\n                  instance.addFilter({ id: filter.id, value: getDefaultValue() })\n                }\n              }}\n            >\n              {filter.label}\n            </DropdownMenu.Item>\n          )\n        })}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  )\n}\nDataTableFilterMenu.displayName = \"DataTable.FilterMenu\"\n\nconst DataTableFilterMenuSkeleton = () => {\n  return <Skeleton className=\"size-7\" />\n}\n\nexport { DataTableFilterMenu }\nexport type { DataTableFilterMenuProps }\n"]}

package/dist/esm/blocks/data-table/components/data-table-filter.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface DataTableFilterProps {
+    id: string;
+    filter: unknown;
+    isNew?: boolean;
+    onUpdate?: (value: unknown) => void;
+    onRemove?: () => void;
+}
+declare const DataTableFilter: {
+    ({ id, filter, isNew, onUpdate, onRemove }: DataTableFilterProps): React.JSX.Element | null;
+    displayName: string;
+};
+export { DataTableFilter };
+export type { DataTableFilterProps };
+//# sourceMappingURL=data-table-filter.d.ts.map

package/dist/esm/blocks/data-table/components/data-table-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAYD,QAAA,MAAM,eAAe;gDAAuD,oBAAoB;;CAqU/F,CAAA;AA+4BD,OAAO,EAAE,eAAe,EAAE,CAAA;AAC1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}