kdpa-components 1.4.0 → 1.4.2

package/dist/KdpaRadioGroup-aca6fb7e.js

@@ -1,425 +0,0 @@
-import { j as I } from "./jsx-dev-runtime-48fdc504.js";
-import * as i from "react";
-import { forwardRef as q } from "react";
-import { a as l, _ as j } from "./extends-135d7828.js";
-import { g as E, j as c, P as e, c as $, a as W } from "./identifier-03e07987.js";
-import { g as F, s as v, u as z, c as P, a as D, b as H } from "./useThemeProps-d77fc01d.js";
-import { S as L } from "./SwitchBase-6f1db066.js";
-import { c as T } from "./createSvgIcon-c9758670.js";
-import { c as Z } from "./createChainedFunction-68e2a88d.js";
-import { r as A } from "./refType-7413f8aa.js";
-import { u as J } from "./useId-a21bd5c3.js";
-import { u as Q } from "./useFormControl-af690c26.js";
-import { f as X } from "./formControlState-9148c46f.js";
-import { u as Y } from "./useControlled-cc2d41cb.js";
-import { u as oo } from "./useForkRef-0781dda0.js";
-function eo(o) {
-  return E("MuiFormGroup", o);
-}
-F("MuiFormGroup", ["root", "row", "error"]);
-const ro = ["className", "row"], no = (o) => {
-  const {
-    classes: r,
-    row: n,
-    error: t
-  } = o;
-  return D({
-    root: ["root", n && "row", t && "error"]
-  }, eo, r);
-}, to = v("div", {
-  name: "MuiFormGroup",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: n
-    } = o;
-    return [r.root, n.row && r.row];
-  }
-})(({
-  ownerState: o
-}) => l({
-  display: "flex",
-  flexDirection: "column",
-  flexWrap: "wrap"
-}, o.row && {
-  flexDirection: "row"
-})), V = /* @__PURE__ */ i.forwardRef(function(r, n) {
-  const t = z({
-    props: r,
-    name: "MuiFormGroup"
-  }), {
-    className: a,
-    row: d = !1
-  } = t, R = j(t, ro), u = Q(), h = X({
-    props: t,
-    muiFormControl: u,
-    states: ["error"]
-  }), f = l({}, t, {
-    row: d,
-    error: h.error
-  }), p = no(f);
-  return /* @__PURE__ */ c.jsx(to, l({
-    className: P(p.root, a),
-    ownerState: f,
-    ref: n
-  }, R));
-});
-process.env.NODE_ENV !== "production" && (V.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * Display group of elements in a compact row.
-   * @default false
-   */
-  row: e.bool,
-  /**
-   * 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])
-});
-const ao = V, so = T(/* @__PURE__ */ c.jsx("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "RadioButtonUnchecked"), co = T(/* @__PURE__ */ c.jsx("path", {
-  d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-}), "RadioButtonChecked"), io = v("span")({
-  position: "relative",
-  display: "flex"
-}), lo = v(so)({
-  // Scale applied to prevent dot misalignment in Safari
-  transform: "scale(1)"
-}), uo = v(co)(({
-  theme: o,
-  ownerState: r
-}) => l({
-  left: 0,
-  position: "absolute",
-  transform: "scale(0)",
-  transition: o.transitions.create("transform", {
-    easing: o.transitions.easing.easeIn,
-    duration: o.transitions.duration.shortest
-  })
-}, r.checked && {
-  transform: "scale(1)",
-  transition: o.transitions.create("transform", {
-    easing: o.transitions.easing.easeOut,
-    duration: o.transitions.duration.shortest
-  })
-}));
-function S(o) {
-  const {
-    checked: r = !1,
-    classes: n = {},
-    fontSize: t
-  } = o, a = l({}, o, {
-    checked: r
-  });
-  return /* @__PURE__ */ c.jsxs(io, {
-    className: n.root,
-    ownerState: a,
-    children: [/* @__PURE__ */ c.jsx(lo, {
-      fontSize: t,
-      className: n.background,
-      ownerState: a
-    }), /* @__PURE__ */ c.jsx(uo, {
-      fontSize: t,
-      className: n.dot,
-      ownerState: a
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: e.object,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense radio styling.
-   */
-  fontSize: e.oneOf(["small", "medium"])
-});
-const _ = /* @__PURE__ */ i.createContext(void 0);
-process.env.NODE_ENV !== "production" && (_.displayName = "RadioGroupContext");
-const M = _;
-function po() {
-  return i.useContext(M);
-}
-function fo(o) {
-  return E("MuiRadio", o);
-}
-const mo = F("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary"]), w = mo, Ro = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"], ho = (o) => {
-  const {
-    classes: r,
-    color: n
-  } = o, t = {
-    root: ["root", `color${$(n)}`]
-  };
-  return l({}, r, D(t, fo, r));
-}, Co = v(L, {
-  shouldForwardProp: (o) => H(o) || o === "classes",
-  name: "MuiRadio",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: n
-    } = o;
-    return [r.root, r[`color${$(n.color)}`]];
-  }
-})(({
-  theme: o,
-  ownerState: r
-}) => l({
-  color: (o.vars || o).palette.text.secondary
-}, !r.disableRipple && {
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${r.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[r.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : W(r.color === "default" ? o.palette.action.active : o.palette[r.color].main, o.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  }
-}, r.color !== "default" && {
-  [`&.${w.checked}`]: {
-    color: (o.vars || o).palette[r.color].main
-  }
-}, {
-  [`&.${w.disabled}`]: {
-    color: (o.vars || o).palette.action.disabled
-  }
-}));
-function vo(o, r) {
-  return typeof r == "object" && r !== null ? o === r : String(o) === String(r);
-}
-const G = /* @__PURE__ */ c.jsx(S, {
-  checked: !0
-}), O = /* @__PURE__ */ c.jsx(S, {}), B = /* @__PURE__ */ i.forwardRef(function(r, n) {
-  var t, a;
-  const d = z({
-    props: r,
-    name: "MuiRadio"
-  }), {
-    checked: R,
-    checkedIcon: u = G,
-    color: h = "primary",
-    icon: f = O,
-    name: p,
-    onChange: g,
-    size: m = "medium",
-    className: k
-  } = d, x = j(d, Ro), y = l({}, d, {
-    color: h,
-    size: m
-  }), s = ho(y), C = po();
-  let b = R;
-  const U = Z(g, C && C.onChange);
-  let N = p;
-  return C && (typeof b > "u" && (b = vo(C.value, d.value)), typeof N > "u" && (N = C.name)), /* @__PURE__ */ c.jsx(Co, l({
-    type: "radio",
-    icon: /* @__PURE__ */ i.cloneElement(f, {
-      fontSize: (t = O.props.fontSize) != null ? t : m
-    }),
-    checkedIcon: /* @__PURE__ */ i.cloneElement(u, {
-      fontSize: (a = G.props.fontSize) != null ? a : m
-    }),
-    ownerState: y,
-    classes: s,
-    name: N,
-    checked: b,
-    onChange: U,
-    ref: n,
-    className: P(s.root, k)
-  }, x));
-});
-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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <RadioButtonIcon checked />
-   */
-  checkedIcon: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.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: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <RadioButtonIcon />
-   */
-  icon: e.node,
-  /**
-   * 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: A,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: e.string,
-  /**
-   * 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: e.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense radio styling.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.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]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   */
-  value: e.any
-});
-const go = B, xo = ["actions", "children", "defaultValue", "name", "onChange", "value"], K = /* @__PURE__ */ i.forwardRef(function(r, n) {
-  const {
-    // private
-    // eslint-disable-next-line react/prop-types
-    actions: t,
-    children: a,
-    defaultValue: d,
-    name: R,
-    onChange: u,
-    value: h
-  } = r, f = j(r, xo), p = i.useRef(null), [g, m] = Y({
-    controlled: h,
-    default: d,
-    name: "RadioGroup"
-  });
-  i.useImperativeHandle(t, () => ({
-    focus: () => {
-      let s = p.current.querySelector("input:not(:disabled):checked");
-      s || (s = p.current.querySelector("input:not(:disabled)")), s && s.focus();
-    }
-  }), []);
-  const k = oo(n, p), x = J(R), y = i.useMemo(() => ({
-    name: x,
-    onChange(s) {
-      m(s.target.value), u && u(s, s.target.value);
-    },
-    value: g
-  }), [x, u, m, g]);
-  return /* @__PURE__ */ c.jsx(M.Provider, {
-    value: y,
-    children: /* @__PURE__ */ c.jsx(ao, l({
-      role: "radiogroup",
-      ref: k
-    }, f, {
-      children: a
-    }))
-  });
-});
-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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: e.any,
-  /**
-   * The name used to reference the value of the control.
-   * If you don't provide this prop, it falls back to a randomly generated name.
-   */
-  name: e.string,
-  /**
-   * Callback fired when a radio button is selected.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * @param {string} value The value of the selected radio button.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: e.func,
-  /**
-   * Value of the selected radio button. The DOM API casts this to a string.
-   */
-  value: e.any
-});
-const yo = K, Do = q(function(r, n) {
-  return /* @__PURE__ */ I.jsxDEV(go, { inputRef: n, ...r }, void 0, !1, {
-    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Radio/KdpaRadio/KdpaRadio.tsx",
-    lineNumber: 10,
-    columnNumber: 10
-  }, this);
-});
-function To(o) {
-  return /* @__PURE__ */ I.jsxDEV(yo, { ...o, children: o.children }, void 0, !1, {
-    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Radio/KdpaRadioGroup/KdpaRadioGroup.tsx",
-    lineNumber: 7,
-    columnNumber: 10
-  }, this);
-}
-export {
-  Do as K,
-  To as a
-};