@gusto/embedded-react-sdk 0.7.0 → 0.8.0

package/dist/components/Common/Fields/hooks/useField.d.ts

@@ -0,0 +1,22 @@
+import { RegisterOptions } from 'react-hook-form';
+export type Transform<TValue> = (value: TValue) => TValue;
+export interface UseFieldProps<TValue = string> {
+    name: string;
+    rules?: RegisterOptions;
+    defaultValue?: TValue;
+    errorMessage?: string;
+    isRequired?: boolean;
+    onChange?: (value: TValue) => void;
+    transform?: Transform<TValue>;
+}
+export declare function useField<TValue = string>({ name, rules, defaultValue, errorMessage, isRequired, onChange, transform, }: UseFieldProps<TValue>): {
+    value: TValue;
+    inputRef: import('react-hook-form').RefCallBack;
+    isInvalid: boolean;
+    errorMessage: string | undefined;
+    onChange: (updatedValue: TValue) => void;
+    isRequired: boolean;
+    onBlur: import('react-hook-form').Noop;
+    disabled?: boolean;
+    name: string;
+};

package/dist/components/Common/Fields/hooks/useField.js

@@ -0,0 +1,36 @@
+import { useFormContext as h, useController as m } from "react-hook-form";
+function F({
+  name: a,
+  rules: i = {},
+  defaultValue: c,
+  errorMessage: u,
+  isRequired: o = !1,
+  onChange: f,
+  transform: r
+}) {
+  const { control: d } = h(), { field: e, fieldState: n } = m({
+    name: a,
+    control: d,
+    rules: {
+      required: o,
+      ...i
+    },
+    defaultValue: c
+  }), { ref: g, ...v } = e, C = (t) => {
+    const l = r ? r(t) : t;
+    e.onChange(l), f?.(l);
+  }, s = !!n.error;
+  return {
+    ...v,
+    value: e.value,
+    inputRef: g,
+    isInvalid: s,
+    errorMessage: s ? u ?? n.error?.message : void 0,
+    onChange: C,
+    isRequired: o
+  };
+}
+export {
+  F as useField
+};
+//# sourceMappingURL=useField.js.map

package/dist/components/Common/Fields/hooks/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  transform?: Transform<TValue>\n}\n\nexport function useField<TValue = string>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  transform,\n}: UseFieldProps<TValue>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { ref, ...restFieldProps } = field\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const isInvalid = !!fieldState.error\n\n  return {\n    ...restFieldProps,\n    value: field.value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    isRequired,\n  }\n}\n"],"names":["useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid"],"mappings":";AAeO,SAASA,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AAClB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAe,GAC7B,EAAE,OAAAC,GAAO,YAAAC,EAAW,IAAIC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IACL;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW;AAExB,SAAA;AAAA,IACL,GAAGG;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,EACF;AACF;"}

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.d.ts

