@hortiview/shared-components 0.0.4539 → 0.0.4624

package/dist/{index.es-CUWXKh7P.js → index.es-C1ojb4Lq.js}

@@ -1,4 +1,4 @@
-import { P as e, c as N, a as O, _ } from "./index.es-WZ1mqvGz.js";
+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 = {
   /**
@@ -65,14 +65,14 @@ const W = {
   rounded: !1,
   tag: "div",
   transition: null
-}, t = /* @__PURE__ */ h((y, P) => {
+}, a = /* @__PURE__ */ h((y, P) => {
   const {
     children: l,
     className: d,
     customPadding: s,
     elevation: i,
     noWrap: E,
-    padding: a,
+    padding: t,
     rounded: r,
     tag: m,
     outlined: p,
@@ -81,7 +81,7 @@ const W = {
     ...v
   } = y, f = x();
   R(P, () => f.current, []);
-  const g = o(() => N("lmnt", `mdc-elevation--z${i}`, a === "standard" && "lmnt-elevation--padding-standard", a === "dense" && "lmnt-elevation--padding-dense", a === "airy" && "lmnt-elevation--padding-airy", u && "mdc-elevation-transition", r && "lmnt-elevation--rounded", p && "lmnt-elevation--outlined", d), [i, a, u, r, p, d]), T = o(() => ({
+  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]);
@@ -97,10 +97,10 @@ const W = {
     }, v), l))
   );
 });
-t.displayName = "Elevation";
-t.propTypes = W;
-t.defaultProps = $;
-var C = /* @__PURE__ */ n.memo(t);
+a.displayName = "Elevation";
+a.propTypes = W;
+a.defaultProps = $;
+var C = /* @__PURE__ */ n.memo(a);
 export {
   C as E
 };

package/dist/{index.es-DYsXox--.js → index.es-CNBieliG.js}

@@ -1,4 +1,4 @@
-import { P as r, d as m, _ as h, c as v } from "./index.es-WZ1mqvGz.js";
+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 = {
   /**

package/dist/index.es-CQ3ep412.js

@@ -0,0 +1,305 @@
+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-mBp_Btvi.js → index.es-CVCp4d0C.js}

@@ -1,6 +1,6 @@
 import { forwardRef as f, useRef as i, useImperativeHandle as s, useEffect as l } from "react";
-import { P as r } from "./index.es-WZ1mqvGz.js";
-import { M as R } from "./component-D1YrRAXe.js";
+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.