@uni-design-system/uni-react 0.0.19 → 2.0.0

package/dist/cjs/core/flex/flex.component.d.ts

@@ -1,54 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { AlignContent, FlexDirection, FlexGrow, FlexShrink, FlexWrap, JustifyContent } from '@uni-design-system/uni-core';
-import { Property } from 'csstype';
-export interface FlexOptions extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Shorthand for `alignItems` style prop
-     * @type AlignItems
-     */
-    align?: AlignContent;
-    /**
-     * Shorthand for `justifyContent` style prop
-     * @type JustifyContent
-     */
-    justify?: JustifyContent;
-    /**
-     * Shorthand for `flexWrap` style prop
-     * @type FlexWrap
-     */
-    wrap?: FlexWrap;
-    /**
-     * Shorthand for `flexDirection` style prop
-     * @type FlexDirection
-     * @default "row"
-     */
-    direction?: FlexDirection;
-    /**
-     * Shorthand for `flexBasis` style prop
-     * @type number
-     */
-    basis?: number;
-    /**
-     * Shorthand for `flexGrow` style prop
-     * @type FlexGrow
-     */
-    grow?: FlexGrow;
-    /**
-     * Shorthand for `flexShrink` style prop
-     * @type FlexShrink
-     */
-    shrink?: FlexShrink;
-    gap?: Property.Gap<number | string>;
-}
-export interface FlexProps extends FlexOptions {
-    children: ReactNode;
-}
-/**
- * React component used to create flexbox layouts.
- *
- * It renders a `div` with `display: flex` and
- * comes with helpful style shorthand.
- *
- * @see Docs
- */
-export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/core/flex/flex.component.js

@@ -1,33 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Flex = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-/**
- * React component used to create flexbox layouts.
- *
- * It renders a `div` with `display: flex` and
- * comes with helpful style shorthand.
- *
- * @see Docs
- */
-exports.Flex = (0, react_2.forwardRef)((props, ref) => {
-    const { direction, align, justify, wrap, basis, grow, shrink, gap, style } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink", "gap", "style"]);
-    const styles = Object.assign({ display: 'flex', flexDirection: direction, alignItems: align, justifyContent: justify, flexWrap: wrap, flexBasis: basis, flexGrow: grow, flexShrink: shrink, gap }, style);
-    return react_1.default.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
-});
-exports.Flex.displayName = 'Flex';

package/dist/cjs/core/flex/flex.style.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flexOff = exports.flexColumnSpaceAround = exports.flexColumnCenter = exports.flexRowSpaceEvenly = exports.spaceEvenly = exports.flexRowSpaceAround = exports.flexRowSpaceBetween = exports.spaceBetween = exports.flexRowEnd = exports.flexRowCenter = exports.flexRowStart = exports.rowFixedItem = exports.rowFlexItem = exports.fix = exports.expand = exports.FlexHorizontalAlignments = exports.justifyRight = exports.justifyCenter = exports.justifyLeft = exports.FlexVerticalAlignments = exports.alignBottom = exports.alignCenter = exports.alignTop = exports.column = exports.row = exports.flex = void 0;
-exports.flex = { flex: 1 };
-exports.row = {
-    display: 'flex',
-    flex: 1,
-    flexDirection: 'row'
-};
-exports.column = {
-    flex: 1,
-    flexDirection: 'column'
-};
-exports.alignTop = { alignItems: 'flex-start' };
-exports.alignCenter = { alignItems: 'center' };
-exports.alignBottom = { alignItems: 'flex-end' };
-exports.FlexVerticalAlignments = {
-    top: exports.alignTop,
-    middle: exports.alignCenter,
-    bottom: exports.alignBottom
-};
-exports.justifyLeft = { justifyContent: 'flex-start' };
-exports.justifyCenter = { justifyContent: 'center' };
-exports.justifyRight = { justifyContent: 'flex-end' };
-exports.FlexHorizontalAlignments = {
-    left: exports.justifyLeft,
-    center: exports.justifyCenter,
-    right: exports.justifyRight
-};
-exports.expand = { flexGrow: 1 };
-exports.fix = { flex: 0, flexGrow: 0 };
-exports.rowFlexItem = {
-    flexGrow: 1
-};
-exports.rowFixedItem = {
-    flexGrow: 0
-};
-exports.flexRowStart = {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center'
-};
-exports.flexRowCenter = {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-};
-exports.flexRowEnd = {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'center'
-};
-exports.spaceBetween = {
-    justifyContent: 'space-between'
-};
-exports.flexRowSpaceBetween = {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center'
-};
-exports.flexRowSpaceAround = {
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    alignItems: 'center'
-};
-exports.spaceEvenly = {
-    justifyContent: 'space-evenly'
-};
-exports.flexRowSpaceEvenly = {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly',
-    alignItems: 'center'
-};
-exports.flexColumnCenter = {
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignItems: 'center'
-};
-exports.flexColumnSpaceAround = {
-    flexDirection: 'column',
-    justifyContent: 'space-around',
-    alignItems: 'center'
-};
-exports.flexOff = {
-    position: 'relative'
-};

