@hortiview/shared-components 0.0.11176 → 0.0.11587

package/dist/index.es-CL_Heu1n.js

@@ -0,0 +1,54 @@
+import { _ as c, c as b, P as e } from "./identity-DLWZln-X.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-CiqbARoC.js

@@ -0,0 +1,306 @@
+import { _ as S, c as W, P as n } from "./identity-DLWZln-X.js";
+import u, { forwardRef as D, useRef as on, useImperativeHandle as ln, useCallback as T } from "react";
+import { R as an } from "./index.es-DKDgy7Kt.js";
+import { I as R } from "./index.es-3043KTnb.js";
+import { a as E, d as r, b as rn } from "./index.es-da0cf7oE.js";
+const dn = {
+  /**
+   * @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(u.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: rn(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: i,
+    onClick: K,
+    outlined: M,
+    tag: Q,
+    themeColor: e,
+    trailingIcon: c,
+    type: V,
+    unelevated: t,
+    variant: d,
+    ...X
+  } = _, v = on(G || null);
+  ln(h, () => v.current, []);
+  const Y = J || p, Z = Q || (P ? "a" : "button"), l = d === "outlined" || M || H, U = d === "rounded-small" || d === "rounded-micro", a = d === "text" || $ || L, m = d === "danger" || j || e === "danger", b = d === "success" || e === "success", o = !l && !a && (d === "filled" || q || F), f = k || e === "secondary", s = e === "primary", nn = c && !i, 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 = T(() => typeof i == "string" ? /* @__PURE__ */ u.createElement(R, {
+    tabIndex: 0,
+    role: "button",
+    className: "mdc-button__icon lmnt-button__icon--leading",
+    icon: i
+  }) : typeof i == "function" ? i({
+    className: "mdc-button__icon lmnt-button__icon--leading"
+  }) : E(i, "mdc-button__icon lmnt-button__icon--leading"), [i]), en = T(() => typeof c == "string" ? /* @__PURE__ */ u.createElement(R, {
+    tabIndex: 0,
+    role: "button",
+    className: "mdc-button__icon lmnt-button__icon--trailing",
+    icon: c
+  }) : typeof c == "function" ? c({
+    className: "mdc-button__icon lmnt-button__icon--trailing"
+  }) : E(c, "mdc-button__icon lmnt-button__icon--trailing"), [c]);
+  return /* @__PURE__ */ u.createElement(an, {
+    componentRef: v
+  }, /* @__PURE__ */ u.createElement(Z, S({
+    ref: v,
+    href: P,
+    onClick: K,
+    type: V,
+    disabled: z,
+    className: W("lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", o && t && s && "lmnt-button--filled-primary", o && m && "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"], l && s && ["lmnt-button--outlined-primary", "mdc-button--outlined"], o && !t && B && ["lmnt-button--filled-on-primary", "mdc-button--raised"], l && f && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], l && B && "lmnt-button--outlined-on-primary mdc-button--outlined", l && I && "lmnt-button--outlined-on-secondary mdc-button--outlined", l && g && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", l && y && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", a && B && "lmnt-button--text-on-primary mdc-button__text", a && I && "lmnt-button--text-on-secondary mdc-button__text", a && g && "lmnt-button--text-on-unknown-white mdc-button__text", a && 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", a && s && "lmnt-button--text-primary", a && f && "lmnt-button--text-secondary", a && m && "lmnt-button--text-danger", a && b && "lmnt-button--text-success", m && t && f && "lmnt-button--danger-secondary", m && !t && f && ["lmnt-button--danger-secondary", "mdc-button--raised"], m && t && s && "lmnt-button--danger-primary", m && !t && s && ["lmnt-button--danger-primary", "mdc-button--raised"], m && l && ["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 && l && ["lmnt-button--success-primary", "mdc-button--outlined"], b && l && ["lmnt-button--success-primary", "mdc-button--outlined"], A && "lmnt-button--full-width", t && !a && "mdc-button--unelevated", N === "flat" && "lmnt-button--flat", N === "elevated" && "lmnt-button--elevated", `lmnt-button--${x}`, d === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", d === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", w, "mdc-touch-target-wrapper")
+  }, X), /* @__PURE__ */ u.createElement("span", {
+    className: "mdc-button__ripple"
+  }), i && tn(), /* @__PURE__ */ u.createElement("span", {
+    className: "mdc-button__label"
+  }, Y), nn && en(), /* @__PURE__ */ u.createElement("span", {
+    className: "mdc-button__touch"
+  })));
+});
+O.displayName = "Button";
+O.propTypes = dn;
+O.defaultProps = un;
+const C = /* @__PURE__ */ D((_, h) => {
+  const {
+    children: k,
+    className: x,
+    variant: p,
+    ...w
+  } = _;
+  return /* @__PURE__ */ u.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-D-CKRzIB.js

@@ -0,0 +1,63 @@
+import { _ as u, c as P, P as a } from "./identity-DLWZln-X.js";
+import f, { forwardRef as y, useMemo as v, useRef as T, useImperativeHandle as N } from "react";
+const R = {
+  /**
+   * Content to be rendered inside the padding component. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.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: a.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: a.oneOfType([a.string, a.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: a.oneOf(["dense", "standard", "airy"])
+}, _ = {
+  children: null,
+  className: void 0,
+  customPadding: null,
+  tag: "div",
+  variant: "standard"
+}, n = /* @__PURE__ */ y((t, r) => {
+  const {
+    tag: i,
+    variant: e,
+    children: l,
+    className: o,
+    customPadding: d,
+    style: s,
+    ...c
+  } = t, m = v(() => ({
+    ...s,
+    padding: d
+  }), [s, d]), p = i || "div", g = T();
+  return N(r, () => g.current, []), /* @__PURE__ */ f.createElement(p, u({
+    className: P("lmnt", "lmnt-padding", e === "dense" && "lmnt-padding--dense", e === "standard" && "lmnt-padding--standard", e === "airy" && "lmnt-padding--airy", o),
+    style: m
+  }, c), l);
+});
+n.displayName = "Padding";
+n.propTypes = R;
+n.defaultProps = _;
+export {
+  n as P
+};

package/dist/index.es-D6N-XWHe.js

@@ -0,0 +1,56 @@
+import d, { forwardRef as y, useState as P, useRef as b, useImperativeHandle as v, useEffect as R } from "react";
+import T from "react-dom";
+import { e as _ } from "./index.es-da0cf7oE.js";
+import { P as o } from "./identity-DLWZln-X.js";
+const g = {
+  /**
+   * Content to be rendered inside the portal.
+   *
+   * Defaults to **null**.
+   */
+  children: o.node,
+  /**
+   * Disables the portal to rendering children in the natural flow of the DOM.
+   *
+   * Defaults to **false**.
+   */
+  disabled: o.bool,
+  /**
+   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
+   *
+   * Defaults to **'document.body'**.
+   */
+  portalContainer: o.oneOfType([o.string, o.node])
+}, h = {
+  children: null,
+  disabled: !1,
+  portalContainer: "document.body"
+}, t = /* @__PURE__ */ y((i, m) => {
+  var r;
+  const [s, n] = P((r = document) === null || r === void 0 ? void 0 : r.body), {
+    children: c,
+    container: e,
+    disabled: p
+  } = i, u = b();
+  return v(m, () => u.current, []), R(() => {
+    var a;
+    const l = (a = document) === null || a === void 0 ? void 0 : a.body;
+    if (typeof e == "string")
+      if (e === "document.body")
+        n(l);
+      else {
+        const f = _(e);
+        n(f || l);
+      }
+    else
+      n(e || l);
+  }, [e]), // eslint-disable-next-line react/jsx-no-useless-fragment
+  /* @__PURE__ */ d.createElement(d.Fragment, null, p || !s ? c : /* @__PURE__ */ T.createPortal(c, s));
+});
+t.displayName = "Portal";
+t.propTypes = g;
+t.defaultProps = h;
+var O = /* @__PURE__ */ d.memo(t);
+export {
+  O as P
+};

package/dist/index.es-DKDgy7Kt.js

@@ -0,0 +1,45 @@
+import { forwardRef as f, useRef as i, useImperativeHandle as s, useEffect as l } from "react";
+import { P as r } from "./identity-DLWZln-X.js";
+import { M as R } from "./component-DsB0poTj.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
+};

package/dist/index.es-DntoATwO.js

@@ -0,0 +1,159 @@
+import { _ as g, c as h, P as r } from "./identity-DLWZln-X.js";
+import v, { forwardRef as x, useRef as w, useImperativeHandle as A } from "react";
+import { d as P } from "./index.es-da0cf7oE.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
+};