@pautena/react-design-system 2.0.0-alpha.0 → 2.0.0-alpha.4

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteDataTableQueryBuilder.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableQueryBuilder.tsx"],"sourcesContent":["import AddIcon from \"@mui/icons-material/Add\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport DeleteOutlineIcon from \"@mui/icons-material/DeleteOutline\";\nimport FilterAltOutlinedIcon from \"@mui/icons-material/FilterAltOutlined\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport {\n  Box,\n  Button,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  Popover,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from \"@mui/material\";\nimport { type FocusEvent, type MouseEvent, useMemo, useState } from \"react\";\nimport {\n  coerceFilterValue,\n  createFilterId,\n  formatFiltersSummary,\n  getFieldByName,\n  getOpsForField,\n  querySpecOpLabels,\n} from \"./query-spec-utils\";\nimport type {\n  QuerySpecField,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableQueryBuilderProps as RemoteDataTableQueryBuilderConfig,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableQueryBuilderProps = {\n  queryBuilder: RemoteDataTableQueryBuilderConfig;\n};\n\ntype QueryFilterRowProps = {\n  filter: QuerySpecFilter;\n  fields: QuerySpecField[];\n  fieldMap: Map<string, QuerySpecField>;\n  onFieldChange: (filterId: string, nextFieldName: string) => void;\n  onOpChange: (filterId: string, nextOp: QuerySpecOp) => void;\n  onValueChange: (filterId: string, nextValue: string) => void;\n  onRemove: (filterId: string) => void;\n};\n\nconst QueryFilterRow = ({\n  filter,\n  fields,\n  fieldMap,\n  onFieldChange,\n  onOpChange,\n  onValueChange,\n  onRemove,\n}: QueryFilterRowProps) => {\n  const field = fieldMap.get(filter.field);\n  const ops = getOpsForField(field);\n  const valueLabel = filter.op === \"in\" ? \"Values\" : \"Value\";\n  const inputType =\n    field?.type === \"number\"\n      ? \"number\"\n      : field?.type === \"date\"\n        ? \"date\"\n        : field?.type === \"datetime\"\n          ? \"datetime-local\"\n          : \"text\";\n  const shouldShrinkLabel =\n    field?.type === \"date\" || field?.type === \"datetime\";\n  const valuePlaceholder =\n    field?.placeholder ??\n    (filter.op === \"in\" ? \"Comma-separated values\" : undefined);\n  const fieldOptions = field?.options ?? [];\n  const useOptions =\n    fieldOptions.length > 0 && (filter.op === \"eq\" || filter.op === \"neq\");\n\n  return (\n    <Stack\n      direction={{ xs: \"column\", sm: \"row\" }}\n      spacing={1}\n      alignItems={{ xs: \"stretch\", sm: \"center\" }}\n    >\n      <TextField\n        select\n        size=\"small\"\n        label=\"Field\"\n        value={filter.field}\n        onChange={(event) => onFieldChange(filter.id, event.target.value)}\n        sx={{ minWidth: 160 }}\n      >\n        {fields.map((queryField) => (\n          <MenuItem key={queryField.name} value={queryField.name}>\n            {queryField.label}\n          </MenuItem>\n        ))}\n      </TextField>\n      <ToggleButtonGroup\n        exclusive\n        size=\"small\"\n        color=\"primary\"\n        value={filter.op}\n        onChange={(_, value) => {\n          if (value !== null) {\n            onOpChange(filter.id, value as QuerySpecOp);\n          }\n        }}\n        sx={{ minWidth: 150, alignSelf: \"center\" }}\n      >\n        {ops.map((op) => (\n          <ToggleButton key={op} value={op}>\n            {querySpecOpLabels[op] ?? op}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      {filter.op === \"isnull\" ? (\n        <TextField\n          select\n          size=\"small\"\n          label=\"Null state\"\n          value={filter.value ?? \"true\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          <MenuItem value=\"true\">Is null</MenuItem>\n          <MenuItem value=\"false\">Is not null</MenuItem>\n        </TextField>\n      ) : useOptions ? (\n        <TextField\n          select\n          size=\"small\"\n          label={valueLabel}\n          value={filter.value ?? \"\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          {fieldOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      ) : field?.type === \"boolean\" ? (\n        <TextField\n          select\n          size=\"small\"\n          label={valueLabel}\n          value={filter.value ?? \"true\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          <MenuItem value=\"true\">True</MenuItem>\n          <MenuItem value=\"false\">False</MenuItem>\n        </TextField>\n      ) : (\n        <TextField\n          size=\"small\"\n          type={inputType}\n          label={valueLabel}\n          value={filter.value ?? \"\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          placeholder={valuePlaceholder}\n          InputLabelProps={shouldShrinkLabel ? { shrink: true } : undefined}\n          sx={{ minWidth: 160, flex: 1 }}\n        />\n      )}\n      <IconButton\n        size=\"small\"\n        aria-label=\"Remove filter\"\n        onClick={() => onRemove(filter.id)}\n      >\n        <DeleteOutlineIcon fontSize=\"small\" />\n      </IconButton>\n    </Stack>\n  );\n};\n\nexport const RemoteDataTableQueryBuilder = ({\n  queryBuilder,\n}: RemoteDataTableQueryBuilderProps) => {\n  const [queryAnchor, setQueryAnchor] = useState<HTMLElement | null>(null);\n  const queryOpen = Boolean(queryAnchor);\n  const queryPopoverWidth = queryAnchor?.clientWidth ?? 560;\n  const {\n    fields: queryFields,\n    filters: queryFilters,\n    onFiltersChange,\n    placeholder,\n    summaryFormatter,\n  } = queryBuilder;\n  const queryFieldMap = useMemo(\n    () => new Map(queryFields.map((field) => [field.name, field])),\n    [queryFields],\n  );\n\n  const querySummary = useMemo(() => {\n    if (!queryFilters.length) {\n      return \"\";\n    }\n\n    if (summaryFormatter) {\n      return summaryFormatter(queryFilters, queryFields);\n    }\n\n    return formatFiltersSummary(queryFilters, queryFields);\n  }, [queryFilters, queryFields, summaryFormatter]);\n\n  const handleQueryOpen = (\n    event: MouseEvent<HTMLElement> | FocusEvent<HTMLElement>,\n  ) => {\n    setQueryAnchor(event.currentTarget);\n  };\n\n  const handleQueryClose = () => {\n    setQueryAnchor(null);\n  };\n\n  const handleAddFilter = () => {\n    if (queryFields.length === 0) {\n      return;\n    }\n\n    const field = queryFields[0];\n    const ops = getOpsForField(field);\n    const op = ops[0] ?? \"eq\";\n    const value = coerceFilterValue(field, op);\n\n    onFiltersChange([\n      ...queryFilters,\n      { id: createFilterId(), field: field.name, op, value },\n    ]);\n  };\n\n  const handleRemoveFilter = (filterId: string) => {\n    onFiltersChange(queryFilters.filter((filter) => filter.id !== filterId));\n  };\n\n  const handleFieldChange = (filterId: string, nextFieldName: string) => {\n    const nextField = getFieldByName(queryFields, nextFieldName);\n    if (!nextField) {\n      return;\n    }\n\n    const allowedOps = getOpsForField(nextField);\n\n    onFiltersChange(\n      queryFilters.map((filter) => {\n        if (filter.id !== filterId) {\n          return filter;\n        }\n\n        const op = allowedOps.includes(filter.op)\n          ? filter.op\n          : (allowedOps[0] ?? \"eq\");\n        const value = coerceFilterValue(nextField, op, filter.value);\n\n        return {\n          ...filter,\n          field: nextField.name,\n          op,\n          value,\n        };\n      }),\n    );\n  };\n\n  const handleOpChange = (filterId: string, nextOp: QuerySpecOp) => {\n    onFiltersChange(\n      queryFilters.map((filter) => {\n        if (filter.id !== filterId) {\n          return filter;\n        }\n\n        const field = queryFieldMap.get(filter.field);\n        const value = coerceFilterValue(field, nextOp, filter.value);\n\n        return {\n          ...filter,\n          op: nextOp,\n          value,\n        };\n      }),\n    );\n  };\n\n  const handleValueChange = (filterId: string, nextValue: string) => {\n    onFiltersChange(\n      queryFilters.map((filter) =>\n        filter.id === filterId\n          ? {\n              ...filter,\n              value: nextValue,\n            }\n          : filter,\n      ),\n    );\n  };\n\n  return (\n    <>\n      <Box\n        sx={{\n          borderBottom: \"1px solid\",\n          borderColor: \"divider\",\n          px: 2,\n          py: 1.5,\n        }}\n      >\n        <TextField\n          fullWidth\n          size=\"small\"\n          placeholder={placeholder ?? \"Add filters\"}\n          value={querySummary}\n          onClick={handleQueryOpen}\n          onFocus={handleQueryOpen}\n          InputProps={{\n            readOnly: true,\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <FilterAltOutlinedIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                {queryOpen ? (\n                  <KeyboardArrowUpIcon />\n                ) : (\n                  <KeyboardArrowDownIcon />\n                )}\n              </InputAdornment>\n            ),\n          }}\n          inputProps={{ \"aria-label\": \"Filter query\" }}\n          sx={{\n            \"& .MuiInputBase-root\": { cursor: \"pointer\" },\n            \"& .MuiInputBase-input\": {\n              cursor: \"pointer\",\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              whiteSpace: \"nowrap\",\n            },\n          }}\n        />\n      </Box>\n      <Popover\n        open={queryOpen}\n        anchorEl={queryAnchor}\n        onClose={handleQueryClose}\n        disableRestoreFocus\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\n        slotProps={{\n          paper: {\n            sx: {\n              width: queryPopoverWidth,\n              maxWidth: \"calc(100vw - 32px)\",\n              p: 2,\n            },\n          },\n        }}\n      >\n        <Box sx={{ maxHeight: \"60vh\", overflowY: \"auto\" }}>\n          <Stack spacing={2}>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              gap={1}\n            >\n              <Typography variant=\"subtitle2\">Filters</Typography>\n              <Box display=\"flex\" alignItems=\"center\" gap={1}>\n                <Button\n                  size=\"small\"\n                  startIcon={<AddIcon fontSize=\"small\" />}\n                  onClick={handleAddFilter}\n                  disabled={queryFields.length === 0}\n                >\n                  Add filter\n                </Button>\n                <IconButton\n                  size=\"small\"\n                  aria-label=\"Close filters\"\n                  onClick={handleQueryClose}\n                >\n                  <CloseIcon fontSize=\"small\" />\n                </IconButton>\n              </Box>\n            </Box>\n            {queryFilters.length === 0 ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                No filters yet.\n              </Typography>\n            ) : (\n              <Stack spacing={1.5}>\n                {queryFilters.map((filter) => (\n                  <QueryFilterRow\n                    key={filter.id}\n                    filter={filter}\n                    fields={queryFields}\n                    fieldMap={queryFieldMap}\n                    onFieldChange={handleFieldChange}\n                    onOpChange={handleOpChange}\n                    onValueChange={handleValueChange}\n                    onRemove={handleRemoveFilter}\n                  />\n                ))}\n              </Stack>\n            )}\n          </Stack>\n        </Box>\n      </Popover>\n    </>\n  );\n};\n"],"names":["QueryFilterRow","filter","fields","fieldMap","onFieldChange","onOpChange","onValueChange","onRemove","field","ops","getOpsForField","valueLabel","inputType","shouldShrinkLabel","valuePlaceholder","fieldOptions","useOptions","jsxs","Stack","jsx","TextField","event","queryField","MenuItem","ToggleButtonGroup","_","value","op","ToggleButton","querySpecOpLabels","option","IconButton","DeleteOutlineIcon","RemoteDataTableQueryBuilder","queryBuilder","queryAnchor","setQueryAnchor","useState","queryOpen","queryPopoverWidth","queryFields","queryFilters","onFiltersChange","placeholder","summaryFormatter","queryFieldMap","useMemo","querySummary","formatFiltersSummary","handleQueryOpen","handleQueryClose","handleAddFilter","coerceFilterValue","createFilterId","handleRemoveFilter","filterId","handleFieldChange","nextFieldName","nextField","getFieldByName","allowedOps","handleOpChange","nextOp","handleValueChange","nextValue","Fragment","Box","InputAdornment","FilterAltOutlinedIcon","KeyboardArrowUpIcon","KeyboardArrowDownIcon","Popover","Typography","Button","AddIcon","CloseIcon"],"mappings":"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"}

