@uni-design-system/uni-react 0.0.3

package/dist/cjs/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,kDAAyC;AACzC,iCAAkD;AA2DlD;;;;;;;GAOG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA4B,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,qDAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/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/cjs/core/flex/flex.style.js

@@ -0,0 +1,87 @@
+"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'
+};
+//# sourceMappingURL=flex.style.js.map

package/dist/cjs/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":";;;AAGa,QAAA,IAAI,GAAkB,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAElC,QAAA,GAAG,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,KAAK;CACrB,CAAC;AAEW,QAAA,MAAM,GAAkB;IACnC,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEW,QAAA,QAAQ,GAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AACvD,QAAA,WAAW,GAAkB,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AACtD,QAAA,WAAW,GAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAExD,QAAA,sBAAsB,GAAyC;IAC1E,GAAG,EAAE,gBAAQ;IACb,MAAM,EAAE,mBAAW;IACnB,MAAM,EAAE,mBAAW;CACpB,CAAC;AAEW,QAAA,WAAW,GAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAC9D,QAAA,aAAa,GAAkB,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;AAC5D,QAAA,YAAY,GAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AAE7D,QAAA,wBAAwB,GAA2C;IAC9E,IAAI,EAAE,mBAAW;IACjB,MAAM,EAAE,qBAAa;IACrB,KAAK,EAAE,oBAAY;CACpB,CAAC;AAEW,QAAA,MAAM,GAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AACxC,QAAA,GAAG,GAAkB,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AAE9C,QAAA,WAAW,GAAkB;IACxC,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEW,QAAA,YAAY,GAAkB;IACzC,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEW,QAAA,YAAY,GAAkB;IACzC,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,aAAa,GAAkB;IAC1C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,UAAU,GAAkB;IACvC,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,UAAU;IAC1B,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,YAAY,GAAkB;IACzC,cAAc,EAAE,eAAe;CAChC,CAAC;AAEW,QAAA,mBAAmB,GAAkB;IAChD,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,kBAAkB,GAAkB;IAC/C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;IAC9B,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,WAAW,GAAkB;IACxC,cAAc,EAAE,cAAc;CAC/B,CAAC;AAEW,QAAA,kBAAkB,GAAkB;IAC/C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;IAC9B,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,gBAAgB,GAAkB;IAC7C,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,qBAAqB,GAAkB;IAClD,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,cAAc;IAC9B,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEW,QAAA,OAAO,GAAkB;IACpC,QAAQ,EAAE,UAAU;CACrB,CAAC"}

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

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

package/dist/cjs/core/flex/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("./flex.style"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/cjs/core/hooks/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("./use-toggle"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,30 @@
+"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;
+//# sourceMappingURL=use-media.js.map

package/dist/cjs/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,iCAA4C;AAErC,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,IAAA,gBAAQ,EAAI,QAAQ,CAAC,CAAC;IAChD,IAAA,iBAAS,EACP,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;AA1BW,QAAA,QAAQ,YA0BnB"}

package/dist/cjs/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/cjs/core/hooks/use-toggle.js

@@ -0,0 +1,22 @@
+"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;
+//# sourceMappingURL=use-toggle.js.map

package/dist/cjs/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,iCAA0C;AAI1C;;;;;;GAMG;AACH,SAAgB,SAAS,CAAC,eAA6B,KAAK;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,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;AAXD,8BAWC"}

package/dist/cjs/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/cjs/core/icon/icon.component.js

@@ -0,0 +1,18 @@
+"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 outline_1 = require("@uni-design-system/uni-react-icons/dist/esm/heroicons/24/outline");
+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 = outline_1.IconDictionary[name];
+    return react_1.default.createElement(Icon, { width: width, height: height, color: colors[color] });
+}
+exports.Icon = Icon;
+//# sourceMappingURL=icon.component.js.map

package/dist/cjs/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,kDAA0B;AAE1B,8FAA4G;AAC5G,oCAAoC;AASpC,SAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,YAAY,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAa;IACrF,IAAI,CAAC,IAAI;QAAE,OAAO,6DAAK,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,wBAAc,CAAC,IAAI,CAAC,CAAC;IAClC,OAAO,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;AACtE,CAAC;AALD,oBAKC"}

package/dist/cjs/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/cjs/core/icon/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/icon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4FAAsH;AAA7G,yGAAA,cAAc,OAAA;AAAY,mGAAA,QAAQ,OAAA;AAC3C,mDAAiC"}

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

@@ -0,0 +1,187 @@
+export declare const imageArgTypes: {
+    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;
+    };
+    url: {
+        control: {
+            type: string;
+        };
+        table: {
+            summary: string;
+        };
+    };
+    fit: {
+        options: string[];
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    height: {
+        control: {
+            type: string;
+        };
+    };
+    width: {
+        control: {
+            type: string;
+        };
+    };
+};

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

@@ -0,0 +1,20 @@
+"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);
+//# sourceMappingURL=image.argTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.argTypes.js","sourceRoot":"","sources":["../../../../src/core/image/image.argTypes.ts"],"names":[],"mappings":";;;AAAA,+DAA2D;AAE9C,QAAA,aAAa,mBACxB,GAAG,EAAE;QACH,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC7B,EACD,GAAG,EAAE;QACH,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;QAC3D,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;QACjC,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;YACnC,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;KACF,EACD,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B,EACD,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B,IACE,gCAAc,EACjB"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ImageProps } from './image.model';
+export declare const Image: ({ url, alt, height, width, opacity, fit, ...rest }: ImageProps) => JSX.Element | null;

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

@@ -0,0 +1,25 @@
+"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;
+//# sourceMappingURL=image.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.component.js","sourceRoot":"","sources":["../../../../src/core/image/image.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,+CAA2C;AAEpC,MAAM,KAAK,GAAG,CAAC,EAAwE,EAAsB,EAAE;QAAhG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,OAAuB,EAAlB,IAAI,cAA1D,mDAA4D,CAAF;IAC9E,OAAO,GAAG,CAAC,CAAC,CAAC,uCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAA,wBAAU,kBAAG,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAK,IAAI,EAAG,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/G,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB"}

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

@@ -0,0 +1,9 @@
+import { ImageFit } from './image.types';
+import { FilterProps } from '../filter';
+export interface ImageProps extends FilterProps {
+    url?: string | undefined;
+    alt?: string;
+    fit?: ImageFit;
+    height?: number;
+    width?: number;
+}

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

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

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

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

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

@@ -0,0 +1,3 @@
+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

@@ -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;
+};
+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;
+//# sourceMappingURL=image.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.style.js","sourceRoot":"","sources":["../../../../src/core/image/image.style.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,yDAAqD;AAE9C,MAAM,UAAU,GAAG,CAAC,KAA0B,EAAiB,EAAE;IACtE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhD,qCAAwC,CAAQ,CAAC;IAEvD,MAAM,MAAM,GAAG,IAAA,0BAAW,oBAAM,IAAI,EAAG,CAAC;IAExC,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAE5D,qDACK,SAAS,KACZ,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,OAAO,EACzC,MAAM,EAAE,CAAC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,OAAO,EAC5C,OAAO,KACJ,MAAM,EACT;AACJ,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB"}

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

@@ -0,0 +1 @@
+export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';

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

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

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

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

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

@@ -0,0 +1,11 @@
+export * from './theme';
+export * from './border';
+export * from './flex';
+export * from './icon';
+export * from './layout';
+export * from './container';
+export * from './padding';
+export * from './shadow';
+export * from './text';
+export * from './overlay';
+export * from './ripple';