@codeleap/web 7.0.0 → 7.0.2

package/dist/components/DatePicker/types.js

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

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

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

package/dist/components/Drawer/index.js

@@ -0,0 +1,68 @@
+"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.Drawer = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_aria_components_1 = require("react-aria-components");
+const context_1 = require("../Modal/context");
+const elements_1 = require("../Modal/elements");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+const DrawerProvider = ({ children, position: _position, ...props }) => {
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.Drawer.styleRegistryName, props.style);
+    const close = () => {
+        props.toggle?.();
+        props.onClose?.();
+    };
+    const value = {
+        props,
+        styles: styles,
+        close,
+    };
+    return ((0, jsx_runtime_1.jsx)(context_1.ModalContext.Provider, { value: value, children: children }));
+};
+const DrawerBox = ({ children, position }) => {
+    const { styles, props } = (0, context_1.useModalContext)();
+    const resolvedAriaLabel = !props.title ? (props.debugName ?? 'Dialog') : undefined;
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Modal, { css: styles.box, "data-position": position, children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Dialog, { "aria-label": resolvedAriaLabel, children: children }) }));
+};
+/**
+ * Side-panel overlay that slides in from a configurable edge of the viewport.
+ * Shares the same dismiss mechanics as `Modal` (backdrop click, Escape key), controlled by `closable` et al.
+ * Uses: `ModalBackdrop`, `ModalBody`, `ModalFooter`, `ModalHeader`
+ */
+const Drawer = (props) => {
+    const { children, position, ...rest } = { ...exports.Drawer.defaultProps, ...props };
+    return ((0, jsx_runtime_1.jsx)(DrawerProvider, { ...rest, position: position, children: (0, jsx_runtime_1.jsx)(elements_1.ModalBackdrop, { children: (0, jsx_runtime_1.jsxs)(DrawerBox, { position: position, children: [(0, jsx_runtime_1.jsx)(elements_1.ModalHeader, {}), (0, jsx_runtime_1.jsx)(elements_1.ModalBody, { children: children }), (0, jsx_runtime_1.jsx)(elements_1.ModalFooter, {})] }) }) }));
+};
+exports.Drawer = Drawer;
+exports.Drawer.styleRegistryName = 'Drawer';
+exports.Drawer.elements = ['backdrop', 'box', 'header', 'body', 'footer', 'title', 'description'];
+exports.Drawer.rootElement = 'backdrop';
+exports.Drawer.withVariantTypes = (styles) => {
+    return exports.Drawer;
+};
+exports.Drawer.defaultProps = {
+    position: 'left',
+    closable: true,
+    showClose: false,
+    dismissOnBackdrop: true,
+    closeOnEscape: true,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Drawer);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iEAAiE;AACjE,8CAAgE;AAChE,gDAAsF;AAEtF,+DAA2D;AAC3D,iEAA6D;AAI7D,2CAAwB;AACxB,0CAAuB;AAEvB,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IAClF,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,cAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAClE,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,CAAC,MAAM,EAAE,EAAE,CAAA;QAChB,KAAK,CAAC,OAAO,EAAE,EAAE,CAAA;IACnB,CAAC,CAAA;IACD,MAAM,KAAK,GAAG;QACZ,KAAK;QACL,MAAM,EAAE,MAAuC;QAC/C,KAAK;KACN,CAAA;IACD,OAAO,CACL,uBAAC,sBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAmE,EAAE,EAAE;IAC5G,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,yBAAe,GAAE,CAAA;IAC3C,MAAM,iBAAiB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAClF,OAAO,CACL,uBAAC,6BAAQ,IAAC,GAAG,EAAG,MAAc,CAAC,GAAG,mBAAiB,QAAQ,YACzD,uBAAC,8BAAM,kBAAa,iBAAiB,YAClC,QAAQ,GACF,GACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED;;;;GAIG;AACI,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,cAAM,CAAC,YAAY,EAAE,GAAG,KAAK,EAAE,CAAA;IAC5E,OAAO,CACL,uBAAC,cAAc,OAAK,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,uBAAC,wBAAa,cACZ,wBAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,aAC3B,uBAAC,sBAAW,KAAG,EACf,uBAAC,oBAAS,cAAE,QAAQ,GAAa,EACjC,uBAAC,sBAAW,KAAG,IACL,GACE,GACD,CAClB,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,MAAM,UAalB;AAED,cAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAA;AACnC,cAAM,CAAC,QAAQ,GAAG,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,CAAA;AACzF,cAAM,CAAC,WAAW,GAAG,UAAU,CAAA;AAE/B,cAAM,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC3D,OAAO,cAA2E,CAAA;AACpF,CAAC,CAAA;AAED,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,KAAK;IAChB,iBAAiB,EAAE,IAAI;IACvB,aAAa,EAAE,IAAI;CACI,CAAA;AAEzB,mCAAgB,CAAC,iBAAiB,CAAC,cAAM,CAAC,CAAA"}

