softable-pixels-web 1.2.19 → 1.2.21

package/dist/pagination.js

@@ -1,9 +1,9 @@
 import "./useThemedStyles-CUbWXrNN.js";
 import "./Icon-DTFfAYeH.js";
 import "./Typography-4iQDPw2N.js";
-import "./Loader-I09c5F6g.js";
-import "./Button-BPzDonEf.js";
-import "./IconButton-BZwW87Wk.js";
-import { t as Pagination } from "./Pagination-BWNhdXyr.js";
+import "./IconButton-YJZyDEN9.js";
+import { t as Pagination } from "./Pagination-xaORAUQv.js";
+import "./Loader-1l1G52jQ.js";
+import "./Button-BDIvDFeK.js";
 
 export { Pagination };

package/dist/select.d.ts

@@ -1,3 +1,3 @@
-import { n as types_d_exports, t as Select } from "./index-DxxZyWpv.js";
+import { n as types_d_exports, t as Select } from "./index-pBIduDqF.js";
 import "./types-OJFbnHKr.js";
 export { Select, types_d_exports as SelectTypes };

package/dist/select.js

@@ -7,7 +7,7 @@ import "./Typography-4iQDPw2N.js";
 import "./BasePopover-T1mEexwp.js";
 import "./Label-CaQSxOx8.js";
 import "./ErrorMessage-C_XOzH00.js";
-import "./Loader-I09c5F6g.js";
-import { n as types_exports, t as Select } from "./Select-RG9mDJW6.js";
+import "./Loader-1l1G52jQ.js";
+import { n as types_exports, t as Select } from "./Select-S6mWQinR.js";
 
 export { Select, types_exports as SelectTypes };

package/dist/text-area.d.ts

@@ -1,2 +1,2 @@
-import { t as TextArea } from "./index-DfvWcRHm.js";
+import { t as TextArea } from "./index-DqN6VEAU.js";
 export { TextArea };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "softable-pixels-web",
-  "version": "1.2.19",
+  "version": "1.2.21",
   "description": "",
   "keywords": [],
   "author": "softable",

