@uni-design-system/uni-react 0.0.3

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

@@ -0,0 +1,18 @@
+"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("./border.style"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/core/border/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

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

@@ -0,0 +1,6 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface ContainerProps {
+    children: ReactNode;
+    style: CSSProperties;
+}
+export default function Container({ children, style, ...rest }: ContainerProps): JSX.Element;

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

@@ -0,0 +1,23 @@
+"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 });
+const react_1 = __importDefault(require("react"));
+function Container(_a) {
+    var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
+    return (react_1.default.createElement("div", Object.assign({ style: style }, rest), children));
+}
+exports.default = Container;
+//# sourceMappingURL=container.component.js.map

package/dist/cjs/core/container/container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.component.js","sourceRoot":"","sources":["../../../../src/core/container/container.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAsD;AAOtD,SAAwB,SAAS,CAAC,EAA4C;QAA5C,EAAE,QAAQ,EAAE,KAAK,OAA2B,EAAtB,IAAI,cAA1B,qBAA4B,CAAF;IAE1D,OAAO,CACL,qDAAK,KAAK,EAAE,KAAK,IAAM,IAAI,GACxB,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAPD,4BAOC"}

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

@@ -0,0 +1 @@
+export * from './container.component';

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

@@ -0,0 +1,18 @@
+"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("./container.component"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/core/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC"}

package/dist/cjs/core/filter/filter.argTypes.d.ts

@@ -0,0 +1,155 @@
+export declare const filterArgTypes: {
+    blur: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    brightness: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    contrast: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    grayscale: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    'hue-rotate': {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    invert: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    opacity: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    saturate: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    sepia: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+};

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

@@ -0,0 +1,105 @@
+"use strict";
+// https://www.w3schools.com/csSref/css3_pr_filter.php
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterArgTypes = void 0;
+exports.filterArgTypes = {
+    blur: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Applies a blur effect to the image. A larger value will create more blur.\n' +
+            '\n' +
+            'If no value is specified, 0 is used.',
+    },
+    brightness: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Adjusts the brightness of the image.\n' +
+            '\n' +
+            '0% will make the image completely black.\n' +
+            '100% (1) is default and represents the original image.\n' +
+            'Values over 100% will provide brighter results.',
+    },
+    contrast: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Adjusts the contrast of the image.\n' +
+            '\n' +
+            '0% will make the image completely black.\n' +
+            '100% (1) is default, and represents the original image.\n' +
+            'Values over 100% will provide results with more contrast.',
+    },
+    grayscale: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Converts the image to grayscale.\n' +
+            '\n' +
+            '0% (0) is default and represents the original image.\n' +
+            '100% will make the image completely gray (used for black and white images).',
+    },
+    'hue-rotate': {
+        control: { type: 'range', min: 0, max: 360, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Applies a hue rotation on the image. The value defines the number of degrees around the color circle the image samples will be adjusted. 0deg is default, and represents the original image.',
+    },
+    invert: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Inverts the samples in the image.\n' +
+            '\n' +
+            '0% (0) is default and represents the original image.\n' +
+            '100% will make the image completely inverted.',
+    },
+    opacity: {
+        control: { type: 'range', min: 0, max: 1, step: 0.01 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '1' },
+        },
+        description: 'Sets the opacity level for the image. The opacity-level describes the transparency-level, where:\n' +
+            '\n' +
+            '0% is completely transparent.\n' +
+            '100% (1) is default and represents the original image (no transparency).',
+    },
+    saturate: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Saturates the image.\n' +
+            '\n' +
+            '0% (0) will make the image completely un-saturated.\n' +
+            '100% is default and represents the original image.\n' +
+            'Values over 100% provides super-saturated results.',
+    },
+    sepia: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Converts the image to sepia.\n' +
+            '\n' +
+            '0% (0) is default and represents the original image.\n' +
+            '100% will make the image completely sepia.',
+    },
+};
+//# sourceMappingURL=filter.argTypes.js.map

package/dist/cjs/core/filter/filter.argTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.argTypes.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.argTypes.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { FilterProps } from './filter.model';
+export declare const Filter: (filterProps: PropsWithChildren<FilterProps>) => JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Filter = void 0;
+const react_1 = __importDefault(require("react"));
+const container_component_1 = __importDefault(require("../container/container.component"));
+const filter_style_1 = require("./filter.style");
+const Filter = (filterProps) => {
+    const { children } = filterProps;
+    const style = (0, filter_style_1.FilterStyle)(filterProps);
+    return react_1.default.createElement(container_component_1.default, { style: style }, children);
+};
+exports.Filter = Filter;
+//# sourceMappingURL=filter.component.js.map

package/dist/cjs/core/filter/filter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.component.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiD;AACjD,2FAAyD;AACzD,iDAA6C;AAGtC,MAAM,MAAM,GAAG,CAAC,WAA2C,EAAE,EAAE;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACjC,MAAM,KAAK,GAAG,IAAA,0BAAW,EAAC,WAAW,CAAC,CAAC;IAEvC,OAAO,8BAAC,6BAAS,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAa,CAAC;AACzD,CAAC,CAAC;AALW,QAAA,MAAM,UAKjB"}

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

