kdpa-components 1.35.2 → 1.35.3

package/dist/Switch/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdpaSwitch } from "./KdpaSwitch";
+export type { KdpaSwitchProps } from "./KdpaSwitch";
+//# sourceMappingURL=index.d.ts.map

package/dist/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/Switch/index.js

@@ -0,0 +1,39 @@
+import { j as t } from "../jsx-runtime-944c88e2.js";
+import i from "react";
+import { S as p } from "../Switch-ef584fc0.js";
+import "../extends-393586f3.js";
+import "../identifier-9dfe30d8.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../useThemeProps-7d04a175.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../SwitchBase-c367ca3c.js";
+import "../useFormControl-af690c26.js";
+import "../ButtonBase-0f9f324d.js";
+import "../emotion-react.browser.esm-d563ed65.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+import "../TransitionGroup-196acb6a.js";
+import "../assertThisInitialized-05701a63.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../useForkRef-0781dda0.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../refType-af1a9f54.js";
+import "../elementTypeAcceptingRef-6c34f16b.js";
+import "../chainPropTypes-004bf492.js";
+import "../useControlled-cc2d41cb.js";
+const v = i.forwardRef(
+  (r, o) => /* @__PURE__ */ t.jsx(
+    p,
+    {
+      color: "primary",
+      inputRef: o,
+      inputProps: { "aria-label": "primary checkbox" },
+      ...r
+    }
+  )
+);
+export {
+  v as KdpaSwitch
+};

package/dist/Switch-ef584fc0.js

