@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/infinitescroll/infinitescroll.cjs

@@ -0,0 +1,182 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/infinitescroll.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InfiniteScroll: ()=>InfiniteScroll
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const loading_cjs_namespaceObject = require("../loading/loading.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+function InfiniteScroll(rawProps) {
+    const { dataLength, hasMore, onLoadMore, target, threshold = 200, loader, endMessage, onError, className, children, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('InfiniteScroll', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const sentinel = (0, external_react_namespaceObject.useRef)(null);
+    const controller = (0, external_react_namespaceObject.useRef)(null);
+    const mounted = (0, external_react_namespaceObject.useRef)(false);
+    const manualLoad = (0, external_react_namespaceObject.useRef)(()=>{});
+    const [manual, setManual] = (0, external_react_namespaceObject.useState)(false);
+    const [loading, setLoading] = (0, external_react_namespaceObject.useState)(false);
+    const [error, setError] = (0, external_react_namespaceObject.useState)(false);
+    const [retry, setRetry] = (0, external_react_namespaceObject.useState)(0);
+    const requested = (0, external_react_namespaceObject.useRef)(void 0);
+    const latest = (0, external_react_namespaceObject.useRef)({
+        onLoadMore,
+        onError
+    });
+    latest.current = {
+        onLoadMore,
+        onError
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        mounted.current = true;
+        setLoading(false);
+        setManual("u" < typeof IntersectionObserver);
+        return ()=>{
+            mounted.current = false;
+            controller.current?.abort();
+            controller.current = null;
+            requested.current = void 0;
+        };
+    }, []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!hasMore && controller.current) {
+            controller.current.abort();
+            controller.current = null;
+            setLoading(false);
+        }
+    }, [
+        hasMore
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!hasMore || error || loading) return;
+        const element = sentinel.current;
+        if (!element) return;
+        let alive = true;
+        let root = target?.() ?? null;
+        if (!root) {
+            let parent = element.parentElement;
+            while(parent){
+                if (/(auto|scroll)/.test(getComputedStyle(parent).overflowY)) {
+                    root = parent;
+                    break;
+                }
+                parent = parent.parentElement;
+            }
+        }
+        const load = ()=>{
+            const key = `${dataLength}:${retry}`;
+            if (!alive || controller.current || requested.current === key) return;
+            requested.current = key;
+            const request = new AbortController();
+            controller.current = request;
+            setLoading(true);
+            Promise.resolve().then(()=>{
+                if (!request.signal.aborted) return latest.current.onLoadMore(request.signal);
+            }).catch((reason)=>{
+                if (mounted.current && !request.signal.aborted) {
+                    setError(true);
+                    latest.current.onError?.(reason);
+                }
+            }).finally(()=>{
+                if (controller.current === request) controller.current = null;
+                if (mounted.current && !request.signal.aborted) setLoading(false);
+            });
+        };
+        manualLoad.current = load;
+        const observer = "u" < typeof IntersectionObserver ? null : new IntersectionObserver((entries)=>{
+            if (entries.some((entry)=>entry.isIntersecting)) load();
+        }, {
+            root,
+            rootMargin: `${Math.max(0, threshold)}px`
+        });
+        observer?.observe(element);
+        return ()=>{
+            alive = false;
+            observer?.disconnect();
+        };
+    }, [
+        dataLength,
+        hasMore,
+        error,
+        retry,
+        target,
+        threshold,
+        loading
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-infinite-scroll', className),
+        "aria-busy": loading,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ref: sentinel,
+                className: "leaf-infinite-scroll__sentinel"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-infinite-scroll__status",
+                "aria-live": "polite",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "leaf-infinite-scroll__feedback",
+                    children: error ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                        variant: "ghost",
+                        onClick: ()=>{
+                            setError(false);
+                            setRetry((value)=>value + 1);
+                        },
+                        children: t('infiniteScroll.loadingFailedRetry')
+                    }) : loading ? loader ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(loading_cjs_namespaceObject.LoadingControl, {
+                        size: "sm",
+                        tip: t('common.loading')
+                    }) : hasMore ? manual ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                        variant: "ghost",
+                        onClick: ()=>manualLoad.current(),
+                        children: t('infiniteScroll.loadMore')
+                    }) : null : endMessage ?? t('infiniteScroll.allItemsLoaded')
+                }, error ? 'error' : loading ? 'loading' : hasMore ? manual ? 'manual' : 'idle' : 'end')
+            })
+        ]
+    });
+}
+exports.InfiniteScroll = __webpack_exports__.InfiniteScroll;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InfiniteScroll"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=infinitescroll.cjs.map

