@codeleap/web 7.0.0 → 7.0.2

package/dist/components/Field/index.js

@@ -0,0 +1,55 @@
+"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.Field = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const context_1 = require("./context");
+const elements_1 = require("./elements");
+const lib_1 = require("../../lib");
+/**
+ * Form field layout shell that composes a label, input box, helper text, and
+ * left/right section slots around any input child; distributes state (disabled,
+ * error, focused, hasValue) via context to all sub-elements.
+ * Exposes: `Field.Wrapper`, `Field.Box`, `Field.Heading`, `Field.Helper`,
+ * `Field.SectionSlot`, `Field.Provider`, `Field.getIds`.
+ * Uses: `FieldProvider`, `FieldWrapper`, `FieldHeading`, `FieldBox`, `FieldHelper`,
+ * `SectionSlot`, `WebStyleRegistry`
+ */
+const Field = (props) => {
+    return (0, jsx_runtime_1.jsx)(context_1.FieldProvider, { ...props, children: (0, jsx_runtime_1.jsxs)(elements_1.FieldWrapper, { children: [(0, jsx_runtime_1.jsx)(elements_1.FieldHeading, {}), (0, jsx_runtime_1.jsxs)(elements_1.FieldBox, { children: [(0, jsx_runtime_1.jsx)(elements_1.SectionSlot, { position: 'left' }), props?.children, (0, jsx_runtime_1.jsx)(elements_1.SectionSlot, { position: 'right' })] }), (0, jsx_runtime_1.jsx)(elements_1.FieldHelper, {})] }) });
+};
+exports.Field = Field;
+exports.Field.withVariantTypes = (styles) => {
+    return exports.Field;
+};
+exports.Field.styleRegistryName = 'Field';
+exports.Field.rootElement = 'wrapper';
+exports.Field.elements = [
+    'wrapper', 'box', 'heading', 'helper', 'section', 'leftSection', 'rightSection',
+];
+exports.Field.SectionSlot = elements_1.SectionSlot;
+exports.Field.Box = elements_1.FieldBox;
+exports.Field.Wrapper = elements_1.FieldWrapper;
+exports.Field.Heading = elements_1.FieldHeading;
+exports.Field.Helper = elements_1.FieldHelper;
+exports.Field.Provider = context_1.FieldProvider;
+exports.Field.getIds = context_1.getFieldIds;
+lib_1.WebStyleRegistry.registerComponent(exports.Field);
+__exportStar(require("./context"), exports);
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./useFieldInput"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,uCAAsD;AACtD,yCAA2F;AAG3F,mCAA4C;AAE5C;;;;;;;;GAQG;AACI,MAAM,KAAK,GAAG,CAAC,KAA0C,EAAE,EAAE;IAElE,OAAO,uBAAC,uBAAa,OAAK,KAAK,YAC7B,wBAAC,uBAAY,eACX,uBAAC,uBAAY,KAAG,EAChB,wBAAC,mBAAQ,eACP,uBAAC,sBAAW,IAAC,QAAQ,EAAC,MAAM,GAAE,EAC7B,KAAK,EAAE,QAAQ,EAChB,uBAAC,sBAAW,IAAC,QAAQ,EAAC,OAAO,GAAE,IACtB,EACX,uBAAC,sBAAW,KAAG,IACF,GACD,CAAA;AAClB,CAAC,CAAA;AAbY,QAAA,KAAK,SAajB;AAED,aAAK,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC1D,OAAO,aAAyE,CAAA;AAClF,CAAC,CAAA;AAED,aAAK,CAAC,iBAAiB,GAAG,OAAO,CAAA;AACjC,aAAK,CAAC,WAAW,GAAG,SAAS,CAAA;AAC7B,aAAK,CAAC,QAAQ,GAAG;IACf,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc;CAChF,CAAA;AAED,aAAK,CAAC,WAAW,GAAG,sBAAW,CAAA;AAC/B,aAAK,CAAC,GAAG,GAAG,mBAAQ,CAAA;AACpB,aAAK,CAAC,OAAO,GAAG,uBAAY,CAAA;AAC5B,aAAK,CAAC,OAAO,GAAG,uBAAY,CAAA;AAC5B,aAAK,CAAC,MAAM,GAAG,sBAAW,CAAA;AAC1B,aAAK,CAAC,QAAQ,GAAG,uBAAa,CAAA;AAC9B,aAAK,CAAC,MAAM,GAAG,qBAAW,CAAA;AAE1B,sBAAgB,CAAC,iBAAiB,CAAC,aAAK,CAAC,CAAA;AAEzC,4CAAyB;AACzB,2CAAwB;AACxB,0CAAuB;AACvB,kDAA+B"}

