kdpa-components 1.3.0 → 1.4.1

package/dist/KdpaSwitch-2a0fc227.js

@@ -1,320 +0,0 @@
-import { j as $ } from "./jsx-dev-runtime-48fdc504.js";
-import * as y from "react";
-import x from "react";
-import { a as r, _ as S } from "./extends-135d7828.js";
-import { g as C, c as i, a as m, l as R, d as j, j as d, P as a } from "./identifier-4b679058.js";
-import { g as z, s as p, u as T, c as O, a as N } from "./useThemeProps-8045630a.js";
-import { S as B } from "./SwitchBase-01abc36d.js";
-import { r as M } from "./refType-c6eb9d17.js";
-function D(o) {
-  return C("MuiSwitch", o);
-}
-const P = z("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), e = P, _ = ["className", "color", "edge", "size", "sx"], E = (o) => {
-  const {
-    classes: t,
-    edge: s,
-    size: c,
-    color: u,
-    checked: h,
-    disabled: g
-  } = o, b = {
-    root: ["root", s && `edge${i(s)}`, `size${i(c)}`],
-    switchBase: ["switchBase", `color${i(u)}`, h && "checked", g && "disabled"],
-    thumb: ["thumb"],
-    track: ["track"],
-    input: ["input"]
-  }, f = N(b, D, t);
-  return r({}, t, f);
-}, I = p("span", {
-  name: "MuiSwitch",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.edge && t[`edge${i(s.edge)}`], t[`size${i(s.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => r({
-  display: "inline-flex",
-  width: 34 + 12 * 2,
-  height: 14 + 12 * 2,
-  overflow: "hidden",
-  padding: 12,
-  boxSizing: "border-box",
-  position: "relative",
-  flexShrink: 0,
-  zIndex: 0,
-  // Reset the stacking context.
-  verticalAlign: "middle",
-  // For correct alignment with the text.
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}, o.edge === "start" && {
-  marginLeft: -8
-}, o.edge === "end" && {
-  marginRight: -8
-}, o.size === "small" && {
-  width: 40,
-  height: 24,
-  padding: 7,
-  [`& .${e.thumb}`]: {
-    width: 16,
-    height: 16
-  },
-  [`& .${e.switchBase}`]: {
-    padding: 4,
-    [`&.${e.checked}`]: {
-      transform: "translateX(16px)"
-    }
-  }
-})), U = p(B, {
-  name: "MuiSwitch",
-  slot: "SwitchBase",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.switchBase, {
-      [`& .${e.input}`]: t.input
-    }, s.color !== "default" && t[`color${i(s.color)}`]];
-  }
-})(({
-  theme: o
-}) => ({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  zIndex: 1,
-  // Render above the focus ripple.
-  color: o.vars ? o.vars.palette.Switch.defaultColor : `${o.palette.mode === "light" ? o.palette.common.white : o.palette.grey[300]}`,
-  transition: o.transitions.create(["left", "transform"], {
-    duration: o.transitions.duration.shortest
-  }),
-  [`&.${e.checked}`]: {
-    transform: "translateX(20px)"
-  },
-  [`&.${e.disabled}`]: {
-    color: o.vars ? o.vars.palette.Switch.defaultDisabledColor : `${o.palette.mode === "light" ? o.palette.grey[100] : o.palette.grey[600]}`
-  },
-  [`&.${e.checked} + .${e.track}`]: {
-    opacity: 0.5
-  },
-  [`&.${e.disabled} + .${e.track}`]: {
-    opacity: o.vars ? o.vars.opacity.switchTrackDisabled : `${o.palette.mode === "light" ? 0.12 : 0.2}`
-  },
-  [`& .${e.input}`]: {
-    left: "-100%",
-    width: "300%"
-  }
-}), ({
-  theme: o,
-  ownerState: t
-}) => r({
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : m(o.palette.action.active, o.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  }
-}, t.color !== "default" && {
-  [`&.${e.checked}`]: {
-    color: (o.vars || o).palette[t.color].main,
-    "&:hover": {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[t.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : m(o.palette[t.color].main, o.palette.action.hoverOpacity),
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    },
-    [`&.${e.disabled}`]: {
-      color: o.vars ? o.vars.palette.Switch[`${t.color}DisabledColor`] : `${o.palette.mode === "light" ? R(o.palette[t.color].main, 0.62) : j(o.palette[t.color].main, 0.55)}`
-    }
-  },
-  [`&.${e.checked} + .${e.track}`]: {
-    backgroundColor: (o.vars || o).palette[t.color].main
-  }
-})), K = p("span", {
-  name: "MuiSwitch",
-  slot: "Track",
-  overridesResolver: (o, t) => t.track
-})(({
-  theme: o
-}) => ({
-  height: "100%",
-  width: "100%",
-  borderRadius: 14 / 2,
-  zIndex: -1,
-  transition: o.transitions.create(["opacity", "background-color"], {
-    duration: o.transitions.duration.shortest
-  }),
-  backgroundColor: o.vars ? o.vars.palette.common.onBackground : `${o.palette.mode === "light" ? o.palette.common.black : o.palette.common.white}`,
-  opacity: o.vars ? o.vars.opacity.switchTrack : `${o.palette.mode === "light" ? 0.38 : 0.3}`
-})), A = p("span", {
-  name: "MuiSwitch",
-  slot: "Thumb",
-  overridesResolver: (o, t) => t.thumb
-})(({
-  theme: o
-}) => ({
-  boxShadow: (o.vars || o).shadows[1],
-  backgroundColor: "currentColor",
-  width: 20,
-  height: 20,
-  borderRadius: "50%"
-})), w = /* @__PURE__ */ y.forwardRef(function(t, s) {
-  const c = T({
-    props: t,
-    name: "MuiSwitch"
-  }), {
-    className: u,
-    color: h = "primary",
-    edge: g = !1,
-    size: b = "medium",
-    sx: f
-  } = c, k = S(c, _), n = r({}, c, {
-    color: h,
-    edge: g,
-    size: b
-  }), l = E(n), v = /* @__PURE__ */ d.jsx(A, {
-    className: l.thumb,
-    ownerState: n
-  });
-  return /* @__PURE__ */ d.jsxs(I, {
-    className: O(l.root, u),
-    sx: f,
-    ownerState: n,
-    children: [/* @__PURE__ */ d.jsx(U, r({
-      type: "checkbox",
-      icon: v,
-      checkedIcon: v,
-      ref: s,
-      ownerState: n
-    }, k, {
-      classes: r({}, l, {
-        root: l.switchBase
-      })
-    })), /* @__PURE__ */ d.jsx(K, {
-      className: l.track,
-      ownerState: n
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (w.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: a.bool,
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: a.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: a.object,
-  /**
-   * @ignore
-   */
-  className: a.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-   * @default 'primary'
-   */
-  color: a.oneOfType([a.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), a.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: a.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: a.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: a.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: a.oneOf(["end", "start", !1]),
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: a.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: a.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: a.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: M,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: a.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: a.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense switch styling.
-   * @default 'medium'
-   */
-  size: a.oneOfType([a.oneOf(["medium", "small"]), a.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: a.any
-});
-const L = w, J = x.forwardRef(
-  (o, t) => /* @__PURE__ */ $.jsxDEV(
-    L,
-    {
-      color: "primary",
-      inputRef: t,
-      inputProps: { "aria-label": "primary checkbox" },
-      ...o
-    },
-    void 0,
-    !1,
-    {
-      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Switch/KdpaSwitch.tsx",
-      lineNumber: 9,
-      columnNumber: 7
-    },
-    globalThis
-  )
-);
-export {
-  J as K
-};

package/dist/KdpaTabs-fc381e7c.js

@@ -1,50 +0,0 @@
-import { j as s } from "./jsx-dev-runtime-48fdc504.js";
-import { a as n, T as i } from "./Tabs-a6dfac4f.js";
-import { useRef as r, useEffect as c } from "react";
-import { u as m } from "./useTheme-b80df7a1.js";
-function u(a) {
-  return {
-    id: `full-width-tab-${a}`,
-    "aria-controls": `full-width-tabpanel-${a}`
-  };
-}
-function b(a, t) {
-  return /* @__PURE__ */ s.jsxDEV(n, { iconPosition: "start", ...u(t), ...a }, void 0, !1, {
-    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Tabs/KdpaTab/KdpaTab.tsx",
-    lineNumber: 15,
-    columnNumber: 5
-  }, this);
-}
-function T(a) {
-  const t = m(), e = r();
-  return c(() => {
-    const o = setTimeout(() => {
-      e.current && e.current.updateIndicator();
-    }, 300);
-    return () => {
-      clearTimeout(o);
-    };
-  }, [t]), /* @__PURE__ */ s.jsxDEV(
-    i,
-    {
-      sx: {
-        minHeight: 20
-      },
-      action: e,
-      ...a,
-      children: a.children
-    },
-    void 0,
-    !1,
-    {
-      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Tabs/KdpaTabs/KdpaTabs.tsx",
-      lineNumber: 22,
-      columnNumber: 5
-    },
-    this
-  );
-}
-export {
-  b as K,
-  T as a
-};