package/dist/cjs/browser/modules/infinitescroll/infinitescroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"infinitescroll/infinitescroll.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/infinitescroll/infinitescroll.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {\n  dataLength: number;\n  hasMore: boolean;\n  onLoadMore: (signal: AbortSignal) => Promise<void>;\n  target?: () => HTMLElement | null;\n  threshold?: number;\n  loader?: ReactNode;\n  endMessage?: ReactNode;\n  onError?: (error: unknown) => void;\n}\nexport function InfiniteScroll(rawProps: InfiniteScrollProps) {\n  const {\n    dataLength,\n    hasMore,\n    onLoadMore,\n    target,\n    threshold = 200,\n    loader,\n    endMessage,\n    onError,\n    className,\n    children,\n    ...props\n  } = useComponentProps('InfiniteScroll', rawProps);\n  const t = useText();\n  const sentinel = useRef<HTMLDivElement>(null);\n  const controller = useRef<AbortController | null>(null);\n  const mounted = useRef(false);\n  const manualLoad = useRef<() => void>(() => {});\n  const [manual, setManual] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [retry, setRetry] = useState(0);\n  const requested = useRef<string | undefined>(undefined);\n  const latest = useRef({ onLoadMore, onError });\n  latest.current = { onLoadMore, onError };\n  useEffect(() => {\n    mounted.current = true;\n    setLoading(false);\n    setManual(typeof IntersectionObserver === 'undefined');\n    return () => {\n      mounted.current = false;\n      controller.current?.abort();\n      controller.current = null;\n      requested.current = undefined;\n    };\n  }, []);\n  useEffect(() => {\n    if (!hasMore && controller.current) {\n      controller.current.abort();\n      controller.current = null;\n      setLoading(false);\n    }\n  }, [hasMore]);\n  useEffect(() => {\n    if (!hasMore || error || loading) return;\n    const element = sentinel.current;\n    if (!element) return;\n    let alive = true;\n    let root = target?.() ?? null;\n    if (!root) {\n      let parent = element.parentElement;\n      while (parent) {\n        if (/(auto|scroll)/.test(getComputedStyle(parent).overflowY)) {\n          root = parent;\n          break;\n        }\n        parent = parent.parentElement;\n      }\n    }\n    const load = () => {\n      const key = `${dataLength}:${retry}`;\n      if (!alive || controller.current || requested.current === key) return;\n      requested.current = key;\n      const request = new AbortController();\n      controller.current = request;\n      setLoading(true);\n      Promise.resolve()\n        .then(() => {\n          if (!request.signal.aborted) return latest.current.onLoadMore(request.signal);\n        })\n        .catch((reason) => {\n          if (mounted.current && !request.signal.aborted) {\n            setError(true);\n            latest.current.onError?.(reason);\n          }\n        })\n        .finally(() => {\n          if (controller.current === request) controller.current = null;\n          if (mounted.current && !request.signal.aborted) setLoading(false);\n        });\n    };\n    manualLoad.current = load;\n    const observer =\n      typeof IntersectionObserver === 'undefined'\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) load();\n            },\n            { root, rootMargin: `${Math.max(0, threshold)}px` },\n          );\n    observer?.observe(element);\n    return () => {\n      alive = false;\n      observer?.disconnect();\n    };\n  }, [dataLength, hasMore, error, retry, target, threshold, loading]);\n  return (\n    <div {...props} className={classes('leaf-infinite-scroll', className)} aria-busy={loading}>\n      {children}\n      <div ref={sentinel} className=\"leaf-infinite-scroll__sentinel\" />\n      <div className=\"leaf-infinite-scroll__status\" aria-live=\"polite\">\n        <span\n          key={\n            error ? 'error' : loading ? 'loading' : !hasMore ? 'end' : manual ? 'manual' : 'idle'\n          }\n          className=\"leaf-infinite-scroll__feedback\"\n        >\n          {error ? (\n            <ButtonControl\n              variant=\"ghost\"\n              onClick={() => {\n                setError(false);\n                setRetry((value) => value + 1);\n              }}\n            >\n              {t('infiniteScroll.loadingFailedRetry')}\n            </ButtonControl>\n          ) : loading ? (\n            (loader ?? <Loading size=\"sm\" tip={t('common.loading')} />)\n          ) : !hasMore ? (\n            (endMessage ?? t('infiniteScroll.allItemsLoaded'))\n          ) : manual ? (\n            <ButtonControl variant=\"ghost\" onClick={() => manualLoad.current()}>\n              {t('infiniteScroll.loadMore')}\n            </ButtonControl>\n          ) : null}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","InfiniteScroll","rawProps","dataLength","hasMore","onLoadMore","target","threshold","loader","endMessage","onError","className","children","props","useComponentProps","t","useText","sentinel","useRef","controller","mounted","manualLoad","manual","setManual","useState","loading","setLoading","error","setError","retry","setRetry","requested","undefined","latest","useEffect","IntersectionObserver","element","alive","root","parent","getComputedStyle","load","request","AbortController","Promise","reason","observer","entries","entry","Math","classes","ButtonControl","value","Loading"],"mappings":"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"}

