@codeleap/web 6.8.0 → 7.0.1

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,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAO9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC/C,OAAO,CACL,MAAC,IAAI,OAAM,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAyB,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,aACrF,QAAQ,EACT,mBAAY,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAkC,GAAI,IAC1E,CACR,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE/C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9C,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,YAC7B,QAAQ,GACJ,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAkC,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,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,YAAY,CACjB,KAAC,IAAI,OAAM,SAAgC,EAAE,KAAK,EAAE,MAAM,CAAC,iBAAiB,YAC1E,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,sBAAsB,YACvC,QAAQ,GACJ,GACF,EACP,QAAQ,CAAC,IAAI,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Dropzone/index.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useImperativeHandle, useRef } from 'react';
+import { View } from '../View';
+import { Icon } from '../Icon';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
+import { DropzoneProvider } from './context';
+import { DropzoneWrapper, DropzoneOverlay, DropzoneFullscreenOverlay } from './elements';
+import { useDropzone } from './useDropzone';
+import { useDropzoneContext } from './context';
+export * from './styles';
+export * from './types';
+export * from './context';
+export * from './elements';
+export * from './useDropzone';
+/**
+ * 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`.
+ */
+export const Dropzone = (props) => {
+    const merged = {
+        ...Dropzone.defaultProps,
+        ...props,
+    };
+    const { icon, children, style, ref, ...dropzoneOptions } = merged;
+    const handle = useDropzone(dropzoneOptions);
+    const styles = useStylesFor(Dropzone.styleRegistryName, style);
+    const handleRef = useRef(handle);
+    handleRef.current = handle;
+    useImperativeHandle(ref, () => ({
+        open: () => handleRef.current.dropzone.open(),
+    }));
+    const extensionProps = merged;
+    return (_jsx(View, { style: styles.wrapper, children: _jsx(DropzoneProvider, { handle: handle, style: style, extensionProps: extensionProps, children: _jsxs(DropzoneWrapper, { children: [Dropzone.Default ? (_jsx(Dropzone.Default, {})) : (_jsx(_Fragment, { children: icon ? (_jsx(View, { style: styles.iconWrapper, children: _jsx(Icon, { debugName: 'Dropzone:Icon', icon: icon, style: styles.icon }) })) : null })), children] }) }) }));
+};
+Dropzone.styleRegistryName = 'Dropzone';
+Dropzone.elements = [
+    'wrapper',
+    'dropzone',
+    'overlay',
+    'overlayInner',
+    'fullscreenOverlay',
+    'fullscreenOverlayInner',
+    'icon',
+    'iconWrapper',
+    'title',
+    'placeholder',
+];
+Dropzone.rootElement = 'wrapper';
+Dropzone.withVariantTypes = (styles) => {
+    return Dropzone;
+};
+Dropzone.defaultProps = {
+    icon: 'file-plus',
+    multiple: false,
+};
+Dropzone.Provider = DropzoneProvider;
+Dropzone.Wrapper = DropzoneWrapper;
+Dropzone.Overlay = DropzoneOverlay;
+Dropzone.FullscreenOverlay = DropzoneFullscreenOverlay;
+Dropzone.useContext = useDropzoneContext;
+Dropzone.Default = null;
+WebStyleRegistry.registerComponent(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":"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"}

package/dist/components/Dropzone/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# 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,2 @@
+export {};
+//# 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,17 @@
+import { useDropzone as useReactDropzone } from '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.
+ */
+export function useDropzone(options = {}) {
+    const dropzone = useReactDropzone(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":"AAAA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGhE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,WAAW,CAAC,UAA8B,EAAE;IAC1D,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAC1C,OAAO,EAAE,QAAQ,EAAE,CAAA;AACrB,CAAC"}

package/dist/components/EmptyPlaceholder/index.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React from 'react';
+import { Icon } from '../Icon';
+import { View } from '../View';
+import { Text } from '../Text';
+import { ActivityIndicator } from '../ActivityIndicator';
+import { TypeGuards } from '@codeleap/types';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
+import { useNestedStylesByKey } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+/**
+ * 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`
+ */
+export const EmptyPlaceholder = (props) => {
+    const { itemName, title, loading, description, style, icon: IconEmpty, renderEmpty: RenderEmpty, image, imageProps, wrapperProps, imageWrapperProps, indicatorProps, debugName, ImageComponent, } = {
+        ...EmptyPlaceholder.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(EmptyPlaceholder.styleRegistryName, style);
+    const emptyText = title || (itemName && `No ${itemName} found.`) || 'No items.';
+    const activityIndicatorStyles = useNestedStylesByKey('loader', styles);
+    const _Image = React.useMemo(() => {
+        if (!TypeGuards.isNil(image)) {
+            return _jsx(ImageComponent, { ...imageProps, 
+                // @ts-ignore
+                source: image, css: styles.image });
+        }
+        if (TypeGuards.isNil(IconEmpty))
+            return null;
+        if (TypeGuards.isString(IconEmpty)) {
+            return _jsx(Icon, { debugName: debugName, icon: IconEmpty, forceStyle: styles.icon });
+        }
+        else if (React.isValidElement(IconEmpty)) {
+            return _jsx(IconEmpty, { ...props });
+        }
+    }, [IconEmpty, image]);
+    if (loading) {
+        return (_jsx(View, { style: [styles.wrapper, styles['wrapper:loading']], children: _jsx(ActivityIndicator, { debugName: debugName, ...indicatorProps, style: activityIndicatorStyles }) }));
+    }
+    if (!TypeGuards.isNil(RenderEmpty)) {
+        return (_jsx(View, { ...wrapperProps, style: styles.wrapper, children: _jsx(RenderEmpty, { emptyText: emptyText, emptyIconName: IconEmpty, styles: {
+                    ...styles,
+                    activityIndicatorStyles,
+                } }) }));
+    }
+    return (_jsxs(View, { ...wrapperProps, style: styles.wrapper, children: [_jsx(View, { ...imageWrapperProps, style: styles.imageWrapper, children: _Image }), TypeGuards.isString(emptyText)
+                ? _jsx(Text, { debugName: debugName, text: emptyText, style: styles.title })
+                : React.isValidElement(emptyText) ? emptyText : null, TypeGuards.isString(description)
+                ? _jsx(Text, { debugName: debugName, text: description, style: styles.description })
+                : React.isValidElement(description) ? description : null] }));
+};
+EmptyPlaceholder.styleRegistryName = 'EmptyPlaceholder';
+EmptyPlaceholder.elements = ['wrapper', 'loader', 'title', 'description', 'image', 'imageWrapper', 'icon'];
+EmptyPlaceholder.rootElement = 'wrapper';
+EmptyPlaceholder.ImageComponent = 'img';
+EmptyPlaceholder.withVariantTypes = (styles) => {
+    return EmptyPlaceholder;
+};
+EmptyPlaceholder.defaultProps = {};
+WebStyleRegistry.registerComponent(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,2 @@
+export {};
+//# 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,2 @@
+export {};
+//# 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,52 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useContext, useId } from 'react';
+import { useStylesFor } from '../../lib';
+/** Derives stable ARIA `label` and `helper` element IDs from a base field ID. */
+export const getFieldIds = (baseId) => ({
+    label: baseId + '-label',
+    helper: baseId + '-helper',
+});
+const useFieldContextProvider = (props) => {
+    const generatedId = useId();
+    const baseId = props.id ?? generatedId;
+    const { label: labelId, helper: helperId } = getFieldIds(baseId);
+    const stateContext = {
+        disabled: props.context?.disabled,
+        error: props.context?.error,
+        focused: props.context?.focused,
+        hasValue: props.context?.hasValue,
+    };
+    const styles = 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 = 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`.
+ */
+export const FieldProvider = ({ children, ...props }) => {
+    const value = useFieldContextProvider(props);
+    return _jsx(FieldContext.Provider, { value: value, children: children });
+};
+/**
+ * Reads the nearest `FieldProvider` context.
+ * Must be called inside a component rendered within `FieldProvider`.
+ */
+export const useFieldContext = () => useContext(FieldContext);
+//# 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,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAGxC,iFAAiF;AACjF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,GAAG,QAAQ;IACxB,MAAM,EAAE,MAAM,GAAG,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACpD,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,IAAI,WAAW,CAAA;IACtC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,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,YAAY,CAAC,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,aAAa,CAAC,EAAmB,CAAC,CAAA;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsC,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAC5C,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACa,CAAA;AAC1B,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA"}

package/dist/components/Field/elements.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { TypeGuards } from '@codeleap/types';
+import { Text } from '../Text';
+import { View } from '../View';
+import { useFieldContext } from './context';
+import { toDataAttrs } from '../../lib';
+import { Touchable } from '../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`.
+ */
+export const FieldHeading = (props) => {
+    const ctx = useFieldContext();
+    const label = props?.children ?? ctx?.props?.label;
+    if (!label && !props.component)
+        return null;
+    const Component = props?.component ?? Text;
+    return _jsx(Component, { id: ctx.labelId, component: 'label', ref: props.ref, style: [ctx?.styles?.heading, props?.style], className: ctx.getClassName('heading'), children: label });
+};
+/**
+ * Renders the field helper/description text.
+ * Reads content from `FieldProvider` context; renders nothing when no helper is present.
+ * Must be inside `FieldProvider`.
+ */
+export const FieldHelper = (props) => {
+    const ctx = useFieldContext();
+    const label = props?.children ?? ctx?.props?.helper;
+    if (!label && !props.component)
+        return null;
+    const Component = props?.component ?? Text.Span;
+    return _jsx(Component, { id: ctx.helperId, ref: props.ref, style: [ctx?.styles?.helper, props?.style], className: ctx.getClassName('helper'), children: label });
+};
+/**
+ * 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`
+ */
+export const FieldBox = ({ component = View, style, ref, children, onPress, ...rest }) => {
+    const ctx = useFieldContext();
+    const attrs = toDataAttrs(ctx.stateContext);
+    if (onPress) {
+        return (_jsx(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 (_jsx(View, { css: [ctx?.styles?.box, style], className: ctx.getClassName('box'), ...attrs, ...rest, ref: ref ?? ctx?.props?.boxRef, children: children }));
+};
+/**
+ * Outermost container for the full field layout; forwards state `data-*`
+ * attributes and resolves the `wrapperRef` from context.
+ * Must be inside `FieldProvider`.
+ */
+export const FieldWrapper = (props) => {
+    const ctx = useFieldContext();
+    const Component = props?.component ?? View;
+    const attrs = toDataAttrs(ctx.stateContext);
+    return _jsx(Component, { ref: props.ref ?? ctx?.props?.wrapperRef, style: [ctx.styles.wrapper, props?.style], ...attrs, className: ctx.getClassName('wrapper'), children: props?.children });
+};
+/**
+ * Renders either the `leftSection` or `rightSection` prop from `FieldProvider`
+ * context; supports static ReactNode and render-function forms.
+ * Must be inside `FieldProvider`.
+ */
+export const SectionSlot = (props) => {
+    const ctx = 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 (TypeGuards.isFunction(sectionProp)) {
+        Component = sectionProp;
+    }
+    else {
+        if (!sectionProp)
+            return null;
+        return _jsx(View, { style: [ctx.styles.section, style], className: ctx.getClassName('section', `${props.position}_section`), children: sectionProp });
+    }
+    const attrs = toDataAttrs(ctx.stateContext);
+    const Render = Component;
+    return _jsx(Render, { ...attrs, "data-section-position": props.position, style: [ctx.styles.section, style], className: ctx.getClassName('section', `${props.position}_section`) });
+};
+//# 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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"}

package/dist/components/Field/index.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { FieldProvider, getFieldIds } from './context';
+import { FieldBox, FieldHeading, FieldHelper, FieldWrapper, SectionSlot } from './elements';
+import { WebStyleRegistry } from '../../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`
+ */
+export const Field = (props) => {
+    return _jsx(FieldProvider, { ...props, children: _jsxs(FieldWrapper, { children: [_jsx(FieldHeading, {}), _jsxs(FieldBox, { children: [_jsx(SectionSlot, { position: 'left' }), props?.children, _jsx(SectionSlot, { position: 'right' })] }), _jsx(FieldHelper, {})] }) });
+};
+Field.withVariantTypes = (styles) => {
+    return Field;
+};
+Field.styleRegistryName = 'Field';
+Field.rootElement = 'wrapper';
+Field.elements = [
+    'wrapper', 'box', 'heading', 'helper', 'section', 'leftSection', 'rightSection',
+];
+Field.SectionSlot = SectionSlot;
+Field.Box = FieldBox;
+Field.Wrapper = FieldWrapper;
+Field.Heading = FieldHeading;
+Field.Helper = FieldHelper;
+Field.Provider = FieldProvider;
+Field.getIds = getFieldIds;
+WebStyleRegistry.registerComponent(Field);
+export * from './context';
+export * from './styles';
+export * from './types';
+export * from './useFieldInput';
+//# 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,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAA0C,EAAE,EAAE;IAElE,OAAO,KAAC,aAAa,OAAK,KAAK,YAC7B,MAAC,YAAY,eACX,KAAC,YAAY,KAAG,EAChB,MAAC,QAAQ,eACP,KAAC,WAAW,IAAC,QAAQ,EAAC,MAAM,GAAE,EAC7B,KAAK,EAAE,QAAQ,EAChB,KAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAE,IACtB,EACX,KAAC,WAAW,KAAG,IACF,GACD,CAAA;AAClB,CAAC,CAAA;AAED,KAAK,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC1D,OAAO,KAAyE,CAAA;AAClF,CAAC,CAAA;AAED,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAA;AACjC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAA;AAC7B,KAAK,CAAC,QAAQ,GAAG;IACf,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc;CAChF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAC/B,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAA;AACpB,KAAK,CAAC,OAAO,GAAG,YAAY,CAAA;AAC5B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAA;AAC5B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAA;AAC1B,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAA;AAC9B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAA;AAE1B,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAEzC,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA"}

package/dist/components/Field/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# 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,2 @@
+export {};
+//# 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.js

@@ -0,0 +1,47 @@
+import { useMemo, useRef } from 'react';
+import { fields, useField } from '@codeleap/form';
+import { TypeGuards } from '@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.
+ */
+export function useFieldInput(field, defaultField = fields.text, internalState, params = {}, deps = []) {
+    const { value, onValueChange } = internalState;
+    const hasInternalState = useMemo(() => TypeGuards.isFunction(onValueChange) && !TypeGuards.isNil(value), []);
+    const wrapperRef = useRef(undefined);
+    const innerInputRef = useRef(null);
+    const fieldHandle = hasInternalState ? {} : 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":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAa,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEvD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAQ,EACR,eAA2C,MAAM,CAAC,IAAe,EACjE,aAA8D,EAC9D,SAAgC,EAAE,EAClC,OAAc,EAAE;IAEhB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAA;IAE9C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5G,MAAM,UAAU,GAAG,MAAM,CAAiB,SAAS,CAAC,CAAA;IAEpD,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,QAAQ,CAAO,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,55 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useImperativeHandle, useRef } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { useCallback } from '@codeleap/hooks';
+export * from './types';
+/**
+ * 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`
+ */
+export const FileInput = (props) => {
+    const inputRef = useRef(null);
+    const { onFileSelect, autoClear, onChange, ref, ...inputProps } = {
+        ...FileInput.defaultProps,
+        ...props,
+    };
+    const resolveWithFile = useRef(undefined);
+    const clearInput = useCallback(() => {
+        if (!inputRef.current)
+            return;
+        inputRef.current.value = null;
+    }, []);
+    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 (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 (_jsx("input", { type: 'file', style: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' }, ...inputProps, ref: inputRef, onChange: handleChange }));
+};
+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,OAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAgB,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7C,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE/C,MAAM,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,UAAU,EACd,GAAG;QACF,GAAG,SAAS,CAAC,YAAY;QACzB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,eAAe,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAA;IAExE,MAAM,UAAU,GAAG,WAAW,CAAC,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,mBAAmB,CAAC,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,UAAU,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,gBACE,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;AAED,SAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;CACW,CAAA"}

package/dist/components/FileInput/types.js

@@ -0,0 +1,2 @@
+export {};
+//# 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,51 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { View } from '../View';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+import { useTheme } from '@codeleap/styles';
+import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
+import { TypeGuards } from '@codeleap/types';
+import { Touchable } from '../Touchable';
+export * from './styles';
+export * from './types';
+/**
+ * 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`
+ */
+export const Icon = (props) => {
+    const { icon, style, onPress, renderEmptySpace, debugName, ...otherProps } = {
+        ...Icon.defaultProps,
+        ...props,
+    };
+    const themeIcons = useTheme(store => store.theme?.icons);
+    const styles = useStylesFor(Icon.styleRegistryName, style);
+    const Component = themeIcons?.[icon];
+    if (!icon) {
+        const iconStyle = styles.icon;
+        return renderEmptySpace ? (_jsx(View, { style: {
+                height: iconStyle.size ?? iconStyle.height,
+                width: iconStyle.size ?? iconStyle.width,
+            } })) : null;
+    }
+    if (!Component)
+        return null;
+    if (TypeGuards.isFunction(onPress)) {
+        return _jsx(Touchable, { debugName: debugName, component: Component, onPress: onPress, ...otherProps, css: styles.icon });
+    }
+    return _jsx(Component, { ...otherProps, css: styles.icon });
+};
+Icon.Accessory = (props) => {
+    const AcessoryIcon = (renderProps) => {
+        return _jsx(Icon, { ...renderProps, ...props });
+    };
+    return AcessoryIcon;
+};
+Icon.styleRegistryName = 'Icon';
+Icon.elements = ['icon'];
+Icon.rootElement = 'icon';
+Icon.withVariantTypes = (styles) => {
+    return Icon;
+};
+Icon.defaultProps = {};
+WebStyleRegistry.registerComponent(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,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAkD,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,MAAM,CAAC,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,IAAI,CAAC,YAAY;QACpB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAExD,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,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,KAAC,IAAI,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,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,OAAO,KAAC,SAAS,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,KAAC,SAAS,OAAK,UAAU,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAA;AACxD,CAAC,CAAA;AAED,IAAI,CAAC,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,YAAY,GAAI,CAAC,WAA+B,EAAE,EAAE;QACxD,OAAO,KAAC,IAAI,OACN,WAAW,KACX,KAAK,GACT,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAAuE,CAAA;AAChF,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG,EAAwB,CAAA;AAE5C,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/Icon/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# 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,2 @@
+export {};
+//# 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":""}