@fangzsx/component-library 0.0.7 → 0.0.9

package/dist/createSvgIcon-DAI5icic.js

@@ -0,0 +1,242 @@
+import * as a from "react";
+import { jsxs as I, jsx as g } from "react/jsx-runtime";
+import { g as w, a as N, u as C, s as O, c as T, b as c, d as R, m as E, P as e } from "./ButtonBase-CAtBagnK.js";
+function j(o) {
+  return w("MuiSvgIcon", o);
+}
+N("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const V = (o) => {
+  const {
+    color: r,
+    fontSize: n,
+    classes: i
+  } = o, t = {
+    root: ["root", r !== "inherit" && `color${c(r)}`, `fontSize${c(n)}`]
+  };
+  return R(t, j, i);
+}, $ = O("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: n
+    } = o;
+    return [r.root, n.color !== "inherit" && r[`color${c(n.color)}`], r[`fontSize${c(n.fontSize)}`]];
+  }
+})(E(({
+  theme: o
+}) => ({
+  userSelect: "none",
+  width: "1em",
+  height: "1em",
+  display: "inline-block",
+  flexShrink: 0,
+  transition: o.transitions?.create?.("fill", {
+    duration: (o.vars ?? o).transitions?.duration?.shorter
+  }),
+  variants: [
+    {
+      props: (r) => !r.hasSvgAsChild,
+      style: {
+        // the <svg> will define the property that has `currentColor`
+        // for example heroicons uses fill="none" and stroke="currentColor"
+        fill: "currentColor"
+      }
+    },
+    {
+      props: {
+        fontSize: "inherit"
+      },
+      style: {
+        fontSize: "inherit"
+      }
+    },
+    {
+      props: {
+        fontSize: "small"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(20) || "1.25rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "medium"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(24) || "1.5rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "large"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(35) || "2.1875rem"
+      }
+    },
+    // TODO v5 deprecate color prop, v6 remove for sx
+    ...Object.entries((o.vars ?? o).palette).filter(([, r]) => r && r.main).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        color: (o.vars ?? o).palette?.[r]?.main
+      }
+    })),
+    {
+      props: {
+        color: "action"
+      },
+      style: {
+        color: (o.vars ?? o).palette?.action?.active
+      }
+    },
+    {
+      props: {
+        color: "disabled"
+      },
+      style: {
+        color: (o.vars ?? o).palette?.action?.disabled
+      }
+    },
+    {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        color: void 0
+      }
+    }
+  ]
+}))), l = /* @__PURE__ */ a.forwardRef(function(r, n) {
+  const i = C({
+    props: r,
+    name: "MuiSvgIcon"
+  }), {
+    children: t,
+    className: y,
+    color: v = "inherit",
+    component: f = "svg",
+    fontSize: h = "medium",
+    htmlColor: z,
+    inheritViewBox: d = !1,
+    titleAccess: s,
+    viewBox: m = "0 0 24 24",
+    ...x
+  } = i, p = /* @__PURE__ */ a.isValidElement(t) && t.type === "svg", u = {
+    ...i,
+    color: v,
+    component: f,
+    fontSize: h,
+    instanceFontSize: r.fontSize,
+    inheritViewBox: d,
+    viewBox: m,
+    hasSvgAsChild: p
+  }, S = {};
+  d || (S.viewBox = m);
+  const b = V(u);
+  return /* @__PURE__ */ I($, {
+    as: f,
+    className: T(b.root, y),
+    focusable: "false",
+    color: z,
+    "aria-hidden": s ? void 0 : !0,
+    role: s ? "img" : void 0,
+    ref: n,
+    ...S,
+    ...x,
+    ...p && t.props,
+    ownerState: u,
+    children: [p ? t.props.children : t, s ? /* @__PURE__ */ g("title", {
+      children: s
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (l.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: 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/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: e.oneOfType([e.oneOf(["inherit", "large", "medium", "small"]), e.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: e.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: e.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: 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]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: e.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: e.string
+});
+l.muiName = "SvgIcon";
+function D(o, r) {
+  function n(i, t) {
+    return /* @__PURE__ */ g(l, {
+      "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
+      ref: t,
+      ...i,
+      children: o
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = l.muiName, /* @__PURE__ */ a.memo(/* @__PURE__ */ a.forwardRef(n));
+}
+export {
+  D as c
+};