package/dist/RemoteDataTable/index.d.ts

@@ -1,3 +0,0 @@
-export type { OnChangeFn, PaginationState, QuerySpecField, QuerySpecFieldOption, QuerySpecFieldType, QuerySpecFilter, QuerySpecOp, RemoteDataTableColumn, RemoteDataTableColumnMeta, RemoteDataTableProps, RemoteDataTableQueryBuilderProps, SortingState, } from './RemoteDataTable';
-export { buildQuerySpecParams, default, default as RemoteDataTable, } from './RemoteDataTable';
-export * from './use-remote-data-table';

package/dist/RemoteDataTable/query-spec-utils.d.ts

@@ -1,8 +0,0 @@
-import { QuerySpecField, QuerySpecFilter, QuerySpecOp } from './RemoteDataTable.types';
-export declare const querySpecOpLabels: Record<QuerySpecOp, string>;
-export declare const createFilterId: () => string;
-export declare const getFieldByName: (fields: QuerySpecField[], name: string) => QuerySpecField | undefined;
-export declare const getOpsForField: (field?: QuerySpecField) => QuerySpecOp[];
-export declare const coerceFilterValue: (field: QuerySpecField | undefined, op: QuerySpecOp, value?: string) => string;
-export declare const formatFiltersSummary: (filters: QuerySpecFilter[], fields: QuerySpecField[]) => string;
-export declare const buildQuerySpecParams: (filters: QuerySpecFilter[], fields: QuerySpecField[]) => Record<string, string | number | boolean>;