package/dist/components/Drawer/styles.js

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

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

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

package/dist/components/Drawer/types.js

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

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

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

package/dist/components/Dropzone/context.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzoneProvider = exports.useDropzoneContext = exports.DropzoneContext = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const useDropzone_1 = require("./useDropzone");
+function useDropzoneProvider(props) {
+    const { handle: externalHandle, style, children: _children, extensionProps = {}, ...dropzoneOptions } = props;
+    // Always call the hook — satisfies Rules of Hooks.
+    // When an external handle is provided its result is discarded.
+    const internalHandle = (0, useDropzone_1.useDropzone)(dropzoneOptions);
+    const handle = externalHandle ?? internalHandle;
+    const styles = (0, useStylesFor_1.useStylesFor)('Dropzone', style);
+    return {
+        handle,
+        styles: styles,
+        extensionProps,
+    };
+}
+exports.DropzoneContext = (0, react_1.createContext)(null);
+/**
+ * Reads the nearest `Dropzone.Provider` context value.
+ * Throws if called outside a `Dropzone.Provider` tree.
+ */
+const useDropzoneContext = () => {
+    const ctx = (0, react_1.useContext)(exports.DropzoneContext);
+    if (!ctx)
+        throw new Error('useDropzoneContext must be used inside Dropzone.Provider');
+    return ctx;
+};
+exports.useDropzoneContext = useDropzoneContext;
+/**
+ * Wires a `DropzoneHandle` and resolved styles into React context for all
+ * Dropzone sub-components. Accepts either a pre-built `handle` prop (external
+ * control) or raw `UseDropzoneOptions` to have the Provider create a handle
+ * internally.
+ */
+const DropzoneProvider = (props) => {
+    const value = useDropzoneProvider(props);
+    return ((0, jsx_runtime_1.jsx)(exports.DropzoneContext.Provider, { value: value, children: props.children }));
+};
+exports.DropzoneProvider = DropzoneProvider;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/Dropzone/context.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AAIjD,+DAA2D;AAC3D,+CAA2C;AAE3C,SAAS,mBAAmB,CAAC,KAA4B;IACvD,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,GAAG,EAA+B,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;IAE1I,mDAAmD;IACnD,+DAA+D;IAC/D,MAAM,cAAc,GAAG,IAAA,yBAAW,EAAC,eAAe,CAAC,CAAA;IACnD,MAAM,MAAM,GAAG,cAAc,IAAI,cAAc,CAAA;IAE/C,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAE9C,OAAO;QACL,MAAM;QACN,MAAM,EAAE,MAA0C;QAClD,cAAc;KACf,CAAA;AACH,CAAC;AAIY,QAAA,eAAe,GAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC,CAAA;AAE/E;;;GAGG;AACI,MAAM,kBAAkB,GAAG,GAAyB,EAAE;IAC3D,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAA;IACvC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAA;IACrF,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAJY,QAAA,kBAAkB,sBAI9B;AAED;;;;;GAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,KAAK,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;IACxC,OAAO,CACL,uBAAC,uBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACnC,KAAK,CAAC,QAAQ,GACU,CAC5B,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,gBAAgB,oBAO5B"}

