@cuemath/leap 3.1.29 → 3.1.30

package/dist/features/auth/comps/tabs/tabs-styled.js

@@ -1,6 +1,6 @@
 import s from "styled-components";
 import p from "../../../ui/text/text.js";
-const d = s.div(({ theme: r, tabsCount: o }) => {
+const d = s.div(({ theme: r, $tabsCount: o }) => {
   const { colors: t } = r;
   return `
     display: grid;

package/dist/features/auth/comps/tabs/tabs-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-styled.js","sources":["../../../../../src/features/auth/comps/tabs/tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../ui/text/text';\n\ninterface TabsWrapperProps {\n  tabsCount: number;\n}\n\nconst TabsWrapper = styled.div<TabsWrapperProps>(({ theme, tabsCount }) => {\n  const { colors } = theme;\n\n  return `\n    display: grid;\n    background: ${colors.BLACK_4};\n    grid-template-columns: repeat(${tabsCount}, 1fr);\n  `;\n});\n\ninterface ITabsText {\n  $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n  const { layout, colors } = theme;\n  const { WHITE_T_15, WHITE } = colors;\n\n  return `\n    cursor: pointer;\n    padding: ${layout.gutter * 0.875}px 0;\n    border-bottom: 1.5px solid ${$selected ? WHITE : WHITE_T_15};\n    transition: all 0.3s ease;\n  `;\n});\n\nexport { TabsWrapper, TabsText };\n"],"names":["TabsWrapper","styled","theme","tabsCount","colors","TabsText","Text","$selected","layout","WHITE_T_15","WHITE"],"mappings":";;AAQA,MAAMA,IAAcC,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACnE,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA;AAAA,kBAESE,EAAO,OAAO;AAAA,oCACID,CAAS;AAAA;AAE7C,CAAC,GAMKE,IAAWJ,EAAOK,CAAI,EAAa,CAAC,EAAE,OAAAJ,GAAO,WAAAK,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAF,GACrB,EAAE,YAAAO,GAAY,OAAAC,EAAU,IAAAN;AAEvB,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,KAAK;AAAA,iCACHD,IAAYG,IAAQD,CAAU;AAAA;AAAA;AAG/D,CAAC;"}
+{"version":3,"file":"tabs-styled.js","sources":["../../../../../src/features/auth/comps/tabs/tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../ui/text/text';\n\ninterface TabsWrapperProps {\n  $tabsCount: number;\n}\n\nconst TabsWrapper = styled.div<TabsWrapperProps>(({ theme, $tabsCount }) => {\n  const { colors } = theme;\n\n  return `\n    display: grid;\n    background: ${colors.BLACK_4};\n    grid-template-columns: repeat(${$tabsCount}, 1fr);\n  `;\n});\n\ninterface ITabsText {\n  $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n  const { layout, colors } = theme;\n  const { WHITE_T_15, WHITE } = colors;\n\n  return `\n    cursor: pointer;\n    padding: ${layout.gutter * 0.875}px 0;\n    border-bottom: 1.5px solid ${$selected ? WHITE : WHITE_T_15};\n    transition: all 0.3s ease;\n  `;\n});\n\nexport { TabsWrapper, TabsText };\n"],"names":["TabsWrapper","styled","theme","$tabsCount","colors","TabsText","Text","$selected","layout","WHITE_T_15","WHITE"],"mappings":";;AAQA,MAAMA,IAAcC,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACpE,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA;AAAA,kBAESE,EAAO,OAAO;AAAA,oCACID,CAAU;AAAA;AAE9C,CAAC,GAMKE,IAAWJ,EAAOK,CAAI,EAAa,CAAC,EAAE,OAAAJ,GAAO,WAAAK,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAF,GACrB,EAAE,YAAAO,GAAY,OAAAC,EAAU,IAAAN;AAEvB,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,KAAK;AAAA,iCACHD,IAAYG,IAAQD,CAAU;AAAA;AAAA;AAG/D,CAAC;"}

package/dist/features/auth/comps/tabs/tabs.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { memo as i } from "react";
 import p from "./tab-tem/tab-item.js";
 import { TabsWrapper as s } from "./tabs-styled.js";
-const a = ({ selectedTab: t, onChange: e, tabs: o }) => /* @__PURE__ */ m(s, { tabsCount: o.length, children: o.map((r) => /* @__PURE__ */ m(p, { tab: r, isSelected: r.id === t, onChange: e }, r.id)) }), l = i(a);
+const a = ({ selectedTab: t, onChange: e, tabs: o }) => /* @__PURE__ */ m(s, { $tabsCount: o.length, children: o.map((r) => /* @__PURE__ */ m(p, { tab: r, isSelected: r.id === t, onChange: e }, r.id)) }), l = i(a);
 export {
   l as default
 };

package/dist/features/auth/comps/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../../src/features/auth/comps/tabs/tabs.tsx"],"sourcesContent":["import type { ITabsProps } from './tabs-types';\n\nimport { memo } from 'react';\n\nimport TabItem from './tab-tem/tab-item';\nimport * as Styled from './tabs-styled';\n\nconst Tabs = ({ selectedTab, onChange, tabs }: ITabsProps) => {\n  return (\n    <Styled.TabsWrapper tabsCount={tabs.length}>\n      {tabs.map(tab => (\n        <TabItem key={tab.id} tab={tab} isSelected={tab.id === selectedTab} onChange={onChange} />\n      ))}\n    </Styled.TabsWrapper>\n  );\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","selectedTab","onChange","tabs","jsx","Styled.TabsWrapper","tab","TabItem","memo"],"mappings":";;;;AAOA,MAAMA,IAAO,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,MAAAC,QAEnC,gBAAAC,EAACC,GAAA,EAAmB,WAAWF,EAAK,QACjC,YAAK,IAAI,CAAAG,wBACPC,GAAqB,EAAA,KAAAD,GAAU,YAAYA,EAAI,OAAOL,GAAa,UAAAC,EAAtD,GAAAI,EAAI,EAAsE,CACzF,EACH,CAAA,GAIWH,IAAAK,EAAKR,CAAI;"}
+{"version":3,"file":"tabs.js","sources":["../../../../../src/features/auth/comps/tabs/tabs.tsx"],"sourcesContent":["import type { ITabsProps } from './tabs-types';\n\nimport { memo } from 'react';\n\nimport TabItem from './tab-tem/tab-item';\nimport * as Styled from './tabs-styled';\n\nconst Tabs = ({ selectedTab, onChange, tabs }: ITabsProps) => {\n  return (\n    <Styled.TabsWrapper $tabsCount={tabs.length}>\n      {tabs.map(tab => (\n        <TabItem key={tab.id} tab={tab} isSelected={tab.id === selectedTab} onChange={onChange} />\n      ))}\n    </Styled.TabsWrapper>\n  );\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","selectedTab","onChange","tabs","jsx","Styled.TabsWrapper","tab","TabItem","memo"],"mappings":";;;;AAOA,MAAMA,IAAO,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,MAAAC,QAEnC,gBAAAC,EAACC,GAAA,EAAmB,YAAYF,EAAK,QAClC,YAAK,IAAI,CAAAG,wBACPC,GAAqB,EAAA,KAAAD,GAAU,YAAYA,EAAI,OAAOL,GAAa,UAAAC,EAAtD,GAAAI,EAAI,EAAsE,CACzF,EACH,CAAA,GAIWH,IAAAK,EAAKR,CAAI;"}

package/dist/features/auth/login/username-password-form/username-password-form.js

@@ -7,7 +7,7 @@ import o from "../../../ui/layout/flex-view.js";
 import a from "../../../ui/separator/separator.js";
 import y from "../../comps/input-status-icon/input-status-icon.js";
 import { Container as $, FormContainer as k } from "../login-styled.js";
-const x = ({
+const I = ({
   username: n,
   password: i,
   errors: r,
@@ -79,7 +79,7 @@ const x = ({
             size: "small",
             renderAs: "secondary-dark",
             type: "submit",
-            label: "Log in",
+            label: "Log In",
             width: "100%",
             busy: m,
             disabled: h
@@ -88,7 +88,7 @@ const x = ({
       ] })
     }
   );
-}, E = f(x);
+}, E = f(I);
 export {
   E as default
 };

package/dist/features/auth/login/username-password-form/username-password-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"username-password-form.js","sources":["../../../../../src/features/auth/login/username-password-form/username-password-form.tsx"],"sourcesContent":["import type { IUsernamePasswordFormProps } from './username-password-form-types';\n\nimport { type ChangeEvent, type FC, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../login-styled';\n\nconst UsernamePasswordForm: FC<IUsernamePasswordFormProps> = ({\n  username,\n  password,\n  errors,\n  isLoading,\n  onChange,\n  onSubmit,\n  onForgotPassword,\n}) => {\n  const isSubmitDisabled = isLoading || !username.trim() || !password.trim();\n\n  const handleUsernameChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('username', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <Styled.Container\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n    >\n      <Styled.FormContainer onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.username ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            autoComplete=\"username\"\n            label=\"Username\"\n            value={username}\n            width=\"100%\"\n            onChange={handleUsernameChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.username}\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Password\"\n            value={password}\n            width=\"100%\"\n            onChange={handlePasswordChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={<InputStatusIcon isError={!!errors.password} />}\n          />\n        </FlexView>\n        <Separator heightX={1.25} />\n        <FlexView $alignItems=\"flex-end\">\n          <TextButton label=\"Forgot password?\" onClick={onForgotPassword} color=\"WHITE_T_60\" />\n        </FlexView>\n        <Separator heightX={2} />\n        <FlexView $justifyContent=\"center\">\n          <Button\n            size=\"small\"\n            renderAs=\"secondary-dark\"\n            type=\"submit\"\n            label=\"Log in\"\n            width=\"100%\"\n            busy={isLoading}\n            disabled={isSubmitDisabled}\n          />\n        </FlexView>\n      </Styled.FormContainer>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UsernamePasswordForm);\n"],"names":["UsernamePasswordForm","username","password","errors","isLoading","onChange","onSubmit","onForgotPassword","isSubmitDisabled","handleUsernameChange","useCallback","e","handlePasswordChange","jsx","Styled.Container","jsxs","Styled.FormContainer","FlexView","TextInput","Separator","InputStatusIcon","TextButton","Button","usernamePasswordForm","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAmBJ,KAAa,CAACH,EAAS,UAAU,CAACC,EAAS,QAE9DO,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLO,IAAuBF;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAAV,GACpB,UAAA;AAAA,QAAA,gBAAAS,EAACE,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAUf,EAAO,WAAW,eAAe;AAAA,cAC3C,WAAS;AAAA,cACT,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOF;AAAA,cACP,OAAM;AAAA,cACN,UAAUQ;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcN,EAAO;AAAA,YAAA;AAAA,UACvB;AAAA,UACA,gBAAAU,EAACM,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAN;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUf,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD;AAAA,cACP,OAAM;AAAA,cACN,UAAUU;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcT,EAAO;AAAA,cACrB,gBAAiB,gBAAAU,EAAAO,GAAA,EAAgB,SAAS,CAAC,CAACjB,EAAO,UAAU;AAAA,YAAA;AAAA,UAC/D;AAAA,QAAA,GACF;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAN,EAAAI,GAAA,EAAS,aAAY,YACpB,UAAC,gBAAAJ,EAAAQ,GAAA,EAAW,OAAM,oBAAmB,SAASd,GAAkB,OAAM,aAAa,CAAA,GACrF;AAAA,QACA,gBAAAM,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAN,EAACI,GAAS,EAAA,iBAAgB,UACxB,UAAA,gBAAAJ;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAMlB;AAAA,YACN,UAAUI;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKxB,CAAoB;"}
+{"version":3,"file":"username-password-form.js","sources":["../../../../../src/features/auth/login/username-password-form/username-password-form.tsx"],"sourcesContent":["import type { IUsernamePasswordFormProps } from './username-password-form-types';\n\nimport { type ChangeEvent, type FC, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../login-styled';\n\nconst UsernamePasswordForm: FC<IUsernamePasswordFormProps> = ({\n  username,\n  password,\n  errors,\n  isLoading,\n  onChange,\n  onSubmit,\n  onForgotPassword,\n}) => {\n  const isSubmitDisabled = isLoading || !username.trim() || !password.trim();\n\n  const handleUsernameChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('username', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <Styled.Container\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n    >\n      <Styled.FormContainer onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.username ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            autoComplete=\"username\"\n            label=\"Username\"\n            value={username}\n            width=\"100%\"\n            onChange={handleUsernameChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.username}\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Password\"\n            value={password}\n            width=\"100%\"\n            onChange={handlePasswordChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={<InputStatusIcon isError={!!errors.password} />}\n          />\n        </FlexView>\n        <Separator heightX={1.25} />\n        <FlexView $alignItems=\"flex-end\">\n          <TextButton label=\"Forgot password?\" onClick={onForgotPassword} color=\"WHITE_T_60\" />\n        </FlexView>\n        <Separator heightX={2} />\n        <FlexView $justifyContent=\"center\">\n          <Button\n            size=\"small\"\n            renderAs=\"secondary-dark\"\n            type=\"submit\"\n            label=\"Log In\"\n            width=\"100%\"\n            busy={isLoading}\n            disabled={isSubmitDisabled}\n          />\n        </FlexView>\n      </Styled.FormContainer>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UsernamePasswordForm);\n"],"names":["UsernamePasswordForm","username","password","errors","isLoading","onChange","onSubmit","onForgotPassword","isSubmitDisabled","handleUsernameChange","useCallback","e","handlePasswordChange","jsx","Styled.Container","jsxs","Styled.FormContainer","FlexView","TextInput","Separator","InputStatusIcon","TextButton","Button","usernamePasswordForm","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAmBJ,KAAa,CAACH,EAAS,UAAU,CAACC,EAAS,QAE9DO,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLO,IAAuBF;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAAV,GACpB,UAAA;AAAA,QAAA,gBAAAS,EAACE,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAUf,EAAO,WAAW,eAAe;AAAA,cAC3C,WAAS;AAAA,cACT,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOF;AAAA,cACP,OAAM;AAAA,cACN,UAAUQ;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcN,EAAO;AAAA,YAAA;AAAA,UACvB;AAAA,UACA,gBAAAU,EAACM,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAN;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUf,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD;AAAA,cACP,OAAM;AAAA,cACN,UAAUU;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcT,EAAO;AAAA,cACrB,gBAAiB,gBAAAU,EAAAO,GAAA,EAAgB,SAAS,CAAC,CAACjB,EAAO,UAAU;AAAA,YAAA;AAAA,UAC/D;AAAA,QAAA,GACF;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAN,EAAAI,GAAA,EAAS,aAAY,YACpB,UAAC,gBAAAJ,EAAAQ,GAAA,EAAW,OAAM,oBAAmB,SAASd,GAAkB,OAAM,aAAa,CAAA,GACrF;AAAA,QACA,gBAAAM,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAN,EAACI,GAAS,EAAA,iBAAgB,UACxB,UAAA,gBAAAJ;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAMlB;AAAA,YACN,UAAUI;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKxB,CAAoB;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-button-card.js

@@ -0,0 +1,42 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { LOTTIE as r } from "../../../../../../assets/lottie/lottie.js";
+import n from "../../../../../ui/lottie-animation/lottie-animation.js";
+import { InfiniteButtonWrapper as a, ExtendedAbsoluteView as i } from "../tables-card-styled.js";
+const O = ({
+  onClick: s,
+  onMouseOver: m,
+  onMouseLeave: I,
+  enableClick: e = !0,
+  buttonRef: u,
+  rendererSettings: o
+}) => /* @__PURE__ */ d(
+  a,
+  {
+    ref: u,
+    onClick: e ? s : void 0,
+    onMouseOver: e ? m : void 0,
+    onMouseLeave: e ? I : void 0,
+    children: [
+      /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+        n,
+        {
+          src: r.INFINITE_BUTTON_BG,
+          settings: o,
+          animateOnIntersect: !0
+        }
+      ) }),
+      /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+        n,
+        {
+          src: r.INFINITE_BUTTON_SYMBOL,
+          settings: o,
+          animateOnIntersect: !0
+        }
+      ) })
+    ]
+  }
+);
+export {
+  O as default
+};
+//# sourceMappingURL=infinite-button-card.js.map

package/dist/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-button-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infinite-button-card.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-button-card.tsx"],"sourcesContent":["// InfiniteButtonCard.tsx\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from '../tables-card-styled';\n\ninterface InfiniteButtonCardProps {\n  onClick?: () => void;\n  onMouseOver?: () => void;\n  onMouseLeave?: () => void;\n  enableClick?: boolean;\n  buttonRef?: React.RefObject<HTMLDivElement>;\n  rendererSettings?: {\n    renderer: 'canvas';\n  };\n}\n\nconst InfiniteButtonCard: React.FC<InfiniteButtonCardProps> = ({\n  onClick,\n  onMouseOver,\n  onMouseLeave,\n  enableClick = true,\n  buttonRef,\n  rendererSettings,\n}) => {\n  return (\n    <Styled.InfiniteButtonWrapper\n      ref={buttonRef}\n      onClick={enableClick ? onClick : undefined}\n      onMouseOver={enableClick ? onMouseOver : undefined}\n      onMouseLeave={enableClick ? onMouseLeave : undefined}\n    >\n      <Styled.ExtendedAbsoluteView>\n        <LottieAnimation\n          src={LOTTIE.INFINITE_BUTTON_BG}\n          settings={rendererSettings}\n          animateOnIntersect\n        />\n      </Styled.ExtendedAbsoluteView>\n      <Styled.ExtendedAbsoluteView>\n        <LottieAnimation\n          src={LOTTIE.INFINITE_BUTTON_SYMBOL}\n          settings={rendererSettings}\n          animateOnIntersect\n        />\n      </Styled.ExtendedAbsoluteView>\n    </Styled.InfiniteButtonWrapper>\n  );\n};\n\nexport default InfiniteButtonCard;\n"],"names":["InfiniteButtonCard","onClick","onMouseOver","onMouseLeave","enableClick","buttonRef","rendererSettings","jsxs","Styled.InfiniteButtonWrapper","jsx","Styled.ExtendedAbsoluteView","LottieAnimation","LOTTIE"],"mappings":";;;;AAmBA,MAAMA,IAAwD,CAAC;AAAA,EAC7D,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,kBAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAKH;AAAA,IACL,SAASD,IAAcH,IAAU;AAAA,IACjC,aAAaG,IAAcF,IAAc;AAAA,IACzC,cAAcE,IAAcD,IAAe;AAAA,IAE3C,UAAA;AAAA,MAAC,gBAAAM,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUN;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAG,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUN;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js

@@ -1,90 +1,88 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import Ne, { forwardRef as Ie, useState as o, useRef as I, useCallback as i, useMemo as z, useImperativeHandle as ve, useEffect as F, memo as pe } from "react";
-import Ce from "../../../../../assets/line-icons/icons/back2.js";
-import { LOTTIE as R } from "../../../../../assets/lottie/lottie.js";
-import Se from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import he, { forwardRef as be, useState as o, useRef as A, useCallback as i, useMemo as z, useImperativeHandle as Ae, useEffect as K, memo as Ee } from "react";
+import ge from "../../../../../assets/line-icons/icons/back2.js";
+import { LOTTIE as Ce } from "../../../../../assets/lottie/lottie.js";
 import { useUIContext as fe } from "../../../../ui/context/context.js";
-import Le from "../../../../ui/layout/flex-view.js";
-import w from "../../../../ui/lottie-animation/lottie-animation.js";
-import _e from "../../../../ui/separator/separator.js";
-import K from "../../../../ui/text/text.js";
-import { useCircleSounds as Te } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as He } from "../../game-launcher-analytics-events.js";
-import { CardContainer as $e } from "../card-container/card-container.js";
-import { GAME_LAUNCHER_SIZE as v, GAME_LAUNCHER_SIZE_LARGE as Re } from "../card-container/constants.js";
-import { TABLE_REVEAL_ANIMATION as p, TABLE_MODE_LABEL_COLOR as we, INFINITE_MODE_TEXT as We } from "./constants.js";
-import ye from "./table-mode/table-mode.js";
-import De from "./table-segment-star/table-segment-star.js";
-import { CardWrapper as xe, TableSegmentsWrapper as Be, InfiniteButtonWrapper as Pe, ExtendedAbsoluteView as X, TableSegmentCardShadowContainer as Ve, TableSegment as ke, TableNumber as Me, TableModeContainer as Ue, TableModeWrapper as qe, AnimatedView as je, ModeOverlay as Ye, AbsoluteView as G, IconWrapper as Ze } from "./tables-card-styled.js";
-const J = {
-  renderer: "canvas"
-}, ze = {
+import ve from "../../../../ui/layout/flex-view.js";
+import Le from "../../../../ui/lottie-animation/lottie-animation.js";
+import Ne from "../../../../ui/separator/separator.js";
+import Se from "../../../../ui/text/text.js";
+import { useCircleSounds as pe } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as Ie } from "../../game-launcher-analytics-events.js";
+import { CardContainer as _e } from "../card-container/card-container.js";
+import { GAME_LAUNCHER_SIZE as f, GAME_LAUNCHER_SIZE_LARGE as Re } from "../card-container/constants.js";
+import { TABLE_REVEAL_ANIMATION as v, TABLE_MODE_LABEL_COLOR as Te, INFINITE_MODE_TEXT as He } from "./constants.js";
+import $e from "./infinite-button/infinite-button-card.js";
+import we from "./table-mode/table-mode.js";
+import We from "./table-segment-star/table-segment-star.js";
+import { CardWrapper as ye, TableSegmentsWrapper as ke, TableSegmentCardShadowContainer as De, TableSegment as Pe, TableNumber as xe, TableModeContainer as Ve, TableModeWrapper as Be, AnimatedView as qe, ModeOverlay as Me, AbsoluteView as X, IconWrapper as Ue } from "./tables-card-styled.js";
+const je = {
   loop: !1,
   renderer: "svg"
-}, Fe = Ie(
+}, Ze = be(
   ({
-    data: l,
-    label: W,
+    data: s,
+    label: H,
     onPress: E,
     openModesOfTable: r,
-    defaultTable: b,
-    onGoBackFromTableLevel: g,
-    onPressTableSegment: C
-  }, Q) => {
-    var Y;
-    const { onEvent: y } = fe(), { playButtonSound: m } = Te(), [u, S] = o(!0), [d, h] = o(
+    defaultTable: g,
+    onGoBackFromTableLevel: C,
+    onPressTableSegment: L
+  }, Y) => {
+    var j;
+    const { onEvent: $ } = fe(), { playButtonSound: c } = pe(), [u, N] = o(!0), [d, h] = o(
       (r == null ? void 0 : r.tableNumber) ?? null
-    ), [f, D] = o(null), [x, B] = o(!1), [O, A] = o("WHITE_T_60"), [c, L] = o({
-      stars: ((Y = l.tableList.find((e) => e.tableNumber === (r == null ? void 0 : r.tableNumber))) == null ? void 0 : Y.stars) ?? [],
+    ), [S, w] = o(null), [W, y] = o(!1), [F, b] = o("WHITE_T_60"), [a, p] = o({
+      stars: ((j = s.tableList.find((e) => e.tableNumber === (r == null ? void 0 : r.tableNumber))) == null ? void 0 : j.stars) ?? [],
       tableNumber: (r == null ? void 0 : r.tableNumber) ?? 0
-    }), [ee, te] = o(!0), [_, P] = o(!1), [V, re] = o("WHITE_T_60"), k = I(null), M = I(null), [U, ie] = o((r == null ? void 0 : r.rewardStar) ?? []), [N] = o(!1), T = I(null), H = I(), q = i(
+    }), k = A(null), [J, Q] = o(!0), [I, D] = o(!1), [P, G] = o("WHITE_T_60"), x = A(null), V = A(null), [B, O] = o((r == null ? void 0 : r.rewardStar) ?? []), _ = A(null), R = A(), q = i(
       (e) => {
-        if (C) {
-          C(e);
+        if (L) {
+          L(e);
           return;
         }
-        m(), S(!0), h(e.tableNumber), L({ ...e }), ie([]), y(He.TABLE_SELECTED, {
+        c(), N(!0), h(e.tableNumber), p({ ...e }), O([]), $(Ie.TABLE_SELECTED, {
           meta: {
             table_of: e.tableNumber
           }
         });
       },
-      [C, m, y]
-    ), ne = i(
+      [L, c, $]
+    ), ee = i(
       (e) => {
-        A(_ ? V : "WHITE_T_60"), h(e.tableNumber);
+        b(I ? P : "WHITE_T_60"), h(e.tableNumber);
       },
-      [V, _]
-    ), oe = i(() => {
-      B(!0);
-    }, []), j = i(() => {
-      A("WHITE_T_60"), !c.tableNumber && h(null), B(!1);
-    }, [c.tableNumber]), se = i(() => {
+      [P, I]
+    ), te = i(() => {
+      y(!0);
+    }, []), M = i(() => {
+      b("WHITE_T_60"), !a.tableNumber && h(null), y(!1);
+    }, [a.tableNumber]), U = i(() => {
       var n;
-      g == null || g(), m(), S(!1), h(null);
-      const e = (p.DISAPPEAR[1] - p.DISAPPEAR[0]) / 30;
-      (n = T.current) == null || n.playSegments(p.DISAPPEAR, !0), H.current = setTimeout(() => {
-        L({ stars: [], tableNumber: 0 });
+      C == null || C(), c(), N(!1), h(null);
+      const e = (v.DISAPPEAR[1] - v.DISAPPEAR[0]) / 30;
+      (n = _.current) == null || n.playSegments(v.DISAPPEAR, !0), R.current = setTimeout(() => {
+        p({ stars: [], tableNumber: 0 });
       }, e * 1e3);
-    }, [g, m]), le = i(() => {
+    }, [C, c]), re = i(() => {
       var e;
-      (e = T.current) == null || e.playSegments(p.REVEAL, !0);
-    }, []), ce = i((e) => {
+      (e = _.current) == null || e.playSegments(v.REVEAL, !0);
+    }, []), ie = i((e) => {
       const n = {
         sequence: 1,
         random: 2,
         advance: 3
       };
-      A(we[e] ?? "WHITE_T_60"), D(n[e] ?? 0);
-    }, []), ae = i(() => {
-      D(null), A("WHITE_T_60");
-    }, []), s = z(() => c, [c]), me = z(() => [
+      b(Te[e] ?? "WHITE_T_60"), w(n[e] ?? 0);
+    }, []), ne = i(() => {
+      w(null), b("WHITE_T_60");
+    }, []), l = z(() => a, [a]), oe = z(() => [
       {
         top: 20,
         left: 10.5,
         type: "sequence",
-        tableNumber: s.tableNumber,
-        isStarAchieved: s.stars.includes("sequence"),
+        tableNumber: l.tableNumber,
+        isStarAchieved: l.stars.includes("sequence"),
         semicirclePosiiionTop: "-19%",
         semicirclePosiiionLeft: "-43%",
         semicircleHoverColor: "#B259004D"
@@ -93,8 +91,8 @@ const J = {
         top: 20,
         left: 65.5,
         type: "random",
-        tableNumber: s.tableNumber,
-        isStarAchieved: s.stars.includes("random"),
+        tableNumber: l.tableNumber,
+        isStarAchieved: l.stars.includes("random"),
         semicirclePosiiionTop: "-19%",
         semicirclePosiiionLeft: "65%",
         semicircleHoverColor: "#0055CC4D"
@@ -103,113 +101,90 @@ const J = {
         top: 66,
         left: 38,
         type: "advance",
-        tableNumber: s.tableNumber,
-        isStarAchieved: s.stars.includes("advance"),
+        tableNumber: l.tableNumber,
+        isStarAchieved: l.stars.includes("advance"),
         semicirclePosiiionTop: "74%",
         semicirclePosiiionLeft: "11%",
         semicircleHoverColor: "#A9099C4D"
       }
-    ], [s.tableNumber, s.stars]), ue = i(() => {
+    ], [l.tableNumber, l.stars]), le = i(() => {
       E({
         mode: "infinite",
-        infiniteModeHighScore: l.infiniteModeHighScore
+        infiniteModeHighScore: s.infiniteModeHighScore
       });
-    }, [E, l.infiniteModeHighScore]), de = i(
+    }, [E, s.infiniteModeHighScore]), se = i(
       (e, n) => {
         E({
           mode: e,
-          tableNumber: c.tableNumber,
+          tableNumber: a.tableNumber,
           isStarRewarded: n
         });
       },
-      [E, c.tableNumber]
-    ), he = i(() => f ? `${d}× LEVEL${f}` : x ? We : d ? `${d}× Table` : W, [f, d, x, W]), Ae = i((e) => {
-      A(e), re(e), P(!0);
-    }, []), Ee = i(() => P(!1), []), be = i((e) => te(e), []);
-    return ve(Q, () => ({
-      labelRef: k,
-      segmentedCardWrapperRef: M,
-      startLabelAnimation: Ae,
-      stopLabelAnimation: Ee,
-      setLabelVisiblity: be,
-      handleTableSegmentClick: q
-    })), F(() => () => {
-      H.current && clearTimeout(H.current);
-    }, []), F(() => {
-      b && (m(), S(!0), h(b.tableNumber), L({ ...b }));
-    }, [b, m]), /* @__PURE__ */ t(
-      $e,
+      [E, a.tableNumber]
+    ), ae = i(() => S ? `${d}× LEVEL${S}` : W ? He : d ? `${d}× Table` : H, [S, d, W, H]), ce = i((e) => {
+      b(e), G(e), D(!0);
+    }, []), me = i(() => D(!1), []), ue = i((e) => Q(e), []);
+    return Ae(Y, () => ({
+      labelRef: x,
+      segmentedCardWrapperRef: V,
+      centerCardWrapperRef: k,
+      startLabelAnimation: ce,
+      stopLabelAnimation: me,
+      setLabelVisiblity: ue,
+      handleTableSegmentClick: q,
+      goBackFromTableLevel: U
+    })), K(() => () => {
+      R.current && clearTimeout(R.current);
+    }, []), K(() => {
+      g && (c(), N(!0), h(g.tableNumber), p({ ...g }));
+    }, [g, c]), /* @__PURE__ */ t(
+      _e,
       {
-        labelRef: k,
-        ref: M,
+        labelRef: x,
+        ref: V,
         strokeColor: "WHITE",
-        label: he(),
-        labelColor: O,
-        isAnimated: _,
-        showLabel: ee,
-        children: /* @__PURE__ */ a(xe, { children: [
-          /* @__PURE__ */ a(Be, { children: [
+        label: ae(),
+        labelColor: F,
+        isAnimated: I,
+        showLabel: J,
+        children: /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ m(ke, { children: [
             /* @__PURE__ */ t(
-              Se,
+              $e,
               {
-                renderAs: "primary",
-                position: "top",
-                hidden: N,
-                tooltipItem: /* @__PURE__ */ t(K, { $renderAs: "ab3", $color: "WHITE", children: "Coming Soon" }),
-                children: /* @__PURE__ */ a(
-                  Pe,
-                  {
-                    onClick: N ? ue : void 0,
-                    onMouseOver: N ? oe : void 0,
-                    onMouseLeave: N ? j : void 0,
-                    children: [
-                      /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
-                        w,
-                        {
-                          src: R.INFINITE_BUTTON_BG,
-                          settings: J,
-                          animateOnIntersect: !0
-                        }
-                      ) }),
-                      /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
-                        w,
-                        {
-                          src: R.INFINITE_BUTTON_SYMBOL,
-                          settings: J,
-                          animateOnIntersect: !0
-                        }
-                      ) })
-                    ]
-                  }
-                )
+                onClick: le,
+                enableClick: !0,
+                buttonRef: k,
+                onMouseLeave: M,
+                onMouseOver: te
               }
             ),
-            /* @__PURE__ */ t(Ve, {}),
-            l.tableList.map((e, n) => {
-              const ge = 360 / l.tableList.length, Z = -(90 + 360 / (2 * l.tableList.length)) + ge * (n + 1);
+            /* @__PURE__ */ t(De, {}),
+            s.tableList.map((e, n) => {
+              const de = 360 / s.tableList.length, Z = -(90 + 360 / (2 * s.tableList.length)) + de * (n + 1);
               return /* @__PURE__ */ t(
-                ke,
+                Pe,
                 {
                   $angle: Z,
-                  $totalSegments: l.tableList.length,
+                  $totalSegments: s.tableList.length,
                   $zIndex: n + 1,
                   onClick: () => q(e),
-                  onMouseOver: () => ne(e),
-                  onMouseLeave: j,
-                  children: /* @__PURE__ */ a(Le, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
-                    ["sequence", "random", "advance"].map(($) => /* @__PURE__ */ t(
-                      De,
+                  onMouseOver: () => ee(e),
+                  onMouseLeave: M,
+                  children: /* @__PURE__ */ m(ve, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+                    ["sequence", "random", "advance"].map((T) => /* @__PURE__ */ t(
+                      We,
                       {
-                        isStarAchieved: e.stars.includes($),
-                        rewardStar: !u && (r == null ? void 0 : r.tableNumber) === e.tableNumber ? U.includes($) : void 0
+                        isStarAchieved: e.stars.includes(T),
+                        rewardStar: !u && (r == null ? void 0 : r.tableNumber) === e.tableNumber ? B.includes(T) : void 0
                       },
-                      $
+                      T
                     )),
-                    /* @__PURE__ */ t(_e, { width: v * 0.055 }),
-                    /* @__PURE__ */ t(Me, { $angle: -Z, children: /* @__PURE__ */ t(
-                      K,
+                    /* @__PURE__ */ t(Ne, { width: f * 0.055 }),
+                    /* @__PURE__ */ t(xe, { $angle: -Z, children: /* @__PURE__ */ t(
+                      Se,
                       {
-                        $renderAs: v === Re ? "ac3-black" : "ac4-black",
+                        $renderAs: f === Re ? "ac3-black" : "ac4-black",
                         $color: d === e.tableNumber ? "BLACK_1" : "WHITE",
                         children: e.tableNumber
                       }
@@ -220,54 +195,54 @@ const J = {
               );
             })
           ] }),
-          c.tableNumber > 0 && /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ a(qe, { children: [
-            /* @__PURE__ */ a(je, { animation: u ? "fade-in" : "fade-out", children: [
-              me.map((e, n) => /* @__PURE__ */ a(Ne.Fragment, { children: [
+          a.tableNumber > 0 && /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ m(Be, { children: [
+            /* @__PURE__ */ m(qe, { animation: u ? "fade-in" : "fade-out", children: [
+              oe.map((e, n) => /* @__PURE__ */ m(he.Fragment, { children: [
                 /* @__PURE__ */ t(
-                  Ye,
+                  Me,
                   {
                     $top: e.semicirclePosiiionTop,
                     $left: e.semicirclePosiiionLeft,
                     $hoverColor: e.semicircleHoverColor,
-                    onClick: () => u ? de(e.type, e.isStarAchieved) : void 0,
-                    onMouseOver: () => u ? ce(e.type) : void 0,
-                    onMouseLeave: u ? ae : void 0
+                    onClick: () => u ? se(e.type, e.isStarAchieved) : void 0,
+                    onMouseOver: () => u ? ie(e.type) : void 0,
+                    onMouseLeave: u ? ne : void 0
                   }
                 ),
                 /* @__PURE__ */ t(
-                  G,
+                  X,
                   {
                     $top: e.top,
                     $left: e.left,
                     $isPointerEventsNone: !0,
                     children: /* @__PURE__ */ t(
-                      ye,
+                      we,
                       {
                         tableNumber: e.tableNumber,
                         isStarAchieved: e.isStarAchieved,
                         type: e.type,
-                        rewardStar: U.includes(e.type)
+                        rewardStar: B.includes(e.type)
                       }
                     )
                   }
                 )
               ] }, n)),
-              /* @__PURE__ */ t(G, { $top: 50, $left: 50, $alignCenter: !0, children: /* @__PURE__ */ t(Ze, { children: /* @__PURE__ */ t(
-                Ce,
+              /* @__PURE__ */ t(X, { $top: 50, $left: 50, $alignCenter: !0, children: /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ t(
+                ge,
                 {
-                  onClick: se,
-                  height: v * 0.1,
-                  width: v * 0.1
+                  onClick: U,
+                  height: f * 0.1,
+                  width: f * 0.1
                 }
               ) }) })
             ] }),
             /* @__PURE__ */ t(
-              w,
+              Le,
               {
-                src: R.TABLE_MODE_REVEAL,
-                ref: T,
-                settings: ze,
-                onRender: le,
+                src: Ce.TABLE_MODE_REVEAL,
+                ref: _,
+                settings: je,
+                onRender: re,
                 animateOnIntersect: !0
               }
             )
@@ -276,8 +251,8 @@ const J = {
       }
     );
   }
-), ht = pe(Fe);
+), mt = Ee(Ze);
 export {
-  ht as TablesCard
+  mt as TablesCard
 };
 //# sourceMappingURL=tables-card.js.map