@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/descriptions/descriptions.cjs

@@ -0,0 +1,102 @@
+"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__, {
+    Descriptions: ()=>Descriptions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+function Descriptions(rawProps) {
+    const { items, title, extra, columns = {
+        xs: 1,
+        md: 2,
+        lg: 3
+    }, layout = 'horizontal', bordered = false, size = 'md', className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)("Descriptions", rawProps);
+    const variables = {
+        ...style
+    };
+    if ('number' == typeof columns) variables["--leaf-descriptions-columns"] = Math.max(1, columns);
+    else {
+        let last = 1;
+        for (const point of [
+            'xs',
+            'sm',
+            'md',
+            'lg',
+            'xl'
+        ]){
+            last = columns[point] ?? last;
+            variables[`--leaf-descriptions-columns-${point}`] = Math.max(1, last);
+        }
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)("leaf-descriptions", `leaf-descriptions--${layout}`, `leaf-descriptions--${size}`, bordered && "leaf-descriptions--bordered", className),
+        style: variables,
+        children: [
+            (title || extra) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-descriptions__header",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                        children: title
+                    }),
+                    extra
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("dl", {
+                className: "leaf-descriptions__list",
+                children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "leaf-descriptions__item",
+                        style: {
+                            "--leaf-descriptions-span": Math.max(1, Math.trunc(item.span ?? 1))
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("dt", {
+                                children: item.label
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("dd", {
+                                children: item.children
+                            })
+                        ]
+                    }, item.key))
+            })
+        ]
+    });
+}
+exports.Descriptions = __webpack_exports__.Descriptions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Descriptions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=descriptions.cjs.map