package/dist/cjs/core/flex/index.js

@@ -1,18 +0,0 @@
-"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("./flex.style"), exports);
-__exportStar(require("./flex.component"), exports);

package/dist/cjs/core/hooks/index.js

@@ -1,18 +0,0 @@
-"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("./use-toggle"), exports);
-__exportStar(require("./use-media"), exports);

package/dist/cjs/core/hooks/use-media.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMedia = void 0;
-const react_1 = require("react");
-const useMedia = (queries, values, defaultValue) => {
-    // Array containing a media query list for each query
-    const mediaQueryLists = queries.map((q) => window.matchMedia(q));
-    // Function that gets value based on matching media query
-    const getValue = () => {
-        // Get index of first media query that matches
-        const index = mediaQueryLists.findIndex((mql) => mql.matches);
-        // Return related value or defaultValue if none
-        return (values === null || values === void 0 ? void 0 : values[index]) || defaultValue;
-    };
-    // State and setter for matched value
-    const [value, setValue] = (0, react_1.useState)(getValue);
-    (0, react_1.useEffect)(() => {
-        // Event listener callback
-        // Note: By defining getValue outside of useEffect we ensure that it has ...
-        // ... current values of hook args (as this hook callback is created once on mount).
-        const handler = () => setValue(getValue);
-        // Set a listener for each media query with above handler as callback.
-        mediaQueryLists.forEach((mql) => mql.addListener(handler));
-        // Remove listeners on cleanup
-        return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));
-    }, []);
-    return value;
-};
-exports.useMedia = useMedia;

package/dist/cjs/core/hooks/use-toggle.d.ts

@@ -1,14 +0,0 @@
-type InitialState = boolean | (() => boolean);
-/**
- * React hook to manage boolean (on - off) states
- *
- * @param initialState the initial boolean state value
- *
- * @see Docs https://chakra-ui.com/docs/hooks/use-boolean
- */
-export declare function useToggle(initialState?: InitialState): readonly [boolean, {
-    on: () => void;
-    off: () => void;
-    toggle: () => void;
-}];
-export {};

package/dist/cjs/core/hooks/use-toggle.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToggle = void 0;
-const react_1 = require("react");
-/**
- * React hook to manage boolean (on - off) states
- *
- * @param initialState the initial boolean state value
- *
- * @see Docs https://chakra-ui.com/docs/hooks/use-boolean
- */
-function useToggle(initialState = false) {
-    const [value, setValue] = (0, react_1.useState)(initialState);
-    const callbacks = (0, react_1.useMemo)(() => ({
-        on: () => setValue(true),
-        off: () => setValue(false),
-        toggle: () => setValue((prev) => !prev),
-    }), []);
-    return [value, callbacks];
-}
-exports.useToggle = useToggle;

package/dist/cjs/core/icon/icon.component.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const react_1 = __importDefault(require("react"));
-const index_1 = require("./index");
-const theme_1 = require("../theme");
-function Icon({ name, color = 'on-surface', height = 24, width = 24 }) {
-    if (!name)
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    const { colors } = (0, theme_1.useTheme)();
-    const Icon = index_1.IconDictionary[name];
-    return react_1.default.createElement(Icon, { width: width, height: height, color: colors[color] });
-}
-exports.Icon = Icon;

package/dist/cjs/core/icon/index.d.ts

@@ -1,2 +0,0 @@
-export { IconDictionary, IconName, IconKeys } from '@uni-design-system/uni-react-icons/dist/esm/heroicons/24/outline';
-export * from './icon.component';