package/dist/components/Dropzone/elements.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzoneFullscreenOverlay = exports.DropzoneOverlay = exports.DropzoneWrapper = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_dom_1 = require("react-dom");
+const View_1 = require("../View");
+const context_1 = require("./context");
+/**
+ * Droppable zone element. Applies `getRootProps` and `getInputProps` from the
+ * nearest `Dropzone.Provider` handle to a root `View` and a hidden `<input>`.
+ *
+ * Must be rendered inside `Dropzone.Provider`.
+ */
+const DropzoneWrapper = ({ children }) => {
+    const { handle, styles } = (0, context_1.useDropzoneContext)();
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { ...handle.dropzone.getRootProps(), style: styles.dropzone, children: [children, (0, jsx_runtime_1.jsx)("input", { ...handle.dropzone.getInputProps() })] }));
+};
+exports.DropzoneWrapper = DropzoneWrapper;
+/**
+ * Overlay rendered on top of `Dropzone.Wrapper` while a file is being dragged
+ * over this specific zone (`isDragActive`). Place it as a child of
+ * `Dropzone.Wrapper` so it inherits the wrapper's positioning context.
+ *
+ * For a page-wide overlay that activates when dragging anywhere on the
+ * document, use `Dropzone.FullscreenOverlay` instead.
+ *
+ * Must be rendered inside `Dropzone.Provider`.
+ */
+const DropzoneOverlay = ({ children }) => {
+    const { handle, styles } = (0, context_1.useDropzoneContext)();
+    if (!handle.dropzone.isDragActive)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.overlay, children: (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.overlayInner, children: children }) }));
+};
+exports.DropzoneOverlay = DropzoneOverlay;
+/**
+ * Full-page overlay rendered via a React portal into `document.body` while
+ * a file is being dragged anywhere on the document (`isDragGlobal`).
+ *
+ * Unlike `Dropzone.Overlay`, this component is not scoped to the wrapper zone —
+ * it activates the moment a drag enters the browser window. Position it with
+ * `position: fixed; inset: 0` in the `overlay` style key.
+ *
+ * Must be rendered inside `Dropzone.Provider`.
+ */
+const DropzoneFullscreenOverlay = ({ children }) => {
+    const { handle, styles } = (0, context_1.useDropzoneContext)();
+    if (!handle.dropzone.isDragGlobal)
+        return null;
+    if (typeof document === 'undefined')
+        return null;
+    // Spread getRootProps (minus ref) so drops on the fullscreen overlay are captured by this dropzone.
+    const { ref: _ref, ...rootProps } = handle.dropzone.getRootProps();
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(View_1.View, { ...rootProps, style: styles.fullscreenOverlay, children: (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.fullscreenOverlayInner, children: children }) }), document.body);
+};
+exports.DropzoneFullscreenOverlay = DropzoneFullscreenOverlay;
+//# sourceMappingURL=elements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/components/Dropzone/elements.tsx"],"names":[],"mappings":";;;;AACA,yCAAwC;AAExC,kCAAyC;AACzC,uCAA8C;AAO9C;;;;;GAKG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAkB,GAAE,CAAA;IAC/C,OAAO,CACL,wBAAC,WAAI,OAAM,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAyB,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,aACrF,QAAQ,EACT,qCAAY,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAkC,GAAI,IAC1E,CACR,CAAA;AACH,CAAC,CAAA;AARY,QAAA,eAAe,mBAQ3B;AAED;;;;;;;;;GASG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAkB,GAAE,CAAA;IAE/C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9C,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,YAC7B,QAAQ,GACJ,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,eAAe,mBAY3B;AAED;;;;;;;;;GASG;AACI,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAkC,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAkB,GAAE,CAAA;IAE/C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAC9C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAA;IAEhD,oGAAoG;IACpG,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAA;IAElE,OAAO,IAAA,wBAAY,EACjB,uBAAC,WAAI,OAAM,SAAgC,EAAE,KAAK,EAAE,MAAM,CAAC,iBAAiB,YAC1E,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,sBAAsB,YACvC,QAAQ,GACJ,GACF,EACP,QAAQ,CAAC,IAAI,CACd,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,yBAAyB,6BAiBrC"}

