mada-design-system 0.0.9 → 0.0.11

package/index.es229.js

@@ -1,246 +1,55 @@
-import y from "./index.es151.js";
-import A from "./index.es152.js";
-import l from "./index.es295.js";
-import I from "./index.es296.js";
-import n from "./index.es297.js";
-import s from "./index.es298.js";
-import f from "./index.es299.js";
-import c from "./index.es300.js";
-import d from "./index.es301.js";
-import m from "./index.es302.js";
-import P from "./index.es236.js";
-import { getContrastRatio as v, lighten as S, darken as U } from "./index.es251.js";
-import w from "./index.es234.js";
-const V = ["mode", "contrastThreshold", "tonalOffset"], T = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: "rgba(0, 0, 0, 0.87)",
-    // Secondary text.
-    secondary: "rgba(0, 0, 0, 0.6)",
-    // Disabled text have even lower visual prominence.
-    disabled: "rgba(0, 0, 0, 0.38)"
-  },
-  // The color used to divide different elements.
-  divider: "rgba(0, 0, 0, 0.12)",
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: l.white,
-    default: l.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: "rgba(0, 0, 0, 0.54)",
-    // The color of an hovered action.
-    hover: "rgba(0, 0, 0, 0.04)",
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: "rgba(0, 0, 0, 0.08)",
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: "rgba(0, 0, 0, 0.26)",
-    // The background color of a disabled action.
-    disabledBackground: "rgba(0, 0, 0, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(0, 0, 0, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
-}, b = {
-  text: {
-    primary: l.white,
-    secondary: "rgba(255, 255, 255, 0.7)",
-    disabled: "rgba(255, 255, 255, 0.5)",
-    icon: "rgba(255, 255, 255, 0.5)"
-  },
-  divider: "rgba(255, 255, 255, 0.12)",
-  background: {
-    paper: "#121212",
-    default: "#121212"
-  },
-  action: {
-    active: l.white,
-    hover: "rgba(255, 255, 255, 0.08)",
-    hoverOpacity: 0.08,
-    selected: "rgba(255, 255, 255, 0.16)",
-    selectedOpacity: 0.16,
-    disabled: "rgba(255, 255, 255, 0.3)",
-    disabledBackground: "rgba(255, 255, 255, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(255, 255, 255, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
-  }
-};
-function x(r, e, g, a) {
-  const p = a.light || a, h = a.dark || a * 1.5;
-  r[e] || (r.hasOwnProperty(g) ? r[e] = r[g] : e === "light" ? r.light = S(r.main, p) : e === "dark" && (r.dark = U(r.main, h)));
-}
-function W(r = "light") {
-  return r === "dark" ? {
-    main: c[200],
-    light: c[50],
-    dark: c[400]
-  } : {
-    main: c[700],
-    light: c[400],
-    dark: c[800]
-  };
-}
-function j(r = "light") {
-  return r === "dark" ? {
-    main: n[200],
-    light: n[50],
-    dark: n[400]
-  } : {
-    main: n[500],
-    light: n[300],
-    dark: n[700]
-  };
-}
-function B(r = "light") {
-  return r === "dark" ? {
-    main: s[500],
-    light: s[300],
-    dark: s[700]
-  } : {
-    main: s[700],
-    light: s[400],
-    dark: s[800]
-  };
-}
-function L(r = "light") {
-  return r === "dark" ? {
-    main: d[400],
-    light: d[300],
-    dark: d[700]
-  } : {
-    main: d[700],
-    light: d[500],
-    dark: d[900]
-  };
-}
-function R(r = "light") {
-  return r === "dark" ? {
-    main: m[400],
-    light: m[300],
-    dark: m[700]
-  } : {
-    main: m[800],
-    light: m[500],
-    dark: m[900]
-  };
-}
-function G(r = "light") {
-  return r === "dark" ? {
-    main: f[400],
-    light: f[300],
-    dark: f[700]
-  } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
-    light: f[500],
-    dark: f[900]
-  };
-}
-function ar(r) {
-  const {
-    mode: e = "light",
-    contrastThreshold: g = 3,
-    tonalOffset: a = 0.2
-  } = r, p = A(r, V), h = r.primary || W(e), D = r.secondary || j(e), E = r.error || B(e), $ = r.info || L(e), N = r.success || R(e), C = r.warning || G(e);
-  function k(t) {
-    const o = v(t, b.text.primary) >= g ? b.text.primary : T.text.primary;
-    return process.env.NODE_ENV !== "production" && v(t, o) < 3, o;
-  }
-  const i = ({
-    color: t,
-    name: o,
-    mainShade: u = 500,
-    lightShade: _ = 300,
-    darkShade: M = 700
-  }) => {
-    if (t = y({}, t), !t.main && t[u] && (t.main = t[u]), !t.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${u}\` property.` : w(11, o ? ` (${o})` : "", u));
-    if (typeof t.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
-
-Did you intend to use one of the following approaches?
-
-import { green } from "@mui/material/colors";
-
-const theme1 = createTheme({ palette: {
-  primary: green,
-} });
-
-const theme2 = createTheme({ palette: {
-  primary: { main: green[500] },
-} });` : w(12, o ? ` (${o})` : "", JSON.stringify(t.main)));
-    return x(t, "light", _, a), x(t, "dark", M, a), t.contrastText || (t.contrastText = k(t.main)), t;
-  }, O = {
-    dark: b,
-    light: T
-  };
-  return process.env.NODE_ENV !== "production" && O[e], P(y({
-    // A collection of common colors.
-    common: y({}, l),
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode: e,
-    // The colors used to represent primary interface elements for a user.
-    primary: i({
-      color: h,
-      name: "primary"
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: i({
-      color: D,
-      name: "secondary",
-      mainShade: "A400",
-      lightShade: "A200",
-      darkShade: "A700"
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: i({
-      color: E,
-      name: "error"
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: i({
-      color: C,
-      name: "warning"
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: i({
-      color: $,
-      name: "info"
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: i({
-      color: N,
-      name: "success"
-    }),
-    // The grey colors.
-    grey: I,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: g,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: k,
-    // Generate a rich color object.
-    augmentColor: i,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: a
-  }, O[e]), p);
-}
+import { getPickersLocalization as o } from "./index.es272.js";
+const l = {
+  // Calendar navigation
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  // View navigation
+  openPreviousView: "open previous view",
+  openNextView: "open next view",
+  calendarViewSwitchingButtonAriaLabel: (e) => e === "year" ? "year view is open, switch to calendar view" : "calendar view is open, switch to year view",
+  // DateRange placeholders
+  start: "Start",
+  end: "End",
+  // Action bar
+  cancelButtonLabel: "Cancel",
+  clearButtonLabel: "Clear",
+  okButtonLabel: "OK",
+  todayButtonLabel: "Today",
+  // Toolbar titles
+  datePickerToolbarTitle: "Select date",
+  dateTimePickerToolbarTitle: "Select date & time",
+  timePickerToolbarTitle: "Select time",
+  dateRangePickerToolbarTitle: "Select date range",
+  // Clock labels
+  clockLabelText: (e, t, a) => `Select ${e}. ${t === null ? "No time selected" : `Selected time is ${a.format(t, "fullTime")}`}`,
+  hoursClockNumberText: (e) => `${e} hours`,
+  minutesClockNumberText: (e) => `${e} minutes`,
+  secondsClockNumberText: (e) => `${e} seconds`,
+  // Digital clock labels
+  selectViewText: (e) => `Select ${e}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: "Week number",
+  calendarWeekNumberHeaderText: "#",
+  calendarWeekNumberAriaLabelText: (e) => `Week ${e}`,
+  calendarWeekNumberText: (e) => `${e}`,
+  // Open picker labels
+  openDatePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose date, selected date is ${t.format(e, "fullDate")}` : "Choose date",
+  openTimePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose time, selected time is ${t.format(e, "fullTime")}` : "Choose time",
+  fieldClearLabel: "Clear value",
+  // Table labels
+  timeTableLabel: "pick time",
+  dateTableLabel: "pick date",
+  // Field section placeholders
+  fieldYearPlaceholder: (e) => "Y".repeat(e.digitAmount),
+  fieldMonthPlaceholder: (e) => e.contentType === "letter" ? "MMMM" : "MM",
+  fieldDayPlaceholder: () => "DD",
+  fieldWeekDayPlaceholder: (e) => e.contentType === "letter" ? "EEEE" : "EE",
+  fieldHoursPlaceholder: () => "hh",
+  fieldMinutesPlaceholder: () => "mm",
+  fieldSecondsPlaceholder: () => "ss",
+  fieldMeridiemPlaceholder: () => "aa"
+}, r = l;
+o(l);
 export {
-  b as dark,
-  ar as default,
-  T as light
+  r as DEFAULT_LOCALE
 };

package/index.es23.js

@@ -1,173 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Slot as v } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es89.js";
-import * as d from "react";
-import { cn as l } from "./index.es69.js";
-const b = g(
-  "inline-flex items-center font-medium justify-center ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed ",
-  {
-    variants: {
-      variant: {
-        default: "disabled:bg-disabled disabled:text-card  ",
-        outline: "border border-input disabled:text-disabled !bg-card",
-        ghost: " border-none disabled:text-disabled ",
-        link: " text-current underline-offset-4 hover:underline "
-      },
-      size: {
-        default: "py-space-02 px-space-04 h-[40px] text-body-02",
-        sm: "py-[6px] px-space-03 h-[32px] text-body-01",
-        // lg: 'px-8',
-        icon: "p-space-02 h-[40px] text-body-02",
-        "icon-sm": "p-space-01 h-[32px] text-body-01"
-      },
-      rounded: {
-        default: "rounded-2",
-        full: "rounded-full"
-      },
-      colors: {
-        default: "text-foreground hover:bg-card-hover hover:text-primary active:bg-card-hover active:text-primary-oncontainer",
-        primary: "bg-primary text-primary-foreground hover:bg-primary-dark active:bg-primary-oncontainer",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-dark active:bg-secondary-oncontainer",
-        tertiary: "bg-tertiary text-tertiary-foreground hover:bg-tertiary-dark active:bg-tertiary-oncontainer",
-        error: "bg-error text-error-foreground hover:bg-error-dark active:bg-error-oncontainer",
-        warning: "bg-warning text-warning-foreground hover:bg-warning-dark active:bg-warning-oncontainer",
-        success: "bg-success text-success-foreground hover:bg-success-dark active:bg-success-oncontainer",
-        info: "bg-info text-info-foreground hover:bg-info-dark active:bg-info-oncontainer",
-        gray: "bg-transparent text-background-foreground hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
-      }
-    },
-    compoundVariants: [
-      {
-        colors: "secondary",
-        variant: "outline",
-        className: "text-secondary hover:text-secondary hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        colors: "primary",
-        variant: "outline",
-        className: "text-primary hover:text-primary hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "tertiary",
-        className: "text-tertiary hover:text-tertiary  hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "default",
-        className: "border-input hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "info",
-        className: "text-info hover:text-info hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "error",
-        className: "text-error hover:text-error hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "warning",
-        className: "text-warning hover:text-warning hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "success",
-        className: "text-success hover:text-success hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
-      },
-      {
-        variant: "outline",
-        colors: "gray",
-        className: "border-border hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "secondary",
-        className: "text-secondary bg-transparent hover:bg-secondary-container active:bg-secondary-container active:text-secondary-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "tertiary",
-        className: "text-tertiary bg-transparent hover:bg-tertiary-container active:bg-tertiary-container active:text-tertiary-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "default",
-        className: "bg-transparent hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "primary",
-        className: "text-primary bg-transparent hover:bg-primary-container active:bg-primary-container active:text-primary-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "info",
-        className: "text-info bg-transparent hover:bg-info-container active:bg-info-container active:text-info-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "error",
-        className: "text-error bg-transparent hover:bg-error-container active:bg-error-container active:text-error-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "success",
-        className: "text-success bg-transparent hover:bg-success-container active:bg-success-container active:text-success-oncontainer"
-      },
-      {
-        variant: "ghost",
-        colors: "warning",
-        className: "text-warning bg-transparent hover:bg-warning-container active:bg-warning-container active:text-warning-oncontainer"
-      },
-      {
-        variant: "link",
-        colors: "warning",
-        className: "text-warning !bg-transparent"
-      },
-      {
-        variant: "link",
-        colors: "info",
-        className: "text-info !bg-transparent"
-      },
-      {
-        variant: "link",
-        colors: "success",
-        className: "text-success !bg-transparent"
-      },
-      {
-        variant: "link",
-        colors: "error",
-        className: "text-error !bg-transparent"
-      },
-      {
-        variant: "link",
-        colors: "secondary",
-        className: "text-secondary !bg-transparent"
-      },
-      {
-        variant: "link",
-        colors: "default",
-        className: "text-primary !bg-transparent"
-      },
-      {
-        variant: "link",
-        colors: "tertiary",
-        className: "text-tertiary !bg-transparent"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      rounded: "full",
-      colors: "default"
-    }
-  }
-), x = d.forwardRef(({ className: r, variant: e, size: t, rounded: a, colors: o, asChild: n = !1, ...i }, c) => /* @__PURE__ */ s(n ? v : "button", { className: l(b({ variant: e, size: t, rounded: a, colors: o, className: r })), ref: c, ...i }));
-x.displayName = "Button";
+import { jsx as r } from "react/jsx-runtime";
+import a from "./index.es93.js";
+import "./index.es116.js";
+import { LocalizationProvider as i } from "./index.es117.js";
+import { AdapterMomentHijri as m } from "./index.es118.js";
+import { AdapterMoment as n } from "./index.es119.js";
+import { DateCalendar as d } from "./index.es120.js";
+function p({ ishijri: e, lang: t = "ar", ...o }) {
+  return /* @__PURE__ */ r("div", { dir: "rtl", children: /* @__PURE__ */ r(i, { dateAdapter: e ? m : n, adapterLocale: t === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ r(d, { ...o, minDate: a(new Date(1938, 0, 1)), maxDate: a(new Date(2075, 11, 31)) }) }) });
+}
+p.displayName = "Calendar";
 export {
-  x as Button,
-  b as buttonVariants
+  p as Calendar
 };

package/index.es230.js

@@ -1,76 +1,121 @@
-import c from "./index.es151.js";
-import T from "./index.es152.js";
-import M from "./index.es236.js";
-const _ = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-function v(i) {
-  return Math.round(i * 1e5) / 1e5;
-}
-const p = {
-  textTransform: "uppercase"
-}, d = '"Roboto", "Helvetica", "Arial", sans-serif';
-function A(i, n) {
-  const h = typeof n == "function" ? n(i) : n, {
-    fontFamily: r = d,
-    // The default font size of the Material Specification.
-    fontSize: f = 14,
-    // px
-    fontWeightLight: a = 300,
-    fontWeightRegular: t = 400,
-    fontWeightMedium: o = 500,
-    fontWeightBold: g = 700,
-    // Tell MUI what's the font-size on the html element.
-    // 16px is the default font-size used by browsers.
-    htmlFontSize: l = 16,
-    // Apply the CSS properties to all the variants.
-    allVariants: b,
-    pxToRem: S
-  } = h, W = T(h, _);
-  process.env.NODE_ENV;
-  const x = f / 14, m = S || ((s) => `${s / l * x}rem`), e = (s, u, y, z, R) => c({
-    fontFamily: r,
-    fontWeight: s,
-    fontSize: m(u),
-    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: y
-  }, r === d ? {
-    letterSpacing: `${v(z / u)}em`
-  } : {}, R, b), F = {
-    h1: e(a, 96, 1.167, -1.5),
-    h2: e(a, 60, 1.2, -0.5),
-    h3: e(t, 48, 1.167, 0),
-    h4: e(t, 34, 1.235, 0.25),
-    h5: e(t, 24, 1.334, 0),
-    h6: e(o, 20, 1.6, 0.15),
-    subtitle1: e(t, 16, 1.75, 0.15),
-    subtitle2: e(o, 14, 1.57, 0.1),
-    body1: e(t, 16, 1.5, 0.15),
-    body2: e(t, 14, 1.43, 0.15),
-    button: e(o, 14, 1.75, 0.4, p),
-    caption: e(t, 12, 1.66, 0.4),
-    overline: e(t, 12, 2.66, 1, p),
-    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
-    inherit: {
-      fontFamily: "inherit",
-      fontWeight: "inherit",
-      fontSize: "inherit",
-      lineHeight: "inherit",
-      letterSpacing: "inherit"
-    }
-  };
-  return M(c({
-    htmlFontSize: l,
-    pxToRem: m,
-    fontFamily: r,
-    fontSize: f,
-    fontWeightLight: a,
-    fontWeightRegular: t,
-    fontWeightMedium: o,
-    fontWeightBold: g
-  }, F), W, {
-    clone: !1
-    // No need to clone deep
+import m from "./index.es192.js";
+import f from "./index.es191.js";
+import v from "./index.es336.js";
+import x from "./index.es330.js";
+import d from "./index.es193.js";
+import s from "react";
+import h from "./index.es337.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es338.js";
+var M = Object.values || function(a) {
+  return Object.keys(a).map(function(r) {
+    return a[r];
   });
-}
+}, F = {
+  component: "div",
+  childFactory: function(r) {
+    return r;
+  }
+}, u = /* @__PURE__ */ function(a) {
+  x(r, a);
+  function r(p, t) {
+    var e;
+    e = a.call(this, p, t) || this;
+    var o = e.handleExited.bind(v(e));
+    return e.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: o,
+      firstRender: !0
+    }, e;
+  }
+  var l = r.prototype;
+  return l.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, l.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, r.getDerivedStateFromProps = function(t, e) {
+    var o = e.children, n = e.handleExited, i = e.firstRender;
+    return {
+      children: i ? E(t, n) : y(t, o, n),
+      firstRender: !1
+    };
+  }, l.handleExited = function(t, e) {
+    var o = g(this.props.children);
+    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
+      var i = f({}, n.children);
+      return delete i[t.key], {
+        children: i
+      };
+    }));
+  }, l.render = function() {
+    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, c = M(this.state.children).map(o);
+    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(h.Provider, {
+      value: i
+    }, c) : /* @__PURE__ */ s.createElement(h.Provider, {
+      value: i
+    }, /* @__PURE__ */ s.createElement(e, n, c));
+  }, r;
+}(s.Component);
+u.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: d.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: d.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: d.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: d.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: d.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: d.func
+} : {};
+u.defaultProps = F;
+const R = u;
 export {
-  A as default
+  R as default
 };