@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/layout/layout.cjs

@@ -0,0 +1,142 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/layout.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__, {
+    Layout: ()=>layout_Layout,
+    LayoutContent: ()=>layout_LayoutContent,
+    LayoutFooter: ()=>layout_LayoutFooter,
+    LayoutHeader: ()=>layout_LayoutHeader,
+    LayoutSider: ()=>layout_LayoutSider
+});
+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 classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const LayoutRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { direction = 'vertical', className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Layout', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-layout', `leaf-layout--${direction}`, className)
+    });
+});
+const layout_LayoutSider = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { width = 220, collapsedWidth = 64, collapsed, defaultCollapsed = false, collapsible = false, breakpoint, onCollapse, trigger, className, children, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutSider', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const [compact, setCompact] = (0, use_controllable_cjs_namespaceObject.useControllable)(collapsed, defaultCollapsed, onCollapse);
+    const [narrow, setNarrow] = (0, external_react_namespaceObject.useState)(false);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (void 0 === breakpoint) return;
+        const query = matchMedia(`(max-width: ${breakpoint}px)`);
+        const update = ()=>setNarrow(query.matches);
+        update();
+        query.addEventListener('change', update);
+        return ()=>query.removeEventListener('change', update);
+    }, [
+        breakpoint
+    ]);
+    const folded = compact || narrow;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("aside", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-layout__sider', className),
+        "data-collapsed": folded || void 0,
+        style: {
+            width: folded ? collapsedWidth : width,
+            ...style
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-layout__sider-content",
+                children: children
+            }),
+            collapsible && !narrow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                variant: "ghost",
+                size: "sm",
+                onClick: ()=>setCompact(!compact),
+                "aria-expanded": !folded,
+                "aria-label": folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'),
+                children: trigger ?? (folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'))
+            })
+        ]
+    });
+});
+const layout_LayoutHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutHeader', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-layout__header', className)
+    });
+});
+const layout_LayoutContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutContent', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-layout__content', className)
+    });
+});
+const layout_LayoutFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutFooter', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("footer", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-layout__footer', className)
+    });
+});
+const layout_Layout = Object.assign(LayoutRoot, {
+    Header: layout_LayoutHeader,
+    Sider: layout_LayoutSider,
+    Content: layout_LayoutContent,
+    Footer: layout_LayoutFooter
+});
+exports.Layout = __webpack_exports__.Layout;
+exports.LayoutContent = __webpack_exports__.LayoutContent;
+exports.LayoutFooter = __webpack_exports__.LayoutFooter;
+exports.LayoutHeader = __webpack_exports__.LayoutHeader;
+exports.LayoutSider = __webpack_exports__.LayoutSider;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Layout",
+    "LayoutContent",
+    "LayoutFooter",
+    "LayoutHeader",
+    "LayoutSider"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=layout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout/layout.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/layout/layout.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 { forwardRef, type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface LayoutProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n}\nconst LayoutRoot = forwardRef<HTMLDivElement, LayoutProps>(function Layout(rawProps, ref) {\n  const { direction = 'vertical', className, ...props } = useComponentProps('Layout', rawProps);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout', `leaf-layout--${direction}`, className)}\n    />\n  );\n});\nexport interface LayoutSiderProps extends HTMLAttributes<HTMLElement> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  collapsible?: boolean;\n  breakpoint?: number;\n  onCollapse?: (collapsed: boolean) => void;\n  trigger?: ReactNode;\n}\nexport const LayoutSider = forwardRef<HTMLElement, LayoutSiderProps>(function LayoutSider(\n  rawProps: LayoutSiderProps,\n  ref,\n) {\n  const {\n    width = 220,\n    collapsedWidth = 64,\n    collapsed,\n    defaultCollapsed = false,\n    collapsible = false,\n    breakpoint,\n    onCollapse,\n    trigger,\n    className,\n    children,\n    style,\n    ...props\n  } = useComponentProps('LayoutSider', rawProps);\n  const t = useText();\n  const [compact, setCompact] = useControllable(collapsed, defaultCollapsed, onCollapse);\n  const [narrow, setNarrow] = useState(false);\n  useEffect(() => {\n    if (breakpoint === undefined) return;\n    const query = matchMedia(`(max-width: ${breakpoint}px)`);\n    const update = () => setNarrow(query.matches);\n    update();\n    query.addEventListener('change', update);\n    return () => query.removeEventListener('change', update);\n  }, [breakpoint]);\n  const folded = compact || narrow;\n  return (\n    <aside\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout__sider', className)}\n      data-collapsed={folded || undefined}\n      style={{ width: folded ? collapsedWidth : width, ...style }}\n    >\n      <div className=\"leaf-layout__sider-content\">{children}</div>\n      {collapsible && !narrow && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setCompact(!compact)}\n          aria-expanded={!folded}\n          aria-label={folded ? t('layout.expandSidebar') : t('layout.collapseSidebar')}\n        >\n          {trigger ?? (folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'))}\n        </ButtonControl>\n      )}\n    </aside>\n  );\n});\nexport const LayoutHeader = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutHeader(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutHeader', rawProps);\n    return <header {...props} ref={ref} className={classes('leaf-layout__header', className)} />;\n  },\n);\nexport const LayoutContent = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutContent(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutContent', rawProps);\n    return <main {...props} ref={ref} className={classes('leaf-layout__content', className)} />;\n  },\n);\nexport const LayoutFooter = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutFooter(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutFooter', rawProps);\n    return <footer {...props} ref={ref} className={classes('leaf-layout__footer', className)} />;\n  },\n);\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Sider: LayoutSider,\n  Content: LayoutContent,\n  Footer: LayoutFooter,\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","LayoutRoot","forwardRef","rawProps","ref","direction","className","props","useComponentProps","classes","LayoutSider","width","collapsedWidth","collapsed","defaultCollapsed","collapsible","breakpoint","onCollapse","trigger","children","style","t","useText","compact","setCompact","useControllable","narrow","setNarrow","useState","useEffect","undefined","query","matchMedia","update","folded","ButtonControl","LayoutHeader","LayoutContent","LayoutFooter","Layout"],"mappings":"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"}

