@ovotech/element-native 4.5.0 → 5.0.0-canary-bcb1788-338

package/dist/styled.native.js

@@ -1,4 +1,33 @@
-import * as styledComponents from 'styled-components/native';
-const { default: styled, css, ThemeProvider, ThemeContext, useTheme, } = styledComponents;
-export { css, ThemeProvider, ThemeContext, useTheme };
-export default styled;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeContext = exports.ThemeProvider = exports.css = void 0;
+var styledComponents = __importStar(require("styled-components/native"));
+var _a = styledComponents, styled = _a.default, css = _a.css, ThemeProvider = _a.ThemeProvider, ThemeContext = _a.ThemeContext, useTheme = _a.useTheme;
+exports.css = css;
+exports.ThemeProvider = ThemeProvider;
+exports.ThemeContext = ThemeContext;
+exports.useTheme = useTheme;
+exports.default = styled;

package/dist/theme/index.js

@@ -1 +1,17 @@
-export * from '@ovotech/element-core';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("@ovotech/element-core"), exports);

package/dist/utils/index.js

@@ -1 +1,17 @@
-export * from './utils';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utils"), exports);

package/dist/utils/types.d.ts

@@ -0,0 +1 @@
+export type DisplayStylesBase = 'solid' | 'outline';

package/dist/utils/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/utils.d.ts

@@ -1,9 +1,9 @@
-import { ComponentType, ReactNode, ReactElement, Ref, RefCallback, RefObject, ComponentProps } from 'react';
+import { Ref, ReactNode, ReactElement, ComponentType } from 'react';
 import { ViewProps, View } from 'react-native';
 import { BreakpointNames, Breakpoints } from '../hooks';
-declare function mergeRefs<T>(...refs: Array<RefObject<T> | Ref<T> | undefined>): RefCallback<T>;
+declare function mergeRefs<T>(ref1: undefined | Ref<T>, ref2: undefined | Ref<T>): (element: T) => void;
 declare function getText(children: ReactNode): string;
