react-restyle-components 0.4.36 → 0.4.38

package/lib/src/core-components/src/components/Chip/elements.js

@@ -1,126 +1,38 @@
-import { styled, css } from 'styled-components';
-import { tokens } from '../../utils/designTokens';
-// Size configurations
-const sizeConfig = {
-    small: {
-        height: '24px',
-        padding: '0 8px',
-        fontSize: '0.75rem',
-        iconSize: '14px',
-        gap: '4px',
-        borderRadius: '12px',
-    },
-    medium: {
-        height: '32px',
-        padding: '0 12px',
-        fontSize: '0.8125rem',
-        iconSize: '16px',
-        gap: '6px',
-        borderRadius: '16px',
-    },
-    large: {
-        height: '40px',
-        padding: '0 16px',
-        fontSize: '0.875rem',
-        iconSize: '18px',
-        gap: '8px',
-        borderRadius: '20px',
-    },
-};
-// Color configurations
-const colorConfig = {
-    default: {
-        filled: { bg: tokens.onSurface || '#1a1a2e', text: '#fff', hover: '#2d2d42' },
-        outlined: {
-            border: tokens.outline || '#d1d5db',
-            text: tokens.onSurface || '#1a1a2e',
-            hover: '#f3f4f6',
-        },
-        soft: {
-            bg: tokens.surface || '#f3f4f6',
-            text: tokens.onSurface || '#1a1a2e',
-            hover: '#e5e7eb',
-        },
-    },
-    primary: {
-        filled: { bg: tokens.primary || '#454cbf', text: '#fff', hover: '#3d44a5' },
-        outlined: {
-            border: tokens.primary || '#454cbf',
-            text: tokens.primary || '#454cbf',
-            hover: '#e7e8f8',
-        },
-        soft: { bg: '#e7e8f8', text: tokens.primary || '#454cbf', hover: '#d4d6f4' },
-    },
-    success: {
-        filled: { bg: '#10b981', text: '#fff', hover: '#059669' },
-        outlined: { border: '#10b981', text: '#10b981', hover: '#ecfdf5' },
-        soft: { bg: '#ecfdf5', text: '#065f46', hover: '#d1fae5' },
-    },
-    warning: {
-        filled: { bg: '#f59e0b', text: '#fff', hover: '#d97706' },
-        outlined: { border: '#f59e0b', text: '#f59e0b', hover: '#fffbeb' },
-        soft: { bg: '#fffbeb', text: '#92400e', hover: '#fef3c7' },
-    },
-    error: {
-        filled: { bg: '#ef4444', text: '#fff', hover: '#dc2626' },
-        outlined: { border: '#ef4444', text: '#ef4444', hover: '#fef2f2' },
-        soft: { bg: '#fef2f2', text: '#991b1b', hover: '#fee2e2' },
-    },
-    info: {
-        filled: { bg: '#3b82f6', text: '#fff', hover: '#2563eb' },
-        outlined: { border: '#3b82f6', text: '#3b82f6', hover: '#e7f3ff' },
-        soft: { bg: '#e7f3ff', text: '#1e40af', hover: '#dbeafe' },
-    },
-};
-const getVariantStyles = (variant, color, selected) => {
-    const colorSet = colorConfig[color];
-    if (variant === 'filled') {
-        const config = colorSet.filled;
-        return css `
-      background: ${selected ? config.hover : config.bg};
-      color: ${config.text};
+"use strict";import{styled as a,css as i}from"styled-components";import{tokens as t}from"../../utils/designTokens";const f={small:{height:"24px",padding:"0 8px",fontSize:"0.75rem",iconSize:"14px",gap:"4px",borderRadius:"12px"},medium:{height:"32px",padding:"0 12px",fontSize:"0.8125rem",iconSize:"16px",gap:"6px",borderRadius:"16px"},large:{height:"40px",padding:"0 16px",fontSize:"0.875rem",iconSize:"18px",gap:"8px",borderRadius:"20px"}},s={default:{filled:{bg:t.onSurface||"#1a1a2e",text:"#fff",hover:"#2d2d42"},outlined:{border:t.outline||"#d1d5db",text:t.onSurface||"#1a1a2e",hover:"#f3f4f6"},soft:{bg:t.surface||"#f3f4f6",text:t.onSurface||"#1a1a2e",hover:"#e5e7eb"}},primary:{filled:{bg:t.primary||"#454cbf",text:"#fff",hover:"#3d44a5"},outlined:{border:t.primary||"#454cbf",text:t.primary||"#454cbf",hover:"#e7e8f8"},soft:{bg:"#e7e8f8",text:t.primary||"#454cbf",hover:"#d4d6f4"}},success:{filled:{bg:"#10b981",text:"#fff",hover:"#059669"},outlined:{border:"#10b981",text:"#10b981",hover:"#ecfdf5"},soft:{bg:"#ecfdf5",text:"#065f46",hover:"#d1fae5"}},warning:{filled:{bg:"#f59e0b",text:"#fff",hover:"#d97706"},outlined:{border:"#f59e0b",text:"#f59e0b",hover:"#fffbeb"},soft:{bg:"#fffbeb",text:"#92400e",hover:"#fef3c7"}},error:{filled:{bg:"#ef4444",text:"#fff",hover:"#dc2626"},outlined:{border:"#ef4444",text:"#ef4444",hover:"#fef2f2"},soft:{bg:"#fef2f2",text:"#991b1b",hover:"#fee2e2"}},info:{filled:{bg:"#3b82f6",text:"#fff",hover:"#2563eb"},outlined:{border:"#3b82f6",text:"#3b82f6",hover:"#e7f3ff"},soft:{bg:"#e7f3ff",text:"#1e40af",hover:"#dbeafe"}}},p=(e,r,n)=>{const d=s[r];if(e==="filled"){const o=d.filled;return i`
+      background: ${n?o.hover:o.bg};
+      color: ${o.text};
       border: 2px solid transparent;
 
       &:hover:not(:disabled) {
-        background: ${config.hover};
+        background: ${o.hover};
       }
-    `;
-    }
-    if (variant === 'outlined') {
-        const config = colorSet.outlined;
-        return css `
-      background: ${selected ? config.hover : 'transparent'};
-      color: ${config.text};
-      border: 2px solid ${config.border};
+    `}if(e==="outlined"){const o=d.outlined;return i`
+      background: ${n?o.hover:"transparent"};
+      color: ${o.text};
+      border: 2px solid ${o.border};
 
       &:hover:not(:disabled) {
-        background: ${config.hover};
+        background: ${o.hover};
       }
-    `;
-    }
-    // soft
-    const config = colorSet.soft;
-    return css `
-    background: ${selected ? config.hover : config.bg};
-    color: ${config.text};
+    `}const l=d.soft;return i`
+    background: ${n?l.hover:l.bg};
+    color: ${l.text};
     border: 2px solid transparent;
 
     &:hover:not(:disabled) {
-      background: ${config.hover};
+      background: ${l.hover};
     }
-  `;
-};
-export const ChipElement = styled.button `
+  `};export const ChipElement=a.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: ${({ $size }) => sizeConfig[$size].gap};
-  height: ${({ $size }) => sizeConfig[$size].height};
-  padding: ${({ $size }) => sizeConfig[$size].padding};
-  font-size: ${({ $size }) => sizeConfig[$size].fontSize};
+  gap: ${({$size:e})=>f[e].gap};
+  height: ${({$size:e})=>f[e].height};
+  padding: ${({$size:e})=>f[e].padding};
+  font-size: ${({$size:e})=>f[e].fontSize};
   font-weight: 500;
   font-family: inherit;
-  border-radius: ${({ $size }) => sizeConfig[$size].borderRadius};
+  border-radius: ${({$size:e})=>f[e].borderRadius};
   cursor: pointer;
   transition: all 0.2s ease;
   white-space: nowrap;
@@ -129,19 +41,16 @@ export const ChipElement = styled.button `
   position: relative;
   overflow: hidden;
 
-  ${({ $variant, $color, $selected }) => getVariantStyles($variant, $color, $selected)}
+  ${({$variant:e,$color:r,$selected:n})=>p(e,r,n)}
 
   /* Selected state visual indicator */
-  ${({ $selected, $color, $variant }) => $selected &&
-    $variant === 'outlined' &&
-    css `
-      border-color: ${colorConfig[$color].outlined.text};
-      box-shadow: 0 0 0 1px ${colorConfig[$color].outlined.text};
+  ${({$selected:e,$color:r,$variant:n})=>e&&n==="outlined"&&i`
+      border-color: ${s[r].outlined.text};
+      box-shadow: 0 0 0 1px ${s[r].outlined.text};
     `}
   
   /* Disabled state */
-  ${({ $disabled }) => $disabled &&
-    css `
+  ${({$disabled:e})=>e&&i`
       opacity: 0.5;
       cursor: not-allowed;
     `}
@@ -149,28 +58,25 @@ export const ChipElement = styled.button `
   /* Focus visible */
   &:focus-visible {
     box-shadow:
-      0 0 0 2px ${tokens.surface || '#fff'},
-      0 0 0 4px ${tokens.primary || '#454cbf'};
+      0 0 0 2px ${t.surface||"#fff"},
+      0 0 0 4px ${t.primary||"#454cbf"};
   }
 
   /* Active state */
   &:active:not(:disabled) {
     transform: scale(0.97);
   }
-`;
-export const IconWrapper = styled.span `
+`,IconWrapper=a.span`
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: ${({ $size }) => sizeConfig[$size].iconSize};
-  height: ${({ $size }) => sizeConfig[$size].iconSize};
+  width: ${({$size:e})=>f[e].iconSize};
+  height: ${({$size:e})=>f[e].iconSize};
 
-  ${({ $side }) => $side === 'left'
-    ? css `
+  ${({$side:e})=>e==="left"?i`
           margin-left: -2px;
-        `
-    : css `
+        `:i`
           margin-right: -2px;
         `}
 
@@ -178,31 +84,29 @@ export const IconWrapper = styled.span `
     width: 100%;
     height: 100%;
   }
-`;
-export const AvatarWrapper = styled.span `
+`,AvatarWrapper=a.span`
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: ${({ $size }) => $size === 'small' ? '18px' : $size === 'large' ? '28px' : '24px'};
-  height: ${({ $size }) => $size === 'small' ? '18px' : $size === 'large' ? '28px' : '24px'};
+  width: ${({$size:e})=>e==="small"?"18px":e==="large"?"28px":"24px"};
+  height: ${({$size:e})=>e==="small"?"18px":e==="large"?"28px":"24px"};
   border-radius: 50%;
   overflow: hidden;
-  margin-left: ${({ $size }) => $size === 'small' ? '-4px' : $size === 'large' ? '-10px' : '-6px'};
+  margin-left: ${({$size:e})=>e==="small"?"-4px":e==="large"?"-10px":"-6px"};
 
   img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
-`;
-export const DeleteButton = styled.span `
+`,DeleteButton=a.span`
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: ${({ $size }) => $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px'};
-  height: ${({ $size }) => $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px'};
+  width: ${({$size:e})=>e==="small"?"14px":e==="large"?"18px":"16px"};
+  height: ${({$size:e})=>e==="small"?"14px":e==="large"?"18px":"16px"};
   border-radius: 50%;
   margin-right: -4px;
   transition: all 0.2s ease;
@@ -215,25 +119,21 @@ export const DeleteButton = styled.span `
     width: 100%;
     height: 100%;
   }
-`;
-export const ChipLabel = styled.span `
+`,ChipLabel=a.span`
   line-height: 1;
-`;
-export const ChipGroupElement = styled.div `
+`,ChipGroupElement=a.div`
   display: flex;
-  flex-direction: ${({ $direction }) => $direction};
-  gap: ${({ $gap }) => $gap};
+  flex-direction: ${({$direction:e})=>e};
+  gap: ${({$gap:e})=>e};
 
-  ${({ $wrap }) => $wrap &&
-    css `
+  ${({$wrap:e})=>e&&i`
       flex-wrap: wrap;
     `}
 
-  ${({ $scrollable, $direction }) => $scrollable &&
-    css `
-      overflow-x: ${$direction === 'row' ? 'auto' : 'visible'};
-      overflow-y: ${$direction === 'column' ? 'auto' : 'visible'};
-      padding-bottom: ${$direction === 'row' ? '4px' : '0'};
+  ${({$scrollable:e,$direction:r})=>e&&i`
+      overflow-x: ${r==="row"?"auto":"visible"};
+      overflow-y: ${r==="column"?"auto":"visible"};
+      padding-bottom: ${r==="row"?"4px":"0"};
 
       /* Custom scrollbar */
       &::-webkit-scrollbar {
@@ -246,7 +146,7 @@ export const ChipGroupElement = styled.div `
       }
 
       &::-webkit-scrollbar-thumb {
-        background: ${tokens.outline || '#d1d5db'};
+        background: ${t.outline||"#d1d5db"};
         border-radius: 2px;
       }
     `}

package/lib/src/core-components/src/components/Chip/index.d.ts

@@ -1,3 +1,2 @@
 export { Chip, ChipGroup } from './Chip';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/components/Chip/index.js

@@ -1,2 +1 @@
-export { Chip, ChipGroup } from './Chip';
-export * from './types';
+"use strict";export{Chip,ChipGroup}from"./Chip";export*from"./types";

package/lib/src/core-components/src/components/Chip/types.d.ts

@@ -51,4 +51,3 @@ export interface ChipGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Additional class name */
     className?: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/lib/src/core-components/src/components/Chip/types.js

@@ -1,4 +1 @@
-export const CHIP_VARIANTS = ['filled', 'outlined', 'soft'];
-export const CHIP_SIZES = ['small', 'medium', 'large'];
-export const CHIP_COLORS = ['default', 'primary', 'success', 'warning', 'error', 'info'];
-export const CHIP_TYPES = ['button', 'selection', 'filter', 'input'];
+"use strict";export const CHIP_VARIANTS=["filled","outlined","soft"],CHIP_SIZES=["small","medium","large"],CHIP_COLORS=["default","primary","success","warning","error","info"],CHIP_TYPES=["button","selection","filter","input"];

package/lib/src/core-components/src/components/Divider/Divider.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { DividerProps } from './types';
 export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Divider.d.ts.map

package/lib/src/core-components/src/components/Divider/Divider.js

@@ -1,25 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { DividerContainer, DividerLine, DividerLabel } from './elements';
-export const Divider = forwardRef(function DividerComponent(props, ref) {
-    const { orientation = 'horizontal', variant = 'solid', size = 'thin', color = 'default', inset = '0', centerInset = false, label, labelPosition = 'center', className, ...rest } = props;
-    const hasLabel = Boolean(label);
-    // Calculate flex values for label positioning
-    const getFlexValues = () => {
-        if (!hasLabel)
-            return { start: 1, end: 0 };
-        switch (labelPosition) {
-            case 'start':
-                return { start: 0, end: 1 };
-            case 'end':
-                return { start: 1, end: 0 };
-            case 'center':
-            default:
-                return { start: 1, end: 1 };
-        }
-    };
-    const flexValues = getFlexValues();
-    return (_jsxs(DividerContainer, { ref: ref, "$orientation": orientation, "$variant": variant, "$size": size, "$color": color, "$inset": inset, "$centerInset": centerInset, "$hasLabel": hasLabel, role: "separator", "aria-orientation": orientation, "data-aui": "divider", className: className, ...rest, children: [flexValues.start > 0 && (_jsx(DividerLine, { "$orientation": orientation, "$variant": variant, "$size": size, "$color": color, "$flex": flexValues.start })), hasLabel && (_jsx(DividerLabel, { "$color": color, children: label })), flexValues.end > 0 && (_jsx(DividerLine, { "$orientation": orientation, "$variant": variant, "$size": size, "$color": color, "$flex": flexValues.end }))] }));
-});
-Divider.displayName = 'Divider';
+"use strict";"use client";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{forwardRef as h}from"react";import{DividerContainer as p,DividerLine as l,DividerLabel as D}from"./elements";export const Divider=h(function(c,d){const{orientation:e="horizontal",variant:a="solid",size:i="thin",color:t="default",inset:$="0",centerInset:f=!1,label:o,labelPosition:u="center",className:v,...m}=c,n=!!o,r=(()=>{if(!n)return{start:1,end:0};switch(u){case"start":return{start:0,end:1};case"end":return{start:1,end:0};default:return{start:1,end:1}}})();return x(p,{ref:d,$orientation:e,$variant:a,$size:i,$color:t,$inset:$,$centerInset:f,$hasLabel:n,role:"separator","aria-orientation":e,"data-aui":"divider",className:v,...m,children:[r.start>0&&s(l,{$orientation:e,$variant:a,$size:i,$color:t,$flex:r.start}),n&&s(D,{$color:t,children:o}),r.end>0&&s(l,{$orientation:e,$variant:a,$size:i,$color:t,$flex:r.end})]})});Divider.displayName="Divider";

package/lib/src/core-components/src/components/Divider/elements.d.ts

@@ -19,4 +19,3 @@ export declare const DividerLine: import("styled-components/dist/types").IStyled
 export declare const DividerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $color: DividerColor;
 }>> & string;
-//# sourceMappingURL=elements.d.ts.map

package/lib/src/core-components/src/components/Divider/elements.js

@@ -1,103 +1,66 @@
-import { styled, css } from 'styled-components';
-import { tokens } from '../../utils/designTokens';
-// Size values
-const sizeValues = {
-    thin: '1px',
-    medium: '2px',
-    thick: '4px',
-};
-// Color values
-const colorValues = {
-    default: tokens.outline || '#e9ecef',
-    primary: tokens.primary || '#454cbf',
-    subtle: tokens.outlineSoft || '#f1f3f5',
-    dark: '#374151',
-};
-export const DividerContainer = styled.div `
+"use strict";import{styled as i,css as t}from"styled-components";import{tokens as n}from"../../utils/designTokens";const o={thin:"1px",medium:"2px",thick:"4px"},c={default:n.outline||"#e9ecef",primary:n.primary||"#454cbf",subtle:n.outlineSoft||"#f1f3f5",dark:"#374151"};export const DividerContainer=i.div`
   display: flex;
   align-items: center;
   
-  ${({ $orientation, $inset, $centerInset }) => $orientation === 'horizontal'
-    ? css `
-          width: ${$centerInset
-        ? `calc(100% - (${$inset} * 2))`
-        : `calc(100% - ${$inset})`};
-          margin-left: ${$inset};
-          ${$centerInset && `margin-right: ${$inset};`}
+  ${({$orientation:a,$inset:e,$centerInset:r})=>a==="horizontal"?t`
+          width: ${r?`calc(100% - (${e} * 2))`:`calc(100% - ${e})`};
+          margin-left: ${e};
+          ${r&&`margin-right: ${e};`}
           flex-direction: row;
-        `
-    : css `
+        `:t`
           height: 100%;
-          margin-top: ${$inset};
-          ${$centerInset && `margin-bottom: ${$inset};`}
+          margin-top: ${e};
+          ${r&&`margin-bottom: ${e};`}
           flex-direction: column;
         `}
-`;
-export const DividerLine = styled.div `
-  flex: ${({ $flex }) => $flex ?? 1};
+`,DividerLine=i.div`
+  flex: ${({$flex:a})=>a??1};
   
-  ${({ $orientation, $size, $variant, $color }) => $orientation === 'horizontal'
-    ? css `
-          height: ${sizeValues[$size]};
+  ${({$orientation:a,$size:e,$variant:r,$color:d})=>a==="horizontal"?t`
+          height: ${o[e]};
           width: 100%;
-        `
-    : css `
-          width: ${sizeValues[$size]};
+        `:t`
+          width: ${o[e]};
           height: 100%;
         `}
   
   /* Variant styles */
-  ${({ $variant, $color }) => {
-    const colorValue = colorValues[$color];
-    switch ($variant) {
-        case 'solid':
-            return css `
-          background-color: ${colorValue};
-        `;
-        case 'dashed':
-            return css `
+  ${({$variant:a,$color:e})=>{const r=c[e];switch(a){case"solid":return t`
+          background-color: ${r};
+        `;case"dashed":return t`
           background-image: repeating-linear-gradient(
             90deg,
-            ${colorValue},
-            ${colorValue} 8px,
+            ${r},
+            ${r} 8px,
             transparent 8px,
             transparent 16px
           );
-        `;
-        case 'dotted':
-            return css `
+        `;case"dotted":return t`
           background-image: repeating-linear-gradient(
             90deg,
-            ${colorValue},
-            ${colorValue} 4px,
+            ${r},
+            ${r} 4px,
             transparent 4px,
             transparent 12px
           );
-        `;
-        case 'gradient':
-            return css `
+        `;case"gradient":return t`
           background: linear-gradient(
             90deg,
             transparent 0%,
-            ${colorValue} 20%,
-            ${colorValue} 80%,
+            ${r} 20%,
+            ${r} 80%,
             transparent 100%
           );
-        `;
-        default:
-            return css `
-          background-color: ${colorValue};
-        `;
-    }
-}}
-`;
-export const DividerLabel = styled.span `
-  padding: 0 ${tokens.spacing150 || '0.75rem'};
+        `;default:return t`
+          background-color: ${r};
+        `}}}
+`,DividerLabel=i.span`
+  padding: 0 ${n.spacing150||"0.75rem"};
   font-size: 0.75rem;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  color: ${({ $color }) => $color === 'dark' ? '#9ca3af' : tokens.onSurface ? `${tokens.onSurface}80` : '#6c757d'};
+  color: ${({$color:a})=>a==="dark"?"#9ca3af":n.onSurface?`${n.onSurface}80`:"#6c757d"};
   white-space: nowrap;
   flex-shrink: 0;
 `;

package/lib/src/core-components/src/components/Divider/index.d.ts

@@ -1,3 +1,2 @@
 export { Divider } from './Divider';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/components/Divider/index.js

@@ -1,2 +1 @@
-export { Divider } from './Divider';
-export * from './types';
+"use strict";export{Divider}from"./Divider";export*from"./types";

package/lib/src/core-components/src/components/Divider/types.d.ts

@@ -27,4 +27,3 @@ export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Additional class name */
     className?: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/lib/src/core-components/src/components/Divider/types.js

@@ -1,4 +1 @@
-export const DIVIDER_ORIENTATIONS = ['horizontal', 'vertical'];
-export const DIVIDER_VARIANTS = ['solid', 'dashed', 'dotted', 'gradient'];
-export const DIVIDER_SIZES = ['thin', 'medium', 'thick'];
-export const DIVIDER_COLORS = ['default', 'primary', 'subtle', 'dark'];
+"use strict";export const DIVIDER_ORIENTATIONS=["horizontal","vertical"],DIVIDER_VARIANTS=["solid","dashed","dotted","gradient"],DIVIDER_SIZES=["thin","medium","thick"],DIVIDER_COLORS=["default","primary","subtle","dark"];

package/lib/src/core-components/src/components/DynamicGrid/DynamicGrid.d.ts

@@ -3,4 +3,3 @@ import { DynamicGridProps, GridItemProps, GridContextValue } from './types';
 export declare const useGridContext: () => GridContextValue | null;
 export declare const DynamicGrid: React.ForwardRefExoticComponent<DynamicGridProps & React.RefAttributes<HTMLDivElement>>;
 export declare const DynamicGridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=DynamicGrid.d.ts.map