@atom-learning/components 6.4.2 → 6.5.1

package/dist/components/number-input/NumberInputStepper.js

@@ -1,2 +1,60 @@
-import*as e from"react";import{styled as t}from"../../styled.js";import{ActionIcon as l}from"../action-icon/ActionIcon.js";import{Icon as m}from"../icon/Icon.js";import{Tooltip as r}from"../tooltip/Tooltip.js";const g=t("span",{base:["z-1"]}),c=t(l,{base:["rounded-md","z-1","h-full!","hover:[&_svg]:text-grey-800","hover:bg-grey-100","[&_svg]:text-grey-700","active:[&_svg]:text-grey-900","active:bg-grey-200","disabled:opacity-30","disabled:pointer-events-none"],variants:{fieldAppearance:{standard:["bg-white","border-grey-800!"],modern:["bg-grey-100","border-grey-100!","hover:bg-grey-200!"]},emphasis:{bold:["[&_svg]:text-primary-700","hover:bg-primary-100!","hover:[&_svg]:text-primary-800!","active:bg-primary-200!","active:[&_svg]:text-primary-900!"]}},compoundVariants:[{fieldAppearance:"standard",emphasis:"bold",class:["bg-white","border-primary-800!"]},{fieldAppearance:"modern",emphasis:"bold",class:["bg-white!","hover:bg-primary-100!"]}]}),b=e.forwardRef((a,o)=>{const{icon:i,disabledTooltipContent:n,showTooltip:p,fieldAppearance:s="standard",...d}=a;return e.createElement(r,null,e.createElement(r.Trigger,{asChild:!0},e.createElement(g,{tabIndex:-1},e.createElement(c,{hasTooltip:!1,tabIndex:-1,appearance:"outline",fieldAppearance:s,ref:o,...d},e.createElement(m,{is:i})))),p&&e.createElement(r.Content,null,n))});export{b as NumberInputStepper};
-//# sourceMappingURL=NumberInputStepper.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { Tooltip as n } from "../tooltip/Tooltip.js";
+import { ActionIcon as r } from "../action-icon/ActionIcon.js";
+import * as i from "react";
+//#region src/components/number-input/NumberInputStepper.tsx
+var a = e("span", { base: ["z-1"] }), o = e(r, {
+	base: [
+		"rounded-md",
+		"z-1",
+		"h-full!",
+		"hover:[&_svg]:text-grey-800",
+		"hover:bg-grey-100",
+		"[&_svg]:text-grey-700",
+		"active:[&_svg]:text-grey-900",
+		"active:bg-grey-200",
+		"disabled:opacity-30",
+		"disabled:pointer-events-none"
+	],
+	variants: {
+		fieldAppearance: {
+			standard: ["bg-white", "border-grey-800!"],
+			modern: [
+				"bg-grey-100",
+				"border-grey-100!",
+				"hover:bg-grey-200!"
+			]
+		},
+		emphasis: { bold: [
+			"[&_svg]:text-primary-700",
+			"hover:bg-primary-100!",
+			"hover:[&_svg]:text-primary-800!",
+			"active:bg-primary-200!",
+			"active:[&_svg]:text-primary-900!"
+		] }
+	},
+	compoundVariants: [{
+		fieldAppearance: "standard",
+		emphasis: "bold",
+		class: ["bg-white", "border-primary-800!"]
+	}, {
+		fieldAppearance: "modern",
+		emphasis: "bold",
+		class: ["bg-white!", "hover:bg-primary-100!"]
+	}]
+}), s = i.forwardRef((e, r) => {
+	let { icon: s, disabledTooltipContent: c, showTooltip: l, fieldAppearance: u = "standard", ...d } = e;
+	return /* @__PURE__ */ i.createElement(n, null, /* @__PURE__ */ i.createElement(n.Trigger, { asChild: !0 }, /* @__PURE__ */ i.createElement(a, { tabIndex: -1 }, /* @__PURE__ */ i.createElement(o, {
+		hasTooltip: !1,
+		tabIndex: -1,
+		appearance: "outline",
+		fieldAppearance: u,
+		ref: r,
+		...d
+	}, /* @__PURE__ */ i.createElement(t, { is: s })))), l && /* @__PURE__ */ i.createElement(n.Content, null, c));
+});
+//#endregion
+export { s as NumberInputStepper };
+
+//# sourceMappingURL=NumberInputStepper.js.map

