@hortiview/default-components 1.4.4 → 1.5.1

package/dist/index.es-B0QNuIUR-Bte5aF5M.js

@@ -1,360 +0,0 @@
-import { t, r as rn, h as un, e as dn, i as xn, am as Cn, n as On, q as h, ae as _n } from "./useTranslation-B_lNCuLm.js";
-import y, { forwardRef as D, useRef as sn, useImperativeHandle as cn, useEffect as Nn, useMemo as an } from "react";
-import { U as Bn } from "./component-DsB0poTj-DgsYK0_R.js";
-var Un = {
-  /**
-   * Content to be rendered inside the component.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * A reference to the component to apply the ripple to.
-   *
-   * Defaults to **undefined**.
-   */
-  componentRef: t.object,
-  /**
-   * Allows the ripple to extend beyond the component boundaries.
-   *
-   * Defaults to **undefined**.
-   */
-  unbounded: t.bool
-}, Sn = {
-  children: null,
-  componentRef: void 0,
-  unbounded: void 0
-}, P = Sn, $ = /* @__PURE__ */ D(function(n, a) {
-  var l = n.componentRef, u = l === void 0 ? P.componentRef : l, c = n.unbounded, p = c === void 0 ? P.unbounded : c, e = n.children, b = e === void 0 ? P.children : e, m = sn();
-  return cn(a, function() {
-    return m.current;
-  }, []), Nn(function() {
-    var r = u.current;
-    return r && (m.current = Bn.attachTo(u.current), p && (m.current.unbounded = !0)), function() {
-      r && m.current.destroy();
-    };
-  }, [u, p]), b;
-});
-$.displayName = "Ripple";
-$.propTypes = Un;
-var Rn = {
-  /**
-   * @deprecated _Use `themeColor='secondary'` instead._
-   *
-   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
-   *
-   * Defaults to **undefined**.
-   */
-  altColor: h(t.bool, "Button", 'Use `themeColor="secondary"` instead.'),
-  /**
-   * One of 'xsmall', 'small', 'medium', 'large' and 'xlarge' will change the size of the button. Defaults according to your theme.
-   *
-   * Defaults to **'themeDefault'**.
-   */
-  buttonSize: t.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
-  /**
-   * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * @deprecated _forwardRef has been implemented for Button._
-   *
-   * Reference to the DOM button. This enables a greater level of integration.
-   *
-   * Defaults to **undefined**.
-   */
-  customRef: h(t.oneOfType([
-    t.func,
-    // eslint-disable-next-line react/forbid-prop-types
-    t.shape({
-      current: t.any
-    })
-  ]), "Button", "forwardRef has been implemented for Button."),
-  /**
-   * @deprecated _Use `variant='danger'` instead._
-   *
-   * Apply danger style to the button.
-   *
-   * Defaults to **undefined**.
-   */
-  danger: h(t.bool, "Button", 'Use `variant="danger"` instead.'),
-  /**
-   * Prevent the user from interacting with the component.
-   *
-   * Defaults to **false**.
-   */
-  disabled: t.bool,
-  /**
-   * Sets elevation of the button. Default will be the theme default.
-   *
-   * Defaults to **'default'**.
-   */
-  elevation: t.oneOf(["default", "elevated", "flat"]),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply a filled-in style. Previously called `primary`.
-   *
-   * Defaults to **undefined**.
-   */
-  filled: h(t.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * Applies a full-width style where the textfield will fill it's container.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: t.bool,
-  /**
-   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
-   *
-   * Defaults to **null**.
-   */
-  href: t.string,
-  /**
-   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
-   *
-   * Defaults to **null**.
-   */
-  label: t.string,
-  /**
-   * Adds the given Icon to the left of the button text. Use only one icon per button. Place icons in the leading position by default. Expects the name of a valid Material icon, however an icon component may be passed in instead for more control,
-   *
-   * Defaults to **undefined**.
-   */
-  leadingIcon: t.oneOfType([t.string, t.func, t.node]),
-  /**
-   * The primary interaction event for button.
-   *
-   * Defaults to **null**.
-   */
-  onClick: t.func,
-  /**
-   * @deprecated _Use `variant='outlined'`._
-   *
-   * Apply outlined style to the button. Previously called `secondary`.
-   *
-   * Defaults to **undefined**.
-   */
-  outlined: h(t.bool, "Button", 'Use `variant="outlined"`.'),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply primary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  primary: h(t.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * @deprecated _Use `'variant=outlined'` instead._
-   *
-   * Apply secondary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  secondary: h(t.bool, "Button", 'Use `"variant=outlined"` instead.'),
-  /**
-   * By default a button or anchor tag will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
-   *
-   * Defaults to **null**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(y.Component)]),
-  /**
-   * @deprecated _Use `variant='embedded'` instead._
-   *
-   * Apply tertiary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  tertiary: h(t.bool, "Button", 'Use `variant="embedded"` instead.'),
-  /**
-   * @deprecated _Use `variant='text'` instead._
-   *
-   * Apply unfilled, un-outlined style to the Button. Previously called `tertiary`.
-   *
-   * Defaults to **undefined**.
-   */
-  text: h(t.bool, "Button", 'Use `variant="text"` instead.'),
-  /**
-   * Sets the theme color for the button. Most commonly used when the control is placed on a darker surface.
-   *
-   * Defaults to **'primary'**.
-   */
-  themeColor: _n(t.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
-  /**
-   * Adds the given Icon to the right of the button text. Use only one icon per button. Place icons in the leading position by default. Expects the name of a valid Material icon, however an icon component may be passed in instead for more control.
-   *
-   * Defaults to **undefined**.
-   */
-  trailingIcon: t.oneOfType([t.string, t.func, t.node]),
-  /**
-   * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
-   *
-   * Defaults to **'button'**.
-   */
-  type: t.oneOf(["button", "submit", "reset"]),
-  /**
-   * @deprecated _Use `elevation='flat' instead._
-   *
-   * Remove elevation.
-   *
-   * Defaults to **undefined**.
-   */
-  unelevated: h(t.bool, "Button", 'Use `elevation="flat" instead.'),
-  /**
-   * Applies the selected style to the button. `rounded-small` and `rounded-micro` are only available on select themes.
-   *
-   * Defaults to **'filled'**.
-   */
-  variant: t.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
-}, In = {
-  altColor: void 0,
-  buttonSize: "themeDefault",
-  children: null,
-  className: void 0,
-  customRef: void 0,
-  danger: void 0,
-  disabled: !1,
-  elevation: "default",
-  filled: void 0,
-  fullWidth: !1,
-  href: null,
-  label: null,
-  leadingIcon: void 0,
-  onClick: null,
-  outlined: void 0,
-  primary: void 0,
-  secondary: void 0,
-  tag: null,
-  tertiary: void 0,
-  text: void 0,
-  themeColor: "primary",
-  trailingIcon: void 0,
-  type: "button",
-  unelevated: void 0,
-  variant: "filled"
-}, Wn = {
-  /**
-   * Children to be rendered. Expects multiple Element Buttons
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: t.oneOf(["dense", "standard", "airy"])
-}, Tn = {
-  children: null,
-  variant: "standard"
-}, En = ["altColor", "buttonSize", "children", "className", "customRef", "disabled", "elevation", "primary", "secondary", "tertiary", "text", "danger", "filled", "fullWidth", "href", "label", "leadingIcon", "onClick", "outlined", "tag", "themeColor", "trailingIcon", "type", "unelevated", "variant"], o = In, mn = /* @__PURE__ */ D(function(n, a) {
-  var l = n.altColor, u = l === void 0 ? o.altColor : l, c = n.buttonSize, p = c === void 0 ? o.buttonSize : c, e = n.children, b = e === void 0 ? o.children : e, m = n.className, r = m === void 0 ? o.className : m, k = n.customRef, T = k === void 0 ? o.customRef : k, C = n.disabled, B = C === void 0 ? o.disabled : C, O = n.elevation, g = O === void 0 ? o.elevation : O, v = n.primary, w = v === void 0 ? o.primary : v, x = n.secondary, _ = x === void 0 ? o.secondary : x, N = n.tertiary, R = N === void 0 ? o.tertiary : N, I = n.text, U = I === void 0 ? o.text : I, i = n.danger, S = i === void 0 ? o.danger : i, f = n.filled, d = f === void 0 ? o.filled : f, s = n.fullWidth, W = s === void 0 ? o.fullWidth : s, H = n.href, j = H === void 0 ? o.href : H, q = n.label, bn = q === void 0 ? o.label : q, G = n.leadingIcon, M = G === void 0 ? o.leadingIcon : G, X = n.onClick, vn = X === void 0 ? o.onClick : X, Y = n.outlined, A = Y === void 0 ? o.outlined : Y, F = n.tag, fn = F === void 0 ? o.tag : F, J = n.themeColor, K = J === void 0 ? o.themeColor : J, L = n.trailingIcon, Q = L === void 0 ? o.trailingIcon : L, V = n.type, hn = V === void 0 ? o.type : V, Z = n.unelevated, nn = Z === void 0 ? o.unelevated : Z, tn = n.variant, en = tn === void 0 ? o.variant : tn, yn = rn(n, En), E = sn(T || null);
-  cn(a, function() {
-    return E.current;
-  }, []);
-  var gn = bn || b, kn = fn || (j ? "a" : "button"), on = an(function() {
-    return {
-      variant: en,
-      outlined: A,
-      text: U,
-      tertiary: R,
-      danger: S,
-      themeColor: K,
-      filled: d,
-      primary: w,
-      secondary: _,
-      unelevated: nn,
-      fullWidth: W,
-      elevation: g,
-      buttonSize: p,
-      className: r,
-      altColor: u
-    };
-  }, [en, A, U, R, S, K, d, w, _, nn, W, g, p, r, u]), wn = an(function() {
-    return zn(on);
-  }, [on]);
-  return /* @__PURE__ */ y.createElement($, {
-    componentRef: E
-  }, /* @__PURE__ */ y.createElement(kn, un({
-    ref: E,
-    href: j,
-    onClick: vn,
-    type: hn,
-    disabled: B,
-    className: wn
-  }, yn), /* @__PURE__ */ y.createElement("span", {
-    className: "mdc-button__ripple"
-  }), M && /* @__PURE__ */ y.createElement(ln, {
-    icon: M,
-    position: "leading"
-  }), /* @__PURE__ */ y.createElement("span", {
-    className: "mdc-button__label"
-  }, gn), Q && /* @__PURE__ */ y.createElement(ln, {
-    icon: Q,
-    position: "trailing"
-  }), /* @__PURE__ */ y.createElement("span", {
-    className: "mdc-button__touch"
-  })));
-}), Pn = function(n) {
-  var a = n.variant, l = n.outlined, u = n.text, c = n.tertiary, p = n.danger, e = n.themeColor;
-  n.filled, n.primary;
-  var b = n.secondary, m = n.altColor;
-  return {
-    isOutlined: a === "outlined" || l || b,
-    isRounded: a === "rounded-small" || a === "rounded-micro",
-    isText: a === "text" || u || c,
-    isDanger: a === "danger" || p || e === "danger",
-    isSuccess: a === "success" || e === "success",
-    isSecondaryColor: m || e === "secondary",
-    isPrimaryColor: e === "primary",
-    isOnUnknownBlack: e === "onUnknownBlack" || e === "on-unknown-black",
-    isOnUnknownWhite: e === "onUnknownWhite" || e === "on-unknown-white",
-    isOnPrimary: e === "onPrimary" || e === "on-primary",
-    isOnSecondary: e === "onSecondary" || e === "on-secondary",
-    isOnSuccess: e === "on-success",
-    isOnDanger: e === "on-danger"
-  };
-}, zn = function(n) {
-  var a = n.variant, l = n.unelevated, u = n.fullWidth, c = n.elevation, p = n.buttonSize, e = n.className, b = n.filled, m = n.primary, r = Pn(n), k = r.isOutlined, T = r.isRounded, C = r.isText, B = r.isDanger, O = r.isSuccess, g = r.isSecondaryColor, v = r.isPrimaryColor, w = r.isOnUnknownBlack, x = r.isOnUnknownWhite, _ = r.isOnPrimary, N = r.isOnSecondary, R = r.isOnSuccess, I = r.isOnDanger, U = ["lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", "mdc-touch-target-wrapper"], i = [], S = !k && !C && (a === "filled" || b || m);
-  S && l && (v && i.push("lmnt-button--filled-primary"), g && i.push("lmnt-button--filled-secondary"), B && i.push("lmnt-button--filled-danger"), O && i.push("lmnt-button--filled-success")), S && !l && (i.push("mdc-button--raised"), v && i.push("lmnt-button--filled-primary"), g && i.push("lmnt-button--filled-secondary"), _ && i.push("lmnt-button--filled-on-primary"), N && i.push("lmnt-button--filled-on-secondary"), R && i.push("lmnt-button--filled-on-success"), I && i.push("lmnt-button--filled-on-danger"), w && i.push("lmnt-button--filled-on-unknown-black"), x && i.push("lmnt-button--filled-on-unknown-white"));
-  var f = [];
-  k && (f.push("mdc-button--outlined"), v && f.push("lmnt-button--outlined-primary"), g && f.push("lmnt-button--outlined-secondary"), _ && f.push("lmnt-button--outlined-on-primary"), N && f.push("lmnt-button--outlined-on-secondary"), x && f.push("lmnt-button--outlined-on-unknown-white"), w && f.push("lmnt-button--outlined-on-unknown-black"));
-  var d = [];
-  C && (d.push("mdc-button__text"), _ && d.push("lmnt-button--text-on-primary"), N && d.push("lmnt-button--text-on-secondary"), x && d.push("lmnt-button--text-on-unknown-white"), w && d.push("lmnt-button--text-on-unknown-black"), v && d.push("lmnt-button--text-primary"), g && d.push("lmnt-button--text-secondary"), B && d.push("lmnt-button--text-danger"), O && d.push("lmnt-button--text-success")), T && (x && d.push("lmnt-button--text-on-unknown-white mdc-button__text"), w && d.push("lmnt-button--text-on-unknown-black mdc-button__text"));
-  var s = [];
-  B ? (l && g && s.push("lmnt-button--danger-secondary"), !l && g && (s.push("lmnt-button--danger-secondary"), s.push("mdc-button--raised")), l && v && s.push("lmnt-button--danger-primary"), !l && v && (s.push("lmnt-button--danger-primary"), s.push("mdc-button--raised")), k && s.push("lmnt-button--danger-primary")) : O && (l && v && s.push("lmnt-button--success-primary"), !l && v && (s.push("lmnt-button--success-primary"), s.push("mdc-button--raised")), k && s.push("lmnt-button--success-primary"));
-  var W = [u && "lmnt-button--full-width", l && !C && "mdc-button--unelevated", c === "flat" && "lmnt-button--flat", c === "elevated" && "lmnt-button--elevated", "lmnt-button--".concat(p), a === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", a === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", e];
-  return dn.apply(void 0, xn(U).call(U, i, f, d, s, W));
-}, ln = function(n) {
-  var a = n.icon, l = n.position, u = "mdc-button__icon lmnt-button__icon--".concat(l);
-  return typeof a == "string" ? /* @__PURE__ */ y.createElement(On, {
-    className: u,
-    icon: a
-  }) : typeof a == "function" ? a({
-    className: u
-  }) : Cn(a, u);
-};
-mn.displayName = "Button";
-mn.propTypes = Rn;
-var Dn = ["children", "className", "variant"], z = Tn, pn = /* @__PURE__ */ D(function(n, a) {
-  var l = n.children, u = l === void 0 ? z.children : l, c = n.className, p = c === void 0 ? z.className : c, e = n.variant, b = e === void 0 ? z.variant : e, m = rn(n, Dn);
-  return /* @__PURE__ */ y.createElement("div", un({
-    ref: a,
-    className: dn("lmnt", "lmnt-button-group", b === "dense" && "lmnt-button-group--dense", b === "standard" && "lmnt-button-group--standard", b === "airy" && "lmnt-button-group--airy", p)
-  }, m), u);
-});
-pn.displayName = "ButtonGroup";
-pn.propTypes = Wn;
-export {
-  $ as c,
-  mn as d
-};

package/dist/index.es-CIsLNz4j-ZEEcPmTs.js

@@ -1,79 +0,0 @@
-import { r as Z, h as _, e as q, Z as g, c as w, p, f as x, v as z, s as N, X as A, a as f, b as B, t as d } from "./useTranslation-B_lNCuLm.js";
-import E, { forwardRef as H, useMemo as I, useRef as M, useImperativeHandle as $ } from "react";
-var k = {
-  /**
-   * Content to be rendered inside the padding component. Accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: d.node.isRequired,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: d.string,
-  /**
-   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
-   *
-   * Defaults to **null**.
-   */
-  customPadding: d.string,
-  /**
-   * By default a div will be rendered, this allow another tag to be used instead. A block type component is suggested.
-   *
-   * Defaults to **'div'**.
-   */
-  tag: d.oneOfType([d.string, d.elementType]),
-  /**
-   * Applies the specified padding amount. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: d.oneOf(["dense", "standard", "airy"])
-}, C = {
-  children: null,
-  className: void 0,
-  customPadding: null,
-  tag: "div",
-  variant: "standard"
-}, D = ["tag", "variant", "children", "className", "customPadding", "style"];
-function y(a, n) {
-  var e = A(a);
-  if (f) {
-    var s = f(a);
-    n && (s = B(s).call(s, function(t) {
-      return N(a, t).enumerable;
-    })), e.push.apply(e, s);
-  }
-  return e;
-}
-function h(a) {
-  for (var n = 1; n < arguments.length; n++) {
-    var e, s, t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? g(e = y(Object(t), !0)).call(e, function(r) {
-      w(a, r, t[r]);
-    }) : p ? x(a, p(t)) : g(s = y(Object(t))).call(s, function(r) {
-      z(a, r, N(t, r));
-    });
-  }
-  return a;
-}
-var i = C, P = /* @__PURE__ */ H(function(a, n) {
-  var e = a.tag, s = e === void 0 ? i.tag : e, t = a.variant, r = t === void 0 ? i.variant : t, l = a.children, b = l === void 0 ? i.children : l, c = a.className, O = c === void 0 ? i.className : c, u = a.customPadding, o = u === void 0 ? i.customPadding : u, m = a.style, v = m === void 0 ? i.style : m, T = Z(a, D), j = I(function() {
-    return h(h({}, v), {}, {
-      padding: o
-    });
-  }, [v, o]), R = s || "div", X = M();
-  return $(n, function() {
-    return X.current;
-  }, []), /* @__PURE__ */ E.createElement(R, _({
-    className: q("lmnt", "lmnt-padding", r === "dense" && "lmnt-padding--dense", r === "standard" && "lmnt-padding--standard", r === "airy" && "lmnt-padding--airy", O),
-    style: j
-  }, T), b);
-});
-P.displayName = "Padding";
-P.propTypes = k;
-export {
-  P as b
-};