@databiosphere/findable-ui 48.1.0 → 49.1.0

package/.github/workflows/release-please.yml

@@ -44,28 +44,6 @@ jobs:
         if: ${{ steps.release.outputs.release_created }}
         run: npx tsc
 
-      - name: Debug OIDC Token
-        if: ${{ steps.release.outputs.release_created }}
-        run: |
-          echo "=== OIDC Debug Info ==="
-          echo "Repository: $GITHUB_REPOSITORY"
-          echo "Workflow: $GITHUB_WORKFLOW"
-          echo "Job: $GITHUB_JOB"
-          echo "Run ID: $GITHUB_RUN_ID"
-          echo "Ref: $GITHUB_REF"
-          echo "Token URL available: ${{ env.ACTIONS_ID_TOKEN_REQUEST_URL != '' }}"
-          echo "=== Requesting OIDC token for npm ==="
-          if [ -n "$ACTIONS_ID_TOKEN_REQUEST_URL" ]; then
-            if OIDC_RESPONSE=$(curl -sS -H "Authorization: bearer $ACTIONS_ID_TOKEN_REQUEST_TOKEN" \
-              "$ACTIONS_ID_TOKEN_REQUEST_URL&audience=npm" 2>/dev/null); then
-              echo "✓ OIDC token request succeeded"
-            else
-              echo "✗ Failed to get OIDC token"
-            fi
-          else
-            echo "✗ ACTIONS_ID_TOKEN_REQUEST_URL is not set - id-token permission may be missing"
-          fi
-
       - name: Publish to NPM
         if: ${{ steps.release.outputs.release_created }}
         run: npm publish --provenance --access public

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "48.1.0"
+  ".": "49.1.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog
 