package/dist/components/Field/styles.js

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

package/dist/components/Field/styles.js.map

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

package/dist/components/Field/types.js

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

package/dist/components/Field/types.js.map

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

package/dist/components/Field/useFieldInput.d.ts

@@ -47,7 +47,7 @@ export declare function useFieldInput<V, T extends Field<V, any, any, any> = Fie
         showError: boolean;
         isUnset: boolean;
         validation: import("@codeleap/form").ValidationResult<any, any>;
-        value: V | import("nanostores").StoreValue<V extends object ? import("nanostores").MapStore<V> : never>;
+        value: V | import("nanostores", { with: { "resolution-mode": "import" } }).StoreValue<V extends object ? import("nanostores", { with: { "resolution-mode": "import" } }).MapStore<V> : never>;
     } | {
         onInputBlurred(): void;
         hasBlurred: boolean;

package/dist/components/Field/useFieldInput.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFieldInput = useFieldInput;
+const react_1 = require("react");
+const form_1 = require("@codeleap/form");
+const types_1 = require("@codeleap/types");
+/**
+ * Bridges a `@codeleap/form` `Field` instance with an input element's DOM ref,
+ * or falls back to uncontrolled internal state when `onValueChange` and `value`
+ * are both provided.
+ *
+ * When a `field` instance is used, the hook registers blur/focus/getValue
+ * callbacks so the form layer can drive the input programmatically.
+ *
+ * Requires a `@codeleap/form` `Field` instance; does not need a React context.
+ */
+function useFieldInput(field, defaultField = form_1.fields.text, internalState, params = {}, deps = []) {
+    const { value, onValueChange } = internalState;
+    const hasInternalState = (0, react_1.useMemo)(() => types_1.TypeGuards.isFunction(onValueChange) && !types_1.TypeGuards.isNil(value), []);
+    const wrapperRef = (0, react_1.useRef)(undefined);
+    const innerInputRef = (0, react_1.useRef)(null);
+    const fieldHandle = hasInternalState ? {} : (0, form_1.useField)(field, [
+        {
+            blur() {
+                innerInputRef.current.blur();
+            },
+            focus() {
+                innerInputRef.current.focus();
+            },
+            getValue() {
+                return innerInputRef.current.value;
+            },
+            scrollIntoView() {
+                return;
+            },
+            ...params,
+        },
+        deps
+    ], defaultField);
+    const validation = fieldHandle?.validation;
+    return {
+        fieldHandle,
+        validation,
+        wrapperRef,
+        innerInputRef,
+        inputValue: (hasInternalState ? value : fieldHandle?.value),
+        onInputValueChange: hasInternalState ? onValueChange : fieldHandle?.setValue,
+    };
+}
+//# sourceMappingURL=useFieldInput.js.map

package/dist/components/Field/useFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldInput.js","sourceRoot":"","sources":["../../../src/components/Field/useFieldInput.ts"],"names":[],"mappings":";;AAcA,sCA4CC;AA1DD,iCAAuC;AACvC,yCAAmE;AACnE,2CAAuD;AAEvD;;;;;;;;;GASG;AACH,SAAgB,aAAa,CAC3B,KAAQ,EACR,eAA2C,aAAM,CAAC,IAAe,EACjE,aAA8D,EAC9D,SAAgC,EAAE,EAClC,OAAc,EAAE;IAEhB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAA;IAE9C,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,kBAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5G,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,SAAS,CAAC,CAAA;IAEpD,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,IAAA,eAAQ,EAAO,KAAU,EAAE;QAC7G;YACE,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC;YACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC;YACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC;YACD,cAAc;gBACZ,OAAM;YACR,CAAC;YACD,GAAG,MAAM;SACV;QACD,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,WAAW,EAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW;QACX,UAAU;QACV,UAAU;QACV,aAAa;QACb,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ;KAC7E,CAAA;AACH,CAAC"}

package/dist/components/FileInput/index.js

@@ -0,0 +1,73 @@
+"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.FileInput = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const types_1 = require("@codeleap/types");
+const hooks_1 = require("@codeleap/hooks");
+__exportStar(require("./types"), exports);
+/**
+ * Invisible file-input that delegates file selection to the browser's native picker, exposed imperatively via `ref`.
+ * Renders a zero-size hidden `<input type="file">` — pair with a visible trigger that calls `ref.current.openFilePicker()`.
+ * Uses: `FileInputRef`
+ */
+const FileInput = (props) => {
+    const inputRef = (0, react_1.useRef)(null);
+    const { onFileSelect, autoClear, onChange, ref, ...inputProps } = {
+        ...exports.FileInput.defaultProps,
+        ...props,
+    };
+    const resolveWithFile = (0, react_1.useRef)(undefined);
+    const clearInput = (0, hooks_1.useCallback)(() => {
+        if (!inputRef.current)
+            return;
+        inputRef.current.value = null;
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        openFilePicker: () => {
+            inputRef.current.click();
+            return new Promise((resolve) => {
+                resolveWithFile.current = resolve;
+            });
+        },
+        clear: clearInput,
+    }));
+    async function handleChange(e) {
+        if (!e.target.files.length)
+            return;
+        if (types_1.TypeGuards.isFunction(onChange))
+            onChange(e);
+        const fileArray = Array.from(e.target?.files || []);
+        const files = fileArray.map((obj) => ({
+            file: obj,
+            preview: URL.createObjectURL(obj),
+        }));
+        onFileSelect && onFileSelect(files);
+        if (resolveWithFile.current) {
+            await resolveWithFile.current(files);
+            resolveWithFile.current = undefined;
+        }
+        if (autoClear)
+            clearInput();
+    }
+    return ((0, jsx_runtime_1.jsx)("input", { type: 'file', style: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' }, ...inputProps, ref: inputRef, onChange: handleChange }));
+};
+exports.FileInput = FileInput;
+exports.FileInput.defaultProps = {
+    autoClear: true,
+};
+//# sourceMappingURL=index.js.map

package/dist/components/FileInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA0D;AAC1D,2CAA0D;AAC1D,2CAA6C;AAG7C,0CAAuB;AAEvB;;;;GAIG;AACI,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,MAAM,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,UAAU,EACd,GAAG;QACF,GAAG,iBAAS,CAAC,YAAY;QACzB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,eAAe,GAAG,IAAA,cAAM,EAAgC,SAAS,CAAC,CAAA;IAExE,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,cAAc,EAAE,GAAG,EAAE;YACnB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAExB,OAAO,IAAI,OAAO,CAAiB,CAAC,OAAO,EAAE,EAAE;gBAC7C,eAAe,CAAC,OAAO,GAAG,OAAO,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,KAAK,EAAE,UAAU;KAClB,CAAC,CAAC,CAAA;IAEH,KAAK,UAAU,YAAY,CAAC,CAAsC;QAChE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QAClC,IAAI,kBAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEhD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAW,CAAA;QAE7D,MAAM,KAAK,GAAmB,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACpD,IAAI,EAAE,GAAG;YACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;SAClC,CAAC,CAAC,CAAA;QAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;QAEnC,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,MAAM,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YACpC,eAAe,CAAC,OAAO,GAAG,SAAS,CAAA;QACrC,CAAC;QAED,IAAI,SAAS;YAAE,UAAU,EAAE,CAAA;IAC7B,CAAC;IAED,OAAO,CACL,kCACE,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAC7E,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,SAAS,aA8DrB;AAED,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;CACW,CAAA"}

package/dist/components/FileInput/types.js

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

package/dist/components/FileInput/types.js.map

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

package/dist/components/Icon/index.js

@@ -0,0 +1,69 @@
+"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.Icon = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const View_1 = require("../View");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const styles_1 = require("@codeleap/styles");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const types_1 = require("@codeleap/types");
+const Touchable_1 = require("../Touchable");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+/**
+ * Renders a theme-registered SVG icon; automatically wraps in `Touchable` when
+ * `onPress` is provided, and can render a sized empty placeholder when `icon` is absent.
+ * Uses: `Touchable`, `View`, `useStylesFor`, `WebStyleRegistry`
+ */
+const Icon = (props) => {
+    const { icon, style, onPress, renderEmptySpace, debugName, ...otherProps } = {
+        ...exports.Icon.defaultProps,
+        ...props,
+    };
+    const themeIcons = (0, styles_1.useTheme)(store => store.theme?.icons);
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.Icon.styleRegistryName, style);
+    const Component = themeIcons?.[icon];
+    if (!icon) {
+        const iconStyle = styles.icon;
+        return renderEmptySpace ? ((0, jsx_runtime_1.jsx)(View_1.View, { style: {
+                height: iconStyle.size ?? iconStyle.height,
+                width: iconStyle.size ?? iconStyle.width,
+            } })) : null;
+    }
+    if (!Component)
+        return null;
+    if (types_1.TypeGuards.isFunction(onPress)) {
+        return (0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { debugName: debugName, component: Component, onPress: onPress, ...otherProps, css: styles.icon });
+    }
+    return (0, jsx_runtime_1.jsx)(Component, { ...otherProps, css: styles.icon });
+};
+exports.Icon = Icon;
+exports.Icon.Accessory = (props) => {
+    const AcessoryIcon = (renderProps) => {
+        return (0, jsx_runtime_1.jsx)(exports.Icon, { ...renderProps, ...props });
+    };
+    return AcessoryIcon;
+};
+exports.Icon.styleRegistryName = 'Icon';
+exports.Icon.elements = ['icon'];
+exports.Icon.rootElement = 'icon';
+exports.Icon.withVariantTypes = (styles) => {
+    return exports.Icon;
+};
+exports.Icon.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Icon);
+//# sourceMappingURL=index.js.map

package/dist/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kCAA8B;AAC9B,+DAA2D;AAC3D,6CAA2F;AAC3F,iEAA6D;AAE7D,2CAA4C;AAC5C,4CAAwC;AAExC,2CAAwB;AACxB,0CAAuB;AAEvB;;;;GAIG;AACI,MAAM,IAAI,GAAG,CAAC,KAAe,EAAE,EAAE;IACtC,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,GAAG,UAAU,EACd,GAAG;QACF,GAAG,YAAI,CAAC,YAAY;QACpB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,UAAU,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAExD,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;IAEpC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,SAAS,GAAG,MAAM,CAAC,IAA8C,CAAA;QAEvE,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACxB,uBAAC,WAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM;gBAC1C,KAAK,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,KAAK;aACzC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,IAAI,kBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,OAAO,uBAAC,qBAAS,IACf,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,KACZ,UAAU,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,GAChC,CAAA;IACJ,CAAC;IAED,OAAO,uBAAC,SAAS,OAAK,UAAU,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAA;AACxD,CAAC,CAAA;AA5CY,QAAA,IAAI,QA4ChB;AAED,YAAI,CAAC,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,YAAY,GAAI,CAAC,WAA+B,EAAE,EAAE;QACxD,OAAO,uBAAC,YAAI,OACN,WAAW,KACX,KAAK,GACT,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,YAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,YAAuE,CAAA;AAChF,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG,EAAwB,CAAA;AAE5C,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}

