@redsift/dashboard 12.2.11-muiv6 → 12.3.0-muiv7

package/_internal/Dashboard2.js

@@ -1,7 +1,8 @@
-import { _ as _objectSpread2, a as _objectWithoutProperties, b as _extends, D as DashboardContext } from './context.js';
+import { _ as _objectSpread2, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useState, useReducer, useMemo } from 'react';
 import classNames from 'classnames';
 import { useGridApiRef } from '@mui/x-data-grid-pro';
+import { D as DashboardContext } from './context.js';
 import { D as DashboardReducerActionType } from './types.js';
 import { C as CrossfilterRegistry } from './CrossfilterRegistry2.js';
 
@@ -64,6 +65,46 @@ const DashboardReducer = (state, action) => {
 const _excluded = ["children", "className", "data", "dataGridApiRef"];
 const COMPONENT_NAME = 'Dashboard';
 const CLASSNAME = 'redsift-dashboard-container';
+
+/**
+ * Dashboard provides a context for connected, filterable visualizations.
+ * Uses Crossfilter.js for high-performance multi-dimensional filtering.
+ *
+ * Wrap charts and DataGrids with `WithFilters` to enable cross-filtering.
+ * When one chart is filtered, all connected charts update automatically.
+ *
+ * @example
+ * // Basic dashboard with connected charts
+ * <Dashboard data={rawData}>
+ *   <WithFilters dimension="category">
+ *     <PieChart data={categoryData} />
+ *   </WithFilters>
+ *   <WithFilters dimension="date">
+ *     <TimeSeriesBarChart data={timeData} />
+ *   </WithFilters>
+ *   <WithFilters>
+ *     <DataGrid columns={columns} rows={filteredRows} />
+ *   </WithFilters>
+ * </Dashboard>
+ *
+ * @example
+ * // Data format for crossfilter
+ * const data = [
+ *   { id: 1, category: 'A', date: '2024-01-15', value: 100 },
+ *   { id: 2, category: 'B', date: '2024-01-16', value: 200 },
+ *   // Crossfilter will index all fields for fast filtering
+ * ];
+ * <Dashboard data={data}>...</Dashboard>
+ *
+ * @example
+ * // With DataGrid API ref for programmatic control
+ * const apiRef = useGridApiRef();
+ * <Dashboard data={data} dataGridApiRef={apiRef}>
+ *   {...}
+ * </Dashboard>
+ * // Later: apiRef.current.setFilterModel(...)
+ */
+
 const Dashboard = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       children,

package/_internal/Dashboard2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard2.js","sources":["../../src/components/Dashboard/reducer.ts","../../src/components/Dashboard/Dashboard.tsx"],"sourcesContent":["import { GridFilterItem } from '@redsift/table';\nimport { DashboardReducerState, DashboardReducerAction, DashboardReducerActionType } from './types';\n\nconst areEquals = (tableFilter: GridFilterItem, actionFilter: GridFilterItem) => {\n  return tableFilter.field === actionFilter.field && tableFilter.operator === actionFilter.operator;\n};\n\nconst addOrUpdateFilter = (oldFilters: GridFilterItem[], newFilter: GridFilterItem) => {\n  if (oldFilters.find((f) => areEquals(f, newFilter))) {\n    return oldFilters.map((f) => {\n      if (areEquals(f, newFilter)) {\n        return newFilter;\n      }\n      return f;\n    });\n  } else {\n    return [...oldFilters, newFilter];\n  }\n};\n\nconst addOrUpdateFilters = (oldFilters: GridFilterItem[], newFilters: GridFilterItem[]) => {\n  let updatedFilters = oldFilters;\n  for (let i = 0; i < newFilters.length; i++) {\n    updatedFilters = addOrUpdateFilter(updatedFilters, newFilters[i]);\n  }\n  return updatedFilters;\n};\n\nconst replaceFilters = (newFilters: GridFilterItem | GridFilterItem[]) => {\n  return Array.isArray(newFilters) ? newFilters : [newFilters];\n};\n\nconst removeFilter = (oldFilters: GridFilterItem[], newFilter: GridFilterItem) => {\n  return oldFilters.filter((f) => !areEquals(f, newFilter));\n};\n\nconst removeAllFilters = () => {\n  return [] as GridFilterItem[];\n};\n\nexport const DashboardReducer = (\n  state: DashboardReducerState,\n  action: DashboardReducerAction\n): DashboardReducerState => {\n  switch (action.type) {\n    case DashboardReducerActionType.ResetFilter:\n      return {\n        ...state,\n        tableFilters: removeFilter(state.tableFilters, action.filter as GridFilterItem),\n      };\n    case DashboardReducerActionType.ResetFilters:\n      return { ...state, tableFilters: removeAllFilters() };\n    case DashboardReducerActionType.FilterTable:\n      return {\n        ...state,\n        tableFilters: addOrUpdateFilter(state.tableFilters, action.filter as GridFilterItem),\n      };\n\n    case DashboardReducerActionType.FilterTableBatch:\n      return {\n        ...state,\n        tableFilters: replaceFilters(action.filter!),\n      };\n\n    case DashboardReducerActionType.AppendFilterTableBatch:\n      return {\n        ...state,\n        tableFilters: addOrUpdateFilters(state.tableFilters, action.filter as GridFilterItem[]),\n      };\n  }\n};\n","import React, { forwardRef, RefObject, useMemo, useReducer, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useGridApiRef } from '@mui/x-data-grid-pro';\n\nimport { Comp } from '@redsift/design-system';\nimport { DashboardContext } from './context';\nimport { DashboardContextProps, DashboardProps } from './types';\nimport { DashboardReducer } from './reducer';\nimport { CrossfilterRegistry } from '../CrossfilterRegistry';\n\nconst COMPONENT_NAME = 'Dashboard';\nconst CLASSNAME = 'redsift-dashboard-container';\n\nexport const Dashboard: Comp<DashboardProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, data, dataGridApiRef: propsDataGridApiRef, ...forwardedProps } = props;\n\n  const providerRef = ref || useRef<HTMLDivElement>();\n  const dataGridApiRef = propsDataGridApiRef || useGridApiRef();\n  const [updateContext, setUpdateContext] = useState(false);\n\n  const [state, dispatch] = useReducer(DashboardReducer, {\n    tableFilters: [],\n  });\n\n  const value = useMemo<DashboardContextProps>(\n    () => ({\n      dashboardRef: providerRef as RefObject<HTMLDivElement>,\n      data,\n      dataGridApiRef,\n      dispatch,\n      ndx: CrossfilterRegistry.get(data),\n      state,\n      toggleUpdateContext: () => setUpdateContext(!updateContext),\n    }),\n    [data, state, updateContext]\n  );\n\n  return (\n    <div\n      {...forwardedProps}\n      className={classNames(Dashboard.className, className)}\n      ref={providerRef as RefObject<HTMLDivElement>}\n    >\n      <DashboardContext.Provider value={value as DashboardContextProps}>{children}</DashboardContext.Provider>\n    </div>\n  );\n});\nDashboard.className = CLASSNAME;\nDashboard.displayName = COMPONENT_NAME;\n"],"names":["areEquals","tableFilter","actionFilter","field","operator","addOrUpdateFilter","oldFilters","newFilter","find","f","map","addOrUpdateFilters","newFilters","updatedFilters","i","length","replaceFilters","Array","isArray","removeFilter","filter","removeAllFilters","DashboardReducer","state","action","type","DashboardReducerActionType","ResetFilter","_objectSpread","tableFilters","ResetFilters","FilterTable","FilterTableBatch","AppendFilterTableBatch","COMPONENT_NAME","CLASSNAME","Dashboard","forwardRef","props","ref","children","className","data","dataGridApiRef","propsDataGridApiRef","forwardedProps","_objectWithoutProperties","_excluded","providerRef","useRef","useGridApiRef","updateContext","setUpdateContext","useState","dispatch","useReducer","value","useMemo","dashboardRef","ndx","CrossfilterRegistry","get","toggleUpdateContext","React","createElement","_extends","classNames","DashboardContext","Provider","displayName"],"mappings":"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"}
+{"version":3,"file":"Dashboard2.js","sources":["../../src/components/Dashboard/reducer.ts","../../src/components/Dashboard/Dashboard.tsx"],"sourcesContent":["import { GridFilterItem } from '@redsift/table';\nimport { DashboardReducerState, DashboardReducerAction, DashboardReducerActionType } from './types';\n\nconst areEquals = (tableFilter: GridFilterItem, actionFilter: GridFilterItem) => {\n  return tableFilter.field === actionFilter.field && tableFilter.operator === actionFilter.operator;\n};\n\nconst addOrUpdateFilter = (oldFilters: GridFilterItem[], newFilter: GridFilterItem) => {\n  if (oldFilters.find((f) => areEquals(f, newFilter))) {\n    return oldFilters.map((f) => {\n      if (areEquals(f, newFilter)) {\n        return newFilter;\n      }\n      return f;\n    });\n  } else {\n    return [...oldFilters, newFilter];\n  }\n};\n\nconst addOrUpdateFilters = (oldFilters: GridFilterItem[], newFilters: GridFilterItem[]) => {\n  let updatedFilters = oldFilters;\n  for (let i = 0; i < newFilters.length; i++) {\n    updatedFilters = addOrUpdateFilter(updatedFilters, newFilters[i]);\n  }\n  return updatedFilters;\n};\n\nconst replaceFilters = (newFilters: GridFilterItem | GridFilterItem[]) => {\n  return Array.isArray(newFilters) ? newFilters : [newFilters];\n};\n\nconst removeFilter = (oldFilters: GridFilterItem[], newFilter: GridFilterItem) => {\n  return oldFilters.filter((f) => !areEquals(f, newFilter));\n};\n\nconst removeAllFilters = () => {\n  return [] as GridFilterItem[];\n};\n\nexport const DashboardReducer = (\n  state: DashboardReducerState,\n  action: DashboardReducerAction\n): DashboardReducerState => {\n  switch (action.type) {\n    case DashboardReducerActionType.ResetFilter:\n      return {\n        ...state,\n        tableFilters: removeFilter(state.tableFilters, action.filter as GridFilterItem),\n      };\n    case DashboardReducerActionType.ResetFilters:\n      return { ...state, tableFilters: removeAllFilters() };\n    case DashboardReducerActionType.FilterTable:\n      return {\n        ...state,\n        tableFilters: addOrUpdateFilter(state.tableFilters, action.filter as GridFilterItem),\n      };\n\n    case DashboardReducerActionType.FilterTableBatch:\n      return {\n        ...state,\n        tableFilters: replaceFilters(action.filter!),\n      };\n\n    case DashboardReducerActionType.AppendFilterTableBatch:\n      return {\n        ...state,\n        tableFilters: addOrUpdateFilters(state.tableFilters, action.filter as GridFilterItem[]),\n      };\n  }\n};\n","import React, { forwardRef, RefObject, useMemo, useReducer, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useGridApiRef } from '@mui/x-data-grid-pro';\n\nimport { Comp } from '@redsift/design-system';\nimport { DashboardContext } from './context';\nimport { DashboardContextProps, DashboardProps } from './types';\nimport { DashboardReducer } from './reducer';\nimport { CrossfilterRegistry } from '../CrossfilterRegistry';\n\nconst COMPONENT_NAME = 'Dashboard';\nconst CLASSNAME = 'redsift-dashboard-container';\n\n/**\n * Dashboard provides a context for connected, filterable visualizations.\n * Uses Crossfilter.js for high-performance multi-dimensional filtering.\n *\n * Wrap charts and DataGrids with `WithFilters` to enable cross-filtering.\n * When one chart is filtered, all connected charts update automatically.\n *\n * @example\n * // Basic dashboard with connected charts\n * <Dashboard data={rawData}>\n *   <WithFilters dimension=\"category\">\n *     <PieChart data={categoryData} />\n *   </WithFilters>\n *   <WithFilters dimension=\"date\">\n *     <TimeSeriesBarChart data={timeData} />\n *   </WithFilters>\n *   <WithFilters>\n *     <DataGrid columns={columns} rows={filteredRows} />\n *   </WithFilters>\n * </Dashboard>\n *\n * @example\n * // Data format for crossfilter\n * const data = [\n *   { id: 1, category: 'A', date: '2024-01-15', value: 100 },\n *   { id: 2, category: 'B', date: '2024-01-16', value: 200 },\n *   // Crossfilter will index all fields for fast filtering\n * ];\n * <Dashboard data={data}>...</Dashboard>\n *\n * @example\n * // With DataGrid API ref for programmatic control\n * const apiRef = useGridApiRef();\n * <Dashboard data={data} dataGridApiRef={apiRef}>\n *   {...}\n * </Dashboard>\n * // Later: apiRef.current.setFilterModel(...)\n */\n\nexport const Dashboard: Comp<DashboardProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, data, dataGridApiRef: propsDataGridApiRef, ...forwardedProps } = props;\n\n  const providerRef = ref || useRef<HTMLDivElement>();\n  const dataGridApiRef = propsDataGridApiRef || useGridApiRef();\n  const [updateContext, setUpdateContext] = useState(false);\n\n  const [state, dispatch] = useReducer(DashboardReducer, {\n    tableFilters: [],\n  });\n\n  const value = useMemo<DashboardContextProps>(\n    () => ({\n      dashboardRef: providerRef as RefObject<HTMLDivElement>,\n      data,\n      dataGridApiRef,\n      dispatch,\n      ndx: CrossfilterRegistry.get(data),\n      state,\n      toggleUpdateContext: () => setUpdateContext(!updateContext),\n    }),\n    [data, state, updateContext]\n  );\n\n  return (\n    <div\n      {...forwardedProps}\n      className={classNames(Dashboard.className, className)}\n      ref={providerRef as RefObject<HTMLDivElement>}\n    >\n      <DashboardContext.Provider value={value as DashboardContextProps}>{children}</DashboardContext.Provider>\n    </div>\n  );\n});\nDashboard.className = CLASSNAME;\nDashboard.displayName = COMPONENT_NAME;\n"],"names":["areEquals","tableFilter","actionFilter","field","operator","addOrUpdateFilter","oldFilters","newFilter","find","f","map","addOrUpdateFilters","newFilters","updatedFilters","i","length","replaceFilters","Array","isArray","removeFilter","filter","removeAllFilters","DashboardReducer","state","action","type","DashboardReducerActionType","ResetFilter","_objectSpread","tableFilters","ResetFilters","FilterTable","FilterTableBatch","AppendFilterTableBatch","COMPONENT_NAME","CLASSNAME","Dashboard","forwardRef","props","ref","children","className","data","dataGridApiRef","propsDataGridApiRef","forwardedProps","_objectWithoutProperties","_excluded","providerRef","useRef","useGridApiRef","updateContext","setUpdateContext","useState","dispatch","useReducer","value","useMemo","dashboardRef","ndx","CrossfilterRegistry","get","toggleUpdateContext","React","createElement","_extends","classNames","DashboardContext","Provider","displayName"],"mappings":"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"}