+## [49.1.0](https://github.com/DataBiosphere/findable-ui/compare/v49.0.0...v49.1.0) (2026-02-28)
+
+
+### Features
+
+* add research mode with chat-driven dataset discovery ([#778](https://github.com/DataBiosphere/findable-ui/issues/778)) ([#800](https://github.com/DataBiosphere/findable-ui/issues/800)) ([a844aaf](https://github.com/DataBiosphere/findable-ui/commit/a844aaf2927c76e80e97aa2b9dd7d1929da9bdfa))
+
+
+### Bug Fixes
+
+* improve tooltip ux with delay and better placement ([#775](https://github.com/DataBiosphere/findable-ui/issues/775)) ([#776](https://github.com/DataBiosphere/findable-ui/issues/776)) ([2d60b92](https://github.com/DataBiosphere/findable-ui/commit/2d60b927f91d28eabc8177ac81aa8fb8c8107db2))
+
+## [49.0.0](https://github.com/DataBiosphere/findable-ui/compare/v48.1.0...v49.0.0) (2026-02-17)
+
+
+### ⚠ BREAKING CHANGES
+
+* chartview: add configurable bar sort order ([#772](https://github.com/DataBiosphere/findable-ui/issues/772)) (#773)
+* remove unused filemanifesttype prop and type definitions from export components ([#767](https://github.com/DataBiosphere/findable-ui/issues/767)) (#768)
+
+### Features
+
+* chartview: add configurable bar sort order ([#772](https://github.com/DataBiosphere/findable-ui/issues/772)) ([#773](https://github.com/DataBiosphere/findable-ui/issues/773)) ([bea776a](https://github.com/DataBiosphere/findable-ui/commit/bea776a987a612d30a0010f29af128946f4aad48))
+
+
+### Bug Fixes
+
+* remove unused filemanifesttype prop and type definitions from export components ([#767](https://github.com/DataBiosphere/findable-ui/issues/767)) ([#768](https://github.com/DataBiosphere/findable-ui/issues/768)) ([4da929f](https://github.com/DataBiosphere/findable-ui/commit/4da929fcfd3acaccdb60f269bbffa8be033fdec3))
+
+
+### Chores
+
+* remove debug code ([#762](https://github.com/DataBiosphere/findable-ui/issues/762)) ([#765](https://github.com/DataBiosphere/findable-ui/issues/765)) ([6a6b8f5](https://github.com/DataBiosphere/findable-ui/commit/6a6b8f5087bf972397fa4104f946b41eae03a0da))
+
+
+### Code Refactoring
+
+* render null instead of empty fragment when hideTabs is true ([#770](https://github.com/DataBiosphere/findable-ui/issues/770)) ([#771](https://github.com/DataBiosphere/findable-ui/issues/771)) ([62733b7](https://github.com/DataBiosphere/findable-ui/commit/62733b7fb271fa6be4a29b7c7d545272a1c3e9ef))
+
 ## [48.1.0](https://github.com/DataBiosphere/findable-ui/compare/v48.0.0...v48.1.0) (2026-01-11)
 
 

package/backend/main.py

@@ -2,7 +2,6 @@ from fastapi import FastAPI
 
 from backend.controllers.facets_controller import router as facets_router
 
-
 app = FastAPI(title="Findable API")
 
 # Register controller(s)

package/lib/common/ai/config/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * AI configuration.
+ */
+export interface AiConfig {
+    enabled: boolean;
+    prompt?: AiPrompt;
+    routes: {
+        research: string;
+        search: string;
+    };
+    url: string;
+}
+export interface AiPrompt {
+    inputPlaceholder?: string;
+    suggestions?: AiSuggestions[];
+    text: string;
+}
+export interface AiSuggestions {
+    label: string;
+    query: string;
+    variant: "CHIP";
+}

package/lib/common/ai/config/types.js

@@ -0,0 +1 @@
+export {};

package/lib/common/ai/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FEATURE_FLAG: {
+    readonly CHAT: "chat";
+};

package/lib/common/ai/constants.js

@@ -0,0 +1,3 @@
+export const FEATURE_FLAG = {
+    CHAT: "chat",
+};

package/lib/common/categories/config/types.d.ts

@@ -1,3 +1,4 @@
+import { Chart } from "../../chart/types";
 import { CategoryKey, DataDictionaryAnnotation, SelectCategoryValueView } from "../../entities";
 import { RangeViewKind } from "../views/range/types";
 import { SelectViewKind } from "../views/select/types";
@@ -23,6 +24,6 @@ export interface RangeCategoryConfig extends CommonCategoryConfig, RangeViewKind
  * Select category config.
  */
 export interface SelectCategoryConfig extends CommonCategoryConfig, SelectViewKind {
-    enableChartView?: boolean;
+    chart?: Chart;
     mapSelectCategoryValue?: (selectCategoryValue: SelectCategoryValueView) => SelectCategoryValueView;
 }

package/lib/common/chart/sort/constants.d.ts

@@ -0,0 +1,5 @@
+import { CHART_SORT, ChartSortFn } from "./types";
+/**
+ * Map of chart sort options to their corresponding sort functions.
+ */
+export declare const CHART_SORT_FN: Record<CHART_SORT, ChartSortFn>;

package/lib/common/chart/sort/constants.js

@@ -0,0 +1,9 @@
+import { sortCategoryValueViewsAlpha, sortCategoryValueViewsCount, } from "../../filters/sort/models/utils";
+import { CHART_SORT } from "./types";
+/**
+ * Map of chart sort options to their corresponding sort functions.
+ */
+export const CHART_SORT_FN = {
+    [CHART_SORT.ALPHA]: sortCategoryValueViewsAlpha,
+    [CHART_SORT.COUNT]: sortCategoryValueViewsCount,
+};

package/lib/common/chart/sort/types.d.ts

@@ -0,0 +1,16 @@
+import { SelectCategoryValueView } from "../../entities";
+/**
+ * Chart sorting options for select categories.
+ */
+export declare enum CHART_SORT {
+    ALPHA = "ALPHA",
+    COUNT = "COUNT"
+}
+/**
+ * Sorting function type for select category values.
+ */
+export type ChartSortFn = (a: SelectCategoryValueView, b: SelectCategoryValueView) => number;
+/**
+ * Chart sort options - either a preset (ALPHA, COUNT) or a custom sort function.
+ */
+export type ChartSortOptions = CHART_SORT | ChartSortFn;

package/lib/common/chart/sort/types.js

@@ -0,0 +1,8 @@
+/**
+ * Chart sorting options for select categories.
+ */
+export var CHART_SORT;
+(function (CHART_SORT) {
+    CHART_SORT["ALPHA"] = "ALPHA";
+    CHART_SORT["COUNT"] = "COUNT";
+})(CHART_SORT || (CHART_SORT = {}));

package/lib/common/chart/sort/utils.d.ts

@@ -0,0 +1,7 @@
+import { ChartSortOptions, ChartSortFn } from "./types";
+/**
+ * Resolves chart sort options to a sorting function.
+ * @param chartSortOptions - Chart sort option (ALPHA, COUNT, or custom function).
+ * @returns Sorting function to use for chart data.
+ */
+export declare function getChartSortFn(chartSortOptions?: ChartSortOptions): ChartSortFn;

package/lib/common/chart/sort/utils.js

@@ -0,0 +1,19 @@
+import { CHART_SORT_FN } from "./constants";
+import { CHART_SORT } from "./types";
+/**
+ * Resolves chart sort options to a sorting function.
+ * @param chartSortOptions - Chart sort option (ALPHA, COUNT, or custom function).
+ * @returns Sorting function to use for chart data.
+ */
+export function getChartSortFn(chartSortOptions) {
+    // Default to COUNT sort if not specified.
+    if (!chartSortOptions) {
+        return CHART_SORT_FN[CHART_SORT.COUNT];
+    }
+    // If it's a custom function, return it directly.
+    if (typeof chartSortOptions === "function") {
+        return chartSortOptions;
+    }
+    // Otherwise, look up the function from the map.
+    return CHART_SORT_FN[chartSortOptions];
+}

package/lib/common/chart/types.d.ts

@@ -0,0 +1,5 @@
+import { ChartSortOptions } from "./sort/types";
+export interface Chart {
+    enable: boolean;
+    sortBy?: ChartSortOptions;
+}

package/lib/common/chart/types.js

@@ -0,0 +1 @@
+export {};

package/lib/common/entities.d.ts

@@ -1,4 +1,5 @@
 import { RowData, TableOptions } from "@tanstack/react-table";
+import { Chart } from "./chart/types";
 /**
  * Model of a value of a metadata class.
  */
@@ -133,7 +134,7 @@ export interface SelectCategoryValueView {
  */
 export interface SelectCategoryView {
     annotation?: DataDictionaryAnnotation;
-    enableChartView?: boolean;
+    chart?: Chart;
     isDisabled?: boolean;
     key: CategoryKey;
     label: string;

package/lib/components/Export/components/DownloadCurlCommand/downloadCurlCommand.d.ts

@@ -1,6 +1,5 @@
 import { JSX, ElementType } from "react";
 import { Filters } from "../../../../common/entities";
-import { FileManifestType } from "../../../../hooks/useFileManifest/common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";
 interface DownloadCurlCommandProps {
@@ -8,7 +7,6 @@ interface DownloadCurlCommandProps {
     DownloadCurlStart: ElementType;
     DownloadCurlSuccess: ElementType;
     fileManifestState: FileManifestState;
-    fileManifestType: FileManifestType;
     fileSummaryFacetName: string;
     filters: Filters;
     formFacet: FormFacet;

package/lib/components/Export/components/ExportToTerra/exportToTerra.d.ts

@@ -1,6 +1,5 @@
 import { JSX, ElementType } from "react";
 import { Filters } from "../../../../common/entities";
-import { FileManifestType } from "../../../../hooks/useFileManifest/common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";
 export interface ExportToTerraProps {
@@ -8,7 +7,6 @@ export interface ExportToTerraProps {
     ExportToTerraStart: ElementType;
     ExportToTerraSuccess: ElementType;
     fileManifestState: FileManifestState;
-    fileManifestType: FileManifestType;
     fileSummaryFacetName: string;
     filters: Filters;
     formFacet: FormFacet;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/manifestDownloadEntity.d.ts

@@ -1,9 +1,7 @@
 import { JSX } from "react";
 import { Filters } from "../../../../../../common/entities";
-import { FileManifestType } from "../../../../../../hooks/useFileManifest/common/entities";
 import { ManifestDownloadFormat } from "../../../../common/entities";
 export interface ManifestDownloadEntityProps {
-    fileManifestType: FileManifestType;
     filters: Filters;
     manifestDownloadFormat?: ManifestDownloadFormat;
     metadataFilters: Filters;

package/lib/components/Export/components/ManifestDownload/manifestDownload.d.ts

@@ -1,11 +1,9 @@
 import { JSX, ElementType } from "react";
 import { Filters } from "../../../../common/entities";
-import { FileManifestType } from "../../../../hooks/useFileManifest/common/entities";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";
 export interface ManifestDownloadProps {
     fileManifestState: FileManifestState;
-    fileManifestType: FileManifestType;
     fileSummaryFacetName: string;
     filters: Filters;
     formFacet: FormFacet;

package/lib/components/Filter/components/FilterLabel/filterLabel.js

@@ -4,5 +4,5 @@ import { Tooltip } from "../../../DataDictionary/components/Tooltip/tooltip";
 import { StyledButton } from "./filterLabel.styles";
 export const FilterLabel = ({ annotation, count, disabled = false, isOpen, label, onClick, surfaceType, }) => {
     const filterLabel = count ? `${label}\xa0(${count})` : label; // When the count is present, a non-breaking space is used to prevent it from being on its own line
-    return (_jsx(Tooltip, { description: annotation?.description, title: annotation?.label, children: _jsx(StyledButton, { color: "inherit", disabled: disabled, endIcon: _jsx(ArrowDropDownRounded, { fontSize: "small" }), fullWidth: true, isOpen: isOpen, onClick: onClick, surfaceType: surfaceType, children: filterLabel }) }));
+    return (_jsx(Tooltip, { description: annotation?.description, enterDelay: 300, placement: "right", title: annotation?.label, children: _jsx(StyledButton, { color: "inherit", disabled: disabled, endIcon: _jsx(ArrowDropDownRounded, { fontSize: "small" }), fullWidth: true, isOpen: isOpen, onClick: onClick, surfaceType: surfaceType, children: filterLabel }) }));
 };

package/lib/components/Filter/components/FilterLabel/filterLabel.stories.d.ts

@@ -3,6 +3,9 @@ import { JSX } from "react";
 import { SURFACE_TYPE } from "../surfaces/types";
 declare const meta: {
     argTypes: {
+        annotation: {
+            control: "object";
+        };
         count: {
             control: "number";
         };

package/lib/components/Filter/components/FilterLabel/filterLabel.stories.js

@@ -3,6 +3,7 @@ import { SURFACE_TYPE } from "../surfaces/types";
 import { FilterLabel } from "./filterLabel";
 const meta = {
     argTypes: {
+        annotation: { control: "object" },
         count: { control: "number" },
         disabled: { control: "boolean" },
         isOpen: { control: "boolean" },
@@ -17,6 +18,10 @@ const meta = {
 export default meta;
 export const FilterLabelStory = {
     args: {
+        annotation: {
+            description: "This is a description of the filter label that provides additional context to the user.",
+            label: "Label",
+        },
         count: 123,
         disabled: false,
         isOpen: false,

package/lib/components/Filter/components/Filters/stories/constants.js

@@ -92,6 +92,10 @@ const PROCESSED = {
  * Biological Sex select category view
  */
 export const BIOLOGICAL_SEX = {
+    annotation: {
+        description: "The biological sex of the donor organism, typically determined by chromosomal composition.",
+        label: "Biological Sex",
+    },
     key: "biologicalSex",
     label: "Biological Sex",
     values: [MALE, FEMALE],
@@ -100,6 +104,10 @@ export const BIOLOGICAL_SEX = {
  * Genus Species select category view
  */
 export const GENUS_SPECIES = {
+    annotation: {
+        description: "The scientific name of the organism from which the sample was derived.",
+        label: "Genus Species",
+    },
     key: "genusSpecies",
     label: "Genus Species",
     values: [HOMO_SAPIENS, MUS_MUSCLES],
@@ -108,7 +116,11 @@ export const GENUS_SPECIES = {
  * Donor Count range category view
  */
 export const DONOR_COUNT = {
-    key: "Donor Count",
+    annotation: {
+        description: "The number of unique donors contributing to the dataset.",
+        label: "Donor Count",
+    },
+    key: "donorCount",
     label: "Donor Count",
     max: 200,
     min: 10,
@@ -119,6 +131,10 @@ export const DONOR_COUNT = {
  * File Format select category view
  */
 export const FILE_FORMAT = {
+    annotation: {
+        description: "The format of the file, such as BAM, CSV, FASTQ, or TSV, indicating how the data is structured.",
+        label: "File Format",
+    },
     key: "fileFormat",
     label: "File Format",
     values: [BAM, CSV, FASTQ, TSV],
@@ -127,6 +143,10 @@ export const FILE_FORMAT = {
  * File Type select category view
  */
 export const FILE_TYPE = {
+    annotation: {
+        description: "The type of file, indicating whether the data is raw or has been processed.",
+        label: "File Type",
+    },
     isDisabled: true,
     key: "fileType",
     label: "File Type",

package/lib/components/Filter/components/SearchAllFilters/searchAllFilters.styles.js

@@ -2,6 +2,8 @@ import styled from "@emotion/styled";
 import { Autocomplete } from "@mui/material";
 export const StyledAutocomplete = styled(Autocomplete) `
   &.MuiAutocomplete-root {
+    grid-column: 1 / -1;
+
     .MuiOutlinedInput-root {
       padding: 0 12px;
 

package/lib/components/Filter/components/adapters/tanstack/ColumnFiltersAdapter/utils.js

@@ -145,7 +145,7 @@ function mapColumnToSelectCategoryView(column, filterSort, categoryConfig) {
     const values = mapColumnToSelectCategoryValueView(column, filterSort).map(categoryConfig?.mapSelectCategoryValue || getSelectCategoryValue);
     return {
         annotation: undefined,
-        enableChartView: false,
+        chart: undefined,
         isDisabled,
         key: column.id,
         label: getColumnHeader(column),

package/lib/components/Index/components/EntityView/components/views/ChartView/chartView.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
 import { Fragment } from "react";
+import { getChartSortFn } from "../../../../../../../common/chart/sort/utils";
 import { TYPOGRAPHY_PROPS } from "../../../../../../../styles/common/mui/typography";
 import { Loading, LOADING_PANEL_STYLE, } from "../../../../../../Loading/loading";
 import { StyledToolbar } from "../../../../../../Table/components/TableToolbar/tableToolbar.styles";
@@ -12,5 +13,5 @@ export const ChartView = ({ categoryFilters, entityName, loading, testId, }) =>
     const { chartViewRef, selectCategoryViews, width } = useChartView(categoryFilters);
     if (selectCategoryViews.length === 0)
         return null;
-    return (_jsxs(Fragment, { children: [_jsx(StyledToolbar, { children: _jsx(ViewToggle, {}) }), _jsx(Loading, { appear: false, autoPosition: false, loading: loading, panelStyle: LOADING_PANEL_STYLE.INHERIT }), _jsx(StyledGrid, { "data-testid": testId, ref: chartViewRef, children: selectCategoryViews.map(({ key, label, values }) => (_jsxs(StyledGridPaperSection, { children: [_jsxs(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.HEADING_SMALL, children: [entityName, " by ", label] }), _jsx(Chart, { selectCategoryValueViews: values, width: width })] }, key))) })] }));
+    return (_jsxs(Fragment, { children: [_jsx(StyledToolbar, { children: _jsx(ViewToggle, {}) }), _jsx(Loading, { appear: false, autoPosition: false, loading: loading, panelStyle: LOADING_PANEL_STYLE.INHERIT }), _jsx(StyledGrid, { "data-testid": testId, ref: chartViewRef, children: selectCategoryViews.map(({ chart, key, label, values }) => (_jsxs(StyledGridPaperSection, { children: [_jsxs(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.HEADING_SMALL, children: [entityName, " by ", label] }), _jsx(Chart, { selectCategoryValueViews: [...values].sort(getChartSortFn(chart?.sortBy)), width: width })] }, key))) })] }));
 };

package/lib/components/Index/components/EntityView/components/views/ChartView/components/Chart/hooks/UsePlotOptions/hook.js

@@ -1,14 +1,9 @@
 import { useMemo } from "react";
-import { sortCategoryValueViewsCount } from "../../../../../../../../../../../common/filters/sort/models/utils";
 import { getPlotOptions } from "../../barX/plot";
 import { getCategoryTotalCount } from "../../barX/utils";
 export const usePlotOptions = (selectCategoryValueViews, width, barCount) => {
-    // Organise the select category value views (sort and slice) for chart display.
-    const data = selectCategoryValueViews
-        // Sort the category values by count and label.
-        .sort(sortCategoryValueViewsCount)
-        // Slice the category values to the number of bars to display.
-        .slice(0, barCount);
+    // Slice the category values to the number of bars to display.
+    const data = selectCategoryValueViews.slice(0, barCount);
     // Build the plot options.
     const options = useMemo(() => getPlotOptions(data, getCategoryTotalCount(selectCategoryValueViews), width), [data, selectCategoryValueViews, width]);
     return { options };

package/lib/components/Index/components/EntityView/components/views/ChartView/components/Chart/stories/args.js

@@ -12,12 +12,6 @@ export const CHART_ARGS = {
             label: "male",
             selected: false,
         },
-        {
-            count: 240,
-            key: "mixed",
-            label: "mixed",
-            selected: false,
-        },
         {
             count: 78715,
             key: "unknown",
@@ -30,6 +24,12 @@ export const CHART_ARGS = {
             label: "Unspecified",
             selected: false,
         },
+        {
+            count: 240,
+            key: "mixed",
+            label: "mixed",
+            selected: false,
+        },
     ],
     width: 800,
 };
@@ -47,12 +47,6 @@ export const SELECT_CHART_ARGS = {
             label: "male",
             selected: true,
         },
-        {
-            count: 240,
-            key: "mixed",
-            label: "mixed",
-            selected: false,
-        },
         {
             count: 78715,
             key: "unknown",
@@ -65,6 +59,12 @@ export const SELECT_CHART_ARGS = {
             label: "Unspecified",
             selected: true,
         },
+        {
+            count: 240,
+            key: "mixed",
+            label: "mixed",
+            selected: false,
+        },
     ],
     width: 800,
 };

package/lib/components/Index/components/EntityView/components/views/ChartView/stories/args.js

@@ -3,7 +3,7 @@ export const CHART_VIEW_ARGS = {
         {
             categoryViews: [
                 {
-                    enableChartView: true,
+                    chart: { enable: true },
                     key: "biological-sex",
                     label: "Biological Sex",
                     values: [
@@ -40,7 +40,7 @@ export const CHART_VIEW_ARGS = {
                     ],
                 },
                 {
-                    enableChartView: true,
+                    chart: { enable: true },
                     key: "genusSpecies",
                     label: "Genus Species",
                     values: [
@@ -71,7 +71,7 @@ export const CHART_VIEW_ARGS = {
                     ],
                 },
                 {
-                    enableChartView: false,
+                    chart: { enable: false },
                     key: "pairedEnd",
                     label: "Paired End",
                     values: [

package/lib/components/Index/components/EntityView/components/views/ChartView/utils.js

@@ -8,7 +8,7 @@ export function getSelectCategoryViews(categoryFilters) {
     return categoryFilters
         .flatMap(({ categoryViews }) => categoryViews)
         .filter(isSelectCategoryView)
-        .filter(({ enableChartView = true }) => enableChartView)
+        .filter(({ chart }) => chart?.enable !== false)
         .filter(({ values }) => values.length > 0);
 }
 /**

package/lib/components/Layout/components/Sidebar/components/SidebarTools/sidebarTools.styles.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Container for sidebar tools, including the mode toggle and filter controls.
+ * @deprecated - This styled component is deprecated and will be removed in a future release.
+ */
 export declare const SidebarTools: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/lib/components/Layout/components/Sidebar/components/SidebarTools/sidebarTools.styles.js

@@ -1,5 +1,9 @@
 import styled from "@emotion/styled";
 import { bpUpMd } from "../../../../../../styles/common/mixins/breakpoints";
+/**
+ * Container for sidebar tools, including the mode toggle and filter controls.
+ * @deprecated - This styled component is deprecated and will be removed in a future release.
+ */
 export const SidebarTools = styled.div `
   display: grid;
   gap: 8px 0;

package/lib/components/common/Chip/components/Beta/beta.d.ts

@@ -0,0 +1,10 @@
+import { ChipProps } from "@mui/material";
+import { JSX } from "react";
+import { BaseComponentProps } from "../../../../types";
+/**
+ * Beta chip component to indicate features that are in beta.
+ * @param props - Component props.
+ * @param props.className - Classname.
+ * @returns Beta chip JSX element.
+ */
+export declare const Beta: ({ className, ...props }: BaseComponentProps & ChipProps) => JSX.Element;

package/lib/components/common/Chip/components/Beta/beta.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CHIP_PROPS } from "../../../../../styles/common/mui/chip";
+import { StyledChip } from "./beta.styles";
+/**
+ * Beta chip component to indicate features that are in beta.
+ * @param props - Component props.
+ * @param props.className - Classname.
+ * @returns Beta chip JSX element.
+ */
+export const Beta = ({ className, ...props }) => {
+    return (_jsx(StyledChip, { className: className, label: "Beta", size: CHIP_PROPS.SIZE.SMALL, ...props }));
+};

package/lib/components/common/Chip/components/Beta/beta.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material").ChipSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "label" | "style" | "className" | "classes" | "children" | "disabled" | "sx" | "tabIndex" | "color" | "variant" | "slots" | "slotProps" | "icon" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/common/Chip/components/Beta/beta.styles.js

@@ -0,0 +1,14 @@
+import styled from "@emotion/styled";
+import { Chip } from "@mui/material";
+import { PALETTE } from "../../../../../styles/common/constants/palette";
+import { FONT } from "../../../../../styles/common/constants/font";
+export const StyledChip = styled(Chip) `
+  background-color: ${PALETTE.PRIMARY_LIGHTEST};
+  border-radius: 4px;
+  color: ${PALETTE.PRIMARY_MAIN};
+
+  .MuiChip-label {
+    font: ${FONT.BODY_SMALL_500};
+    padding: 0 5px;
+  }
+`;

package/lib/components/common/Chip/components/Beta/stories/beta.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Beta } from "../beta";
+declare const meta: Meta<typeof Beta>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DEFAULT: Story;

package/lib/components/common/Chip/components/Beta/stories/beta.stories.js

@@ -0,0 +1,6 @@
+import { Beta } from "../beta";
+const meta = {
+    component: Beta,
+};
+export default meta;
+export const DEFAULT = {};

package/lib/components/common/CustomIcon/components/UpArrowIcon/upArrowIcon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import { JSX } from "react";
+/**
+ * Custom up arrow icon.
+ */
+export declare const UpArrowIcon: ({ fontSize, viewBox, ...props }: SvgIconProps) => JSX.Element;

package/lib/components/common/CustomIcon/components/UpArrowIcon/upArrowIcon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+/**
+ * Custom up arrow icon.
+ */
+export const UpArrowIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* SvgIconProps */ }) => {
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M8.24985 6.60005L6.07485 8.77505C5.93735 8.91255 5.76235 8.9813 5.54985 8.9813C5.33735 8.9813 5.16235 8.91255 5.02485 8.77505C4.88735 8.63755 4.8186 8.46255 4.8186 8.25005C4.8186 8.03755 4.88735 7.86255 5.02485 7.72505L8.47485 4.27505C8.62485 4.12505 8.79985 4.05005 8.99985 4.05005C9.19985 4.05005 9.37485 4.12505 9.52485 4.27505L12.9749 7.72505C13.1124 7.86255 13.1811 8.03755 13.1811 8.25005C13.1811 8.46255 13.1124 8.63755 12.9749 8.77505C12.8374 8.91255 12.6624 8.9813 12.4499 8.9813C12.2374 8.9813 12.0624 8.91255 11.9249 8.77505L9.74985 6.60005V12.75C9.74985 12.9625 9.67798 13.1407 9.53423 13.2844C9.39048 13.4282 9.21235 13.5 8.99985 13.5C8.78735 13.5 8.60923 13.4282 8.46548 13.2844C8.32173 13.1407 8.24985 12.9625 8.24985 12.75V6.60005Z", fill: "currentColor" }) }));
+};