kdpa-components 1.4.0 → 1.4.2

package/dist/KdpaDivider-efb3409f.js

@@ -1,261 +0,0 @@
-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-03e07987.js";
-import { s as x, u as T, c as I, a as W } from "./useThemeProps-d77fc01d.js";
-import { g as k } from "./dividerClasses-3e4bf0c4.js";
-const O = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], $ = (e) => {
-  const {
-    absolute: i,
-    children: r,
-    classes: l,
-    flexItem: c,
-    light: s,
-    orientation: a,
-    textAlign: n,
-    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"]
-  }, k, l);
-}, L = x("div", {
-  name: "MuiDivider",
-  slot: "Root",
-  overridesResolver: (e, i) => {
-    const {
-      ownerState: r
-    } = 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: e,
-  ownerState: i
-}) => o({
-  margin: 0,
-  // Reset browser default style.
-  flexShrink: 0,
-  borderWidth: 0,
-  borderStyle: "solid",
-  borderColor: (e.vars || e).palette.divider,
-  borderBottomWidth: "thin"
-}, i.absolute && {
-  position: "absolute",
-  bottom: 0,
-  left: 0,
-  width: "100%"
-}, i.light && {
-  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: e.spacing(2),
-  marginRight: e.spacing(2)
-}, i.variant === "middle" && i.orientation === "vertical" && {
-  marginTop: e.spacing(1),
-  marginBottom: e.spacing(1)
-}, i.orientation === "vertical" && {
-  height: "100%",
-  borderBottomWidth: 0,
-  borderRightWidth: "thin"
-}, i.flexItem && {
-  alignSelf: "stretch",
-  height: "auto"
-}), ({
-  ownerState: e
-}) => o({}, e.children && {
-  display: "flex",
-  whiteSpace: "nowrap",
-  textAlign: "center",
-  border: 0,
-  "&::before, &::after": {
-    content: '""',
-    alignSelf: "center"
-  }
-}), ({
-  theme: e,
-  ownerState: i
-}) => o({}, i.children && i.orientation !== "vertical" && {
-  "&::before, &::after": {
-    width: "100%",
-    borderTop: `thin solid ${(e.vars || e).palette.divider}`
-  }
-}), ({
-  theme: e,
-  ownerState: i
-}) => o({}, i.children && i.orientation === "vertical" && {
-  flexDirection: "column",
-  "&::before, &::after": {
-    height: "100%",
-    borderLeft: `thin solid ${(e.vars || e).palette.divider}`
-  }
-}), ({
-  ownerState: e
-}) => o({}, e.textAlign === "right" && e.orientation !== "vertical" && {
-  "&::before": {
-    width: "90%"
-  },
-  "&::after": {
-    width: "10%"
-  }
-}, e.textAlign === "left" && e.orientation !== "vertical" && {
-  "&::before": {
-    width: "10%"
-  },
-  "&::after": {
-    width: "90%"
-  }
-})), V = x("span", {
-  name: "MuiDivider",
-  slot: "Wrapper",
-  overridesResolver: (e, i) => {
-    const {
-      ownerState: r
-    } = e;
-    return [i.wrapper, r.orientation === "vertical" && i.wrapperVertical];
-  }
-})(({
-  theme: e,
-  ownerState: i
-}) => o({
-  display: "inline-block",
-  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${e.spacing(1)} * 1.2)`
-}, i.orientation === "vertical" && {
-  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: c = !1,
-    children: s,
-    className: a,
-    component: n = s ? "div" : "hr",
-    flexItem: d = !1,
-    light: f = !1,
-    orientation: D = "horizontal",
-    role: v = n !== "hr" ? "separator" : void 0,
-    textAlign: A = "center",
-    variant: N = "fullWidth"
-  } = l, R = j(l, O), p = o({}, l, {
-    absolute: c,
-    component: n,
-    flexItem: d,
-    light: f,
-    orientation: D,
-    role: v,
-    textAlign: A,
-    variant: N
-  }), h = $(p);
-  return /* @__PURE__ */ m.jsx(L, o({
-    as: n,
-    className: I(h.root, a),
-    role: v,
-    ref: r,
-    ownerState: p
-  }, R, {
-    children: s ? /* @__PURE__ */ m.jsx(V, {
-      className: h.wrapper,
-      ownerState: p,
-      children: s
-    }) : null
-  }));
-});
-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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Absolutely position the element.
-   * @default false
-   */
-  absolute: t.bool,
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  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: t.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   */
-  light: t.bool,
-  /**
-   * The component orientation.
-   * @default 'horizontal'
-   */
-  orientation: t.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  role: t.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * The text alignment.
-   * @default 'center'
-   */
-  textAlign: t.oneOf(["center", "left", "right"]),
-  /**
-   * The variant to use.
-   * @default 'fullWidth'
-   */
-  variant: t.oneOfType([t.oneOf(["fullWidth", "inset", "middle"]), t.string])
-});
-const u = b;
-function y({
-  gridActionsStyle: e = !1,
-  ...i
-}) {
-  return e ? /* @__PURE__ */ g.jsxDEV(
-    u,
-    {
-      orientation: "vertical",
-      variant: "middle",
-      flexItem: !0,
-      sx: {
-        height: "25px",
-        alignSelf: "center"
-      },
-      ...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 {
-  y as K
-};