@iress-oss/ids-components 6.0.0-alpha.7 → 6.0.0-alpha.9

package/dist/components/Filter/Filter.js

@@ -6,41 +6,36 @@ import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
 import { IressPopover as ae } from "../Popover/Popover.js";
 import "../Popover/Popover.styles.js";
 import "../Popover/InputPopover/InputPopover.js";
-import "../Popover/hooks/usePopover.js";
-import { I as ne } from "../../Button-B4nt3P1v.js";
+import "../Popover/hooks/useFloatingPopover.js";
+import { I as ne } from "../../Button-BkufphWK.js";
 import "../Button/CloseButton/CloseButton.js";
-import { useRichSelectState as me } from "../RichSelect/hooks/useRichSelectState.js";
-import "../../Autocomplete-BQ_YPb5A.js";
-import "../RichSelect/SelectBody/SelectBody.styles.js";
-import { GlobalCSSClass as pe } from "../../enums.js";
-import { useIdIfNeeded as le } from "../../hooks/useIdIfNeeded.js";
-import "../Menu/Menu.js";
-import "../Menu/Menu.styles.js";
-import { IressDivider as ce } from "../Divider/Divider.js";
-import "../Divider/Divider.styles.js";
-import "../Menu/MenuItem/MenuItem.js";
-import { IressIcon as w } from "../Icon/Icon.js";
-import "../Icon/Icon.styles.js";
+import { useRichSelectState as le } from "../RichSelect/hooks/useRichSelectState.js";
+import "../../Autocomplete-64YPQLLR.js";
+import "../RichSelect/SelectBody/SelectBody.js";
+import "../RichSelect/SelectCreate/SelectCreate.js";
 import "../RichSelect/SelectHeading/SelectHeading.js";
-import "../RichSelect/SelectLabel/SelectLabel.styles.js";
-import { IressSelectMenu as de } from "../RichSelect/SelectMenu/SelectMenu.js";
-import "../RichSelect/SelectSearch/SelectSearch.styles.js";
+import "../RichSelect/SelectLabel/SelectLabel.js";
+import { IressSelectMenu as me } from "../RichSelect/SelectMenu/SelectMenu.js";
+import "../RichSelect/SelectSearch/SelectSearch.js";
 import "../RichSelect/SelectSearchInput/SelectSearchInput.js";
-import "../RichSelect/SelectTags/SelectTags.styles.js";
-import "../Tag/Tag.styles.js";
-import "../Tag/TagInput/TagInput.js";
-import "../Inline/Inline.styles.js";
-import "../Inline/Inline.js";
+import "../RichSelect/SelectTags/SelectTags.js";
 import "../Autocomplete/Autocomplete.styles.js";
-import { useAutocompleteSearch as ue } from "../Autocomplete/hooks/useAutocompleteSearch.js";
-import { IressPanel as fe } from "../Panel/Panel.js";
+import { useAutocompleteSearch as pe } from "../Autocomplete/hooks/useAutocompleteSearch.js";
+import { IressPanel as ce } from "../Panel/Panel.js";
 import "../Panel/Panel.styles.js";