package/dist/components/Icon/styles.js

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

package/dist/components/Icon/styles.js.map

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

package/dist/components/Icon/types.js

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

package/dist/components/Icon/types.js.map

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

package/dist/components/List/context.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListProvider = exports.useListContext = exports.ListContext = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("@codeleap/hooks");
+const utils_1 = require("@codeleap/utils");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const useIsomorphicEffect_1 = require("../../lib/hooks/useIsomorphicEffect");
+const scroll_1 = require("./scroll");
+const LIST_STYLE_REGISTRY_NAME = 'List';
+function resolvePadding(props, stylePositioner) {
+    const get = (key) => props[key] ?? stylePositioner?.[key];
+    const p = get('padding') ?? 0;
+    const ph = get('paddingHorizontal') ?? p;
+    const pv = get('paddingVertical') ?? p;
+    return {
+        paddingTop: get('paddingTop') ?? pv,
+        paddingBottom: get('paddingBottom') ?? pv,
+        paddingLeft: get('paddingLeft') ?? ph,
+        paddingRight: get('paddingRight') ?? ph,
+    };
+}
+function useListProvider(props) {
+    const wrapperRef = (0, react_1.useRef)(null);
+    const [wrapperLayout, setWrapperLayout] = (0, react_1.useState)(null);
+    const styles = (0, useStylesFor_1.useStylesFor)(LIST_STYLE_REGISTRY_NAME, props.style);
+    const stylePositioner = styles?.positioner ?? {};
+    const update = (0, react_1.useCallback)((target) => {
+        const rect = target.getBoundingClientRect();
+        const next = { width: rect.width, offsetHeight: target.offsetHeight };
+        setWrapperLayout(current => (0, utils_1.deepEqual)(next, current) ? current : next);
+    }, []);
+    const { debounce: updateDebounced } = (0, hooks_1.useDebounceCallback)(update, 200);
+    (0, useIsomorphicEffect_1.useIsomorphicEffect)(() => {
+        if (typeof window === 'undefined')
+            return;
+        const el = wrapperRef.current;
+        if (!el)
+            return;
+        update(el);
+        const observer = new ResizeObserver(([entry]) => {
+            updateDebounced(entry.target);
+        });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [wrapperRef.current, update, updateDebounced]);
+    const scrollHook = props.scrollHook ?? (props.windowScroll ? scroll_1.useWindowScroll : scroll_1.useElementScroll);
+    const ready = !!wrapperLayout;
+    return {
+        wrapperRef,
+        wrapperLayout,
+        styles: styles,
+        props,
+        scrollHook,
+        ready,
+        padding: resolvePadding(props, stylePositioner),
+    };
+}
+exports.ListContext = (0, react_1.createContext)(null);
+/**
+ * Returns the nearest `List.Provider` context value.
+ * Throws when `required` is `true` (default) and no provider is found; pass `false` to allow optional usage.
+ */
+const useListContext = (required = true) => {
+    const ctx = (0, react_1.useContext)(exports.ListContext);
+    if (!ctx && required)
+        throw new Error('useListContext must be used inside List.Provider');
+    return ctx;
+};
+exports.useListContext = useListContext;
+/**
+ * Provides layout measurements, resolved styles, scroll state, and positioner config to all List sub-components.
+ * Must wrap `List.Wrapper` / `List.Items`; `List` renders this automatically when used as the top-level component.
+ */
+const ListProvider = (props) => {
+    const value = useListProvider(props);
+    return ((0, jsx_runtime_1.jsx)(exports.ListContext, { value: value, children: props.children }));
+};
+exports.ListProvider = ListProvider;
+//# sourceMappingURL=context.js.map

package/dist/components/List/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/List/context.tsx"],"names":[],"mappings":"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"}

package/dist/components/List/elements.js

@@ -0,0 +1,164 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListPlaceholder = exports.ListFooter = exports.ListHeader = exports.ListWrapper = void 0;
+exports.ListItems = ListItems;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const masonic_1 = require("masonic");
+const types_1 = require("@codeleap/types");
+const View_1 = require("../View");
+const context_1 = require("./context");
+/**
+ * Outer `View` that measures its own dimensions for the Masonic positioner via a `ResizeObserver`.
+ * Must be rendered inside `List.Provider`; forwards extra `ViewProps` to the underlying `View`.
+ */
+const ListWrapper = ({ children, ...viewProps }) => {
+    const { wrapperRef, styles, padding } = (0, context_1.useListContext)();
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { ...viewProps, css: [styles.wrapper, padding, viewProps.css], ref: wrapperRef, children: children }));
+};
+exports.ListWrapper = ListWrapper;
+function _ListItemsContent({ data, renderItem: providedRenderItem, fetchNextPage: itemsFetchNextPage, hasNextPage: itemsHasNextPage, ref, }) {
+    const { wrapperRef, wrapperLayout, scrollHook, styles, props, padding } = (0, context_1.useListContext)();
+    const fetchNextPage = itemsFetchNextPage ?? props.fetchNextPage;
+    const hasNextPage = itemsHasNextPage ?? props.hasNextPage;
+    const { scrollTop, isScrolling, height, width, scrollElement } = scrollHook(wrapperRef, wrapperLayout);
+    const innerWidth = width - padding.paddingLeft - padding.paddingRight;
+    const stylePositioner = styles.positioner ?? {};
+    const positionerConfig = {
+        columnCount: props.columnCount ?? stylePositioner.columnCount ?? 1,
+        columnGutter: props.columnGutter ?? stylePositioner.columnGutter,
+        columnWidth: props.columnWidth ?? stylePositioner.columnWidth,
+        maxColumnCount: props.maxColumnCount ?? stylePositioner.maxColumnCount,
+        maxColumnWidth: props.maxColumnWidth ?? stylePositioner.maxColumnWidth,
+        rowGutter: props.rowGutter ?? stylePositioner.rowGutter,
+    };
+    const positioner = (0, masonic_1.usePositioner)({ width: Math.max(0, innerWidth), ...positionerConfig }, [data]);
+    const resizeObserver = (0, masonic_1.useResizeObserver)(positioner);
+    const scrollToIndexFn = (0, masonic_1.useScrollToIndex)(positioner, {
+        element: scrollElement,
+        height,
+    });
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        scrollToIndex: (index, options) => {
+            scrollToIndexFn(index);
+        },
+    }), [scrollToIndexFn]);
+    const maybeLoadMore = (0, masonic_1.useInfiniteLoader)(async () => {
+        if (hasNextPage)
+            fetchNextPage?.();
+    }, {
+        isItemLoaded: (index, items) => !!items?.[index],
+        ...props.infiniteLoaderProps,
+    });
+    const separator = (0, react_1.useMemo)(() => {
+        if (!props.separators)
+            return null;
+        return props.ItemSeparatorComponent ?? null;
+    }, [props.separators, props.ItemSeparatorComponent]);
+    const dataLength = data?.length ?? 0;
+    const wrappedRenderItem = (0, react_1.useCallback)((masonryProps) => {
+        if (!providedRenderItem)
+            return null;
+        const { index, data: item } = masonryProps;
+        const isFirst = index === 0;
+        const isLast = index === dataLength - 1;
+        const isOnly = dataLength === 1;
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isFirst ? null : separator, providedRenderItem({
+                    ...masonryProps,
+                    item,
+                    isFirst,
+                    isLast,
+                    isOnly,
+                })] });
+    }, [providedRenderItem, separator, dataLength]);
+    return (0, masonic_1.useMasonry)({
+        positioner,
+        resizeObserver,
+        height: Math.max(1, height),
+        scrollTop,
+        isScrolling,
+        items: data ?? [],
+        render: wrappedRenderItem,
+        onRender: maybeLoadMore,
+    });
+}
+/**
+ * Renders the virtualized Masonic grid once the `List.Wrapper` layout is ready; returns `null` until then.
+ * Handles infinite loading via Masonic's `useInfiniteLoader`, item separators, and exposes a `scrollToIndex` imperative handle via `ref`.
+ * Must be rendered inside `List.Provider`.
+ */
+function ListItems(props) {
+    const { ready } = (0, context_1.useListContext)();
+    if (!ready)
+        return null;
+    return (0, jsx_runtime_1.jsx)(_ListItemsContent, { ...props });
+}
+/**
+ * Styled slot rendered above `List.Items`; applies the `header` composition style from the list's style sheet.
+ * Must be rendered inside `List.Provider`.
+ */
+const ListHeader = ({ children, ...viewProps }) => {
+    const { styles } = (0, context_1.useListContext)();
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { ...viewProps, css: [styles.header, viewProps.css], children: children }));
+};
+exports.ListHeader = ListHeader;
+/**
+ * Styled slot rendered below `List.Items`; falls back to `ListProviderProps.ListFooterComponent` when no `children` are given.
+ * Renders nothing when both sources are empty. Must be rendered inside `List.Provider`.
+ */
+const ListFooter = ({ children, ...viewProps }) => {
+    const { styles, props } = (0, context_1.useListContext)();
+    const footer = children ?? (types_1.TypeGuards.isFunction(props.ListFooterComponent)
+        ? props.ListFooterComponent()
+        : props.ListFooterComponent);
+    if (!footer)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { ...viewProps, css: [styles.footer, viewProps.css], children: footer }));
+};
+exports.ListFooter = ListFooter;
+/**
+ * Renders `ListProviderProps.placeholder` when it is a valid React element; otherwise renders nothing.
+ * Typically used to show an `EmptyPlaceholder` when the list has no data. Must be rendered inside `List.Provider`.
+ */
+const ListPlaceholder = () => {
+    const { props } = (0, context_1.useListContext)();
+    const { placeholder } = props;
+    if (react_1.default.isValidElement(placeholder))
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder });
+    return null;
+};
+exports.ListPlaceholder = ListPlaceholder;
+//# sourceMappingURL=elements.js.map