package/dist/RemoteDataTable/query-spec-utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-spec-utils.mjs","sources":["../../src/RemoteDataTable/query-spec-utils.ts"],"sourcesContent":["import type {\n  QuerySpecField,\n  QuerySpecFilter,\n  QuerySpecOp,\n} from \"./RemoteDataTable.types\";\n\nconst defaultQuerySpecOps: QuerySpecOp[] = [\"eq\"];\n\nexport const querySpecOpLabels: Record<QuerySpecOp, string> = {\n  eq: \"is\",\n  neq: \"is not\",\n  lt: \"<\",\n  lte: \"<=\",\n  gt: \">\",\n  gte: \">=\",\n  ilike: \"contains\",\n  in: \"in\",\n  isnull: \"is null\",\n};\n\nexport const createFilterId = () =>\n  typeof crypto !== \"undefined\" && typeof crypto.randomUUID === \"function\"\n    ? crypto.randomUUID()\n    : `filter-${Math.random().toString(36).slice(2, 10)}`;\n\nexport const getFieldByName = (fields: QuerySpecField[], name: string) =>\n  fields.find((field) => field.name === name);\n\nexport const getOpsForField = (field?: QuerySpecField) =>\n  field?.ops?.length ? field.ops : defaultQuerySpecOps;\n\nexport const coerceFilterValue = (\n  field: QuerySpecField | undefined,\n  op: QuerySpecOp,\n  value?: string,\n) => {\n  if (op === \"isnull\") {\n    return value === \"false\" ? \"false\" : \"true\";\n  }\n\n  if (field?.type === \"boolean\") {\n    return value === \"false\" ? \"false\" : \"true\";\n  }\n\n  return value ?? \"\";\n};\n\nconst normalizeFilterValue = (\n  filter: QuerySpecFilter,\n  field?: QuerySpecField,\n) => {\n  if (filter.op === \"isnull\") {\n    return filter.value === \"false\" ? \"false\" : \"true\";\n  }\n\n  const raw = (filter.value ?? \"\").trim();\n  if (!raw) {\n    return \"\";\n  }\n\n  if (filter.op === \"in\") {\n    return raw\n      .split(\",\")\n      .map((part) => part.trim())\n      .filter(Boolean)\n      .join(\",\");\n  }\n\n  if (field?.type === \"date\" || field?.type === \"datetime\") {\n    const parsed = new Date(raw);\n    if (!Number.isNaN(parsed.getTime())) {\n      return parsed.toISOString();\n    }\n  }\n\n  if (field?.type === \"boolean\") {\n    return raw === \"false\" ? \"false\" : \"true\";\n  }\n\n  return raw;\n};\n\nconst getOptionLabel = (value: string, field?: QuerySpecField) => {\n  if (!field?.options?.length) {\n    return value;\n  }\n\n  return field.options.find((option) => option.value === value)?.label ?? value;\n};\n\nconst formatFilterSummary = (\n  filter: QuerySpecFilter,\n  field?: QuerySpecField,\n) => {\n  const label = field?.label ?? filter.field;\n  const rawValue = (filter.value ?? \"\").trim();\n\n  if (filter.op === \"isnull\") {\n    const isNull = rawValue !== \"false\";\n    return `${label} ${isNull ? \"is null\" : \"is not null\"}`;\n  }\n\n  if (!rawValue) {\n    return \"\";\n  }\n\n  const opLabel = querySpecOpLabels[filter.op] ?? filter.op;\n\n  if (filter.op === \"in\") {\n    const values = rawValue\n      .split(\",\")\n      .map((part) => part.trim())\n      .filter(Boolean)\n      .map((value) => getOptionLabel(value, field))\n      .join(\", \");\n    return `${label} ${opLabel} (${values})`;\n  }\n\n  const displayValue = getOptionLabel(rawValue, field);\n  const needsQuotes =\n    !field?.type ||\n    field.type === \"string\" ||\n    field.type === \"date\" ||\n    field.type === \"datetime\";\n  const formattedValue = needsQuotes ? `\"${displayValue}\"` : displayValue;\n  return `${label} ${opLabel} ${formattedValue}`;\n};\n\nexport const formatFiltersSummary = (\n  filters: QuerySpecFilter[],\n  fields: QuerySpecField[],\n) => {\n  if (!filters.length) {\n    return \"\";\n  }\n\n  const fieldMap = new Map(fields.map((field) => [field.name, field]));\n  return filters\n    .map((filter) => formatFilterSummary(filter, fieldMap.get(filter.field)))\n    .filter(Boolean)\n    .join(\" AND \");\n};\n\nexport const buildQuerySpecParams = (\n  filters: QuerySpecFilter[],\n  fields: QuerySpecField[],\n) => {\n  const fieldMap = new Map(fields.map((field) => [field.name, field]));\n  const params: Record<string, string | number | boolean> = {};\n\n  for (const filter of filters) {\n    const field = fieldMap.get(filter.field);\n    if (!field) {\n      continue;\n    }\n\n    const normalized = normalizeFilterValue(filter, field);\n    if (!normalized && filter.op !== \"isnull\") {\n      continue;\n    }\n\n    const key = filter.op === \"eq\" ? field.name : `${field.name}__${filter.op}`;\n    if (filter.op === \"isnull\") {\n      params[key] = normalized !== \"false\";\n    } else if (field.type === \"boolean\") {\n      params[key] = normalized !== \"false\";\n    } else if (field.type === \"number\" && filter.op !== \"in\") {\n      const numeric = Number(normalized);\n      params[key] = Number.isNaN(numeric) ? normalized : numeric;\n    } else {\n      params[key] = normalized;\n    }\n  }\n\n  return params;\n};\n"],"names":["defaultQuerySpecOps","querySpecOpLabels","createFilterId","getFieldByName","fields","name","field","getOpsForField","coerceFilterValue","op","value","normalizeFilterValue","filter","raw","part","parsed","getOptionLabel","option","formatFilterSummary","label","rawValue","opLabel","values","displayValue","formattedValue","formatFiltersSummary","filters","fieldMap","buildQuerySpecParams","params","normalized","key","numeric"],"mappings":"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"}

package/dist/RemoteDataTable/use-remote-data-table.d.ts