-import { useFilterFlags as he } from "./hooks/useFilterFlags.js";
-import { FilterSearch as ve } from "./components/FilterSearch.js";
-import { FilterResetButton as ge } from "./components/FilterResetButton.js";
-import { FilterLabel as be } from "./components/FilterLabel.js";
-import { FilterResultsDescriptor as Fe } from "./components/FilterResultsDescriptor.js";
-const I = {
+import { useFilterFlags as de } from "./hooks/useFilterFlags.js";
+import { useIdIfNeeded as ue } from "../../hooks/useIdIfNeeded.js";
+import { FilterSearch as fe } from "./components/FilterSearch.js";
+import { IressDivider as he } from "../Divider/Divider.js";
+import "../Divider/Divider.styles.js";
+import { FilterResetButton as ve } from "./components/FilterResetButton.js";
+import { FilterLabel as ge } from "./components/FilterLabel.js";
+import { IressIcon as I } from "../Icon/Icon.js";
+import "../Icon/Icon.styles.js";
+import { GlobalCSSClass as Fe } from "../../enums.js";
+import { FilterResultsDescriptor as be } from "./components/FilterResultsDescriptor.js";
+import { s as ye } from "../../factory-CWvlR9Yh.js";
+const w = {
   align: "bottom-start"
 }, Re = ({
   children: P,
@@ -52,7 +47,7 @@ const I = {
   initialOptions: A,
   inputProps: O = {
     clearable: !0,
-    prepend: /* @__PURE__ */ e(w, { name: "search" })
+    prepend: /* @__PURE__ */ e(I, { name: "search" })
   },
   limitDesktop: Q = 12,
   limitMobile: _ = 6,
@@ -65,37 +60,37 @@ const I = {
     footer: k,
     header: E,
     ...H
-  } = I,
+  } = w,
   searchable: v,
   searchNoResultsText: g,
   selectedOptionsText: W,
   value: q,
-  visibleResetButton: m,
+  visibleResetButton: l,
   ...G
 }, U) => {
-  const b = le({ id: D }), F = `${b}-sr-text`, R = te(null), S = re(
+  const F = ue({ id: D }), b = `${F}-sr-text`, y = te(null), R = re(
     () => v ?? typeof i == "function",
     [i, v]
   ), V = {
     clearable: !0,
-    prepend: /* @__PURE__ */ e(w, { name: "search" }),
+    prepend: /* @__PURE__ */ e(I, { name: "search" }),
     ...O
-  }, $ = { ...I, ...H }, { value: y, setValue: c } = me({
+  }, $ = { ...w, ...H }, { value: S, setValue: c } = le({
     component: "IressFilter",
     defaultValue: h,
     multiple: s,
     value: q
-  }), [z, d] = C(""), [J, a] = C(!1), K = (l) => {
-    d(l.target.value);
+  }), [z, d] = C(""), [J, a] = C(!1), K = (p) => {
+    d(p.target.value);
   }, X = () => {
     d("");
-  }, Y = (l) => {
-    M?.(l), c(l), s || a(!1);
+  }, Y = (p) => {
+    M?.(p), c(p), s || a(!1);
   }, Z = () => {
     c(void 0), j?.(), s || a(!1);
   };
   oe(U, () => ({
-    element: R.current ?? void 0,
+    element: y.current ?? void 0,
     clearSearch: () => d(""),
     reset: () => c(h)
   }));
@@ -103,29 +98,29 @@ const I = {
     debouncedQuery: B,
     loading: u,
     results: f,
-    shouldShowInstructions: Se,
-    shouldShowDebounceWaiting: ye,
-    shouldShowNoResults: Ce
-  } = ue({
+    shouldShowInstructions: Ce,
+    shouldShowDebounceWaiting: Ie,
+    shouldShowNoResults: we
+  } = pe({
     debounceThreshold: x,
     initialOptions: A ?? (typeof i == "function" ? void 0 : i),
     options: i,
     query: z
-  }), p = he({
+  }), m = de({
     debouncedQuery: B,
     loading: u,
     results: f,
-    searchable: S,
-    visibleResetButton: m
+    searchable: R,
+    visibleResetButton: l
   }), r = ie();
   return /* @__PURE__ */ n(
-    "div",
+    ye.div,
     {
       ...G,
-      className: se(N, r.root, pe.Filter),
+      className: se(N, r.root, Fe.Filter),
       "data-testid": t,
-      id: b,
-      ref: R,
+      id: F,
+      ref: y,
       children: [
         /* @__PURE__ */ n(
           ae,
@@ -134,7 +129,7 @@ const I = {
             activator: /* @__PURE__ */ n(
               ne,
               {
-                "aria-describedby": F,
+                "aria-describedby": b,
                 "data-testid": o(
                   t,
                   "activator-button__button"
@@ -142,11 +137,11 @@ const I = {
                 onClick: () => a(!0),
                 children: [
                   /* @__PURE__ */ e(
-                    be,
+                    ge,
                     {
                       label: L,
                       selectedOptionsText: W,
-                      value: y
+                      value: S
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: r.chevron })
@@ -162,10 +157,10 @@ const I = {
             type: "listbox",
             children: [
               E,
-              p.showHeader && /* @__PURE__ */ n(T, { children: [
-                /* @__PURE__ */ n(fe, { bg: "transparent", p: "spacing.2", children: [
-                  S && /* @__PURE__ */ e(
-                    ve,
+              m.showHeader && /* @__PURE__ */ n(T, { children: [
+                /* @__PURE__ */ n(ce, { bg: "transparent", p: "spacing.2", children: [
+                  R && /* @__PURE__ */ e(
+                    fe,
                     {
                       ...V,
                       className: r.searchInput,
@@ -175,19 +170,19 @@ const I = {
                       onClear: X
                     }
                   ),
-                  m && /* @__PURE__ */ e(
-                    ge,
+                  l && /* @__PURE__ */ e(
+                    ve,
                     {
                       "data-testid": o(t, "reset-button"),
                       onClick: Z,
-                      children: typeof m == "string" ? m : "Reset filter"
+                      children: typeof l == "string" ? l : "Reset filter"
                     }
                   )
                 ] }),
-                p.showResults && /* @__PURE__ */ e(ce, {})
+                m.showResults && /* @__PURE__ */ e(he, {})
               ] }),
-              p.showResults && /* @__PURE__ */ e(
-                de,
+              m.showResults && /* @__PURE__ */ e(
+                me,
                 {
                   className: r.optionList,
                   "data-testid": o(t, "menu"),
@@ -196,21 +191,21 @@ const I = {
                   limitMobile: _,
                   multiSelect: s,
                   onChange: Y,
-                  selected: y,
+                  selected: S,
                   selectedFirst: s
                 }
               ),
-              p.showNoResults && /* @__PURE__ */ e("div", { className: r.noResults, children: g }),
+              m.showNoResults && /* @__PURE__ */ e("div", { className: r.noResults, children: g }),
               k
             ]
           }
         ),
         P,
         /* @__PURE__ */ e(
-          Fe,
+          be,
           {
             "data-testid": o(t, "results-sr-text"),
-            id: F,
+            id: b,
             loading: u,
             noResultsText: g,
             results: f
@@ -219,7 +214,8 @@ const I = {
       ]
     }
   );
-}, dt = ee(Re);
+}, Se = ee(Re);
+Se.displayName = "IressFilter";
 export {
-  dt as IressFilter
+  Se as IressFilter
 };

package/dist/components/Filter/Filter.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-OmxClA9g.js";
+import { s as t } from "../../sva-wwkEhoyo.js";
 const e = t({
   slots: [
     "root",

package/dist/components/Filter/components/FilterLabel.d.ts

@@ -0,0 +1,6 @@
+import { IressFilterProps } from '../Filter';
+export type FilterLabelProps<TMultiple extends boolean = false> = Pick<IressFilterProps<TMultiple>, 'label' | 'selectedOptionsText' | 'value'>;
+export declare const FilterLabel: {
+    <TMultiple extends boolean = false>({ label, selectedOptionsText, value, }: FilterLabelProps<TMultiple>): import('react').ReactNode;
+    displayName: string;
+};

package/dist/components/Filter/components/FilterLabel.js

@@ -1,10 +1,11 @@
-import { composeLabelValueDescriptor as e } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
+import { composeLabelValueDescriptor as o } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
 import { toArray as i } from "../../../helpers/formatting/toArray.js";
-const f = ({
+const p = ({
   label: r,
-  selectedOptionsText: o,
+  selectedOptionsText: e,
   value: t
-}) => i(t).length && typeof r == "string" ? `${r}: ${e(t, o)}` : r;
+}) => i(t).length && typeof r == "string" ? `${r}: ${o(t, e)}` : r;
+p.displayName = "FilterLabel";
 export {
-  f as FilterLabel
+  p as FilterLabel
 };

package/dist/components/Filter/components/FilterResetButton.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { I as i } from "../../../Button-B4nt3P1v.js";
+import { I as i } from "../../../Button-BkufphWK.js";
 import "../../Button/CloseButton/CloseButton.js";
 import { filter as p } from "../Filter.styles.js";
 import { usePopoverItem as f } from "../../Popover/hooks/usePopoverItem.js";

package/dist/{src/components → components}/Filter/components/FilterResultsDescriptor.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
-import { IressHTMLAttributes, LabelValueMeta } from '../../../interfaces';
+import { LabelValueMeta } from '../../../interfaces';
 import { AutocompleteSearchHookReturn } from '../../Autocomplete';
 import { IressPopoverProps } from '../../Popover';
-export interface FilterResultsDescriptorProps extends Partial<Pick<AutocompleteSearchHookReturn, 'loading' | 'results'>>, Pick<IressPopoverProps, 'show'>, Omit<IressHTMLAttributes, 'children' | 'className' | 'results'> {
+import { IressUnstyledProps } from '../../../types';
+export interface FilterResultsDescriptorProps extends Partial<Pick<AutocompleteSearchHookReturn, 'loading' | 'results'>>, Pick<IressPopoverProps, 'show'>, Omit<IressUnstyledProps, 'children' | 'className' | 'results'> {
     /**
      * Text to be displayed when no results are found.
      */
@@ -12,4 +13,7 @@ export interface FilterResultsDescriptorProps extends Partial<Pick<AutocompleteS
      */
     value?: LabelValueMeta;
 }
-export declare const FilterResultsDescriptor: ({ loading, noResultsText, results, show, value, ...restProps }: FilterResultsDescriptorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterResultsDescriptor: {
+    ({ loading, noResultsText, results, show, value, ...restProps }: FilterResultsDescriptorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Filter/components/FilterResultsDescriptor.js

@@ -1,18 +1,19 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useMemo as p } from "react";
-import { composeLabelValueDescriptor as s } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
-import { c as l } from "../../../css-fGu_jDvv.js";
-const D = ({
+import { composeLabelValueDescriptor as i } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
+import { c as l } from "../../../css-w5PYGgYt.js";
+const u = ({
   loading: t,
   noResultsText: o = "No results",
   results: r = [],
   show: e,
-  value: i,
-  ...n
+  value: s,
+  ...m
 }) => {
-  const m = p(() => t ? "loading" : e && !r.length ? o : e && r.length ? s(r, "{{numOptions}} results") : s(i) || "None selected", [t, o, r, e, i]);
-  return /* @__PURE__ */ c("div", { ...n, className: l({ srOnly: !0 }), children: m });
+  const n = p(() => t ? "loading" : e && !r.length ? o : e && r.length ? i(r, "{{numOptions}} results") : i(s) || "None selected", [t, o, r, e, s]);
+  return /* @__PURE__ */ c("div", { ...m, className: l({ srOnly: !0 }), children: n });
 };
+u.displayName = "FilterResultsDescriptor";
 export {
-  D as FilterResultsDescriptor
+  u as FilterResultsDescriptor
 };

package/dist/{src/components → components}/Hide/Hide.d.ts

@@ -1,6 +1,5 @@
-import { ResponsiveSizing } from '../../interfaces';
 import { ReactNode } from 'react';
-import { IressStyledProps } from '../../types';
+import { ResponsiveProp, IressStyledProps } from '../../types';
 /**
  * @deprecated IressHide has been deprecated.
  * - Please use the `srOnly` prop on any component to show or hide content from screen readers.
@@ -14,7 +13,7 @@ export interface IressHideProps extends IressStyledProps {
     /**
      * Content will be hidden on any screen sizes that are set to true.
      */
-    hiddenOn: ResponsiveSizing<boolean>;
+    hiddenOn: ResponsiveProp<boolean>;
     /**
      * If true, the content will not be visible, but will be available to screen readers
      */
@@ -23,6 +22,9 @@ export interface IressHideProps extends IressStyledProps {
 /**
  * @deprecated IressHide has been deprecated.
  * - Please use the `srOnly` prop on any component to show or hide content from screen readers.
- * - Please use the `hide` prop on any component to show or hide content at different breakpoints.
+ * - Please use the `hideFrom` and `hideBelow` props on any component to show or hide content at different breakpoints. For more complex logic, consider using the `useBreakpoint` hook to conditionally render content.
  */
-export declare const IressHide: ({ children, hiddenOn, visuallyHidden, ...restProps }: IressHideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressHide: {
+    ({ children, hiddenOn, visuallyHidden, ...restProps }: IressHideProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/Hide/Hide.js

@@ -1,23 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-import { normaliseHideValues as m } from "./helpers/normaliseHideValues.js";
-import { s as d } from "../../factory-oPXoMw9H.js";
-const n = d("div"), f = ({
+import { jsx as m } from "react/jsx-runtime";
+import { normaliseHideValues as n } from "./helpers/normaliseHideValues.js";
+import { s as p } from "../../factory-CWvlR9Yh.js";
+import { useBreakpoint as a } from "../../hooks/useBreakpoint.js";
+import "react";
+const d = p("div"), l = ({
   children: s,
   hiddenOn: e,
-  visuallyHidden: o,
+  visuallyHidden: r,
   ...i
 }) => {
-  const r = m(e);
-  return /* @__PURE__ */ t(
-    n,
-    {
-      ...i,
-      srOnly: o ? r : void 0,
-      hide: o ? void 0 : r,
-      children: s
-    }
-  );
+  const o = n(e), { breakpoint: t } = a();
+  return !r && o[t] ? null : /* @__PURE__ */ m(d, { ...i, srOnly: r ? o : void 0, children: s });
 };
+l.displayName = "IressHide";
 export {
-  f as IressHide
+  l as IressHide
 };

package/dist/components/Hide/helpers/normaliseHideValues.d.ts

@@ -0,0 +1,4 @@
+import { ResponsiveProp } from '../../../types';
+export declare const normaliseHideValues: (values?: ResponsiveProp<boolean>) => {
+    [k: string]: boolean;
+};

package/dist/components/Hide/helpers/normaliseHideValues.js

@@ -1,8 +1,10 @@
-import { BREAKPOINTS as o } from "../../../constants.js";
-const c = (t = {}) => o.reduce(
-  (r, e, m) => (r[e] = t[e] ?? r[o[m - 1]] ?? !1, r),
+import { BREAKPOINTS as t } from "../../../constants.js";
+const m = (o = {}) => typeof o == "boolean" ? Object.fromEntries(
+  t.map((r) => [r, o])
+) : t.reduce(
+  (r, e, n) => (r[e] = o[e] ?? r[t[n - 1]] ?? !1, r),
   {}
 );
 export {
-  c as normaliseHideValues
+  m as normaliseHideValues
 };

package/dist/{src/components → components}/Icon/Icon.d.ts

@@ -33,4 +33,7 @@ export interface IressIconProps extends IressStyledProps<'span'> {
      */
     spin?: 'half' | 1 | 2 | 3;
 }
-export declare const IressIcon: ({ className, fixedWidth, flip, name, rotate, screenreaderText, set, spin, ...restProps }: IressIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressIcon: {
+    ({ className, fixedWidth, flip, name, rotate, screenreaderText, set, spin, ...restProps }: IressIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Icon/Icon.js

@@ -1,42 +1,43 @@
 import { jsx as p } from "react/jsx-runtime";
-import { s as n } from "../../factory-oPXoMw9H.js";
-import { c as e } from "../../cx-DN21T1EH.js";
-import { icon as x } from "./Icon.styles.js";
-import { GlobalCSSClass as I } from "../../enums.js";
-const g = ({
-  className: r,
-  fixedWidth: s,
+import { s as e } from "../../factory-CWvlR9Yh.js";
+import { c as n } from "../../cx-DN21T1EH.js";
+import { icon as I } from "./Icon.styles.js";
+import { GlobalCSSClass as x } from "../../enums.js";
+const d = ({
+  className: s,
+  fixedWidth: r,
   flip: a,
   name: i,
   rotate: m,
   screenreaderText: o,
   set: f = "fal",
-  spin: t,
-  ...l
+  spin: l,
+  ...t
 }) => {
-  const c = x({
+  const c = I({
     flip: a,
     rotate: m,
-    spin: t
+    spin: l
   });
   return /* @__PURE__ */ p(
-    n.span,
+    e.span,
     {
       role: "img",
-      className: e(
+      className: n(
         c,
-        I.Icon,
+        x.Icon,
         f,
         `fa-${i}`,
-        s && "fa-fw",
-        r
+        r && "fa-fw",
+        s
       ),
       "aria-hidden": !o && "true",
       "aria-label": o,
-      ...l
+      ...t
     }
   );
 };
+d.displayName = "IressIcon";
 export {
-  g as IressIcon
+  d as IressIcon
 };

package/dist/components/Icon/Icon.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-JiDXAa83.js";
+import { c as a } from "../../cva-kirNs9Ig.js";
 const n = a({
   variants: {
     flip: {

package/dist/{src/components → components}/Image/Image.d.ts

@@ -13,4 +13,7 @@ export interface IressImageProps extends Omit<IressStyledProps<'img'>, 'maxWidth
      */
     src: string;
 }
-export declare const IressImage: ({ className, maxWidth, style, ...restProps }: IressImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressImage: {
+    ({ className, maxWidth, style, ...restProps }: IressImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Image/Image.js

@@ -1,27 +1,28 @@
-import { jsx as e } from "react/jsx-runtime";
-import { GlobalCSSClass as a } from "../../enums.js";
+import { jsx as a } from "react/jsx-runtime";
+import { GlobalCSSClass as t } from "../../enums.js";
 import { image as i } from "./Image.styles.js";
 import { c as l } from "../../cx-DN21T1EH.js";
-import { s as c } from "../../factory-oPXoMw9H.js";
-const n = c("img", i), y = ({
-  className: m,
-  maxWidth: s = "100%",
-  style: o,
-  ...r
+import { s as p } from "../../factory-CWvlR9Yh.js";
+const c = p("img", i), g = ({
+  className: s,
+  maxWidth: m = "100%",
+  style: e,
+  ...o
 }) => {
-  const t = {
-    ...o,
-    maxWidth: s
+  const r = {
+    ...e,
+    maxWidth: m
   };
-  return /* @__PURE__ */ e(
-    n,
+  return /* @__PURE__ */ a(
+    c,
     {
-      className: l(m, a.Image),
-      style: t,
-      ...r
+      className: l(s, t.Image),
+      style: r,
+      ...o
     }
   );
 };
+g.displayName = "IressImage";
 export {
-  y as IressImage
+  g as IressImage
 };

package/dist/components/Image/Image.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-JiDXAa83.js";
+import { c as a } from "../../cva-kirNs9Ig.js";
 const i = a({
   base: {
     display: "block",

package/dist/{src/components → components}/Inline/Inline.d.ts

@@ -28,4 +28,7 @@ export interface IressInlineProps extends IressStyledProps {
      */
     verticalAlign?: VerticalAligns;
 }
-export declare const IressInline: ({ className, ...restProps }: IressInlineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressInline: {
+    ({ className, ...restProps }: IressInlineProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Inline/Inline.js

@@ -1,9 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { inline as r } from "./Inline.styles.js";
-import { s as i } from "../../factory-oPXoMw9H.js";
+import { s as i } from "../../factory-CWvlR9Yh.js";
 import { GlobalCSSClass as n } from "../../enums.js";
-import { c as t } from "../../cx-DN21T1EH.js";
-const e = i("div", r), x = ({ className: o, ...s }) => /* @__PURE__ */ m(e, { ...s, className: t(o, n.Inline) });
+import { c as e } from "../../cx-DN21T1EH.js";
+const l = i("div", r), t = ({ className: o, ...s }) => /* @__PURE__ */ m(l, { ...s, className: e(o, n.Inline) });
+t.displayName = "IressInline";
 export {
-  x as IressInline
+  t as IressInline
 };

package/dist/components/Inline/Inline.styles.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../cva-JiDXAa83.js";
+import { c as e } from "../../cva-kirNs9Ig.js";
 const n = e({
   base: {
     display: "flex",

package/dist/{src/components → components}/Input/Input.d.ts

@@ -54,4 +54,6 @@ export type IressInputProps<T extends FormControlValue = string | number, TRows
      */
     width?: FormElementWidths;
 };
-export declare const IressInput: <T extends FormControlValue = string | number, TRows extends number | undefined = undefined>(props: IressInputProps<T, TRows> & RefAttributes<InputRef<TRows> | null>) => ReactElement;
+export declare const IressInput: (<T extends FormControlValue = string | number, TRows extends number | undefined = undefined>(props: IressInputProps<T, TRows> & RefAttributes<InputRef<TRows> | null>) => ReactElement) & {
+    displayName: "IressInput";
+};