package/dist/cjs/core/icon/index.js

@@ -1,21 +0,0 @@
-"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 });
-exports.IconKeys = exports.IconDictionary = void 0;
-var outline_1 = require("@uni-design-system/uni-react-icons/dist/esm/heroicons/24/outline");
-Object.defineProperty(exports, "IconDictionary", { enumerable: true, get: function () { return outline_1.IconDictionary; } });
-Object.defineProperty(exports, "IconKeys", { enumerable: true, get: function () { return outline_1.IconKeys; } });
-__exportStar(require("./icon.component"), exports);

package/dist/cjs/core/image/image.argTypes.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.imageArgTypes = void 0;
-const filter_argTypes_1 = require("../filter/filter.argTypes");
-exports.imageArgTypes = Object.assign({ url: {
-        control: { type: 'text' },
-        table: { summary: 'string' },
-    }, fit: {
-        options: ['contain', 'cover', 'fill', 'none', 'scale-down'],
-        control: { type: 'inline-radio' },
-        table: {
-            type: { summary: 'string literal' },
-            defaultValue: { summary: 'cover' },
-        },
-    }, height: {
-        control: { type: 'number' },
-    }, width: {
-        control: { type: 'number' },
-    } }, filter_argTypes_1.filterArgTypes);

package/dist/cjs/core/image/image.component.js

@@ -1,24 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-const react_1 = __importDefault(require("react"));
-const image_style_1 = require("./image.style");
-const Image = (_a) => {
-    var { url, alt, height, width, opacity, fit = 'cover' } = _a, rest = __rest(_a, ["url", "alt", "height", "width", "opacity", "fit"]);
-    return url ? react_1.default.createElement("img", { src: url, alt: alt, style: (0, image_style_1.ImageStyle)(Object.assign({ fit, opacity, height, width }, rest)) }) : null;
-};
-exports.Image = Image;

package/dist/cjs/core/image/image.model.js

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

package/dist/cjs/core/image/image.style.d.ts

@@ -1,3 +0,0 @@
-import { CSSProperties } from 'react';
-import { ImageProps } from './image.model';
-export declare const ImageStyle: (props: Partial<ImageProps>) => CSSProperties;

package/dist/cjs/core/image/image.style.js

@@ -1,22 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageStyle = void 0;
-const filter_style_1 = require("../filter/filter.style");
-const ImageStyle = (props) => {
-    const { fit, opacity, height, width } = props, rest = __rest(props, ["fit", "opacity", "height", "width"]);
-    const filter = (0, filter_style_1.FilterStyle)(Object.assign({}, rest));
-    const objectFit = height || width ? {} : { objectFit: fit };
-    return Object.assign(Object.assign(Object.assign({}, objectFit), { width: (width && `${width}px`) || '100vw', height: (height && `${height}px`) || '100vh', opacity }), filter);
-};
-exports.ImageStyle = ImageStyle;

package/dist/cjs/core/image/image.types.js

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

package/dist/cjs/core/image/index.js

@@ -1,18 +0,0 @@
-"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("./image.component"), exports);
-__exportStar(require("./image.model"), exports);

package/dist/cjs/core/index.js