package/_internal/DataCard.js

@@ -0,0 +1,2 @@
+export { a as DataCard, D as DataCardColor, S as StyledDataCard } from './DataCard2.js';
+//# sourceMappingURL=DataCard.js.map

package/_internal/DataCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/DataCard2.js

@@ -0,0 +1,117 @@
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { baseStyling, partitionComponents, isComponent } from '@redsift/design-system';
+import styled, { css } from 'styled-components';
+import { D as DataCardHeader } from './DataCardHeader2.js';
+import { D as DataCardBody } from './DataCardBody2.js';
+import { D as DataCardListbox } from './DataCardListbox2.js';
+
+/**
+ * DataCard color variant.
+ */
+const DataCardColor = {
+  error: 'error',
+  success: 'success',
+  warning: 'warning',
+  info: 'info'
+};
+
+/**
+ * DataCard component props.
+ */
+
+/**
+ * DataCard style.
+ */
+const StyledDataCard = styled.div`
+  ${baseStyling}
+
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  border-radius: 8px;
+  margin: 8px 6px;
+
+  ${_ref => {
+  let {
+    $color,
+    $isLoading
+  } = _ref;
+  return $isLoading ? css`
+          border: 2px solid var(--redsift-color-neutral-light-grey);
+          padding-top: 22px;
+        ` : css`
+          border: 2px solid var(--redsift-color-notifications-${$color}-primary);
+          min-width: 175px;
+        `;
+}}
+`;
+
+const _excluded = ["children", "className", "color", "isLoading"];
+const COMPONENT_NAME = 'DataCard';
+const CLASSNAME = 'redsift-data-card';
+
+/**
+ * DataCard is a container for displaying key statistics with a colored border
+ * and a floating header label. It accepts DataCard.Header, DataCard.Body,
+ * and DataCard.Listbox as children.
+ *
+ * Body is used for static or link-based DataRow children.
+ * Listbox is used for DrilldownItem children with filter interactions.
+ *
+ * @example
+ * // Basic data card with static rows
+ * <DataCard color="info" isLoading={false}>
+ *   <DataCard.Header icon={mdiShieldCheck} title="My Certificates" />
+ *   <DataCard.Body>
+ *     <DataRow value={42} legend="Total" size="large" />
+ *     <DataRow value={38} legend="Active" size="medium" />
+ *   </DataCard.Body>
+ * </DataCard>
+ *
+ * @example
+ * // Loading state
+ * <DataCard color="error" isLoading>
+ *   <DataCard.Header icon={mdiAlertCircle} title="Expired" />
+ *   <DataCard.Body>
+ *     <DataRow value={0} legend="Expired" size="large" isLoading />
+ *   </DataCard.Body>
+ * </DataCard>
+ *
+ * @example
+ * // Drilldown card with filter items
+ * <DataCard color="warning" isLoading={false}>
+ *   <DataCard.Header icon={mdiCalendarClock} title="Expiring Soon" />
+ *   <DataCard.Listbox selectionMode="multiple" onChange={handleFilter}>
+ *     <DrilldownItem value={5} legend="Critical" />
+ *     <DrilldownItem value={12} legend="Due" />
+ *   </DataCard.Listbox>
+ * </DataCard>
+ */
+const BaseDataCard = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      color = 'info',
+      isLoading = false
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const [[header], [body], [listbox]] = partitionComponents(React.Children.toArray(children), [isComponent('DataCardHeader'), isComponent('DataCardBody'), isComponent('DataCardListbox')]);
+  return /*#__PURE__*/React.createElement(StyledDataCard, _extends({}, forwardedProps, {
+    $color: color,
+    $isLoading: isLoading,
+    className: classNames(BaseDataCard.className, className),
+    ref: ref
+  }), !isLoading ? header : null, body, listbox);
+});
+BaseDataCard.className = CLASSNAME;
+BaseDataCard.displayName = COMPONENT_NAME;
+const DataCard = Object.assign(BaseDataCard, {
+  Header: DataCardHeader,
+  Body: DataCardBody,
+  Listbox: DataCardListbox
+});
+
+export { DataCardColor as D, StyledDataCard as S, DataCard as a };
+//# sourceMappingURL=DataCard2.js.map