package/dist/cjs/browser/modules/input/group.cjs

@@ -0,0 +1,110 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/input.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputGroup: ()=>InputGroup,
+    InputSearch: ()=>group_InputSearch
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const form_cjs_namespaceObject = require("../form/form.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const group_InputSearch = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { onSearch, loading = false, enterButton, ...searchProps } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('InputSearch', rawProps);
+    const { value, defaultValue, onChange, onPressEnter, className, style, size = 'md', disabled: disabledProp, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Input', searchProps);
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const disabled = Boolean(disabledProp || field?.disabled);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const input = (0, external_react_namespaceObject.useRef)(null);
+    const merged = (0, field_cjs_namespaceObject.useMergedRef)(input, ref);
+    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(void 0 === value ? void 0 : String(value), String(defaultValue ?? ''), input, props.form);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-input-search', className),
+        style: style,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.InputControl, {
+                ...props,
+                size: size,
+                disabled: disabled,
+                ref: merged,
+                value: current,
+                onChange: (event)=>{
+                    setCurrent(event.target.value);
+                    onChange?.(event);
+                },
+                onPressEnter: (event)=>{
+                    onPressEnter?.(event);
+                    if (!event.defaultPrevented && !loading) {
+                        event.preventDefault();
+                        onSearch?.(current);
+                    }
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                type: "button",
+                size: size,
+                loading: loading,
+                disabled: disabled,
+                startIcon: enterButton ? void 0 : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                    size: 16
+                }),
+                "aria-label": enterButton ? void 0 : t('common.searchAction'),
+                onClick: ()=>onSearch?.(current),
+                children: enterButton
+            })
+        ]
+    });
+});
+function InputGroup(rawProps) {
+    const { compact = true, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('InputGroup', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-input-group', compact && 'leaf-input-group--compact', className)
+    });
+}
+exports.InputGroup = __webpack_exports__.InputGroup;
+exports.InputSearch = __webpack_exports__.InputSearch;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputGroup",
+    "InputSearch"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=group.cjs.map