@@ -1,30 +0,0 @@
-"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("./background"), exports);
-__exportStar(require("./border"), exports);
-__exportStar(require("./container"), exports);
-__exportStar(require("./flex"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./icon"), exports);
-__exportStar(require("./image"), exports);
-__exportStar(require("./layout"), exports);
-__exportStar(require("./overlay"), exports);
-__exportStar(require("./padding"), exports);
-__exportStar(require("./shadow"), exports);
-__exportStar(require("./text"), exports);
-__exportStar(require("./theme"), exports);
-__exportStar(require("./transition"), exports);

package/dist/cjs/core/layout/index.js

@@ -1,18 +0,0 @@
-"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("./layout.hook"), exports);
-__exportStar(require("./layout.provider"), exports);

package/dist/cjs/core/layout/layout.context.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ScreenSize {
-    height: number;
-    width: number;
-}
-declare const LayoutContext: React.Context<ScreenSize>;
-export default LayoutContext;

package/dist/cjs/core/layout/layout.context.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const LayoutContext = react_1.default.createContext({ height: 1000, width: 1000 });
-if (process.env.NODE_ENV !== 'production') {
-    LayoutContext.displayName = 'LayoutContext';
-}
-exports.default = LayoutContext;

package/dist/cjs/core/layout/layout.hook.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayout = void 0;
-const react_1 = __importDefault(require("react"));
-const uni_core_1 = require("@uni-design-system/uni-core");
-const layout_context_1 = __importDefault(require("./layout.context"));
-function useLayout() {
-    const { height, width } = react_1.default.useContext(layout_context_1.default);
-    const deviceSize = (0, uni_core_1.getDeviceSize)(height, width);
-    const orientation = (0, uni_core_1.getDeviceOrientation)(height, width);
-    return { orientation, deviceSize };
-}
-exports.useLayout = useLayout;

package/dist/cjs/core/layout/layout.provider.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const LayoutProvider: ({ children }: {
-    children: any;
-}) => JSX.Element;

package/dist/cjs/core/layout/layout.provider.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutProvider = void 0;
-const react_1 = __importDefault(require("react"));
-const layout_context_1 = __importDefault(require("./layout.context"));
-// @ts-ignore
-const LayoutProvider = ({ children }) => {
-    const getWidth = () => document.documentElement.clientWidth;
-    const getHeight = () => document.documentElement.clientHeight;
-    const [width, setWidth] = react_1.default.useState(getWidth);
-    const [height, setHeight] = react_1.default.useState(getHeight);
-    const handleWindowResize = () => {
-        setWidth(getWidth);
-        setHeight(getHeight);
-    };
-    react_1.default.useEffect(() => {
-        window.addEventListener("resize", handleWindowResize);
-        return () => window.removeEventListener("resize", handleWindowResize);
-    }, []);
-    return (react_1.default.createElement(layout_context_1.default.Provider, { value: { height, width } }, children));
-};
-exports.LayoutProvider = LayoutProvider;

package/dist/cjs/core/overlay/index.js

@@ -1,18 +0,0 @@
-"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("./overlay.component"), exports);
-__exportStar(require("./overlay.model"), exports);

package/dist/cjs/core/overlay/overlay.component.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = void 0;
-const react_1 = __importDefault(require("react"));
-const framer_motion_1 = require("framer-motion");
-const overlay_config_1 = require("./overlay.config");
-const theme_1 = require("../theme");
-const Overlay = (props) => {
-    const { isOpen, fadeDuration = 0.35 } = props;
-    const theme = (0, theme_1.useTheme)();
-    const overlayStyle = (0, overlay_config_1.OverlayStyle)(theme, props);
-    return (react_1.default.createElement(framer_motion_1.AnimatePresence, null, isOpen && (react_1.default.createElement(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: fadeDuration }, style: overlayStyle }, props.children))));
-};
-exports.Overlay = Overlay;

package/dist/cjs/core/overlay/overlay.config.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from '@uni-design-system/uni-core';
-import { CSSProperties } from 'react';
-import { OverlayProps } from './overlay.model';
-export declare const OverlayStyle: (theme: Theme, { hueRotateDeg, hueDeg, saturation, lightness, transparency, blurPx }: OverlayProps) => CSSProperties;

package/dist/cjs/core/overlay/overlay.config.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayStyle = void 0;
-const uni_core_1 = require("@uni-design-system/uni-core");
-const OverlayStyle = (theme, { hueRotateDeg = 0, hueDeg = 0, saturation = 0, lightness = 0, transparency = 0.5, blurPx = 0 }) => {
-    const backgroundColor = (0, uni_core_1.HSLAToString)({ hue: hueDeg, saturation, lightness, alpha: transparency });
-    return {
-        position: 'fixed',
-        left: '0',
-        top: '0',
-        width: '100vw',
-        height: '100vh',
-        backgroundColor,
-        backdropFilter: `blur(${blurPx}px) hue-rotate(${hueRotateDeg}deg)`,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-    };
-};
-exports.OverlayStyle = OverlayStyle;

package/dist/cjs/core/overlay/overlay.model.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-export interface OverlayProps {
-    children?: ReactNode;
-    blurPx?: number;
-    hueRotateDeg?: number;
-    hueDeg?: number;
-    saturation?: number;
-    lightness?: number;
-    transparency?: number;
-    isOpen?: boolean;
-    fadeDuration?: number;
-}

package/dist/cjs/core/overlay/overlay.model.js

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