-declare function styledComponentWithBreakpoints<T = ViewProps, C = View>(Component: ComponentType<T>): (props: Omit<T, BreakpointNames> & (C extends ComponentType<any> ? ComponentProps<C> : object)) => import("react/jsx-runtime").JSX.Element;
+declare function styledComponentWithBreakpoints<T = ViewProps, C = View>(Component: ComponentType<T>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<Omit<T, BreakpointNames>> & import("react").RefAttributes<C>>;
 declare function responsiveStyle(property: string, value: any, breakpoints: Breakpoints, formatter?: (v: any) => string): any;
 declare function getErrorMessage(id: string, errors: Array<{
     id: string;

package/dist/utils/utils.js

@@ -1,18 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, } from 'react';
-import { useBreakpoint } from '../hooks';
-function mergeRefs(...refs) {
-    return value => {
-        refs.forEach(ref => {
-            assignRef(ref, value);
-        });
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styledComponentWithBreakpoints = exports.responsiveStyle = exports.mergeRefs = exports.getText = exports.getValidChildren = exports.getErrorMessage = exports.filterChildrenByType = exports.callAll = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../hooks");
+function mergeRefs(ref1, ref2) {
+    return function (element) {
+        assignRef(ref1, element);
+        assignRef(ref2, element);
     };
 }
+exports.mergeRefs = mergeRefs;
 function assignRef(ref, element) {
     if (typeof ref === 'function') {
         ref(element);
     }
     else if (ref) {
+        // @ts-ignore
         ref.current = element;
     }
 }
@@ -20,49 +35,71 @@ function getText(children) {
     if (!Boolean(children) && typeof children !== 'number') {
         return '';
     }
-    if (typeof children === 'object' &&
-        children.props) {
-        return Children.map(children.props.children, child => getText(child)).join('');
+    if (typeof children === 'object' && children.props) {
+        return react_1.Children.map(children.props.children, function (child) {
+            return getText(child);
+        }).join('');
     }
     return String(children);
 }
+exports.getText = getText;
 function styledComponentWithBreakpoints(Component) {
-    return (props) => {
-        const breakpoints = useBreakpoint();
+    return (0, react_1.forwardRef)(function (props, ref) {
+        var breakpoints = (0, hooks_1.useBreakpoint)();
         // @ts-ignore.
-        return _jsx(Component, { ...props, ...breakpoints, ref: props.ref });
-    };
+        return (0, jsx_runtime_1.jsx)(Component, __assign({}, props, breakpoints, { ref: ref }));
+    });
 }
+exports.styledComponentWithBreakpoints = styledComponentWithBreakpoints;
 function responsiveStyle(property, value, breakpoints, formatter) {
-    let values;
+    var values;
     if (Array.isArray(value)) {
         values = value;
     }
     else {
         values = [value];
     }
-    const ascMediaQueries = [
+    var ascMediaQueries = [
         breakpoints.smallAndUp,
         breakpoints.mediumAndUp,
         breakpoints.largeAndUp,
     ];
-    const [base, ...rest] = values;
-    return rest.reduce((acc, val, i) => ascMediaQueries[i]
-        ? `${property}: ${formatter ? formatter(val) : val};`
-        : acc, `${property}: ${formatter ? formatter(base) : base};`);
+    var base = values[0], rest = values.slice(1);
+    return rest.reduce(function (acc, val, i) {
+        return ascMediaQueries[i]
+            ? "".concat(property, ": ").concat(formatter ? formatter(val) : val, ";")
+            : acc;
+    }, "".concat(property, ": ").concat(formatter ? formatter(base) : base, ";"));
 }
+exports.responsiveStyle = responsiveStyle;
 function getErrorMessage(id, errors) {
-    return (errors.find(({ id: errorId }) => id === errorId) || { message: null })
+    return (errors.find(function (_a) {
+        var errorId = _a.id;
+        return id === errorId;
+    }) || { message: null })
         .message;
 }
+exports.getErrorMessage = getErrorMessage;
 // eslint-disable-next-line @typescript-eslint/ban-types
-function callAll(...fns) {
-    return (...args) => fns.forEach(fn => fn && fn(...args));
+function callAll() {
+    var fns = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        fns[_i] = arguments[_i];
+    }
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        return fns.forEach(function (fn) { return fn && fn.apply(void 0, args); });
+    };
 }
+exports.callAll = callAll;
 function filterChildrenByType(children, type) {
-    return Children.toArray(children).filter(child => child?.type === type);
+    return react_1.Children.toArray(children).filter(function (child) { return (child === null || child === void 0 ? void 0 : child.type) === type; });
 }
+exports.filterChildrenByType = filterChildrenByType;
 function getValidChildren(children) {
-    return Children.toArray(children).filter(Boolean);
+    return react_1.Children.toArray(children).filter(Boolean);
 }
-export { callAll, filterChildrenByType, getErrorMessage, getValidChildren, getText, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };
+exports.getValidChildren = getValidChildren;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "4.5.0",
+  "version": "5.0.0-canary-bcb1788-338",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -14,58 +14,55 @@
   },
   "dependencies": {
     "@backpackapp-io/react-native-toast": "^0.10.0",
+    "@ovotech/element-core": "4.0.0-canary-bcb1788-338",
     "deepmerge": "^4.2.2",
     "lodash.groupby": "^4.6.0",
-    "react-native-reanimated-carousel": "^3.5.1",
-    "@ovotech/element-core": "3.2.1"
+    "react-native-reanimated-carousel": "^3.5.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/plugin-transform-flow-strip-types": "^7.27.1",
-    "@babel/plugin-transform-private-methods": "^7.27.1",
-    "@react-native-masked-view/masked-view": "^0.3.2",
-    "@testing-library/jest-dom": "^6.6.4",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/react-native": "^13.3.3",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^29.5.4",
+    "@babel/core": "^7.11.5",
+    "@react-native-masked-view/masked-view": "^0.3.0",
+    "@testing-library/dom": "^8.20.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-native": "^11.5.2",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^28.1.1",
     "@types/lodash.groupby": "^4.6.9",
-    "@types/react": "^19.1.0",
-    "@types/react-is": "^19.1.0",
+    "@types/react": "18.2.6",
+    "@types/react-is": "^18.3.0",
     "@types/react-router-dom": "^5.1.5",
     "@types/styled-components": "^5.1.34",
     "@types/styled-components-react-native": "^5.1.1",
-    "babel-jest": "^29.7.0",
+    "babel-jest": "^28.0.0",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "babel-preset-expo": "^54.0.3",
-    "jest": "^29.7.0",
-    "jest-styled-components": "^7.2.0",
+    "jest": "^28.1.1",
+    "jest-styled-components": "^7.0.3",
     "metro-react-native-babel-preset": "^0.77.0",
-    "postcss-styled-syntax": "^0.7.1",
-    "react": "^19.1.0",
-    "react-is": "^19.1.0",
-    "react-native": "0.81.0",
-    "react-native-gesture-handler": "^2.28.0",
-    "react-native-reanimated": "^3.19.1",
-    "react-native-safe-area-context": "^5.6.1",
-    "react-native-svg": "^15.12.1",
-    "react-router-dom": "^6.11.2",
-    "react-test-renderer": "^19.1.0",
+    "postcss-styled-syntax": "^0.6.4",
+    "react": "18.3.1",
+    "react-is": "^18.3.1",
+    "react-native": "0.72.3",
+    "react-native-gesture-handler": "^2.16.2",
+    "react-native-reanimated": "^3.5.4",
+    "react-native-safe-area-context": "^4.7.4",
+    "react-native-svg": "^13.6.0",
+    "react-router-dom": "^6.0.0",
+    "react-test-renderer": "^18.2.0",
     "styled-components": "^5.3.11",
-    "stylelint": "^16.24.0",
-    "stylelint-config-standard": "^39.0.0",
-    "ts-jest": "^29.4.1",
-    "ts-loader": "^9.5.4",
-    "typescript": "^5.8.3"
+    "stylelint": "^16.2.0",
+    "stylelint-config-standard": "^36.0.1",
+    "ts-jest": "^28.0.5",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.3.3"
   },
   "peerDependencies": {
     "@react-native-masked-view/masked-view": "^0.3.0",
-    "react": "^19.1.0",
-    "react-native": "^0.74.2 || ^0.81.0",
-    "react-native-gesture-handler": "^2.28.0",
-    "react-native-reanimated": "^3.19.1",
-    "react-native-safe-area-context": "^5.6.1",
-    "react-native-svg": "^15.12.1",
+    "react": "^16.9.0 || ^17.0.0 || ^18.2.0",
+    "react-native": "^0.63.3 || ^0.71.0 || ^0.74.2",
+    "react-native-gesture-handler": "^2.16.2",
+    "react-native-reanimated": "^3.5.4",
+    "react-native-safe-area-context": "^4.7.4",
+    "react-native-svg": "^13.6.0",
     "styled-components": "^5.3.11"
   },
   "sideEffects": false,

package/dist/components/CTAButton/CTAButton.d.ts

@@ -1,18 +0,0 @@
-import { ComponentProps, PropsWithChildren, RefObject } from 'react';
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-import { IconName } from '../../providers/types';
-export type CTAVariantName = 'primary' | 'secondary' | 'destructive';
-type CTAButtonProps = PropsWithChildren<TouchableOpacityProps & {
-    fullWidth?: boolean;
-    iconLeft?: IconName | 'off';
-    iconRight?: IconName | 'off';
-    inverted?: boolean;
-    ref?: RefObject<typeof TouchableOpacity>;
-    variant?: CTAVariantName;
-}>;
-declare const CTAButton: ({ iconLeft, iconRight, children, fullWidth, variant, inverted, accessibilityRole, activeOpacity, ref, ...rest }: CTAButtonProps) => import("react/jsx-runtime").JSX.Element;
-type CTAProps = Omit<ComponentProps<typeof CTAButton>, 'variant'>;
-declare const PrimaryCTAButton: (props: CTAProps) => import("react/jsx-runtime").JSX.Element;
-declare const SecondaryCTAButton: (props: CTAProps) => import("react/jsx-runtime").JSX.Element;
-declare const DestructiveCTAButton: (props: CTAProps) => import("react/jsx-runtime").JSX.Element;
-export { CTAButton, PrimaryCTAButton, SecondaryCTAButton, DestructiveCTAButton, };

package/dist/components/CTAButton/CTAButton.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { numToPx } from '@ovotech/element-core';
-import { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-import { Icon } from '../Icon/Icon';
-const StyledCTAWrapper = styled.TouchableOpacity `
-  align-self: flex-start;
-  flex-direction: row;
-  align-items: flex-start;
-`;
-const CTAButtonWrapper = ({ children, accessibilityRole = 'button', activeOpacity = 0.8, ...rest }) => (_jsx(StyledCTAWrapper, { accessible: true, accessibilityRole: accessibilityRole, activeOpacity: activeOpacity, ...rest, children: children }));
-const StyledInner = styled.View(({ theme: { core, component }, fullWidth, variant, inverted }) => {
-    const currentVariant = component.cta[variant];
-    const borderRadius = core.space[11] / 2 + 'px';
-    const backgroundColor = variant === 'secondary'
-        ? 'transparent'
-        : inverted
-            ? currentVariant.surfaceInverted
-            : currentVariant.surface;
-    const borderColor = inverted
-        ? core.color.brand.white
-        : core.color.brand.forest;
-    return css `
-    padding: ${numToPx(core.space[2])} ${numToPx(core.space[4])};
-    background-color: ${backgroundColor};
-    border-radius: ${borderRadius};
-    min-height: ${numToPx(core.space[11])};
-    border: ${variant === 'secondary'
-        ? `solid ${numToPx(core.borderWidth.small)} ${borderColor}`
-        : 'none'};
-    justify-content: center;
-    align-items: center;
-    flex-direction: row;
-    flex-grow: ${fullWidth ? '1' : '0'};
-  `;
-});
-const StyledRightIcon = styled(Icon)(({ theme: { core, component }, variant, inverted }) => {
-    const currentVariant = component.cta[variant];
-    const color = inverted
-        ? currentVariant.messageInverted
-        : currentVariant.message;
-    return css `
-    margin-left: ${numToPx(core.space[1])};
-    color: ${color};
-  `;
-});
-const StyledLeftIcon = styled(Icon)(({ theme: { core, component }, variant, inverted }) => {
-    const currentVariant = component.cta[variant];
-    const color = inverted
-        ? currentVariant.messageInverted
-        : currentVariant.message;
-    return css `
-    margin-right: ${numToPx(core.space[1])};
-    color: ${color};
-  `;
-});
-const StyledCTAButtonText = styled.Text(({ theme: { core, component }, smallAndUp, variant, inverted }) => {
-    const fontSize = smallAndUp
-        ? core.fontSize.body.large
-        : core.fontSize.body.small;
-    const currentVariant = component.cta[variant];
-    const color = inverted
-        ? currentVariant.messageInverted
-        : currentVariant.message;
-    return css `
-    color: ${color};
-    font-family: ${core.fontFamily.bodyBold.native};
-    font-size: ${numToPx(fontSize)};
-    line-height: ${numToPx(core.lineHeight.body.small)};
-    text-align: center;
-    flex-shrink: 2;
-  `;
-});
-const CTAButton = ({ iconLeft = 'off', iconRight = 'off', children, fullWidth = false, variant = 'primary', inverted = false, accessibilityRole = 'button', activeOpacity = 0.8, ref, ...rest }) => {
-    const { smallAndUp } = useBreakpoint();
-    return (_jsx(CTAButtonWrapper, { accessible: true, accessibilityRole: accessibilityRole, activeOpacity: activeOpacity, ref: ref, ...rest, children: _jsxs(StyledInner, { fullWidth: fullWidth, variant: variant, inverted: inverted, children: [iconLeft !== 'off' ? (_jsx(StyledLeftIcon, { name: iconLeft, size: 16, variant: variant, inverted: inverted })) : null, _jsx(StyledCTAButtonText, { smallAndUp: smallAndUp, variant: variant, inverted: inverted, children: children }), iconRight !== 'off' ? (_jsx(StyledRightIcon, { name: iconRight, size: 16, variant: variant, inverted: inverted })) : null] }) }));
-};
-const PrimaryCTAButton = (props) => (_jsx(CTAButton, { variant: "primary", ...props }));
-const SecondaryCTAButton = (props) => (_jsx(CTAButton, { variant: "secondary", ...props }));
-const DestructiveCTAButton = (props) => (_jsx(CTAButton, { variant: "destructive", ...props }));
-export { CTAButton, PrimaryCTAButton, SecondaryCTAButton, DestructiveCTAButton, };

package/dist/components/CTAButton/index.d.ts

@@ -1 +0,0 @@
-export { CTAButton, DestructiveCTAButton, PrimaryCTAButton, SecondaryCTAButton, } from './CTAButton';

package/dist/components/CTAButton/index.js

@@ -1 +0,0 @@
-export { CTAButton, DestructiveCTAButton, PrimaryCTAButton, SecondaryCTAButton, } from './CTAButton';

package/dist/components/CTALink/CTALink.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import { CTAButton } from '../CTAButton';
-type CTALinkProps = ComponentProps<typeof CTAButton>;
-declare const CTALink: (props: CTALinkProps) => import("react/jsx-runtime").JSX.Element;
-type CTAProps = Omit<ComponentProps<typeof CTALink>, 'variant'>;
-declare const PrimaryCTALink: (props: CTAProps) => import("react/jsx-runtime").JSX.Element;
-declare const SecondaryCTALink: (props: CTAProps) => import("react/jsx-runtime").JSX.Element;
-export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/components/CTALink/CTALink.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CTAButton } from '../CTAButton';
-const CTALink = (props) => _jsx(CTAButton, { ...props });
-const PrimaryCTALink = (props) => (_jsx(CTALink, { variant: "primary", ...props }));
-const SecondaryCTALink = (props) => (_jsx(CTALink, { variant: "secondary", ...props }));
-export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/components/CTALink/index.d.ts

@@ -1 +0,0 @@
-export { CTALink, PrimaryCTALink, SecondaryCTALink } from './CTALink';

package/dist/components/CTALink/index.js

@@ -1 +0,0 @@
-export { CTALink, PrimaryCTALink, SecondaryCTALink } from './CTALink';

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Dd, Dl } from './styled';
-type DescriptionListProps = ComponentProps<typeof Dl>;
-declare const DescriptionList: ({ children, ...rest }: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;
-type DescriptionItemProps = ComponentProps<typeof Dd> & {
-    label: ReactNode;
-    index?: number;
-};
-declare const DescriptionItem: ({ label, children, index, ...rest }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element;
-export { DescriptionList, DescriptionItem };

package/dist/components/DescriptionList/DescriptionList.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, cloneElement, } from 'react';
-import { getValidChildren } from '../../utils';
-import { Dd, Dl, Dt } from './styled';
-const DescriptionList = ({ children, ...rest }) => {
-    const validChildren = getValidChildren(children);
-    return (_jsx(Dl, { ...rest, children: Children.map(validChildren, (child, index) => cloneElement(child, {
-            index,
-        })) }));
-};
-const DescriptionItem = ({ label, children, index, ...rest }) => (_jsxs(_Fragment, { children: [_jsx(Dt, { style: index === 0 ? { marginTop: 0 } : undefined, children: label }), _jsx(Dd, { ...rest, children: children })] }));
-export { DescriptionList, DescriptionItem };

package/dist/components/DescriptionList/index.d.ts

@@ -1 +0,0 @@
-export { DescriptionList, DescriptionItem } from './DescriptionList';

package/dist/components/DescriptionList/index.js

@@ -1 +0,0 @@
-export { DescriptionList, DescriptionItem } from './DescriptionList';