package/dist/cjs/browser/modules/input/group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input/group.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/input/group.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Search } from 'lucide-react';\nimport { type FieldsetHTMLAttributes, forwardRef, type ReactNode, useRef } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { useText } from '../shared/use-text';\nimport { InputControl, type InputProps } from './input';\nexport interface InputSearchProps extends InputProps {\n  onSearch?: (value: string) => void;\n  loading?: boolean;\n  enterButton?: ReactNode;\n}\nexport const InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(\n  function InputSearch(rawProps, ref) {\n    const {\n      onSearch,\n      loading = false,\n      enterButton,\n      ...searchProps\n    } = useComponentProps('InputSearch', rawProps);\n    const {\n      value,\n      defaultValue,\n      onChange,\n      onPressEnter,\n      className,\n      style,\n      size = 'md',\n      disabled: disabledProp,\n      ...props\n    } = useComponentProps('Input', searchProps);\n    const field = useFormField();\n    const disabled = Boolean(disabledProp || field?.disabled);\n    const t = useText();\n    const input = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(input, ref);\n    const [current, setCurrent] = useFieldValue(\n      value === undefined ? undefined : String(value),\n      String(defaultValue ?? ''),\n      input,\n      props.form,\n    );\n    return (\n      <div className={classes('leaf-input-search', className)} style={style}>\n        <InputControl\n          {...props}\n          size={size}\n          disabled={disabled}\n          ref={merged}\n          value={current}\n          onChange={(event) => {\n            setCurrent(event.target.value);\n            onChange?.(event);\n          }}\n          onPressEnter={(event) => {\n            onPressEnter?.(event);\n            if (!event.defaultPrevented && !loading) {\n              event.preventDefault();\n              onSearch?.(current);\n            }\n          }}\n        />\n        <ButtonControl\n          type=\"button\"\n          size={size}\n          loading={loading}\n          disabled={disabled}\n          startIcon={enterButton ? undefined : <Search size={16} />}\n          aria-label={enterButton ? undefined : t('common.searchAction')}\n          onClick={() => onSearch?.(current)}\n        >\n          {enterButton}\n        </ButtonControl>\n      </div>\n    );\n  },\n);\nexport interface InputGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  compact?: boolean;\n}\nexport function InputGroup(rawProps: InputGroupProps) {\n  const { compact = true, className, ...props } = useComponentProps('InputGroup', rawProps);\n  return (\n    <fieldset\n      {...props}\n      className={classes('leaf-input-group', compact && 'leaf-input-group--compact', className)}\n    />\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","InputSearch","forwardRef","rawProps","ref","onSearch","loading","enterButton","searchProps","useComponentProps","value","defaultValue","onChange","onPressEnter","className","style","size","disabledProp","props","field","useFormField","disabled","Boolean","t","useText","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","undefined","String","classes","InputControl","event","ButtonControl","Search","InputGroup","compact"],"mappings":"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"}

package/dist/cjs/browser/modules/input/index.cjs

@@ -0,0 +1,50 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Input: ()=>external_input_cjs_namespaceObject.Input,
+    InputGroup: ()=>external_group_cjs_namespaceObject.InputGroup,
+    InputSearch: ()=>external_group_cjs_namespaceObject.InputSearch
+});
+const external_group_cjs_namespaceObject = require("./group.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+exports.Input = __webpack_exports__.Input;
+exports.InputGroup = __webpack_exports__.InputGroup;
+exports.InputSearch = __webpack_exports__.InputSearch;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Input",
+    "InputGroup",
+    "InputSearch"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/input/input.cjs

@@ -0,0 +1,159 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/input.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Input: ()=>input_Input,
+    InputControl: ()=>input_InputControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const form_cjs_namespaceObject = require("../form/form.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const input_InputControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ size = 'md', status: statusProp, prefix, suffix, allowClear = false, onClear, showCount = false, value, defaultValue, onChange, type = 'text', visibilityToggle = true, visible: controlledVisible, defaultVisible = false, onVisibleChange, visibilityIcon, className, style, disabled: disabledProp, onKeyDown, onPressEnter, 'aria-invalid': ariaInvalid, ...props }, ref) {
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const input = (0, external_react_namespaceObject.useRef)(null);
+    const mergedRef = (0, field_cjs_namespaceObject.useMergedRef)(input, ref);
+    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(void 0 === value ? void 0 : String(value), String(defaultValue ?? ''), input, props.form);
+    const [internalVisible, setVisible] = (0, external_react_namespaceObject.useState)(defaultVisible);
+    const visible = controlledVisible ?? internalVisible;
+    const password = 'password' === type;
+    const disabled = disabledProp || field?.disabled;
+    const status = statusProp ?? (field?.error ? 'error' : void 0);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-input', `leaf-input--${size}`, password && 'leaf-input--password', className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            prefix && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-input__affix",
+                "aria-hidden": "true",
+                children: prefix
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+                ...props,
+                type: password && visible ? 'text' : type,
+                id: props.id ?? field?.id,
+                required: props.required ?? field?.required,
+                value: current,
+                onChange: (event)=>{
+                    setCurrent(event.target.value);
+                    onChange?.(event);
+                },
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    field?.descriptionId
+                ].filter(Boolean).join(' ') || void 0,
+                ref: mergedRef,
+                disabled: disabled,
+                className: "leaf-input__native",
+                "aria-invalid": 'error' === status ? true : ariaInvalid,
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if ('Enter' === event.key && !event.nativeEvent.isComposing && !event.defaultPrevented) onPressEnter?.(event);
+                }
+            }),
+            allowClear && current && !disabled && !props.readOnly && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                className: "leaf-input__clear",
+                "aria-label": messages.input.clear,
+                onMouseDown: (event)=>event.preventDefault(),
+                onClick: ()=>{
+                    const node = input.current;
+                    if (!node) return;
+                    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(node, '');
+                    node.dispatchEvent(new Event('input', {
+                        bubbles: true
+                    }));
+                    node.focus();
+                    onClear?.();
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                    size: 14,
+                    "aria-hidden": "true"
+                })
+            }),
+            showCount && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-input__count",
+                children: 'function' == typeof showCount ? showCount(current, props.maxLength) : `${current.length}${void 0 === props.maxLength ? '' : ` / ${props.maxLength}`}`
+            }),
+            suffix && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-input__affix",
+                "aria-hidden": "true",
+                children: suffix
+            }),
+            password && visibilityToggle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                className: "leaf-input__visibility",
+                disabled: disabled,
+                "aria-label": visible ? messages.input.hidePassword : messages.input.showPassword,
+                "aria-pressed": visible,
+                onMouseDown: (event)=>event.preventDefault(),
+                onClick: ()=>{
+                    if (void 0 === controlledVisible) setVisible(!visible);
+                    onVisibleChange?.(!visible);
+                },
+                children: visibilityIcon ? visibilityIcon(visible) : visible ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeOff, {
+                    size: 16,
+                    "aria-hidden": "true"
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Eye, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+});
+const input_Input = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Input', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_InputControl, {
+        ...props,
+        ref: ref
+    });
+});
+input_Input.displayName = 'Input';
+exports.Input = __webpack_exports__.Input;
+exports.InputControl = __webpack_exports__.InputControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Input",
+    "InputControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=input.cjs.map

