@vizzly/dashboard 0.12.13 → 0.12.14-dev-e21379b0100190e14c468d97e585466bfe2e87c0

package/dist/shared-ui/src/components/ChartWrapper.d.ts

@@ -1,5 +1,4 @@
 import React, { FunctionComponent } from 'react';
-import 'twin.macro';
 export declare const ChartWrapper: (props: {
     children: React.ReactNode;
     disabledFeatures: boolean;

package/dist/shared-ui/src/components/DataTable/DataTableView.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import 'twin.macro';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { TableColumnTypes } from './TableHeader';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';

package/dist/shared-ui/src/components/Drilldown/useDrilldownSelection.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Component } from '../../../../shared-logic/src/Component/types';
+import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+import { Result } from '../../../../shared-logic/src/Result/types';
+import * as Drilldown from '../../../../shared-logic/src/Drilldown/Drilldown';
+export declare type AcceptedDrilldownAttributes = Component.PieChartAttributes | Component.BarChartAttributes | Component.HorizontalBarChartAttributes;
+export declare function useDrilldownSelection(results: (Result | null)[], attributes: AcceptedDrilldownAttributes, setAttributes: (newAttributes: AcceptedDrilldownAttributes) => void, dataSet: DataSet): {
+    onDrilldownChange: ({ existingField, newField }: Drilldown.SelectedDrilldown) => void;
+    setDrilldownSelections: import("react").Dispatch<import("react").SetStateAction<Drilldown.SelectedDrilldown[]>>;
+    drilldownSelections: Drilldown.SelectedDrilldown[];
+};

package/dist/shared-ui/src/components/FunnelChart/FunnelChartView.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { VizzlyComponents } from '../../types';
-import 'twin.macro';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { DashboardBehaviour, IdPrefix } from '../../contexts/DashboardBehaviour/types';
 import { HeadlineStatsProps } from '../HeadlineStats/HeadlineStats';

package/dist/shared-ui/src/components/Icons/ComponentIcons.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'twin.macro';
 export declare const RichText: (props: any) => JSX.Element;
 export declare const AreaChart: (props: any) => JSX.Element;
 export declare const PieChart: (props: any) => JSX.Element;

package/dist/shared-ui/src/components/LineChart/LineChartView.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { VizzlyComponents } from '../../types';
-import 'twin.macro';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { OnPointerUp } from '../../../../charts/src/types';
 import { Dashboard } from '../../../../shared-logic/src/Dashboard/types';

package/dist/shared-ui/src/components/LocalFilter/DateTimeFilter/DataProps.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
-import 'twin.macro';
 import { DateFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
 export declare type Props = VizzlyComponents.EditorSectionProps<DateFilter>;
 export default function DataProps(inputProps: Props): JSX.Element;

package/dist/shared-ui/src/components/LocalFilter/SelectFilter/DataProps.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { VizzlyComponents } from '../../../types';
-import 'twin.macro';
 import { SingleSelectFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
 export declare type Props = VizzlyComponents.EditorSectionProps<SingleSelectFilter>;
 export default function DataProps(inputProps: Props): JSX.Element;

package/dist/shared-ui/src/components/PieChart/PieChart.d.ts

@@ -16,5 +16,6 @@ export declare type PieChartProps = {
     id: string;
     dashboardBehaviour: DashboardBehaviour;
     library?: boolean;
+    editor?: boolean;
 };
 export declare const PieChart: (props: PieChartProps) => JSX.Element;

package/dist/shared-ui/src/components/PieChart/PieChartView.d.ts

@@ -2,13 +2,18 @@ import React from 'react';
 import { VizzlyComponents } from '../../types';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
+import * as Drilldown from '../../../../shared-logic/src/Drilldown/Drilldown';
 export declare type PieChartViewProps = VizzlyComponents.ViewProps<Component.PieChartAttributes> & {
     library?: boolean;
     numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
+    onDrilldownChange: (payload: Drilldown.SelectedDrilldown) => void;
+    drilldownSelections: Drilldown.SelectedDrilldown[];
+    onResetDrilldown: () => void;
+    editor?: boolean;
 };
 export declare const defaultProps: Omit<Component.PieChartAttributes, 'dataSetId'>;
 declare const memoized: React.MemoExoticComponent<{
     (props: PieChartViewProps): JSX.Element;
-    defaultProps: Pick<Component.PieChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "legend" | "parameters" | "labelFormat" | "labelsAsPercentage" | "labels">;
+    defaultProps: Pick<Component.PieChartAttributes, "filter" | "order" | "offset" | "measure" | "dimension" | "timeDimension" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "legend" | "parameters" | "drilldownOptions" | "labelFormat" | "labelsAsPercentage" | "labels">;
 }>;
 export default memoized;

package/dist/shared-ui/src/components/Studio/AdminTools/AdminTools.d.ts

@@ -1,6 +1,5 @@
 import * as Dashboard from '../../../../../shared-logic/src/Dashboard';
 import { FunctionComponent } from 'react';
-import 'twin.macro';
 export declare const watchForChangesToSave: (saveableDashboard: Dashboard.SaveableDashboardDefinition) => string;
 export declare const AdminTools: FunctionComponent<{
     isProgrammaticParent: boolean;

package/dist/shared-ui/src/components/Studio/StudioApp/ComponentOptions.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'twin.macro';
 import { VizzlyComponents } from '../../../types';
 import { Component } from '../../../../../shared-logic/src/Component/types';
 import { DownloadType } from '../../../api/useQueryEffect/download';

package/dist/shared-ui/src/components/Studio/StudioApp.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import 'twin.macro';
 declare const StudioApp: () => JSX.Element;
 export default StudioApp;

package/dist/shared-ui/src/components/Table/PrefixModal.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
-import 'twin.macro';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
 declare type Props = {

package/dist/shared-ui/src/components/ViewHeader/ViewHeader.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties, FunctionComponent } from 'react';
-import 'twin.macro';
 import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { Component, ComponentType } from '../../../../shared-logic/src/Component/types';

package/dist/shared-ui/src/contexts/DashboardContext/types.d.ts

@@ -55,6 +55,10 @@ export declare type SetDashboardAction = {
     type: 'setDashboard';
     dashboard: Dashboard;
 };
+export declare type ImportDashboardAction = {
+    type: 'importDashboard';
+    dashboardToImport: Dashboard;
+};
 export declare type SetThemeAction = {
     type: 'setTheme';
     theme: StoredTheme;
@@ -213,7 +217,7 @@ export declare type StartEditorAction = {
     libraryIndex: number | null;
     component: Component | null;
 };
-export declare type StudioAction = InitAction | SetDashboardAction | SaveComponentAction | ClearModalAction | InsertRowAction | AppendCellAction | AddHeaderRowAction | SetHeaderComponentAction | RemoveCellAction | ClearCellAction | RemoveRowAction | AddDataSetAction | RemoveDataSetAction | SetDataSetsAction | SetLocalFiltersAction | SetAttributesAction | UpdateEditorComponentAction | SetResultsForComponentInDisplayAction | SetResultsForComponentInEditorAction | SetResultsForComponentInLibraryAction | StartEditingComponentAction | StartPickingComponentFromLibraryForDisplayAction | PickComponentFromLibraryForDisplayAction | SetThemeAction | SetGlobalFiltersAction | ChangePreviewModeAction | UpdateDisplayComponentAttributesAction | UpdateComponentLibraryAttributesAction | RemoveComponentFromLibraryAction | AddCustomComponentAction | SetColSpansAction | SetRowHeightAction | SetComponentReportsAction | SwapComponentsAction | SetParameterBasedUpdateAction | AddComponentToLibrary | StartEditorAction;
+export declare type StudioAction = InitAction | SetDashboardAction | ImportDashboardAction | SaveComponentAction | ClearModalAction | InsertRowAction | AppendCellAction | AddHeaderRowAction | SetHeaderComponentAction | RemoveCellAction | ClearCellAction | RemoveRowAction | AddDataSetAction | RemoveDataSetAction | SetDataSetsAction | SetLocalFiltersAction | SetAttributesAction | UpdateEditorComponentAction | SetResultsForComponentInDisplayAction | SetResultsForComponentInEditorAction | SetResultsForComponentInLibraryAction | StartEditingComponentAction | StartPickingComponentFromLibraryForDisplayAction | PickComponentFromLibraryForDisplayAction | SetThemeAction | SetGlobalFiltersAction | ChangePreviewModeAction | UpdateDisplayComponentAttributesAction | UpdateComponentLibraryAttributesAction | RemoveComponentFromLibraryAction | AddCustomComponentAction | SetColSpansAction | SetRowHeightAction | SetComponentReportsAction | SwapComponentsAction | SetParameterBasedUpdateAction | AddComponentToLibrary | StartEditorAction;
 export declare type PipelineTransformationOptions = {
     dashboardFilters: DashboardBehaviour['dashboardFilters'];
     onDashboardFilterChange: DashboardBehaviour['onDashboardFilterChange'];

package/dist/shared-ui/src/contexts/toastContext.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import 'twin.macro';
 declare const ToastContext: React.Context<{
     addToast: (content: () => React.ReactNode, uniqueKey?: string | undefined) => void;
 }>;
@@ -13,7 +12,7 @@ export declare const ToastError: (props: {
 export declare const ToastSuccess: (props: {
     message: string;
 }) => JSX.Element;
-export declare function ToastContextProvider({ children, }: {
+export declare function ToastContextProvider({ children }: {
     children: React.ReactNode;
 }): JSX.Element;
 export declare function useToastContext(): {

package/dist/shared-ui/src/headlessui/components/dialog/dialog.d.ts

@@ -81,7 +81,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -96,7 +96,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -111,7 +111,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -126,7 +126,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -141,7 +141,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -156,7 +156,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;

package/dist/shared-ui/src/headlessui/components/popover/popover.d.ts

@@ -27,7 +27,7 @@ declare type GroupPropsWeControl = 'id';
 export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props: Props<TTag, PopoverRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => JSX.Element) & {
     displayName: string;
 } & {
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, "id" | "type" | "onKeyDown" | "onClick" | "aria-controls" | "aria-expanded">, ref: Ref<HTMLButtonElement>) => JSX.Element) & {
+    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, "id" | "type" | "aria-controls" | "aria-expanded" | "onKeyDown" | "onClick">, ref: Ref<HTMLButtonElement>) => JSX.Element) & {
         displayName: string;
     };
     Overlay: (<TTag_2 extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "id" | "children" | "className" | "as" | "refName">> & {
@@ -50,7 +50,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "aria-hidden" | "as" | "refName">> & {
         as?: TTag_2 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -60,7 +60,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "aria-hidden" | "as" | "refName">> & {
         as?: TTag_2 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -70,7 +70,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "as" | "refName" | "aria-hidden">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
         as?: TTag_2 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -80,7 +80,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "as" | "refName" | "aria-hidden">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
         as?: TTag_2 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -117,7 +117,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         static?: boolean | undefined;
     } & {
         focus?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "onKeyDown" | "className" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "className" | "onKeyDown" | "as" | "refName">> & {
         as?: TTag_3 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -129,7 +129,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         unmount?: boolean | undefined;
     } & {
         focus?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "onKeyDown" | "className" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "className" | "onKeyDown" | "as" | "refName">> & {
         as?: TTag_3 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;

package/dist/shared-ui/src/headlessui/components/switch/switch.d.ts

@@ -32,7 +32,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "onChange" | "className" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "name" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -44,7 +44,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onClick" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "role" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -56,7 +56,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "role" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "tabIndex" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -68,7 +68,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-checked" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -80,7 +80,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -92,7 +92,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "defaultChecked">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -104,7 +104,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onChange" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -116,7 +116,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "aria-checked">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onKeyPress" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -128,7 +128,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "onKeyPress">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onKeyUp" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -140,7 +140,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "onKeyUp">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onClick" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -152,7 +152,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "name">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "defaultChecked">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;

package/dist/shared-ui/src/headlessui/components/tabs/tabs.d.ts

@@ -86,7 +86,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "tabIndex" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -96,7 +96,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "tabIndex" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -106,7 +106,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -116,7 +116,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
         as?: TTag_4 | undefined;
         children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;

package/dist/shared-ui/src/library/DataPanel/CustomMetricsInput.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { CustomField } from '../../../../shared-logic/src/CustomField/types';
-import 'twin.macro';
 import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
 import { ComponentType } from '../../../../shared-logic/src/Component/types';
 declare type Props = {

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/DrilldownBreadcrumb.d.ts

@@ -3,6 +3,6 @@ import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { SelectedDrilldown } from '../../../../../shared-logic/src/Drilldown/Drilldown';
 export declare const DrilldownBreadcrumb: FunctionComponent<{
     onReset: () => void;
-    drilldownSelections: SelectedDrilldown[];
+    drilldownSelections?: SelectedDrilldown[];
     dataSet: DataSet;
 }>;

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/DrilldownInput.d.ts

@@ -1,10 +1,11 @@
 import { FunctionComponent } from 'react';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes as QueryAttributesType } from '../../../../../shared-logic/src/QueryAttributes/types';
-import { Component } from '../../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../../shared-logic/src/Component/types';
 export declare const DrilldownInput: FunctionComponent<{
     dimensions: Array<QueryAttributesType.Dimension>;
     drilldownOptions?: Component.DrilldownOptions[];
     onSetDrilldown: (drilldown: Array<Component.DrilldownOptions>) => void;
     dataSet: DataSetType;
+    component: ComponentType;
 }>;

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/DrilldownModal.d.ts

@@ -1,11 +1,12 @@
 import { FunctionComponent } from 'react';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
-import { Component } from '../../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../../shared-logic/src/Component/types';
 export declare const DrilldownModal: FunctionComponent<{
     show: boolean;
     onClose: (drilldown?: Component.DrilldownOptions[]) => void;
     drilldownOptions?: Component.DrilldownOptions[];
     dataSet: DataSetType;
     dimension: QueryAttributes.Dimension[];
+    component: ComponentType;
 }>;

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/drilldown.func.d.ts

@@ -1,5 +1,7 @@
-import { Component } from '../../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../../shared-logic/src/Component/types';
 import { MultiSelectOptions } from '../../../base/MultiSelect';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
+import { FieldFilterOptions } from '../../../../../shared-logic/src/DataSet/types';
 export declare const getInitialSelected: (fieldOptions: MultiSelectOptions[], drilldownOptions?: Component.DrilldownOptions[] | undefined) => number[];
 export declare function getDrilldownOptions(selectedFieldIndexes: number[], fieldOptions: MultiSelectOptions[], queryEngineConfig: QueryEngineConfig): Component.DrilldownOptions[];
+export declare const drilldownFieldConfiguration: (component: ComponentType) => FieldFilterOptions;

package/dist/shared-ui/src/library/DataPanel/FilterInput/FilterInputForm.d.ts

@@ -2,7 +2,6 @@
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { FilterFieldType, WipFilter } from './types';
-import 'twin.macro';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
 import { TextOverride } from '../../../../../shared-logic/src/Translations/types';
 import { SupportedQueryOperators } from '../QueryOpInput';

package/dist/shared-ui/src/library/DataPanel/FilterInput.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { VizzlyComponents } from '../../types';
-import 'twin.macro';
 import { QueryAttributes } from '../../../../shared-logic/src/QueryAttributes/types';
 import { TextOverride } from '../../../../shared-logic/src/Translations/types';
 declare type ManagedProps = {

package/dist/shared-ui/src/library/DisplayStatusReport.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'twin.macro';
 export declare const STRATEGY_TO_TITLE: {
     dynamic: string;
     vizzlyApiStore: string;

package/dist/shared-ui/src/library/Editor/useEditor.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="lodash" />
 import React from 'react';
 import { VizzlyComponents, trackEventCallback } from '../../types';
-import 'twin.macro';
 export declare type Origin = 'dashboard' | 'library';
 import { Component, Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';

package/dist/shared-ui/src/library/Empty.d.ts

@@ -1,5 +1,4 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import 'twin.macro';
 import { ViewHeaderProps } from '../components/ViewHeader/ViewHeader';
 export declare const Empty: (props: {
     title: string | JSX.Element;

package/dist/shared-ui/src/library/Form.d.ts

@@ -1,7 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export { Input } from '../base/Input';
 export { Label } from '../base/Label';
-export declare const CategoryHeading: import("twin.macro").TwComponent<"p">;
+export declare const CategoryHeading: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
 export declare const CheckboxInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
     checked?: boolean | undefined;
     indeterminate?: boolean | undefined;

package/dist/shared-ui/src/library/Group.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import 'twin.macro';
 export declare const Group: (props: {
     children: React.ReactNode;
 }) => JSX.Element;

package/dist/shared-ui/src/library/Library/ComponentInLibrary.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'twin.macro';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { ViewsInLibraryProps } from './types';
 declare type ComponentInLibraryProps = {

package/dist/shared-ui/src/library/Library/Library.d.ts

@@ -1,5 +1,4 @@
 import { FunctionComponent } from 'react';
-import 'twin.macro';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
 import { Query } from '../../../../shared-logic/src/Query/types';
 import { Result } from '../../../../shared-logic/src/Result/types';

package/dist/shared-ui/src/library/OverridesDeveloperInfoModal.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import 'twin.macro';
 export declare const OverridesDeveloperInfoModal: () => JSX.Element;