@hortiview/shared-components 0.0.4722 → 0.0.4724

package/dist/index.es-C1ojb4Lq.js

@@ -1,106 +0,0 @@
-import { P as e, c as N, e as O, _ } from "./index.es-Cct4Uapb.js";
-import n, { forwardRef as h, useRef as x, useImperativeHandle as R, useMemo as o } from "react";
-const W = {
-  /**
-   * Content to be rendered inside the elevation.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
-   *
-   * Defaults to **null**.
-   */
-  customPadding: e.string,
-  /**
-   * Sets the distance of the elevation. Value must be between 0-24.
-   *
-   * Defaults to **0**.
-   */
-  elevation: e.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]),
-  /**
-   * Avoids adding an extra element to the DOM and applies proper classes directly to the child element.
-   *
-   * Defaults to **null**.
-   */
-  noWrap: e.bool,
-  /**
-   * The elevation element will have a visible border.
-   *
-   * Defaults to **false**.
-   */
-  outlined: e.bool,
-  /**
-   * Adds a universal padding around the child content. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
-   *
-   * Defaults to **undefined**.
-   */
-  padding: e.oneOf(["standard", "dense", "airy"]),
-  /**
-   * The elevation element will have a border radius of 8px.
-   *
-   * Defaults to **false**.
-   */
-  rounded: e.bool,
-  /**
-   * HTML tag to render the contents in.
-   *
-   * Defaults to **'div'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(n.Component)]),
-  /**
-   * Adds animation when elevation is changed.
-   *
-   * Defaults to **null**.
-   */
-  transition: e.bool
-}, $ = {
-  children: null,
-  customPadding: null,
-  elevation: 0,
-  noWrap: null,
-  outlined: !1,
-  padding: void 0,
-  rounded: !1,
-  tag: "div",
-  transition: null
-}, a = /* @__PURE__ */ h((y, P) => {
-  const {
-    children: l,
-    className: d,
-    customPadding: s,
-    elevation: i,
-    noWrap: E,
-    padding: t,
-    rounded: r,
-    tag: m,
-    outlined: p,
-    style: c,
-    transition: u,
-    ...v
-  } = y, f = x();
-  R(P, () => f.current, []);
-  const g = o(() => N("lmnt", `mdc-elevation--z${i}`, t === "standard" && "lmnt-elevation--padding-standard", t === "dense" && "lmnt-elevation--padding-dense", t === "airy" && "lmnt-elevation--padding-airy", u && "mdc-elevation-transition", r && "lmnt-elevation--rounded", p && "lmnt-elevation--outlined", d), [i, t, u, r, p, d]), T = o(() => ({
-    ...c,
-    padding: s
-  }), [c, s]), b = o(() => m, [m]);
-  return (
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    /* @__PURE__ */ n.createElement(n.Fragment, null, E ? O(l, {
-      className: g,
-      ...v
-    }) : /* @__PURE__ */ n.createElement(b, _({
-      ref: f,
-      className: g,
-      style: T
-    }, v), l))
-  );
-});
-a.displayName = "Elevation";
-a.propTypes = W;
-a.defaultProps = $;
-var C = /* @__PURE__ */ n.memo(a);
-export {
-  C as E
-};

package/dist/index.es-CNBieliG.js

