@uni-design-system/uni-react 0.0.3

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

@@ -0,0 +1,66 @@
+export const 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/esm/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,MAAM,CAAC,MAAM,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/esm/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/esm/core/filter/filter.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=filter.model.js.map

package/dist/esm/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/esm/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/esm/core/filter/filter.style.js

@@ -0,0 +1,18 @@
+import { FilterConfigs } from './filter.config';
+const getFilterConfig = (filterType) => {
+    return 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 : ''})`;
+};
+export const FilterStyle = (filterSettings) => {
+    const filterNames = Object.keys(filterSettings);
+    const filterArray = filterNames.map((type) => getFilterSetting(type, filterSettings[type]));
+    console.log(filterArray);
+    return { filter: filterArray.join(' ') };
+};
+//# sourceMappingURL=filter.style.js.map

package/dist/esm/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,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,eAAe,GAAG,CAAC,UAAsB,EAA4B,EAAE;IAC3E,OAAO,aAAa,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;AAEF,MAAM,CAAC,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"}

package/dist/esm/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/esm/core/filter/filter.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=filter.types.js.map

package/dist/esm/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/esm/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/esm/core/filter/index.js

@@ -0,0 +1,5 @@
+export * from './filter.component';
+export * from './filter.config';
+export * from './filter.model';
+export * from './filter.types';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/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/esm/core/flex/flex.component.js

@@ -0,0 +1,37 @@
+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;
+};
+import React from 'react';
+import { forwardRef } from 'react';
+/**
+ * React component used to create flexbox layouts.
+ *
+ * It renders a `div` with `display: flex` and
+ * comes with helpful style shorthand.
+ *
+ * @see Docs
+ */
+export const Flex = 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.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
+});
+Flex.displayName = 'Flex';
+//# sourceMappingURL=flex.component.js.map

package/dist/esm/core/flex/flex.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.component.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AA2DlD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzE,oEAAiE,CAAQ,CAAC;IAEhF,MAAM,MAAM,GAAkB;QAC5B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,SAAS;QACxB,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,OAAO;QACvB,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM;KACnB,CAAC;IAEF,OAAO,2CAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/esm/core/flex/flex.style.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+import { HorizontalAlign, VerticalAlign } from '@uni-design-system/uni-core';
+export declare const flex: CSSProperties;
+export declare const row: CSSProperties;
+export declare const column: CSSProperties;
+export declare const alignTop: CSSProperties;
+export declare const alignCenter: CSSProperties;
+export declare const alignBottom: CSSProperties;
+export declare const FlexVerticalAlignments: Record<VerticalAlign, CSSProperties>;
+export declare const justifyLeft: CSSProperties;
+export declare const justifyCenter: CSSProperties;
+export declare const justifyRight: CSSProperties;
+export declare const FlexHorizontalAlignments: Record<HorizontalAlign, CSSProperties>;
+export declare const expand: CSSProperties;
+export declare const fix: CSSProperties;
+export declare const rowFlexItem: CSSProperties;
+export declare const rowFixedItem: CSSProperties;
+export declare const flexRowStart: CSSProperties;
+export declare const flexRowCenter: CSSProperties;
+export declare const flexRowEnd: CSSProperties;
+export declare const spaceBetween: CSSProperties;
+export declare const flexRowSpaceBetween: CSSProperties;
+export declare const flexRowSpaceAround: CSSProperties;
+export declare const spaceEvenly: CSSProperties;
+export declare const flexRowSpaceEvenly: CSSProperties;
+export declare const flexColumnCenter: CSSProperties;
+export declare const flexColumnSpaceAround: CSSProperties;
+export declare const flexOff: CSSProperties;

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

@@ -0,0 +1,84 @@
+export const flex = { flex: 1 };
+export const row = {
+    display: 'flex',
+    flex: 1,
+    flexDirection: 'row'
+};
+export const column = {
+    flex: 1,
+    flexDirection: 'column'
+};
+export const alignTop = { alignItems: 'flex-start' };
+export const alignCenter = { alignItems: 'center' };
+export const alignBottom = { alignItems: 'flex-end' };
+export const FlexVerticalAlignments = {
+    top: alignTop,
+    middle: alignCenter,
+    bottom: alignBottom
+};
+export const justifyLeft = { justifyContent: 'flex-start' };
+export const justifyCenter = { justifyContent: 'center' };
+export const justifyRight = { justifyContent: 'flex-end' };
+export const FlexHorizontalAlignments = {
+    left: justifyLeft,
+    center: justifyCenter,
+    right: justifyRight
+};
+export const expand = { flexGrow: 1 };
+export const fix = { flex: 0, flexGrow: 0 };
+export const rowFlexItem = {
+    flexGrow: 1
+};
+export const rowFixedItem = {
+    flexGrow: 0
+};
+export const flexRowStart = {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+};
+export const flexRowCenter = {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+};
+export const flexRowEnd = {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center'
+};
+export const spaceBetween = {
+    justifyContent: 'space-between'
+};
+export const flexRowSpaceBetween = {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+};
+export const flexRowSpaceAround = {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    alignItems: 'center'
+};
+export const spaceEvenly = {
+    justifyContent: 'space-evenly'
+};
+export const flexRowSpaceEvenly = {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    alignItems: 'center'
+};
+export const flexColumnCenter = {
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center'
+};
+export const flexColumnSpaceAround = {
+    flexDirection: 'column',
+    justifyContent: 'space-around',
+    alignItems: 'center'
+};
+export const flexOff = {
+    position: 'relative'
+};
+//# sourceMappingURL=flex.style.js.map

package/dist/esm/core/flex/flex.style.js.map

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

package/dist/esm/core/flex/index.d.ts

@@ -0,0 +1 @@
+export * from './flex.style';

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

@@ -0,0 +1,2 @@
+export * from './flex.style';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/flex/index.js.map

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

package/dist/esm/core/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-toggle';

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

@@ -0,0 +1,2 @@
+export * from './use-toggle';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/hooks/index.js.map

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

package/dist/esm/core/hooks/use-media.d.ts

@@ -0,0 +1 @@
+export declare const useMedia: <T>(queries: string[], values: T[], defaultValue: T) => T;

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

@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react';
+export 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] = useState(getValue);
+    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;
+};
+//# sourceMappingURL=use-media.js.map

package/dist/esm/core/hooks/use-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media.js","sourceRoot":"","sources":["../../../../src/core/hooks/use-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,OAAiB,EAAE,MAAW,EAAE,YAAe,EAAE,EAAE;IAC7E,qDAAqD;IACrD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,yDAAyD;IACzD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,8CAA8C;QAC9C,MAAM,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9D,+CAA+C;QAC/C,OAAO,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,KAAI,YAAY,CAAC;IACzC,CAAC,CAAC;IACF,qCAAqC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,QAAQ,CAAC,CAAC;IAChD,SAAS,CACP,GAAG,EAAE;QACH,0BAA0B;QAC1B,4EAA4E;QAC5E,oFAAoF;QACpF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACzC,sEAAsE;QACtE,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3D,8BAA8B;QAC9B,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7E,CAAC,EACD,EAAE,CACH,CAAC;IACF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+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/esm/core/hooks/use-toggle.js

@@ -0,0 +1,18 @@
+import { useMemo, useState } from '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
+ */
+export function useToggle(initialState = false) {
+    const [value, setValue] = useState(initialState);
+    const callbacks = useMemo(() => ({
+        on: () => setValue(true),
+        off: () => setValue(false),
+        toggle: () => setValue((prev) => !prev),
+    }), []);
+    return [value, callbacks];
+}
+//# sourceMappingURL=use-toggle.js.map

package/dist/esm/core/hooks/use-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../../../src/core/hooks/use-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI1C;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,eAA6B,KAAK;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QACxB,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;KACxC,CAAC,EACF,EAAE,CACH,CAAC;IACF,OAAO,CAAC,KAAK,EAAE,SAAS,CAAU,CAAC;AACrC,CAAC"}

package/dist/esm/core/icon/icon.component.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ContentColorToken } from '@uni-design-system/uni-core';
+import { IconName } from '@uni-design-system/uni-react-icons/dist/esm/heroicons/24/outline';
+export interface IconProps {
+    name?: IconName;
+    color?: ContentColorToken;
+    height?: number;
+    width?: number;
+}
+export declare function Icon({ name, color, height, width }: IconProps): JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconDictionary } from '@uni-design-system/uni-react-icons/dist/esm/heroicons/24/outline';
+import { useTheme } from '../theme';
+export function Icon({ name, color = 'on-surface', height = 24, width = 24 }) {
+    if (!name)
+        return React.createElement(React.Fragment, null);
+    const { colors } = useTheme();
+    const Icon = IconDictionary[name];
+    return React.createElement(Icon, { width: width, height: height, color: colors[color] });
+}
+//# sourceMappingURL=icon.component.js.map

package/dist/esm/core/icon/icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../src/core/icon/icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAY,MAAM,kEAAkE,CAAC;AAC5G,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AASpC,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,YAAY,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAa;IACrF,IAAI,CAAC,IAAI;QAAE,OAAO,yCAAK,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAClC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;AACtE,CAAC"}

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

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

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

@@ -0,0 +1,3 @@
+export { IconDictionary, IconKeys } from '@uni-design-system/uni-react-icons/dist/esm/heroicons/24/outline';
+export * from './icon.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,QAAQ,EAAE,MAAM,kEAAkE,CAAC;AACtH,cAAc,kBAAkB,CAAC"}