@@ -0,0 +1,302 @@
+import { _ as r, a as $ } from "./extends-393586f3.js";
+import * as y from "react";
+import { g as S, h as i, a as w, l as x, m as C, P as a } from "./identifier-9dfe30d8.js";
+import { g as z, s as p, u as R, c as T, a as O } from "./useThemeProps-7d04a175.js";
+import { S as j } from "./SwitchBase-c367ca3c.js";
+import { j as d } from "./jsx-runtime-944c88e2.js";
+import { r as B } from "./refType-af1a9f54.js";
+function M(o) {
+  return S("MuiSwitch", o);
+}
+const N = z("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), s = N, P = ["className", "color", "edge", "size", "sx"], I = (o) => {
+  const {
+    classes: t,
+    edge: e,
+    size: c,
+    color: u,
+    checked: h,
+    disabled: g
+  } = o, b = {
+    root: ["root", e && `edge${i(e)}`, `size${i(c)}`],
+    switchBase: ["switchBase", `color${i(u)}`, h && "checked", g && "disabled"],
+    thumb: ["thumb"],
+    track: ["track"],
+    input: ["input"]
+  }, v = O(b, M, t);
+  return r({}, t, v);
+}, _ = p("span", {
+  name: "MuiSwitch",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: e
+    } = o;
+    return [t.root, e.edge && t[`edge${i(e.edge)}`], t[`size${i(e.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,
+  [`& .${s.thumb}`]: {
+    width: 16,
+    height: 16
+  },
+  [`& .${s.switchBase}`]: {
+    padding: 4,
+    [`&.${s.checked}`]: {
+      transform: "translateX(16px)"
+    }
+  }
+})), D = p(j, {
+  name: "MuiSwitch",
+  slot: "SwitchBase",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: e
+    } = o;
+    return [t.switchBase, {
+      [`& .${s.input}`]: t.input
+    }, e.color !== "default" && t[`color${i(e.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
+  }),
+  [`&.${s.checked}`]: {
+    transform: "translateX(20px)"
+  },
+  [`&.${s.disabled}`]: {
+    color: o.vars ? o.vars.palette.Switch.defaultDisabledColor : `${o.palette.mode === "light" ? o.palette.grey[100] : o.palette.grey[600]}`
+  },
+  [`&.${s.checked} + .${s.track}`]: {
+    opacity: 0.5
+  },
+  [`&.${s.disabled} + .${s.track}`]: {
+    opacity: o.vars ? o.vars.opacity.switchTrackDisabled : `${o.palette.mode === "light" ? 0.12 : 0.2}`
+  },
+  [`& .${s.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})` : w(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" && {
+  [`&.${s.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})` : w(o.palette[t.color].main, o.palette.action.hoverOpacity),
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    },
+    [`&.${s.disabled}`]: {
+      color: o.vars ? o.vars.palette.Switch[`${t.color}DisabledColor`] : `${o.palette.mode === "light" ? x(o.palette[t.color].main, 0.62) : C(o.palette[t.color].main, 0.55)}`
+    }
+  },
+  [`&.${s.checked} + .${s.track}`]: {
+    backgroundColor: (o.vars || o).palette[t.color].main
+  }
+})), E = 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}`
+})), U = 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%"
+})), k = /* @__PURE__ */ y.forwardRef(function(t, e) {
+  const c = R({
+    props: t,
+    name: "MuiSwitch"
+  }), {
+    className: u,
+    color: h = "primary",
+    edge: g = !1,
+    size: b = "medium",
+    sx: v
+  } = c, m = $(c, P), n = r({}, c, {
+    color: h,
+    edge: g,
+    size: b
+  }), l = I(n), f = /* @__PURE__ */ d.jsx(U, {
+    className: l.thumb,
+    ownerState: n
+  });
+  return /* @__PURE__ */ d.jsxs(_, {
+    className: T(l.root, u),
+    sx: v,
+    ownerState: n,
+    children: [/* @__PURE__ */ d.jsx(D, r({
+      type: "checkbox",
+      icon: f,
+      checkedIcon: f,
+      ref: e,
+      ownerState: n
+    }, m, {
+      classes: r({}, l, {
+        root: l.switchBase
+      })
+    })), /* @__PURE__ */ d.jsx(E, {
+      className: l.track,
+      ownerState: n
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (k.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: B,
+  /**
+   * 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 F = k;
+export {
+  F as S,
+  s
+};

package/dist/SwitchBase-c367ca3c.js

@@ -0,0 +1,231 @@
+import { _ as d, a as V } from "./extends-393586f3.js";
+import * as W from "react";
+import { g as A, P as e, h as G } from "./identifier-9dfe30d8.js";
+import { g as H, s as F, c as J, a as K } from "./useThemeProps-7d04a175.js";
+import { u as M } from "./useFormControl-af690c26.js";
+import { j as x } from "./jsx-runtime-944c88e2.js";
+import { B as Q } from "./ButtonBase-0f9f324d.js";
+import { u as X } from "./useControlled-cc2d41cb.js";
+import { r as Y } from "./refType-af1a9f54.js";
+function Z(o) {
+  return A("PrivateSwitchBase", o);
+}
+H("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ee = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], oe = (o) => {
+  const {
+    classes: n,
+    checked: r,
+    disabled: l,
+    edge: a
+  } = o, u = {
+    root: ["root", r && "checked", l && "disabled", a && `edge${G(a)}`],
+    input: ["input"]
+  };
+  return K(u, Z, n);
+}, se = F(Q)(({
+  ownerState: o
+}) => d({
+  padding: 9,
+  borderRadius: "50%"
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+})), te = F("input")({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), R = /* @__PURE__ */ W.forwardRef(function(n, r) {
+  const {
+    autoFocus: l,
+    checked: a,
+    checkedIcon: u,
+    className: w,
+    defaultChecked: f,
+    disabled: S,
+    disableFocusRipple: h = !1,
+    edge: I = !1,
+    icon: P,
+    id: j,
+    inputProps: q,
+    inputRef: N,
+    name: O,
+    onBlur: m,
+    onChange: b,
+    onFocus: g,
+    readOnly: v,
+    required: E = !1,
+    tabIndex: _,
+    type: c,
+    value: k
+  } = n, z = V(n, ee), [y, T] = X({
+    controlled: a,
+    default: !!f,
+    name: "SwitchBase",
+    state: "checked"
+  }), t = M(), U = (s) => {
+    g && g(s), t && t.onFocus && t.onFocus(s);
+  }, L = (s) => {
+    m && m(s), t && t.onBlur && t.onBlur(s);
+  }, $ = (s) => {
+    if (s.nativeEvent.defaultPrevented)
+      return;
+    const C = s.target.checked;
+    T(C), b && b(s, C);
+  };
+  let i = S;
+  t && typeof i > "u" && (i = t.disabled);
+  const D = c === "checkbox" || c === "radio", p = d({}, n, {
+    checked: y,
+    disabled: i,
+    disableFocusRipple: h,
+    edge: I
+  }), B = oe(p);
+  return /* @__PURE__ */ x.jsxs(se, d({
+    component: "span",
+    className: J(B.root, w),
+    centerRipple: !0,
+    focusRipple: !h,
+    disabled: i,
+    tabIndex: null,
+    role: void 0,
+    onFocus: U,
+    onBlur: L,
+    ownerState: p,
+    ref: r
+  }, z, {
+    children: [/* @__PURE__ */ x.jsx(te, d({
+      autoFocus: l,
+      checked: a,
+      defaultChecked: f,
+      className: B.input,
+      disabled: i,
+      id: D ? j : void 0,
+      name: O,
+      onChange: $,
+      readOnly: v,
+      ref: N,
+      required: E,
+      ownerState: p,
+      tabIndex: _,
+      type: c
+    }, c === "checkbox" && k === void 0 ? {} : {
+      value: k
+    }, q)), y ? u : P]
+  }));
+});
+process.env.NODE_ENV !== "production" && (R.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.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: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Y,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const pe = R;
+export {
+  pe as S
+};

package/dist/Tabs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as KdpaTab } from "./KdpaTab/KdpaTab";
+export { default as KdpaTabs } from "./KdpaTabs/KdpaTabs";
+export type { KdpaTabProps } from "./KdpaTab/KdpaTab";
+export type { KdpaTabsProps } from "./KdpaTabs/KdpaTabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE1D,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/Tabs/index.js

@@ -0,0 +1,63 @@
+import { j as i } from "../jsx-runtime-944c88e2.js";
+import { a as p, T as e } from "../Tabs-9775b0bb.js";
+import { useRef as n, useEffect as a } from "react";
+import { u as s } from "../useTheme-014a54ad.js";
+import "../extends-393586f3.js";
+import "../identifier-9dfe30d8.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../useThemeProps-7d04a175.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../ButtonBase-0f9f324d.js";
+import "../emotion-react.browser.esm-d563ed65.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+import "../TransitionGroup-196acb6a.js";
+import "../assertThisInitialized-05701a63.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../useForkRef-0781dda0.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../refType-af1a9f54.js";
+import "../elementTypeAcceptingRef-6c34f16b.js";
+import "../chainPropTypes-004bf492.js";
+import "../unsupportedProp-3dbf01f6.js";
+import "../ownerWindow-e6cc3097.js";
+import "../ownerDocument-5430cd5b.js";
+import "../useSlotProps-f238319f.js";
+import "../KeyboardArrowRight-14dbe7d6.js";
+import "../createSvgIcon-b80a8a41.js";
+function u(t) {
+  return {
+    id: `full-width-tab-${t}`,
+    "aria-controls": `full-width-tabpanel-${t}`
+  };
+}
+function J(t, r) {
+  return /* @__PURE__ */ i.jsx(p, { iconPosition: "start", ...u(r), ...t });
+}
+function L(t) {
+  const r = s(), o = n();
+  return a(() => {
+    const m = setTimeout(() => {
+      o.current && o.current.updateIndicator();
+    }, 300);
+    return () => {
+      clearTimeout(m);
+    };
+  }, [r]), /* @__PURE__ */ i.jsx(
+    e,
+    {
+      sx: {
+        minHeight: 20
+      },
+      action: o,
+      ...t,
+      children: t.children
+    }
+  );
+}
+export {
+  J as KdpaTab,
+  L as KdpaTabs
+};