package/dist/components/Dropzone/index.js

@@ -0,0 +1,89 @@
+"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.Dropzone = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const View_1 = require("../View");
+const Icon_1 = require("../Icon");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const context_1 = require("./context");
+const elements_1 = require("./elements");
+const useDropzone_1 = require("./useDropzone");
+const context_2 = require("./context");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./elements"), exports);
+__exportStar(require("./useDropzone"), exports);
+/**
+ * Drag-and-drop file upload zone. Stateless — use the `onDrop` callback to
+ * receive dropped files and manage your own file state.
+ *
+ * Assign `Dropzone.Default` to replace the built-in empty-state UI.
+ * Augment `DropzonePropsAugmentation` to add app-specific props that flow
+ * through to `Dropzone.Default` via context.
+ *
+ * For custom layouts compose the primitives directly:
+ * `Dropzone.Provider` + `Dropzone.Wrapper` + `Dropzone.Overlay` + `Dropzone.FullscreenOverlay`.
+ */
+const Dropzone = (props) => {
+    const merged = {
+        ...exports.Dropzone.defaultProps,
+        ...props,
+    };
+    const { icon, children, style, ref, ...dropzoneOptions } = merged;
+    const handle = (0, useDropzone_1.useDropzone)(dropzoneOptions);
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.Dropzone.styleRegistryName, style);
+    const handleRef = (0, react_1.useRef)(handle);
+    handleRef.current = handle;
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        open: () => handleRef.current.dropzone.open(),
+    }));
+    const extensionProps = merged;
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.wrapper, children: (0, jsx_runtime_1.jsx)(context_1.DropzoneProvider, { handle: handle, style: style, extensionProps: extensionProps, children: (0, jsx_runtime_1.jsxs)(elements_1.DropzoneWrapper, { children: [exports.Dropzone.Default ? ((0, jsx_runtime_1.jsx)(exports.Dropzone.Default, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: icon ? ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: 'Dropzone:Icon', icon: icon, style: styles.icon }) })) : null })), children] }) }) }));
+};
+exports.Dropzone = Dropzone;
+exports.Dropzone.styleRegistryName = 'Dropzone';
+exports.Dropzone.elements = [
+    'wrapper',
+    'dropzone',
+    'overlay',
+    'overlayInner',
+    'fullscreenOverlay',
+    'fullscreenOverlayInner',
+    'icon',
+    'iconWrapper',
+    'title',
+    'placeholder',
+];
+exports.Dropzone.rootElement = 'wrapper';
+exports.Dropzone.withVariantTypes = (styles) => {
+    return exports.Dropzone;
+};
+exports.Dropzone.defaultProps = {
+    icon: 'file-plus',
+    multiple: false,
+};
+exports.Dropzone.Provider = context_1.DropzoneProvider;
+exports.Dropzone.Wrapper = elements_1.DropzoneWrapper;
+exports.Dropzone.Overlay = elements_1.DropzoneOverlay;
+exports.Dropzone.FullscreenOverlay = elements_1.DropzoneFullscreenOverlay;
+exports.Dropzone.useContext = context_2.useDropzoneContext;
+exports.Dropzone.Default = null;
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Dropzone);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iCAAmD;AACnD,kCAAyC;AAEzC,kCAA8B;AAC9B,+DAA2D;AAC3D,iEAA6D;AAE7D,uCAA4C;AAC5C,yCAAwF;AACxF,+CAA2C;AAC3C,uCAA8C;AAE9C,2CAAwB;AACxB,0CAAuB;AACvB,4CAAyB;AACzB,6CAA0B;AAC1B,gDAA6B;AAE7B;;;;;;;;;;GAUG;AACI,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,MAAM,GAAG;QACb,GAAG,gBAAQ,CAAC,YAAY;QACxB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,EACJ,IAAI,EAEJ,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,eAAe,EACnB,GAAG,MAAM,CAAA;IAEV,MAAM,MAAM,GAAG,IAAA,yBAAW,EAAC,eAAe,CAAC,CAAA;IAC3C,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,gBAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,MAAM,CAAC,CAAA;IAChC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAA;IAE1B,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;KAC9C,CAAC,CAAC,CAAA;IAEH,MAAM,cAAc,GAA8B,MAAM,CAAA;IAExD,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,uBAAC,0BAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,YAC5E,wBAAC,0BAAe,eACb,gBAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAQ,CAAC,OAAO,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,2DACG,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAC7B,uBAAC,WAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,GAC7D,CACR,CAAC,CAAC,CAAC,IAAI,GAEP,CACJ,EAEA,QAAQ,IACO,GACD,GACd,CACR,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,QAAQ,YAiDpB;AAED,gBAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AAEvC,gBAAQ,CAAC,QAAQ,GAAG;IAClB,SAAS;IACT,UAAU;IACV,SAAS;IACT,cAAc;IACd,mBAAmB;IACnB,wBAAwB;IACxB,MAAM;IACN,aAAa;IACb,OAAO;IACP,aAAa;CACd,CAAA;AAED,gBAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,gBAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,gBAA+E,CAAA;AACxF,CAAC,CAAA;AAED,gBAAQ,CAAC,YAAY,GAAG;IACtB,IAAI,EAAE,WAAsB;IAC5B,QAAQ,EAAE,KAAK;CACU,CAAA;AAE3B,gBAAQ,CAAC,QAAQ,GAAG,0BAAgB,CAAA;AACpC,gBAAQ,CAAC,OAAO,GAAG,0BAAe,CAAA;AAClC,gBAAQ,CAAC,OAAO,GAAG,0BAAe,CAAA;AAClC,gBAAQ,CAAC,iBAAiB,GAAG,oCAAyB,CAAA;AACtD,gBAAQ,CAAC,UAAU,GAAG,4BAAkB,CAAA;AACxC,gBAAQ,CAAC,OAAO,GAAG,IAAkC,CAAA;AAErD,mCAAgB,CAAC,iBAAiB,CAAC,gBAAQ,CAAC,CAAA"}