@@ -1,151 +0,0 @@
-import { P as r, d as m, _ as h, c as v } from "./index.es-Cct4Uapb.js";
-import x, { forwardRef as w, useRef as A, useImperativeHandle as P } from "react";
-const b = {
-  /**
-   * Children to be rendered. Expects multiple components of a similar type.
-   *
-   * Defaults to **null**.
-   */
-  children: r.node,
-  /**
-   * The grouping direction.
-   *
-   * Defaults to **'horizontal'**.
-   */
-  direction: r.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
-  /**
-   * Sets the Group width to be 100%.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: r.bool,
-  /**
-   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  gap: r.oneOf(["dense", "standard", "airy", "none"]),
-  /**
-   * @deprecated _Renamed for improved clarity. See `gap`._
-   *
-   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **undefined**.
-   */
-  padding: m(r.oneOf(["dense", "standard", "airy", "none"]), "Group", "Renamed for improved clarity. See `gap`."),
-  /**
-   * Alignment along the primary axis. 'For `horizontal` grouping this means the x-axis positioning, for `vertical`, this means the y-axis positioning.Equivalent to flexbox 'justify-content.
-   *
-   * Defaults to **'start'**.
-   */
-  primaryAlign: r.oneOf(["start", "end", "center", "space-evenly", "space-between", "space-around"]),
-  /**
-   * Alignment along the secondary axis. For horizontal grouping this means the y-axis positioning, for vertical, this means the x-axis positioning.Equivalent to flexbox 'align-items.
-   *
-   * Defaults to **'baseline'**.
-   */
-  secondaryAlign: r.oneOf(["start", "end", "center", "stretch", "baseline"])
-}, G = {
-  children: null,
-  direction: "horizontal",
-  fullWidth: !1,
-  gap: "standard",
-  padding: void 0,
-  primaryAlign: "start",
-  secondaryAlign: "baseline"
-}, z = (e) => {
-  switch (e) {
-    case "end":
-      return "flex-end";
-    case "start":
-      return "flex-start";
-    case "center":
-      return "center";
-    case "stretch":
-      return "stretch";
-    case "baseline":
-    default:
-      return "baseline";
-  }
-}, O = (e) => {
-  switch (e) {
-    case "end":
-      return "flex-end";
-    case "center":
-      return "center";
-    case "space-evenly":
-      return "space-evenly";
-    case "space-between":
-      return "space-between";
-    case "space-around":
-      return "space-around";
-    case "start":
-    default:
-      return "flex-start";
-  }
-}, R = (e) => {
-  switch (e) {
-    case "dense":
-      return "8px";
-    case "airy":
-      return "24px";
-    case "standard":
-      return "16px";
-    case "none":
-    default:
-      return "0px";
-  }
-}, _ = (e) => {
-  switch (e) {
-    case "horizontal":
-      return "row";
-    case "vertical":
-      return "column";
-    case "horizontal-reverse":
-      return "row-reverse";
-    case "vertical-reverse":
-      return "column-reverse";
-    default:
-      return "row";
-  }
-}, n = /* @__PURE__ */ w((e, a) => {
-  const {
-    children: s,
-    className: c,
-    direction: o,
-    fullWidth: l,
-    gap: i,
-    padding: d,
-    primaryAlign: u,
-    secondaryAlign: p,
-    style: f,
-    variant: D,
-    ...y
-  } = e, g = {
-    display: "flex",
-    flexDirection: _(o),
-    justifyContent: O(u),
-    alignItems: z(p),
-    gap: R(d || i),
-    width: l ? "100%" : "",
-    ...f
-  }, t = A();
-  return P(a, () => t.current, []), /* @__PURE__ */ x.createElement("div", h({
-    ref: t,
-    className: v(
-      "lmnt",
-      "lmnt-group",
-      // variant === 'dense' && 'lmnt-button-group--dense',
-      // variant === 'standard' && 'lmnt-button-group--standard',
-      // variant === 'airy' && 'lmnt-button-group--airy',
-      c
-    ),
-    style: g
-  }, y), s);
-});
-n.displayName = "Group";
-n.propTypes = b;
-n.defaultProps = G;
-export {
-  n as G
-};

package/dist/index.es-CQ3ep412.js