@@ -1,19 +0,0 @@
-import { OnChangeFn, PaginationState, QuerySpecFilter, SortingState } from './RemoteDataTable.types';
-export type UseRemoteDataTableOptions = {
-    initialPagination?: Partial<PaginationState>;
-    initialSorting?: SortingState;
-    initialFilters?: QuerySpecFilter[];
-};
-export type UseRemoteDataTableResult = {
-    pagination: PaginationState;
-    onPaginationChange: OnChangeFn<PaginationState>;
-    sorting: SortingState;
-    onSortingChange: OnChangeFn<SortingState>;
-    filters: QuerySpecFilter[];
-    onFiltersChange: (filters: QuerySpecFilter[]) => void;
-    resetPagination: () => void;
-    resetSorting: () => void;
-    resetFilters: () => void;
-    resetAll: () => void;
-};
-export declare const useRemoteDataTable: (options?: UseRemoteDataTableOptions) => UseRemoteDataTableResult;

package/dist/RemoteDataTable/use-remote-data-table.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-remote-data-table.mjs","sources":["../../src/RemoteDataTable/use-remote-data-table.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecFilter,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\nexport type UseRemoteDataTableOptions = {\n  initialPagination?: Partial<PaginationState>;\n  initialSorting?: SortingState;\n  initialFilters?: QuerySpecFilter[];\n};\n\nexport type UseRemoteDataTableResult = {\n  pagination: PaginationState;\n  onPaginationChange: OnChangeFn<PaginationState>;\n  sorting: SortingState;\n  onSortingChange: OnChangeFn<SortingState>;\n  filters: QuerySpecFilter[];\n  onFiltersChange: (filters: QuerySpecFilter[]) => void;\n  resetPagination: () => void;\n  resetSorting: () => void;\n  resetFilters: () => void;\n  resetAll: () => void;\n};\n\nconst DEFAULT_PAGINATION: PaginationState = {\n  pageIndex: 0,\n  pageSize: 10,\n};\n\nexport const useRemoteDataTable = (\n  options: UseRemoteDataTableOptions = {},\n): UseRemoteDataTableResult => {\n  const {\n    initialPagination = {},\n    initialSorting = [],\n    initialFilters = [],\n  } = options;\n\n  const resolvedInitialPagination: PaginationState = {\n    ...DEFAULT_PAGINATION,\n    ...initialPagination,\n  };\n\n  const [pagination, setPagination] = useState<PaginationState>(\n    resolvedInitialPagination,\n  );\n  const [sorting, setSorting] = useState<SortingState>(initialSorting);\n  const [filters, setFilters] = useState<QuerySpecFilter[]>(initialFilters);\n\n  const resetPagination = () => {\n    setPagination(resolvedInitialPagination);\n  };\n\n  const resetSorting = () => {\n    setSorting(initialSorting);\n  };\n\n  const resetFilters = () => {\n    setFilters(initialFilters);\n  };\n\n  const resetAll = () => {\n    resetPagination();\n    resetSorting();\n    resetFilters();\n  };\n\n  return {\n    pagination,\n    onPaginationChange: setPagination,\n    sorting,\n    onSortingChange: setSorting,\n    filters,\n    onFiltersChange: setFilters,\n    resetPagination,\n    resetSorting,\n    resetFilters,\n    resetAll,\n  };\n};\n"],"names":["DEFAULT_PAGINATION","useRemoteDataTable","options","initialPagination","initialSorting","initialFilters","resolvedInitialPagination","pagination","setPagination","useState","sorting","setSorting","filters","setFilters","resetPagination","resetSorting","resetFilters"],"mappings":";AA2BA,MAAMA,IAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AACZ,GAEaC,IAAqB,CAChCC,IAAqC,OACR;AAC7B,QAAM;AAAA,IACJ,mBAAAC,IAAoB,CAAA;AAAA,IACpB,gBAAAC,IAAiB,CAAA;AAAA,IACjB,gBAAAC,IAAiB,CAAA;AAAA,EAAC,IAChBH,GAEEI,IAA6C;AAAA,IACjD,GAAGN;AAAA,IACH,GAAGG;AAAA,EAAA,GAGC,CAACI,GAAYC,CAAa,IAAIC;AAAA,IAClCH;AAAA,EAAA,GAEI,CAACI,GAASC,CAAU,IAAIF,EAAuBL,CAAc,GAC7D,CAACQ,GAASC,CAAU,IAAIJ,EAA4BJ,CAAc,GAElES,IAAkB,MAAM;AAC5B,IAAAN,EAAcF,CAAyB;AAAA,EACzC,GAEMS,IAAe,MAAM;AACzB,IAAAJ,EAAWP,CAAc;AAAA,EAC3B,GAEMY,IAAe,MAAM;AACzB,IAAAH,EAAWR,CAAc;AAAA,EAC3B;AAQA,SAAO;AAAA,IACL,YAAAE;AAAA,IACA,oBAAoBC;AAAA,IACpB,SAAAE;AAAA,IACA,iBAAiBC;AAAA,IACjB,SAAAC;AAAA,IACA,iBAAiBC;AAAA,IACjB,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAhBe,MAAM;AACrB,MAAAF,EAAA,GACAC,EAAA,GACAC,EAAA;AAAA,IACF;AAAA,EAYE;AAEJ;"}

package/dist/Select/Select.d.ts