package/dist/components/Dropzone/styles.js

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

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

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

package/dist/components/Dropzone/types.js

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

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

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

package/dist/components/Dropzone/useDropzone.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDropzone = useDropzone;
+const react_dropzone_1 = require("react-dropzone");
+/**
+ * Creates a `DropzoneHandle` — the service object that owns drag-and-drop
+ * mechanics. The returned `dropzone` field is the full react-dropzone state
+ * pass-through (`getRootProps`, `getInputProps`, `open`, `isDragActive`,
+ * `isDragAccept`, `isDragReject`, `isDragGlobal`, etc.).
+ *
+ * Pass the handle to `Dropzone.Provider` to wire it into the component tree,
+ * or use it directly when you need access to the drag state outside JSX.
+ * File management is the caller's responsibility — use the `onDrop` callback
+ * to receive accepted and rejected files.
+ */
+function useDropzone(options = {}) {
+    const dropzone = (0, react_dropzone_1.useDropzone)(options);
+    return { dropzone };
+}
+//# sourceMappingURL=useDropzone.js.map

package/dist/components/Dropzone/useDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropzone.js","sourceRoot":"","sources":["../../../src/components/Dropzone/useDropzone.ts"],"names":[],"mappings":";;AAcA,kCAGC;AAjBD,mDAAgE;AAGhE;;;;;;;;;;GAUG;AACH,SAAgB,WAAW,CAAC,UAA8B,EAAE;IAC1D,MAAM,QAAQ,GAAG,IAAA,4BAAgB,EAAC,OAAO,CAAC,CAAA;IAC1C,OAAO,EAAE,QAAQ,EAAE,CAAA;AACrB,CAAC"}

package/dist/components/EmptyPlaceholder/index.js