@@ -1,305 +0,0 @@
-import { d as r, P as n, a as on, b as T, _ as S, c as W } from "./index.es-Cct4Uapb.js";
-import i, { forwardRef as D, useRef as ln, useImperativeHandle as an, useCallback as R } from "react";
-import { R as dn } from "./index.es-CVCp4d0C.js";
-import { I as E } from "./index.es-InSNsV4f.js";
-const 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: r(n.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: n.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: n.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: n.string,
-  /**
-   * @deprecated _forwardRef has been implemented for Button._
-   *
-   * Reference to the DOM button. This enables a greater level of integration.
-   *
-   * Defaults to **undefined**.
-   */
-  customRef: r(n.oneOfType([
-    n.func,
-    // eslint-disable-next-line react/forbid-prop-types
-    n.shape({
-      current: n.any
-    })
-  ]), "Button", "forwardRef has been implemented for Button."),
-  /**
-   * @deprecated _Use `variant='danger'` instead._
-   *
-   * Apply danger style to the button.
-   *
-   * Defaults to **undefined**.
-   */
-  danger: r(n.bool, "Button", 'Use `variant="danger"` instead.'),
-  /**
-   * Prevent the user from interacting with the component.
-   *
-   * Defaults to **false**.
-   */
-  disabled: n.bool,
-  /**
-   * Sets elevation of the button. Default will be the theme default.
-   *
-   * Defaults to **'default'**.
-   */
-  elevation: n.oneOf(["default", "elevated", "flat"]),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply a filled-in style. Previously called `primary`.
-   *
-   * Defaults to **undefined**.
-   */
-  filled: r(n.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * Applies a full-width style where the textfield will fill it's container.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: n.bool,
-  /**
-   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
-   *
-   * Defaults to **null**.
-   */
-  href: n.string,
-  /**
-   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
-   *
-   * Defaults to **null**.
-   */
-  label: n.string,
-  /**
-   * Adds the given Icon to the left of the button text. May not be used with `trailingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control,
-   *
-   * Defaults to **undefined**.
-   */
-  leadingIcon: n.oneOfType([n.string, n.func, n.node]),
-  /**
-   * The primary interaction event for button.
-   *
-   * Defaults to **null**.
-   */
-  onClick: n.func,
-  /**
-   * @deprecated _Use `variant='outlined'`._
-   *
-   * Apply outlined style to the button. Previously called `secondary`.
-   *
-   * Defaults to **undefined**.
-   */
-  outlined: r(n.bool, "Button", 'Use `variant="outlined"`.'),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply primary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  primary: r(n.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * @deprecated _Use `'variant=outlined'` instead._
-   *
-   * Apply secondary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  secondary: r(n.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: n.oneOfType([n.string, n.elementType, n.instanceOf(i.Component)]),
-  /**
-   * @deprecated _Use `variant='embedded'` instead._
-   *
-   * Apply tertiary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  tertiary: r(n.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: r(n.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: on(n.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. May not be used with `leadingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control.
-   *
-   * Defaults to **undefined**.
-   */
-  trailingIcon: n.oneOfType([n.string, n.func, n.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: n.oneOf(["button", "submit", "reset"]),
-  /**
-   * @deprecated _Use `elevation='flat' instead._
-   *
-   * Remove elevation.
-   *
-   * Defaults to **undefined**.
-   */
-  unelevated: r(n.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: n.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
-}, un = {
-  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,
-  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"
-}, sn = {
-  /**
-   * Children to be rendered. Expects multiple Element Buttons
-   *
-   * Defaults to **null**.
-   */
-  children: n.node,
-  /**
-   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: n.oneOf(["dense", "standard", "airy"])
-}, cn = {
-  children: null,
-  variant: "standard"
-}, O = /* @__PURE__ */ D((_, h) => {
-  const {
-    altColor: k,
-    buttonSize: x,
-    children: p,
-    className: w,
-    customRef: G,
-    disabled: z,
-    elevation: N,
-    primary: F,
-    secondary: H,
-    tertiary: L,
-    text: $,
-    danger: j,
-    filled: q,
-    fullWidth: A,
-    href: P,
-    label: J,
-    leadingIcon: l,
-    onClick: K,
-    outlined: M,
-    tag: Q,
-    themeColor: e,
-    trailingIcon: m,
-    type: V,
-    unelevated: t,
-    variant: u,
-    ...X
-  } = _, v = ln(G || null);
-  an(h, () => v.current, []);
-  const Y = J || p, Z = Q || (P ? "a" : "button"), a = u === "outlined" || M || H, U = u === "rounded-small" || u === "rounded-micro", d = u === "text" || $ || L, c = u === "danger" || j || e === "danger", b = u === "success" || e === "success", o = !a && !d && (u === "filled" || q || F), f = k || e === "secondary", s = e === "primary", nn = m && !l, y = e === "onUnknownBlack" || e === "on-unknown-black", g = e === "onUnknownWhite" || e === "on-unknown-white", B = e === "onPrimary" || e === "on-primary", I = e === "onSecondary" || e === "on-secondary", tn = R(() => typeof l == "string" ? /* @__PURE__ */ i.createElement(E, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--leading",
-    icon: l
-  }) : typeof l == "function" ? l({
-    className: "mdc-button__icon lmnt-button__icon--leading"
-  }) : T(l, "mdc-button__icon lmnt-button__icon--leading"), [l]), en = R(() => typeof m == "string" ? /* @__PURE__ */ i.createElement(E, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--trailing",
-    icon: m
-  }) : typeof l == "function" ? m({
-    className: "mdc-button__icon lmnt-button__icon--trailing"
-  }) : T(m, "mdc-button__icon lmnt-button__icon--trailing"), [l, m]);
-  return /* @__PURE__ */ i.createElement(dn, {
-    componentRef: v
-  }, /* @__PURE__ */ i.createElement(Z, S({
-    ref: v,
-    href: P,
-    onClick: K,
-    type: V,
-    disabled: z,
-    className: W("lmnt", "mdc-button", "lmnt-button", o && t && s && "lmnt-button--filled-primary", o && c && "lmnt-button--filled-danger", o && b && "lmnt-button--filled-success", o && t && f && "lmnt-button--filled-secondary", o && !t && s && ["lmnt-button--filled-primary", "mdc-button--raised"], o && !t && f && ["lmnt-button--filled-secondary", "mdc-button--raised"], o && !t && e === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], o && !t && e === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], o && !t && e === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], o && !t && e === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], o && !t && y && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], o && !t && g && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], a && s && ["lmnt-button--outlined-primary", "mdc-button--outlined"], o && !t && B && ["lmnt-button--filled-on-primary", "mdc-button--raised"], a && f && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], a && B && "lmnt-button--outlined-on-primary mdc-button--outlined", a && I && "lmnt-button--outlined-on-secondary mdc-button--outlined", a && g && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", a && y && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", d && B && "lmnt-button--text-on-primary mdc-button__text", d && I && "lmnt-button--text-on-secondary mdc-button__text", d && g && "lmnt-button--text-on-unknown-white mdc-button__text", d && y && "lmnt-button--text-on-unknown-black mdc-button__text", U && g && "lmnt-button--text-on-unknown-white mdc-button__text", U && y && "lmnt-button--text-on-unknown-black mdc-button__text", d && s && "lmnt-button--text-primary", d && f && "lmnt-button--text-secondary", d && c && "lmnt-button--text-danger", d && b && "lmnt-button--text-success", c && t && f && "lmnt-button--danger-secondary", c && !t && f && ["lmnt-button--danger-secondary", "mdc-button--raised"], c && t && s && "lmnt-button--danger-primary", c && !t && s && ["lmnt-button--danger-primary", "mdc-button--raised"], c && a && ["lmnt-button--danger-primary", "mdc-button--outlined"], b && t && s && "lmnt-button--success-primary", b && !t && s && ["lmnt-button--success-primary", "mdc-button--raised"], b && a && ["lmnt-button--success-primary", "mdc-button--outlined"], b && a && ["lmnt-button--success-primary", "mdc-button--outlined"], A && "lmnt-button--full-width", t && !d && "mdc-button--unelevated", N === "flat" && "lmnt-button--flat", N === "elevated" && "lmnt-button--elevated", `lmnt-button--${x}`, u === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", u === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", w, "mdc-touch-target-wrapper")
-  }, X), /* @__PURE__ */ i.createElement("span", {
-    className: "mdc-button__ripple"
-  }), l && tn(), /* @__PURE__ */ i.createElement("span", {
-    className: "mdc-button__label"
-  }, Y), nn && en(), /* @__PURE__ */ i.createElement("span", {
-    className: "mdc-button__touch"
-  })));
-});
-O.displayName = "Button";
-O.propTypes = rn;
-O.defaultProps = un;
-const C = /* @__PURE__ */ D((_, h) => {
-  const {
-    children: k,
-    className: x,
-    variant: p,
-    ...w
-  } = _;
-  return /* @__PURE__ */ i.createElement("div", S({
-    ref: h,
-    className: W("lmnt", "lmnt-button-group", p === "dense" && "lmnt-button-group--dense", p === "standard" && "lmnt-button-group--standard", p === "airy" && "lmnt-button-group--airy", x)
-  }, w), k);
-});
-C.displayName = "ButtonGroup";
-C.propTypes = sn;
-C.defaultProps = cn;
-export {
-  O as B
-};