package/dist/cjs/browser/modules/loading/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__, {
+    Loading: ()=>external_loading_cjs_namespaceObject.Loading
+});
+const external_loading_cjs_namespaceObject = require("./loading.cjs");
+exports.Loading = __webpack_exports__.Loading;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Loading"
+].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/loading/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading/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/loading/loading.cjs

@@ -0,0 +1,120 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/loading.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__, {
+    Loading: ()=>Loading,
+    LoadingControl: ()=>LoadingControl
+});
+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 classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+function LoadingControl({ spinning = true, size = 'md', tip, delay = 0, children, className, ...props }) {
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const [ready, setReady] = (0, external_react_namespaceObject.useState)(spinning && delay <= 0);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!spinning) return void setReady(false);
+        if (delay <= 0) return void setReady(true);
+        setReady(false);
+        const timer = setTimeout(()=>setReady(true), delay);
+        return ()=>clearTimeout(timer);
+    }, [
+        spinning,
+        delay
+    ]);
+    const visible = spinning && ready;
+    const state = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(visible, state);
+    const indicator = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "leaf-loading__indicator",
+        role: "status",
+        "aria-label": 'string' == typeof tip ? tip : messages.common.loading,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LoaderCircle, {
+                className: "leaf-loading__spinner",
+                "aria-hidden": "true"
+            }),
+            tip && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                children: tip
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-loading', `leaf-loading--${size}`, null != children && 'leaf-loading--wrapped', className),
+        "aria-busy": spinning,
+        children: null != children ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-loading__content",
+                    "data-loading": visible || void 0,
+                    ...(0, inert_cjs_namespaceObject.inertProps)(visible),
+                    children: children
+                }),
+                present && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    ref: state,
+                    "data-visible": visible || void 0,
+                    "aria-hidden": !visible || void 0,
+                    className: "leaf-loading__overlay",
+                    children: indicator
+                })
+            ]
+        }) : present ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: state,
+            "data-visible": visible || void 0,
+            "aria-hidden": !visible || void 0,
+            className: "leaf-loading__state",
+            children: indicator
+        }) : null
+    });
+}
+function Loading(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Loading', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingControl, {
+        ...props
+    });
+}
+exports.Loading = __webpack_exports__.Loading;
+exports.LoadingControl = __webpack_exports__.LoadingControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Loading",
+    "LoadingControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=loading.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading/loading.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/loading/loading.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 { LoaderCircle } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport type { ControlSize } from '../shared/types';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLDivElement> {\n  spinning?: boolean;\n  size?: ControlSize;\n  tip?: ReactNode;\n  delay?: number;\n}\nexport function LoadingControl({\n  spinning = true,\n  size = 'md',\n  tip,\n  delay = 0,\n  children,\n  className,\n  ...props\n}: LoadingProps) {\n  const { messages } = useLeafConfig();\n  const [ready, setReady] = useState(spinning && delay <= 0);\n  useEffect(() => {\n    if (!spinning) {\n      setReady(false);\n      return;\n    }\n    if (delay <= 0) {\n      setReady(true);\n      return;\n    }\n    setReady(false);\n    const timer = setTimeout(() => setReady(true), delay);\n    return () => clearTimeout(timer);\n  }, [spinning, delay]);\n  const visible = spinning && ready;\n  const state = useRef<HTMLDivElement>(null);\n  const present = usePresence(visible, state);\n  const indicator = (\n    <div\n      className=\"leaf-loading__indicator\"\n      role=\"status\"\n      aria-label={typeof tip === 'string' ? tip : messages.common.loading}\n    >\n      <LoaderCircle className=\"leaf-loading__spinner\" aria-hidden=\"true\" />\n      {tip && <span>{tip}</span>}\n    </div>\n  );\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-loading',\n        `leaf-loading--${size}`,\n        children != null && 'leaf-loading--wrapped',\n        className,\n      )}\n      aria-busy={spinning}\n    >\n      {children != null ? (\n        <>\n          <div\n            className=\"leaf-loading__content\"\n            data-loading={visible || undefined}\n            {...inertProps(visible)}\n          >\n            {children}\n          </div>\n          {present && (\n            <div\n              ref={state}\n              data-visible={visible || undefined}\n              aria-hidden={!visible || undefined}\n              className=\"leaf-loading__overlay\"\n            >\n              {indicator}\n            </div>\n          )}\n        </>\n      ) : present ? (\n        <div\n          ref={state}\n          data-visible={visible || undefined}\n          aria-hidden={!visible || undefined}\n          className=\"leaf-loading__state\"\n        >\n          {indicator}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Loading(rawProps: LoadingProps) {\n  const props = useComponentProps('Loading', rawProps);\n  return <LoadingControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","LoadingControl","spinning","size","tip","delay","children","className","props","messages","useLeafConfig","ready","setReady","useState","useEffect","timer","setTimeout","clearTimeout","visible","state","useRef","present","usePresence","indicator","LoaderCircle","classes","undefined","inertProps","Loading","rawProps","useComponentProps"],"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;;;;;;;;;;;;;;;;ACSO,SAASI,eAAe,EAC7BC,WAAW,IAAI,EACfC,OAAO,IAAI,EACXC,GAAG,EACHC,QAAQ,CAAC,EACTC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACU;IACb,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAM,CAACC,OAAOC,SAAS,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASX,YAAYG,SAAS;IACxDS,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAI,CAACZ,UAAU,YACbU,SAAS;QAGX,IAAIP,SAAS,GAAG,YACdO,SAAS;QAGXA,SAAS;QACT,MAAMG,QAAQC,WAAW,IAAMJ,SAAS,OAAOP;QAC/C,OAAO,IAAMY,aAAaF;IAC5B,GAAG;QAACb;QAAUG;KAAM;IACpB,MAAMa,UAAUhB,YAAYS;IAC5B,MAAMQ,QAAQC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACrC,MAAMC,UAAUC,AAAAA,IAAAA,6BAAAA,WAAAA,AAAAA,EAAYJ,SAASC;IACrC,MAAMI,YACJ,AADgB,WAAZA,GACJ,sCAAC;QACC,WAAU;QACV,MAAK;QACL,cAAY,AAAe,YAAf,OAAOnB,MAAmBA,MAAMK,SAAS,MAAM,CAAC,OAAO;;0BAEnE,qCAACe,sCAAAA,YAAYA,EAAAA;gBAAC,WAAU;gBAAwB,eAAY;;YAC3DpB,OAAO,WAAPA,GAAO,qCAAC;0BAAMA;;;;IAGnB,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGI,KAAK;QACT,WAAWiB,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,gBACA,CAAC,cAAc,EAAEtB,MAAM,EACvBG,AAAY,QAAZA,YAAoB,yBACpBC;QAEF,aAAWL;kBAEVI,AAAY,QAAZA,WACC,AADkB,WAAP,GACX;;8BACE,qCAAC;oBACC,WAAU;oBACV,gBAAcY,WAAWQ;oBACxB,GAAGC,AAAAA,IAAAA,0BAAAA,UAAAA,AAAAA,EAAWT,QAAQ;8BAEtBZ;;gBAEFe,WACC,AADU,WAAXA,GACC,qCAAC;oBACC,KAAKF;oBACL,gBAAcD,WAAWQ;oBACzB,eAAa,CAACR,WAAWQ;oBACzB,WAAU;8BAETH;;;aAILF,UACF,AADY,WAAVA,GACF,qCAAC;YACC,KAAKF;YACL,gBAAcD,WAAWQ;YACzB,eAAa,CAACR,WAAWQ;YACzB,WAAU;sBAETH;aAED;;AAGV;AAEO,SAASK,QAAQC,QAAsB;IAC5C,MAAMrB,QAAQsB,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,WAAWD;IAC3C,OAAO,WAAP,GAAO,qCAAC5B,gBAAAA;QAAgB,GAAGO,KAAK;;AAClC"}

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

