primereact 10.3.3 → 10.5.0

package/dataview/dataview.d.ts

@@ -336,13 +336,13 @@ export interface DataViewProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @param {*} item - Current item.
      * @param {'list' | 'grid' | (string & Record<string, unknown>)} layout - Current layout.
      */
-    itemTemplate?(item: any, layout: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode;
+    itemTemplate?(item: any, layout?: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode | undefined;
     /**
      * Function that gets the options along with the layout mode and returns the content.
      * @param {*} item - Current item.
      * @param {'list' | 'grid' | (string & Record<string, unknown>)} layout - Current layout.
      */
-    listTemplate?(items: any[], layout: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode[];
+    listTemplate?(items: any[], layout?: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode[] | undefined;
     /**
      * Used to get the child elements of the component.
      * @readonly

package/divider/divider.cjs.js

@@ -99,10 +99,10 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var rootProps = mergeProps({
     ref: elementRef,
     style: sx('root'),
-    className: cx('root', {
+    className: utils.classNames(props.className, cx('root', {
       horizontal: horizontal,
       vertical: vertical
-    }),
+    })),
     'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));

package/divider/divider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),i=require("primereact/hooks"),r=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=o(e),d=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return r.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),a=l.forwardRef((function(e,r){var o=i.useMergeProps(),a=l.useContext(n.PrimeReactContext),s=d.getProps(e,a),p=d.setMetaData({props:s}),c=p.ptm,v=p.cx,u=p.sx;t.useHandleStyle(d.css.styles,p.isUnstyled,{name:"divider"});var f=l.useRef(null),y="horizontal"===s.layout,g="vertical"===s.layout;l.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return f.current}}}));var m=o({ref:f,style:u("root"),className:v("root",{horizontal:y,vertical:g}),"aria-orientation":s.layout,role:"separator"},d.getOtherProps(s),c("root")),h=o({className:v("content")},c("content"));return l.createElement("div",m,l.createElement("div",h,s.children))}));a.displayName="Divider",exports.Divider=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),i=require("primereact/hooks"),r=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=o(e),d=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return r.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),a=l.forwardRef((function(e,o){var a=i.useMergeProps(),s=l.useContext(n.PrimeReactContext),p=d.getProps(e,s),c=d.setMetaData({props:p}),v=c.ptm,u=c.cx,f=c.sx;t.useHandleStyle(d.css.styles,c.isUnstyled,{name:"divider"});var y=l.useRef(null),g="horizontal"===p.layout,m="vertical"===p.layout;l.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return y.current}}}));var h=a({ref:y,style:f("root"),className:r.classNames(p.className,u("root",{horizontal:g,vertical:m})),"aria-orientation":p.layout,role:"separator"},d.getOtherProps(p),v("root")),b=a({className:u("content")},v("content"));return l.createElement("div",h,l.createElement("div",b,p.children))}));a.displayName="Divider",exports.Divider=a;

package/divider/divider.esm.js

@@ -75,10 +75,10 @@ var Divider = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var rootProps = mergeProps({
     ref: elementRef,
     style: sx('root'),
-    className: cx('root', {
+    className: classNames(props.className, cx('root', {
       horizontal: horizontal,
       vertical: vertical
-    }),
+    })),
     'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));

package/divider/divider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as r}from"primereact/hooks";import{classNames as o}from"primereact/utils";var l=t.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return o("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(t,o){var d=r(),a=e.useContext(n),p=l.getProps(t,a),s=l.setMetaData({props:p}),c=s.ptm,v=s.cx,f=s.sx;i(l.css.styles,s.isUnstyled,{name:"divider"});var m=e.useRef(null),u="horizontal"===p.layout,g="vertical"===p.layout;e.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return m.current}}}));var h=d({ref:m,style:f("root"),className:v("root",{horizontal:u,vertical:g}),"aria-orientation":p.layout,role:"separator"},l.getOtherProps(p),c("root")),y=d({className:v("content")},c("content"));return e.createElement("div",h,e.createElement("div",y,p.children))}));d.displayName="Divider";export{d as Divider};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as r}from"primereact/hooks";import{classNames as o}from"primereact/utils";var l=t.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return o("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(t,d){var a=r(),p=e.useContext(n),s=l.getProps(t,p),c=l.setMetaData({props:s}),v=c.ptm,f=c.cx,m=c.sx;i(l.css.styles,c.isUnstyled,{name:"divider"});var u=e.useRef(null),g="horizontal"===s.layout,h="vertical"===s.layout;e.useImperativeHandle(d,(function(){return{props:s,getElement:function(){return u.current}}}));var y=a({ref:u,style:m("root"),className:o(s.className,f("root",{horizontal:g,vertical:h})),"aria-orientation":s.layout,role:"separator"},l.getOtherProps(s),v("root")),b=a({className:f("content")},v("content"));return e.createElement("div",y,e.createElement("div",b,s.children))}));d.displayName="Divider";export{d as Divider};

package/divider/divider.js

@@ -92,10 +92,10 @@ this.primereact.divider = (function (exports, React, api, componentbase, hooks,
       var rootProps = mergeProps({
         ref: elementRef,
         style: sx('root'),
-        className: cx('root', {
+        className: utils.classNames(props.className, cx('root', {
           horizontal: horizontal,
           vertical: vertical
-        }),
+        })),
         'aria-orientation': props.layout,
         role: 'separator'
       }, DividerBase.getOtherProps(props), ptm('root'));

package/divider/divider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.divider=function(e,n,t,i,r,o){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=l(n),a=i.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return o.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),s=d.forwardRef((function(e,n){var o=r.useMergeProps(),l=d.useContext(t.PrimeReactContext),s=a.getProps(e,l),p=a.setMetaData({props:s}),c=p.ptm,v=p.cx,u=p.sx;i.useHandleStyle(a.css.styles,p.isUnstyled,{name:"divider"});var f=d.useRef(null),m="horizontal"===s.layout,y="vertical"===s.layout;d.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return f.current}}}));var g=o({ref:f,style:u("root"),className:v("root",{horizontal:m,vertical:y}),"aria-orientation":s.layout,role:"separator"},a.getOtherProps(s),c("root")),h=o({className:v("content")},c("content"));return d.createElement("div",g,d.createElement("div",h,s.children))}));return s.displayName="Divider",e.Divider=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.divider=function(e,n,t,i,r,o){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=l(n),a=i.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return o.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),s=d.forwardRef((function(e,n){var l=r.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=a.getProps(e,s),c=a.setMetaData({props:p}),v=c.ptm,u=c.cx,f=c.sx;i.useHandleStyle(a.css.styles,c.isUnstyled,{name:"divider"});var m=d.useRef(null),y="horizontal"===p.layout,g="vertical"===p.layout;d.useImperativeHandle(n,(function(){return{props:p,getElement:function(){return m.current}}}));var h=l({ref:m,style:f("root"),className:o.classNames(p.className,u("root",{horizontal:y,vertical:g})),"aria-orientation":p.layout,role:"separator"},a.getOtherProps(p),v("root")),b=l({className:u("content")},v("content"));return d.createElement("div",h,d.createElement("div",b,p.children))}));return s.displayName="Divider",e.Divider=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);