package/_internal/DataCard2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard2.js","sources":["../../src/components/DataCard/types.ts","../../src/components/DataCard/styles.ts","../../src/components/DataCard/DataCard.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { StylingProps, StylingTransientProps, ValueOf } from '@redsift/design-system';\n\n/**\n * DataCard color variant.\n */\nexport const DataCardColor = {\n  error: 'error',\n  success: 'success',\n  warning: 'warning',\n  info: 'info',\n} as const;\nexport type DataCardColor = ValueOf<typeof DataCardColor>;\n\n/**\n * DataCard component props.\n */\nexport interface DataCardProps extends ComponentProps<'div'>, StylingProps {\n  /**\n   * Color variant for the card border.\n   * Maps to notification color tokens.\n   * @default 'info'\n   */\n  color?: DataCardColor;\n  /** Whether the card is in a loading state. When true, the header is hidden. */\n  isLoading?: boolean;\n}\n\nexport type StyledDataCardProps = Omit<DataCardProps, 'color' | 'isLoading'> &\n  StylingTransientProps & {\n    $color: DataCardProps['color'];\n    $isLoading: DataCardProps['isLoading'];\n  };\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '@redsift/design-system';\nimport { StyledDataCardProps } from './types';\n\n/**\n * DataCard style.\n */\nexport const StyledDataCard = styled.div<StyledDataCardProps>`\n  ${baseStyling}\n\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  border-radius: 8px;\n  margin: 8px 6px;\n\n  ${({ $color, $isLoading }) =>\n    $isLoading\n      ? css`\n          border: 2px solid var(--redsift-color-neutral-light-grey);\n          padding-top: 22px;\n        `\n      : css`\n          border: 2px solid var(--redsift-color-notifications-${$color}-primary);\n          min-width: 175px;\n        `}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, partitionComponents, isComponent } from '@redsift/design-system';\nimport { StyledDataCard } from './styles';\nimport { DataCardProps } from './types';\nimport { DataCardHeader } from '../DataCardHeader';\nimport { DataCardBody } from '../DataCardBody';\nimport { DataCardListbox } from '../DataCardListbox';\n\nconst COMPONENT_NAME = 'DataCard';\nconst CLASSNAME = 'redsift-data-card';\n\n/**\n * DataCard is a container for displaying key statistics with a colored border\n * and a floating header label. It accepts DataCard.Header, DataCard.Body,\n * and DataCard.Listbox as children.\n *\n * Body is used for static or link-based DataRow children.\n * Listbox is used for DrilldownItem children with filter interactions.\n *\n * @example\n * // Basic data card with static rows\n * <DataCard color=\"info\" isLoading={false}>\n *   <DataCard.Header icon={mdiShieldCheck} title=\"My Certificates\" />\n *   <DataCard.Body>\n *     <DataRow value={42} legend=\"Total\" size=\"large\" />\n *     <DataRow value={38} legend=\"Active\" size=\"medium\" />\n *   </DataCard.Body>\n * </DataCard>\n *\n * @example\n * // Loading state\n * <DataCard color=\"error\" isLoading>\n *   <DataCard.Header icon={mdiAlertCircle} title=\"Expired\" />\n *   <DataCard.Body>\n *     <DataRow value={0} legend=\"Expired\" size=\"large\" isLoading />\n *   </DataCard.Body>\n * </DataCard>\n *\n * @example\n * // Drilldown card with filter items\n * <DataCard color=\"warning\" isLoading={false}>\n *   <DataCard.Header icon={mdiCalendarClock} title=\"Expiring Soon\" />\n *   <DataCard.Listbox selectionMode=\"multiple\" onChange={handleFilter}>\n *     <DrilldownItem value={5} legend=\"Critical\" />\n *     <DrilldownItem value={12} legend=\"Due\" />\n *   </DataCard.Listbox>\n * </DataCard>\n */\nconst BaseDataCard: Comp<DataCardProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, color = 'info', isLoading = false, ...forwardedProps } = props;\n\n  const [[header], [body], [listbox]] = partitionComponents(React.Children.toArray(children), [\n    isComponent('DataCardHeader'),\n    isComponent('DataCardBody'),\n    isComponent('DataCardListbox'),\n  ]);\n\n  return (\n    <StyledDataCard\n      {...forwardedProps}\n      $color={color}\n      $isLoading={isLoading}\n      className={classNames(BaseDataCard.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {!isLoading ? header : null}\n      {body}\n      {listbox}\n    </StyledDataCard>\n  );\n});\nBaseDataCard.className = CLASSNAME;\nBaseDataCard.displayName = COMPONENT_NAME;\n\nexport const DataCard = Object.assign(BaseDataCard, {\n  Header: DataCardHeader,\n  Body: DataCardBody,\n  Listbox: DataCardListbox,\n});\n"],"names":["DataCardColor","error","success","warning","info","StyledDataCard","styled","div","baseStyling","_ref","$color","$isLoading","css","COMPONENT_NAME","CLASSNAME","BaseDataCard","forwardRef","props","ref","children","className","color","isLoading","forwardedProps","_objectWithoutProperties","_excluded","header","body","listbox","partitionComponents","React","Children","toArray","isComponent","createElement","_extends","classNames","displayName","DataCard","Object","assign","Header","DataCardHeader","Body","DataCardBody","Listbox","DataCardListbox"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAU;;AAGV;AACA;AACA;;ACZA;AACA;AACA;AACaC,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAAyB,CAAA;AAC9D,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAF,IAAA,CAAA;EAAA,OACvBE,UAAU,GACNC,GAAI,CAAA;AACZ;AACA;AACA,QAAA,CAAS,GACDA,GAAI,CAAA;AACZ,8DAAA,EAAgEF,MAAO,CAAA;AACvE;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;;;ACjBA,MAAMG,cAAc,GAAG,UAAU,CAAA;AACjC,MAAMC,SAAS,GAAG,mBAAmB,CAAA;;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAiD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,KAAK,GAAG,MAAM;AAAEC,MAAAA,SAAS,GAAG,KAAA;AAAyB,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAE3F,EAAA,MAAM,CAAC,CAACC,MAAM,CAAC,EAAE,CAACC,IAAI,CAAC,EAAE,CAACC,OAAO,CAAC,CAAC,GAAGC,mBAAmB,CAACC,KAAK,CAACC,QAAQ,CAACC,OAAO,CAACb,QAAQ,CAAC,EAAE,CAC1Fc,WAAW,CAAC,gBAAgB,CAAC,EAC7BA,WAAW,CAAC,cAAc,CAAC,EAC3BA,WAAW,CAAC,iBAAiB,CAAC,CAC/B,CAAC,CAAA;EAEF,oBACEH,KAAA,CAAAI,aAAA,CAAC7B,cAAc,EAAA8B,QAAA,KACTZ,cAAc,EAAA;AAClBb,IAAAA,MAAM,EAAEW,KAAM;AACdV,IAAAA,UAAU,EAAEW,SAAU;IACtBF,SAAS,EAAEgB,UAAU,CAACrB,YAAY,CAACK,SAAS,EAAEA,SAAS,CAAE;AACzDF,IAAAA,GAAG,EAAEA,GAAAA;GAEJ,CAAA,EAAA,CAACI,SAAS,GAAGI,MAAM,GAAG,IAAI,EAC1BC,IAAI,EACJC,OACa,CAAC,CAAA;AAErB,CAAC,CAAC,CAAA;AACFb,YAAY,CAACK,SAAS,GAAGN,SAAS,CAAA;AAClCC,YAAY,CAACsB,WAAW,GAAGxB,cAAc,CAAA;AAElC,MAAMyB,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAACzB,YAAY,EAAE;AAClD0B,EAAAA,MAAM,EAAEC,cAAc;AACtBC,EAAAA,IAAI,EAAEC,YAAY;AAClBC,EAAAA,OAAO,EAAEC,eAAAA;AACX,CAAC;;;;"}

package/_internal/DataCardBody.js

@@ -0,0 +1,2 @@
+export { D as DataCardBody, S as StyledDataCardBody } from './DataCardBody2.js';
+//# sourceMappingURL=DataCardBody.js.map

package/_internal/DataCardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/DataCardBody2.js

@@ -0,0 +1,51 @@
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+
+/**
+ * DataCardBody style.
+ */
+const StyledDataCardBody = styled.div`
+  ${baseContainer}
+
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: -8px 28px 16px;
+  align-items: flex-start;
+  justify-content: center;
+  height: 100%;
+`;
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'DataCardBody';
+const CLASSNAME = 'redsift-data-card-body';
+
+/**
+ * DataCardBody is the main content area of a DataCard 。
+ * Typically contains DataRow or DrilldownItem children.
+ *
+ * @example
+ * <DataCard.Body>
+ *   <DataRow value={42} legend="Active" size="large" />
+ *   <DataRow value={12} legend="Pending" size="medium" />
+ * </DataCard.Body>
+ */
+const DataCardBody = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(StyledDataCardBody, _extends({}, forwardedProps, {
+    className: classNames(DataCardBody.className, className),
+    ref: ref
+  }), children);
+});
+DataCardBody.className = CLASSNAME;
+DataCardBody.displayName = COMPONENT_NAME;
+
+export { DataCardBody as D, StyledDataCardBody as S };
+//# sourceMappingURL=DataCardBody2.js.map

package/_internal/DataCardBody2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardBody2.js","sources":["../../src/components/DataCardBody/styles.ts","../../src/components/DataCardBody/DataCardBody.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { baseContainer } from '@redsift/design-system';\nimport { StyledDataCardBodyProps } from './types';\n\n/**\n * DataCardBody style.\n */\nexport const StyledDataCardBody = styled.div<StyledDataCardBodyProps>`\n  ${baseContainer}\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: -8px 28px 16px;\n  align-items: flex-start;\n  justify-content: center;\n  height: 100%;\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '@redsift/design-system';\nimport { StyledDataCardBody } from './styles';\nimport { DataCardBodyProps } from './types';\n\nconst COMPONENT_NAME = 'DataCardBody';\nconst CLASSNAME = 'redsift-data-card-body';\n\n/**\n * DataCardBody is the main content area of a DataCard 。\n * Typically contains DataRow or DrilldownItem children.\n *\n * @example\n * <DataCard.Body>\n *   <DataRow value={42} legend=\"Active\" size=\"large\" />\n *   <DataRow value={12} legend=\"Pending\" size=\"medium\" />\n * </DataCard.Body>\n */\nexport const DataCardBody: Comp<DataCardBodyProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  return (\n    <StyledDataCardBody\n      {...forwardedProps}\n      className={classNames(DataCardBody.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledDataCardBody>\n  );\n});\nDataCardBody.className = CLASSNAME;\nDataCardBody.displayName = COMPONENT_NAME;\n"],"names":["StyledDataCardBody","styled","div","baseContainer","COMPONENT_NAME","CLASSNAME","DataCardBody","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","displayName"],"mappings":";;;;;;AAIA;AACA;AACA;AACaA,MAAAA,kBAAkB,GAAGC,MAAM,CAACC,GAA6B,CAAA;AACtE,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACXA,MAAMC,cAAc,GAAG,cAAc,CAAA;AACrC,MAAMC,SAAS,GAAG,wBAAwB,CAAA;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAqD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,oBACEC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA,KACbL,cAAc,EAAA;IAClBD,SAAS,EAAEO,UAAU,CAACZ,YAAY,CAACK,SAAS,EAAEA,SAAS,CAAE;AACzDF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QACiB,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFJ,YAAY,CAACK,SAAS,GAAGN,SAAS,CAAA;AAClCC,YAAY,CAACa,WAAW,GAAGf,cAAc;;;;"}