@@ -0,0 +1,86 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyPlaceholder = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Icon_1 = require("../Icon");
+const View_1 = require("../View");
+const Text_1 = require("../Text");
+const ActivityIndicator_1 = require("../ActivityIndicator");
+const types_1 = require("@codeleap/types");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+/**
+ * Communicates an empty or loading state for a content region with an optional icon/image, title, and description.
+ * When `loading` is `true`, replaces all content with an `ActivityIndicator`; when `renderEmpty` is provided, it takes over the entire content layout.
+ * Uses: `Icon`, `Text`, `ActivityIndicator`
+ */
+const EmptyPlaceholder = (props) => {
+    const { itemName, title, loading, description, style, icon: IconEmpty, renderEmpty: RenderEmpty, image, imageProps, wrapperProps, imageWrapperProps, indicatorProps, debugName, ImageComponent, } = {
+        ...exports.EmptyPlaceholder.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.EmptyPlaceholder.styleRegistryName, style);
+    const emptyText = title || (itemName && `No ${itemName} found.`) || 'No items.';
+    const activityIndicatorStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
+    const _Image = react_1.default.useMemo(() => {
+        if (!types_1.TypeGuards.isNil(image)) {
+            return (0, jsx_runtime_1.jsx)(ImageComponent, { ...imageProps, 
+                // @ts-ignore
+                source: image, css: styles.image });
+        }
+        if (types_1.TypeGuards.isNil(IconEmpty))
+            return null;
+        if (types_1.TypeGuards.isString(IconEmpty)) {
+            return (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, icon: IconEmpty, forceStyle: styles.icon });
+        }
+        else if (react_1.default.isValidElement(IconEmpty)) {
+            return (0, jsx_runtime_1.jsx)(IconEmpty, { ...props });
+        }
+    }, [IconEmpty, image]);
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(View_1.View, { style: [styles.wrapper, styles['wrapper:loading']], children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { debugName: debugName, ...indicatorProps, style: activityIndicatorStyles }) }));
+    }
+    if (!types_1.TypeGuards.isNil(RenderEmpty)) {
+        return ((0, jsx_runtime_1.jsx)(View_1.View, { ...wrapperProps, style: styles.wrapper, children: (0, jsx_runtime_1.jsx)(RenderEmpty, { emptyText: emptyText, emptyIconName: IconEmpty, styles: {
+                    ...styles,
+                    activityIndicatorStyles,
+                } }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { ...wrapperProps, style: styles.wrapper, children: [(0, jsx_runtime_1.jsx)(View_1.View, { ...imageWrapperProps, style: styles.imageWrapper, children: _Image }), types_1.TypeGuards.isString(emptyText)
+                ? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: emptyText, style: styles.title })
+                : react_1.default.isValidElement(emptyText) ? emptyText : null, types_1.TypeGuards.isString(description)
+                ? (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: description, style: styles.description })
+                : react_1.default.isValidElement(description) ? description : null] }));
+};
+exports.EmptyPlaceholder = EmptyPlaceholder;
+exports.EmptyPlaceholder.styleRegistryName = 'EmptyPlaceholder';
+exports.EmptyPlaceholder.elements = ['wrapper', 'loader', 'title', 'description', 'image', 'imageWrapper', 'icon'];
+exports.EmptyPlaceholder.rootElement = 'wrapper';
+exports.EmptyPlaceholder.ImageComponent = 'img';
+exports.EmptyPlaceholder.withVariantTypes = (styles) => {
+    return exports.EmptyPlaceholder;
+};
+exports.EmptyPlaceholder.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.EmptyPlaceholder);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/EmptyPlaceholder/styles.js

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

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

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

package/dist/components/EmptyPlaceholder/types.js

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

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

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