@@ -0,0 +1,3 @@
+import { FilterConfig } from './filter.model';
+import { FilterType } from './filter.types';
+export declare const FilterConfigs: Record<FilterType, FilterConfig>;

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterConfigs = void 0;
+exports.FilterConfigs = {
+    blur: {
+        type: 'blur',
+        unit: 'px',
+        defaultValue: 4,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    brightness: {
+        type: 'brightness',
+        unit: '%',
+        defaultValue: 250,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    contrast: {
+        type: 'contrast',
+        unit: '%',
+        defaultValue: 180,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    grayscale: {
+        type: 'grayscale',
+        unit: '%',
+        defaultValue: 100,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    'hue-rotate': {
+        type: 'hue-rotate',
+        unit: 'deg',
+        defaultValue: 180,
+        rangeLow: 0,
+        rangeHigh: 360,
+    },
+    invert: {
+        type: 'invert',
+        unit: '%',
+        defaultValue: 100,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    opacity: {
+        type: 'opacity',
+        unit: '%',
+        defaultValue: 50,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    saturate: {
+        type: 'saturate',
+        unit: 'num',
+        defaultValue: 7,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+    sepia: {
+        type: 'sepia',
+        unit: '%',
+        defaultValue: 100,
+        rangeLow: 0,
+        rangeHigh: 100,
+    },
+};
+//# sourceMappingURL=filter.config.js.map

package/dist/cjs/core/filter/filter.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.config.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.config.ts"],"names":[],"mappings":";;;AAGa,QAAA,aAAa,GAAqC;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,IAAI;QACV,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,UAAU,EAAE;QACV,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,GAAG;QACT,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,GAAG;QACT,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,SAAS,EAAE;QACT,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,GAAG;QACT,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,KAAK;QACX,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,GAAG;QACT,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,GAAG;QACT,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,KAAK;QACX,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,GAAG;QACT,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,GAAG;KACf;CACF,CAAC"}

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

@@ -0,0 +1,20 @@
+import { FilterType, FilterUnit } from './filter.types';
+export interface FilterProps {
+    blur?: number;
+    brightness?: number;
+    contrast?: number;
+    grayscale?: number;
+    'hue-rotate'?: number;
+    invert?: number;
+    opacity?: number;
+    saturate?: number;
+    sepia?: number;
+}
+export interface FilterConfig {
+    type: FilterType;
+    value?: number;
+    unit?: FilterUnit;
+    defaultValue?: number;
+    rangeLow?: number;
+    rangeHigh?: number;
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=filter.model.js.map

package/dist/cjs/core/filter/filter.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.model.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.model.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { FilterProps } from './filter.model';
+export declare const FilterStyle: (filterSettings: Partial<FilterProps>) => CSSProperties;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterStyle = void 0;
+const filter_config_1 = require("./filter.config");
+const getFilterConfig = (filterType) => {
+    return filter_config_1.FilterConfigs[filterType];
+};
+const getFilterSetting = (type, value) => {
+    var _a;
+    if (!value)
+        return '';
+    const unit = (_a = getFilterConfig(type)) === null || _a === void 0 ? void 0 : _a.unit;
+    return `${type}(${value}${unit && unit !== 'num' ? unit : ''})`;
+};
+const FilterStyle = (filterSettings) => {
+    const filterNames = Object.keys(filterSettings);
+    const filterArray = filterNames.map((type) => getFilterSetting(type, filterSettings[type]));
+    console.log(filterArray);
+    return { filter: filterArray.join(' ') };
+};
+exports.FilterStyle = FilterStyle;
+//# sourceMappingURL=filter.style.js.map

package/dist/cjs/core/filter/filter.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.style.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.style.ts"],"names":[],"mappings":";;;AAGA,mDAAgD;AAEhD,MAAM,eAAe,GAAG,CAAC,UAAsB,EAA4B,EAAE;IAC3E,OAAO,6BAAa,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAgB,EAAE,KAAc,EAAU,EAAE;;IACpE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,MAAM,IAAI,GAAG,MAAA,eAAe,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAC;IACzC,OAAO,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;AAClE,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,cAAoC,EAAiB,EAAE;IACjF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAiB,CAAC;IAEhE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5F,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACzB,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAC3C,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB"}

package/dist/cjs/core/filter/filter.types.d.ts

@@ -0,0 +1,2 @@
+export type FilterType = 'blur' | 'brightness' | 'contrast' | 'grayscale' | 'hue-rotate' | 'invert' | 'opacity' | 'saturate' | 'sepia';
+export type FilterUnit = 'px' | '%' | 'deg' | 'num';

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=filter.types.js.map

package/dist/cjs/core/filter/filter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.types.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export * from './filter.component';
+export * from './filter.config';
+export * from './filter.model';
+export * from './filter.types';

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

@@ -0,0 +1,21 @@
+"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("./filter.component"), exports);
+__exportStar(require("./filter.config"), exports);
+__exportStar(require("./filter.model"), exports);
+__exportStar(require("./filter.types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/core/filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,kDAAgC;AAChC,iDAA+B;AAC/B,iDAA+B"}

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

@@ -0,0 +1,52 @@
+import React, { ReactNode } from 'react';
+import { AlignContent, FlexDirection, FlexGrow, FlexShrink, FlexWrap, JustifyContent } from '@uni-design-system/uni-core';
+export interface FlexOptions {
+    /**
+     * 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;
+}
+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

@@ -0,0 +1,43 @@
+"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 } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink"]);
+    const styles = {
+        display: 'flex',
+        flexDirection: direction,
+        alignItems: align,
+        justifyContent: justify,
+        flexWrap: wrap,
+        flexBasis: basis,
+        flexGrow: grow,
+        flexShrink: shrink,
+    };
+    return react_1.default.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
+});
+exports.Flex.displayName = 'Flex';
+//# sourceMappingURL=flex.component.js.map