package/dist/Button-BPzDonEf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BPzDonEf.js","names":["ButtonLoader: React.FC<Props>","Button: React.FC<ButtonProps>"],"sources":["../src/components/commons/buttons/Button/components/ButtonLoader/styles.ts","../src/components/commons/buttons/Button/components/ButtonLoader/index.tsx","../src/components/commons/buttons/Button/styles.ts","../src/components/commons/buttons/Button/index.tsx"],"sourcesContent":["// Types\nimport { styled, type StyleMap } from '@hooks/useThemedStyles/types'\n\nexport function createButtonLoaderStyles(): StyleMap {\n  return styled({\n    container: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      borderRadius: 'var(--px-border-radius-button)',\n      backgroundColor: 'inherit'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\nimport { motion } from 'framer-motion'\n\n// Components\nimport { Loader } from '@components/commons/toolkit/Loader'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createButtonLoaderStyles } from './styles'\n\ntype Props = {\n  color: string\n}\n\nexport const ButtonLoader: React.FC<Props> = ({ color }) => {\n  // Hooks\n  const { styles } = useThemedStyles({}, createButtonLoaderStyles, {})\n\n  return (\n    <motion.div\n      style={styles.container}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n    >\n      <Loader color={color} />\n    </motion.div>\n  )\n}\n","// Types\nimport { styled } from '@hooks/useThemedStyles/types'\nimport type { ButtonProps, ButtonSize, ButtonVariant } from './types'\n\nexport function createButtonStyles({\n  size,\n  color,\n  variant,\n  fullWidth,\n  textAlign,\n  outlineColor\n}: ButtonProps) {\n  const finalVariant = variant ?? 'filled'\n\n  return styled({\n    container: {\n      minHeight: getSize(size ?? 'md'),\n      width: fullWidth ? '100%' : 'fit-content',\n\n      position: 'relative',\n      display: 'flex',\n      justifyContent: textAlign || 'center',\n\n      padding: '0.625rem var(--px-space-xl)',\n      gap: 'var(--px-space-sm)',\n\n      borderRadius: 'var(--px-radius-lg)',\n\n      cursor: 'pointer',\n      overflow: 'hidden',\n\n      transition: 'background-color 0.5s',\n\n      border: getBorder(finalVariant, outlineColor || color),\n      backgroundColor: getBackgroundColor(finalVariant, color),\n      boxShadow: variant === 'outlined' ? 'var(--px-shadow-xs)' : 'none',\n\n      __rules: {\n        '&:hover': {\n          opacity: '0.85 !important'\n        },\n\n        '&:disabled': {\n          opacity: '0.5 !important',\n          cursor: 'not-allowed !important'\n        },\n\n        '&:focus': {\n          outlineOffset: '2px',\n          outline: '2px solid var(--px-color-primary) !important'\n        }\n      }\n    },\n\n    content: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n\n      padding: '0',\n      borderRadius: 'inherit',\n\n      whiteSpace: 'nowrap',\n      columnGap: 'var(--px-space-sm)',\n\n      backgroundColor: 'inherit'\n    }\n  })\n}\n\nfunction getSize(size: ButtonSize | string): string {\n  switch (size) {\n    case 'lg':\n      return '3.25rem'\n    case 'md':\n      return '2.75rem'\n    case 'sm':\n      return '2.25rem'\n    case 'xs':\n      return '1.75rem'\n    default:\n      return size\n  }\n}\n\nfunction getBackgroundColor(variant: ButtonVariant, color?: string): string {\n  if (color) return color\n\n  if (variant === 'filled') return 'var(--px-btn-filled-bg)'\n\n  if (variant === 'outlined') return 'transparent'\n\n  if (variant === 'ghost') return 'transparent'\n\n  return 'var(--px-btn-filled-bg)'\n}\n\nfunction getBorder(variant: ButtonVariant, color?: string): string {\n  if (color) return `1px solid ${color}`\n\n  if (variant === 'filled') return '1px solid var(--px-btn-filled-bg)'\n\n  if (variant === 'outlined') return '1px solid var(--px-border-primary)'\n\n  if (variant === 'ghost') return 'none'\n\n  return '1px solid var(--px-color-primary)'\n}\n\nexport function getTextColor({ variant, labelColor }: ButtonProps): string {\n  if (labelColor) return labelColor\n\n  if (variant === 'filled') return 'var(--px-btn-filled-label)'\n\n  if (variant === 'outlined') return 'var(--px-btn-outlined-label)'\n\n  if (variant === 'ghost') return '--px-btn-ghost-label'\n\n  return 'var(--px-btn-filled-label)'\n}\n","// External Libraries\nimport type React from 'react'\nimport type { MouseEvent } from 'react'\nimport { AnimatePresence } from 'framer-motion'\n\n// Components\nimport { ButtonLoader } from './components/ButtonLoader'\nimport { Typography } from '@components/commons/toolkit/Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { ButtonProps } from './types'\n\n// Styles\nimport { createButtonStyles, getTextColor } from './styles'\n\nexport const Button: React.FC<ButtonProps> = ({\n  type = 'button',\n  variant = 'filled',\n  ...rest\n}) => {\n  // Constants\n  const disabled = rest.disabled || rest.loading\n  const resolvedProps = { type, variant, disabled, ...rest }\n  const textColor = getTextColor(resolvedProps)\n  const { label, endIcon, startIcon, loading } = resolvedProps\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(\n    resolvedProps,\n    createButtonStyles,\n    {\n      override: rest.styles,\n      applyCommonProps: true,\n      commonSlot: 'container',\n      pick: p => [p.disabled, p.loading, p.variant, p.label, p.color]\n    }\n  )\n\n  // Functions\n  function handleButtonClick(event: MouseEvent<HTMLButtonElement>) {\n    if (disabled) return\n\n    if (rest.onClick) rest.onClick(event)\n  }\n\n  return (\n    <button\n      type={type}\n      form={rest.form}\n      disabled={disabled}\n      aria-busy={rest.loading}\n      style={styles.container}\n      className={classes.container}\n      onClick={handleButtonClick}\n    >\n      <div style={styles.content}>\n        {startIcon ?? null}\n\n        <Typography\n          color={textColor}\n          fontSize={resolvedProps.fontSize}\n          variant={rest.labelVariant || 'b1'}\n        >\n          {label}\n        </Typography>\n\n        {endIcon ?? null}\n\n        {loading ? (\n          <AnimatePresence>\n            <ButtonLoader color={textColor} />\n          </AnimatePresence>\n        ) : null}\n      </div>\n    </button>\n  )\n}\n"],"mappings":"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"}