package/dist/components/Field/context.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFieldContext = exports.FieldProvider = exports.getFieldIds = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const lib_1 = require("../../lib");
+/** Derives stable ARIA `label` and `helper` element IDs from a base field ID. */
+const getFieldIds = (baseId) => ({
+    label: baseId + '-label',
+    helper: baseId + '-helper',
+});
+exports.getFieldIds = getFieldIds;
+const useFieldContextProvider = (props) => {
+    const generatedId = (0, react_1.useId)();
+    const baseId = props.id ?? generatedId;
+    const { label: labelId, helper: helperId } = (0, exports.getFieldIds)(baseId);
+    const stateContext = {
+        disabled: props.context?.disabled,
+        error: props.context?.error,
+        focused: props.context?.focused,
+        hasValue: props.context?.hasValue,
+    };
+    const styles = (0, lib_1.useStylesFor)('Field', props?.style, stateContext);
+    const getClassName = (...suffixes) => {
+        const getClasses = (basename) => suffixes.map(s => `${basename}__${s}`).join(' ');
+        let classes = getClasses('field');
+        if (props?.componentName) {
+            classes += ` ${getClasses(props.componentName)}`;
+        }
+        return classes;
+    };
+    return {
+        props,
+        styles,
+        stateContext,
+        getClassName,
+        labelId,
+        helperId,
+    };
+};
+const FieldContext = (0, react_1.createContext)({});
+/**
+ * Context provider for `Field`; computes styles and state data from `FieldProps`
+ * and makes them available to all `Field.*` sub-elements.
+ * Must wrap any composition that uses `useFieldContext`.
+ */
+const FieldProvider = ({ children, ...props }) => {
+    const value = useFieldContextProvider(props);
+    return (0, jsx_runtime_1.jsx)(FieldContext.Provider, { value: value, children: children });
+};
+exports.FieldProvider = FieldProvider;
+/**
+ * Reads the nearest `FieldProvider` context.
+ * Must be called inside a component rendered within `FieldProvider`.
+ */
+const useFieldContext = () => (0, react_1.useContext)(FieldContext);
+exports.useFieldContext = useFieldContext;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/Field/context.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwD;AAExD,mCAAwC;AAGxC,iFAAiF;AAC1E,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,GAAG,QAAQ;IACxB,MAAM,EAAE,MAAM,GAAG,SAAS;CAC3B,CAAC,CAAA;AAHW,QAAA,WAAW,eAGtB;AAEF,MAAM,uBAAuB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACpD,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAA;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,IAAI,WAAW,CAAA;IACtC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAW,EAAC,MAAM,CAAC,CAAA;IAEhE,MAAM,YAAY,GAAqB;QACrC,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ;QACjC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO;QAC/B,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ;KAClC,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,kBAAY,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;IAEhE,MAAM,YAAY,GAAG,CAAC,GAAG,QAAkB,EAAE,EAAE;QAC7C,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAEjF,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;QAEjC,IAAI,KAAK,EAAE,aAAa,EAAE,CAAC;YACzB,OAAO,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAA;QAClD,CAAC;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IACD,OAAO;QACL,KAAK;QACL,MAAM;QACN,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,QAAQ;KACT,CAAA;AACH,CAAC,CAAA;AAGD,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAmB,CAAC,CAAA;AAEvD;;;;GAIG;AACI,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsC,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAC5C,OAAO,uBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACa,CAAA;AAC1B,CAAC,CAAA;AALY,QAAA,aAAa,iBAKzB;AAED;;;GAGG;AACI,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;AAAhD,QAAA,eAAe,mBAAiC"}