package/_internal/DataCardHeader.js

@@ -0,0 +1,2 @@
+export { D as DataCardHeader, S as StyledDataCardHeader } from './DataCardHeader2.js';
+//# sourceMappingURL=DataCardHeader.js.map

package/_internal/DataCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/DataCardHeader2.js

@@ -0,0 +1,73 @@
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { baseStyling, Heading, Icon } from '@redsift/design-system';
+import styled from 'styled-components';
+import { Tooltip } from '@redsift/popovers';
+
+/**
+ * DataCardHeader style.
+ */
+const StyledDataCardHeader = styled.div`
+  ${baseStyling}
+
+  background-color: var(--redsift-color-neutral-white);
+  display: flex;
+  gap: 4px;
+  position: relative;
+  top: -14px;
+  left: 8px;
+  padding: 4px;
+  height: fit-content;
+  width: fit-content;
+`;
+
+const _excluded = ["className", "icon", "title", "tooltip"];
+const COMPONENT_NAME = 'DataCardHeader';
+const CLASSNAME = 'redsift-data-card-header';
+
+/**
+ * DataCardHeader displays an icon and title that floats on top of
+ * the DataCard border. Optionally wraps in a Tooltip.
+ *
+ * @example
+ * <DataCard.Header icon={mdiShieldCheck} title="My Certificates" />
+ *
+ * @example
+ * <DataCard.Header icon={mdiAlertCircle} title="Expired" tooltip="Certificates that have expired" />
+ */
+const DataCardHeader = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      icon,
+      title,
+      tooltip
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const headingContent = /*#__PURE__*/React.createElement(StyledDataCardHeader, _extends({}, forwardedProps, {
+    className: classNames(DataCardHeader.className, className),
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Heading, {
+    variant: "h5",
+    as: "h2",
+    style: {
+      display: 'flex',
+      gap: '4px',
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: "xsmall"
+  }), title));
+  if (tooltip) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      delay: 0
+    }, /*#__PURE__*/React.createElement(Tooltip.Trigger, null, headingContent), /*#__PURE__*/React.createElement(Tooltip.Content, null, tooltip));
+  }
+  return headingContent;
+});
+DataCardHeader.className = CLASSNAME;
+DataCardHeader.displayName = COMPONENT_NAME;
+
+export { DataCardHeader as D, StyledDataCardHeader as S };
+//# sourceMappingURL=DataCardHeader2.js.map