package/dist/ColorPicker-DRm-i16g.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker-DRm-i16g.js","names":["ColorButton: React.FC<ColorButtonProps>","ColorsLoader: React.FC<Props>","ColorPicker: React.FC<ColorPickerProps>"],"sources":["../src/components/commons/inputs/ColorPicker/components/ColorButton/styles.ts","../src/components/commons/inputs/ColorPicker/components/ColorButton/index.tsx","../src/components/commons/inputs/ColorPicker/components/ColorsLoader/index.tsx","../src/components/commons/inputs/ColorPicker/styles.ts","../src/components/commons/inputs/ColorPicker/types.ts","../src/components/commons/inputs/ColorPicker/index.tsx"],"sourcesContent":["import { styled } from '@hooks/useThemedStyles/types'\n\ninterface Params {\n  size?: string\n  color: string\n  isSelected: boolean\n  borderRadius?: string\n}\n\nexport const DEFAULT_BUTTON_SIZE = '2.25rem'\n\nexport function createColorButtonStyles(props: Params) {\n  const resolvedSize = props.size || DEFAULT_BUTTON_SIZE\n\n  return styled({\n    container: {\n      width: resolvedSize,\n      height: resolvedSize,\n\n      cursor: 'pointer',\n      position: 'relative',\n\n      borderWidth: 1,\n      borderRadius: props.borderRadius || resolvedSize,\n\n      backgroundColor: props.color,\n      borderColor: 'var(--px-border-primary)',\n\n      outlineOffset: '2px',\n      outline: props.isSelected ? '2px solid var(--px-color-primary)' : 'none',\n\n      __rules: {\n        '&:hover': {\n          opacity: '0.85 !important'\n        },\n\n        '&:focus': {\n          outlineOffset: '2px',\n          outline: '2px solid var(--px-color-primary) !important'\n        },\n\n        '&:disabled': {\n          opacity: '0.5 !important',\n          cursor: 'not-allowed !important'\n        }\n      }\n    }\n  })\n}\n","// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { ColorButtonProps } from './types'\n\n// Styles\nimport { createColorButtonStyles } from './styles'\n\nexport const ColorButton: React.FC<ColorButtonProps> = ({\n  color,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  // Hooks\n  const { styles, classes } = useThemedStyles(\n    { ...rest, color },\n    createColorButtonStyles\n  )\n\n  // Functions\n  function handleClick() {\n    if (disabled) return\n    onClick(color)\n  }\n\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      style={styles.container}\n      className={classes.container}\n      onClick={handleClick}\n    />\n  )\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Skeleton } from '@components/commons/structure/Skeleton'\n\n// Constants\nimport { DEFAULT_BUTTON_SIZE } from '../ColorButton/styles'\n\ninterface Props {\n  size?: string\n  borderRadius?: string\n}\n\nexport const ColorsLoader: React.FC<Props> = ({ size, borderRadius }) => {\n  // Constants\n  const resolvedSize = size || DEFAULT_BUTTON_SIZE\n  const resolvedRadius = borderRadius || DEFAULT_BUTTON_SIZE\n\n  // Functions\n  function renderContent() {\n    return Array.from({ length: 5 }).map((_, idx) => (\n      <Skeleton\n        key={idx.toString()}\n        width={resolvedSize}\n        height={resolvedSize}\n        borderRadius={resolvedRadius}\n      />\n    ))\n  }\n\n  return <>{renderContent()}</>\n}\n","// Hooks\nimport { styled } from '@hooks/useThemedStyles/types'\n\n// Types\nimport type { ColorPickerProps } from './types'\nimport { DEFAULT_BUTTON_SIZE } from './components/ColorButton/styles'\n\nexport function createColorPickerStyles(props: ColorPickerProps) {\n  const isCustomColor = !props.options.includes(props.value)\n\n  return styled({\n    container: {\n      width: '100%',\n\n      display: 'flex',\n      flexDirection: 'column',\n\n      rowGap: '0.375rem'\n    },\n    content: {\n      width: '100%',\n\n      display: 'flex',\n      alignItems: 'center',\n      flexWrap: 'wrap',\n\n      gap: '0.625rem'\n    },\n    inputWrapper: {\n      width: props.size || DEFAULT_BUTTON_SIZE,\n      height: props.size || DEFAULT_BUTTON_SIZE,\n\n      cursor: 'pointer',\n      overflow: 'hidden',\n      position: 'relative',\n\n      borderWidth: 1,\n      borderColor: 'var(--px-border-primary)',\n      borderRadius: props.borderRadius || DEFAULT_BUTTON_SIZE,\n\n      outlineOffset: '2px',\n      outline:\n        isCustomColor && props.value\n          ? `2px solid var(--px-color-primary)`\n          : 'none',\n\n      background:\n        isCustomColor && props.value\n          ? props.value\n          : 'linear-gradient(90deg, #ff6b6b 0%, #ffd93d 16.66%, #6bff95 33.33%, #6be7ff 50%, #6b83ff 66.66%, #d36bff 83.33%, #ff6bb5 100%)',\n\n      __rules: {\n        '&:focus-within': {\n          outlineOffset: '2px',\n          outline: `2px solid var(--px-color-primary) !important`\n        }\n      }\n    },\n\n    nativeInput: {\n      width: '100%',\n      height: '100%',\n\n      position: 'absolute',\n      inset: 0,\n\n      opacity: 0,\n      border: 'none',\n      cursor: 'pointer'\n    }\n  })\n}\n","import type {\n  TextProps,\n  LayoutProps,\n  MarginProps,\n  TypeStyles\n} from '@hooks/useThemedStyles/types'\nimport type { createColorPickerStyles } from './styles'\n\nexport interface ColorPickerProps extends LayoutProps, MarginProps {\n  id?: string\n\n  label: string\n  value: string\n  options: string[]\n\n  size?: string\n  required?: boolean\n  disabled?: boolean\n  hideLabel?: boolean\n  errorMessage?: string\n  canPickCustom?: boolean\n  isLoading?: boolean\n\n  borderRadius?: string\n  requiredColor?: string\n  labelConfig?: TextProps\n  styles?: TypeStyles<typeof createColorPickerStyles>\n\n  onChange: (value: string) => void\n}\n","// External Libraries\nimport { useId, useMemo } from 'react'\n\n// Components\nimport { ColorButton } from './components/ColorButton'\nimport { ColorsLoader } from './components/ColorsLoader'\nimport { Label } from '@components/commons/toolkit/Label'\nimport { ErrorMessage } from '@components/commons/toolkit/ErrorMessage'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { ColorPickerProps } from './types'\n\n// Styles\nimport { createColorPickerStyles } from './styles'\n\nexport * as ColorPickerTypes from './types'\n\nexport const ColorPicker: React.FC<ColorPickerProps> = props => {\n  // Constants\n  const reactId = useId()\n  const inputId = useMemo(() => {\n    return props.id || `color-picker-${reactId}`\n  }, [props.id, reactId])\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(props, createColorPickerStyles, {\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'container'\n  })\n\n  // Functions\n  function handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {\n    props.onChange(e.target.value)\n  }\n\n  function renderColors() {\n    if (props.isLoading) {\n      return (\n        <ColorsLoader size={props.size} borderRadius={props.borderRadius} />\n      )\n    }\n\n    return props.options.map(option => (\n      <ColorButton\n        key={option}\n        color={option}\n        size={props.size}\n        disabled={props.disabled}\n        borderRadius={props.borderRadius}\n        isSelected={props.value === option}\n        onClick={props.onChange}\n      />\n    ))\n  }\n\n  return (\n    <div style={styles.container}>\n      {!props.hideLabel ? (\n        <Label\n          htmlFor={inputId}\n          label={props.label}\n          required={props.required}\n          requiredColor={props.requiredColor}\n          {...props.labelConfig}\n        />\n      ) : null}\n\n      <div id={inputId} style={styles.content}>\n        {renderColors()}\n\n        {props.canPickCustom ? (\n          <div style={styles.inputWrapper} className={classes.inputWrapper}>\n            <input\n              type=\"color\"\n              value={props.value}\n              style={styles.nativeInput}\n              aria-label=\"Pick a custom color\"\n              onChange={handleInputChange}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {props.errorMessage ? (\n        <ErrorMessage message={props.errorMessage} />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/IconButton-BZwW87Wk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton-BZwW87Wk.js","names":["IconButton: React.FC<IconButtonProps>"],"sources":["../src/components/commons/buttons/IconButton/styles.ts","../src/components/commons/buttons/IconButton/index.tsx"],"sourcesContent":["// Types\nimport type {\n  IconButtonSize,\n  IconButtonProps,\n  IconButtonVariant\n} from './types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createIconButtonStyles(props: IconButtonProps) {\n  const {\n    variant = 'outlined',\n    size = 'md',\n    borderColor,\n    backgroundColor,\n    rounded = 'var(--px-radius-lg)'\n  } = props\n\n  return styled({\n    button: {\n      ...getSize(size),\n\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      cursor: 'pointer',\n      userSelect: 'none',\n\n      borderRadius: rounded,\n      border: getBorder(variant, borderColor),\n      backgroundColor: getBackgroundColor(variant, backgroundColor),\n      boxShadow: 'var(--px-shadow-xs)',\n\n      __rules: {\n        '&:hover': {\n          opacity: '0.85 !important'\n        },\n\n        '&:disabled': {\n          opacity: '0.5',\n          cursor: 'not-allowed'\n        },\n\n        '&:focus': {\n          outlineOffset: '2px',\n          outline: '2px solid var(--px-color-primary) !important'\n        }\n      }\n    }\n  })\n}\n\nfunction getSize(size: IconButtonSize) {\n  switch (size) {\n    case 'lg':\n      return { minHeight: '3.25rem', minWidth: '3.25rem' }\n    case 'md':\n      return { minHeight: '2.75rem', minWidth: '2.75rem' }\n    case 'sm':\n      return { minHeight: '2.25rem', minWidth: '2.25rem' }\n    case 'xs':\n      return { minHeight: '1.75rem', minWidth: '1.75rem' }\n    default:\n      return { minHeight: size, minWidth: size }\n  }\n}\n\nfunction getBackgroundColor(\n  variant?: IconButtonVariant,\n  color?: string\n): string {\n  if (color) return color\n\n  if (variant === 'filled') return 'var(--px-btn-filled-bg)'\n\n  if (variant === 'outlined') return 'transparent'\n\n  if (variant === 'ghost') return 'transparent'\n\n  return 'var(--px-btn-outlined-bg)'\n}\n\nfunction getBorder(variant?: IconButtonVariant, color?: string): string {\n  if (color) return `1px solid ${color}`\n\n  if (variant === 'filled') return '1px solid var(--px-btn-filled-bg)'\n\n  if (variant === 'outlined') return '1px solid var(--px-border-primary)'\n\n  if (variant === 'ghost') return 'none'\n\n  return '1px solid var(--px-color-primary)'\n}\n","// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Types\nimport type { IconButtonProps } from './types'\n\n// Styles\nimport { createIconButtonStyles } from './styles'\n\nexport const IconButton: React.FC<IconButtonProps> = props => {\n  // Constants\n  const disabled = props.isDisabled || props.isLoading\n\n  // Hooks\n  const { styles, classes } = useThemedStyles(props, createIconButtonStyles, {\n    pick: p => [p.size, p.variant, p.borderColor, p.backgroundColor],\n    override: props.styles,\n    applyCommonProps: true,\n    commonSlot: 'button'\n  })\n\n  return (\n    <button\n      disabled={disabled}\n      aria-busy={props.isLoading}\n      type=\"button\"\n      className={classes.button}\n      style={styles.button}\n      onClick={props.onClick}\n    >\n      {props.icon}\n    </button>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,uBAAuB,OAAwB;CAC7D,MAAM,EACJ,UAAU,YACV,OAAO,MACP,aACA,iBACA,UAAU,0BACR;AAEJ,QAAO,OAAO,EACZ,QAAQ;EACN,GAAG,QAAQ,KAAK;EAEhB,SAAS;EACT,YAAY;EACZ,gBAAgB;EAEhB,QAAQ;EACR,YAAY;EAEZ,cAAc;EACd,QAAQ,UAAU,SAAS,YAAY;EACvC,iBAAiB,mBAAmB,SAAS,gBAAgB;EAC7D,WAAW;EAEX,SAAS;GACP,WAAW,EACT,SAAS,mBACV;GAED,cAAc;IACZ,SAAS;IACT,QAAQ;IACT;GAED,WAAW;IACT,eAAe;IACf,SAAS;IACV;GACF;EACF,EACF,CAAC;;AAGJ,SAAS,QAAQ,MAAsB;AACrC,SAAQ,MAAR;EACE,KAAK,KACH,QAAO;GAAE,WAAW;GAAW,UAAU;GAAW;EACtD,KAAK,KACH,QAAO;GAAE,WAAW;GAAW,UAAU;GAAW;EACtD,KAAK,KACH,QAAO;GAAE,WAAW;GAAW,UAAU;GAAW;EACtD,KAAK,KACH,QAAO;GAAE,WAAW;GAAW,UAAU;GAAW;EACtD,QACE,QAAO;GAAE,WAAW;GAAM,UAAU;GAAM;;;AAIhD,SAAS,mBACP,SACA,OACQ;AACR,KAAI,MAAO,QAAO;AAElB,KAAI,YAAY,SAAU,QAAO;AAEjC,KAAI,YAAY,WAAY,QAAO;AAEnC,KAAI,YAAY,QAAS,QAAO;AAEhC,QAAO;;AAGT,SAAS,UAAU,SAA6B,OAAwB;AACtE,KAAI,MAAO,QAAO,aAAa;AAE/B,KAAI,YAAY,SAAU,QAAO;AAEjC,KAAI,YAAY,WAAY,QAAO;AAEnC,KAAI,YAAY,QAAS,QAAO;AAEhC,QAAO;;;;;AClFT,MAAaA,cAAwC,UAAS;CAE5D,MAAM,WAAW,MAAM,cAAc,MAAM;CAG3C,MAAM,EAAE,QAAQ,YAAY,gBAAgB,OAAO,wBAAwB;EACzE,OAAM,MAAK;GAAC,EAAE;GAAM,EAAE;GAAS,EAAE;GAAa,EAAE;GAAgB;EAChE,UAAU,MAAM;EAChB,kBAAkB;EAClB,YAAY;EACb,CAAC;AAEF,QACE,oBAAC;EACW;EACV,aAAW,MAAM;EACjB,MAAK;EACL,WAAW,QAAQ;EACnB,OAAO,OAAO;EACd,SAAS,MAAM;YAEd,MAAM;GACA"}