package/dist/index.es-CVCp4d0C.js

@@ -1,45 +0,0 @@
-import { forwardRef as f, useRef as i, useImperativeHandle as s, useEffect as l } from "react";
-import { P as r } from "./index.es-Cct4Uapb.js";
-import { M as R } from "./component-Rx4bNsGO.js";
-const a = {
-  /**
-   * Content to be rendered inside the component.
-   *
-   * Defaults to **null**.
-   */
-  children: r.node,
-  /**
-   * A reference to the component to apply the ripple to.
-   *
-   * Defaults to **undefined**.
-   */
-  componentRef: r.object,
-  /**
-   * Allows the ripple to extend beyond the component boundaries.
-   *
-   * Defaults to **undefined**.
-   */
-  unbounded: r.bool
-}, m = {
-  children: null,
-  componentRef: void 0,
-  unbounded: void 0
-}, o = /* @__PURE__ */ f((u, c) => {
-  const {
-    componentRef: n,
-    unbounded: p,
-    children: d
-  } = u, e = i();
-  return s(c, () => e.current, []), l(() => {
-    const t = n.current;
-    return t && (e.current = R.attachTo(n.current), p && (e.current.unbounded = !0)), () => {
-      t && e.current.destroy();
-    };
-  }, [n, p]), d;
-});
-o.displayName = "Ripple";
-o.propTypes = a;
-o.defaultProps = m;
-export {
-  o as R
-};