package/_internal/DataCardHeader2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardHeader2.js","sources":["../../src/components/DataCardHeader/styles.ts","../../src/components/DataCardHeader/DataCardHeader.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { baseStyling } from '@redsift/design-system';\nimport { StyledDataCardHeaderProps } from './types';\n\n/**\n * DataCardHeader style.\n */\nexport const StyledDataCardHeader = styled.div<StyledDataCardHeaderProps>`\n  ${baseStyling}\n\n  background-color: var(--redsift-color-neutral-white);\n  display: flex;\n  gap: 4px;\n  position: relative;\n  top: -14px;\n  left: 8px;\n  padding: 4px;\n  height: fit-content;\n  width: fit-content;\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, Icon, Heading } from '@redsift/design-system';\nimport { StyledDataCardHeader } from './styles';\nimport { DataCardHeaderProps } from './types';\nimport { Tooltip } from '@redsift/popovers';\n\nconst COMPONENT_NAME = 'DataCardHeader';\nconst CLASSNAME = 'redsift-data-card-header';\n\n/**\n * DataCardHeader displays an icon and title that floats on top of\n * the DataCard border. Optionally wraps in a Tooltip.\n *\n * @example\n * <DataCard.Header icon={mdiShieldCheck} title=\"My Certificates\" />\n *\n * @example\n * <DataCard.Header icon={mdiAlertCircle} title=\"Expired\" tooltip=\"Certificates that have expired\" />\n */\nexport const DataCardHeader: Comp<DataCardHeaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { className, icon, title, tooltip, ...forwardedProps } = props;\n\n  const headingContent = (\n    <StyledDataCardHeader\n      {...forwardedProps}\n      className={classNames(DataCardHeader.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      <Heading variant=\"h5\" as=\"h2\" style={{ display: 'flex', gap: '4px', margin: 0 }}>\n        <Icon icon={icon} size=\"xsmall\" />\n        {title}\n      </Heading>\n    </StyledDataCardHeader>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip delay={0}>\n        <Tooltip.Trigger>{headingContent}</Tooltip.Trigger>\n        <Tooltip.Content>{tooltip}</Tooltip.Content>\n      </Tooltip>\n    );\n  }\n\n  return headingContent;\n});\nDataCardHeader.className = CLASSNAME;\nDataCardHeader.displayName = COMPONENT_NAME;\n"],"names":["StyledDataCardHeader","styled","div","baseStyling","COMPONENT_NAME","CLASSNAME","DataCardHeader","forwardRef","props","ref","className","icon","title","tooltip","forwardedProps","_objectWithoutProperties","_excluded","headingContent","React","createElement","_extends","classNames","Heading","variant","as","style","display","gap","margin","Icon","size","Tooltip","delay","Trigger","Content","displayName"],"mappings":";;;;;;;AAIA;AACA;AACA;AACaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAA+B,CAAA;AAC1E,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACZA,MAAMC,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,0BAA0B,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAyD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM;MAAEC,SAAS;MAAEC,IAAI;MAAEC,KAAK;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;EAEpE,MAAMC,cAAc,gBAClBC,KAAA,CAAAC,aAAA,CAACnB,oBAAoB,EAAAoB,QAAA,CAAA,EAAA,EACfN,cAAc,EAAA;IAClBJ,SAAS,EAAEW,UAAU,CAACf,cAAc,CAACI,SAAS,EAAEA,SAAS,CAAE;AAC3DD,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,eAEtCS,KAAA,CAAAC,aAAA,CAACG,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,MAAM;AAAEC,MAAAA,GAAG,EAAE,KAAK;AAAEC,MAAAA,MAAM,EAAE,CAAA;AAAE,KAAA;AAAE,GAAA,eAC9EV,KAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;AAAClB,IAAAA,IAAI,EAAEA,IAAK;AAACmB,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAE,CAAC,EACjClB,KACM,CACW,CACvB,CAAA;AAED,EAAA,IAAIC,OAAO,EAAE;AACX,IAAA,oBACEK,KAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;AAACC,MAAAA,KAAK,EAAE,CAAA;KACdd,eAAAA,KAAA,CAAAC,aAAA,CAACY,OAAO,CAACE,OAAO,QAAEhB,cAAgC,CAAC,eACnDC,KAAA,CAAAC,aAAA,CAACY,OAAO,CAACG,OAAO,EAAA,IAAA,EAAErB,OAAyB,CACpC,CAAC,CAAA;AAEd,GAAA;AAEA,EAAA,OAAOI,cAAc,CAAA;AACvB,CAAC,EAAC;AACFX,cAAc,CAACI,SAAS,GAAGL,SAAS,CAAA;AACpCC,cAAc,CAAC6B,WAAW,GAAG/B,cAAc;;;;"}

package/_internal/DataCardListbox.js

@@ -0,0 +1,2 @@
+export { D as DataCardListbox, S as StyledDataCardListbox } from './DataCardListbox2.js';
+//# sourceMappingURL=DataCardListbox.js.map

package/_internal/DataCardListbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardListbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/DataCardListbox2.js

@@ -0,0 +1,53 @@
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import styled from 'styled-components';
+import { Listbox } from '@redsift/design-system';
+
+/**
+ * DataCardListbox style.
+ */
+const StyledDataCardListbox = styled(Listbox)`
+  border: none;
+  padding: 0;
+
+  > .redsift-listbox-list {
+    min-width: unset;
+    border: none;
+  }
+`;
+
+const _excluded = ["children", "className", "selectionMode"];
+const COMPONENT_NAME = 'DataCardListbox';
+const CLASSNAME = 'redsift-data-card-listbox';
+
+/**
+ * DataCardListbox is a styled Listbox for use inside a DataCard.
+ * Designed to hold DrilldownItem children for filter-selection interactions.
+ *
+ * @example
+ * <DataCard.Listbox selectionMode="multiple" onChange={handleFilterChange}>
+ *   <DrilldownItem value={10} legend="Active" />
+ *   <DrilldownItem value={5} legend="Expired" />
+ * </DataCard.Listbox>
+ */
+const DataCardListbox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      selectionMode = 'multiple'
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(StyledDataCardListbox, _extends({
+    selectionMode: selectionMode,
+    gap: "8px"
+  }, forwardedProps, {
+    className: classNames(DataCardListbox.className, className),
+    ref: ref
+  }), children);
+});
+DataCardListbox.className = CLASSNAME;
+DataCardListbox.displayName = COMPONENT_NAME;
+
+export { DataCardListbox as D, StyledDataCardListbox as S };
+//# sourceMappingURL=DataCardListbox2.js.map

package/_internal/DataCardListbox2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCardListbox2.js","sources":["../../src/components/DataCardListbox/styles.ts","../../src/components/DataCardListbox/DataCardListbox.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Listbox } from '@redsift/design-system';\nimport { StyledDataCardListboxProps } from './types';\n\n/**\n * DataCardListbox style.\n */\nexport const StyledDataCardListbox = styled(Listbox)<StyledDataCardListboxProps>`\n  border: none;\n  padding: 0;\n\n  > .redsift-listbox-list {\n    min-width: unset;\n    border: none;\n  }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '@redsift/design-system';\nimport { StyledDataCardListbox } from './styles';\nimport { DataCardListboxProps } from './types';\n\nconst COMPONENT_NAME = 'DataCardListbox';\nconst CLASSNAME = 'redsift-data-card-listbox';\n\n/**\n * DataCardListbox is a styled Listbox for use inside a DataCard.\n * Designed to hold DrilldownItem children for filter-selection interactions.\n *\n * @example\n * <DataCard.Listbox selectionMode=\"multiple\" onChange={handleFilterChange}>\n *   <DrilldownItem value={10} legend=\"Active\" />\n *   <DrilldownItem value={5} legend=\"Expired\" />\n * </DataCard.Listbox>\n */\nexport const DataCardListbox: Comp<DataCardListboxProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, selectionMode = 'multiple', ...forwardedProps } = props;\n\n  return (\n    <StyledDataCardListbox\n      selectionMode={selectionMode}\n      gap=\"8px\"\n      {...forwardedProps}\n      className={classNames(DataCardListbox.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledDataCardListbox>\n  );\n});\nDataCardListbox.className = CLASSNAME;\nDataCardListbox.displayName = COMPONENT_NAME;\n"],"names":["StyledDataCardListbox","styled","Listbox","COMPONENT_NAME","CLASSNAME","DataCardListbox","forwardRef","props","ref","children","className","selectionMode","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","gap","classNames","displayName"],"mappings":";;;;;;AAIA;AACA;AACA;MACaA,qBAAqB,GAAGC,MAAM,CAACC,OAAO,CAA8B,CAAA;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACTA,MAAMC,cAAc,GAAG,iBAAiB,CAAA;AACxC,MAAMC,SAAS,GAAG,2BAA2B,CAAA;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,eAA2D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpG,MAAM;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,aAAa,GAAG,UAAA;AAA8B,KAAC,GAAGJ,KAAK;AAAxBK,IAAAA,cAAc,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AAEpF,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAChB,qBAAqB,EAAAiB,QAAA,CAAA;AACpBN,IAAAA,aAAa,EAAEA,aAAc;AAC7BO,IAAAA,GAAG,EAAC,KAAA;AAAK,GAAA,EACLN,cAAc,EAAA;IAClBF,SAAS,EAAES,UAAU,CAACd,eAAe,CAACK,SAAS,EAAEA,SAAS,CAAE;AAC5DF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QACoB,CAAC,CAAA;AAE5B,CAAC,EAAC;AACFJ,eAAe,CAACK,SAAS,GAAGN,SAAS,CAAA;AACrCC,eAAe,CAACe,WAAW,GAAGjB,cAAc;;;;"}

package/_internal/DataRow.js

@@ -0,0 +1,2 @@
+export { b as DataRow, D as DataRowSize, S as StyledDataRowLink, a as StyledDataRowStatic } from './DataRow2.js';
+//# sourceMappingURL=DataRow.js.map

package/_internal/DataRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataRow.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}