package/dist/Pagination-BWNhdXyr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination-BWNhdXyr.js","names":["ArrowButtons: React.FC<ArrowButtonProps>","Pagination: React.FC<PaginationProps>"],"sources":["../src/components/commons/toolkit/Pagination/components/ArrowButtons/hooks/usePagination/index.ts","../src/components/commons/toolkit/Pagination/styles.ts","../src/components/commons/toolkit/Pagination/components/ArrowButtons/index.tsx","../src/components/commons/toolkit/Pagination/utils/getVisiblePages/index.ts","../src/components/commons/toolkit/Pagination/index.tsx"],"sourcesContent":["import type { PaginationInfoProps } from './types'\n\nexport function usePagination({\n  pageNumber,\n  totalPages,\n  onPageChange\n}: PaginationInfoProps) {\n  // Functions\n  function handleFirstPage() {\n    if (pageNumber > 1) return onPageChange(1)\n  }\n\n  function handlePreviousPage() {\n    if (pageNumber > 1) return onPageChange(pageNumber - 1)\n  }\n\n  function handleNextPage() {\n    if (pageNumber < totalPages) return onPageChange(pageNumber + 1)\n  }\n\n  function handleLastPage() {\n    if (pageNumber < totalPages) return onPageChange(totalPages)\n  }\n\n  return {\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage\n  }\n}\n","// Types\nimport type { PaginationProps } from './types'\nimport type { StyleMap } from '@hooks/useThemedStyles/types'\nimport { styled } from '@hooks/useThemedStyles/types'\n\nexport function createPaginationStyles(_props: PaginationProps): StyleMap {\n  return styled({\n    container: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginTop: '1.5rem',\n      gap: '0.5rem'\n    },\n\n    arrowButtons: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: '0.5rem'\n    }\n  })\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { IconButton } from '@components/commons/buttons/IconButton'\nimport { Icon } from '@components/commons/toolkit/Icon'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\nimport { usePagination } from './hooks/usePagination'\n\n// Types\nimport type { ArrowButtonProps } from './types'\n\n// Styles\nimport { createPaginationStyles } from '../../styles'\n\nexport const ArrowButtons: React.FC<ArrowButtonProps> = props => {\n  const {\n    pageNumber,\n    totalPages,\n    direction,\n    isLastPage,\n    onPageChange,\n    stylesIconButton\n  } = props\n\n  // Constants\n  const isFirstPage = pageNumber === 1\n\n  // Hooks\n  const {\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage\n  } = usePagination({ pageNumber, totalPages, onPageChange })\n\n  const { styles } = useThemedStyles(props, createPaginationStyles, {\n    applyCommonProps: true,\n    override: props.styles\n  })\n\n  // Functions\n  function renderPreviousButtons() {\n    if (totalPages <= 3) return\n\n    return (\n      <div style={styles.arrowButtons}>\n        <IconButton\n          variant={'outlined'}\n          icon={<Icon name={'chevrons-double-left'} />}\n          styles={stylesIconButton}\n          isDisabled={isFirstPage}\n          onClick={handleFirstPage}\n        />\n        <IconButton\n          variant={'outlined'}\n          icon={<Icon name={'chevrons-left'} />}\n          styles={stylesIconButton}\n          isDisabled={isFirstPage}\n          onClick={handlePreviousPage}\n        />\n      </div>\n    )\n  }\n\n  function renderNextButtons() {\n    if (totalPages <= 3) return\n\n    return (\n      <div style={styles.arrowButtons}>\n        <IconButton\n          variant={'outlined'}\n          icon={<Icon name={'chevrons-double-right'} />}\n          styles={stylesIconButton}\n          isDisabled={isLastPage}\n          onClick={handleLastPage}\n        />\n        <IconButton\n          variant={'outlined'}\n          icon={<Icon name={'chevrons-right'} />}\n          styles={stylesIconButton}\n          isDisabled={isLastPage}\n          onClick={handleNextPage}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      {direction === 'left' ? renderPreviousButtons() : renderNextButtons()}\n    </div>\n  )\n}\n","interface Props {\n  pageNumber: number\n  totalPages: number\n}\n\nexport function getVisiblePages({\n  pageNumber,\n  totalPages\n}: Props): (number | string)[] {\n  if (totalPages <= 4) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1)\n  }\n\n  if (pageNumber <= 3) {\n    return [1, 2, 3, '...', totalPages]\n  }\n\n  if (pageNumber >= totalPages - 2) {\n    return [totalPages - 3, totalPages - 2, totalPages - 1, totalPages]\n  }\n\n  return [pageNumber - 1, pageNumber, pageNumber + 1, '...', totalPages]\n}\n","// External Libraries\nimport type React from 'react'\n\n// Components\nimport { Button } from '@components/commons/buttons/Button'\nimport { ArrowButtons } from './components/ArrowButtons'\nimport { Typography } from '../Typography'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Utils\nimport { getVisiblePages } from './utils/getVisiblePages'\n\n// Types\nimport type { PaginationProps } from './types'\n\n// Styles\nimport { createPaginationStyles } from './styles'\n\nexport const Pagination: React.FC<PaginationProps> = props => {\n  const {\n    pageNumber,\n    totalPages,\n    isLastPage,\n    onPageChange,\n    stylesButton,\n    stylesIconButton\n  } = props\n\n  // Hooks\n  const { styles } = useThemedStyles(props, createPaginationStyles, {\n    applyCommonProps: true,\n    override: props.styles\n  })\n\n  // Functions\n  function renderPagination() {\n    const pages = getVisiblePages({ pageNumber, totalPages })\n\n    return (\n      <div className=\"flex gap-2 justify-center mb-4\">\n        {pages.map((page, index) =>\n          page === '...' ? (\n            <Typography\n              key={`ellipsis-${index.toString()}`}\n              variant=\"b1\"\n              color={'var(--px-btn-outlined-label)'}\n              styles={{\n                text: {\n                  paddingTop: '0.5rem'\n                }\n              }}\n            >\n              ...\n            </Typography>\n          ) : (\n            <Button\n              key={`${page}-${index.toString()}`}\n              label={String(page)}\n              variant={page === pageNumber ? 'filled' : 'outlined'}\n              onClick={() => onPageChange(page as number)}\n              px={1}\n              py={0.5}\n              styles={stylesButton}\n            />\n          )\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div style={styles.container}>\n      <ArrowButtons\n        direction={'left'}\n        pageNumber={pageNumber}\n        totalPages={totalPages}\n        isLastPage={isLastPage}\n        stylesIconButton={stylesIconButton}\n        onPageChange={onPageChange}\n      />\n\n      {renderPagination()}\n\n      <ArrowButtons\n        direction={'right'}\n        pageNumber={pageNumber}\n        totalPages={totalPages}\n        isLastPage={isLastPage}\n        stylesIconButton={stylesIconButton}\n        onPageChange={onPageChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/index-BWoyVnHt.d.ts

@@ -1,24 +0,0 @@
-import { n as StyleMap, r as TypeStyles } from "./useThemedStyles-v_B4AMSW.js";
-import { n as createButtonStyles } from "./types-CKTC5ZCk.js";
-import { n as createIconButtonStyles } from "./types-3y-Tdp7y.js";
-import React from "react";
-
-//#region src/components/commons/toolkit/Pagination/styles.d.ts
-declare function createPaginationStyles(_props: PaginationProps): StyleMap;
-//#endregion
-//#region src/components/commons/toolkit/Pagination/types.d.ts
-interface PaginationProps {
-  pageNumber: number;
-  totalPages: number;
-  isLastPage: boolean;
-  onPageChange: (page: number) => void;
-  styles?: TypeStyles<typeof createPaginationStyles>;
-  stylesButton?: TypeStyles<typeof createButtonStyles>;
-  stylesIconButton?: TypeStyles<typeof createIconButtonStyles>;
-}
-//#endregion
-//#region src/components/commons/toolkit/Pagination/index.d.ts
-declare const Pagination: React.FC<PaginationProps>;
-//#endregion
-export { Pagination as t };
-//# sourceMappingURL=index-BWoyVnHt.d.ts.map