@@ -1,147 +0,0 @@
-import { BoxProps } from '@mui/material/Box';
-import { CircularProgressProps } from '@mui/material/CircularProgress';
-import { FormControlProps } from '@mui/material/FormControl';
-import { InputLabelProps } from '@mui/material/InputLabel';
-import { LinearProgressProps } from '@mui/material/LinearProgress';
-import { SelectProps as MuiSelectProps } from '@mui/material/Select';
-import { JSXElementConstructor, ReactNode } from 'react';
-/**
- * Select input size variants
- */
-export type SelectSize = "small" | "medium";
-/**
- * Interface representing the slots for the Select component.
- */
-export interface SelectSlots {
-    /**
-     * Root form control component
-     */
-    formControl?: JSXElementConstructor<FormControlProps>;
-    /**
-     * Input label component
-     */
-    inputLabel?: JSXElementConstructor<InputLabelProps>;
-    /**
-     * Select component
-     */
-    select?: JSXElementConstructor<MuiSelectProps<any>>;
-    /**
-     * Render value container component
-     */
-    renderValueContainer?: JSXElementConstructor<BoxProps>;
-    /**
-     * Loading indicator component (when fetching)
-     */
-    loadingIndicator?: JSXElementConstructor<CircularProgressProps>;
-    /**
-     * Fetching indicator component (when loading)
-     */
-    fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;
-}
-/**
- * Interface representing the slot properties for the Select component.
- */
-export interface SelectSlotProps {
-    /**
-     * Props for the form control
-     */
-    formControl?: Partial<FormControlProps>;
-    /**
-     * Props for the input label
-     */
-    inputLabel?: Partial<InputLabelProps>;
-    /**
-     * Props for the select (onChange is managed by the component)
-     */
-    select?: Partial<Omit<MuiSelectProps<any>, "onChange">>;
-    /**
-     * Props for the render value container
-     */
-    renderValueContainer?: Partial<BoxProps>;
-    /**
-     * Props for the loading indicator
-     */
-    loadingIndicator?: Partial<CircularProgressProps>;
-    /**
-     * Props for the fetching indicator
-     */
-    fetchingIndicator?: Partial<LinearProgressProps>;
-}
-/**
- * Props for the Select component
- *
- * @template T - The type of the selected value
- */
-export interface SelectProps<T> {
-    /**
-     * The label for the select input.
-     */
-    label: string;
-    /**
-     * The selected value.
-     */
-    value: T;
-    /**
-     * If true, the select input is in a loading state.
-     */
-    loading?: boolean;
-    /**
-     * If true, the select input is in a fetching state.
-     */
-    fetching?: boolean;
-    /**
-     * The size of the select input.
-     */
-    size?: SelectSize;
-    /**
-     * The color of the select input.
-     */
-    color?: string;
-    /**
-     * If true, the select input takes up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The child elements to be rendered within the select input.
-     */
-    children?: ReactNode;
-    /**
-     * The callback function to handle changes to the select input.
-     */
-    onChange?: MuiSelectProps<T>["onChange"];
-    /**
-     * Optional slots for custom rendering within the select
-     */
-    slots?: SelectSlots;
-    /**
-     * Optional props for the slots
-     */
-    slotProps?: SelectSlotProps;
-}
-/**
- * A custom Select component that extends the functionality of the Material-UI Select component.
- * This component supports additional features such as loading and fetching states, custom colors, and full-width display.
- *
- * Supports extensive customization through slots and slotProps.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Select label="Country" value={country} onChange={handleChange}>
- *   <MenuItem value="us">United States</MenuItem>
- *   <MenuItem value="uk">United Kingdom</MenuItem>
- * </Select>
- *
- * // With custom loading indicator
- * <Select
- *   label="Status"
- *   value={status}
- *   loading
- *   slotProps={{
- *     loadingIndicator: { size: 24 }
- *   }}
- * />
- * ```
- */
-export declare function Select<T extends ReactNode>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, slots, slotProps, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
-export default Select;

package/dist/Select/Select.mjs

@@ -1,103 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import y from "@mui/material/Box";
-import V from "@mui/material/CircularProgress";
-import u from "@mui/material/FormControl";
-import M from "@mui/material/InputLabel";
-import j from "@mui/material/LinearProgress";
-import F from "@mui/material/Select";
-import { styled as B } from "@mui/material/styles";
-import { useId as D } from "react";
-const O = {
-  small: 15,
-  medium: 20
-};
-function H({
-  label: o,
-  value: f,
-  loading: p = !1,
-  fetching: l = !1,
-  size: a = "medium",
-  fullWidth: C = !1,
-  color: r,
-  children: s,
-  onChange: h,
-  slots: n,
-  slotProps: e
-}) {
-  const i = D();
-  n?.formControl ?? u;
-  const I = n?.inputLabel ?? M, g = n?.select ?? F, m = n?.renderValueContainer ?? y, b = n?.loadingIndicator ?? V, x = n?.fetchingIndicator ?? j, L = (c) => l ? /* @__PURE__ */ t(
-    m,
-    {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      width: 1,
-      height: 1,
-      ...e?.renderValueContainer,
-      children: /* @__PURE__ */ t(
-        b,
-        {
-          color: "inherit",
-          size: O[a],
-          ...e?.loadingIndicator
-        }
-      )
-    }
-  ) : p ? /* @__PURE__ */ d(
-    m,
-    {
-      display: "flex",
-      flexDirection: "column",
-      ...e?.renderValueContainer,
-      children: [
-        c,
-        /* @__PURE__ */ t(
-          x,
-          {
-            color: "inherit",
-            sx: { position: "absolute", left: 0, right: 0, bottom: 0 },
-            ...e?.fetchingIndicator
-          }
-        )
-      ]
-    }
-  ) : c, S = B(u)(() => r ? {
-    label: {
-      color: r
-    },
-    ".MuiOutlinedInput-notchedOutline": {
-      borderColor: `${r} !important`
-    },
-    ".MuiInputBase-root": {
-      color: r
-    },
-    ".MuiSelect-icon": {
-      fill: r
-    }
-  } : {});
-  return /* @__PURE__ */ d(S, { fullWidth: C, ...e?.formControl, children: [
-    /* @__PURE__ */ t(I, { id: i, ...e?.inputLabel, children: o }),
-    /* @__PURE__ */ t(
-      g,
-      {
-        ...e?.select,
-        labelId: i,
-        id: i,
-        value: f,
-        label: o,
-        onChange: h,
-        disabled: l,
-        size: a,
-        renderValue: L,
-        children: s
-      }
-    )
-  ] });
-}
-export {
-  H as Select,
-  H as default
-};
-//# sourceMappingURL=Select.mjs.map