package/dist/components/List/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/components/List/elements.tsx"],"names":[],"mappings":"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"}

package/dist/components/List/index.js

@@ -0,0 +1,52 @@
+"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.List = List;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const context_1 = require("./context");
+const elements_1 = require("./elements");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./elements"), exports);
+__exportStar(require("./scroll"), exports);
+/**
+ * Virtualized, optionally multi-column list with built-in infinite scroll, item separators, and a programmable scroll handle.
+ * Rendering is powered by Masonic; the list measures its container via `ResizeObserver` and will not render items until layout is ready.
+ * Uses: `List.Provider`, `List.Wrapper`, `List.Items`, `List.Footer`, `List.Placeholder`
+ */
+function List(props) {
+    const { data, renderItem, fetchNextPage, hasNextPage, ...providerProps } = { ...List.defaultProps, ...props };
+    return ((0, jsx_runtime_1.jsx)(context_1.ListProvider, { ...providerProps, children: (0, jsx_runtime_1.jsxs)(elements_1.ListWrapper, { children: [(0, jsx_runtime_1.jsx)(elements_1.ListPlaceholder, {}), (0, jsx_runtime_1.jsx)(elements_1.ListItems, { data: data, renderItem: renderItem, fetchNextPage: fetchNextPage, hasNextPage: hasNextPage }), (0, jsx_runtime_1.jsx)(elements_1.ListFooter, {})] }) }));
+}
+List.Provider = context_1.ListProvider;
+List.Wrapper = elements_1.ListWrapper;
+List.Items = elements_1.ListItems;
+List.Header = elements_1.ListHeader;
+List.Footer = elements_1.ListFooter;
+List.Placeholder = elements_1.ListPlaceholder;
+List.styleRegistryName = 'List';
+List.elements = ['wrapper', 'list', 'header', 'footer', 'separator', 'placeholder', 'positioner'];
+List.rootElement = 'wrapper';
+List.withVariantTypes = (styles) => {
+    return List;
+};
+List.defaultProps = {
+    separators: true,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(List);
+//# sourceMappingURL=index.js.map