package/dist/components/number-input/NumberInputStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputStepper.js","sources":["../../../src/components/number-input/NumberInputStepper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { Tooltip } from '../tooltip/Tooltip'\n\nconst StyledSpan = styled('span', {\n  base: ['z-1']\n})\n\nconst StyledStepperButton = styled(ActionIcon, {\n  base: [\n    'rounded-md',\n    'z-1',\n    'h-full!',\n    'hover:[&_svg]:text-grey-800',\n    'hover:bg-grey-100',\n    '[&_svg]:text-grey-700',\n    'active:[&_svg]:text-grey-900',\n    'active:bg-grey-200',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    fieldAppearance: {\n      standard: ['bg-white', 'border-grey-800!'],\n      modern: ['bg-grey-100', 'border-grey-100!', 'hover:bg-grey-200!']\n    },\n    emphasis: {\n      bold: [\n        '[&_svg]:text-primary-700',\n        'hover:bg-primary-100!',\n        'hover:[&_svg]:text-primary-800!',\n        'active:bg-primary-200!',\n        'active:[&_svg]:text-primary-900!'\n      ]\n    }\n  },\n  compoundVariants: [\n    {\n      fieldAppearance: 'standard',\n      emphasis: 'bold',\n      class: ['bg-white', 'border-primary-800!']\n    },\n    {\n      fieldAppearance: 'modern',\n      emphasis: 'bold',\n      class: ['bg-white!', 'hover:bg-primary-100!']\n    }\n  ]\n})\n\ntype NumberInputStepperProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'children'\n> &\n  Omit<React.ComponentProps<typeof StyledStepperButton>, 'children'> & {\n    icon: React.FC<React.SVGProps<SVGSVGElement>>\n    showTooltip?: boolean\n    disabledTooltipContent?: string\n  }\n\nexport const NumberInputStepper = React.forwardRef<\n  HTMLButtonElement,\n  NumberInputStepperProps\n>((props, forwardedRef) => {\n  const {\n    icon,\n    disabledTooltipContent,\n    showTooltip,\n    fieldAppearance = 'standard',\n    ...rest\n  } = props\n\n  /**\n   * Focus has been removed from the button\n   * as the increment and decrement buttons should be keyboard accessible via arrow keys.\n   * see MDN docs https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/spinbutton_role\n   */\n  return (\n    <Tooltip>\n      <Tooltip.Trigger asChild>\n        <StyledSpan tabIndex={-1}>\n          <StyledStepperButton\n            hasTooltip={false}\n            tabIndex={-1}\n            appearance=\"outline\"\n            fieldAppearance={fieldAppearance}\n            ref={forwardedRef}\n            {...rest}\n          >\n            <Icon is={icon} />\n          </StyledStepperButton>\n        </StyledSpan>\n      </Tooltip.Trigger>\n      {showTooltip && (\n        <Tooltip.Content>{disabledTooltipContent}</Tooltip.Content>\n      )}\n    </Tooltip>\n  )\n})\n"],"names":["StyledSpan","styled","StyledStepperButton","ActionIcon","NumberInputStepper","React","props","forwardedRef","icon","disabledTooltipContent","showTooltip","fieldAppearance","rest","Tooltip","Icon"],"mappings":"kNAQA,MAAMA,EAAaC,EAAO,OAAQ,CAChC,KAAM,CAAC,KAAK,CACd,CAAC,EAEKC,EAAsBD,EAAOE,EAAY,CAC7C,KAAM,CACJ,aACA,MACA,UACA,8BACA,oBACA,wBACA,+BACA,qBACA,sBACA,8BACF,EACA,SAAU,CACR,gBAAiB,CACf,SAAU,CAAC,WAAY,kBAAkB,EACzC,OAAQ,CAAC,cAAe,mBAAoB,oBAAoB,CAClE,EACA,SAAU,CACR,KAAM,CACJ,2BACA,wBACA,kCACA,yBACA,kCACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,gBAAiB,WACjB,SAAU,OACV,MAAO,CAAC,WAAY,qBAAqB,CAC3C,EACA,CACE,gBAAiB,SACjB,SAAU,OACV,MAAO,CAAC,YAAa,uBAAuB,CAC9C,CACF,CACF,CAAC,EAYYC,EAAqBC,EAAM,WAGtC,CAACC,EAAOC,IAAiB,CACzB,KAAM,CACJ,KAAAC,EACA,uBAAAC,EACA,YAAAC,EACA,gBAAAC,EAAkB,WAClB,GAAGC,CACL,EAAIN,EAOJ,OACED,EAAA,cAACQ,EAAA,KACCR,EAAA,cAACQ,EAAQ,QAAR,CAAgB,QAAO,IACtBR,EAAA,cAACL,EAAA,CAAW,SAAU,IACpBK,EAAA,cAACH,EAAA,CACC,WAAY,GACZ,SAAU,GACV,WAAW,UACX,gBAAiBS,EACjB,IAAKJ,EACJ,GAAGK,CAAAA,EAEJP,EAAA,cAACS,EAAA,CAAK,GAAIN,CAAAA,CAAM,CAClB,CACF,CACF,EACCE,GACCL,EAAA,cAACQ,EAAQ,QAAR,KAAiBJ,CAAuB,CAE7C,CAEJ,CAAC"}
+{"version":3,"file":"NumberInputStepper.js","names":[],"sources":["../../../src/components/number-input/NumberInputStepper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { Tooltip } from '../tooltip/Tooltip'\n\nconst StyledSpan = styled('span', {\n  base: ['z-1']\n})\n\nconst StyledStepperButton = styled(ActionIcon, {\n  base: [\n    'rounded-md',\n    'z-1',\n    'h-full!',\n    'hover:[&_svg]:text-grey-800',\n    'hover:bg-grey-100',\n    '[&_svg]:text-grey-700',\n    'active:[&_svg]:text-grey-900',\n    'active:bg-grey-200',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    fieldAppearance: {\n      standard: ['bg-white', 'border-grey-800!'],\n      modern: ['bg-grey-100', 'border-grey-100!', 'hover:bg-grey-200!']\n    },\n    emphasis: {\n      bold: [\n        '[&_svg]:text-primary-700',\n        'hover:bg-primary-100!',\n        'hover:[&_svg]:text-primary-800!',\n        'active:bg-primary-200!',\n        'active:[&_svg]:text-primary-900!'\n      ]\n    }\n  },\n  compoundVariants: [\n    {\n      fieldAppearance: 'standard',\n      emphasis: 'bold',\n      class: ['bg-white', 'border-primary-800!']\n    },\n    {\n      fieldAppearance: 'modern',\n      emphasis: 'bold',\n      class: ['bg-white!', 'hover:bg-primary-100!']\n    }\n  ]\n})\n\ntype NumberInputStepperProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'children'\n> &\n  Omit<React.ComponentProps<typeof StyledStepperButton>, 'children'> & {\n    icon: React.FC<React.SVGProps<SVGSVGElement>>\n    showTooltip?: boolean\n    disabledTooltipContent?: string\n  }\n\nexport const NumberInputStepper = React.forwardRef<\n  HTMLButtonElement,\n  NumberInputStepperProps\n>((props, forwardedRef) => {\n  const {\n    icon,\n    disabledTooltipContent,\n    showTooltip,\n    fieldAppearance = 'standard',\n    ...rest\n  } = props\n\n  /**\n   * Focus has been removed from the button\n   * as the increment and decrement buttons should be keyboard accessible via arrow keys.\n   * see MDN docs https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/spinbutton_role\n   */\n  return (\n    <Tooltip>\n      <Tooltip.Trigger asChild>\n        <StyledSpan tabIndex={-1}>\n          <StyledStepperButton\n            hasTooltip={false}\n            tabIndex={-1}\n            appearance=\"outline\"\n            fieldAppearance={fieldAppearance}\n            ref={forwardedRef}\n            {...rest}\n          >\n            <Icon is={icon} />\n          </StyledStepperButton>\n        </StyledSpan>\n      </Tooltip.Trigger>\n      {showTooltip && (\n        <Tooltip.Content>{disabledTooltipContent}</Tooltip.Content>\n      )}\n    </Tooltip>\n  )\n})\n"],"mappings":";;;;;;AAQA,IAAM,IAAa,EAAO,QAAQ,EAChC,MAAM,CAAC,MAAM,EACd,CAAC,EAEI,IAAsB,EAAO,GAAY;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,iBAAiB;GACf,UAAU,CAAC,YAAY,mBAAmB;GAC1C,QAAQ;IAAC;IAAe;IAAoB;IAAqB;GAClE;EACD,UAAU,EACR,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD,EACF;EACF;CACD,kBAAkB,CAChB;EACE,iBAAiB;EACjB,UAAU;EACV,OAAO,CAAC,YAAY,sBAAsB;EAC3C,EACD;EACE,iBAAiB;EACjB,UAAU;EACV,OAAO,CAAC,aAAa,wBAAwB;EAC9C,CACF;CACF,CAAC,EAYW,IAAqB,EAAM,YAGrC,GAAO,MAAiB;CACzB,IAAM,EACJ,SACA,2BACA,gBACA,qBAAkB,YAClB,GAAG,MACD;AAOJ,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,EAAQ,SAAT,EAAiB,SAAA,IAaC,EAZhB,kBAAA,cAAC,GAAD,EAAY,UAAU,IAWT,EAVX,kBAAA,cAAC,GAAD;EACE,YAAY;EACZ,UAAU;EACV,YAAW;EACM;EACjB,KAAK;EACL,GAAI;EAGgB,EADpB,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAQ,CAAA,CACE,CACX,CACG,EACjB,KACC,kBAAA,cAAC,EAAQ,SAAA,MAAS,EAAyC,CAErD;EAEZ"}

package/dist/components/number-input-field/NumberInputField.js

@@ -1,2 +1,48 @@
-import*as l from"react";import{useFormContext as g,useController as x}from"react-hook-form";import{FieldWrapper as E}from"../field-wrapper/FieldWrapper.js";import{useFieldError as q}from"../form/useFieldError.js";import{useFormCustomContext as y}from"../form/useFormCustomContext.js";import{NumberInput as L}from"../number-input/NumberInput.js";const d=({className:s,defaultValue:o=0,hideLabel:f,value:r,prompt:c,description:b,label:C,name:e,validation:a,onValueChange:t,appearance:v,...F})=>{const{control:N}=g(),n=y(),{field:{ref:h,onChange:u,value:I,name:V}}=x({name:e,control:N,rules:a,defaultValue:o}),{error:m}=q(e),p=(n==null?void 0:n.appearance)||v;return l.useEffect(()=>{typeof r<"u"&&u(r)},[r]),l.createElement(E,{className:s,description:b,error:m,fieldId:e,hideLabel:f,label:C,prompt:c,required:!!(a!=null&&a.required),appearance:p},l.createElement(L,{id:e,name:V,ref:h,...m&&{state:"error","aria-invalid":!0},defaultValue:o,onValueChange:i=>{u(i),t==null||t(i)},value:I,appearance:p,...F}))};d.displayName="NumberInputField";export{d as NumberInputField};
-//# sourceMappingURL=NumberInputField.js.map
+import { useFieldError as e } from "../form/useFieldError.js";
+import { FieldWrapper as t } from "../field-wrapper/FieldWrapper.js";
+import { useFormCustomContext as n } from "../form/useFormCustomContext.js";
+import { NumberInput as r } from "../number-input/NumberInput.js";
+import * as i from "react";
+import { useController as a, useFormContext as o } from "react-hook-form";
+//#region src/components/number-input-field/NumberInputField.tsx
+var s = ({ className: s, defaultValue: c = 0, hideLabel: l, value: u, prompt: d, description: f, label: p, name: m, validation: h, onValueChange: g, appearance: _, ...v }) => {
+	let { control: y } = o(), b = n(), { field: { ref: x, onChange: S, value: C, name: w } } = a({
+		name: m,
+		control: y,
+		rules: h,
+		defaultValue: c
+	}), { error: T } = e(m), E = b?.appearance || _;
+	return i.useEffect(() => {
+		u !== void 0 && S(u);
+	}, [u]), /* @__PURE__ */ i.createElement(t, {
+		className: s,
+		description: f,
+		error: T,
+		fieldId: m,
+		hideLabel: l,
+		label: p,
+		prompt: d,
+		required: !!h?.required,
+		appearance: E
+	}, /* @__PURE__ */ i.createElement(r, {
+		id: m,
+		name: w,
+		ref: x,
+		...T && {
+			state: "error",
+			"aria-invalid": !0
+		},
+		defaultValue: c,
+		onValueChange: (e) => {
+			S(e), g?.(e);
+		},
+		value: C,
+		appearance: E,
+		...v
+	}));
+};
+s.displayName = "NumberInputField";
+//#endregion
+export { s as NumberInputField };
+
+//# sourceMappingURL=NumberInputField.js.map

package/dist/components/number-input-field/NumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","sources":["../../../src/components/number-input-field/NumberInputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { FieldWrapper } from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\nimport { useFormCustomContext } from '~/components/form/useFormCustomContext'\nimport { ValidationOptions } from '~/components/form/validation'\n\nimport type { NumberInputProps } from '../number-input/NumberInput'\nimport { NumberInput } from '../number-input/NumberInput'\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  className?: string\n  hideLabel?: boolean\n  description?: string\n  label: string\n  name: string\n  prompt?: { link: string; label: string }\n  validation?: ValidationOptions\n}\n\nexport const NumberInputField = ({\n  className,\n  defaultValue = 0,\n  hideLabel,\n  value,\n  prompt,\n  description,\n  label,\n  name,\n  validation,\n  onValueChange,\n  appearance,\n  ...remainingProps\n}: NumberInputFieldProps) => {\n  const { control } = useFormContext()\n  const context = useFormCustomContext()\n  const {\n    field: { ref, onChange, value: innerValue, name: innerName }\n  } = useController({\n    name,\n    control,\n    rules: validation,\n    defaultValue\n  })\n  const { error } = useFieldError(name)\n\n  const formAppearance = context?.appearance || appearance\n\n  React.useEffect(() => {\n    // Update the react-hook-form inner value to match what is passed in.\n    if (typeof value !== 'undefined') onChange(value)\n  }, [value])\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <NumberInput\n        id={name}\n        name={innerName}\n        ref={ref}\n        {...(error && { state: 'error', 'aria-invalid': true })}\n        defaultValue={defaultValue}\n        onValueChange={(newValue) => {\n          onChange(newValue)\n          onValueChange?.(newValue)\n        }}\n        value={innerValue}\n        appearance={formAppearance}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nNumberInputField.displayName = 'NumberInputField'\n"],"names":["NumberInputField","className","defaultValue","hideLabel","value","prompt","description","label","name","validation","onValueChange","appearance","remainingProps","control","useFormContext","context","useFormCustomContext","ref","onChange","innerValue","innerName","useController","error","useFieldError","formAppearance","React","FieldWrapper","NumberInput","newValue"],"mappings":"+VAqBaA,EAAmB,CAAC,CAC/B,UAAAC,EACA,aAAAC,EAAe,EACf,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,KAAM,CAAE,QAAAC,CAAQ,EAAIC,IACdC,EAAUC,IACV,CACJ,MAAO,CAAE,IAAAC,EAAK,SAAAC,EAAU,MAAOC,EAAY,KAAMC,CAAU,CAC7D,EAAIC,EAAc,CAChB,KAAAb,EACA,QAAAK,EACA,MAAOJ,EACP,aAAAP,CACF,CAAC,EACK,CAAE,MAAAoB,CAAM,EAAIC,EAAcf,CAAI,EAE9BgB,GAAiBT,GAAA,KAAAA,OAAAA,EAAS,aAAcJ,EAE9C,OAAAc,EAAM,UAAU,IAAM,CAEhB,OAAOrB,EAAU,KAAac,EAASd,CAAK,CAClD,EAAG,CAACA,CAAK,CAAC,EAGRqB,EAAA,cAACC,EAAA,CACC,UAAWzB,EACX,YAAaK,EACb,MAAOgB,EACP,QAASd,EACT,UAAWL,EACX,MAAOI,EACP,OAAQF,EACR,SAAU,CAAQI,EAAAA,GAAA,MAAAA,EAAY,UAC9B,WAAYe,CAEZC,EAAAA,EAAA,cAACE,EAAA,CACC,GAAInB,EACJ,KAAMY,EACN,IAAKH,EACJ,GAAIK,GAAS,CAAE,MAAO,QAAS,eAAgB,EAAK,EACrD,aAAcpB,EACd,cAAgB0B,GAAa,CAC3BV,EAASU,CAAQ,EACjBlB,GAAA,MAAAA,EAAgBkB,CAClB,CAAA,EACA,MAAOT,EACP,WAAYK,EACX,GAAGZ,CAAAA,CACN,CACF,CAEJ,EAEAZ,EAAiB,YAAc"}
+{"version":3,"file":"NumberInputField.js","names":[],"sources":["../../../src/components/number-input-field/NumberInputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { FieldWrapper } from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\nimport { useFormCustomContext } from '~/components/form/useFormCustomContext'\nimport { ValidationOptions } from '~/components/form/validation'\n\nimport type { NumberInputProps } from '../number-input/NumberInput'\nimport { NumberInput } from '../number-input/NumberInput'\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  className?: string\n  hideLabel?: boolean\n  description?: string\n  label: string\n  name: string\n  prompt?: { link: string; label: string }\n  validation?: ValidationOptions\n}\n\nexport const NumberInputField = ({\n  className,\n  defaultValue = 0,\n  hideLabel,\n  value,\n  prompt,\n  description,\n  label,\n  name,\n  validation,\n  onValueChange,\n  appearance,\n  ...remainingProps\n}: NumberInputFieldProps) => {\n  const { control } = useFormContext()\n  const context = useFormCustomContext()\n  const {\n    field: { ref, onChange, value: innerValue, name: innerName }\n  } = useController({\n    name,\n    control,\n    rules: validation,\n    defaultValue\n  })\n  const { error } = useFieldError(name)\n\n  const formAppearance = context?.appearance || appearance\n\n  React.useEffect(() => {\n    // Update the react-hook-form inner value to match what is passed in.\n    if (typeof value !== 'undefined') onChange(value)\n  }, [value])\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <NumberInput\n        id={name}\n        name={innerName}\n        ref={ref}\n        {...(error && { state: 'error', 'aria-invalid': true })}\n        defaultValue={defaultValue}\n        onValueChange={(newValue) => {\n          onChange(newValue)\n          onValueChange?.(newValue)\n        }}\n        value={innerValue}\n        appearance={formAppearance}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nNumberInputField.displayName = 'NumberInputField'\n"],"mappings":";;;;;;;AAqBA,IAAa,KAAoB,EAC/B,cACA,kBAAe,GACf,cACA,UACA,WACA,gBACA,UACA,SACA,eACA,kBACA,eACA,GAAG,QACwB;CAC3B,IAAM,EAAE,eAAY,GAAgB,EAC9B,IAAU,GAAsB,EAChC,EACJ,OAAO,EAAE,QAAK,aAAU,OAAO,GAAY,MAAM,QAC/C,EAAc;EAChB;EACA;EACA,OAAO;EACP;EACD,CAAC,EACI,EAAE,aAAU,EAAc,EAAK,EAE/B,IAAiB,GAAS,cAAc;AAO9C,QALA,EAAM,gBAAgB;AAEpB,EAAW,MAAU,UAAa,EAAS,EAAM;IAChD,CAAC,EAAM,CAAC,EAGT,kBAAA,cAAC,GAAD;EACa;EACE;EACN;EACP,SAAS;EACE;EACJ;EACC;EACR,UAAU,EAAQ,GAAY;EAC9B,YAAY;EAgBC,EAdb,kBAAA,cAAC,GAAD;EACE,IAAI;EACJ,MAAM;EACD;EACL,GAAK,KAAS;GAAE,OAAO;GAAS,gBAAgB;GAAM;EACxC;EACd,gBAAgB,MAAa;AAE3B,GADA,EAAS,EAAS,EAClB,IAAgB,EAAS;;EAE3B,OAAO;EACP,YAAY;EACZ,GAAI;EACJ,CAAA,CACW;;AAInB,EAAiB,cAAc"}

package/dist/components/pagination/Pagination.js

@@ -1,2 +1,35 @@
-import p from"clsx";import*as e from"react";import{ColorScheme as P}from"../../experiments/color-scheme/ColorScheme.js";import{PaginationProvider as b}from"./pagination-context/PaginationContext.js";import{VisibleElementsAmount as f}from"./pagination.constants.js";import{PaginationItems as u}from"./PaginationItems.js";import{PaginationPopover as v}from"./PaginationPopover.js";const t=({colorScheme:n,onSelectedPageChange:i,selectedPage:l,visibleElementsCount:m=f.LESS,pagesCount:a,indicatedPages:s=[],disabledPages:r=[],onItemHover:c=()=>null,labels:g={},children:d,...o})=>a?e.createElement(b,{onSelectedPageChange:i,selectedPage:l,visibleElementsCount:m,pagesCount:a,indicatedPages:s,disabledPages:r,onItemHover:c,labels:g},e.createElement(P,{base:"grey1",accent:"primary1",...n,asChild:!0},e.createElement("div",{className:p("flex","gap-1",o.className),...o},d||e.createElement(u,null)))):null,C=Object.assign(t,{Popover:v});t.displayName="Pagination";export{C as Pagination};
-//# sourceMappingURL=Pagination.js.map
+import { ColorScheme as e } from "../../experiments/color-scheme/ColorScheme.js";
+import { VisibleElementsAmount as t } from "./pagination.constants.js";
+import { PaginationProvider as n } from "./pagination-context/PaginationContext.js";
+import { PaginationPopover as r } from "./PaginationPopover.js";
+import { PaginationItems as i } from "./PaginationItems.js";
+import a from "clsx";
+import * as o from "react";
+//#region src/components/pagination/Pagination.tsx
+var s = ({ colorScheme: r, onSelectedPageChange: s, selectedPage: c, visibleElementsCount: l = t.LESS, pagesCount: u, indicatedPages: d = [], disabledPages: f = [], onItemHover: p = () => null, labels: m = {}, children: h, ...g }) => {
+	if (!u) return null;
+	let _ = {
+		onSelectedPageChange: s,
+		selectedPage: c,
+		visibleElementsCount: l,
+		pagesCount: u,
+		indicatedPages: d,
+		disabledPages: f,
+		onItemHover: p,
+		labels: m
+	};
+	return /* @__PURE__ */ o.createElement(n, _, /* @__PURE__ */ o.createElement(e, {
+		base: "grey1",
+		accent: "primary1",
+		...r,
+		asChild: !0
+	}, /* @__PURE__ */ o.createElement("div", {
+		className: a("flex", "gap-1", g.className),
+		...g
+	}, h || /* @__PURE__ */ o.createElement(i, null))));
+}, c = Object.assign(s, { Popover: r });
+s.displayName = "Pagination";
+//#endregion
+export { c as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { ColorScheme } from '../../experiments/color-scheme/ColorScheme'\nimport { PaginationProvider } from './pagination-context/PaginationContext'\nimport { VisibleElementsAmount } from './pagination.constants'\nimport { PaginationItems } from './PaginationItems'\nimport { PaginationPopover } from './PaginationPopover'\nimport type { PaginationProps, PaginationProviderProps } from './types'\n\nconst PaginationComponent = ({\n  colorScheme,\n  onSelectedPageChange,\n  selectedPage,\n  visibleElementsCount = VisibleElementsAmount.LESS,\n  pagesCount,\n  indicatedPages = [],\n  disabledPages = [],\n  onItemHover = () => null,\n  labels = {},\n  children,\n  ...rest\n}: PaginationProps) => {\n  if (!pagesCount) return null\n\n  const paginationProviderProps: PaginationProviderProps = {\n    onSelectedPageChange,\n    selectedPage,\n    visibleElementsCount,\n    pagesCount,\n    indicatedPages,\n    disabledPages,\n    onItemHover,\n    labels\n  }\n\n  return (\n    <PaginationProvider {...paginationProviderProps}>\n      <ColorScheme base=\"grey1\" accent=\"primary1\" {...colorScheme} asChild>\n        <div className={clsx('flex', 'gap-1', rest.className)} {...rest}>\n          {children || <PaginationItems />}\n        </div>\n      </ColorScheme>\n    </PaginationProvider>\n  )\n}\n\nexport const Pagination = Object.assign(PaginationComponent, {\n  Popover: PaginationPopover\n})\n\nPaginationComponent.displayName = 'Pagination'\n"],"names":["PaginationComponent","colorScheme","onSelectedPageChange","selectedPage","visibleElementsCount","VisibleElementsAmount","pagesCount","indicatedPages","disabledPages","onItemHover","labels","children","rest","React","PaginationProvider","ColorScheme","clsx","PaginationItems","Pagination","PaginationPopover"],"mappings":"2XAUA,MAAMA,EAAsB,CAAC,CAC3B,YAAAC,EACA,qBAAAC,EACA,aAAAC,EACA,qBAAAC,EAAuBC,EAAsB,KAC7C,WAAAC,EACA,eAAAC,EAAiB,CAAC,EAClB,cAAAC,EAAgB,CAChB,EAAA,YAAAC,EAAc,IAAM,KACpB,OAAAC,EAAS,CAAA,EACT,SAAAC,EACA,GAAGC,CACL,IACON,EAcHO,EAAA,cAACC,EAAA,CAXD,qBAAAZ,EACA,aAAAC,EACA,qBAAAC,EACA,WAAAE,EACA,eAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,CACF,EAIIG,EAAA,cAACE,EAAA,CAAY,KAAK,QAAQ,OAAO,WAAY,GAAGd,EAAa,QAAO,EAClEY,EAAAA,EAAA,cAAC,MAAA,CAAI,UAAWG,EAAK,OAAQ,QAASJ,EAAK,SAAS,EAAI,GAAGA,CACxDD,EAAAA,GAAYE,EAAA,cAACI,EAAA,IAAgB,CAChC,CACF,CACF,EApBsB,KAwBbC,EAAa,OAAO,OAAOlB,EAAqB,CAC3D,QAASmB,CACX,CAAC,EAEDnB,EAAoB,YAAc"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { ColorScheme } from '../../experiments/color-scheme/ColorScheme'\nimport { PaginationProvider } from './pagination-context/PaginationContext'\nimport { VisibleElementsAmount } from './pagination.constants'\nimport { PaginationItems } from './PaginationItems'\nimport { PaginationPopover } from './PaginationPopover'\nimport type { PaginationProps, PaginationProviderProps } from './types'\n\nconst PaginationComponent = ({\n  colorScheme,\n  onSelectedPageChange,\n  selectedPage,\n  visibleElementsCount = VisibleElementsAmount.LESS,\n  pagesCount,\n  indicatedPages = [],\n  disabledPages = [],\n  onItemHover = () => null,\n  labels = {},\n  children,\n  ...rest\n}: PaginationProps) => {\n  if (!pagesCount) return null\n\n  const paginationProviderProps: PaginationProviderProps = {\n    onSelectedPageChange,\n    selectedPage,\n    visibleElementsCount,\n    pagesCount,\n    indicatedPages,\n    disabledPages,\n    onItemHover,\n    labels\n  }\n\n  return (\n    <PaginationProvider {...paginationProviderProps}>\n      <ColorScheme base=\"grey1\" accent=\"primary1\" {...colorScheme} asChild>\n        <div className={clsx('flex', 'gap-1', rest.className)} {...rest}>\n          {children || <PaginationItems />}\n        </div>\n      </ColorScheme>\n    </PaginationProvider>\n  )\n}\n\nexport const Pagination = Object.assign(PaginationComponent, {\n  Popover: PaginationPopover\n})\n\nPaginationComponent.displayName = 'Pagination'\n"],"mappings":";;;;;;;;AAUA,IAAM,KAAuB,EAC3B,gBACA,yBACA,iBACA,0BAAuB,EAAsB,MAC7C,eACA,oBAAiB,EAAE,EACnB,mBAAgB,EAAE,EAClB,uBAAoB,MACpB,YAAS,EAAE,EACX,aACA,GAAG,QACkB;AACrB,KAAI,CAAC,EAAY,QAAO;CAExB,IAAM,IAAmD;EACvD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QACE,kBAAA,cAAC,GAAuB,GACtB,kBAAA,cAAC,GAAD;EAAa,MAAK;EAAQ,QAAO;EAAW,GAAI;EAAa,SAAA;EAI/C,EAHZ,kBAAA,cAAC,OAAD;EAAK,WAAW,EAAK,QAAQ,SAAS,EAAK,UAAU;EAAE,GAAI;EAErD,EADH,KAAY,kBAAA,cAAC,GAAA,KAAkB,CAC5B,CACM,CACK;GAIZ,IAAa,OAAO,OAAO,GAAqB,EAC3D,SAAS,GACV,CAAC;AAEF,EAAoB,cAAc"}

package/dist/components/pagination/PaginationItems.js

@@ -1,2 +1,26 @@
-import*as t from"react";import{GO_TO_NEXT_PAGE as r,GO_TO_PREVIOUS_PAGE as a,VIEW_ALL_POPOVER as m}from"./pagination.constants.js";import{PaginationNextButton as i}from"./PaginationNextButton.js";import{PaginationPage as P}from"./PaginationPage.js";import{PaginationPopover as p}from"./PaginationPopover.js";import{PaginationPreviousButton as u}from"./PaginationPreviousButton.js";import{usePagination as c}from"./usePagination.js";const s=()=>{const{paginationItems:n}=c();return t.createElement(t.Fragment,null,n.map((e,o)=>{switch(e){case m:return t.createElement(p,{key:e+o});case a:return t.createElement(u,{key:e});case r:return t.createElement(i,{key:e});default:return t.createElement(P,{key:e,pageNumber:e})}}))};export{s as PaginationItems};
-//# sourceMappingURL=PaginationItems.js.map
+import { GO_TO_NEXT_PAGE as e, GO_TO_PREVIOUS_PAGE as t, VIEW_ALL_POPOVER as n } from "./pagination.constants.js";
+import { usePagination as r } from "./usePagination.js";
+import { PaginationNextButton as i } from "./PaginationNextButton.js";
+import { PaginationPage as a } from "./PaginationPage.js";
+import { PaginationPopover as o } from "./PaginationPopover.js";
+import { PaginationPreviousButton as s } from "./PaginationPreviousButton.js";
+import * as c from "react";
+//#region src/components/pagination/PaginationItems.tsx
+var l = () => {
+	let { paginationItems: l } = r();
+	return /* @__PURE__ */ c.createElement(c.Fragment, null, l.map((r, l) => {
+		switch (r) {
+			case n: return /* @__PURE__ */ c.createElement(o, { key: r + l });
+			case t: return /* @__PURE__ */ c.createElement(s, { key: r });
+			case e: return /* @__PURE__ */ c.createElement(i, { key: r });
+			default: return /* @__PURE__ */ c.createElement(a, {
+				key: r,
+				pageNumber: r
+			});
+		}
+	}));
+};
+//#endregion
+export { l as PaginationItems };
+
+//# sourceMappingURL=PaginationItems.js.map

package/dist/components/pagination/PaginationItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItems.js","sources":["../../../src/components/pagination/PaginationItems.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  GO_TO_NEXT_PAGE,\n  GO_TO_PREVIOUS_PAGE,\n  VIEW_ALL_POPOVER\n} from './pagination.constants'\nimport { PaginationNextButton } from './PaginationNextButton'\nimport { PaginationPage } from './PaginationPage'\nimport { PaginationPopover } from './PaginationPopover'\nimport { PaginationPreviousButton } from './PaginationPreviousButton'\nimport { usePagination } from './usePagination'\n\nexport const PaginationItems = (): JSX.Element => {\n  const { paginationItems } = usePagination()\n\n  return (\n    <>\n      {paginationItems.map((paginationItem, i) => {\n        switch (paginationItem) {\n          case VIEW_ALL_POPOVER:\n            return <PaginationPopover key={paginationItem + i} />\n          case GO_TO_PREVIOUS_PAGE:\n            return <PaginationPreviousButton key={paginationItem} />\n          case GO_TO_NEXT_PAGE:\n            return <PaginationNextButton key={paginationItem} />\n          default:\n            return (\n              <PaginationPage\n                key={paginationItem}\n                pageNumber={paginationItem}\n              />\n            )\n        }\n      })}\n    </>\n  )\n}\n"],"names":["PaginationItems","paginationItems","usePagination","React","paginationItem","i","VIEW_ALL_POPOVER","PaginationPopover","GO_TO_PREVIOUS_PAGE","PaginationPreviousButton","GO_TO_NEXT_PAGE","PaginationNextButton","PaginationPage"],"mappings":"sbAaaA,EAAkB,IAAmB,CAChD,KAAM,CAAE,gBAAAC,CAAgB,EAAIC,IAE5B,OACEC,EAAA,cAAAA,EAAA,SAAA,KACGF,EAAgB,IAAI,CAACG,EAAgBC,IAAM,CAC1C,OAAQD,EACN,CAAA,KAAKE,EACH,OAAOH,EAAA,cAACI,EAAA,CAAkB,IAAKH,EAAiBC,CAAG,CAAA,EACrD,KAAKG,EACH,OAAOL,EAAA,cAACM,EAAA,CAAyB,IAAKL,CAAgB,CAAA,EACxD,KAAKM,EACH,OAAOP,EAAA,cAACQ,EAAA,CAAqB,IAAKP,CAAAA,CAAgB,EACpD,QACE,OACED,EAAA,cAACS,EAAA,CACC,IAAKR,EACL,WAAYA,EACd,CAEN,CACF,CAAC,CACH,CAEJ"}
+{"version":3,"file":"PaginationItems.js","names":[],"sources":["../../../src/components/pagination/PaginationItems.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  GO_TO_NEXT_PAGE,\n  GO_TO_PREVIOUS_PAGE,\n  VIEW_ALL_POPOVER\n} from './pagination.constants'\nimport { PaginationNextButton } from './PaginationNextButton'\nimport { PaginationPage } from './PaginationPage'\nimport { PaginationPopover } from './PaginationPopover'\nimport { PaginationPreviousButton } from './PaginationPreviousButton'\nimport { usePagination } from './usePagination'\n\nexport const PaginationItems = (): JSX.Element => {\n  const { paginationItems } = usePagination()\n\n  return (\n    <>\n      {paginationItems.map((paginationItem, i) => {\n        switch (paginationItem) {\n          case VIEW_ALL_POPOVER:\n            return <PaginationPopover key={paginationItem + i} />\n          case GO_TO_PREVIOUS_PAGE:\n            return <PaginationPreviousButton key={paginationItem} />\n          case GO_TO_NEXT_PAGE:\n            return <PaginationNextButton key={paginationItem} />\n          default:\n            return (\n              <PaginationPage\n                key={paginationItem}\n                pageNumber={paginationItem}\n              />\n            )\n        }\n      })}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAaA,IAAa,UAAqC;CAChD,IAAM,EAAE,uBAAoB,GAAe;AAE3C,QACE,kBAAA,cAAA,EAAA,UAAA,MACG,EAAgB,KAAK,GAAgB,MAAM;AAC1C,UAAQ,GAAR;GACE,KAAK,EACH,QAAO,kBAAA,cAAC,GAAD,EAAmB,KAAK,IAAiB,GAAK,CAAA;GACvD,KAAK,EACH,QAAO,kBAAA,cAAC,GAAD,EAA0B,KAAK,GAAkB,CAAA;GAC1D,KAAK,EACH,QAAO,kBAAA,cAAC,GAAD,EAAsB,KAAK,GAAkB,CAAA;GACtD,QACE,QACE,kBAAA,cAAC,GAAD;IACE,KAAK;IACL,YAAY;IACZ,CAAA;;GAGR,CACD"}

package/dist/components/pagination/PaginationNextButton.js

@@ -1,2 +1,23 @@
-import{ChevronRight as n}from"@atom-learning/icons";import*as t from"react";import{styled as r}from"../../styled.js";import{ActionIcon as l}from"../action-icon/ActionIcon.js";import{Icon as m}from"../icon/Icon.js";import{usePagination as s}from"./usePagination.js";const c=r(l,{base:["ml-1","disabled:opacity-30"]}),p=o=>{const{goToNextPage:a,labels:e,nextAvailablePage:i}=s();return t.createElement(c,{hasTooltip:!1,size:"md",theme:"neutral",onClick:a,disabled:!i,...o,label:(e==null?void 0:e.nextPageButtonLabel)||"Next page"},t.createElement(m,{is:n}))};export{p as PaginationNextButton};
-//# sourceMappingURL=PaginationNextButton.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { ActionIcon as n } from "../action-icon/ActionIcon.js";
+import { usePagination as r } from "./usePagination.js";
+import * as i from "react";
+import { ChevronRight as a } from "@atom-learning/icons";
+//#region src/components/pagination/PaginationNextButton.tsx
+var o = e(n, { base: ["ml-1", "disabled:opacity-30"] }), s = (e) => {
+	let { goToNextPage: n, labels: s, nextAvailablePage: c } = r(), l = !c;
+	return /* @__PURE__ */ i.createElement(o, {
+		hasTooltip: !1,
+		size: "md",
+		theme: "neutral",
+		onClick: n,
+		disabled: l,
+		...e,
+		label: s?.nextPageButtonLabel || "Next page"
+	}, /* @__PURE__ */ i.createElement(t, { is: a }));
+};
+//#endregion
+export { s as PaginationNextButton };
+
+//# sourceMappingURL=PaginationNextButton.js.map

package/dist/components/pagination/PaginationNextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNextButton.js","sources":["../../../src/components/pagination/PaginationNextButton.tsx"],"sourcesContent":["import { ChevronRight } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { usePagination } from './usePagination'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  base: ['ml-1', 'disabled:opacity-30']\n})\n\nexport const PaginationNextButton = (\n  props: Partial<React.ComponentProps<typeof StyledActionIcon>>\n) => {\n  const { goToNextPage, labels, nextAvailablePage } = usePagination()\n\n  const isDisabled = !nextAvailablePage\n\n  return (\n    <StyledActionIcon\n      hasTooltip={false}\n      size=\"md\"\n      theme=\"neutral\"\n      onClick={goToNextPage}\n      disabled={isDisabled}\n      {...props}\n      label={labels?.nextPageButtonLabel || 'Next page'}\n    >\n      <Icon is={ChevronRight} />\n    </StyledActionIcon>\n  )\n}\n"],"names":["StyledActionIcon","styled","ActionIcon","PaginationNextButton","props","goToNextPage","labels","nextAvailablePage","usePagination","React","Icon","ChevronRight"],"mappings":"yQASA,MAAMA,EAAmBC,EAAOC,EAAY,CAC1C,KAAM,CAAC,OAAQ,qBAAqB,CACtC,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,aAAAC,EAAc,OAAAC,EAAQ,kBAAAC,CAAkB,EAAIC,IAIpD,OACEC,EAAA,cAACT,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,QAASK,EACT,SARe,CAACE,EASf,GAAGH,EACJ,OAAOE,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,WAAA,EAEtCG,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAc,CAC1B,CAEJ"}
+{"version":3,"file":"PaginationNextButton.js","names":[],"sources":["../../../src/components/pagination/PaginationNextButton.tsx"],"sourcesContent":["import { ChevronRight } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { usePagination } from './usePagination'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  base: ['ml-1', 'disabled:opacity-30']\n})\n\nexport const PaginationNextButton = (\n  props: Partial<React.ComponentProps<typeof StyledActionIcon>>\n) => {\n  const { goToNextPage, labels, nextAvailablePage } = usePagination()\n\n  const isDisabled = !nextAvailablePage\n\n  return (\n    <StyledActionIcon\n      hasTooltip={false}\n      size=\"md\"\n      theme=\"neutral\"\n      onClick={goToNextPage}\n      disabled={isDisabled}\n      {...props}\n      label={labels?.nextPageButtonLabel || 'Next page'}\n    >\n      <Icon is={ChevronRight} />\n    </StyledActionIcon>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAM,IAAmB,EAAO,GAAY,EAC1C,MAAM,CAAC,QAAQ,sBAAsB,EACtC,CAAC,EAEW,KACX,MACG;CACH,IAAM,EAAE,iBAAc,WAAQ,yBAAsB,GAAe,EAE7D,IAAa,CAAC;AAEpB,QACE,kBAAA,cAAC,GAAD;EACE,YAAY;EACZ,MAAK;EACL,OAAM;EACN,SAAS;EACT,UAAU;EACV,GAAI;EACJ,OAAO,GAAQ,uBAAuB;EAGrB,EADjB,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAgB,CAAA,CACT"}

package/dist/components/pagination/PaginationPage.js

@@ -1,2 +1,65 @@
-import*as u from"react";import{styled as p}from"../../styled.js";import{usePagination as m}from"./usePagination.js";const g=p("button",{base:["items-center","border","border-transparent","rounded-sm","cursor-pointer","font-body","justify-center","whitespace-nowrap","w-max","flex","flex-col","font-normal","text-text-subtle","bg-(--base-1)","relative","not-disabled:active:bg-(--base-3)","not-disabled:active:text-(--text-bold)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--base-2)","not-disabled:hover:text-text-regular","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none"],variants:{size:{md:["size-10"]},selected:{true:["border","border-(--accent-9)","font-semibold","not-disabled:active:border-(--accent-11)","not-disabled:active:text-(--accent-11)","not-disabled:hover:border-(--accent-10)","not-disabled:hover:text-(--accent-10)","text-(--accent-9)"]},indicated:{true:["bg-(--accent-9)","font-semibold","not-disabled:active:bg-(--accent-11)","not-disabled:active:text-white","not-disabled:hover:bg-(--accent-10)","not-disabled:hover:text-white","text-white"]}},compoundVariants:[{selected:!0,indicated:!0,class:["bg-(--accent-9)","font-semibold","not-disabled:active:bg-(--accent-11)","not-disabled:active:text-white","not-disabled:hover:bg-(--accent-10)","not-disabled:hover:text-white","not-focus-visible:border-white!","shadow-[var(--accent-9)_0px_0px_0px_1px]","text-white"]}]}),h=({pageNumber:e,className:d,onClick:o})=>{const{currentPage:n,goToPage:s,indicatedPages:c,disabledPages:r,onItemHover:i}=m(),l=c.includes(e),t=r.includes(e),a=n===e,b=()=>{a||t||i==null||i(e)},x=v=>{o==null||o(),s(v)};return u.createElement(g,{selected:a,size:"md",onClick:()=>x(e),className:d,indicated:l,disabled:t,"aria-current":a&&"page","aria-disabled":t,onMouseOver:b},e)};export{h as PaginationPage};
-//# sourceMappingURL=PaginationPage.js.map
+import { styled as e } from "../../styled.js";
+import { usePagination as t } from "./usePagination.js";
+import * as n from "react";
+//#region src/components/pagination/PaginationPage.tsx
+var r = e("button", {
+	base: /* @__PURE__ */ "items-center.border.border-transparent.rounded-sm.cursor-pointer.font-body.justify-center.whitespace-nowrap.w-max.flex.flex-col.font-normal.text-text-subtle.bg-(--base-1).relative.not-disabled:active:bg-(--base-3).not-disabled:active:text-(--text-bold).not-disabled:focus-visible:outline-none.not-disabled:focus-visible:relative.not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px].not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px].not-disabled:focus-visible:z-1.not-disabled:hover:bg-(--base-2).not-disabled:hover:text-text-regular.disabled:cursor-not-allowed.disabled:opacity-30.disabled:pointer-events-none".split("."),
+	variants: {
+		size: { md: ["size-10"] },
+		selected: { true: [
+			"border",
+			"border-(--accent-9)",
+			"font-semibold",
+			"not-disabled:active:border-(--accent-11)",
+			"not-disabled:active:text-(--accent-11)",
+			"not-disabled:hover:border-(--accent-10)",
+			"not-disabled:hover:text-(--accent-10)",
+			"text-(--accent-9)"
+		] },
+		indicated: { true: [
+			"bg-(--accent-9)",
+			"font-semibold",
+			"not-disabled:active:bg-(--accent-11)",
+			"not-disabled:active:text-white",
+			"not-disabled:hover:bg-(--accent-10)",
+			"not-disabled:hover:text-white",
+			"text-white"
+		] }
+	},
+	compoundVariants: [{
+		selected: !0,
+		indicated: !0,
+		class: [
+			"bg-(--accent-9)",
+			"font-semibold",
+			"not-disabled:active:bg-(--accent-11)",
+			"not-disabled:active:text-white",
+			"not-disabled:hover:bg-(--accent-10)",
+			"not-disabled:hover:text-white",
+			"not-focus-visible:border-white!",
+			"shadow-[var(--accent-9)_0px_0px_0px_1px]",
+			"text-white"
+		]
+	}]
+}), i = ({ pageNumber: e, className: i, onClick: a }) => {
+	let { currentPage: o, goToPage: s, indicatedPages: c, disabledPages: l, onItemHover: u } = t(), d = c.includes(e), f = l.includes(e), p = o === e, m = () => {
+		p || f || u?.(e);
+	}, h = (e) => {
+		a?.(), s(e);
+	};
+	return /* @__PURE__ */ n.createElement(r, {
+		selected: p,
+		size: "md",
+		onClick: () => h(e),
+		className: i,
+		indicated: d,
+		disabled: f,
+		"aria-current": p && "page",
+		"aria-disabled": f,
+		onMouseOver: m
+	}, e);
+};
+//#endregion
+export { i as PaginationPage };
+
+//# sourceMappingURL=PaginationPage.js.map

package/dist/components/pagination/PaginationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPage.js","sources":["../../../src/components/pagination/PaginationPage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport type { PaginationPageProps } from './types'\nimport { usePagination } from './usePagination'\n\nconst StyledButton = styled('button', {\n  base: [\n    'items-center',\n    'border',\n    'border-transparent',\n    'rounded-sm',\n    'cursor-pointer',\n    'font-body',\n    'justify-center',\n    'whitespace-nowrap',\n    'w-max',\n    'flex',\n    'flex-col',\n    'font-normal',\n    'text-text-subtle',\n    'bg-(--base-1)',\n    'relative',\n    'not-disabled:active:bg-(--base-3)',\n    'not-disabled:active:text-(--text-bold)',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-(--base-2)',\n    'not-disabled:hover:text-text-regular',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      md: ['size-10']\n    },\n    selected: {\n      true: [\n        'border',\n        'border-(--accent-9)',\n        'font-semibold',\n        'not-disabled:active:border-(--accent-11)',\n        'not-disabled:active:text-(--accent-11)',\n        'not-disabled:hover:border-(--accent-10)',\n        'not-disabled:hover:text-(--accent-10)',\n        'text-(--accent-9)'\n      ]\n    },\n    indicated: {\n      true: [\n        'bg-(--accent-9)',\n        'font-semibold',\n        'not-disabled:active:bg-(--accent-11)',\n        'not-disabled:active:text-white',\n        'not-disabled:hover:bg-(--accent-10)',\n        'not-disabled:hover:text-white',\n        'text-white'\n      ]\n    }\n  },\n  compoundVariants: [\n    {\n      selected: true,\n      indicated: true,\n      class: [\n        'bg-(--accent-9)',\n        'font-semibold',\n        'not-disabled:active:bg-(--accent-11)',\n        'not-disabled:active:text-white',\n        'not-disabled:hover:bg-(--accent-10)',\n        'not-disabled:hover:text-white',\n        'not-focus-visible:border-white!',\n        'shadow-[var(--accent-9)_0px_0px_0px_1px]',\n        'text-white'\n      ]\n    }\n  ]\n})\n\nexport const PaginationPage = ({\n  pageNumber,\n  className,\n  onClick\n}: PaginationPageProps) => {\n  const { currentPage, goToPage, indicatedPages, disabledPages, onItemHover } =\n    usePagination()\n\n  const isIndicated = indicatedPages.includes(pageNumber)\n  const isDisabled = disabledPages.includes(pageNumber)\n\n  const isSelected = currentPage === pageNumber\n\n  const handleOnHover = () => {\n    if (isSelected || isDisabled) return\n    onItemHover?.(pageNumber)\n  }\n\n  const handleOnClick = (pageNumber) => {\n    onClick?.()\n    goToPage(pageNumber)\n  }\n\n  return (\n    <StyledButton\n      selected={isSelected}\n      size=\"md\"\n      onClick={() => handleOnClick(pageNumber)}\n      className={className}\n      indicated={isIndicated}\n      disabled={isDisabled}\n      aria-current={isSelected && 'page'}\n      aria-disabled={isDisabled}\n      onMouseOver={handleOnHover}\n    >\n      {pageNumber}\n    </StyledButton>\n  )\n}\n"],"names":["StyledButton","styled","PaginationPage","pageNumber","className","onClick","currentPage","goToPage","indicatedPages","disabledPages","onItemHover","usePagination","isIndicated","isDisabled","isSelected","handleOnHover","handleOnClick","React"],"mappings":"oHAOA,MAAMA,EAAeC,EAAO,SAAU,CACpC,KAAM,CACJ,eACA,SACA,qBACA,aACA,iBACA,YACA,iBACA,oBACA,QACA,OACA,WACA,cACA,mBACA,gBACA,WACA,oCACA,yCACA,0CACA,sCACA,+EACA,4DACA,iCACA,mCACA,uCACA,8BACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAS,CAChB,EACA,SAAU,CACR,KAAM,CACJ,SACA,sBACA,gBACA,2CACA,yCACA,0CACA,wCACA,mBACF,CACF,EACA,UAAW,CACT,KAAM,CACJ,kBACA,gBACA,uCACA,iCACA,sCACA,gCACA,YACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,UAAW,GACX,MAAO,CACL,kBACA,gBACA,uCACA,iCACA,sCACA,gCACA,kCACA,2CACA,YACF,CACF,CACF,CACF,CAAC,EAEYC,EAAiB,CAAC,CAC7B,WAAAC,EACA,UAAAC,EACA,QAAAC,CACF,IAA2B,CACzB,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,eAAAC,EAAgB,cAAAC,EAAe,YAAAC,CAAY,EACxEC,IAEIC,EAAcJ,EAAe,SAASL,CAAU,EAChDU,EAAaJ,EAAc,SAASN,CAAU,EAE9CW,EAAaR,IAAgBH,EAE7BY,EAAgB,IAAM,CACtBD,GAAcD,GAClBH,GAAA,MAAAA,EAAcP,CAAAA,CAChB,EAEMa,EAAiBb,GAAe,CACpCE,GAAA,MAAAA,IACAE,EAASJ,CAAU,CACrB,EAEA,OACEc,EAAA,cAACjB,EAAA,CACC,SAAUc,EACV,KAAK,KACL,QAAS,IAAME,EAAcb,CAAU,EACvC,UAAWC,EACX,UAAWQ,EACX,SAAUC,EACV,eAAcC,GAAc,OAC5B,gBAAeD,EACf,YAAaE,CAEZZ,EAAAA,CACH,CAEJ"}
+{"version":3,"file":"PaginationPage.js","names":[],"sources":["../../../src/components/pagination/PaginationPage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport type { PaginationPageProps } from './types'\nimport { usePagination } from './usePagination'\n\nconst StyledButton = styled('button', {\n  base: [\n    'items-center',\n    'border',\n    'border-transparent',\n    'rounded-sm',\n    'cursor-pointer',\n    'font-body',\n    'justify-center',\n    'whitespace-nowrap',\n    'w-max',\n    'flex',\n    'flex-col',\n    'font-normal',\n    'text-text-subtle',\n    'bg-(--base-1)',\n    'relative',\n    'not-disabled:active:bg-(--base-3)',\n    'not-disabled:active:text-(--text-bold)',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-(--base-2)',\n    'not-disabled:hover:text-text-regular',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      md: ['size-10']\n    },\n    selected: {\n      true: [\n        'border',\n        'border-(--accent-9)',\n        'font-semibold',\n        'not-disabled:active:border-(--accent-11)',\n        'not-disabled:active:text-(--accent-11)',\n        'not-disabled:hover:border-(--accent-10)',\n        'not-disabled:hover:text-(--accent-10)',\n        'text-(--accent-9)'\n      ]\n    },\n    indicated: {\n      true: [\n        'bg-(--accent-9)',\n        'font-semibold',\n        'not-disabled:active:bg-(--accent-11)',\n        'not-disabled:active:text-white',\n        'not-disabled:hover:bg-(--accent-10)',\n        'not-disabled:hover:text-white',\n        'text-white'\n      ]\n    }\n  },\n  compoundVariants: [\n    {\n      selected: true,\n      indicated: true,\n      class: [\n        'bg-(--accent-9)',\n        'font-semibold',\n        'not-disabled:active:bg-(--accent-11)',\n        'not-disabled:active:text-white',\n        'not-disabled:hover:bg-(--accent-10)',\n        'not-disabled:hover:text-white',\n        'not-focus-visible:border-white!',\n        'shadow-[var(--accent-9)_0px_0px_0px_1px]',\n        'text-white'\n      ]\n    }\n  ]\n})\n\nexport const PaginationPage = ({\n  pageNumber,\n  className,\n  onClick\n}: PaginationPageProps) => {\n  const { currentPage, goToPage, indicatedPages, disabledPages, onItemHover } =\n    usePagination()\n\n  const isIndicated = indicatedPages.includes(pageNumber)\n  const isDisabled = disabledPages.includes(pageNumber)\n\n  const isSelected = currentPage === pageNumber\n\n  const handleOnHover = () => {\n    if (isSelected || isDisabled) return\n    onItemHover?.(pageNumber)\n  }\n\n  const handleOnClick = (pageNumber) => {\n    onClick?.()\n    goToPage(pageNumber)\n  }\n\n  return (\n    <StyledButton\n      selected={isSelected}\n      size=\"md\"\n      onClick={() => handleOnClick(pageNumber)}\n      className={className}\n      indicated={isIndicated}\n      disabled={isDisabled}\n      aria-current={isSelected && 'page'}\n      aria-disabled={isDisabled}\n      onMouseOver={handleOnHover}\n    >\n      {pageNumber}\n    </StyledButton>\n  )\n}\n"],"mappings":";;;;AAOA,IAAM,IAAe,EAAO,UAAU;CACpC,MAAM,8pBA4BL;CACD,UAAU;EACR,MAAM,EACJ,IAAI,CAAC,UAAU,EAChB;EACD,UAAU,EACR,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,EACF;EACD,WAAW,EACT,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACD,EACF;EACF;CACD,kBAAkB,CAChB;EACE,UAAU;EACV,WAAW;EACX,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF,CACF;CACF,CAAC,EAEW,KAAkB,EAC7B,eACA,cACA,iBACyB;CACzB,IAAM,EAAE,gBAAa,aAAU,mBAAgB,kBAAe,mBAC5D,GAAe,EAEX,IAAc,EAAe,SAAS,EAAW,EACjD,IAAa,EAAc,SAAS,EAAW,EAE/C,IAAa,MAAgB,GAE7B,UAAsB;AACtB,OAAc,KAClB,IAAc,EAAW;IAGrB,KAAiB,MAAe;AAEpC,EADA,KAAW,EACX,EAAS,EAAW;;AAGtB,QACE,kBAAA,cAAC,GAAD;EACE,UAAU;EACV,MAAK;EACL,eAAe,EAAc,EAAW;EAC7B;EACX,WAAW;EACX,UAAU;EACV,gBAAc,KAAc;EAC5B,iBAAe;EACf,aAAa;EAGA,EADZ,EACY"}

package/dist/components/pagination/PaginationPopover.js

@@ -1,2 +1,34 @@
-import{Ellypsis as s}from"@atom-learning/icons";import e from"react";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as g}from"../icon/Icon.js";import{Popover as o}from"../popover/Popover.js";import{PaginationPage as f}from"./PaginationPage.js";import{usePagination as u}from"./usePagination.js";const d=({children:i})=>{const{pagesCount:l,labels:r}=u(),a=Array.from({length:l},(t,m)=>m+1),[p,n]=e.useState(!1);return e.createElement(o,{open:p,onOpenChange:n,defaultOpen:!1},e.createElement(o.Trigger,{asChild:!0},i||e.createElement(c,{hasTooltip:!1,size:"md",theme:"neutral",label:(r==null?void 0:r.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},e.createElement(g,{is:s}))),e.createElement(o.Content,{size:"md",showCloseButton:!1,className:"p-0"},e.createElement("div",{className:"flex flex-wrap justify-center gap-1 p-4"},a==null?void 0:a.map(t=>e.createElement(f,{key:t,pageNumber:t,onClick:()=>n(!1)})))))};export{d as PaginationPopover};
-//# sourceMappingURL=PaginationPopover.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { ActionIcon as t } from "../action-icon/ActionIcon.js";
+import { usePagination as n } from "./usePagination.js";
+import { PaginationPage as r } from "./PaginationPage.js";
+import { Popover as i } from "../popover/Popover.js";
+import a from "react";
+import { Ellypsis as o } from "@atom-learning/icons";
+//#region src/components/pagination/PaginationPopover.tsx
+var s = ({ children: s }) => {
+	let { pagesCount: c, labels: l } = n(), u = Array.from({ length: c }, (e, t) => t + 1), [d, f] = a.useState(!1);
+	return /* @__PURE__ */ a.createElement(i, {
+		open: d,
+		onOpenChange: f,
+		defaultOpen: !1
+	}, /* @__PURE__ */ a.createElement(i.Trigger, { asChild: !0 }, s || /* @__PURE__ */ a.createElement(t, {
+		hasTooltip: !1,
+		size: "md",
+		theme: "neutral",
+		label: l?.popoverTriggerLabel || "Open pagination popover",
+		"data-testid": "pagination_popover_trigger"
+	}, /* @__PURE__ */ a.createElement(e, { is: o }))), /* @__PURE__ */ a.createElement(i.Content, {
+		size: "md",
+		showCloseButton: !1,
+		className: "p-0"
+	}, /* @__PURE__ */ a.createElement("div", { className: "flex flex-wrap justify-center gap-1 p-4" }, u?.map((e) => /* @__PURE__ */ a.createElement(r, {
+		key: e,
+		pageNumber: e,
+		onClick: () => f(!1)
+	})))));
+};
+//#endregion
+export { s as PaginationPopover };
+
+//# sourceMappingURL=PaginationPopover.js.map

package/dist/components/pagination/PaginationPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { Popover } from '../popover/Popover'\nimport { PaginationPage } from './PaginationPage'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = ({\n  children\n}: React.PropsWithChildren<unknown>) => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  const [isOpen, setIsOpen] = React.useState<boolean>(false)\n\n  return (\n    <Popover open={isOpen} onOpenChange={setIsOpen} defaultOpen={false}>\n      <Popover.Trigger asChild>\n        {children || (\n          <ActionIcon\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n            label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n            data-testid=\"pagination_popover_trigger\"\n          >\n            <Icon is={Ellypsis} />\n          </ActionIcon>\n        )}\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} className=\"p-0\">\n        <div className=\"flex flex-wrap justify-center gap-1 p-4\">\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationPage\n                key={pageNumber}\n                pageNumber={pageNumber}\n                onClick={() => setIsOpen(false)}\n              />\n            )\n          })}\n        </div>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","children","pagesCount","labels","usePagination","paginationItems","_","index","isOpen","setIsOpen","React","Popover","ActionIcon","Icon","Ellypsis","pageNumber","PaginationPage"],"mappings":"8TASO,MAAMA,EAAoB,CAAC,CAChC,SAAAC,CACF,IAAwC,CACtC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,IACzBC,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAkB,EAAK,EAEzD,OACEA,EAAA,cAACC,EAAA,CAAQ,KAAMH,EAAQ,aAAcC,EAAW,YAAa,EAAA,EAC3DC,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EAAA,EACrBV,GACCS,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOT,GAAA,KAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAAA,EAEZO,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAU,CAAA,CACtB,CAEJ,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,UAAU,KAC3DD,EAAAA,EAAA,cAAC,MAAI,CAAA,UAAU,yCACZL,EAAAA,GAAA,YAAAA,EAAiB,IAAKU,GAEnBL,EAAA,cAACM,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,QAAS,IAAMN,EAAU,EAAK,CAAA,CAChC,CAGN,CAAA,CACF,CACF,CAEJ"}
+{"version":3,"file":"PaginationPopover.js","names":[],"sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { Popover } from '../popover/Popover'\nimport { PaginationPage } from './PaginationPage'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = ({\n  children\n}: React.PropsWithChildren<unknown>) => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  const [isOpen, setIsOpen] = React.useState<boolean>(false)\n\n  return (\n    <Popover open={isOpen} onOpenChange={setIsOpen} defaultOpen={false}>\n      <Popover.Trigger asChild>\n        {children || (\n          <ActionIcon\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n            label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n            data-testid=\"pagination_popover_trigger\"\n          >\n            <Icon is={Ellypsis} />\n          </ActionIcon>\n        )}\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} className=\"p-0\">\n        <div className=\"flex flex-wrap justify-center gap-1 p-4\">\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationPage\n                key={pageNumber}\n                pageNumber={pageNumber}\n                onClick={() => setIsOpen(false)}\n              />\n            )\n          })}\n        </div>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,KAAqB,EAChC,kBACsC;CACtC,IAAM,EAAE,eAAY,cAAW,GAAe,EACxC,IAAkB,MAAM,KAC5B,EAAE,QAAQ,GAAY,GACrB,GAAG,MAAU,IAAQ,EACvB,EAEK,CAAC,GAAQ,KAAa,EAAM,SAAkB,GAAM;AAE1D,QACE,kBAAA,cAAC,GAAD;EAAS,MAAM;EAAQ,cAAc;EAAW,aAAa;EA2BnD,EA1BR,kBAAA,cAAC,EAAQ,SAAT,EAAiB,SAAA,IAYC,EAXf,KACC,kBAAA,cAAC,GAAD;EACE,YAAY;EACZ,MAAK;EACL,OAAM;EACN,OAAO,GAAQ,uBAAuB;EACtC,eAAY;EAGD,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAY,CAAA,CACX,CAEC,EAClB,kBAAA,cAAC,EAAQ,SAAT;EAAiB,MAAK;EAAK,iBAAiB;EAAO,WAAU;EAY3C,EAXhB,kBAAA,cAAC,OAAD,EAAK,WAAU,2CAUT,EATH,GAAiB,KAAK,MAEnB,kBAAA,cAAC,GAAD;EACE,KAAK;EACO;EACZ,eAAe,EAAU,GAAM;EAC/B,CAAA,CAEJ,CACE,CACU,CACV"}

package/dist/components/pagination/PaginationPreviousButton.js

@@ -1,2 +1,23 @@
-import{ChevronLeft as a}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../styled.js";import{ActionIcon as s}from"../action-icon/ActionIcon.js";import{Icon as l}from"../icon/Icon.js";import{usePagination as m}from"./usePagination.js";const p=n(s,{base:["mr-1","disabled:opacity-30"]}),c=t=>{const{goToPreviousPage:i,labels:o,previousAvailablePage:r}=m();return e.createElement(p,{hasTooltip:!1,size:"md",theme:"neutral",onClick:i,disabled:!r,...t,label:(o==null?void 0:o.previousPageButtonLabel)||"Previous page"},e.createElement(l,{is:a}))};export{c as PaginationPreviousButton};
-//# sourceMappingURL=PaginationPreviousButton.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { ActionIcon as n } from "../action-icon/ActionIcon.js";
+import { usePagination as r } from "./usePagination.js";
+import * as i from "react";
+import { ChevronLeft as a } from "@atom-learning/icons";
+//#region src/components/pagination/PaginationPreviousButton.tsx
+var o = e(n, { base: ["mr-1", "disabled:opacity-30"] }), s = (e) => {
+	let { goToPreviousPage: n, labels: s, previousAvailablePage: c } = r(), l = !c;
+	return /* @__PURE__ */ i.createElement(o, {
+		hasTooltip: !1,
+		size: "md",
+		theme: "neutral",
+		onClick: n,
+		disabled: l,
+		...e,
+		label: s?.previousPageButtonLabel || "Previous page"
+	}, /* @__PURE__ */ i.createElement(t, { is: a }));
+};
+//#endregion
+export { s as PaginationPreviousButton };
+
+//# sourceMappingURL=PaginationPreviousButton.js.map

package/dist/components/pagination/PaginationPreviousButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPreviousButton.js","sources":["../../../src/components/pagination/PaginationPreviousButton.tsx"],"sourcesContent":["import { ChevronLeft } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { usePagination } from './usePagination'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  base: ['mr-1', 'disabled:opacity-30']\n})\n\nexport const PaginationPreviousButton = (\n  props: Partial<React.ComponentProps<typeof StyledActionIcon>>\n) => {\n  const { goToPreviousPage, labels, previousAvailablePage } = usePagination()\n\n  const isDisabled = !previousAvailablePage\n\n  return (\n    <StyledActionIcon\n      hasTooltip={false}\n      size=\"md\"\n      theme=\"neutral\"\n      onClick={goToPreviousPage}\n      disabled={isDisabled}\n      {...props}\n      label={labels?.previousPageButtonLabel || 'Previous page'}\n    >\n      <Icon is={ChevronLeft} />\n    </StyledActionIcon>\n  )\n}\n"],"names":["StyledActionIcon","styled","ActionIcon","PaginationPreviousButton","props","goToPreviousPage","labels","previousAvailablePage","usePagination","React","Icon","ChevronLeft"],"mappings":"wQASA,MAAMA,EAAmBC,EAAOC,EAAY,CAC1C,KAAM,CAAC,OAAQ,qBAAqB,CACtC,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,iBAAAC,EAAkB,OAAAC,EAAQ,sBAAAC,CAAsB,EAAIC,IAI5D,OACEC,EAAA,cAACT,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,QAASK,EACT,SARe,CAACE,EASf,GAAGH,EACJ,OAAOE,GAAA,KAAAA,OAAAA,EAAQ,0BAA2B,eAAA,EAE1CG,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CAEJ"}
+{"version":3,"file":"PaginationPreviousButton.js","names":[],"sources":["../../../src/components/pagination/PaginationPreviousButton.tsx"],"sourcesContent":["import { ChevronLeft } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { usePagination } from './usePagination'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  base: ['mr-1', 'disabled:opacity-30']\n})\n\nexport const PaginationPreviousButton = (\n  props: Partial<React.ComponentProps<typeof StyledActionIcon>>\n) => {\n  const { goToPreviousPage, labels, previousAvailablePage } = usePagination()\n\n  const isDisabled = !previousAvailablePage\n\n  return (\n    <StyledActionIcon\n      hasTooltip={false}\n      size=\"md\"\n      theme=\"neutral\"\n      onClick={goToPreviousPage}\n      disabled={isDisabled}\n      {...props}\n      label={labels?.previousPageButtonLabel || 'Previous page'}\n    >\n      <Icon is={ChevronLeft} />\n    </StyledActionIcon>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAM,IAAmB,EAAO,GAAY,EAC1C,MAAM,CAAC,QAAQ,sBAAsB,EACtC,CAAC,EAEW,KACX,MACG;CACH,IAAM,EAAE,qBAAkB,WAAQ,6BAA0B,GAAe,EAErE,IAAa,CAAC;AAEpB,QACE,kBAAA,cAAC,GAAD;EACE,YAAY;EACZ,MAAK;EACL,OAAM;EACN,SAAS;EACT,UAAU;EACV,GAAI;EACJ,OAAO,GAAQ,2BAA2B;EAGzB,EADjB,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAe,CAAA,CACR"}

package/dist/components/pagination/pagination-context/PaginationContext.js

@@ -1,2 +1,55 @@
-import*as e from"react";import{VisibleElementsAmount as I}from"../pagination.constants.js";import{findPreviousAvailablePage as k,findNextAvailablePage as S,getPaginationElementsToRender as H}from"../pagination.helper.js";const m=e.createContext({goToPage:()=>null,goToPreviousPage:()=>null,goToNextPage:()=>null,currentPage:1,pagesCount:0,onItemHover:()=>null,paginationItems:[],labels:{},indicatedPages:[],disabledPages:[]}),N=({onSelectedPageChange:g,selectedPage:v,visibleElementsCount:C=I.LESS,pagesCount:l,indicatedPages:s=[],disabledPages:i=[],onItemHover:P=()=>null,labels:r={},children:p})=>{const[T,x]=e.useState(1),o=v||T,a=e.useCallback(c=>{x(c),g==null||g(c)},[g]),A=o-1,t=k(A,i),u=e.useCallback(()=>{t&&a(t)},[a,t]),f=o+1,n=S(f,i,l),d=e.useCallback(()=>{n&&a(n)},[a,n]),b=H(o,l,C),E=e.useMemo(()=>({goToNextPage:d,goToPreviousPage:u,goToPage:a,currentPage:o,paginationItems:b,indicatedPages:s,disabledPages:i,pagesCount:l,onItemHover:P,previousAvailablePage:t,nextAvailablePage:n,labels:r}),[d,u,a,o,s,b,i,l,P,t,n,r]);return e.createElement(m.Provider,{value:E},p)};export{m as PaginationContext,N as PaginationProvider};
-//# sourceMappingURL=PaginationContext.js.map
+import { VisibleElementsAmount as e } from "../pagination.constants.js";
+import { findNextAvailablePage as t, findPreviousAvailablePage as n, getPaginationElementsToRender as r } from "../pagination.helper.js";
+import * as i from "react";
+//#region src/components/pagination/pagination-context/PaginationContext.tsx
+var a = i.createContext({
+	goToPage: () => null,
+	goToPreviousPage: () => null,
+	goToNextPage: () => null,
+	currentPage: 1,
+	pagesCount: 0,
+	onItemHover: () => null,
+	paginationItems: [],
+	labels: {},
+	indicatedPages: [],
+	disabledPages: []
+}), o = ({ onSelectedPageChange: o, selectedPage: s, visibleElementsCount: c = e.LESS, pagesCount: l, indicatedPages: u = [], disabledPages: d = [], onItemHover: f = () => null, labels: p = {}, children: m }) => {
+	let [h, g] = i.useState(1), _ = s || h, v = i.useCallback((e) => {
+		g(e), o?.(e);
+	}, [o]), y = n(_ - 1, d), b = i.useCallback(() => {
+		y && v(y);
+	}, [v, y]), x = t(_ + 1, d, l), S = i.useCallback(() => {
+		x && v(x);
+	}, [v, x]), C = r(_, l, c), w = i.useMemo(() => ({
+		goToNextPage: S,
+		goToPreviousPage: b,
+		goToPage: v,
+		currentPage: _,
+		paginationItems: C,
+		indicatedPages: u,
+		disabledPages: d,
+		pagesCount: l,
+		onItemHover: f,
+		previousAvailablePage: y,
+		nextAvailablePage: x,
+		labels: p
+	}), [
+		S,
+		b,
+		v,
+		_,
+		u,
+		C,
+		d,
+		l,
+		f,
+		y,
+		x,
+		p
+	]);
+	return /* @__PURE__ */ i.createElement(a.Provider, { value: w }, m);
+};
+//#endregion
+export { a as PaginationContext, o as PaginationProvider };
+
+//# sourceMappingURL=PaginationContext.js.map

package/dist/components/pagination/pagination-context/PaginationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContext.js","sources":["../../../../src/components/pagination/pagination-context/PaginationContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { VisibleElementsAmount } from '../pagination.constants'\nimport {\n  findNextAvailablePage,\n  findPreviousAvailablePage,\n  getPaginationElementsToRender\n} from '../pagination.helper'\nimport type { PaginationContextValue, PaginationProviderProps } from '../types'\n\nexport const PaginationContext = React.createContext<PaginationContextValue>({\n  goToPage: () => null,\n  goToPreviousPage: () => null,\n  goToNextPage: () => null,\n  currentPage: 1,\n  pagesCount: 0,\n  onItemHover: () => null,\n  paginationItems: [],\n  labels: {},\n  indicatedPages: [],\n  disabledPages: []\n})\n\nexport const PaginationProvider = ({\n  onSelectedPageChange,\n  selectedPage,\n  visibleElementsCount = VisibleElementsAmount.LESS,\n  pagesCount,\n  indicatedPages = [],\n  disabledPages = [],\n  onItemHover = () => null,\n  labels = {},\n  children\n}: React.PropsWithChildren<PaginationProviderProps>) => {\n  const [internalCurrentPage, setInternalCurrentPage] = React.useState(1)\n\n  const currentPage = selectedPage || internalCurrentPage\n\n  const goToPage = React.useCallback(\n    (pageNumber: number) => {\n      setInternalCurrentPage(pageNumber)\n      onSelectedPageChange?.(pageNumber)\n    },\n    [onSelectedPageChange]\n  )\n\n  const previousPage = currentPage - 1\n  const previousAvailablePage = findPreviousAvailablePage(\n    previousPage,\n    disabledPages\n  )\n\n  const goToPreviousPage = React.useCallback(() => {\n    if (previousAvailablePage) goToPage(previousAvailablePage)\n  }, [goToPage, previousAvailablePage])\n\n  const nextPage = currentPage + 1\n  const nextAvailablePage = findNextAvailablePage(\n    nextPage,\n    disabledPages,\n    pagesCount\n  )\n  const goToNextPage = React.useCallback(() => {\n    if (nextAvailablePage) goToPage(nextAvailablePage)\n  }, [goToPage, nextAvailablePage])\n\n  const paginationItems = getPaginationElementsToRender(\n    currentPage,\n    pagesCount,\n    visibleElementsCount\n  )\n\n  const value = React.useMemo(() => {\n    return {\n      goToNextPage,\n      goToPreviousPage,\n      goToPage,\n      currentPage,\n      paginationItems,\n      indicatedPages,\n      disabledPages,\n      pagesCount,\n      onItemHover,\n      previousAvailablePage,\n      nextAvailablePage,\n      labels\n    }\n  }, [\n    goToNextPage,\n    goToPreviousPage,\n    goToPage,\n    currentPage,\n    indicatedPages,\n    paginationItems,\n    disabledPages,\n    pagesCount,\n    onItemHover,\n    previousAvailablePage,\n    nextAvailablePage,\n    labels\n  ])\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n"],"names":["PaginationContext","React","PaginationProvider","onSelectedPageChange","selectedPage","visibleElementsCount","VisibleElementsAmount","pagesCount","indicatedPages","disabledPages","onItemHover","labels","children","internalCurrentPage","setInternalCurrentPage","currentPage","goToPage","pageNumber","previousPage","previousAvailablePage","findPreviousAvailablePage","goToPreviousPage","nextPage","nextAvailablePage","findNextAvailablePage","goToNextPage","paginationItems","getPaginationElementsToRender","value"],"mappings":"6NAUa,MAAAA,EAAoBC,EAAM,cAAsC,CAC3E,SAAU,IAAM,KAChB,iBAAkB,IAAM,KACxB,aAAc,IAAM,KACpB,YAAa,EACb,WAAY,EACZ,YAAa,IAAM,KACnB,gBAAiB,CAAA,EACjB,OAAQ,CACR,EAAA,eAAgB,CAAA,EAChB,cAAe,EACjB,CAAC,EAEYC,EAAqB,CAAC,CACjC,qBAAAC,EACA,aAAAC,EACA,qBAAAC,EAAuBC,EAAsB,KAC7C,WAAAC,EACA,eAAAC,EAAiB,CAAA,EACjB,cAAAC,EAAgB,GAChB,YAAAC,EAAc,IAAM,KACpB,OAAAC,EAAS,CAAA,EACT,SAAAC,CACF,IAAwD,CACtD,KAAM,CAACC,EAAqBC,CAAsB,EAAIb,EAAM,SAAS,CAAC,EAEhEc,EAAcX,GAAgBS,EAE9BG,EAAWf,EAAM,YACpBgB,GAAuB,CACtBH,EAAuBG,CAAU,EACjCd,GAAA,MAAAA,EAAuBc,CACzB,CAAA,EACA,CAACd,CAAoB,CACvB,EAEMe,EAAeH,EAAc,EAC7BI,EAAwBC,EAC5BF,EACAT,CACF,EAEMY,EAAmBpB,EAAM,YAAY,IAAM,CAC3CkB,GAAuBH,EAASG,CAAqB,CAC3D,EAAG,CAACH,EAAUG,CAAqB,CAAC,EAE9BG,EAAWP,EAAc,EACzBQ,EAAoBC,EACxBF,EACAb,EACAF,CACF,EACMkB,EAAexB,EAAM,YAAY,IAAM,CACvCsB,GAAmBP,EAASO,CAAiB,CACnD,EAAG,CAACP,EAAUO,CAAiB,CAAC,EAE1BG,EAAkBC,EACtBZ,EACAR,EACAF,CACF,EAEMuB,EAAQ3B,EAAM,QAAQ,KACnB,CACL,aAAAwB,EACA,iBAAAJ,EACA,SAAAL,EACA,YAAAD,EACA,gBAAAW,EACA,eAAAlB,EACA,cAAAC,EACA,WAAAF,EACA,YAAAG,EACA,sBAAAS,EACA,kBAAAI,EACA,OAAAZ,CACF,GACC,CACDc,EACAJ,EACAL,EACAD,EACAP,EACAkB,EACAjB,EACAF,EACAG,EACAS,EACAI,EACAZ,CACF,CAAC,EAED,OACEV,EAAA,cAACD,EAAkB,SAAlB,CAA2B,MAAO4B,CAChChB,EAAAA,CACH,CAEJ"}
+{"version":3,"file":"PaginationContext.js","names":[],"sources":["../../../../src/components/pagination/pagination-context/PaginationContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { VisibleElementsAmount } from '../pagination.constants'\nimport {\n  findNextAvailablePage,\n  findPreviousAvailablePage,\n  getPaginationElementsToRender\n} from '../pagination.helper'\nimport type { PaginationContextValue, PaginationProviderProps } from '../types'\n\nexport const PaginationContext = React.createContext<PaginationContextValue>({\n  goToPage: () => null,\n  goToPreviousPage: () => null,\n  goToNextPage: () => null,\n  currentPage: 1,\n  pagesCount: 0,\n  onItemHover: () => null,\n  paginationItems: [],\n  labels: {},\n  indicatedPages: [],\n  disabledPages: []\n})\n\nexport const PaginationProvider = ({\n  onSelectedPageChange,\n  selectedPage,\n  visibleElementsCount = VisibleElementsAmount.LESS,\n  pagesCount,\n  indicatedPages = [],\n  disabledPages = [],\n  onItemHover = () => null,\n  labels = {},\n  children\n}: React.PropsWithChildren<PaginationProviderProps>) => {\n  const [internalCurrentPage, setInternalCurrentPage] = React.useState(1)\n\n  const currentPage = selectedPage || internalCurrentPage\n\n  const goToPage = React.useCallback(\n    (pageNumber: number) => {\n      setInternalCurrentPage(pageNumber)\n      onSelectedPageChange?.(pageNumber)\n    },\n    [onSelectedPageChange]\n  )\n\n  const previousPage = currentPage - 1\n  const previousAvailablePage = findPreviousAvailablePage(\n    previousPage,\n    disabledPages\n  )\n\n  const goToPreviousPage = React.useCallback(() => {\n    if (previousAvailablePage) goToPage(previousAvailablePage)\n  }, [goToPage, previousAvailablePage])\n\n  const nextPage = currentPage + 1\n  const nextAvailablePage = findNextAvailablePage(\n    nextPage,\n    disabledPages,\n    pagesCount\n  )\n  const goToNextPage = React.useCallback(() => {\n    if (nextAvailablePage) goToPage(nextAvailablePage)\n  }, [goToPage, nextAvailablePage])\n\n  const paginationItems = getPaginationElementsToRender(\n    currentPage,\n    pagesCount,\n    visibleElementsCount\n  )\n\n  const value = React.useMemo(() => {\n    return {\n      goToNextPage,\n      goToPreviousPage,\n      goToPage,\n      currentPage,\n      paginationItems,\n      indicatedPages,\n      disabledPages,\n      pagesCount,\n      onItemHover,\n      previousAvailablePage,\n      nextAvailablePage,\n      labels\n    }\n  }, [\n    goToNextPage,\n    goToPreviousPage,\n    goToPage,\n    currentPage,\n    indicatedPages,\n    paginationItems,\n    disabledPages,\n    pagesCount,\n    onItemHover,\n    previousAvailablePage,\n    nextAvailablePage,\n    labels\n  ])\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAoB,EAAM,cAAsC;CAC3E,gBAAgB;CAChB,wBAAwB;CACxB,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB,EAAE;CACnB,QAAQ,EAAE;CACV,gBAAgB,EAAE;CAClB,eAAe,EAAE;CAClB,CAAC,EAEW,KAAsB,EACjC,yBACA,iBACA,0BAAuB,EAAsB,MAC7C,eACA,oBAAiB,EAAE,EACnB,mBAAgB,EAAE,EAClB,uBAAoB,MACpB,YAAS,EAAE,EACX,kBACsD;CACtD,IAAM,CAAC,GAAqB,KAA0B,EAAM,SAAS,EAAE,EAEjE,IAAc,KAAgB,GAE9B,IAAW,EAAM,aACpB,MAAuB;AAEtB,EADA,EAAuB,EAAW,EAClC,IAAuB,EAAW;IAEpC,CAAC,EAAqB,CACvB,EAGK,IAAwB,EADT,IAAc,GAGjC,EACD,EAEK,IAAmB,EAAM,kBAAkB;AAC/C,EAAI,KAAuB,EAAS,EAAsB;IACzD,CAAC,GAAU,EAAsB,CAAC,EAG/B,IAAoB,EADT,IAAc,GAG7B,GACA,EACD,EACK,IAAe,EAAM,kBAAkB;AAC3C,EAAI,KAAmB,EAAS,EAAkB;IACjD,CAAC,GAAU,EAAkB,CAAC,EAE3B,IAAkB,EACtB,GACA,GACA,EACD,EAEK,IAAQ,EAAM,eACX;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,kBAAA,cAAC,EAAkB,UAAnB,EAAmC,UAEN,EAD1B,EAC0B"}