package/dist/Select/Select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import Box, { type BoxProps } from \"@mui/material/Box\";\nimport CircularProgress, {\n  type CircularProgressProps,\n} from \"@mui/material/CircularProgress\";\nimport FormControl, { type FormControlProps } from \"@mui/material/FormControl\";\nimport InputLabel, { type InputLabelProps } from \"@mui/material/InputLabel\";\nimport LinearProgress, {\n  type LinearProgressProps,\n} from \"@mui/material/LinearProgress\";\nimport MuiSelect, {\n  type SelectProps as MuiSelectProps,\n} from \"@mui/material/Select\";\nimport { styled } from \"@mui/material/styles\";\nimport { type JSXElementConstructor, type ReactNode, useId } from \"react\";\n\n/**\n * Select input size variants\n */\nexport type SelectSize = \"small\" | \"medium\";\n\n/**\n * Interface representing the slots for the Select component.\n */\nexport interface SelectSlots {\n  /**\n   * Root form control component\n   */\n  formControl?: JSXElementConstructor<FormControlProps>;\n  /**\n   * Input label component\n   */\n  inputLabel?: JSXElementConstructor<InputLabelProps>;\n  /**\n   * Select component\n   */\n  select?: JSXElementConstructor<MuiSelectProps<any>>;\n  /**\n   * Render value container component\n   */\n  renderValueContainer?: JSXElementConstructor<BoxProps>;\n  /**\n   * Loading indicator component (when fetching)\n   */\n  loadingIndicator?: JSXElementConstructor<CircularProgressProps>;\n  /**\n   * Fetching indicator component (when loading)\n   */\n  fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;\n}\n\n/**\n * Interface representing the slot properties for the Select component.\n */\nexport interface SelectSlotProps {\n  /**\n   * Props for the form control\n   */\n  formControl?: Partial<FormControlProps>;\n  /**\n   * Props for the input label\n   */\n  inputLabel?: Partial<InputLabelProps>;\n  /**\n   * Props for the select (onChange is managed by the component)\n   */\n  select?: Partial<Omit<MuiSelectProps<any>, \"onChange\">>;\n  /**\n   * Props for the render value container\n   */\n  renderValueContainer?: Partial<BoxProps>;\n  /**\n   * Props for the loading indicator\n   */\n  loadingIndicator?: Partial<CircularProgressProps>;\n  /**\n   * Props for the fetching indicator\n   */\n  fetchingIndicator?: Partial<LinearProgressProps>;\n}\n\n/**\n * Props for the Select component\n *\n * @template T - The type of the selected value\n */\nexport interface SelectProps<T> {\n  /**\n   * The label for the select input.\n   */\n  label: string;\n  /**\n   * The selected value.\n   */\n  value: T;\n  /**\n   * If true, the select input is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * If true, the select input is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * The size of the select input.\n   */\n  size?: SelectSize;\n  /**\n   * The color of the select input.\n   */\n  color?: string;\n  /**\n   * If true, the select input takes up the full width of its container.\n   */\n  fullWidth?: boolean;\n  /**\n   * The child elements to be rendered within the select input.\n   */\n  children?: ReactNode;\n  /**\n   * The callback function to handle changes to the select input.\n   */\n  onChange?: MuiSelectProps<T>[\"onChange\"];\n  /**\n   * Optional slots for custom rendering within the select\n   */\n  slots?: SelectSlots;\n  /**\n   * Optional props for the slots\n   */\n  slotProps?: SelectSlotProps;\n}\n\nconst ProgressSize: Record<SelectSize, number> = {\n  small: 15,\n  medium: 20,\n};\n\n/**\n * A custom Select component that extends the functionality of the Material-UI Select component.\n * This component supports additional features such as loading and fetching states, custom colors, and full-width display.\n *\n * Supports extensive customization through slots and slotProps.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Select label=\"Country\" value={country} onChange={handleChange}>\n *   <MenuItem value=\"us\">United States</MenuItem>\n *   <MenuItem value=\"uk\">United Kingdom</MenuItem>\n * </Select>\n *\n * // With custom loading indicator\n * <Select\n *   label=\"Status\"\n *   value={status}\n *   loading\n *   slotProps={{\n *     loadingIndicator: { size: 24 }\n *   }}\n * />\n * ```\n */\nexport function Select<T extends ReactNode>({\n  label,\n  value,\n  loading = false,\n  fetching = false,\n  size = \"medium\",\n  fullWidth = false,\n  color,\n  children,\n  onChange,\n  slots,\n  slotProps,\n}: SelectProps<T>) {\n  const id = useId();\n\n  // Slot components with defaults\n  const _FormControlComponent = slots?.formControl ?? FormControl;\n  const InputLabelComponent = slots?.inputLabel ?? InputLabel;\n  const SelectComponent = slots?.select ?? MuiSelect;\n  const RenderValueContainerComponent = slots?.renderValueContainer ?? Box;\n  const LoadingIndicatorComponent = slots?.loadingIndicator ?? CircularProgress;\n  const FetchingIndicatorComponent = slots?.fetchingIndicator ?? LinearProgress;\n\n  const renderValue = (value: T): ReactNode => {\n    if (fetching) {\n      return (\n        <RenderValueContainerComponent\n          display=\"flex\"\n          flexDirection=\"column\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          width={1}\n          height={1}\n          {...slotProps?.renderValueContainer}\n        >\n          <LoadingIndicatorComponent\n            color=\"inherit\"\n            size={ProgressSize[size]}\n            {...slotProps?.loadingIndicator}\n          />\n        </RenderValueContainerComponent>\n      );\n    }\n\n    if (loading) {\n      return (\n        <RenderValueContainerComponent\n          display=\"flex\"\n          flexDirection=\"column\"\n          {...slotProps?.renderValueContainer}\n        >\n          {value}\n          <FetchingIndicatorComponent\n            color=\"inherit\"\n            sx={{ position: \"absolute\", left: 0, right: 0, bottom: 0 }}\n            {...slotProps?.fetchingIndicator}\n          />\n        </RenderValueContainerComponent>\n      );\n    }\n\n    return value;\n  };\n\n  const StyledFormControl = styled(FormControl)(() => {\n    if (!color) {\n      return {};\n    }\n\n    return {\n      label: {\n        color,\n      },\n      \".MuiOutlinedInput-notchedOutline\": {\n        borderColor: `${color} !important`,\n      },\n      \".MuiInputBase-root\": {\n        color,\n      },\n      \".MuiSelect-icon\": {\n        fill: color,\n      },\n    };\n  });\n\n  return (\n    <StyledFormControl fullWidth={fullWidth} {...slotProps?.formControl}>\n      <InputLabelComponent id={id} {...slotProps?.inputLabel}>\n        {label}\n      </InputLabelComponent>\n      <SelectComponent\n        {...slotProps?.select}\n        labelId={id}\n        id={id}\n        value={value}\n        label={label}\n        onChange={onChange as any}\n        disabled={fetching}\n        size={size}\n        renderValue={renderValue}\n      >\n        {children}\n      </SelectComponent>\n    </StyledFormControl>\n  );\n}\n\nexport default Select;\n"],"names":["ProgressSize","Select","label","value","loading","fetching","size","fullWidth","color","children","onChange","slots","slotProps","id","useId","FormControl","InputLabelComponent","InputLabel","SelectComponent","MuiSelect","RenderValueContainerComponent","Box","LoadingIndicatorComponent","CircularProgress","FetchingIndicatorComponent","LinearProgress","renderValue","jsx","jsxs","StyledFormControl","styled"],"mappings":";;;;;;;;;AAoIA,MAAMA,IAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AACV;AA2BO,SAASC,EAA4B;AAAA,EAC1C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAKC,EAAA;AAGmB,EAAAH,GAAO,eAAeI;AACpD,QAAMC,IAAsBL,GAAO,cAAcM,GAC3CC,IAAkBP,GAAO,UAAUQ,GACnCC,IAAgCT,GAAO,wBAAwBU,GAC/DC,IAA4BX,GAAO,oBAAoBY,GACvDC,IAA6Bb,GAAO,qBAAqBc,GAEzDC,IAAc,CAACvB,MACfE,IAEA,gBAAAsB;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACP,GAAGR,GAAW;AAAA,MAEf,UAAA,gBAAAe;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMtB,EAAaM,CAAI;AAAA,UACtB,GAAGM,GAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA,IAKFR,IAEA,gBAAAwB;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACb,GAAGR,GAAW;AAAA,MAEd,UAAA;AAAA,QAAAT;AAAAA,QACD,gBAAAwB;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,IAAI,EAAE,UAAU,YAAY,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAA;AAAA,YACtD,GAAGZ,GAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA,IAKCT,GAGH0B,IAAoBC,EAAOf,CAAW,EAAE,MACvCP,IAIE;AAAA,IACL,OAAO;AAAA,MACL,OAAAA;AAAA,IAAA;AAAA,IAEF,oCAAoC;AAAA,MAClC,aAAa,GAAGA,CAAK;AAAA,IAAA;AAAA,IAEvB,sBAAsB;AAAA,MACpB,OAAAA;AAAA,IAAA;AAAA,IAEF,mBAAmB;AAAA,MACjB,MAAMA;AAAA,IAAA;AAAA,EACR,IAfO,CAAA,CAiBV;AAED,SACE,gBAAAoB,EAACC,GAAA,EAAkB,WAAAtB,GAAuB,GAAGK,GAAW,aACtD,UAAA;AAAA,IAAA,gBAAAe,EAACX,GAAA,EAAoB,IAAAH,GAAS,GAAGD,GAAW,YACzC,UAAAV,GACH;AAAA,IACA,gBAAAyB;AAAA,MAACT;AAAA,MAAA;AAAA,QACE,GAAGN,GAAW;AAAA,QACf,SAASC;AAAA,QACT,IAAAA;AAAA,QACA,OAAAV;AAAA,QACA,OAAAD;AAAA,QACA,UAAAQ;AAAA,QACA,UAAUL;AAAA,QACV,MAAAC;AAAA,QACA,aAAAoB;AAAA,QAEC,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/Select/index.d.ts