@@ -0,0 +1,31 @@
+export type ConvertValueToString<TValue> = (value: TValue) => string;
+export type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {
+    value: TValue;
+};
+interface UseStringifyGenericFieldValueProps<TValue, TOption> {
+    options: OptionWithGenericValue<TValue, TOption>[];
+    value?: TValue;
+    onChange: (value: TValue) => void;
+    convertValueToString?: ConvertValueToString<TValue>;
+}
+export declare function useStringifyGenericFieldValue<TValue, TOption>({ options, value, onChange, convertValueToString, }: UseStringifyGenericFieldValueProps<TValue, TOption>): {
+    options: ({
+        value: string;
+    } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
+    value: string | undefined;
+    onChange: (value: string) => void;
+};
+interface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {
+    options: OptionWithGenericValue<TValue, TOption>[];
+    value?: TValue[];
+    onChange: (value: TValue[]) => void;
+    convertValueToString?: ConvertValueToString<TValue>;
+}
+export declare function useStringifyGenericFieldValueArray<TValue, TOption>({ options, value, onChange, convertValueToString, }: UseStringifyGenericFieldValueArrayProps<TValue, TOption>): {
+    options: ({
+        value: string;
+    } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
+    value: string[] | undefined;
+    onChange: (updatedStringValue: string[]) => void;
+};
+export {};

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js

@@ -0,0 +1,73 @@
+import { useCallback as c, useMemo as g } from "react";
+const p = (o) => String(o);
+function d({
+  options: o,
+  convertValueToString: n = p
+}) {
+  return g(() => {
+    const e = {}, s = [];
+    for (const t of o) {
+      const i = n(t.value);
+      e[i] = t;
+      const { value: l, ...u } = t;
+      s.push({
+        value: i,
+        ...u
+      });
+    }
+    return { optionValuesMap: e, options: s };
+  }, [o, n]);
+}
+function y({
+  options: o,
+  value: n,
+  onChange: e,
+  convertValueToString: s = p
+}) {
+  const { optionValuesMap: t, options: i } = d({
+    options: o,
+    convertValueToString: s
+  }), l = c(
+    (r) => {
+      const a = t[r]?.value;
+      typeof a < "u" && e(a);
+    },
+    [t, e]
+  ), u = n === null || typeof n > "u" ? void 0 : s(n);
+  return {
+    options: i,
+    value: u,
+    onChange: l
+  };
+}
+function S({
+  options: o,
+  value: n,
+  onChange: e,
+  convertValueToString: s = p
+}) {
+  const { optionValuesMap: t, options: i } = d({
+    options: o,
+    convertValueToString: s
+  }), l = c(
+    (r) => {
+      const a = [];
+      for (const V of r) {
+        const f = t[V]?.value;
+        typeof f < "u" && a.push(f);
+      }
+      e(a);
+    },
+    [t, e]
+  ), u = n && n.map(s);
+  return {
+    options: i,
+    value: u,
+    onChange: l
+  };
+}
+export {
+  y as useStringifyGenericFieldValue,
+  S as useStringifyGenericFieldValueArray
+};
+//# sourceMappingURL=useStringifyGenericFieldValue.js.map

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? undefined : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : value\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAC,GAC5EC,IAA0B,CAAC;AAEjC,eAAWC,KAAUL,GAAS;AACtB,YAAAM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IAAA;AAGI,WAAA,EAAE,iBAAAJ,GAAiB,SAASC,EAAwB;AAAA,EAAA,GAC1D,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACX,YAAAc,IAAgBT,EAAgBL,CAAK,GAAG;AAC1C,MAAA,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAC5B,GAEMH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,SAAYG,EAAqBH,CAAK;AAElF,SAAA;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EACZ;AACF;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAC;AAEvB,iBAAWT,KAAeQ,GAAoB;AACtChB,cAAAA,IAAQK,EAAgBG,CAAW,GAAG;AAExC,QAAA,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAC1B;AAGF,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAC5B,GAEMH,IAAcR,KAAQA,EAAM,IAAIG,CAAoB;AAEnD,SAAA;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EACZ;AACF;"}

package/dist/components/Common/Flex/Flex.d.ts

@@ -0,0 +1,14 @@
+import { Responsive, ResponsiveSpacing } from '../../../helpers/responsive';
+export interface FlexProps {
+    children: React.ReactNode;
+    flexDirection?: Responsive<'row' | 'column'>;
+    justifyContent?: Responsive<'space-between' | 'center' | 'flex-start' | 'flex-end' | 'space-around' | 'space-evenly' | 'normal'>;
+    alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>;
+    gap?: ResponsiveSpacing;
+}
+export declare function Flex({ children, flexDirection, justifyContent, alignItems, gap, }: FlexProps): import("react/jsx-runtime").JSX.Element;
+export interface FlexItemProps {
+    flexGrow?: number | 'initial';
+    children: React.ReactNode;
+}
+export declare function FlexItem({ flexGrow, children }: FlexItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Flex/Flex.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "./Flex.module.scss.js";
+import { setResponsiveCustomProperties as a, transformResponsiveSpacingValue as m } from "../../../helpers/responsive.js";
+function x({
+  children: r,
+  flexDirection: o = "row",
+  justifyContent: s = "normal",
+  alignItems: i = "flex-start",
+  gap: n = 24
+}) {
+  const l = a({
+    "flex-direction": o,
+    "justify-content": s,
+    "align-items": i,
+    gap: m(n)
+  });
+  return /* @__PURE__ */ e("div", { className: t.flexContainer, children: /* @__PURE__ */ e("div", { className: t.flex, style: l, children: r }) });
+}
+export {
+  x as Flex
+};
+//# sourceMappingURL=Flex.js.map

package/dist/components/Common/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  transformResponsiveSpacingValue,\n  type Responsive,\n  type ResponsiveSpacing,\n} from '@/helpers/responsive'\n\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  gap?: ResponsiveSpacing\n}\n\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    gap: transformResponsiveSpacingValue(gap),\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","gap","properties","setResponsiveCustomProperties","transformResponsiveSpacingValue","jsx","style"],"mappings":";;;AAwBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBL;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,KAAKI,EAAgCH,CAAG;AAAA,EAAA,CACzC;AAED,SACG,gBAAAI,EAAA,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAM,MAAM,OAAOJ,GAChC,UAAAL,EACH,CAAA,GACF;AAEJ;"}

package/dist/components/Common/Flex/Flex.module.scss.js

@@ -0,0 +1,10 @@
+const e = "_flexContainer_1j0dg_1", n = "_flex_1j0dg_1", t = {
+  flexContainer: e,
+  flex: n
+};
+export {
+  t as default,
+  n as flex,
+  e as flexContainer
+};
+//# sourceMappingURL=Flex.module.scss.js.map

package/dist/components/Common/Flex/Flex.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Common/Flex/index.d.ts

@@ -0,0 +1 @@
+export { Flex } from './Flex';

package/dist/components/Common/Form/Form.d.ts

@@ -0,0 +1,2 @@
+export type FormProps = React.FormHTMLAttributes<HTMLFormElement>;
+export declare const Form: ({ children, className, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Form/Form.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+import t from "classnames";
+import e from "./Form.module.scss.js";
+const c = ({ children: r, className: m, ...o }) => /* @__PURE__ */ s("form", { className: t(e.form, m), ...o, children: r });
+export {
+  c as Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Common/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Common/Form/Form.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './Form.module.scss'\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement>\n\nexport const Form = ({ children, className, ...props }: FormProps) => {\n  return (\n    <form className={classNames(styles.form, className)} {...props}>\n      {children}\n    </form>\n  )\n}\n"],"names":["Form","children","className","props","jsx","classNames","styles"],"mappings":";;;AAKO,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE3C,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAWC,EAAO,MAAMJ,CAAS,GAAI,GAAGC,GACtD,UAAAF,EACH,CAAA;"}

package/dist/components/Common/Form/Form.module.scss.js

@@ -0,0 +1,8 @@
+const o = "_form_1rngm_1", r = {
+  form: o
+};
+export {
+  r as default,
+  o as form
+};
+//# sourceMappingURL=Form.module.scss.js.map

package/dist/components/Common/Form/Form.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Common/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { Form } from './Form';
+export type { FormProps } from './Form';

package/dist/components/Common/Grid/Grid.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { CustomPropertyValue, Responsive, ResponsiveSpacing } from '../../../helpers/responsive';
+type Flow = 'row' | 'column' | 'row dense' | 'column dense';
+type Alignment = 'start' | 'end' | 'center' | 'stretch';
+export interface GridProps {
+    children: ReactNode;
+    gap?: ResponsiveSpacing;
+    gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>;
+    gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>;
+    gridTemplateAreas?: Responsive<string>;
+    gridAutoFlow?: Responsive<Flow>;
+    alignItems?: Responsive<Alignment>;
+    justifyItems?: Responsive<Alignment>;
+    justifyContent?: Responsive<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
+    className?: string;
+}
+export declare function Grid({ children, gap, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridAutoFlow, alignItems, justifyItems, justifyContent, className, }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/Grid/Grid.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+import r from "./Grid.module.scss.js";
+import { setResponsiveCustomProperties as g, transformResponsiveSpacingValue as u } from "../../../helpers/responsive.js";
+function w({
+  children: t,
+  gap: s = 24,
+  gridTemplateColumns: i = ["1fr"],
+  gridTemplateRows: o,
+  gridTemplateAreas: m,
+  gridAutoFlow: a,
+  alignItems: n,
+  justifyItems: p,
+  justifyContent: l,
+  className: d
+}) {
+  const f = g({
+    gap: u(s),
+    "grid-template-columns": i,
+    "grid-template-rows": o,
+    "grid-template-areas": m,
+    "grid-auto-flow": a,
+    "align-items": n,
+    "justify-items": p,
+    "justify-content": l
+  });
+  return /* @__PURE__ */ e("div", { className: c(r.gridContainer, d), children: /* @__PURE__ */ e("div", { className: r.grid, style: f, children: t }) });
+}
+export {
+  w as Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/components/Common/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Common/Grid/Grid.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cn from 'classnames'\nimport styles from './Grid.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  transformResponsiveSpacingValue,\n  type CustomPropertyValue,\n  type Responsive,\n  type ResponsiveSpacing,\n} from '@/helpers/responsive'\n\ntype Flow = 'row' | 'column' | 'row dense' | 'column dense'\ntype Alignment = 'start' | 'end' | 'center' | 'stretch'\n\nexport interface GridProps {\n  children: ReactNode\n  gap?: ResponsiveSpacing\n  gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateAreas?: Responsive<string>\n  gridAutoFlow?: Responsive<Flow>\n  alignItems?: Responsive<Alignment>\n  justifyItems?: Responsive<Alignment>\n  justifyContent?: Responsive<\n    'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'\n  >\n  className?: string\n}\n\nexport function Grid({\n  children,\n  gap = 24,\n  gridTemplateColumns = ['1fr'],\n  gridTemplateRows,\n  gridTemplateAreas,\n  gridAutoFlow,\n  alignItems,\n  justifyItems,\n  justifyContent,\n  className,\n}: GridProps) {\n  const properties = setResponsiveCustomProperties({\n    gap: transformResponsiveSpacingValue(gap),\n    'grid-template-columns': gridTemplateColumns,\n    'grid-template-rows': gridTemplateRows,\n    'grid-template-areas': gridTemplateAreas,\n    'grid-auto-flow': gridAutoFlow,\n    'align-items': alignItems,\n    'justify-items': justifyItems,\n    'justify-content': justifyContent,\n  })\n\n  return (\n    <div className={cn(styles.gridContainer, className)}>\n      <div className={styles.grid} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Grid","children","gap","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridAutoFlow","alignItems","justifyItems","justifyContent","className","properties","setResponsiveCustomProperties","transformResponsiveSpacingValue","cn","styles","jsx"],"mappings":";;;;AA6BO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,qBAAAC,IAAsB,CAAC,KAAK;AAAA,EAC5B,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,KAAKC,EAAgCX,CAAG;AAAA,IACxC,yBAAyBC;AAAA,IACzB,sBAAsBC;AAAA,IACtB,uBAAuBC;AAAA,IACvB,kBAAkBC;AAAA,IAClB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,IACjB,mBAAmBC;AAAA,EAAA,CACpB;AAED,2BACG,OAAI,EAAA,WAAWK,EAAGC,EAAO,eAAeL,CAAS,GAChD,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAWD,EAAO,MAAM,OAAOJ,GACjC,UAAAV,EACH,CAAA,GACF;AAEJ;"}

package/dist/components/Common/Grid/Grid.module.scss.js

@@ -0,0 +1,10 @@
+const r = "_gridContainer_16a96_1", i = "_grid_16a96_1", n = {
+  gridContainer: r,
+  grid: i
+};
+export {
+  n as default,
+  i as grid,
+  r as gridContainer
+};
+//# sourceMappingURL=Grid.module.scss.js.map

package/dist/components/Common/Grid/Grid.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Common/HamburgerMenu/HamburgerMenu.d.ts

@@ -0,0 +1,2 @@
+import { HamburgerMenuProps } from './HamburgerMenuTypes';
+export declare function HamburgerMenu({ items, triggerLabel, menuLabel, onClose, isLoading, ...props }: HamburgerMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/HamburgerMenu/HamburgerMenu.js

@@ -0,0 +1,40 @@
+import { jsxs as p, Fragment as c, jsx as o } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import g from "../../../assets/icons/hamburger.svg.js";
+import { useMenu as C } from "../hooks/useMenu.js";
+function H({
+  items: t,
+  triggerLabel: m,
+  menuLabel: s,
+  onClose: a,
+  isLoading: l = !1,
+  ...u
+}) {
+  const { t: e } = b("common"), n = f(), { triggerProps: i, menuProps: r } = C();
+  return /* @__PURE__ */ p(c, { children: [
+    /* @__PURE__ */ o(
+      n.ButtonIcon,
+      {
+        isLoading: l,
+        "aria-label": m || e("labels.openMenu"),
+        ...i,
+        children: /* @__PURE__ */ o(g, {})
+      }
+    ),
+    /* @__PURE__ */ o(
+      n.Menu,
+      {
+        ...r,
+        items: t,
+        "aria-label": s || e("labels.menuLabel"),
+        onClose: a || r.onClose,
+        ...u
+      }
+    )
+  ] });
+}
+export {
+  H as HamburgerMenu
+};
+//# sourceMappingURL=HamburgerMenu.js.map

package/dist/components/Common/HamburgerMenu/HamburgerMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HamburgerMenu.js","sources":["../../../../src/components/Common/HamburgerMenu/HamburgerMenu.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type HamburgerMenuProps } from './HamburgerMenuTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport HamburgerIcon from '@/assets/icons/hamburger.svg?react'\nimport { useMenu } from '@/components/Common/hooks/useMenu'\n\nexport function HamburgerMenu({\n  items,\n  triggerLabel,\n  menuLabel,\n  onClose,\n  isLoading = false,\n  ...props\n}: HamburgerMenuProps) {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const { triggerProps, menuProps } = useMenu()\n\n  return (\n    <>\n      <Components.ButtonIcon\n        isLoading={isLoading}\n        aria-label={triggerLabel || t('labels.openMenu')}\n        {...triggerProps}\n      >\n        <HamburgerIcon />\n      </Components.ButtonIcon>\n      <Components.Menu\n        {...menuProps}\n        items={items}\n        aria-label={menuLabel || t('labels.menuLabel')}\n        onClose={onClose || menuProps.onClose}\n        {...props}\n      />\n    </>\n  )\n}\n"],"names":["HamburgerMenu","items","triggerLabel","menuLabel","onClose","isLoading","props","t","useTranslation","Components","useComponentContext","triggerProps","menuProps","useMenu","jsxs","Fragment","jsx","HamburgerIcon"],"mappings":";;;;;AAMO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,WAAAC,EAAU,IAAIC,EAAQ;AAE5C,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACC,WAAAJ;AAAA,QACA,cAAYH,KAAgBK,EAAE,iBAAiB;AAAA,QAC9C,GAAGI;AAAA,QAEJ,4BAACM,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IACjB;AAAA,IACA,gBAAAD;AAAA,MAACP,EAAW;AAAA,MAAX;AAAA,QACE,GAAGG;AAAA,QACJ,OAAAX;AAAA,QACA,cAAYE,KAAaI,EAAE,kBAAkB;AAAA,QAC7C,SAASH,KAAWQ,EAAU;AAAA,QAC7B,GAAGN;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/components/Common/HamburgerMenu/HamburgerMenuTypes.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps } from '../UI/Menu/MenuTypes';
+import { DataAttributes } from '../../../types/Helpers';
+export interface HamburgerMenuProps extends DataAttributes {
+    triggerLabel?: string;
+    menuLabel?: string;
+    items: MenuProps['items'];
+    onClose?: () => void;
+    isLoading?: boolean;
+}

package/dist/components/Common/HamburgerMenu/index.d.ts

@@ -0,0 +1 @@
+export { HamburgerMenu } from './HamburgerMenu';

package/dist/components/Common/InternalError/InternalError.d.ts

@@ -0,0 +1,2 @@
+import { FallbackProps } from 'react-error-boundary';
+export declare const InternalError: ({ error, resetErrorBoundary }: FallbackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/InternalError/InternalError.js

@@ -0,0 +1,26 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useTranslation as l, Trans as c } from "react-i18next";
+import s from "./InternalError.module.scss.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const g = ({ error: e, resetErrorBoundary: a }) => {
+  const { t: o } = l("common"), n = d(), i = typeof e == "string" ? e : e instanceof Error ? e.message : o("errors.unknownError");
+  return /* @__PURE__ */ t("div", { className: s.internalErrorCard, role: "alert", "data-testid": "internal-error-card", children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ r(n.Heading, { className: s.internalErrorCardTitle, as: "h1", styledAs: "h3", children: o("errors.errorHeading") }),
+      /* @__PURE__ */ r(n.Text, { className: s.errorMessage, children: /* @__PURE__ */ r(
+        c,
+        {
+          t: o,
+          i18nKey: "errors.globalReactError",
+          values: { error: i },
+          shouldUnescape: !0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(n.Button, { variant: "secondary", onClick: a, children: o("errors.resetGlobalError") }) })
+  ] });
+};
+export {
+  g as InternalError
+};
+//# sourceMappingURL=InternalError.js.map

package/dist/components/Common/InternalError/InternalError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalError.js","sources":["../../../../src/components/Common/InternalError/InternalError.tsx"],"sourcesContent":["import type { FallbackProps } from 'react-error-boundary'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './InternalError.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const InternalError = ({ error, resetErrorBoundary }: FallbackProps) => {\n  //TODO: Need to integrate useQueryErrorResetBoundary from tanstac to reset query cach on \"try again\" - GWS-3926\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const errorMessage =\n    typeof error === 'string'\n      ? error\n      : error instanceof Error\n        ? error.message\n        : t('errors.unknownError')\n\n  return (\n    <div className={styles.internalErrorCard} role=\"alert\" data-testid=\"internal-error-card\">\n      <div>\n        <Components.Heading className={styles.internalErrorCardTitle} as=\"h1\" styledAs=\"h3\">\n          {t('errors.errorHeading')}\n        </Components.Heading>\n        <Components.Text className={styles.errorMessage}>\n          <Trans\n            t={t}\n            i18nKey=\"errors.globalReactError\"\n            values={{ error: errorMessage }}\n            shouldUnescape={true}\n          />\n        </Components.Text>\n      </div>\n      <div>\n        <Components.Button variant=\"secondary\" onClick={resetErrorBoundary}>\n          {t('errors.resetGlobalError')}\n        </Components.Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["InternalError","error","resetErrorBoundary","t","useTranslation","Components","useComponentContext","errorMessage","jsxs","styles","jsx","Trans"],"mappings":";;;;AAKO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAwC;AAE7E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjCC,IACJ,OAAON,KAAU,WACbA,IACAA,aAAiB,QACfA,EAAM,UACNE,EAAE,qBAAqB;AAG7B,SAAA,gBAAAK,EAAC,SAAI,WAAWC,EAAO,mBAAmB,MAAK,SAAQ,eAAY,uBACjE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAACL,EAAW,SAAX,EAAmB,WAAWI,EAAO,wBAAwB,IAAG,MAAK,UAAS,MAC5E,UAAEN,EAAA,qBAAqB,EAC1B,CAAA;AAAA,wBACCE,EAAW,MAAX,EAAgB,WAAWI,EAAO,cACjC,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAQ;AAAA,UACR,QAAQ,EAAE,OAAOI,EAAa;AAAA,UAC9B,gBAAgB;AAAA,QAAA;AAAA,MAAA,EAEpB,CAAA;AAAA,IAAA,GACF;AAAA,IACC,gBAAAG,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAL,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAEC,EAAA,yBAAyB,GAC9B,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/InternalError/InternalError.module.scss.js

@@ -0,0 +1,12 @@
+const r = "_internalErrorCardTitle_e6ns3_1", e = "_internalErrorCard_e6ns3_1", n = "_errorMessage_e6ns3_19", a = {
+  internalErrorCardTitle: r,
+  internalErrorCard: e,
+  errorMessage: n
+};
+export {
+  a as default,
+  n as errorMessage,
+  e as internalErrorCard,
+  r as internalErrorCardTitle
+};
+//# sourceMappingURL=InternalError.module.scss.js.map

package/dist/components/Common/InternalError/InternalError.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalError.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Common/Loading/Loading.d.ts

@@ -0,0 +1 @@
+export declare const Loading: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/Loading/Loading.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import t from "classnames";
+import e from "./Loading.module.scss.js";
+import { FadeIn as a } from "../FadeIn/FadeIn.js";
+const p = () => {
+  const { t: r } = s("common");
+  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+    "section",
+    {
+      className: e.skeletonContainer,
+      "aria-label": r("status.loading"),
+      "aria-live": "polite",
+      "aria-busy": !0,
+      children: /* @__PURE__ */ o("div", { className: t(e.skeleton, e.skeletonBox) })
+    }
+  ) });
+};
+export {
+  p as Loading
+};
+//# sourceMappingURL=Loading.js.map

package/dist/components/Common/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\nexport const Loading = () => {\n  const { t } = useTranslation('common')\n  return (\n    <FadeIn>\n      <section\n        className={styles.skeletonContainer}\n        aria-label={t('status.loading')}\n        aria-live=\"polite\"\n        aria-busy\n      >\n        <div className={cn(styles.skeleton, styles.skeletonBox)}></div>\n      </section>\n    </FadeIn>\n  )\n}\n"],"names":["Loading","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AACrC,2BACGC,GACC,EAAA,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,cAAYJ,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,EAAG,CAAA;AAAA,IAAA;AAAA,EAAA,GAE7D;AAEJ;"}

package/dist/components/Common/Loading/Loading.module.scss.js

@@ -0,0 +1,12 @@
+const e = "_skeletonContainer_1774j_1", o = "_skeleton_1774j_1", n = "_skeletonBox_1774j_15", t = {
+  skeletonContainer: e,
+  skeleton: o,
+  skeletonBox: n
+};
+export {
+  t as default,
+  o as skeleton,
+  n as skeletonBox,
+  e as skeletonContainer
+};
+//# sourceMappingURL=Loading.module.scss.js.map

package/dist/components/Common/Loading/Loading.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Common/PaginationControl/PaginationControl.d.ts

@@ -0,0 +1,2 @@
+import { PaginationControlProps } from './PaginationControlTypes';
+export declare const PaginationControl: (props: PaginationControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/PaginationControl/PaginationControl.js

@@ -0,0 +1,86 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { useTranslation as f } from "react-i18next";
+import { Flex as v } from "../Flex/Flex.js";
+import e from "./PaginationControl.module.scss.js";
+import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import h from "../../../assets/icons/pagination_first.svg.js";
+import x from "../../../assets/icons/pagination_previous.svg.js";
+import S from "../../../assets/icons/pagination_next.svg.js";
+import N from "../../../assets/icons/pagination_last.svg.js";
+const P = ({
+  currentPage: o,
+  totalPages: i,
+  handleFirstPage: c,
+  handlePreviousPage: m,
+  handleNextPage: p,
+  handleLastPage: d,
+  handleItemsPerPageChange: u
+}) => {
+  const { t } = f("common"), a = s(), [g, C] = b("5");
+  return i < 2 ? null : /* @__PURE__ */ n("section", { className: e.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ r(v, { justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ n("div", { className: e.paginationControlCount, children: /* @__PURE__ */ n("section", { children: /* @__PURE__ */ n(
+      a.Select,
+      {
+        label: t("labels.paginationControllCountLabel"),
+        shouldVisuallyHideLabel: !0,
+        value: g,
+        onChange: (l) => {
+          C(l), u(Number(l));
+        },
+        options: [
+          { value: "5", label: "5" },
+          { value: "10", label: "10" },
+          { value: "50", label: "50" }
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ r("div", { className: e.paginationControlButtons, children: [
+      /* @__PURE__ */ n(
+        a.ButtonIcon,
+        {
+          "aria-label": t("icons.paginationFirst"),
+          isDisabled: o === 1,
+          onClick: c,
+          children: /* @__PURE__ */ n(h, {})
+        }
+      ),
+      /* @__PURE__ */ n(
+        a.ButtonIcon,
+        {
+          "aria-label": t("icons.paginationPrev"),
+          "data-testid": "pagination-previous",
+          isDisabled: o === 1,
+          onClick: m,
+          children: /* @__PURE__ */ n(x, {})
+        }
+      ),
+      /* @__PURE__ */ n(
+        a.ButtonIcon,
+        {
+          "aria-label": t("icons.paginationNext"),
+          "data-testid": "pagination-next",
+          isDisabled: o === i,
+          onClick: p,
+          children: /* @__PURE__ */ n(S, {})
+        }
+      ),
+      /* @__PURE__ */ n(
+        a.ButtonIcon,
+        {
+          "aria-label": t("icons.paginationLast"),
+          isDisabled: o === i,
+          onClick: d,
+          children: /* @__PURE__ */ n(N, {})
+        }
+      )
+    ] })
+  ] }) });
+}, H = (o) => {
+  const i = s();
+  return i.PaginationControl ? /* @__PURE__ */ n(i.PaginationControl, { ...o }) : /* @__PURE__ */ n(P, { ...o });
+};
+export {
+  H as PaginationControl
+};
+//# sourceMappingURL=PaginationControl.js.map