package/dist/cjs/descriptions/descriptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions/descriptions.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/descriptions/descriptions.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, ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport type { GridBreakpoint } from '../grid/grid';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\nexport interface DescriptionItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  span?: number;\n}\nexport interface DescriptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  items: readonly DescriptionItem[];\n  title?: ReactNode;\n  extra?: ReactNode;\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  layout?: 'horizontal' | 'vertical';\n  bordered?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n}\nexport function Descriptions(rawProps: DescriptionsProps) {\n  const {\n    items,\n    title,\n    extra,\n    columns = { xs: 1, md: 2, lg: 3 },\n    layout = 'horizontal',\n    bordered = false,\n    size = 'md',\n    className,\n    style,\n    ...props\n  } = useComponentProps('Descriptions', rawProps);\n  const variables: LeafThemeStyle = { ...style };\n  if (typeof columns === 'number') variables['--leaf-descriptions-columns'] = Math.max(1, columns);\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-descriptions-columns-${point}`] = Math.max(1, last);\n    }\n  }\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-descriptions',\n        `leaf-descriptions--${layout}`,\n        `leaf-descriptions--${size}`,\n        bordered && 'leaf-descriptions--bordered',\n        className,\n      )}\n      style={variables}\n    >\n      {(title || extra) && (\n        <div className=\"leaf-descriptions__header\">\n          <h3>{title}</h3>\n          {extra}\n        </div>\n      )}\n      <dl className=\"leaf-descriptions__list\">\n        {items.map((item) => (\n          <div\n            key={item.key}\n            className=\"leaf-descriptions__item\"\n            style={\n              {\n                '--leaf-descriptions-span': Math.max(1, Math.trunc(item.span ?? 1)),\n              } as LeafThemeStyle\n            }\n          >\n            <dt>{item.label}</dt>\n            <dd>{item.children}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Descriptions","rawProps","items","title","extra","columns","layout","bordered","size","className","style","props","useComponentProps","variables","Math","last","point","classes","item"],"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;;;;;;;;;;ACcO,SAASI,aAAaC,QAA2B;IACtD,MAAM,EACJC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,UAAU;QAAE,IAAI;QAAG,IAAI;QAAG,IAAI;IAAE,CAAC,EACjCC,SAAS,YAAY,EACrBC,WAAW,KAAK,EAChBC,OAAO,IAAI,EACXC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,gBAAgBX;IACtC,MAAMY,YAA4B;QAAE,GAAGH,KAAK;IAAC;IAC7C,IAAI,AAAmB,YAAnB,OAAOL,SAAsBQ,SAAS,CAAC,8BAA8B,GAAGC,KAAK,GAAG,CAAC,GAAGT;SACnF;QACH,IAAIU,OAAO;QACX,KAAK,MAAMC,SAAS;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK,CAAW;YAC3DD,OAAOV,OAAO,CAACW,MAAM,IAAID;YACzBF,SAAS,CAAC,CAAC,4BAA4B,EAAEG,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAGC;QAClE;IACF;IACA,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGJ,KAAK;QACT,WAAWM,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,qBACA,CAAC,mBAAmB,EAAEX,QAAQ,EAC9B,CAAC,mBAAmB,EAAEE,MAAM,EAC5BD,YAAY,+BACZE;QAEF,OAAOI;;YAELV,CAAAA,SAASC,KAAI,KACb,AADa,cACb,sCAAC;gBAAI,WAAU;;kCACb,qCAAC;kCAAID;;oBACJC;;;0BAGL,qCAAC;gBAAG,WAAU;0BACXF,MAAM,GAAG,CAAC,CAACgB,OACV,AADUA,WAAAA,GACV,sCAAC;wBAEC,WAAU;wBACV,OACE;4BACE,4BAA4BJ,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACI,KAAK,IAAI,IAAI;wBAClE;;0CAGF,qCAAC;0CAAIA,KAAK,KAAK;;0CACf,qCAAC;0CAAIA,KAAK,QAAQ;;;uBATbA,KAAK,GAAG;;;;AAezB"}

package/dist/cjs/descriptions/descriptions.d.cts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { GridBreakpoint } from '../grid/grid.cjs';
+export interface DescriptionItem {
+    key: string;
+    label: ReactNode;
+    children: ReactNode;
+    span?: number;
+}
+export interface DescriptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    items: readonly DescriptionItem[];
+    title?: ReactNode;
+    extra?: ReactNode;
+    columns?: number | Partial<Record<GridBreakpoint, number>>;
+    layout?: 'horizontal' | 'vertical';
+    bordered?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function Descriptions(rawProps: DescriptionsProps): import("react").JSX.Element;
+//# sourceMappingURL=descriptions.d.cts.map

package/dist/cjs/descriptions/descriptions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.cts","sourceRoot":"","sources":["../../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AACD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,iBAAiB,+BA0DvD"}

package/dist/cjs/descriptions/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__, {
+    Descriptions: ()=>external_descriptions_cjs_namespaceObject.Descriptions
+});
+const external_descriptions_cjs_namespaceObject = require("./descriptions.cjs");
+exports.Descriptions = __webpack_exports__.Descriptions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Descriptions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/descriptions/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions/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/descriptions/index.d.cts

@@ -0,0 +1,3 @@
+export type { DescriptionItem, DescriptionsProps } from './descriptions.cjs';
+export { Descriptions } from './descriptions.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/descriptions/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/descriptions/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/cjs/divider/divider.cjs

@@ -0,0 +1,59 @@
+"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__, {
+    Divider: ()=>Divider
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+function Divider(rawProps) {
+    const { type = 'horizontal', align = 'center', dashed = false, children, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Divider', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        role: "separator",
+        "aria-orientation": type,
+        "aria-label": props['aria-label'] ?? ('string' == typeof children ? children : void 0),
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-divider', `leaf-divider--${type}`, `leaf-divider--${align}`, dashed && 'leaf-divider--dashed', null != children && 'leaf-divider--text', className),
+        children: 'horizontal' === type && null != children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "leaf-divider__text",
+            children: children
+        })
+    });
+}
+exports.Divider = __webpack_exports__.Divider;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Divider"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=divider.cjs.map

package/dist/cjs/divider/divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider/divider.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/divider/divider.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 } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  type?: 'horizontal' | 'vertical';\n  align?: 'start' | 'center' | 'end';\n  dashed?: boolean;\n}\nexport function Divider(rawProps: DividerProps) {\n  const {\n    type = 'horizontal',\n    align = 'center',\n    dashed = false,\n    children,\n    className,\n    ...props\n  } = useComponentProps('Divider', rawProps);\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: A labelled divider needs text children, which hr cannot contain.\n    <div\n      {...props}\n      role=\"separator\"\n      aria-orientation={type}\n      aria-label={props['aria-label'] ?? (typeof children === 'string' ? children : undefined)}\n      className={classes(\n        'leaf-divider',\n        `leaf-divider--${type}`,\n        `leaf-divider--${align}`,\n        dashed && 'leaf-divider--dashed',\n        children != null && 'leaf-divider--text',\n        className,\n      )}\n    >\n      {type === 'horizontal' && children != null && (\n        <span className=\"leaf-divider__text\">{children}</span>\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Divider","rawProps","type","align","dashed","children","className","props","useComponentProps","undefined","classes"],"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;;;;;;;;;;ACGO,SAASI,QAAQC,QAAsB;IAC5C,MAAM,EACJC,OAAO,YAAY,EACnBC,QAAQ,QAAQ,EAChBC,SAAS,KAAK,EACdC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,WAAWP;IACjC,OAEE,mDAAC;QACE,GAAGM,KAAK;QACT,MAAK;QACL,oBAAkBL;QAClB,cAAYK,KAAK,CAAC,aAAa,IAAK,CAAoB,YAApB,OAAOF,WAAwBA,WAAWI,MAAQ;QACtF,WAAWC,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,gBACA,CAAC,cAAc,EAAER,MAAM,EACvB,CAAC,cAAc,EAAEC,OAAO,EACxBC,UAAU,wBACVC,AAAY,QAAZA,YAAoB,sBACpBC;kBAGDJ,AAAS,iBAATA,QAAyBG,AAAY,QAAZA,YACxB,AAD4C,WAAR,GACpC,qCAAC;YAAK,WAAU;sBAAsBA;;;AAI9C"}

package/dist/cjs/divider/divider.d.cts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    type?: 'horizontal' | 'vertical';
+    align?: 'start' | 'center' | 'end';
+    dashed?: boolean;
+}
+export declare function Divider(rawProps: DividerProps): import("react").JSX.Element;
+//# sourceMappingURL=divider.d.cts.map

package/dist/cjs/divider/divider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.cts","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BA8B7C"}

package/dist/cjs/divider/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__, {
+    Divider: ()=>external_divider_cjs_namespaceObject.Divider
+});
+const external_divider_cjs_namespaceObject = require("./divider.cjs");
+exports.Divider = __webpack_exports__.Divider;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Divider"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/divider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider/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/divider/index.d.cts

@@ -0,0 +1,3 @@
+export type { DividerProps } from './divider.cjs';
+export { Divider } from './divider.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/divider/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/cjs/drawer/drawer.cjs

@@ -0,0 +1,278 @@
+"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__, {
+    Drawer: ()=>Drawer
+});
+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 dialog_cjs_namespaceObject = require("../shared/dialog.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const overlay_owner_cjs_namespaceObject = require("../shared/overlay-owner.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
+function DrawerSurface({ open, title, description, icon, divided = true, footer, extra, placement = 'right', width = 380, height = 300, closable = true, maskClosable = true, keyboard = true, onClose, afterClose, forceRender = false, destroyOnClose = false, preserve, initialFocus, returnFocus, container: _container, push = false, resizable = false, minSize = 240, maxSize = 900, onResize, children, className, style, ...props }) {
+    const { messages, maskBlur } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const id = (0, external_react_namespaceObject.useId)();
+    const panel = (0, external_react_namespaceObject.useRef)(null);
+    const backdrop = (0, external_react_namespaceObject.useRef)(null);
+    const content = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(open, backdrop);
+    const contentRevision = (0, external_react_namespaceObject.useRef)({
+        children,
+        revision: 0
+    });
+    if (children !== contentRevision.current.children) contentRevision.current = {
+        children,
+        revision: contentRevision.current.revision + 1
+    };
+    (0, presence_cjs_namespaceObject.useContentTransition)(content, `${open}:${contentRevision.current.revision}`, 0, true);
+    const owner = (0, external_react_namespaceObject.useContext)(overlay_owner_cjs_namespaceObject.OverlayOwner);
+    const [resized, setResized] = (0, external_react_namespaceObject.useState)();
+    const stopDragging = (0, external_react_namespaceObject.useRef)(void 0);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>stopDragging.current?.(), []);
+    const horizontal = 'left' === placement || 'right' === placement;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setResized(void 0);
+    }, [
+        width,
+        height
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!open || !push || !owner) return;
+        const parent = document.getElementById(owner);
+        if (!parent) return;
+        const previous = parent.style.transform;
+        const distance = 'number' == typeof push ? push : 40;
+        parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${'right' === placement || 'bottom' === placement ? -distance : distance}px)`;
+        return ()=>{
+            parent.style.transform = previous;
+        };
+    }, [
+        open,
+        push,
+        owner,
+        placement,
+        horizontal
+    ]);
+    const previous = (0, external_react_namespaceObject.useRef)(false);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (previous.current && !present) afterClose?.();
+        previous.current = present;
+    }, [
+        present,
+        afterClose
+    ]);
+    (0, dialog_cjs_namespaceObject.useDialog)(open, panel, id, ()=>onClose?.(), keyboard, {
+        initialFocus,
+        returnFocus
+    });
+    const visited = (0, external_react_namespaceObject.useRef)(false);
+    if (open) visited.current = true;
+    if (!present && !forceRender && ((void 0 === preserve ? destroyOnClose : !preserve) || !visited.current)) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        hidden: !present,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-drawer-mask', `leaf-drawer-mask--${placement}`),
+        "data-blur": maskBlur ? void 0 : 'off',
+        "data-state": open ? 'open' : 'closing',
+        "aria-hidden": !open || void 0,
+        ...(0, inert_cjs_namespaceObject.inertProps)(!open),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                ref: backdrop,
+                type: "button",
+                tabIndex: -1,
+                className: "leaf-drawer-backdrop",
+                "aria-label": messages.common.close,
+                onClick: ()=>{
+                    if (maskClosable) onClose?.();
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                ...props,
+                ref: panel,
+                id: props.id ?? id,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": null != title ? `${id}-title` : props['aria-labelledby'],
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    null != description && `${id}-description`
+                ].filter(Boolean).join(' ') || void 0,
+                tabIndex: -1,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-drawer', divided && 'leaf-drawer--divided', className),
+                style: {
+                    ...horizontal ? {
+                        width: resized ?? width,
+                        height: '100%'
+                    } : {
+                        height: resized ?? height,
+                        width: '100%'
+                    },
+                    ...style
+                },
+                children: [
+                    resizable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        role: "separator",
+                        tabIndex: 0,
+                        "aria-label": messages.tree.expand,
+                        "aria-orientation": horizontal ? 'vertical' : 'horizontal',
+                        "aria-valuemin": minSize,
+                        "aria-valuemax": maxSize,
+                        "aria-valuenow": resized ?? ('number' == typeof (horizontal ? width : height) ? Number(horizontal ? width : height) : void 0),
+                        className: "leaf-drawer__resize",
+                        onPointerDown: (event)=>{
+                            if (!panel.current) return;
+                            stopDragging.current?.();
+                            event.preventDefault();
+                            event.currentTarget.setPointerCapture(event.pointerId);
+                            const start = horizontal ? event.clientX : event.clientY;
+                            const bounds = panel.current.getBoundingClientRect();
+                            const size = horizontal ? bounds.width : bounds.height;
+                            const update = (event)=>{
+                                const next = Math.min(maxSize, Math.max(minSize, size + ((horizontal ? event.clientX : event.clientY) - start) * ('right' === placement || 'bottom' === placement ? -1 : 1)));
+                                setResized(next);
+                                onResize?.(next);
+                            };
+                            const end = ()=>{
+                                window.removeEventListener('pointermove', update);
+                                window.removeEventListener('pointerup', end);
+                                window.removeEventListener('pointercancel', end);
+                            };
+                            stopDragging.current = end;
+                            window.addEventListener('pointermove', update);
+                            window.addEventListener('pointerup', end, {
+                                once: true
+                            });
+                            window.addEventListener('pointercancel', end, {
+                                once: true
+                            });
+                        },
+                        onKeyDown: (event)=>{
+                            if (!panel.current) return;
+                            if (![
+                                'ArrowLeft',
+                                'ArrowRight',
+                                'ArrowUp',
+                                'ArrowDown'
+                            ].includes(event.key)) return;
+                            event.preventDefault();
+                            const bounds = panel.current.getBoundingClientRect();
+                            const size = horizontal ? bounds.width : bounds.height;
+                            const next = Math.min(maxSize, Math.max(minSize, size + ([
+                                'ArrowRight',
+                                'ArrowDown'
+                            ].includes(event.key) ? 10 : -10) * ('right' === placement || 'bottom' === placement ? -1 : 1)));
+                            setResized(next);
+                            onResize?.(next);
+                        }
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(overlay_owner_cjs_namespaceObject.OverlayOwner.Provider, {
+                        value: id,
+                        children: [
+                            (null != title || null != description || null != icon || closable || extra) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: (0, classes_cjs_namespaceObject.classes)('leaf-drawer__header', null == title && null == description && null == icon && 'leaf-drawer__header--compact'),
+                                children: [
+                                    null != icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "leaf-drawer__icon",
+                                        "aria-hidden": "true",
+                                        children: icon
+                                    }),
+                                    (null != title || null != description) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                        className: "leaf-drawer__heading",
+                                        children: [
+                                            null != title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
+                                                id: `${id}-title`,
+                                                children: title
+                                            }),
+                                            null != description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                id: `${id}-description`,
+                                                className: "leaf-drawer__description",
+                                                children: description
+                                            })
+                                        ]
+                                    }),
+                                    extra && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: "leaf-drawer__extra",
+                                        children: extra
+                                    }),
+                                    closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                        type: "button",
+                                        className: "leaf-modal__close",
+                                        "aria-label": messages.common.close,
+                                        onClick: onClose,
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                            size: 18,
+                                            "aria-hidden": "true"
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "leaf-drawer__body",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    ref: content,
+                                    className: "leaf-drawer__content",
+                                    children: children
+                                })
+                            }),
+                            null != footer && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "leaf-drawer__footer",
+                                children: footer
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Drawer(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Drawer', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        container: props.container,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DrawerSurface, {
+            ...props
+        })
+    });
+}
+exports.Drawer = __webpack_exports__.Drawer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Drawer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=drawer.cjs.map