package/dist/cjs/browser/modules/input/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input/input.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/input/input.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Eye, EyeOff, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type ReactNode,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  size?: ControlSize;\n  status?: ControlStatus;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  onClear?: () => void;\n  showCount?: boolean | ((value: string, maxLength?: number) => ReactNode);\n  /** Show a visibility toggle when type is password. */\n  visibilityToggle?: boolean;\n  visible?: boolean;\n  defaultVisible?: boolean;\n  onVisibleChange?: (visible: boolean) => void;\n  visibilityIcon?: (visible: boolean) => ReactNode;\n  /** Called on Enter, excluding IME composition and prevented events. */\n  onPressEnter?: KeyboardEventHandler<HTMLInputElement>;\n}\n\n// Composites resolve their defaults before owning value, reset and callbacks.\nexport const InputControl = forwardRef<HTMLInputElement, InputProps>(function InputControl(\n  {\n    size = 'md',\n    status: statusProp,\n    prefix,\n    suffix,\n    allowClear = false,\n    onClear,\n    showCount = false,\n    value,\n    defaultValue,\n    onChange,\n    type = 'text',\n    visibilityToggle = true,\n    visible: controlledVisible,\n    defaultVisible = false,\n    onVisibleChange,\n    visibilityIcon,\n    className,\n    style,\n    disabled: disabledProp,\n    onKeyDown,\n    onPressEnter,\n    'aria-invalid': ariaInvalid,\n    ...props\n  }: InputProps,\n  ref,\n) {\n  const field = useFormField();\n  const { messages } = useLeafConfig();\n  const input = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergedRef(input, ref);\n  const [current, setCurrent] = useFieldValue(\n    value === undefined ? undefined : String(value),\n    String(defaultValue ?? ''),\n    input,\n    props.form,\n  );\n  const [internalVisible, setVisible] = useState(defaultVisible);\n  const visible = controlledVisible ?? internalVisible;\n  const password = type === 'password';\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  return (\n    <div\n      className={classes(\n        'leaf-input',\n        `leaf-input--${size}`,\n        password && 'leaf-input--password',\n        className,\n      )}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n    >\n      {prefix && (\n        <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n          {prefix}\n        </span>\n      )}\n      <input\n        {...props}\n        type={password && visible ? 'text' : type}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        value={current}\n        onChange={(event) => {\n          setCurrent(event.target.value);\n          onChange?.(event);\n        }}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={mergedRef}\n        disabled={disabled}\n        className=\"leaf-input__native\"\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing && !event.defaultPrevented) {\n            onPressEnter?.(event);\n          }\n        }}\n      />\n      {allowClear && current && !disabled && !props.readOnly && (\n        <button\n          type=\"button\"\n          className=\"leaf-input__clear\"\n          aria-label={messages.input.clear}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            const node = input.current;\n            if (!node) return;\n            Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(\n              node,\n              '',\n            );\n            node.dispatchEvent(new Event('input', { bubbles: true }));\n            node.focus();\n            onClear?.();\n          }}\n        >\n          <X size={14} aria-hidden=\"true\" />\n        </button>\n      )}\n      {showCount && (\n        <span className=\"leaf-input__count\">\n          {typeof showCount === 'function'\n            ? showCount(current, props.maxLength)\n            : `${current.length}${props.maxLength === undefined ? '' : ` / ${props.maxLength}`}`}\n        </span>\n      )}\n      {suffix && (\n        <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n          {suffix}\n        </span>\n      )}\n      {password && visibilityToggle && (\n        <button\n          type=\"button\"\n          className=\"leaf-input__visibility\"\n          disabled={disabled}\n          aria-label={visible ? messages.input.hidePassword : messages.input.showPassword}\n          aria-pressed={visible}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            if (controlledVisible === undefined) setVisible(!visible);\n            onVisibleChange?.(!visible);\n          }}\n        >\n          {visibilityIcon ? (\n            visibilityIcon(visible)\n          ) : visible ? (\n            <EyeOff size={16} aria-hidden=\"true\" />\n          ) : (\n            <Eye size={16} aria-hidden=\"true\" />\n          )}\n        </button>\n      )}\n    </div>\n  );\n});\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(rawProps, ref) {\n  const props = useComponentProps('Input', rawProps);\n  return <InputControl {...props} ref={ref} />;\n});\nInput.displayName = 'Input';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","InputControl","forwardRef","size","statusProp","prefix","suffix","allowClear","onClear","showCount","value","defaultValue","onChange","type","visibilityToggle","controlledVisible","defaultVisible","onVisibleChange","visibilityIcon","className","style","disabledProp","onKeyDown","onPressEnter","ariaInvalid","props","ref","field","useFormField","messages","useLeafConfig","input","useRef","mergedRef","useMergedRef","current","setCurrent","useFieldValue","undefined","String","internalVisible","setVisible","useState","visible","password","disabled","status","classes","event","Boolean","node","HTMLInputElement","Event","X","EyeOff","Eye","Input","rawProps","useComponentProps"],"mappings":"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"}

package/dist/cjs/browser/modules/inputmask/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputMask: ()=>external_inputmask_cjs_namespaceObject.InputMask
+});
+const external_inputmask_cjs_namespaceObject = require("./inputmask.cjs");
+exports.InputMask = __webpack_exports__.InputMask;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputMask"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/inputmask/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputmask/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}