@gusto/embedded-react-sdk 0.13.2 → 0.13.4

package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponentAdapter.js","sources":["../../../../src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx"],"sourcesContent":["// This is used to set the default adapter and can already be ommitted by using the\n// `GustoProviderCustomUIAdapter` component. That means this is a safe file to use\n// non type imports from the UI directory so the lint rule is disabled for this file.\n/* eslint-disable no-restricted-imports */\nimport type { ComponentsContextType } from '../useComponentContext'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInput } from '@/components/Common/UI/TextInput'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { NumberInput } from '@/components/Common/UI/NumberInput'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroup } from '@/components/Common/UI/CheckboxGroup'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { ComboBox } from '@/components/Common/UI/ComboBox/ComboBox'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { Checkbox } from '@/components/Common/UI/Checkbox'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { DatePicker } from '@/components/Common/UI/DatePicker'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { Radio } from '@/components/Common/UI/Radio'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroup } from '@/components/Common/UI/RadioGroup'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { Select } from '@/components/Common/UI/Select'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { Switch } from '@/components/Common/UI/Switch'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { Button } from '@/components/Common/UI/Button'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { Alert } from '@/components/Common/UI/Alert/Alert'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport { Card } from '@/components/Common/UI/Card/Card'\nimport { Badge } from '@/components/Common/UI/Badge/Badge'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport { Link } from '@/components/Common/UI/Link'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { Menu } from '@/components/Common/UI/Menu'\nimport type { TableProps } from '@/components/Common/UI/Table'\nimport { Table } from '@/components/Common/UI/Table'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List'\nimport { OrderedList, UnorderedList } from '@/components/Common/UI/List'\nimport { Heading } from '@/components/Common/UI/Heading'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport { Text } from '@/components/Common/UI/Text'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { CalendarPreview } from '@/components/Common/UI/CalendarPreview'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar'\nimport { ProgressBar } from '@/components/Common/UI/ProgressBar'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport { Tabs } from '@/components/Common/UI/Tabs'\n\nexport const defaultComponents: ComponentsContextType = {\n  Alert: (props: AlertProps) => <Alert {...props} />,\n  Badge: (props: BadgeProps) => <Badge {...props} />,\n  Button: (props: ButtonProps) => <Button {...props} />,\n  ButtonIcon: (props: ButtonIconProps) => <ButtonIcon {...props} />,\n  Card: (props: CardProps) => <Card {...props} />,\n  TextInput: (props: TextInputProps) => <TextInput {...props} />,\n  Checkbox: (props: CheckboxProps) => <Checkbox {...props} />,\n  CheckboxGroup: (props: CheckboxGroupProps) => <CheckboxGroup {...props} />,\n  ComboBox: (props: ComboBoxProps) => <ComboBox {...props} />,\n  DatePicker: (props: DatePickerProps) => <DatePicker {...props} />,\n  OrderedList: (props: OrderedListProps) => <OrderedList {...props} />,\n  UnorderedList: (props: UnorderedListProps) => <UnorderedList {...props} />,\n  NumberInput: (props: NumberInputProps) => <NumberInput {...props} />,\n  Radio: (props: RadioProps) => <Radio {...props} />,\n  RadioGroup: (props: RadioGroupProps) => <RadioGroup {...props} />,\n  Select: (props: SelectProps) => <Select {...props} />,\n  Switch: (props: SwitchProps) => <Switch {...props} />,\n  Link: (props: LinkProps) => <Link {...props} />,\n  Menu: (props: MenuProps) => <Menu {...props} />,\n  Table: (props: TableProps) => <Table {...props} />,\n  Heading: (props: HeadingProps) => <Heading {...props} />,\n  Text: (props: TextProps) => <Text {...props} />,\n  CalendarPreview: (props: CalendarPreviewProps) => <CalendarPreview {...props} />,\n  ProgressBar: (props: ProgressBarProps) => <ProgressBar {...props} />,\n  Tabs: (props: TabsProps) => <Tabs {...props} />,\n}\n"],"names":["defaultComponents","props","jsx","Alert","Badge","Button","ButtonIcon","Card","TextInput","Checkbox","CheckboxGroup","ComboBox","DatePicker","OrderedList","UnorderedList","NumberInput","Radio","RadioGroup","Select","Switch","Link","Menu","Table","Heading","Text","CalendarPreview","ProgressBar","Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqDO,MAAMA,IAA2C;AAAA,EACtD,OAAO,CAACC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO;AAAA,EAChD,OAAO,CAACA,MAAsB,gBAAAC,EAACE,GAAA,EAAO,GAAGH,GAAO;AAAA,EAChD,QAAQ,CAACA,MAAuB,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO;AAAA,EACnD,YAAY,CAACA,MAA2B,gBAAAC,EAACI,GAAA,EAAY,GAAGL,GAAO;AAAA,EAC/D,MAAM,CAACA,MAAqB,gBAAAC,EAACK,GAAA,EAAM,GAAGN,GAAO;AAAA,EAC7C,WAAW,CAACA,MAA0B,gBAAAC,EAACM,GAAA,EAAW,GAAGP,GAAO;AAAA,EAC5D,UAAU,CAACA,MAAyB,gBAAAC,EAACO,GAAA,EAAU,GAAGR,GAAO;AAAA,EACzD,eAAe,CAACA,MAA8B,gBAAAC,EAACQ,GAAA,EAAe,GAAGT,GAAO;AAAA,EACxE,UAAU,CAACA,MAAyB,gBAAAC,EAACS,GAAA,EAAU,GAAGV,GAAO;AAAA,EACzD,YAAY,CAACA,MAA2B,gBAAAC,EAACU,GAAA,EAAY,GAAGX,GAAO;AAAA,EAC/D,aAAa,CAACA,MAA4B,gBAAAC,EAACW,GAAA,EAAa,GAAGZ,GAAO;AAAA,EAClE,eAAe,CAACA,MAA8B,gBAAAC,EAACY,GAAA,EAAe,GAAGb,GAAO;AAAA,EACxE,aAAa,CAACA,MAA4B,gBAAAC,EAACa,GAAA,EAAa,GAAGd,GAAO;AAAA,EAClE,OAAO,CAACA,MAAsB,gBAAAC,EAACc,GAAA,EAAO,GAAGf,GAAO;AAAA,EAChD,YAAY,CAACA,MAA2B,gBAAAC,EAACe,GAAA,EAAY,GAAGhB,GAAO;AAAA,EAC/D,QAAQ,CAACA,MAAuB,gBAAAC,EAACgB,GAAA,EAAQ,GAAGjB,GAAO;AAAA,EACnD,QAAQ,CAACA,MAAuB,gBAAAC,EAACiB,GAAA,EAAQ,GAAGlB,GAAO;AAAA,EACnD,MAAM,CAACA,MAAqB,gBAAAC,EAACkB,GAAA,EAAM,GAAGnB,GAAO;AAAA,EAC7C,MAAM,CAACA,MAAqB,gBAAAC,EAACmB,GAAA,EAAM,GAAGpB,GAAO;AAAA,EAC7C,OAAO,CAACA,MAAsB,gBAAAC,EAACoB,GAAA,EAAO,GAAGrB,GAAO;AAAA,EAChD,SAAS,CAACA,MAAwB,gBAAAC,EAACqB,GAAA,EAAS,GAAGtB,GAAO;AAAA,EACtD,MAAM,CAACA,MAAqB,gBAAAC,EAACsB,GAAA,EAAM,GAAGvB,GAAO;AAAA,EAC7C,iBAAiB,CAACA,MAAgC,gBAAAC,EAACuB,GAAA,EAAiB,GAAGxB,GAAO;AAAA,EAC9E,aAAa,CAACA,MAA4B,gBAAAC,EAACwB,GAAA,EAAa,GAAGzB,GAAO;AAAA,EAClE,MAAM,CAACA,MAAqB,gBAAAC,EAACyB,GAAA,EAAM,GAAG1B,EAAA,CAAO;AAC/C;"}
+{"version":3,"file":"defaultComponentAdapter.js","sources":["../../../../src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx"],"sourcesContent":["// This is used to set the default adapter and can already be ommitted by using the\n// `GustoProviderCustomUIAdapter` component. That means this is a safe file to use\n// non type imports from the UI directory so the lint rule is disabled for this file.\n/* eslint-disable no-restricted-imports */\nimport type { ComponentsContextType } from '../useComponentContext'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInput } from '@/components/Common/UI/TextInput'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { NumberInput } from '@/components/Common/UI/NumberInput'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroup } from '@/components/Common/UI/CheckboxGroup'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { ComboBox } from '@/components/Common/UI/ComboBox/ComboBox'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { Checkbox } from '@/components/Common/UI/Checkbox'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { DatePicker } from '@/components/Common/UI/DatePicker'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { Radio } from '@/components/Common/UI/Radio'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroup } from '@/components/Common/UI/RadioGroup'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { Select } from '@/components/Common/UI/Select'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { Switch } from '@/components/Common/UI/Switch'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { Button } from '@/components/Common/UI/Button'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { Alert } from '@/components/Common/UI/Alert/Alert'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport { Card } from '@/components/Common/UI/Card/Card'\nimport { Badge } from '@/components/Common/UI/Badge/Badge'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport { Link } from '@/components/Common/UI/Link'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { Menu } from '@/components/Common/UI/Menu'\nimport type { TableProps } from '@/components/Common/UI/Table'\nimport { Table } from '@/components/Common/UI/Table'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List'\nimport { OrderedList, UnorderedList } from '@/components/Common/UI/List'\nimport { Heading } from '@/components/Common/UI/Heading'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport { Text } from '@/components/Common/UI/Text'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { CalendarPreview } from '@/components/Common/UI/CalendarPreview'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar'\nimport { ProgressBar } from '@/components/Common/UI/ProgressBar'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport { Tabs } from '@/components/Common/UI/Tabs'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { Dialog } from '@/components/Common/UI/Dialog'\n\nexport const defaultComponents: ComponentsContextType = {\n  Alert: (props: AlertProps) => <Alert {...props} />,\n  Badge: (props: BadgeProps) => <Badge {...props} />,\n  Button: (props: ButtonProps) => <Button {...props} />,\n  ButtonIcon: (props: ButtonIconProps) => <ButtonIcon {...props} />,\n  Card: (props: CardProps) => <Card {...props} />,\n  TextInput: (props: TextInputProps) => <TextInput {...props} />,\n  Checkbox: (props: CheckboxProps) => <Checkbox {...props} />,\n  CheckboxGroup: (props: CheckboxGroupProps) => <CheckboxGroup {...props} />,\n  ComboBox: (props: ComboBoxProps) => <ComboBox {...props} />,\n  DatePicker: (props: DatePickerProps) => <DatePicker {...props} />,\n  OrderedList: (props: OrderedListProps) => <OrderedList {...props} />,\n  UnorderedList: (props: UnorderedListProps) => <UnorderedList {...props} />,\n  NumberInput: (props: NumberInputProps) => <NumberInput {...props} />,\n  Radio: (props: RadioProps) => <Radio {...props} />,\n  RadioGroup: (props: RadioGroupProps) => <RadioGroup {...props} />,\n  Select: (props: SelectProps) => <Select {...props} />,\n  Switch: (props: SwitchProps) => <Switch {...props} />,\n  Link: (props: LinkProps) => <Link {...props} />,\n  Menu: (props: MenuProps) => <Menu {...props} />,\n  Table: (props: TableProps) => <Table {...props} />,\n  Heading: (props: HeadingProps) => <Heading {...props} />,\n  Text: (props: TextProps) => <Text {...props} />,\n  CalendarPreview: (props: CalendarPreviewProps) => <CalendarPreview {...props} />,\n  ProgressBar: (props: ProgressBarProps) => <ProgressBar {...props} />,\n  Tabs: (props: TabsProps) => <Tabs {...props} />,\n  Dialog: (props: DialogProps) => <Dialog {...props} />,\n}\n"],"names":["defaultComponents","props","jsx","Alert","Badge","Button","ButtonIcon","Card","TextInput","Checkbox","CheckboxGroup","ComboBox","DatePicker","OrderedList","UnorderedList","NumberInput","Radio","RadioGroup","Select","Switch","Link","Menu","Table","Heading","Text","CalendarPreview","ProgressBar","Tabs","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAMA,KAA2C;AAAA,EACtD,OAAO,CAACC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO;AAAA,EAChD,OAAO,CAACA,MAAsB,gBAAAC,EAACE,GAAA,EAAO,GAAGH,GAAO;AAAA,EAChD,QAAQ,CAACA,MAAuB,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO;AAAA,EACnD,YAAY,CAACA,MAA2B,gBAAAC,EAACI,GAAA,EAAY,GAAGL,GAAO;AAAA,EAC/D,MAAM,CAACA,MAAqB,gBAAAC,EAACK,GAAA,EAAM,GAAGN,GAAO;AAAA,EAC7C,WAAW,CAACA,MAA0B,gBAAAC,EAACM,GAAA,EAAW,GAAGP,GAAO;AAAA,EAC5D,UAAU,CAACA,MAAyB,gBAAAC,EAACO,GAAA,EAAU,GAAGR,GAAO;AAAA,EACzD,eAAe,CAACA,MAA8B,gBAAAC,EAACQ,GAAA,EAAe,GAAGT,GAAO;AAAA,EACxE,UAAU,CAACA,MAAyB,gBAAAC,EAACS,GAAA,EAAU,GAAGV,GAAO;AAAA,EACzD,YAAY,CAACA,MAA2B,gBAAAC,EAACU,GAAA,EAAY,GAAGX,GAAO;AAAA,EAC/D,aAAa,CAACA,MAA4B,gBAAAC,EAACW,GAAA,EAAa,GAAGZ,GAAO;AAAA,EAClE,eAAe,CAACA,MAA8B,gBAAAC,EAACY,GAAA,EAAe,GAAGb,GAAO;AAAA,EACxE,aAAa,CAACA,MAA4B,gBAAAC,EAACa,GAAA,EAAa,GAAGd,GAAO;AAAA,EAClE,OAAO,CAACA,MAAsB,gBAAAC,EAACc,GAAA,EAAO,GAAGf,GAAO;AAAA,EAChD,YAAY,CAACA,MAA2B,gBAAAC,EAACe,GAAA,EAAY,GAAGhB,GAAO;AAAA,EAC/D,QAAQ,CAACA,MAAuB,gBAAAC,EAACgB,GAAA,EAAQ,GAAGjB,GAAO;AAAA,EACnD,QAAQ,CAACA,MAAuB,gBAAAC,EAACiB,GAAA,EAAQ,GAAGlB,GAAO;AAAA,EACnD,MAAM,CAACA,MAAqB,gBAAAC,EAACkB,GAAA,EAAM,GAAGnB,GAAO;AAAA,EAC7C,MAAM,CAACA,MAAqB,gBAAAC,EAACmB,GAAA,EAAM,GAAGpB,GAAO;AAAA,EAC7C,OAAO,CAACA,MAAsB,gBAAAC,EAACoB,GAAA,EAAO,GAAGrB,GAAO;AAAA,EAChD,SAAS,CAACA,MAAwB,gBAAAC,EAACqB,GAAA,EAAS,GAAGtB,GAAO;AAAA,EACtD,MAAM,CAACA,MAAqB,gBAAAC,EAACsB,GAAA,EAAM,GAAGvB,GAAO;AAAA,EAC7C,iBAAiB,CAACA,MAAgC,gBAAAC,EAACuB,GAAA,EAAiB,GAAGxB,GAAO;AAAA,EAC9E,aAAa,CAACA,MAA4B,gBAAAC,EAACwB,GAAA,EAAa,GAAGzB,GAAO;AAAA,EAClE,MAAM,CAACA,MAAqB,gBAAAC,EAACyB,GAAA,EAAM,GAAG1B,GAAO;AAAA,EAC7C,QAAQ,CAACA,MAAuB,gBAAAC,EAAC0B,GAAA,EAAQ,GAAG3B,EAAA,CAAO;AACrD;"}

package/dist/contexts/ComponentAdapter/componentAdapterTypes.d.ts

@@ -21,3 +21,4 @@ export type { HeadingProps } from '../../components/Common/UI/Heading/HeadingTyp
 export type { PaginationControlProps } from '../../components/Common/PaginationControl/PaginationControlTypes';
 export type { TextProps } from '../../components/Common/UI/Text/TextTypes';
 export type { CalendarPreviewProps } from '../../components/Common/UI/CalendarPreview/CalendarPreviewTypes';
+export type { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.d.ts

@@ -9,8 +9,10 @@ import { MenuProps } from '../../components/Common/UI/Menu/MenuTypes';
 import { RadioProps } from '../../components/Common/UI/Radio/RadioTypes';
 import { RadioGroupProps } from '../../components/Common/UI/RadioGroup/RadioGroupTypes';
 import { SwitchProps } from '../../components/Common/UI/Switch/SwitchTypes';
+import { TableProps } from '../../components/Common/UI/Table/TableTypes';
 import { TextProps } from '../../components/Common/UI/Text/TextTypes';
 import { TextInputProps } from '../../components/Common/UI/TextInput/TextInputTypes';
+import { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';
 export declare const componentCreators: {
     readonly Alert: (customComponent: (props: AlertProps) => React.ReactElement | null) => {
         (props: AlertProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
@@ -52,6 +54,10 @@ export declare const componentCreators: {
         (props: SwitchProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
         displayName: string;
     };
+    readonly Table: (customComponent: (props: TableProps) => React.ReactElement | null) => {
+        (props: TableProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
     readonly Text: (customComponent: (props: TextProps) => React.ReactElement | null) => {
         (props: TextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
         displayName: string;
@@ -60,6 +66,10 @@ export declare const componentCreators: {
         (props: TextInputProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
         displayName: string;
     };
+    readonly Dialog: (customComponent: (props: DialogProps) => React.ReactElement | null) => {
+        (props: DialogProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+        displayName: string;
+    };
 };
 /**
  * Creates components with automatic default prop handling.

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js

@@ -7,47 +7,51 @@ import { CheckboxDefaults as d } from "../../components/Common/UI/Checkbox/Check
 import { CheckboxGroupDefaults as x } from "../../components/Common/UI/CheckboxGroup/CheckboxGroupTypes.js";
 import { MenuDefaults as h } from "../../components/Common/UI/Menu/MenuTypes.js";
 import { RadioDefaults as C } from "../../components/Common/UI/Radio/RadioTypes.js";
-import { RadioGroupDefaults as B } from "../../components/Common/UI/RadioGroup/RadioGroupTypes.js";
-import { SwitchDefaults as b } from "../../components/Common/UI/Switch/SwitchTypes.js";
-import { TextDefaults as k } from "../../components/Common/UI/Text/TextTypes.js";
-import { TextInputDefaults as G } from "../../components/Common/UI/TextInput/TextInputTypes.js";
-function t(u, o) {
+import { RadioGroupDefaults as b } from "../../components/Common/UI/RadioGroup/RadioGroupTypes.js";
+import { SwitchDefaults as B } from "../../components/Common/UI/Switch/SwitchTypes.js";
+import { TableDefaults as T } from "../../components/Common/UI/Table/TableTypes.js";
+import { TextDefaults as g } from "../../components/Common/UI/Text/TextTypes.js";
+import { TextInputDefaults as k } from "../../components/Common/UI/TextInput/TextInputTypes.js";
+import { DialogDefaults as G } from "../../components/Common/UI/Dialog/DialogTypes.js";
+function o(a, t) {
   return (e) => {
     const r = (n) => {
-      const p = i(n, u);
-      return e(p);
+      const u = i(n, a);
+      return e(u);
     };
-    return r.displayName = `withAutoDefault(${o})`, r;
+    return r.displayName = `withAutoDefault(${t})`, r;
   };
 }
-const m = {
-  Alert: t(s, "Alert"),
-  Badge: t(c, "Badge"),
-  Button: t(D, "Button"),
-  ButtonIcon: t(l, "ButtonIcon"),
-  Checkbox: t(d, "Checkbox"),
-  CheckboxGroup: t(x, "CheckboxGroup"),
-  Menu: t(h, "Menu"),
-  Radio: t(C, "Radio"),
-  RadioGroup: t(B, "RadioGroup"),
-  Switch: t(b, "Switch"),
-  Text: t(k, "Text"),
-  TextInput: t(G, "TextInput")
+const p = {
+  Alert: o(s, "Alert"),
+  Badge: o(c, "Badge"),
+  Button: o(D, "Button"),
+  ButtonIcon: o(l, "ButtonIcon"),
+  Checkbox: o(d, "Checkbox"),
+  CheckboxGroup: o(x, "CheckboxGroup"),
+  Menu: o(h, "Menu"),
+  Radio: o(C, "Radio"),
+  RadioGroup: o(b, "RadioGroup"),
+  Switch: o(B, "Switch"),
+  Table: o(T, "Table"),
+  Text: o(g, "Text"),
+  TextInput: o(k, "TextInput"),
+  Dialog: o(G, "Dialog")
 };
-function v(u = {}) {
-  const o = { ...f };
-  for (const [e, r] of Object.entries(u)) {
+function z(a = {}) {
+  const t = { ...f };
+  for (const [e, r] of Object.entries(a)) {
     const n = e;
-    if (e in m) {
-      const a = m[e];
-      o[n] = a(r);
+    if (e in p) {
+      const m = p[e];
+      t[n] = m(r);
     } else
-      o[n] = r;
+      t[n] = r;
   }
-  return o;
+  return t;
 }
 export {
-  m as componentCreators,
-  v as createComponents
+  p as componentCreators,
+  z as createComponents
 };
 //# sourceMappingURL=createComponentsWithDefaults.js.map

package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type React from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\n\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: (props: TProps) => React.ReactElement | null) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n// Component creators with defaults\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TextDefaults","TextInputDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;AA4BA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAAkE;AACxE,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,YAAYX,EAAqCY,GAAoB,YAAY;AAAA,EACjF,UAAUZ,EAAmCa,GAAkB,UAAU;AAAA,EACzE,eAAeb,EAAwCc,GAAuB,eAAe;AAAA,EAC7F,MAAMd,EAA+Be,GAAc,MAAM;AAAA,EACzD,OAAOf,EAAgCgB,GAAe,OAAO;AAAA,EAC7D,YAAYhB,EAAqCiB,GAAoB,YAAY;AAAA,EACjF,QAAQjB,EAAiCkB,GAAgB,QAAQ;AAAA,EACjE,MAAMlB,EAA+BmB,GAAc,MAAM;AAAA,EACzD,WAAWnB,EAAoCoB,GAAmB,WAAW;AAC/E;AAMO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAACtB,GAAeuB,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqBxB;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAMmB,IAAUnB,EADGN,CACyB;AAE5C,MAAAqB,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}
+{"version":3,"file":"createComponentsWithDefaults.js","sources":["../../../src/contexts/ComponentAdapter/createComponentsWithDefaults.ts"],"sourcesContent":["import type React from 'react'\nimport type { ComponentsContextType } from './useComponentContext'\nimport { defaultComponents } from './adapters/defaultComponentAdapter'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n// Import prop types and their defaults\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport { AlertDefaults } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { BadgeDefaults } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { ButtonProps, ButtonIconProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport { ButtonDefaults, ButtonIconDefaults } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { CheckboxDefaults } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { CheckboxGroupDefaults } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport { MenuDefaults } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport { RadioDefaults } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { RadioGroupDefaults } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { SwitchDefaults } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { TableDefaults } from '@/components/Common/UI/Table/TableTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport { TextDefaults } from '@/components/Common/UI/Text/TextTypes'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { TextInputDefaults } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport { DialogDefaults } from '@/components/Common/UI/Dialog/DialogTypes'\n\nfunction composeWithDefaults<TProps>(defaults: Partial<TProps>, componentName: string) {\n  return (customComponent: (props: TProps) => React.ReactElement | null) => {\n    const wrappedComponent = (props: TProps) => {\n      const propsWithDefaults = applyMissingDefaults(props, defaults)\n      return customComponent(propsWithDefaults)\n    }\n    wrappedComponent.displayName = `withAutoDefault(${componentName})`\n    return wrappedComponent\n  }\n}\n\n// Component creators with defaults\nexport const componentCreators = {\n  Alert: composeWithDefaults<AlertProps>(AlertDefaults, 'Alert'),\n  Badge: composeWithDefaults<BadgeProps>(BadgeDefaults, 'Badge'),\n  Button: composeWithDefaults<ButtonProps>(ButtonDefaults, 'Button'),\n  ButtonIcon: composeWithDefaults<ButtonIconProps>(ButtonIconDefaults, 'ButtonIcon'),\n  Checkbox: composeWithDefaults<CheckboxProps>(CheckboxDefaults, 'Checkbox'),\n  CheckboxGroup: composeWithDefaults<CheckboxGroupProps>(CheckboxGroupDefaults, 'CheckboxGroup'),\n  Menu: composeWithDefaults<MenuProps>(MenuDefaults, 'Menu'),\n  Radio: composeWithDefaults<RadioProps>(RadioDefaults, 'Radio'),\n  RadioGroup: composeWithDefaults<RadioGroupProps>(RadioGroupDefaults, 'RadioGroup'),\n  Switch: composeWithDefaults<SwitchProps>(SwitchDefaults, 'Switch'),\n  Table: composeWithDefaults<TableProps>(TableDefaults, 'Table'),\n  Text: composeWithDefaults<TextProps>(TextDefaults, 'Text'),\n  TextInput: composeWithDefaults<TextInputProps>(TextInputDefaults, 'TextInput'),\n  Dialog: composeWithDefaults<DialogProps>(DialogDefaults, 'Dialog'),\n} as const\n\n/**\n * Creates components with automatic default prop handling.\n * Supports both partial (GustoProvider) and full (GustoProviderCustomUIAdapter) component sets.\n */\nexport function createComponents(\n  providedComponents: Partial<ComponentsContextType> = {},\n): ComponentsContextType {\n  const components = { ...defaultComponents }\n\n  for (const [componentName, providedComponent] of Object.entries(providedComponents)) {\n    const typedComponentName = componentName as keyof ComponentsContextType\n\n    if (componentName in componentCreators) {\n      const creatorKey = componentName as keyof typeof componentCreators\n      const creator = componentCreators[creatorKey]\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = creator(providedComponent as any) as any\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      components[typedComponentName] = providedComponent as any\n    }\n  }\n\n  return components\n}\n"],"names":["composeWithDefaults","defaults","componentName","customComponent","wrappedComponent","props","propsWithDefaults","applyMissingDefaults","componentCreators","AlertDefaults","BadgeDefaults","ButtonDefaults","ButtonIconDefaults","CheckboxDefaults","CheckboxGroupDefaults","MenuDefaults","RadioDefaults","RadioGroupDefaults","SwitchDefaults","TableDefaults","TextDefaults","TextInputDefaults","DialogDefaults","createComponents","providedComponents","components","defaultComponents","providedComponent","typedComponentName","creator"],"mappings":";;;;;;;;;;;;;;;AAgCA,SAASA,EAA4BC,GAA2BC,GAAuB;AACrF,SAAO,CAACC,MAAkE;AACxE,UAAMC,IAAmB,CAACC,MAAkB;AAC1C,YAAMC,IAAoBC,EAAqBF,GAAOJ,CAAQ;AAC9D,aAAOE,EAAgBG,CAAiB;AAAA,IAC1C;AACA,WAAAF,EAAiB,cAAc,mBAAmBF,CAAa,KACxDE;AAAA,EACT;AACF;AAGO,MAAMI,IAAoB;AAAA,EAC/B,OAAOR,EAAgCS,GAAe,OAAO;AAAA,EAC7D,OAAOT,EAAgCU,GAAe,OAAO;AAAA,EAC7D,QAAQV,EAAiCW,GAAgB,QAAQ;AAAA,EACjE,YAAYX,EAAqCY,GAAoB,YAAY;AAAA,EACjF,UAAUZ,EAAmCa,GAAkB,UAAU;AAAA,EACzE,eAAeb,EAAwCc,GAAuB,eAAe;AAAA,EAC7F,MAAMd,EAA+Be,GAAc,MAAM;AAAA,EACzD,OAAOf,EAAgCgB,GAAe,OAAO;AAAA,EAC7D,YAAYhB,EAAqCiB,GAAoB,YAAY;AAAA,EACjF,QAAQjB,EAAiCkB,GAAgB,QAAQ;AAAA,EACjE,OAAOlB,EAAgCmB,GAAe,OAAO;AAAA,EAC7D,MAAMnB,EAA+BoB,GAAc,MAAM;AAAA,EACzD,WAAWpB,EAAoCqB,GAAmB,WAAW;AAAA,EAC7E,QAAQrB,EAAiCsB,GAAgB,QAAQ;AACnE;AAMO,SAASC,EACdC,IAAqD,IAC9B;AACvB,QAAMC,IAAa,EAAE,GAAGC,EAAA;AAExB,aAAW,CAACxB,GAAeyB,CAAiB,KAAK,OAAO,QAAQH,CAAkB,GAAG;AACnF,UAAMI,IAAqB1B;AAE3B,QAAIA,KAAiBM,GAAmB;AAEtC,YAAMqB,IAAUrB,EADGN,CACyB;AAE5C,MAAAuB,EAAWG,CAAkB,IAAIC,EAAQF,CAAwB;AAAA,IACnE;AAEE,MAAAF,EAAWG,CAAkB,IAAID;AAAA,EAErC;AAEA,SAAOF;AACT;"}

package/dist/contexts/ComponentAdapter/useComponentContext.d.ts

@@ -23,6 +23,7 @@ import { TextProps } from '../../components/Common/UI/Text/TextTypes';
 import { CalendarPreviewProps } from '../../components/Common/UI/CalendarPreview/CalendarPreviewTypes';
 import { ProgressBarProps } from '../../components/Common/UI/ProgressBar/ProgressBarTypes';
 import { TabsProps } from '../../components/Common/UI/Tabs/TabsTypes';
+import { DialogProps } from '../../components/Common/UI/Dialog/DialogTypes';
 export interface ComponentsContextType {
     Alert: (props: AlertProps) => JSX.Element | null;
     Badge: (props: BadgeProps) => JSX.Element | null;
@@ -50,6 +51,7 @@ export interface ComponentsContextType {
     CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null;
     ProgressBar: (props: ProgressBarProps) => JSX.Element | null;
     Tabs: (props: TabsProps) => JSX.Element | null;
+    Dialog: (props: DialogProps) => JSX.Element | null;
 }
 export declare const ComponentsContext: import('react').Context<ComponentsContextType | null>;
 export declare const useComponentContext: () => ComponentsContextType;

package/dist/contexts/ComponentAdapter/useComponentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { JSX } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\n\nexport interface ComponentsContextType {\n  Alert: (props: AlertProps) => JSX.Element | null\n  Badge: (props: BadgeProps) => JSX.Element | null\n  Button: (props: ButtonProps) => JSX.Element | null\n  ButtonIcon: (props: ButtonIconProps) => JSX.Element | null\n  Card: (props: CardProps) => JSX.Element | null\n  Checkbox: (props: CheckboxProps) => JSX.Element | null\n  CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element | null\n  ComboBox: (props: ComboBoxProps) => JSX.Element | null\n  DatePicker: (props: DatePickerProps) => JSX.Element | null\n  OrderedList: (props: OrderedListProps) => JSX.Element | null\n  UnorderedList: (props: UnorderedListProps) => JSX.Element | null\n  NumberInput: (props: NumberInputProps) => JSX.Element | null\n  Radio: (props: RadioProps) => JSX.Element | null\n  RadioGroup: (props: RadioGroupProps) => JSX.Element | null\n  Select: (props: SelectProps) => JSX.Element | null\n  Switch: (props: SwitchProps) => JSX.Element | null\n  TextInput: (props: TextInputProps) => JSX.Element | null\n  Link: (props: LinkProps) => JSX.Element | null\n  Menu: (props: MenuProps) => JSX.Element | null\n  Table: (props: TableProps) => JSX.Element | null\n  Heading: (props: HeadingProps) => JSX.Element | null\n  PaginationControl?: (props: PaginationControlProps) => JSX.Element | null\n  Text: (props: TextProps) => JSX.Element | null\n  CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null\n  ProgressBar: (props: ProgressBarProps) => JSX.Element | null\n  Tabs: (props: TabsProps) => JSX.Element | null\n}\n\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AAwDO,MAAMA,IAAoBC,EAA4C,IAAI,GAEpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}
+{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { JSX } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\n\nexport interface ComponentsContextType {\n  Alert: (props: AlertProps) => JSX.Element | null\n  Badge: (props: BadgeProps) => JSX.Element | null\n  Button: (props: ButtonProps) => JSX.Element | null\n  ButtonIcon: (props: ButtonIconProps) => JSX.Element | null\n  Card: (props: CardProps) => JSX.Element | null\n  Checkbox: (props: CheckboxProps) => JSX.Element | null\n  CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element | null\n  ComboBox: (props: ComboBoxProps) => JSX.Element | null\n  DatePicker: (props: DatePickerProps) => JSX.Element | null\n  OrderedList: (props: OrderedListProps) => JSX.Element | null\n  UnorderedList: (props: UnorderedListProps) => JSX.Element | null\n  NumberInput: (props: NumberInputProps) => JSX.Element | null\n  Radio: (props: RadioProps) => JSX.Element | null\n  RadioGroup: (props: RadioGroupProps) => JSX.Element | null\n  Select: (props: SelectProps) => JSX.Element | null\n  Switch: (props: SwitchProps) => JSX.Element | null\n  TextInput: (props: TextInputProps) => JSX.Element | null\n  Link: (props: LinkProps) => JSX.Element | null\n  Menu: (props: MenuProps) => JSX.Element | null\n  Table: (props: TableProps) => JSX.Element | null\n  Heading: (props: HeadingProps) => JSX.Element | null\n  PaginationControl?: (props: PaginationControlProps) => JSX.Element | null\n  Text: (props: TextProps) => JSX.Element | null\n  CalendarPreview: (props: CalendarPreviewProps) => JSX.Element | null\n  ProgressBar: (props: ProgressBarProps) => JSX.Element | null\n  Tabs: (props: TabsProps) => JSX.Element | null\n  Dialog: (props: DialogProps) => JSX.Element | null\n}\n\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA0DO,MAAMA,IAAoBC,EAA4C,IAAI,GAEpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -7,18 +7,21 @@ import { createComponents as C } from "../ComponentAdapter/createComponentsWithD
 import { ApiProvider as I } from "../ApiProvider/ApiProvider.js";
 import { LoadingIndicatorProvider as x } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { SDKI18next as t } from "./SDKI18next.js";
+import "classnames";
+import "../../shared/constants.js";
 import { InternalError as y } from "../../components/Common/InternalError/InternalError.js";
 import { LocaleProvider as L } from "../LocaleProvider/LocaleProvider.js";
+import "../LocaleProvider/useLocale.js";
 import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";
-const R = (a) => {
+const z = (a) => {
   const {
     children: c,
     config: e,
     dictionary: o,
     lng: n = "en",
     locale: d = "en-US",
-    currency: l = "USD",
-    theme: p,
+    currency: p = "USD",
+    theme: l,
     components: s,
     LoaderComponent: f
   } = a;
@@ -36,9 +39,9 @@ const R = (a) => {
     }
   return g(() => {
     (async () => await t.changeLanguage(n))();
-  }, [n]), /* @__PURE__ */ r(P, { value: C(s), children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(U, { theme: p, children: /* @__PURE__ */ r(L, { locale: d, currency: l, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: c }) }, n) }) }) }) }) });
+  }, [n]), /* @__PURE__ */ r(P, { value: C(s), children: /* @__PURE__ */ r(x, { value: f, children: /* @__PURE__ */ r(h, { FallbackComponent: y, children: /* @__PURE__ */ r(U, { theme: l, children: /* @__PURE__ */ r(L, { locale: d, currency: p, children: /* @__PURE__ */ r(v, { i18n: t, children: /* @__PURE__ */ r(I, { url: e.baseUrl, headers: e.headers, hooks: e.hooks, children: c }) }, n) }) }) }) }) });
 };
 export {
-  R as GustoProviderCustomUIAdapter
+  z as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={createComponents(components)}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","createComponents","LoadingIndicatorProvider","jsx","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;AA4CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOC,EAAiBR,CAAU,GACpD,4BAACS,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAS,EAACC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAF,EAACG,KAAc,OAAAd,GACb,UAAA,gBAAAW,EAACI,KAAe,QAAAjB,GAAgB,UAAAC,GAC9B,4BAACiB,GAAA,EAAgB,MAAMV,GACrB,UAAA,gBAAAK,EAACM,GAAA,EAAY,KAAKtB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={createComponents(components)}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\n            <LocaleProvider locale={locale} currency={currency}>\n              <I18nextProvider i18n={SDKI18next} key={lng}>\n                <ApiProvider url={config.baseUrl} headers={config.headers} hooks={config.hooks}>\n                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","language","lang","ns","SDKI18next","useEffect","ComponentsProvider","createComponents","LoadingIndicatorProvider","jsx","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;AA4CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACET;AAGJ,MAAIG;AACF,eAAWO,KAAYP,GAAY;AACjC,YAAMQ,IAAOD;AACb,iBAAWE,KAAMT,EAAWQ,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCT,EAAWQ,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeT,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,qBAGLW,GAAA,EAAmB,OAAOC,EAAiBR,CAAU,GACpD,4BAACS,GAAA,EAAyB,OAAOR,GAC/B,UAAA,gBAAAS,EAACC,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAF,EAACG,KAAc,OAAAd,GACb,UAAA,gBAAAW,EAACI,KAAe,QAAAjB,GAAgB,UAAAC,GAC9B,4BAACiB,GAAA,EAAgB,MAAMV,GACrB,UAAA,gBAAAK,EAACM,GAAA,EAAY,KAAKtB,EAAO,SAAS,SAASA,EAAO,SAAS,OAAOA,EAAO,OACtE,UAAAD,GACH,EAAA,GAHsCG,CAIxC,GACF,EAAA,CACF,GACF,GACF,EAAA,CACF;AAEJ;"}

package/dist/contexts/ThemeProvider/theme.d.ts

@@ -1,3 +1,4 @@
+export declare const transitionDuration = 200;
 declare const defaultThemeColors: {
     colorBody: string;
     colorBodyAccent: string;
@@ -39,10 +40,12 @@ export declare const createTheme: (colors?: GustoSDKThemeColors) => {
     inputErrorColor: string | undefined;
     inputRadius: string;
     buttonRadius: string;
+    cardRadius: string;
     badgeRadius: string;
     fontSizeRoot: string;
     fontFamily: string;
     fontLineHeight: string;
+    fontSizeExtraSmall: string;
     fontSizeSmall: string;
     fontSizeRegular: string;
     fontSizeLarge: string;

package/dist/contexts/ThemeProvider/theme.js

@@ -5,7 +5,7 @@ const o = {
     300: "#F4F4F3",
     400: "#EAEAEA",
     500: "#DCDCDC",
-    800: "#6C6C72",
+    800: "#414651",
     900: "#525257",
     1e3: "#1C1C1C"
   },
@@ -29,7 +29,7 @@ const o = {
     500: "#DCDCDC",
     800: "#1C1C1C"
   }
-}, i = {
+}, u = 200, i = {
   colorBody: o.neutral[100],
   colorBodyAccent: o.neutral[300],
   colorBodyContent: o.neutral[1e3],
@@ -53,7 +53,7 @@ const o = {
   colorSuccessAccent: o.success[500],
   colorSuccessContent: o.success[800],
   colorBorder: o.neutral[400]
-}, u = (r = {}) => ({
+}, d = (r = {}) => ({
   // Colors
   ...i,
   ...r,
@@ -74,11 +74,13 @@ const o = {
   // Radius
   inputRadius: n(8),
   buttonRadius: n(8),
+  cardRadius: n(8),
   badgeRadius: n(16),
   // Font
   fontSizeRoot: a(),
   fontFamily: "Geist",
   fontLineHeight: n(24),
+  fontSizeExtraSmall: n(12),
   fontSizeSmall: n(14),
   fontSizeRegular: n(16),
   fontSizeLarge: n(18),
@@ -93,25 +95,26 @@ const o = {
   fontWeightSemibold: "600",
   fontWeightBold: "700",
   // Transitions
-  transitionDuration: "200ms",
+  transitionDuration: `${u}ms`,
   // Shadows
   shadowResting: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
   shadowTopmost: "0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)",
   // Focus
   focusRingColor: r.colorPrimary,
   focusRingWidth: "2px"
-}), s = (r) => {
+}), g = (r) => {
   const c = Object.entries(i).reduce(
-    (e, [t, l]) => (e[t] = r[t] || l, e),
+    (t, [e, l]) => (t[e] = r[e] || l, t),
     {}
   );
   return {
-    ...u(c),
+    ...d(c),
     ...r
   };
 };
 export {
-  u as createTheme,
-  s as mergePartnerTheme
+  d as createTheme,
+  g as mergePartnerTheme,
+  u as transitionDuration
 };
 //# sourceMappingURL=theme.js.map

package/dist/contexts/ThemeProvider/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/contexts/ThemeProvider/theme.ts"],"sourcesContent":["import { getRootFontSize, toRem } from '@/helpers/rem'\n\n// Colors are for internal use in our theme currently\n// We don't export them for partner use or overrides\nconst baseColors = {\n  neutral: {\n    100: '#FFFFFF',\n    200: '#FBFAFA',\n    300: '#F4F4F3',\n    400: '#EAEAEA',\n    500: '#DCDCDC',\n    600: '#BABABC',\n    700: '#919197',\n    800: '#6C6C72',\n    900: '#525257',\n    1000: '#1C1C1C',\n  },\n  error: {\n    100: '#FEF3F2',\n    500: '#C5271C',\n    800: '#D92D20',\n  },\n  warning: {\n    100: '#FFFAF2',\n    500: '#E9B550',\n    700: '#B88023',\n    800: '#B88023',\n  },\n  success: {\n    100: '#F3FAFB',\n    400: '#2BABAD',\n    500: '#0A8080',\n    800: '#005961',\n  },\n  info: {\n    100: '#F4F4F3',\n    500: '#DCDCDC',\n    800: '#1C1C1C',\n  },\n}\n\nconst defaultThemeColors = {\n  colorBody: baseColors.neutral[100],\n  colorBodyAccent: baseColors.neutral[300],\n  colorBodyContent: baseColors.neutral[1000],\n  colorBodySubContent: baseColors.neutral[800],\n  colorPrimary: baseColors.neutral[1000],\n  colorPrimaryAccent: baseColors.neutral[900],\n  colorPrimaryContent: baseColors.neutral[100],\n  colorSecondary: baseColors.neutral[100],\n  colorSecondaryAccent: baseColors.neutral[400],\n  colorSecondaryContent: baseColors.neutral[1000],\n  colorInfo: baseColors.info[100],\n  colorInfoAccent: baseColors.info[500],\n  colorInfoContent: baseColors.info[800],\n  colorWarning: baseColors.warning[100],\n  colorWarningAccent: baseColors.warning[500],\n  colorWarningContent: baseColors.warning[800],\n  colorError: baseColors.error[100],\n  colorErrorAccent: baseColors.error[500],\n  colorErrorContent: baseColors.error[800],\n  colorSuccess: baseColors.success[100],\n  colorSuccessAccent: baseColors.success[500],\n  colorSuccessContent: baseColors.success[800],\n  colorBorder: baseColors.neutral[400],\n}\n\nexport type GustoSDKThemeColors = Partial<typeof defaultThemeColors>\n\nexport const createTheme = (colors: GustoSDKThemeColors = {}) => {\n  return {\n    // Colors\n    ...defaultThemeColors,\n    ...colors,\n    // Input Colors\n    inputBackgroundColor: colors.colorBody,\n    inputBorderColor: baseColors.neutral[500],\n    inputContentColor: colors.colorBodyContent,\n    inputBorderWidth: '1px',\n    inputPlaceholderColor: colors.colorBodySubContent,\n    inputAdornmentColor: colors.colorBodySubContent,\n    inputDisabledBackgroundColor: colors.colorBodyAccent,\n    // Field Colors\n    inputLabelColor: colors.colorBodyContent,\n    inputLabelFontSize: toRem(16),\n    inputLabelFontWeight: '500',\n    inputDescriptionColor: colors.colorBodySubContent,\n    inputErrorColor: colors.colorErrorAccent,\n    // Radius\n    inputRadius: toRem(8),\n    buttonRadius: toRem(8),\n    badgeRadius: toRem(16),\n    // Font\n    fontSizeRoot: getRootFontSize(),\n    fontFamily: 'Geist',\n    fontLineHeight: toRem(24),\n    fontSizeSmall: toRem(14),\n    fontSizeRegular: toRem(16),\n    fontSizeLarge: toRem(18),\n    fontSizeHeading1: toRem(32),\n    fontSizeHeading2: toRem(24),\n    fontSizeHeading3: toRem(20),\n    fontSizeHeading4: toRem(18),\n    fontSizeHeading5: toRem(16),\n    fontSizeHeading6: toRem(14),\n    fontWeightRegular: '400',\n    fontWeightMedium: '500',\n    fontWeightSemibold: '600',\n    fontWeightBold: '700',\n    // Transitions\n    transitionDuration: '200ms',\n    // Shadows\n    shadowResting: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',\n    shadowTopmost:\n      '0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)',\n    // Focus\n    focusRingColor: colors.colorPrimary,\n    focusRingWidth: '2px',\n  }\n}\n\nexport type GustoSDKTheme = Partial<ReturnType<typeof createTheme>>\n\nexport const mergePartnerTheme = (partnerTheme: GustoSDKTheme): GustoSDKTheme => {\n  const colors = Object.entries(defaultThemeColors).reduce(\n    (acc: GustoSDKThemeColors, [key, value]) => {\n      acc[key as keyof typeof defaultThemeColors] =\n        partnerTheme[key as keyof typeof defaultThemeColors] || value\n      return acc\n    },\n    {},\n  )\n\n  const theme = createTheme(colors)\n\n  return {\n    ...theme,\n    ...partnerTheme,\n  }\n}\n"],"names":["baseColors","defaultThemeColors","createTheme","colors","toRem","getRootFontSize","mergePartnerTheme","partnerTheme","acc","key","value"],"mappings":"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"}
+{"version":3,"file":"theme.js","sources":["../../../src/contexts/ThemeProvider/theme.ts"],"sourcesContent":["import { getRootFontSize, toRem } from '@/helpers/rem'\n\n// Colors are for internal use in our theme currently\n// We don't export them for partner use or overrides\nconst baseColors = {\n  neutral: {\n    100: '#FFFFFF',\n    200: '#FBFAFA',\n    300: '#F4F4F3',\n    400: '#EAEAEA',\n    500: '#DCDCDC',\n    600: '#BABABC',\n    700: '#919197',\n    800: '#414651',\n    900: '#525257',\n    1000: '#1C1C1C',\n  },\n  error: {\n    100: '#FEF3F2',\n    500: '#C5271C',\n    800: '#D92D20',\n  },\n  warning: {\n    100: '#FFFAF2',\n    500: '#E9B550',\n    700: '#B88023',\n    800: '#B88023',\n  },\n  success: {\n    100: '#F3FAFB',\n    400: '#2BABAD',\n    500: '#0A8080',\n    800: '#005961',\n  },\n  info: {\n    100: '#F4F4F3',\n    500: '#DCDCDC',\n    800: '#1C1C1C',\n  },\n}\n\nexport const transitionDuration = 200\n\nconst defaultThemeColors = {\n  colorBody: baseColors.neutral[100],\n  colorBodyAccent: baseColors.neutral[300],\n  colorBodyContent: baseColors.neutral[1000],\n  colorBodySubContent: baseColors.neutral[800],\n  colorPrimary: baseColors.neutral[1000],\n  colorPrimaryAccent: baseColors.neutral[900],\n  colorPrimaryContent: baseColors.neutral[100],\n  colorSecondary: baseColors.neutral[100],\n  colorSecondaryAccent: baseColors.neutral[400],\n  colorSecondaryContent: baseColors.neutral[1000],\n  colorInfo: baseColors.info[100],\n  colorInfoAccent: baseColors.info[500],\n  colorInfoContent: baseColors.info[800],\n  colorWarning: baseColors.warning[100],\n  colorWarningAccent: baseColors.warning[500],\n  colorWarningContent: baseColors.warning[800],\n  colorError: baseColors.error[100],\n  colorErrorAccent: baseColors.error[500],\n  colorErrorContent: baseColors.error[800],\n  colorSuccess: baseColors.success[100],\n  colorSuccessAccent: baseColors.success[500],\n  colorSuccessContent: baseColors.success[800],\n  colorBorder: baseColors.neutral[400],\n}\n\nexport type GustoSDKThemeColors = Partial<typeof defaultThemeColors>\n\nexport const createTheme = (colors: GustoSDKThemeColors = {}) => {\n  return {\n    // Colors\n    ...defaultThemeColors,\n    ...colors,\n    // Input Colors\n    inputBackgroundColor: colors.colorBody,\n    inputBorderColor: baseColors.neutral[500],\n    inputContentColor: colors.colorBodyContent,\n    inputBorderWidth: '1px',\n    inputPlaceholderColor: colors.colorBodySubContent,\n    inputAdornmentColor: colors.colorBodySubContent,\n    inputDisabledBackgroundColor: colors.colorBodyAccent,\n    // Field Colors\n    inputLabelColor: colors.colorBodyContent,\n    inputLabelFontSize: toRem(16),\n    inputLabelFontWeight: '500',\n    inputDescriptionColor: colors.colorBodySubContent,\n    inputErrorColor: colors.colorErrorAccent,\n    // Radius\n    inputRadius: toRem(8),\n    buttonRadius: toRem(8),\n    cardRadius: toRem(8),\n    badgeRadius: toRem(16),\n    // Font\n    fontSizeRoot: getRootFontSize(),\n    fontFamily: 'Geist',\n    fontLineHeight: toRem(24),\n    fontSizeExtraSmall: toRem(12),\n    fontSizeSmall: toRem(14),\n    fontSizeRegular: toRem(16),\n    fontSizeLarge: toRem(18),\n    fontSizeHeading1: toRem(32),\n    fontSizeHeading2: toRem(24),\n    fontSizeHeading3: toRem(20),\n    fontSizeHeading4: toRem(18),\n    fontSizeHeading5: toRem(16),\n    fontSizeHeading6: toRem(14),\n    fontWeightRegular: '400',\n    fontWeightMedium: '500',\n    fontWeightSemibold: '600',\n    fontWeightBold: '700',\n    // Transitions\n    transitionDuration: `${transitionDuration}ms`,\n    // Shadows\n    shadowResting: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',\n    shadowTopmost:\n      '0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)',\n    // Focus\n    focusRingColor: colors.colorPrimary,\n    focusRingWidth: '2px',\n  }\n}\n\nexport type GustoSDKTheme = Partial<ReturnType<typeof createTheme>>\n\nexport const mergePartnerTheme = (partnerTheme: GustoSDKTheme): GustoSDKTheme => {\n  const colors = Object.entries(defaultThemeColors).reduce(\n    (acc: GustoSDKThemeColors, [key, value]) => {\n      acc[key as keyof typeof defaultThemeColors] =\n        partnerTheme[key as keyof typeof defaultThemeColors] || value\n      return acc\n    },\n    {},\n  )\n\n  const theme = createTheme(colors)\n\n  return {\n    ...theme,\n    ...partnerTheme,\n  }\n}\n"],"names":["baseColors","transitionDuration","defaultThemeColors","createTheme","colors","toRem","getRootFontSize","mergePartnerTheme","partnerTheme","acc","key","value"],"mappings":"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"}

package/dist/helpers/formattedStrings.js

@@ -1,19 +1,20 @@
 import m from "dompurify";
 import "react-i18next";
 import "react";
-const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), l = ({
+import "../contexts/LocaleProvider/useLocale.js";
+const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), h = ({
   first_name: t,
   last_name: e
 }) => `${t ? c(t) : ""}${e ? n(c(e)) : ""}`, n = (t) => t ? ` ${t}` : "", i = (t) => {
   const e = n(t.street1), r = n(t.street2);
   return `${e},${r}`;
-}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, h = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
+}, u = (t) => `${n(t.city)}, ${n(t.state)} ${n(t.zip)}`, C = (t) => `${i(t)} ${u(t)}`, p = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
   const r = t.toLocaleString(e, {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
   return p(r, !1);
-}, C = ({
+}, S = ({
   rate: t,
   paymentUnit: e,
   t: r,
@@ -41,20 +42,20 @@ const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), l = ({
       return o;
   }
 }, y = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
-function S(t) {
+function D(t) {
   return t ? { __html: m.sanitize(t, y) } : { __html: "" };
 }
-const D = (t) => t.replace(/\D/g, ""), F = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
+const F = (t) => t.replace(/\D/g, ""), L = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase());
 export {
-  h as addressInline,
+  C as addressInline,
   p as amountStr,
-  S as createMarkup,
-  l as firstLastName,
+  D as createMarkup,
+  h as firstLastName,
   s as formatNumberAsCurrency,
-  C as formatPayRate,
+  S as formatPayRate,
   u as getCityStateZip,
   i as getStreet,
-  D as removeNonDigits,
-  F as snakeCaseToCamelCase
+  F as removeNonDigits,
+  L as snakeCaseToCamelCase
 };
 //# sourceMappingURL=formattedStrings.js.map

package/dist/helpers/formattedStrings.js.map

@@ -1 +1 @@
-{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";;;AAQA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAChE,QAAMC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAE3C,SAAO,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAgBtCK,IAAY,CAACC,GAAgBC,MACxCA,IAAe,GAAGD,CAAM,MAAM,IAAIA,CAAM,IAE7BE,IAAyB,CAACF,GAAgBG,IAAiB,YAAY;AAClF,QAAMC,IAAkBJ,EAAO,eAAeG,GAAQ;AAAA,IACpD,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB;AACD,SAAOJ,EAAUK,GAAiB,EAAK;AACzC,GAEaC,IAAgB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAAC;AAAA,EACA,QAAAL,IAAS;AACX,MAKM;AACJ,QAAMH,IAASE,EAAuBI,GAAMH,CAAM;AAElD,UAAQI,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,yBAAyB;AAAA,QAChC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,0BAA0B;AAAA,QACjC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,2BAA2B,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC9D;AACE,aAAOA;AAAA,EAAA;AAEb,GAcMS,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAA;AACtF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAA,IADvC,EAAE,QAAQ,GAAA;AAE/B;AAEO,MAAMI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}
+{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","snakeCaseToCamelCase","s","_","char"],"mappings":";;;;AAQA,MAAMA,IAAa,CAACC,MAAiBA,EAAK,OAAO,CAAC,EAAE,sBAAsBA,EAAK,MAAM,CAAC,GAEzEC,IAAgB,CAAC;AAAA,EAC5B,YAAAC;AAAA,EACA,WAAAC;AACF,MAIE,GAAGD,IAAaH,EAAWG,CAAU,IAAI,EAAE,GAAGC,IAAYC,EAAYL,EAAWI,CAAS,CAAC,IAAI,EAAE,IAE7FC,IAAc,CAACC,MACZA,IAAM,IAAIA,CAAG,KAAK,IAGdC,IAAY,CAACC,MAAwC;AAChE,QAAMC,IAAUJ,EAAYG,EAAQ,OAAO,GACrCE,IAAUL,EAAYG,EAAQ,OAAO;AAE3C,SAAO,GAAGC,CAAO,IAAIC,CAAO;AAC9B,GAEaC,IAAkB,CAACH,MAC9B,GAAGH,EAAYG,EAAQ,IAAI,CAAC,KAAKH,EAAYG,EAAQ,KAAK,CAAC,IAAIH,EAAYG,EAAQ,GAAG,CAAC,IAE5EI,IAAgB,CAACJ,MAC5B,GAAGD,EAAUC,CAAO,CAAC,IAAIG,EAAgBH,CAAO,CAAC,IAgBtCK,IAAY,CAACC,GAAgBC,MACxCA,IAAe,GAAGD,CAAM,MAAM,IAAIA,CAAM,IAE7BE,IAAyB,CAACF,GAAgBG,IAAiB,YAAY;AAClF,QAAMC,IAAkBJ,EAAO,eAAeG,GAAQ;AAAA,IACpD,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EAAA,CACxB;AACD,SAAOJ,EAAUK,GAAiB,EAAK;AACzC,GAEaC,IAAgB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAAC;AAAA,EACA,QAAAL,IAAS;AACX,MAKM;AACJ,QAAMH,IAASE,EAAuBI,GAAMH,CAAM;AAElD,UAAQI,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,yBAAyB;AAAA,QAChC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,0BAA0B;AAAA,QACjC,QAAQN,EAAuBI,IAAO,IAAIH,CAAM;AAAA,QAChD,IAAI;AAAA,MAAA,CACL;AAAA,IACH,KAAK;AACH,aAAOK,EAAE,yBAAyB,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC5D,KAAK;AACH,aAAOQ,EAAE,2BAA2B,EAAE,QAAAR,GAAQ,IAAI,UAAU;AAAA,IAC9D;AACE,aAAOA;AAAA,EAAA;AAEb,GAcMS,IAAkB,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,CAAC,QAAQ,QAAQ,EAAA;AACtF,SAASC,EAAaC,GAAe;AAC1C,SAAKA,IACE,EAAE,QAAQC,EAAU,SAASD,GAAOF,CAAe,EAAA,IADvC,EAAE,QAAQ,GAAA;AAE/B;AAEO,MAAMI,IAAkB,CAACC,MACvBA,EAAM,QAAQ,OAAO,EAAE,GAGnBC,IAAuB,CAACC,MAC5BA,EAAE,QAAQ,aAAa,CAACC,GAAWC,MAAiBA,EAAK,aAAa;"}

package/dist/helpers/readableStreamToBlob.d.ts

@@ -0,0 +1 @@
+export declare function readableStreamToBlob(stream: ReadableStream<Uint8Array>, mimeType: string): Promise<Blob>;

package/dist/helpers/readableStreamToBlob.js

@@ -0,0 +1,17 @@
+async function f(s, c) {
+  const l = s.getReader(), t = [];
+  let o = !1;
+  for (; !o; ) {
+    const { value: e, done: n } = await l.read();
+    e && t.push(e), o = n;
+  }
+  const d = t.reduce((e, n) => e + n.length, 0), r = new Uint8Array(d);
+  let a = 0;
+  for (const e of t)
+    r.set(e, a), a += e.length;
+  return new Blob([r], { type: c });
+}
+export {
+  f as readableStreamToBlob
+};
+//# sourceMappingURL=readableStreamToBlob.js.map

package/dist/helpers/readableStreamToBlob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readableStreamToBlob.js","sources":["../../src/helpers/readableStreamToBlob.ts"],"sourcesContent":["export async function readableStreamToBlob(stream: ReadableStream<Uint8Array>, mimeType: string) {\n  const reader = stream.getReader()\n  const chunks: Uint8Array[] = []\n  let done = false\n  while (!done) {\n    const { value, done: readerDone } = await reader.read()\n    if (value) chunks.push(value)\n    done = readerDone\n  }\n  // Concatenate all chunks\n  const totalLength = chunks.reduce((acc, chunk) => acc + chunk.length, 0)\n  const merged = new Uint8Array(totalLength)\n  let offset = 0\n  for (const chunk of chunks) {\n    merged.set(chunk, offset)\n    offset += chunk.length\n  }\n  return new Blob([merged], { type: mimeType })\n}\n"],"names":["readableStreamToBlob","stream","mimeType","reader","chunks","done","value","readerDone","totalLength","acc","chunk","merged","offset"],"mappings":"AAAA,eAAsBA,EAAqBC,GAAoCC,GAAkB;AAC/F,QAAMC,IAASF,EAAO,UAAA,GAChBG,IAAuB,CAAA;AAC7B,MAAIC,IAAO;AACX,SAAO,CAACA,KAAM;AACZ,UAAM,EAAE,OAAAC,GAAO,MAAMC,MAAe,MAAMJ,EAAO,KAAA;AACjD,IAAIG,KAAOF,EAAO,KAAKE,CAAK,GAC5BD,IAAOE;AAAA,EACT;AAEA,QAAMC,IAAcJ,EAAO,OAAO,CAACK,GAAKC,MAAUD,IAAMC,EAAM,QAAQ,CAAC,GACjEC,IAAS,IAAI,WAAWH,CAAW;AACzC,MAAII,IAAS;AACb,aAAWF,KAASN;AAClB,IAAAO,EAAO,IAAID,GAAOE,CAAM,GACxBA,KAAUF,EAAM;AAElB,SAAO,IAAI,KAAK,CAACC,CAAM,GAAG,EAAE,MAAMT,GAAU;AAC9C;"}

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.d.ts

@@ -3,10 +3,8 @@ import { BREAKPOINTS } from '../../shared/constants';
 export type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];
 export type useContainerBreakpointsProps = {
     ref: React.RefObject<HTMLElement | null>;
-    breakpoints?: Partial<{
-        [K in BreakpointKey]: number | string;
-    }>;
+    breakpoints?: Record<string, number | string>;
     debounceTimeout?: number;
 };
-export declare const useContainerBreakpoints: ({ ref, breakpoints, debounceTimeout, }: useContainerBreakpointsProps) => BreakpointKey[];
+export declare const useContainerBreakpoints: ({ ref, breakpoints, debounceTimeout, }: useContainerBreakpointsProps) => string[];
 export default useContainerBreakpoints;

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Partial<{ [K in BreakpointKey]: number | string }>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key as keyof typeof breakpoints)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAA;AAE3D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AACnD,MAAIS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAA+B;AAI1D,WAAOD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCA,EAAW,UAAU,WAAW,MAAM;AACpC,YAAIU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QACpC;AAAA,MACF,GAAGf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAEf,YAAMU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACb,cAAMU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MACxC;AAEA,MAAAD,EAAS,QAAQnB,EAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAA,GACLZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EAEF,GAAG,CAACJ,CAAe,CAAC,GAEbC;AACT;"}
+{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Record<string, number | string>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAA;AAE3D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AACnD,MAAIS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAAG;AAI9B,WAAOD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCA,EAAW,UAAU,WAAW,MAAM;AACpC,YAAIU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QACpC;AAAA,MACF,GAAGf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAEf,YAAMU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACb,cAAMU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MACxC;AAEA,MAAAD,EAAS,QAAQnB,EAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAA,GACLZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EAEF,GAAG,CAACJ,CAAe,CAAC,GAEbC;AACT;"}