@@ -0,0 +1,49 @@
+"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__, {
+    LoadingBar: ()=>external_loadingbar_cjs_namespaceObject.LoadingBar,
+    LoadingBarProvider: ()=>external_loadingbar_cjs_namespaceObject.LoadingBarProvider,
+    useLoadingBar: ()=>external_loadingbar_cjs_namespaceObject.useLoadingBar
+});
+const external_loadingbar_cjs_namespaceObject = require("./loadingbar.cjs");
+exports.LoadingBar = __webpack_exports__.LoadingBar;
+exports.LoadingBarProvider = __webpack_exports__.LoadingBarProvider;
+exports.useLoadingBar = __webpack_exports__.useLoadingBar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "LoadingBar",
+    "LoadingBarProvider",
+    "useLoadingBar"
+].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/loadingbar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingbar/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/loadingbar/loadingbar.cjs

@@ -0,0 +1,217 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/loadingbar.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__, {
+    LoadingBar: ()=>LoadingBar,
+    LoadingBarControl: ()=>LoadingBarControl,
+    LoadingBarProvider: ()=>LoadingBarProvider,
+    LoadingBarScope: ()=>LoadingBarScope,
+    useLoadingBar: ()=>useLoadingBar
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+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 external_density_cjs_namespaceObject = require("../density.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const external_theme_cjs_namespaceObject = require("../theme.cjs");
+function LoadingBarControl({ active = false, progress, color, height = 3, position = 'top', className, style }) {
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const bar = (0, external_react_namespaceObject.useRef)(null);
+    const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
+    const [visible, setVisible] = (0, external_react_namespaceObject.useState)(active);
+    const normalized = void 0 === progress ? void 0 : Math.max(0, Math.min(100, Number.isFinite(progress) ? progress : 0));
+    const [amount, setAmount] = (0, external_react_namespaceObject.useState)(active ? normalized ?? 8 : 0);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (active) {
+            setVisible(true);
+            setAmount((current)=>normalized ?? (current >= 100 ? 8 : Math.max(8, current)));
+        } else if (visible) {
+            setAmount(100);
+            const duration = motion && bar.current ? (0, motion_cjs_namespaceObject.motionDuration)(bar.current, 1.2) : 0;
+            if (!duration) {
+                setVisible(false);
+                setAmount(0);
+                return;
+            }
+            const timer = setTimeout(()=>{
+                setVisible(false);
+                setAmount(0);
+            }, duration + 32);
+            return ()=>clearTimeout(timer);
+        }
+    }, [
+        active,
+        normalized,
+        visible,
+        motion
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!active || void 0 !== progress) return;
+        const timer = setInterval(()=>setAmount((current)=>Math.min(94, current + Math.max(0.4, (96 - current) * 0.07))), 350);
+        return ()=>clearInterval(timer);
+    }, [
+        active,
+        progress
+    ]);
+    if (!visible) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: bar,
+            className: (0, classes_cjs_namespaceObject.classes)('leaf-loading-bar', `leaf-loading-bar--${position}`, className),
+            role: "progressbar",
+            "aria-label": t('loadingBar.pageLoadingProgress'),
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": void 0 === progress && active ? void 0 : amount,
+            "data-complete": !active || void 0,
+            style: {
+                height,
+                ...style
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                style: {
+                    width: `${Math.max(0, Math.min(100, amount))}%`,
+                    background: color
+                }
+            })
+        })
+    });
+}
+const Context = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+function LoadingBarProvider({ children, ...props }) {
+    const inheritedConfig = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const pending = (0, external_react_namespaceObject.useRef)(new Set());
+    const [active, setActive] = (0, external_react_namespaceObject.useState)(false);
+    const [progress, setProgress] = (0, external_react_namespaceObject.useState)();
+    const [taskComponents, setTaskComponents] = (0, external_react_namespaceObject.useState)();
+    const [taskConfig, setTaskConfig] = (0, external_react_namespaceObject.useState)();
+    const api = (0, external_react_namespaceObject.useMemo)(()=>{
+        const finish = (key)=>{
+            const first = key ?? pending.current.values().next().value;
+            if (first) pending.current.delete(first);
+            if (!pending.current.size) setActive(false);
+        };
+        return {
+            start: (components, config)=>{
+                if (!pending.current.size) {
+                    setTaskComponents(components);
+                    setTaskConfig(config);
+                }
+                const key = Symbol();
+                pending.current.add(key);
+                setProgress(void 0);
+                setActive(true);
+                return ()=>finish(key);
+            },
+            finish: ()=>finish(),
+            set: (value)=>setProgress(Math.max(0, Math.min(100, value))),
+            reset: ()=>{
+                pending.current.clear();
+                setActive(false);
+                setProgress(void 0);
+            }
+        };
+    }, []);
+    const config = taskConfig ?? inheritedConfig;
+    const presentation = (0, component_defaults_cjs_namespaceObject.mergeComponentProps)(taskComponents?.LoadingBar, props);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Context.Provider, {
+        value: api,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_cjs_namespaceObject.ConfigContext.Provider, {
+                value: config,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    style: {
+                        display: 'contents',
+                        ...(0, external_density_cjs_namespaceObject.leafDensityVariables)(config.density),
+                        ...(0, external_theme_cjs_namespaceObject.leafThemeVariables)(config.theme)
+                    },
+                    dir: config.direction,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingBarControl, {
+                        ...presentation,
+                        active: active,
+                        progress: progress
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function LoadingBarScope({ children }) {
+    return (0, external_react_namespaceObject.useContext)(Context) ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingBarProvider, {
+        children: children
+    });
+}
+function useLoadingBar() {
+    const api = (0, external_react_namespaceObject.useContext)(Context);
+    const components = (0, external_react_namespaceObject.useContext)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext);
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const latest = (0, external_react_namespaceObject.useRef)(components);
+    latest.current = components;
+    const latestConfig = (0, external_react_namespaceObject.useRef)(config);
+    latestConfig.current = config;
+    const result = (0, external_react_namespaceObject.useMemo)(()=>api ? {
+            ...api,
+            start: ()=>api.start(latest.current, latestConfig.current)
+        } : null, [
+        api
+    ]);
+    if (!result) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');
+    return result;
+}
+function LoadingBar(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LoadingBar', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingBarControl, {
+        ...props
+    });
+}
+exports.LoadingBar = __webpack_exports__.LoadingBar;
+exports.LoadingBarControl = __webpack_exports__.LoadingBarControl;
+exports.LoadingBarProvider = __webpack_exports__.LoadingBarProvider;
+exports.LoadingBarScope = __webpack_exports__.LoadingBarScope;
+exports.useLoadingBar = __webpack_exports__.useLoadingBar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "LoadingBar",
+    "LoadingBarControl",
+    "LoadingBarProvider",
+    "LoadingBarScope",
+    "useLoadingBar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=loadingbar.cjs.map