@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/index.es-Dw1eih7R.js

@@ -1,159 +0,0 @@
-import { _ as g, c as h, P as r } from "./index-D5m--65X.js";
-import v, { forwardRef as x, useRef as w, useImperativeHandle as A } from "react";
-import { d as P } from "./index.es-ChSlnpSq.js";
-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: P(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__ */ x((e, s) => {
-  const {
-    children: c,
-    className: o,
-    direction: l,
-    fullWidth: i,
-    gap: d,
-    padding: p,
-    primaryAlign: u,
-    secondaryAlign: f,
-    style: m,
-    variant: D,
-    ...y
-  } = e;
-  let t = {
-    display: "flex",
-    flexDirection: _(l),
-    justifyContent: O(u),
-    alignItems: z(f),
-    gap: R(p || d)
-  };
-  i && (t = {
-    ...t,
-    width: "100%"
-  }), t = {
-    ...t,
-    ...m
-  };
-  const a = w();
-  return A(s, () => a.current, []), /* @__PURE__ */ v.createElement("div", g({
-    ref: a,
-    className: h(
-      "lmnt",
-      "lmnt-group",
-      // variant === 'dense' && 'lmnt-button-group--dense',
-      // variant === 'standard' && 'lmnt-button-group--standard',
-      // variant === 'airy' && 'lmnt-button-group--airy',
-      o
-    ),
-    style: t
-  }, y), c);
-});
-n.displayName = "Group";
-n.propTypes = b;
-n.defaultProps = G;
-export {
-  n as G
-};

package/dist/index.es-eKuwB1ll.js

@@ -1,54 +0,0 @@
-import { _ as c, c as b, P as e } from "./index-D5m--65X.js";
-import u, { forwardRef as m, useRef as f, useImperativeHandle as h } from "react";
-const I = {
-  /**
-   * Content to be rendered inside the FormField. Accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node.isRequired,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * Applies disabled styling.
-   *
-   * Defaults to **false**.
-   */
-  disabled: e.bool,
-  /**
-   * Visibly disable the label, though it will still be available to screen readers.
-   *
-   * Defaults to **false**.
-   */
-  hideLabel: e.bool
-}, L = {
-  children: null,
-  className: void 0,
-  disabled: !1,
-  hideLabel: !1
-}, a = /* @__PURE__ */ m((r, t) => {
-  const {
-    children: n,
-    className: d,
-    disabled: o,
-    hideLabel: i,
-    targetId: l,
-    ...p
-  } = r, s = f();
-  return h(t, () => s.current, []), /* @__PURE__ */ u.createElement("label", c({
-    ref: s,
-    className: b("lmnt-input-label", i && "sr-only", o && "lmnt-theme-on-surface-disabled", d),
-    htmlFor: l,
-    "aria-labelledby": l
-  }, p), n);
-});
-a.displayName = "InputLabel";
-a.propTypes = I;
-a.defaultProps = L;
-export {
-  a as I
-};

package/dist/index.es-qxTN-Bb2.js

@@ -1,107 +0,0 @@
-import { c as N, _ as O, P as e } from "./index-D5m--65X.js";
-import n, { forwardRef as _, useRef as h, useImperativeHandle as x, useMemo as o } from "react";
-import { c as R } from "./index.es-ChSlnpSq.js";
-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__ */ _((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,
-    ...f
-  } = y, v = h();
-  x(P, () => v.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 ? R(l, {
-      className: g,
-      ...f
-    }) : /* @__PURE__ */ n.createElement(b, O({
-      ref: v,
-      className: g,
-      style: T
-    }, f), l))
-  );
-});
-a.displayName = "Elevation";
-a.propTypes = W;
-a.defaultProps = $;
-var D = /* @__PURE__ */ n.memo(a);
-export {
-  D as E
-};