@@ -1,2 +0,0 @@
-export type { SelectProps, SelectSize } from './Select';
-export { default, default as Select } from './Select';

package/dist/SkeletonCard/SkeletonCard.d.ts

@@ -1,18 +0,0 @@
-/**
- * Props for the SkeletonCard component.
- */
-export interface SkeletonCardProps {
-    /**
-     * The width of the skeleton card. Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px").
-     */
-    width?: number | string;
-    /**
-     * The animation style for the skeleton card. Can be "pulse", "wave", or false to disable animation.
-     */
-    animation?: "pulse" | "wave" | false;
-}
-/**
- * SkeletonCard component renders a skeleton loading placeholder for a card.
- */
-export declare function SkeletonCard({ width, animation, }: SkeletonCardProps): import("react/jsx-runtime").JSX.Element;
-export default SkeletonCard;

package/dist/SkeletonCard/SkeletonCard.mjs

@@ -1,34 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import h from "@mui/material/Box";
-import e from "@mui/material/Skeleton";
-function f({
-  width: a = "100%",
-  animation: r = !1
-}) {
-  return /* @__PURE__ */ o(h, { width: a, children: [
-    /* @__PURE__ */ t(e, { animation: r, variant: "rectangular", height: 118 }),
-    /* @__PURE__ */ t(
-      e,
-      {
-        animation: r,
-        variant: "rectangular",
-        height: 16,
-        sx: { my: 1 }
-      }
-    ),
-    /* @__PURE__ */ t(
-      e,
-      {
-        animation: r,
-        variant: "rectangular",
-        width: "80%",
-        height: 16
-      }
-    )
-  ] });
-}
-export {
-  f as SkeletonCard,
-  f as default
-};
-//# sourceMappingURL=SkeletonCard.mjs.map

package/dist/SkeletonCard/SkeletonCard.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonCard.mjs","sources":["../../src/SkeletonCard/SkeletonCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\n/**\n * Props for the SkeletonCard component.\n */\nexport interface SkeletonCardProps {\n  /**\n   * The width of the skeleton card. Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\").\n   */\n  width?: number | string;\n\n  /**\n   * The animation style for the skeleton card. Can be \"pulse\", \"wave\", or false to disable animation.\n   */\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\n/**\n * SkeletonCard component renders a skeleton loading placeholder for a card.\n */\nexport function SkeletonCard({\n  width = \"100%\",\n  animation = false,\n}: SkeletonCardProps) {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton\n        animation={animation}\n        variant=\"rectangular\"\n        height={16}\n        sx={{ my: 1 }}\n      />\n      <Skeleton\n        animation={animation}\n        variant=\"rectangular\"\n        width=\"80%\"\n        height={16}\n      />\n    </Box>\n  );\n}\n\nexport default SkeletonCard;\n"],"names":["SkeletonCard","width","animation","jsxs","Box","jsx","Skeleton"],"mappings":";;;AAqBO,SAASA,EAAa;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,GAAsB;AACpB,SACE,gBAAAC,EAACC,KAAI,OAAAH,GACH,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAA,EAAS,WAAAJ,GAAsB,SAAQ,eAAc,QAAQ,KAAK;AAAA,IACnE,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAJ;AAAA,QACA,SAAQ;AAAA,QACR,QAAQ;AAAA,QACR,IAAI,EAAE,IAAI,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAEd,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAJ;AAAA,QACA,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF;AAEJ;"}

package/dist/SkeletonCard/index.d.ts

@@ -1,2 +0,0 @@
-export type { SkeletonCardProps } from './SkeletonCard';
-export { default, default as SkeletonCard } from './SkeletonCard';

package/dist/SkeletonGrid/SkeletonGrid.d.ts

@@ -1,17 +0,0 @@
-/**
- * Props for the SkeletonGrid component.
- */
-export interface SkeletonGridProps {
-    /**
-     * Optional size of the skeleton grid.
-     */
-    size?: number;
-}
-export interface SkeletonGridProps {
-    size?: number;
-}
-/**
- * SkeletonGrid component renders a grid of skeleton cards.
- */
-export declare function SkeletonGrid({ size }: SkeletonGridProps): import("react/jsx-runtime").JSX.Element;
-export default SkeletonGrid;

package/dist/SkeletonGrid/SkeletonGrid.mjs

@@ -1,13 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "@mui/material/Grid";
-import { SkeletonCard as o } from "../SkeletonCard/SkeletonCard.mjs";
-import { newArrayWithSize as n } from "../utils/arrays.mjs";
-import "@mui/material";
-function l({ size: t = 20 }) {
-  return /* @__PURE__ */ r(i, { container: !0, spacing: 2, children: n(t, 0).map((m, e) => /* @__PURE__ */ r(i, { size: 4, children: /* @__PURE__ */ r(o, { width: 1 }) }, e)) });
-}
-export {
-  l as SkeletonGrid,
-  l as default
-};
-//# sourceMappingURL=SkeletonGrid.mjs.map

package/dist/SkeletonGrid/SkeletonGrid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonGrid.mjs","sources":["../../src/SkeletonGrid/SkeletonGrid.tsx"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport SkeletonCard from \"../SkeletonCard\";\nimport { newArrayWithSize } from \"../utils\";\n\n/**\n * Props for the SkeletonGrid component.\n */\nexport interface SkeletonGridProps {\n  /**\n   * Optional size of the skeleton grid.\n   */\n  size?: number;\n}\nexport interface SkeletonGridProps {\n  size?: number;\n}\n\n/**\n * SkeletonGrid component renders a grid of skeleton cards.\n */\nexport function SkeletonGrid({ size = 20 }: SkeletonGridProps) {\n  return (\n    <Grid container spacing={2}>\n      {newArrayWithSize(size, 0).map((_, i) => (\n        <Grid key={i} size={4}>\n          <SkeletonCard width={1} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n}\n\nexport default SkeletonGrid;\n"],"names":["SkeletonGrid","size","jsx","Grid","newArrayWithSize","_","i","SkeletonCard"],"mappings":";;;;;AAoBO,SAASA,EAAa,EAAE,MAAAC,IAAO,MAAyB;AAC7D,SACE,gBAAAC,EAACC,GAAA,EAAK,WAAS,IAAC,SAAS,GACtB,UAAAC,EAAiBH,GAAM,CAAC,EAAE,IAAI,CAACI,GAAGC,MACjC,gBAAAJ,EAACC,GAAA,EAAa,MAAM,GAClB,UAAA,gBAAAD,EAACK,GAAA,EAAa,OAAO,EAAA,CAAG,EAAA,GADfD,CAEX,CACD,EAAA,CACH;AAEJ;"}