package/dist/components/Field/elements.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionSlot = exports.FieldWrapper = exports.FieldBox = exports.FieldHelper = exports.FieldHeading = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const types_1 = require("@codeleap/types");
+const Text_1 = require("../Text");
+const View_1 = require("../View");
+const context_1 = require("./context");
+const lib_1 = require("../../lib");
+const Touchable_1 = require("../Touchable");
+/**
+ * Renders the field label linked to the input via `aria-labelledby`.
+ * Reads content from `FieldProvider` context; renders nothing when no label is present.
+ * Must be inside `FieldProvider`.
+ */
+const FieldHeading = (props) => {
+    const ctx = (0, context_1.useFieldContext)();
+    const label = props?.children ?? ctx?.props?.label;
+    if (!label && !props.component)
+        return null;
+    const Component = props?.component ?? Text_1.Text;
+    return (0, jsx_runtime_1.jsx)(Component, { id: ctx.labelId, component: 'label', ref: props.ref, style: [ctx?.styles?.heading, props?.style], className: ctx.getClassName('heading'), children: label });
+};
+exports.FieldHeading = FieldHeading;
+/**
+ * Renders the field helper/description text.
+ * Reads content from `FieldProvider` context; renders nothing when no helper is present.
+ * Must be inside `FieldProvider`.
+ */
+const FieldHelper = (props) => {
+    const ctx = (0, context_1.useFieldContext)();
+    const label = props?.children ?? ctx?.props?.helper;
+    if (!label && !props.component)
+        return null;
+    const Component = props?.component ?? Text_1.Text.Span;
+    return (0, jsx_runtime_1.jsx)(Component, { id: ctx.helperId, ref: props.ref, style: [ctx?.styles?.helper, props?.style], className: ctx.getClassName('helper'), children: label });
+};
+exports.FieldHelper = FieldHelper;
+/**
+ * Input container row that receives state `data-*` attributes from context;
+ * renders as `Touchable` when `onPress` is provided, otherwise as `View`.
+ * Must be inside `FieldProvider`.
+ * Uses: `View`, `Touchable`
+ */
+const FieldBox = ({ component = View_1.View, style, ref, children, onPress, ...rest }) => {
+    const ctx = (0, context_1.useFieldContext)();
+    const attrs = (0, lib_1.toDataAttrs)(ctx.stateContext);
+    if (onPress) {
+        return ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { debugName: 'field-box', css: [ctx?.styles?.box, style], onPress: onPress, className: ctx.getClassName('box'), ...attrs, ...rest, ref: ref ?? ctx?.props?.boxRef, children: children }));
+    }
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { css: [ctx?.styles?.box, style], className: ctx.getClassName('box'), ...attrs, ...rest, ref: ref ?? ctx?.props?.boxRef, children: children }));
+};
+exports.FieldBox = FieldBox;
+/**
+ * Outermost container for the full field layout; forwards state `data-*`
+ * attributes and resolves the `wrapperRef` from context.
+ * Must be inside `FieldProvider`.
+ */
+const FieldWrapper = (props) => {
+    const ctx = (0, context_1.useFieldContext)();
+    const Component = props?.component ?? View_1.View;
+    const attrs = (0, lib_1.toDataAttrs)(ctx.stateContext);
+    return (0, jsx_runtime_1.jsx)(Component, { ref: props.ref ?? ctx?.props?.wrapperRef, style: [ctx.styles.wrapper, props?.style], ...attrs, className: ctx.getClassName('wrapper'), children: props?.children });
+};
+exports.FieldWrapper = FieldWrapper;
+/**
+ * Renders either the `leftSection` or `rightSection` prop from `FieldProvider`
+ * context; supports static ReactNode and render-function forms.
+ * Must be inside `FieldProvider`.
+ */
+const SectionSlot = (props) => {
+    const ctx = (0, context_1.useFieldContext)();
+    const sectionProp = props?.position === 'left' ? ctx.props.leftSection : ctx.props.rightSection;
+    const style = props.position === 'left' ? ctx.styles.leftSection : ctx.styles.rightSection;
+    let Component = null;
+    if (props?.component) {
+        Component = props?.component;
+    }
+    else if (types_1.TypeGuards.isFunction(sectionProp)) {
+        Component = sectionProp;
+    }
+    else {
+        if (!sectionProp)
+            return null;
+        return (0, jsx_runtime_1.jsx)(View_1.View, { style: [ctx.styles.section, style], className: ctx.getClassName('section', `${props.position}_section`), children: sectionProp });
+    }
+    const attrs = (0, lib_1.toDataAttrs)(ctx.stateContext);
+    const Render = Component;
+    return (0, jsx_runtime_1.jsx)(Render, { ...attrs, "data-section-position": props.position, style: [ctx.styles.section, style], className: ctx.getClassName('section', `${props.position}_section`) });
+};
+exports.SectionSlot = SectionSlot;
+//# sourceMappingURL=elements.js.map

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

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