kdpa-components 1.0.0 → 1.2.0

package/dist/{KdpaDivider-10de74db.js → KdpaDivider-1c62c65a.js}

@@ -1,36 +1,35 @@
-import { j as c } from "./jsx-runtime-944c88e2.js";
-import { _ as o, a as w } from "./extends-393586f3.js";
-import * as j from "react";
-import { P as e } from "./index-f4329b29.js";
-import { s as x, u as C, c as T, a as I } from "./useThemeProps-114e8d66.js";
-import { g as W } from "./dividerClasses-6f4cb6be.js";
-import { a as O } from "./identifier-5cabf5ae.js";
-const $ = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], L = (t) => {
+import { j as g } from "./jsx-dev-runtime-48fdc504.js";
+import { a as o, _ as j } from "./extends-135d7828.js";
+import * as w from "react";
+import { a as C, j as m, P as t } from "./identifier-2647f844.js";
+import { s as x, u as T, c as I, a as W } from "./useThemeProps-ea792506.js";
+import { g as k } from "./dividerClasses-a9b8b1ae.js";
+const O = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], $ = (e) => {
   const {
     absolute: i,
     children: r,
     classes: l,
-    flexItem: d,
+    flexItem: c,
     light: s,
     orientation: a,
     textAlign: n,
-    variant: p
-  } = t;
-  return I({
-    root: ["root", i && "absolute", p, s && "light", a === "vertical" && "vertical", d && "flexItem", r && "withChildren", r && a === "vertical" && "withChildrenVertical", n === "right" && a !== "vertical" && "textAlignRight", n === "left" && a !== "vertical" && "textAlignLeft"],
+    variant: d
+  } = e;
+  return W({
+    root: ["root", i && "absolute", d, s && "light", a === "vertical" && "vertical", c && "flexItem", r && "withChildren", r && a === "vertical" && "withChildrenVertical", n === "right" && a !== "vertical" && "textAlignRight", n === "left" && a !== "vertical" && "textAlignLeft"],
     wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
-  }, W, l);
-}, N = x("div", {
+  }, k, l);
+}, L = x("div", {
   name: "MuiDivider",
   slot: "Root",
-  overridesResolver: (t, i) => {
+  overridesResolver: (e, i) => {
     const {
       ownerState: r
-    } = t;
+    } = e;
     return [i.root, r.absolute && i.absolute, i[r.variant], r.light && i.light, r.orientation === "vertical" && i.vertical, r.flexItem && i.flexItem, r.children && i.withChildren, r.children && r.orientation === "vertical" && i.withChildrenVertical, r.textAlign === "right" && r.orientation !== "vertical" && i.textAlignRight, r.textAlign === "left" && r.orientation !== "vertical" && i.textAlignLeft];
   }
 })(({
-  theme: t,
+  theme: e,
   ownerState: i
 }) => o({
   margin: 0,
@@ -38,7 +37,7 @@ const $ = ["absolute", "children", "className", "component", "flexItem", "light"
   flexShrink: 0,
   borderWidth: 0,
   borderStyle: "solid",
-  borderColor: (t.vars || t).palette.divider,
+  borderColor: (e.vars || e).palette.divider,
   borderBottomWidth: "thin"
 }, i.absolute && {
   position: "absolute",
@@ -46,15 +45,15 @@ const $ = ["absolute", "children", "className", "component", "flexItem", "light"
   left: 0,
   width: "100%"
 }, i.light && {
-  borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : O(t.palette.divider, 0.08)
+  borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : C(e.palette.divider, 0.08)
 }, i.variant === "inset" && {
   marginLeft: 72
 }, i.variant === "middle" && i.orientation === "horizontal" && {
-  marginLeft: t.spacing(2),
-  marginRight: t.spacing(2)
+  marginLeft: e.spacing(2),
+  marginRight: e.spacing(2)
 }, i.variant === "middle" && i.orientation === "vertical" && {
-  marginTop: t.spacing(1),
-  marginBottom: t.spacing(1)
+  marginTop: e.spacing(1),
+  marginBottom: e.spacing(1)
 }, i.orientation === "vertical" && {
   height: "100%",
   borderBottomWidth: 0,
@@ -63,8 +62,8 @@ const $ = ["absolute", "children", "className", "component", "flexItem", "light"
   alignSelf: "stretch",
   height: "auto"
 }), ({
-  ownerState: t
-}) => o({}, t.children && {
+  ownerState: e
+}) => o({}, e.children && {
   display: "flex",
   whiteSpace: "nowrap",
   textAlign: "center",
@@ -74,32 +73,32 @@ const $ = ["absolute", "children", "className", "component", "flexItem", "light"
     alignSelf: "center"
   }
 }), ({
-  theme: t,
+  theme: e,
   ownerState: i
 }) => o({}, i.children && i.orientation !== "vertical" && {
   "&::before, &::after": {
     width: "100%",
-    borderTop: `thin solid ${(t.vars || t).palette.divider}`
+    borderTop: `thin solid ${(e.vars || e).palette.divider}`
   }
 }), ({
-  theme: t,
+  theme: e,
   ownerState: i
 }) => o({}, i.children && i.orientation === "vertical" && {
   flexDirection: "column",
   "&::before, &::after": {
     height: "100%",
-    borderLeft: `thin solid ${(t.vars || t).palette.divider}`
+    borderLeft: `thin solid ${(e.vars || e).palette.divider}`
   }
 }), ({
-  ownerState: t
-}) => o({}, t.textAlign === "right" && t.orientation !== "vertical" && {
+  ownerState: e
+}) => o({}, e.textAlign === "right" && e.orientation !== "vertical" && {
   "&::before": {
     width: "90%"
   },
   "&::after": {
     width: "10%"
   }
-}, t.textAlign === "left" && t.orientation !== "vertical" && {
+}, e.textAlign === "left" && e.orientation !== "vertical" && {
   "&::before": {
     width: "10%"
   },
@@ -109,62 +108,62 @@ const $ = ["absolute", "children", "className", "component", "flexItem", "light"
 })), V = x("span", {
   name: "MuiDivider",
   slot: "Wrapper",
-  overridesResolver: (t, i) => {
+  overridesResolver: (e, i) => {
     const {
       ownerState: r
-    } = t;
+    } = e;
     return [i.wrapper, r.orientation === "vertical" && i.wrapperVertical];
   }
 })(({
-  theme: t,
+  theme: e,
   ownerState: i
 }) => o({
   display: "inline-block",
-  paddingLeft: `calc(${t.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${t.spacing(1)} * 1.2)`
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`
 }, i.orientation === "vertical" && {
-  paddingTop: `calc(${t.spacing(1)} * 1.2)`,
-  paddingBottom: `calc(${t.spacing(1)} * 1.2)`
-})), u = /* @__PURE__ */ j.forwardRef(function(i, r) {
-  const l = C({
+  paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+})), b = /* @__PURE__ */ w.forwardRef(function(i, r) {
+  const l = T({
     props: i,
     name: "MuiDivider"
   }), {
-    absolute: d = !1,
+    absolute: c = !1,
     children: s,
     className: a,
     component: n = s ? "div" : "hr",
-    flexItem: p = !1,
-    light: g = !1,
-    orientation: b = "horizontal",
-    role: h = n !== "hr" ? "separator" : void 0,
+    flexItem: d = !1,
+    light: f = !1,
+    orientation: D = "horizontal",
+    role: v = n !== "hr" ? "separator" : void 0,
     textAlign: A = "center",
-    variant: D = "fullWidth"
-  } = l, R = w(l, $), f = o({}, l, {
-    absolute: d,
+    variant: N = "fullWidth"
+  } = l, R = j(l, O), p = o({}, l, {
+    absolute: c,
     component: n,
-    flexItem: p,
-    light: g,
-    orientation: b,
-    role: h,
+    flexItem: d,
+    light: f,
+    orientation: D,
+    role: v,
     textAlign: A,
-    variant: D
-  }), v = L(f);
-  return /* @__PURE__ */ c.jsx(N, o({
+    variant: N
+  }), h = $(p);
+  return /* @__PURE__ */ m.jsx(L, o({
     as: n,
-    className: T(v.root, a),
-    role: h,
+    className: I(h.root, a),
+    role: v,
     ref: r,
-    ownerState: f
+    ownerState: p
   }, R, {
-    children: s ? /* @__PURE__ */ c.jsx(V, {
-      className: v.wrapper,
-      ownerState: f,
+    children: s ? /* @__PURE__ */ m.jsx(V, {
+      className: h.wrapper,
+      ownerState: p,
       children: s
     }) : null
   }));
 });
-process.env.NODE_ENV !== "production" && (u.propTypes = {
+process.env.NODE_ENV !== "production" && (b.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -173,66 +172,66 @@ process.env.NODE_ENV !== "production" && (u.propTypes = {
    * Absolutely position the element.
    * @default false
    */
-  absolute: e.bool,
+  absolute: t.bool,
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: t.elementType,
   /**
    * If `true`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
-  flexItem: e.bool,
+  flexItem: t.bool,
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    */
-  light: e.bool,
+  light: t.bool,
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation: e.oneOf(["horizontal", "vertical"]),
+  orientation: t.oneOf(["horizontal", "vertical"]),
   /**
    * @ignore
    */
-  role: e.string,
+  role: t.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The text alignment.
    * @default 'center'
    */
-  textAlign: e.oneOf(["center", "left", "right"]),
+  textAlign: t.oneOf(["center", "left", "right"]),
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant: e.oneOfType([e.oneOf(["fullWidth", "inset", "middle"]), e.string])
+  variant: t.oneOfType([t.oneOf(["fullWidth", "inset", "middle"]), t.string])
 });
-const m = u;
-function M({
-  gridActionsStyle: t = !1,
+const u = b;
+function y({
+  gridActionsStyle: e = !1,
   ...i
 }) {
-  return t ? /* @__PURE__ */ c.jsx(
-    m,
+  return e ? /* @__PURE__ */ g.jsxDEV(
+    u,
     {
       orientation: "vertical",
       variant: "middle",
@@ -242,9 +241,21 @@ function M({
         alignSelf: "center"
       },
       ...i
-    }
-  ) : /* @__PURE__ */ c.jsx(m, { ...i });
+    },
+    void 0,
+    !1,
+    {
+      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Divider/KdpaDivider.tsx",
+      lineNumber: 15,
+      columnNumber: 7
+    },
+    this
+  ) : /* @__PURE__ */ g.jsxDEV(u, { ...i }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Divider/KdpaDivider.tsx",
+    lineNumber: 26,
+    columnNumber: 15
+  }, this);
 }
 export {
-  M as K
+  y as K
 };