package/dist/SkeletonGrid/index.d.ts

@@ -1,2 +0,0 @@
-export type { SkeletonGridProps } from './SkeletonGrid';
-export { default, default as SkeletonGrid } from './SkeletonGrid';

package/dist/TabCard/TabCard.context.mjs

@@ -1,7 +0,0 @@
-import { createContext as t } from "react";
-const o = t([0, () => null]), e = o.Provider;
-export {
-  o as TabCardContext,
-  e as TabCardContextProvider
-};
-//# sourceMappingURL=TabCard.context.mjs.map

package/dist/TabCard/TabCard.context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabCard.context.mjs","sources":["../../src/TabCard/TabCard.context.tsx"],"sourcesContent":["import { createContext, type Dispatch, type SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<\n  [number, Dispatch<SetStateAction<number>>]\n>([0, () => null]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n"],"names":["TabCardContext","createContext","TabCardContextProvider"],"mappings":";AAEO,MAAMA,IAAiBC,EAE5B,CAAC,GAAG,MAAM,IAAI,CAAC,GACJC,IAAyBF,EAAe;"}

package/dist/TabCard/TabCard.d.ts

@@ -1,43 +0,0 @@
-import { ReactElement } from 'react';
-/**
- * Tab configuration data
- */
-export interface TabData {
-    /**
-     * Tab label text
-     */
-    text: string;
-    /**
-     * Optional icon element
-     */
-    icon?: ReactElement;
-}
-/**
- * Props for the TabCard component
- */
-export interface TabCardProps {
-    /**
-     * Array of tab configurations
-     */
-    tabs: TabData[];
-    /**
-     * Index of the initially selected tab
-     * @default 0
-     */
-    initialTab?: number;
-    /**
-     * Callback when tab selection changes
-     * @param tab - The selected tab data
-     * @param index - Index of the selected tab
-     */
-    onChangeTab?: (tab: TabData, index: number) => void;
-    /**
-     * Content to display in the tab panels
-     */
-    children?: React.ReactNode;
-}
-/**
- * Card component with tabbed navigation
- */
-export declare function TabCard({ children, tabs, initialTab, onChangeTab, }: TabCardProps): import("react/jsx-runtime").JSX.Element;
-export default TabCard;

package/dist/TabCard/TabCard.dummy.d.ts

@@ -1,14 +0,0 @@
-import { TabData } from './TabCard';
-export declare const DummyTabs: ({
-    text: string;
-    icon?: undefined;
-} | {
-    text: string;
-    icon: import("react/jsx-runtime").JSX.Element;
-})[];
-export interface TabCardDummyProps {
-    tabs: TabData[];
-    initialTab: number;
-    onChangeTab: (tab: TabData, index: number) => void;
-}
-export declare function TabCardDummy({ tabs, initialTab, onChangeTab, }: TabCardDummyProps): import("react/jsx-runtime").JSX.Element;

package/dist/TabCard/TabCard.mjs

@@ -1,68 +0,0 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import g from "@mui/material/Box";
-import m from "@mui/material/Paper";
-import { styled as l } from "@mui/material/styles";
-import b from "@mui/material/Tab";
-import f from "@mui/material/Tabs";
-import { useState as u } from "react";
-import { useGetDefaultThemeColor as T } from "../utils/theme.mjs";
-import { TabCardContextProvider as h } from "./TabCard.context.mjs";
-const y = l((o) => /* @__PURE__ */ t(
-  f,
-  {
-    ...o,
-    TabIndicatorProps: { children: /* @__PURE__ */ t("span", { className: "MuiTabs-indicatorSpan" }) }
-  }
-))(({ theme: o }) => ({
-  minHeight: o.spacing(5),
-  "& .MuiTabs-indicator": {
-    display: "flex",
-    justifyContent: "center",
-    backgroundColor: "transparent"
-  },
-  "& .MuiTabs-indicatorSpan": {
-    maxWidth: 40,
-    width: "100%",
-    backgroundColor: o.palette.primary.main
-  }
-})), C = l(b)(({ theme: o }) => ({
-  textTransform: "none",
-  fontWeight: o.typography.fontWeightRegular,
-  marginRight: o.spacing(1),
-  color: o.palette.text.secondary,
-  paddingTop: 0,
-  paddingBottom: 0,
-  minHeight: o.spacing(5),
-  "&.Mui-selected": {
-    color: o.palette.text.secondary,
-    fontWeight: o.typography.fontWeightBold
-  }
-}));
-function H({
-  children: o,
-  tabs: n,
-  initialTab: s = 0,
-  onChangeTab: p = () => null
-}) {
-  const d = T(), [e, i] = u(s);
-  return /* @__PURE__ */ t(h, { value: [e, i], children: /* @__PURE__ */ c(m, { variant: "outlined", children: [
-    /* @__PURE__ */ t(g, { bgcolor: d, children: /* @__PURE__ */ t(y, { value: e, onChange: (r, a) => {
-      i(a), p(n[a], a);
-    }, children: n.map(({ text: r, icon: a }) => /* @__PURE__ */ t(
-      C,
-      {
-        iconPosition: "start",
-        disableRipple: !0,
-        label: r,
-        icon: a
-      },
-      r
-    )) }) }),
-    o
-  ] }) });
-}
-export {
-  H as TabCard,
-  H as default
-};
-//# sourceMappingURL=TabCard.mjs.map